-
-
Notifications
You must be signed in to change notification settings - Fork 452
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
184 additions
and
188 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| 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, | ||
| sections: any[] | ||
| ): React.ReactElement<{}>; | ||
|
|
||
| /** | ||
| * A function that should return a renderable representing the section title above the touchable | ||
| */ | ||
| renderSectionTitle?( | ||
| content: any, | ||
| index: number, | ||
| isActive: boolean, | ||
| sections: any[] | ||
| ): React.ReactElement<{}>; | ||
|
|
||
| /** | ||
| * A function that should return a renderable representing the content | ||
| */ | ||
| renderContent( | ||
| content: any, | ||
| index: number, | ||
| isActive: boolean, | ||
| sections: any[] | ||
| ): React.ReactElement<{}>; | ||
|
|
||
| /** | ||
| * An optional function that is called when currently active section is changed, index === false when collapsed | ||
| */ | ||
| onChange?(index: number): void; | ||
|
|
||
| /** | ||
| * Expand content from the bottom instead of the top | ||
| * | ||
| * @default false | ||
| */ | ||
| expandFromBottom?: boolean; | ||
|
|
||
| /** | ||
| * 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; | ||
|
|
||
| /** | ||
| * Component to use for the Touchable | ||
| * | ||
| * @default TouchableHighlight | ||
| */ | ||
| touchableComponent?: React.ComponentClass; | ||
|
|
||
| /** | ||
| * Object of props to pass to the touchable component | ||
| */ | ||
| touchableProps?: {}; | ||
| } | ||
|
|
||
| export default class Accordion extends React.Component<AccordionProps, any> {} | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,190 +1,82 @@ | ||
| declare module 'react-native-collapsible' { | ||
| import * as React from 'react'; | ||
| import { StyleProp, ViewStyle } from 'react-native'; | ||
|
|
||
| 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; | ||
|
|
||
| /** | ||
| * Optional styling for the container | ||
| */ | ||
| style?: StyleProp<ViewStyle>; | ||
| } | ||
|
|
||
| export default class Collapsible extends React.Component< | ||
| CollapsibleProps, | ||
| any | ||
| > {} | ||
| import * as React from 'react'; | ||
| import { StyleProp, ViewStyle } from 'react-native'; | ||
|
|
||
| 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; | ||
|
|
||
| /** | ||
| * Optional styling for the container | ||
| */ | ||
| style?: StyleProp<ViewStyle>; | ||
| } | ||
|
|
||
| declare module 'react-native-collapsible/Accordion' { | ||
| import * as React from 'react'; | ||
| import { EasingMode } from 'react-native-collapsible'; | ||
|
|
||
| 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, | ||
| sections: any[] | ||
| ): React.ReactElement<{}>; | ||
|
|
||
| /** | ||
| * A function that should return a renderable representing the section title above the touchable | ||
| */ | ||
| renderSectionTitle?( | ||
| content: any, | ||
| index: number, | ||
| isActive: boolean, | ||
| sections: any[] | ||
| ): React.ReactElement<{}>; | ||
|
|
||
| /** | ||
| * A function that should return a renderable representing the content | ||
| */ | ||
| renderContent( | ||
| content: any, | ||
| index: number, | ||
| isActive: boolean, | ||
| sections: any[] | ||
| ): React.ReactElement<{}>; | ||
|
|
||
| /** | ||
| * An optional function that is called when currently active section is changed, index === false when collapsed | ||
| */ | ||
| onChange?(index: number): void; | ||
|
|
||
| /** | ||
| * Expand content from the bottom instead of the top | ||
| * | ||
| * @default false | ||
| */ | ||
| expandFromBottom?: boolean; | ||
|
|
||
| /** | ||
| * 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; | ||
|
|
||
| /** | ||
| * Component to use for the Touchable | ||
| * | ||
| * @default TouchableHighlight | ||
| */ | ||
| touchableComponent?: React.ComponentClass; | ||
|
|
||
| /** | ||
| * Object of props to pass to the touchable component | ||
| */ | ||
| touchableProps?: {}; | ||
| } | ||
|
|
||
| export default class Accordion extends React.Component<AccordionProps, any> {} | ||
| } | ||
| export default class Collapsible extends React.Component< | ||
| CollapsibleProps, | ||
| any | ||
| > {} |