Remove react-native-collapsible (#25011)

This commit is contained in:
Kyle Roach
2018-04-16 15:21:28 -07:00
committed by Ryan Cavanaugh
parent 3e9fdd529c
commit 3d822ec7e6
6 changed files with 6 additions and 239 deletions
+6
View File
@@ -1152,6 +1152,12 @@
"sourceRepoURL": "https://github.com/react-ga/react-ga",
"asOfVersion": "2.3.0"
},
{
"libraryName": "react-native-collapsible",
"typingsPackageName": "react-native-collapsible",
"sourceRepoURL": "https://github.com/oblador/react-native-collapsible",
"asOfVersion": "0.11.0"
},
{
"libraryName": "react-native-elements",
"typingsPackageName": "react-native-elements",
-64
View File
@@ -1,64 +0,0 @@
import * as React from 'react';
import { EasingMode } from './index';
export interface AccordionProps {
/**
* An array of sections passed to the render methods
*/
sections: any[];
/**
* A function that should return a renderable representing the header
*/
renderHeader(content: any, index: number, isActive: boolean): JSX.Element;
/**
* A function that should return a renderable representing the content
*/
renderContent(content: any, index: number, isActive: boolean): JSX.Element;
/**
* An optional function that is called when currently active section is changed, index === false when collapsed
*/
onChange?(index: number): void;
/**
* Set which index in the sections array is initially open. Defaults to none.
*/
initiallyActiveSection?: number;
/**
* Control which index in the sections array is currently open. Defaults to none. If false, closes all sections.
*/
activeSection?: boolean | number;
/**
* The color of the underlay that will show through when tapping on headers.
*
* @default black
*/
underlayColor?: string;
/**
* Alignment of the content when transitioning, can be top, center or bottom
*
* @default top
*/
align?: 'top' | 'center' | 'bottom';
/**
* Duration of transition in milliseconds
*
* @default 300
*/
duration?: number;
/**
* Function or function name from Easing (or tween-functions if < RN 0.8). Collapsible will try to combine Easing functions for you if you name them like tween-functions.
*
* @default easeOutCubic
*/
easing?: EasingMode | any;
}
export default class Accordion extends React.Component<AccordionProps, any> {}
-80
View File
@@ -1,80 +0,0 @@
// Type definitions for react-native-collapsible 0.8
// Project: https://github.com/oblador/react-native-collapsible
// Definitions by: Kyle Roach <https://github.com/iRoachie>
// Umidbek Karimov <https://github.com/umidbekkarimov>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.6
import * as React from 'react';
export type EasingMode =
'linear' |
'easeInQuad' |
'easeOutQuad' |
'easeInOutQuad' |
'easeInCubic' |
'easeOutCubic' |
'easeInOutCubic' |
'easeInQuart' |
'easeOutQuart' |
'easeInOutQuart' |
'easeInQuint' |
'easeOutQuint' |
'easeInOutQuint' |
'easeInSine' |
'easeOutSine' |
'easeInOutSine' |
'easeInExpo' |
'easeOutExpo' |
'easeInOutExpo' |
'easeInCirc' |
'easeOutCirc' |
'easeInOutCirc' |
'easeInElastic' |
'easeOutElastic' |
'easeInOutElastic' |
'easeInBack' |
'easeOutBack' |
'easeInOutBack' |
'easeInBounce' |
'easeOutBounce' |
'easeInOutBounce';
export interface CollapsibleProps {
/**
* Alignment of the content when transitioning, can be top, center or bottom
*
* @default top
*/
align?: 'top' | 'center' | 'bottom';
/**
* Whether to show the child components or not
*
* @default true
*/
collapsed?: boolean;
/**
* Which height should the component collapse to
*
* @default 0
*/
collapsedHeight?: number;
/**
* Duration of transition in milliseconds
*
* @default 300
*/
duration?: number;
/**
* Function or function name from Easing (or tween-functions if < RN 0.8). Collapsible will try to combine Easing functions for you if you name them like tween-functions
*
* @default easeOutCubic
*/
easing?: EasingMode | any;
}
export default class Collapsible extends React.Component<CollapsibleProps, any> {}
@@ -1,62 +0,0 @@
import * as React from 'react';
import { View } from 'react-native';
import Collapsible from 'react-native-collapsible';
import Accordion from 'react-native-collapsible/Accordion';
class CollapsibleTest extends React.Component<any, any> {
render() {
return (
<Collapsible collapsed={true}>
<View />
</Collapsible>
);
}
}
class AccordianTest extends React.Component<any, any> {
_renderHeader() {
return (
<View />
);
}
_renderContent() {
return (
<View />
);
}
render() {
return (
<Accordion
sections={['Section 1', 'Section 2', 'Section 3']}
renderHeader={this._renderHeader}
renderContent={this._renderContent}
/>
);
}
}
class AccordionComplexTest extends React.Component<any, any> {
_renderHeader() {
return (
<View />
);
}
_renderContent() {
return (
<View />
);
}
render() {
return (
<Accordion
sections={[{icon: 'foo', title: 'Section 1'}, {icon: 'bar', title: 'Section 2'}, {icon: 'baz', title: 'Section 3'}]}
renderHeader={this._renderHeader}
renderContent={this._renderContent}
/>
);
}
}
@@ -1,26 +0,0 @@
{
"compilerOptions": {
"module": "commonjs",
"lib": [
"dom",
"es6"
],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true,
"strictFunctionTypes": true,
"baseUrl": "../",
"typeRoots": [
"../"
],
"types": [],
"noEmit": true,
"forceConsistentCasingInFileNames": true,
"jsx": "react"
},
"files": [
"index.d.ts",
"Accordion.d.ts",
"react-native-collapsible-tests.tsx"
]
}
@@ -1,7 +0,0 @@
{
"extends": "dtslint/dt.json",
"rules": {
// TODO
"no-any-union": false
}
}