diff --git a/components/app_bar/index.d.ts b/components/app_bar/index.d.ts deleted file mode 100644 index 9e59dce8..00000000 --- a/components/app_bar/index.d.ts +++ /dev/null @@ -1,56 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} - -export interface AppBarProps extends Props { - /** - * If true, the AppBar shows a shadow. - * @default false - */ - flat?: boolean, - /** - * Determine if the bar should have position fixed (true) or relative (false) - * @default false - */ - fixed?: boolean, -} -/** - * The app bar is a special kind of toolbar that’s used for branding, navigation, search, and actions. - * Usually it contains controls on the right and left side and a title with the current section or app name. - * You should give the content with children elements. - */ -export default class AppBar extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/autocomplete/index.d.ts b/components/autocomplete/index.d.ts deleted file mode 100644 index ebfc3866..00000000 --- a/components/autocomplete/index.d.ts +++ /dev/null @@ -1,95 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} - -export interface AutocompleteProps extends Props, Conditional, Changeable> { - /** - * Sets the error string for the internal input element. - */ - error?: string, - /** - * The text string to use for the floating label element. - */ - label?: string, - /** - * If true, component can hold multiple values. - * @default true - */ - multiple?: boolean, - /** - * Object of key/values or array representing all items suggested. - */ - source: Object | Array, - /** - * If true, the list of suggestions will not be filtered when a value is selected, until the query is modified. - * @default false - */ - showSuggestionsWhenValueIsSet?: boolean, - /** - * Type of the input element. It can be a valid HTML5 input type - * @default text - */ - type?: string, - /** - * Value or array of values currently selected component.Current value of the input element. - */ - value?: string | Array, -} -/** - * An input field with a set of predeterminated labeled values. When it's focused it shows a list of hints that are filtered by label as the user types. - * They can be simple or multiple depending on the amount of values that can be selected. - * The opening direction is determined at opening time depending on the current position. - */ -export default class Autocomplete extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/avatar/index.d.ts b/components/avatar/index.d.ts deleted file mode 100644 index 474eb0b6..00000000 --- a/components/avatar/index.d.ts +++ /dev/null @@ -1,55 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | React.ReactElement | React.ReactHTMLElement, -} -export interface AvatarProps extends Props, Iconic { - children?: any, - image?: string | React.ReactElement | React.ReactHTMLElement | React.ClassicComponent, - title?: string | boolean, -} -/** - * Avatars can be used to represent people. - * For personal avatars, offer personalization options. - * As users may choose not to personalize an avatar, provide delightful defaults. - * When used with a specific logo, avatars can also be used to represent brand. - */ -export default class Avatar extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/button/index.d.ts b/components/button/index.d.ts deleted file mode 100644 index b712fdc4..00000000 --- a/components/button/index.d.ts +++ /dev/null @@ -1,122 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} - -// Interface for components with icons -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | React.ReactElement | React.ReactHTMLElement, -} - -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -/** - * Properties of components that can be clicked - */ -export interface Clickable { - /** - * Callback called when the button is clicked. - */ - onClick?: Function -} -export interface ButtonProps extends Props, Clickable, Conditional, Iconic { - /** - * Indicates if the button should have accent color. - * @default false - */ - accent?: boolean, - /** - * If true, the button will have a flat look. - * @default false - */ - flat?: boolean, - /** - * If true, the button will have a floating look. - * @default false - */ - floating?: boolean, - /** - * If specified, the button will be rendered as an - */ - href?: string, - /** - * The text string to use for the name of the button. - */ - label?: string, - /** - * If true, component will be disabled and show a loading animation. - * @default false - */ - loading?: boolean, - /** - * To be used with floating button. If true the button will be smaller. - * @default false - */ - mini?: boolean, - /** - * Indicates if the button should have primary color. - * @default false - */ - primary?: boolean, - /** - * If true, the button will have a raised look. - * @default false - */ - raised?: boolean, - /** - * If true, component will have a ripple effect on click. - * @default true - */ - ripple?: boolean, -} -/** - * A button clearly communicates what action will occur when the user touches it. - * It consists of text, an image, or both, designed in accordance with your app’s color theme. - */ -export class Button extends React.Component { - render(): React.DOMElement; -} - -export class IconButton extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/card/index.d.ts b/components/card/index.d.ts deleted file mode 100644 index dc4f3a4b..00000000 --- a/components/card/index.d.ts +++ /dev/null @@ -1,225 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} - -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -/** - * Properties of components that can be clicked - */ -export interface Clickable { - /** - * Callback called when the button is clicked. - */ - onClick?: Function -} -export interface ButtonProps extends Props, Clickable, Conditional, Iconic { - /** - * Indicates if the button should have accent color. - * @default false - */ - accent?: boolean, - /** - * If true, the button will have a flat look. - * @default false - */ - flat?: boolean, - /** - * If true, the button will have a floating look. - * @default false - */ - floating?: boolean, - /** - * If specified, the button will be rendered as an - */ - href?: string, - /** - * The text string to use for the name of the button. - */ - label?: string, - /** - * If true, component will be disabled and show a loading animation. - * @default false - */ - loading?: boolean, - /** - * To be used with floating button. If true the button will be smaller. - * @default false - */ - mini?: boolean, - /** - * Indicates if the button should have primary color. - * @default false - */ - primary?: boolean, - /** - * If true, the button will have a raised look. - * @default false - */ - raised?: boolean, - /** - * If true, component will have a ripple effect on click. - * @default true - */ - ripple?: boolean, -} -export interface CardProps extends Props, Clickable { - /** - * Child components, usually Card subcomponents. - */ - children?: any, - /** - * Increases the shadow depth to appear elevated. - */ - raised?: boolean, - /** - * Array of objects describing actions. These actions will be rendered as buttons and the object fields will be transferred to those. - * @default [] - */ - actions?: Array, - /** - * Sets HEX or RGBA color to add a colored layer to the heading. - */ - color?: string, - /** - * URL to set as a background image in the heading. - */ - image?: string, - - /** - * Type of the component to display general modifications. It can be 'wide' for a larger card, 'image' if it's an image card or 'event' which shows just a title on top. - */ - type?: string, -} -/** - * A Card is a piece of paper with unique related data that serves as an entry point to more detailed information. - * For example, a card could contain a photo, text, and a link about a single subject. - * Cards are composed of multiple subcomponents in React Toolbox. - * You can combine each of the subcomponents to create all different Material Design Cards given in the spec. - */ -export class Card extends React.Component { - render(): React.DOMElement; -} -export interface CardTitleProps extends Props { - avatar?: string | React.ReactElement | React.ReactHTMLElement | React.ClassicComponent, - /** - * Children to pass through the component. - */ - children?: any, - /** - * Sets a complementary smaller text under the title. - */ - subtitle?: string, - /** - * Sets the title of the card. - */ - title?: string | boolean, -} -/** - * A versatile title block that can be used in various places on the card, including the media area. - * This component can also display an avatar next to the title content. - */ -export class CardTitle extends React.Component { - render(): React.DOMElement; -} -export interface CardMediaProps extends Props { - /** - * Forces a ('wide' 16:9) or ('square' 1:1) aspect ratio respectively. - * Unset, the media area will have a flexible height. - * @default '' - */ - aspectRatio?: string, - /** - * Usually an image/video element or a component. - */ - children?: any, - /** - * Sets the background color - */ - color?: string, - /** - * Creates a dark overlay underneath the child components. - */ - contentOverlay?: boolean, - /** - * Can be used instead of children. Accepts an element or a URL string. - */ - image?: string | React.ReactElement | React.ReactHTMLElement | React.ClassicComponent, -} -/** - * Used for displaying media such as images or videos on a card. - * Can also be used with a solid background color instead of an image. - */ -export class CardMedia extends React.Component { - render(): React.DOMElement; -} -export interface CardTextProps extends Props { - /** - * Children to pass through the component. - */ - children?: any, -} -/** - * Basic card content container. - * Good for small descriptions or other supplementary text. - */ -export class CardText extends React.Component { - render(): React.DOMElement; -} -export interface CardActionsProps extends Props { - /** - * Children to pass through the component. - */ - children?: any, -} -/** - * This component is used as a container for supplemental card actions. - * Supplemental actions within the card are explicitly called out using icons, text, and UI controls, typically placed at the bottom of the card. - */ -export class CardActions extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/checkbox/index.d.ts b/components/checkbox/index.d.ts deleted file mode 100644 index 284267d2..00000000 --- a/components/checkbox/index.d.ts +++ /dev/null @@ -1,80 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} - -export interface CheckboxProps extends Props, Changeable, Conditional { - /** - * Value for the checkbox, can be true or false. - * @default false - */ - checked?: boolean, - /** - * Text label to attach next to the checkbox element. - */ - label?: string, - /** - * The name of the field to set in the input checkbox. - */ - name?: string, - /** - * Callback called when the checkbox is blurred. - */ - onBlur?: Function, - /** - * Callback called when the checkbox is focused - */ - onFocus?: Function, -} -export default class Checkbox extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/chip/index.d.ts b/components/chip/index.d.ts deleted file mode 100644 index 3b982218..00000000 --- a/components/chip/index.d.ts +++ /dev/null @@ -1,66 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -export interface ChipProps extends Props { - /** - * Child components, usually Avatar and inline elements - */ - children?: React.ReactNode; - /** - * If true, the chip will be rendered with a delete icon. - */ - deletable?: boolean; - /** - * Callback to be invoked when the delete icon is clicked. - */ - onDeleteClick?: React.MouseEventHandler -} -/** - * Avatars can be used to represent people. - * For personal avatars, offer personalization options. - * As users may choose not to personalize an avatar, provide delightful defaults. - * When used with a specific logo, avatars can also be used to represent brand. - */ -export default class Chip extends React.Component { - render(): React.ReactElement; -} \ No newline at end of file diff --git a/components/date_picker/index.d.ts b/components/date_picker/index.d.ts deleted file mode 100644 index ac43c6d7..00000000 --- a/components/date_picker/index.d.ts +++ /dev/null @@ -1,67 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} - -export interface DatePickerProps extends Props, Changeable { - /** - * Date object with the maximum selectable date. - */ - maxDate?: Date, - /** - * Date object with the minimum selectable date. - */ - minDate?: Date, - /** - * The text string to use like a input placeholder. - */ - placeholder?: string, - /** - * Date object with the currently selected date. - */ - value?: Date, -} -export default class DatePicker extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/dialog/index.d.ts b/components/dialog/index.d.ts deleted file mode 100644 index 63871438..00000000 --- a/components/dialog/index.d.ts +++ /dev/null @@ -1,157 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} - -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -/** - * Properties of components that can be clicked - */ -export interface Clickable { - /** - * Callback called when the button is clicked. - */ - onClick?: Function -} -/** - * Properties of modal components (Drawer, Dialog) - */ -export interface Modal { - /** - * If true, the dialog will be active. - */ - active: boolean, - /** - * Callback called when the ESC key is pressed with the overlay active. - */ - onEscKeyDown?: Function, - /** - * Callback to be invoked when the dialog overlay is clicked. - */ - onOverlayClick?: Function, - /** - * Callback called when the mouse button is pressed on the overlay. - */ - onOverlayMouseDown?: Function, - /** - * Callback called when the mouse is moving over the overlay. - */ - onOverlayMouseMove?: Function, - /** - * Callback called when the mouse button is released over the overlay. - */ - onOverlayMouseUp?: Function, -} -export interface ButtonProps extends Props, Clickable, Conditional, Iconic { - /** - * Indicates if the button should have accent color. - * @default false - */ - accent?: boolean, - /** - * If true, the button will have a flat look. - * @default false - */ - flat?: boolean, - /** - * If true, the button will have a floating look. - * @default false - */ - floating?: boolean, - /** - * If specified, the button will be rendered as an - */ - href?: string, - /** - * The text string to use for the name of the button. - */ - label?: string, - /** - * If true, component will be disabled and show a loading animation. - * @default false - */ - loading?: boolean, - /** - * To be used with floating button. If true the button will be smaller. - * @default false - */ - mini?: boolean, - /** - * Indicates if the button should have primary color. - * @default false - */ - primary?: boolean, - /** - * If true, the button will have a raised look. - * @default false - */ - raised?: boolean, - /** - * If true, component will have a ripple effect on click. - * @default true - */ - ripple?: boolean, -} -export interface DialogProps extends Props, Modal { - /** - * An array of objects representing the buttons for the dialog navigation area. The properties will be transferred to the buttons. - * @default [] - */ - actions?: Array, - /** - * The text string to use as standar title of the dialog. - */ - title?: string | boolean, - /** - * Used to determine the size of the dialog. It can be small, normal or large. - * @default normal - */ - type?: string, -} -export default class Dialog extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/drawer/index.d.ts b/components/drawer/index.d.ts deleted file mode 100644 index 3bcf15f2..00000000 --- a/components/drawer/index.d.ts +++ /dev/null @@ -1,74 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -/** - * Properties of modal components (Drawer, Dialog) - */ -export interface Modal { - /** - * If true, the dialog will be active. - */ - active: boolean, - /** - * Callback called when the ESC key is pressed with the overlay active. - */ - onEscKeyDown?: Function, - /** - * Callback to be invoked when the dialog overlay is clicked. - */ - onOverlayClick?: Function, - /** - * Callback called when the mouse button is pressed on the overlay. - */ - onOverlayMouseDown?: Function, - /** - * Callback called when the mouse is moving over the overlay. - */ - onOverlayMouseMove?: Function, - /** - * Callback called when the mouse button is released over the overlay. - */ - onOverlayMouseUp?: Function, -} -export interface DrawerProps extends Props, Modal { - /** - * Type of drawer. It can be 'left' or 'right' to display the drawer on the left or right side of the screen. - * @default left - */ - type?: string -} -export default class Drawer extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/dropdown/index.d.ts b/components/dropdown/index.d.ts deleted file mode 100644 index e70328c9..00000000 --- a/components/dropdown/index.d.ts +++ /dev/null @@ -1,82 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} -export interface Option { - label: string, - value: T, -} -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} -export interface DropdownProps extends Props, Changeable, Conditional { - /** - * If true, the dropdown will open up or down depending on the position in the screen. - */ - auto?: boolean, - /** - * The text string to use for the floating label element. - */ - label?: string, - /** - * Array of data objects with the data to represent in the dropdown. - */ - source: Array>, - /** - * Callback function that returns a JSX template to represent the element. - */ - template?: Function, - /** - * Default value using JSON data. - */ - value: string, -} - -export default class Dropdown extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/font_icon/index.d.ts b/components/font_icon/index.d.ts deleted file mode 100644 index 152fd130..00000000 --- a/components/font_icon/index.d.ts +++ /dev/null @@ -1,42 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} - -export interface FontIconProps extends Props { - value: string -} -export default class FontIcon extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/hoc/ActivableRenderer.d.ts b/components/hoc/ActivableRenderer.d.ts deleted file mode 100644 index ab73e065..00000000 --- a/components/hoc/ActivableRenderer.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -import * as React from 'react'; -export interface ActivableRendererOptions { - /** - * @default 500 - */ - delay?: number; -} -export interface ActivableRendererProps { - active: boolean; - children?: any; - delay?: number -} -export default function ActivableRendererFactory

(options?: ActivableRendererOptions): (componentClass: React.ComponentClass

) => React.ComponentClass

\ No newline at end of file diff --git a/components/input/index.d.ts b/components/input/index.d.ts deleted file mode 100644 index 780ae6f5..00000000 --- a/components/input/index.d.ts +++ /dev/null @@ -1,122 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} - -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} - -export interface InputProps extends Props, Conditional, Changeable, Iconic { - /** - * Give an error string to display under the field. - */ - error?: string, - /** - * Indicates if the label is floating in the input field or not. - * @default true - */ - floating?: boolean, - /** - * The text string to use for the floating label element. - */ - label?: string, - /** - * Specifies the maximum number of characters allowed in the component. - */ - maxLength?: number, - /** - * If true, a textarea element will be rendered. The textarea also grows and shrinks according to the number of lines. - * @default false - */ - multiline?: boolean, - /** - * Callback function that is fired when components is blurred. - */ - onBlur?: Function, - /** - * Callback function that is fired when components is focused. - */ - onFocus?: Function, - /** - * Callback function that is fired when a key is pressed down. - */ - onKeyDown?: Function, - /** - * Callback function that is fired when a key is pressed. - */ - onKeyPress?: Function, - /** - * Callback function that is fired when a key is released. - */ - onKeyUp?: Function, - /** - * If true, the html input has a required value. - * @default false - */ - required?: boolean, - /** - * Type of the input element. It can be a valid HTML5 input type - * @default text - */ - type?: string, - /** - * Current value of the input element. - */ - value?: string, -} -export default class Input extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/link/index.d.ts b/components/link/index.d.ts deleted file mode 100644 index 8ee95642..00000000 --- a/components/link/index.d.ts +++ /dev/null @@ -1,56 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} - -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} -export interface LinkProps extends Props, Iconic { - href: string, - /** - * The text string used for the text content of the link. - */ - label: string, - /** - * Sets a count number useful to display in the page how many times was visited for example. - */ - count?: number, -} -export default class Link extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/list/index.d.ts b/components/list/index.d.ts deleted file mode 100644 index 30501554..00000000 --- a/components/list/index.d.ts +++ /dev/null @@ -1,180 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} -export interface Clickable { - /** - * Callback called when the button is clicked. - */ - onClick?: Function -} -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} - -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} - -export interface ListProps extends Props { - /** - * If true, each element in the list will have a ripple effect on click - * @default false - */ - ripple?: boolean, - /** - * If true, the elements in the list will display a hover effect and a pointer cursor. - * @default false - */ - selectable?: boolean, -} -export class List extends React.Component { - render(): React.DOMElement; -} -export interface ListItemProps extends Props, Conditional, Clickable { - /** - * A string URL to specify an avatar in the left side of the item. - */ - avatar?: string, - /** - * Main text of the item. Required. - */ - caption?: string, - /** - * An element that will be displayed as the item. If set, this will override `caption` and `legend`. - */ - itemContent?: React.ReactElement, - /** - * A list of elements that are placed on the left side of the item and after the avatar attribute. - */ - leftActions?: React.ReactElement[], - /** - * A string key of a font icon to display an icon in the left side of the item. - */ - leftIcon?: string, - /** - * Secondary text to display under the caption. - */ - legend?: string, - /** - * A list of elements that are placed on the right side of the item and after the rightIcon attribute. - */ - rightActions?: React.ReactElement[], - /** - * The same as the leftIcon but in this case the icon is displayed in the right side. - */ - rightIcon?: string, - /** - * If true, the item displays a ripple effect on click. By default it's inherited from the parent element. - * @default false - */ - ripple?: boolean, - /** - * If true, the elements in the list will display a hover effect and a pointer cursor. Inherited from the parent - * @default false - */ - selectable?: boolean, - /** - * In case you want to provide the item as a link, you can pass this property to specify the href. - */ - to?: string; -} -export class ListItem extends React.Component { - render(): React.DOMElement; -} -export interface ListCheckboxProps extends Props, Conditional, Changeable { - /** - * Main text of the item. Required. - */ - caption?: string, - /** - * If true the checkbox appears checked by default. - * @default false - */ - checked: boolean, - /** - * Secondary text to display under the caption. - */ - legend?: string, - /** - * Name for the checkbox input item. - */ - name?: string, - /** - * Callback called when the input element is blurred. - */ - onBlur?: Function, - /** - * Callback called when the input element is focused. - */ - onFocus?: Function, -} -export class ListCheckbox extends React.Component { - render(): React.DOMElement; -} -export interface ListSubHeaderProps extends Props { - /** - * List header caption. - */ - caption: string; -} -export class ListSubHeader extends React.Component { - render(): React.DOMElement; -} -export interface ListDividerProps extends Props { - /** - * Indicates if the divider should be full width or should leave a space on the left side. - */ - inset: boolean; -} -export class ListDivider extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/menu/index.d.ts b/components/menu/index.d.ts deleted file mode 100644 index 54289548..00000000 --- a/components/menu/index.d.ts +++ /dev/null @@ -1,150 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} - -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} -export interface MenuProps extends Props { - /** - * If true, the menu will be displayed as opened by default. - * @default false - */ - active?: boolean, - /** - * Callback that will be called when the menu is being hidden. - */ - onHide?: Function, - /** - * Callback that will be called when the menu is being shown. - */ - onShow?: Function, - /** - * If true the menu wrapper will show an outline with a soft shadow. - * @default true - */ - outline?: boolean, - /** - * Determine the position of the menu. - * With static value the menu will be always shown, auto means that the it will decide the opening direction based on the current position. - * To force a position use top-left, top-right, bottom-left, bottom-right. - * @default static - */ - position?: string, - /** - * If true, the menu items will show a ripple effect on click. - */ - ripple?: boolean, - /** - * If true, the menu will keep a value to highlight the active child item. - */ - selectable?: boolean, - /** - * Used for selectable menus and indicates the initial value so the child item with this value can be highlighted. - */ - value?: boolean, -} -export class Menu extends React.Component { - render(): React.DOMElement; -} -export interface IconMenuProps extends Props, Iconic { - /** - * If true, the icon will show a ripple when is clicked. - */ - iconRipple?: boolean, - /** - * Transferred to the Menu component. - * @default true - */ - menuRipple?: boolean, - /** - * Callback that will be called when the icon is clicked. - */ - onClick?: Function, - /** - * Callback that will be called when the menu is being hidden. - */ - onHide?: Function, - /** - * Callback that will be called when the menu is being shown. - */ - onShow?: Function, - /** - * Callback that will be called when a menu item is selected. - */ - onSelect?: Function, - /** - * Determine the position of the menu. This property is transferred to the inner Menu component. - * @default auto - */ - position?: string, - /** - * If true, the menu will keep a value to highlight the active child item. Transferred to the Menu - */ - selectable?: boolean, -} -export class IconMenu extends React.Component { - render(): React.DOMElement; -} -export interface MenuItemProps extends Props, Conditional, Iconic { - /** - * The text to include in the menu item. - */ - caption?: string, - /** - * If true, the item will show a ripple effect when it's clicked. Inherited from the parent. - */ - ripple?: boolean, - /** - * Transferred from the Menu component for selectable menus. Indicates if it's the current active option. - */ - selected?: boolean, -} -export class MenuItem extends React.Component { - render(): React.DOMElement; -} -export class MenuDivider extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/navigation/index.d.ts b/components/navigation/index.d.ts deleted file mode 100644 index a1a3081b..00000000 --- a/components/navigation/index.d.ts +++ /dev/null @@ -1,53 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} - -export interface NavigationProps extends Props { - /** - * Array of objects that represent buttons so the keys will be transferred as properties to those. - */ - actions?: Array, - /** - * Array of objects similar to actions but that will be rendered as component definition. - */ - routes?: Array, - /** - * Type of the navigation, it can be 'vertical' or 'horizontal'. - */ - type?: string, -} -export default class Navigation extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/overlay/index.d.ts b/components/overlay/index.d.ts deleted file mode 100644 index 3da68043..00000000 --- a/components/overlay/index.d.ts +++ /dev/null @@ -1,49 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface OverlayProps extends Props { - active?: boolean; - children?: any; - /** - * Sets a CSS class on the component. - */ - className?: string; - invisible?: boolean; - onClick?: Function; - onEscKeyDown?: Function -} -export default class Overlay extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/progress_bar/index.d.ts b/components/progress_bar/index.d.ts deleted file mode 100644 index fb1494ef..00000000 --- a/components/progress_bar/index.d.ts +++ /dev/null @@ -1,69 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface ProgressBarProps extends Props { - /** - * Value of a secondary progress bar useful for buffering. - */ - buffer?: number, - /** - * Maximum value permitted. - */ - max?: number, // - /** - * minimum value permitted. - */ - min?: number, // - /** - * Mode of the progress bar, it can be determinate or indeterminate. - */ - mode?: string, // - /** - * If true, the circular progress bar will be changing its color. - */ - multicolor?: boolean, // - /** - * Type of the progress bar, it can be circular or linear. - * @default linear - */ - type?: string, - /** - * Value of the current progress. - */ - value?: number, -} -export default class ProgressBar extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/radio/index.d.ts b/components/radio/index.d.ts deleted file mode 100644 index 9df815e4..00000000 --- a/components/radio/index.d.ts +++ /dev/null @@ -1,99 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} - -export interface RadioGroupProps extends Props, Conditional, Changeable { - /** - * Name for the input element group. - */ - name?: string, - /** - * Default value selected in the radio group. - */ - value?: any, -} -export class RadioGroup extends React.Component { - render(): React.DOMElement; -} -export interface RadioButtonProps extends Props, Conditional { - /** - * If true, the input element will be selected by default. Transferred from the parent. - */ - checked?: boolean, - /** - * Label for the radio button. - */ - label?: string; - /** - * Name for the input element. - */ - name?: string, - /** - * Callback function that will be invoked when the input is blurred. - */ - onBlur?: Function, - /** - * Callback function that will be invoked when the value changes. - */ - onChange?: Function, - /** - * Callback function that will be invoked when the input is focused. - */ - onFocus?: Function, - /** - * Value for the radio button. - */ - value: any, -} -export class RadioButton extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/slider/index.d.ts b/components/slider/index.d.ts deleted file mode 100644 index 6e910ba6..00000000 --- a/components/slider/index.d.ts +++ /dev/null @@ -1,72 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface SliderProps extends Props { - /** - * If true, an input is shown and the user can set the slider from keyboard value. - */ - editable?: boolean, - /** - * Maximum value permitted. - */ - max?: number, - /** - * Minimum value permitted. - */ - min?: number, - /** - * Callback function that will be invoked when the slider value changes. - */ - onChange?: Function, - /** - * If true, a pin with numeric value label is shown when the slider thumb is pressed. Use for settings for which users need to know the exact value of the setting. - */ - pinned?: boolean, - /** - * If true, the slider thumb snaps to tick marks evenly spaced based on the step property value. - */ - snaps?: boolean, - /** - * Amount to vary the value when the knob is moved or increase/decrease is called. - */ - step?: number, - /** - * Current value of the slider. - */ - value: number, -} -export default class Slider extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/snackbar/index.d.ts b/components/snackbar/index.d.ts deleted file mode 100644 index 6530072f..00000000 --- a/components/snackbar/index.d.ts +++ /dev/null @@ -1,97 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Iconic { - /** - * Value of the icon (See icon component). - */ - icon?: string | __React.ReactElement | __React.ReactHTMLElement, -} -export interface Modal { - /** - * If true, the dialog will be active. - */ - active: boolean, - /** - * Callback called when the ESC key is pressed with the overlay active. - */ - onEscKeyDown?: Function, - /** - * Callback to be invoked when the dialog overlay is clicked. - */ - onOverlayClick?: Function, - /** - * Callback called when the mouse button is pressed on the overlay. - */ - onOverlayMouseDown?: Function, - /** - * Callback called when the mouse is moving over the overlay. - */ - onOverlayMouseMove?: Function, - /** - * Callback called when the mouse button is released over the overlay. - */ - onOverlayMouseUp?: Function, -} - -export interface SnackbarProps extends Props, Modal, Iconic { - /** - * For the action component inside the Snackbar. - */ - action?: string, - /** - * Text to display in the content. - */ - label?: string, - /** - * Callback function that will be called when the button action is clicked. - */ - onClick?: Function, - /** - * Callback function when finish the set timeout. - */ - onTimeout?: Function, - /** - * amount of time after the Snackbar will be automatically hidden. - */ - timeout?: number, - /** - * Indicates the action type. Can be 'accept', 'warning' or 'cancel' - */ - type?: string, -} -export default class Snackbar extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/switch/index.d.ts b/components/switch/index.d.ts deleted file mode 100644 index a072f82c..00000000 --- a/components/switch/index.d.ts +++ /dev/null @@ -1,75 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} -export interface SwitchProps extends Props, Conditional { - /** - * If true, the switch will be enabled. - */ - checked: boolean, - /** - * If true, component will be disabled. - */ - disabled?: boolean, - /** - * The text string to use for the floating label element. - */ - label?: string, - /** - * The text string used as name of the input. - */ - name?: string, - /** - * Callback function that is fired when when the switch is blurred. - */ - onBlur?: Function, - /** - * Callback function that is fired when the components's value changes. - */ - onChange?: Function, - /** - * Callback function fire when the switch is focused. - */ - onFocus?: Function, -} -export default class Switch extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/table/index.d.ts b/components/table/index.d.ts deleted file mode 100644 index e2dc73ff..00000000 --- a/components/table/index.d.ts +++ /dev/null @@ -1,64 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface TableProps extends Props { - /** - * If true, component will show a heading using model field names. - */ - heading?: boolean, - /** - * Object describing the data model that represents each object in the source. - */ - model?: { [key: string]: string }, - /** - * Callback function that is fired when an item in a row changes. If set, rows are editable. - */ - onChange?: Function, - /** - * Callback function invoked when the row selection changes. - */ - onSelect?: Function, - /** - * Array of indexes of the items in the source that should appear as selected. - */ - selected?: Array, - /** - * Array of objects representing each item to show. - */ - source?: Array<{ [key: string]: any }>, -} -export default class Table extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/tabs/index.d.ts b/components/tabs/index.d.ts deleted file mode 100644 index 39234948..00000000 --- a/components/tabs/index.d.ts +++ /dev/null @@ -1,84 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -export interface Conditional { - /** - * If true, component will be disabled - * @default false - */ - disabled?: boolean -} -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} -export interface TabsProps extends Props, Changeable { - /** - * Current - */ - index: number, -} -export class Tabs extends React.Component { - render(): React.DOMElement; -} -export interface TabProps extends Props, Conditional { - /** - * If true, the current component is visible. - * @default false - */ - active?: boolean, - /** - * If true, the current component is not visible. - * @default false - */ - hidden?: boolean, - /** - * Label text for navigation header - */ - label?: string, - /** - * Callback function that is fired when the tab is activated. - */ - onActive?: Function, -} -export class Tab extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/time_picker/index.d.ts b/components/time_picker/index.d.ts deleted file mode 100644 index ee141895..00000000 --- a/components/time_picker/index.d.ts +++ /dev/null @@ -1,59 +0,0 @@ -import * as React from 'react'; -export interface Props { - /** - * Sets a CSS class on the component. - */ - className?: string, - id?: string; - /** - * A key used to uniquely identify the element within an Array - */ - key?: string, - /** - * Inline style - */ - style?: any, - /** - * Tooltip text - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltip?: string, - /** - * Amount of time in miliseconds spent before the tooltip is visible. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipDelay?: number, - /** - * If true, the Tooltip hides after a click in the host component. - * APPLIES ONLY IF THE COMPONENT IS WRAPPED WITH Tooltip. - * @default true - * @see http://react-toolbox.com/#/components/tooltip - */ - tooltipHideOnClick?: boolean, -} -/** - * Properties of components that have values that can be changed (T is the type of the value) - */ -export interface Changeable { - /** - * Callback called when the picker value is changed. - * @param v Type of the value - */ - onChange?: (v: T) => void -} -export interface TimePickerProps extends Props, Changeable { - /** - * Format to display the clock. It can be 24hr or ampm. - * @default 24hr - */ - format?: string, - /** - * Datetime object with currrently selected time - */ - value?: Date, -} -export default class TimePicker extends React.Component { - render(): React.DOMElement; -} \ No newline at end of file diff --git a/components/tooltip/index.d.ts b/components/tooltip/index.d.ts deleted file mode 100644 index 867412c2..00000000 --- a/components/tooltip/index.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -import * as React from 'react'; -export class TooltipComponent extends React.Component { - getDecoratedComponentInstance(): React.Component; -} - -export interface TooltipComponentClass

extends React.ComponentClass

{ - new (props?: P, context?: any): TooltipComponent; -} - -export default function Tooltip

(componentClass: React.ComponentClass

): TooltipComponentClass

; \ No newline at end of file diff --git a/index.d.ts b/index.d.ts index 1bdb9618..e66eb25c 100644 --- a/index.d.ts +++ b/index.d.ts @@ -1,81 +1,57 @@ // Type definitions for react-toolbox 0.16.2 // Project: http://react-toolbox.com/ -// Definitions by: @xogeny (Michael M. Tiller), @hsrobflavorus (Robert Parker) +// Definitions by: @xogeny (Michael M. Tiller), @hsrobflavorus (Robert Parker), @ixrock (Roman Karlov) /* CHANGES - * 06/05/2016: Refactor into external module declarations (no more 'declare module ...') - * 04/27/2016: Updates for 0.16.2, added , , and ActivableRendererFactory definitions, misc. tweaks and fixes. - * 02/03/2016: - * Fixed for TypeScript 1.8.0 stricter var declaration requirements (move `declare var ...` inside each individual module). - * Removed triple-slash reference to React to fix npm install compatibility (you'll need to make sure you're referencing react.d.ts somewhere in your project!). - * Hopefully fixed the default exports where applicable - * 01/13/2016: Minor changes, add a few missing props, add IconButton to react-toolbox/lib/button - * 12/21/2015: Fix "import * as Input from 'react-toolbox/lib/input'" style imports, which now correctly import only the necessary component(s). - * NOTE that you must use "import * as {Component Name}" not just "import {Component Name}" for this to work. - * 12/20/2015: Should be compatible with 0.14.0. Refactor modules into 'react-toolbox/lib/*' format. - Unfortunately importing them directly in that manner doesn't seem to work - i.e. "import Input from 'react-toolbox/lib/input'" resolves to undefined, whereas "import { Input } from 'react-toolbox'" works fine! - ... Any ideas welcome! - * 12/20/2015: Add AppBar, Avatar, and refactor Card and its child Components to match the documentation. - * 12/18/2015: Update to react-toolbox 0.13.1 (from 0.12.11) - * 12/18/2015: Use JSDoc-style comments to provide Intellisense where supported -*/ + * 26/05/2015 Export components by names (not only defaults), added missing components exports + * 06/05/2016: Refactor into external module declarations (no more 'declare module ...') + * 04/27/2016: Updates for 0.16.2, added , , and ActivableRendererFactory definitions, misc. tweaks and fixes. + * 02/03/2016: + * Fixed for TypeScript 1.8.0 stricter var declaration requirements (move `declare var ...` inside each individual module). + * Removed triple-slash reference to React to fix npm install compatibility (you'll need to make sure you're referencing react.d.ts somewhere in your project!). + * Hopefully fixed the default exports where applicable + * 01/13/2016: Minor changes, add a few missing props, add IconButton to react-toolbox/lib/button + * 12/21/2015: Fix "import * as Input from 'react-toolbox/lib/input'" style imports, which now correctly import only the necessary component(s). + * NOTE that you must use "import * as {Component Name}" not just "import {Component Name}" for this to work. + * 12/20/2015: Should be compatible with 0.14.0. Refactor modules into 'react-toolbox/lib/*' format. + Unfortunately importing them directly in that manner doesn't seem to work + i.e. "import Input from 'react-toolbox/lib/input'" resolves to undefined, whereas "import { Input } from 'react-toolbox'" works fine! + ... Any ideas welcome! + * 12/20/2015: Add AppBar, Avatar, and refactor Card and its child Components to match the documentation. + * 12/18/2015: Update to react-toolbox 0.13.1 (from 0.12.11) + * 12/18/2015: Use JSDoc-style comments to provide Intellisense where supported + */ /* - MISSING COMPONENTS (Contributions welcome) - * Ripple HOC -*/ + MISSING COMPONENTS (Contributions welcome) + * Ripple HOC + */ -import ActivableRendererFactory from 'react-toolbox/lib/hoc/ActivableRenderer'; -import AppBar from 'react-toolbox/lib/app_bar'; -import Autocomplete from 'react-toolbox/lib/autocomplete'; -import Avatar from 'react-toolbox/lib/avatar'; -import { Button }from 'react-toolbox/lib/button'; -import { Card, CardActions, CardMedia, CardText, CardTitle} from 'react-toolbox/lib/card'; -import Checkbox from 'react-toolbox/lib/checkbox'; -import DatePicker from 'react-toolbox/lib/date_picker'; -import Dialog from 'react-toolbox/lib/dialog'; -import Drawer from 'react-toolbox/lib/drawer'; -import Dropdown from 'react-toolbox/lib/dropdown'; -import FontIcon from 'react-toolbox/lib/font_icon'; -import Input from 'react-toolbox/lib/input'; -import Link from 'react-toolbox/lib/link'; -import {List, ListItem, ListCheckbox, ListSubHeader, ListDivider} from 'react-toolbox/lib/list'; -import {Menu, IconMenu, MenuItem, MenuDivider} from 'react-toolbox/lib/menu'; -import Navigation from 'react-toolbox/lib/navigation'; -import Overlay from 'react-toolbox/lib/overlay'; -import ProgressBar from 'react-toolbox/lib/progress_bar'; -import {RadioGroup, RadioButton} from 'react-toolbox/lib/radio'; -import Slider from 'react-toolbox/lib/slider'; -import Snackbar from 'react-toolbox/lib/snackbar'; -import Switch from 'react-toolbox/lib/switch'; -import { Tab, Tabs } from 'react-toolbox/lib/tabs'; -import TimePicker from 'react-toolbox/lib/time_picker'; -import Tooltip from 'react-toolbox/lib/tooltip'; +export { default as ActivableRendererFactory } from 'react-toolbox/lib/hoc/ActivableRenderer'; -export { -ActivableRendererFactory, -AppBar, -Autocomplete, -Avatar, -Button, -Card, CardActions, CardMedia, CardText, CardTitle, -Checkbox, -DatePicker, -Dialog, -Drawer, -Dropdown, -FontIcon, -Input, -Link, -List, ListItem, ListCheckbox, ListSubHeader, ListDivider, -Menu, IconMenu, MenuItem, MenuDivider, -Navigation, -Overlay, -ProgressBar, -RadioGroup, RadioButton, -Slider, -Snackbar, -Switch, -Tab, Tabs, -TimePicker, -Tooltip -} \ No newline at end of file +export { AppBar } from 'react-toolbox/lib/app_bar' +export { Autocomplete } from 'react-toolbox/lib/autocomplete' +export { Avatar } from 'react-toolbox/lib/avatar' +export { Button, IconButton } from 'react-toolbox/lib/button' +export { Card, CardTitle, CardMedia, CardText, CardActions } from 'react-toolbox/lib/card' +export { Checkbox } from 'react-toolbox/lib/checkbox' +export { Chip } from 'react-toolbox/lib/chip' +export { DatePicker } from 'react-toolbox/lib/date_picker' +export { Dialog } from 'react-toolbox/lib/dialog' +export { Drawer } from 'react-toolbox/lib/drawer' +export { Dropdown } from 'react-toolbox/lib/dropdown' +export { FontIcon } from 'react-toolbox/lib/font_icon' +export { Input } from 'react-toolbox/lib/input' +export { Layout, Panel, NavDrawer, Sidebar } from 'react-toolbox/lib/layout' +export { Link } from 'react-toolbox/lib/link' +export { List, ListCheckbox, ListItem, ListDivider, ListSubHeader } from 'react-toolbox/lib/list' +export { Menu, MenuDivider, MenuItem, IconMenu } from 'react-toolbox/lib/menu' +export { Navigation } from 'react-toolbox/lib/navigation' +export { Overlay } from 'react-toolbox/lib/overlay' +export { ProgressBar } from 'react-toolbox/lib/progress_bar' +export { RadioButton, RadioGroup } from 'react-toolbox/lib/radio' +export { Ripple } from 'react-toolbox/lib/ripple' +export { Slider } from 'react-toolbox/lib/slider' +export { Snackbar } from 'react-toolbox/lib/snackbar' +export { Switch } from 'react-toolbox/lib/switch' +export { Tabs, Tab } from 'react-toolbox/lib/tabs' +export { TimePicker } from 'react-toolbox/lib/time_picker' +export { default as Tooltip } from 'react-toolbox/lib/tooltip' \ No newline at end of file diff --git a/lib/app_bar/index.d.ts b/lib/app_bar/index.d.ts index 9e59dce8..97e2fa34 100644 --- a/lib/app_bar/index.d.ts +++ b/lib/app_bar/index.d.ts @@ -47,10 +47,12 @@ export interface AppBarProps extends Props { fixed?: boolean, } /** - * The app bar is a special kind of toolbar that’s used for branding, navigation, search, and actions. + * The app bar is a special kind of toolbar that�s used for branding, navigation, search, and actions. * Usually it contains controls on the right and left side and a title with the current section or app name. * You should give the content with children elements. */ -export default class AppBar extends React.Component { +export class AppBar extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default AppBar; \ No newline at end of file diff --git a/lib/autocomplete/index.d.ts b/lib/autocomplete/index.d.ts index ebfc3866..39452ebd 100644 --- a/lib/autocomplete/index.d.ts +++ b/lib/autocomplete/index.d.ts @@ -90,6 +90,8 @@ export interface AutocompleteProps extends Props, Conditional, Changeable { +export class Autocomplete extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Autocomplete; \ No newline at end of file diff --git a/lib/avatar/index.d.ts b/lib/avatar/index.d.ts index 474eb0b6..c30e43bb 100644 --- a/lib/avatar/index.d.ts +++ b/lib/avatar/index.d.ts @@ -50,6 +50,8 @@ export interface AvatarProps extends Props, Iconic { * As users may choose not to personalize an avatar, provide delightful defaults. * When used with a specific logo, avatars can also be used to represent brand. */ -export default class Avatar extends React.Component { +export class Avatar extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Avatar; \ No newline at end of file diff --git a/lib/button/index.d.ts b/lib/button/index.d.ts index b712fdc4..ff8c4fa9 100644 --- a/lib/button/index.d.ts +++ b/lib/button/index.d.ts @@ -119,4 +119,6 @@ export class Button extends React.Component { export class IconButton extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Button; \ No newline at end of file diff --git a/lib/checkbox/index.d.ts b/lib/checkbox/index.d.ts index 284267d2..e266c3d2 100644 --- a/lib/checkbox/index.d.ts +++ b/lib/checkbox/index.d.ts @@ -75,6 +75,8 @@ export interface CheckboxProps extends Props, Changeable, Conditional { */ onFocus?: Function, } -export default class Checkbox extends React.Component { +export class Checkbox extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Checkbox; \ No newline at end of file diff --git a/lib/chip/index.d.ts b/lib/chip/index.d.ts index 3b982218..8c081ea2 100644 --- a/lib/chip/index.d.ts +++ b/lib/chip/index.d.ts @@ -61,6 +61,8 @@ export interface ChipProps extends Props { * As users may choose not to personalize an avatar, provide delightful defaults. * When used with a specific logo, avatars can also be used to represent brand. */ -export default class Chip extends React.Component { +export class Chip extends React.Component { render(): React.ReactElement; -} \ No newline at end of file +} + +export default Chip; \ No newline at end of file diff --git a/lib/date_picker/index.d.ts b/lib/date_picker/index.d.ts index ac43c6d7..b6a6425b 100644 --- a/lib/date_picker/index.d.ts +++ b/lib/date_picker/index.d.ts @@ -62,6 +62,8 @@ export interface DatePickerProps extends Props, Changeable { */ value?: Date, } -export default class DatePicker extends React.Component { +export class DatePicker extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default DatePicker; \ No newline at end of file diff --git a/lib/dialog/index.d.ts b/lib/dialog/index.d.ts index 63871438..72118a06 100644 --- a/lib/dialog/index.d.ts +++ b/lib/dialog/index.d.ts @@ -152,6 +152,8 @@ export interface DialogProps extends Props, Modal { */ type?: string, } -export default class Dialog extends React.Component { +export class Dialog extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Dialog; \ No newline at end of file diff --git a/lib/drawer/index.d.ts b/lib/drawer/index.d.ts index 3bcf15f2..478dec86 100644 --- a/lib/drawer/index.d.ts +++ b/lib/drawer/index.d.ts @@ -69,6 +69,8 @@ export interface DrawerProps extends Props, Modal { */ type?: string } -export default class Drawer extends React.Component { +export class Drawer extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Drawer; \ No newline at end of file diff --git a/lib/dropdown/index.d.ts b/lib/dropdown/index.d.ts index e70328c9..b9d90484 100644 --- a/lib/dropdown/index.d.ts +++ b/lib/dropdown/index.d.ts @@ -77,6 +77,8 @@ export interface DropdownProps extends Props, Changeable, Conditional { value: string, } -export default class Dropdown extends React.Component { +export class Dropdown extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Dropdown; \ No newline at end of file diff --git a/lib/font_icon/index.d.ts b/lib/font_icon/index.d.ts index 152fd130..8fc061fd 100644 --- a/lib/font_icon/index.d.ts +++ b/lib/font_icon/index.d.ts @@ -37,6 +37,8 @@ export interface Props { export interface FontIconProps extends Props { value: string } -export default class FontIcon extends React.Component { +export class FontIcon extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default FontIcon; \ No newline at end of file diff --git a/lib/input/index.d.ts b/lib/input/index.d.ts index 780ae6f5..67108330 100644 --- a/lib/input/index.d.ts +++ b/lib/input/index.d.ts @@ -117,6 +117,8 @@ export interface InputProps extends Props, Conditional, Changeable, Icon */ value?: string, } -export default class Input extends React.Component { +export class Input extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Input; \ No newline at end of file diff --git a/lib/layout/index.d.ts b/lib/layout/index.d.ts new file mode 100644 index 00000000..60d32a09 --- /dev/null +++ b/lib/layout/index.d.ts @@ -0,0 +1,43 @@ +import * as React from 'react'; + +export interface LayoutProps { + className?:string +} + +export interface NavDrawerProps { + width?:'normal' | 'wide', + active?:boolean, + pinned?:boolean, + permanentAt?:'sm'|'md'|'lg'|'xl'|'xxl'|'xxxl', + onOverlayClick?:() => void, + scrollY?:boolean, + className?:string +} + +export interface PanelProps { + scrollY?:boolean, + className?:string +} + +export interface SidebarProps { + width?:'1'|'2'|'3'|'4'|'5'|'6'|'7'|'8'|'9'|'10'|'11'|'12'|'25'|'33'|'50'|'66'|'75'|'100' + pinned?:boolean, + scrollY?:boolean, + className?:string +} + +export class Layout extends React.Component { + render():React.DOMElement; +} + +export class NavDrawer extends React.Component { + render():React.DOMElement; +} + +export class Panel extends React.Component { + render():React.DOMElement; +} + +export class Sidebar extends React.Component { + render():React.DOMElement; +} \ No newline at end of file diff --git a/lib/link/index.d.ts b/lib/link/index.d.ts index 8ee95642..565f80e4 100644 --- a/lib/link/index.d.ts +++ b/lib/link/index.d.ts @@ -51,6 +51,8 @@ export interface LinkProps extends Props, Iconic { */ count?: number, } -export default class Link extends React.Component { +export class Link extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Link; \ No newline at end of file diff --git a/lib/navigation/index.d.ts b/lib/navigation/index.d.ts index a1a3081b..6165fc76 100644 --- a/lib/navigation/index.d.ts +++ b/lib/navigation/index.d.ts @@ -1,4 +1,7 @@ import * as React from 'react'; +import { ButtonProps } from '../button' +import { LinkProps } from '../link' + export interface Props { /** * Sets a CSS class on the component. @@ -48,6 +51,8 @@ export interface NavigationProps extends Props { */ type?: string, } -export default class Navigation extends React.Component { +export class Navigation extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Navigation; \ No newline at end of file diff --git a/lib/overlay/index.d.ts b/lib/overlay/index.d.ts index 3da68043..b2d35b7f 100644 --- a/lib/overlay/index.d.ts +++ b/lib/overlay/index.d.ts @@ -44,6 +44,8 @@ export interface OverlayProps extends Props { onClick?: Function; onEscKeyDown?: Function } -export default class Overlay extends React.Component { +export class Overlay extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Overlay; \ No newline at end of file diff --git a/lib/progress_bar/index.d.ts b/lib/progress_bar/index.d.ts index fb1494ef..44f44684 100644 --- a/lib/progress_bar/index.d.ts +++ b/lib/progress_bar/index.d.ts @@ -41,19 +41,19 @@ export interface ProgressBarProps extends Props { /** * Maximum value permitted. */ - max?: number, // + max?: number, // /** * minimum value permitted. */ - min?: number, // + min?: number, // /** * Mode of the progress bar, it can be determinate or indeterminate. */ - mode?: string, // + mode?: string, // /** * If true, the circular progress bar will be changing its color. */ - multicolor?: boolean, // + multicolor?: boolean, // /** * Type of the progress bar, it can be circular or linear. * @default linear @@ -64,6 +64,8 @@ export interface ProgressBarProps extends Props { */ value?: number, } -export default class ProgressBar extends React.Component { +export class ProgressBar extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default ProgressBar; \ No newline at end of file diff --git a/lib/radio/index.d.ts b/lib/radio/index.d.ts index 9df815e4..e0222005 100644 --- a/lib/radio/index.d.ts +++ b/lib/radio/index.d.ts @@ -96,4 +96,6 @@ export interface RadioButtonProps extends Props, Conditional { } export class RadioButton extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default RadioButton; \ No newline at end of file diff --git a/lib/ripple/index.d.ts b/lib/ripple/index.d.ts new file mode 100644 index 00000000..78d4d73e --- /dev/null +++ b/lib/ripple/index.d.ts @@ -0,0 +1,20 @@ +import * as React from 'react'; + +export interface RippleProps { + centered?:boolean, + className?:boolean, + onRippleEnded:() => void, + spread?:number, + theme?:{ + ripple?:string, + rippleActive?:string, + rippleRestarting?:string, + rippleWrapper?:string + } +} + +export class Ripple extends React.Component { + render():React.DOMElement; +} + +export default Ripple; \ No newline at end of file diff --git a/lib/slider/index.d.ts b/lib/slider/index.d.ts index 6e910ba6..89d9f884 100644 --- a/lib/slider/index.d.ts +++ b/lib/slider/index.d.ts @@ -67,6 +67,8 @@ export interface SliderProps extends Props { */ value: number, } -export default class Slider extends React.Component { +export class Slider extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Slider; \ No newline at end of file diff --git a/lib/snackbar/index.d.ts b/lib/snackbar/index.d.ts index 6530072f..6df9264f 100644 --- a/lib/snackbar/index.d.ts +++ b/lib/snackbar/index.d.ts @@ -92,6 +92,9 @@ export interface SnackbarProps extends Props, Modal, Iconic { */ type?: string, } -export default class Snackbar extends React.Component { + +export class Snackbar extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Snackbar; \ No newline at end of file diff --git a/lib/switch/index.d.ts b/lib/switch/index.d.ts index a072f82c..4f57f3ab 100644 --- a/lib/switch/index.d.ts +++ b/lib/switch/index.d.ts @@ -70,6 +70,8 @@ export interface SwitchProps extends Props, Conditional { */ onFocus?: Function, } -export default class Switch extends React.Component { +export class Switch extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Switch; \ No newline at end of file diff --git a/lib/table/index.d.ts b/lib/table/index.d.ts index e2dc73ff..6893b2b7 100644 --- a/lib/table/index.d.ts +++ b/lib/table/index.d.ts @@ -59,6 +59,8 @@ export interface TableProps extends Props { */ source?: Array<{ [key: string]: any }>, } -export default class Table extends React.Component { +export class Table extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default Table; \ No newline at end of file diff --git a/lib/time_picker/index.d.ts b/lib/time_picker/index.d.ts index ee141895..2a7a6291 100644 --- a/lib/time_picker/index.d.ts +++ b/lib/time_picker/index.d.ts @@ -54,6 +54,8 @@ export interface TimePickerProps extends Props, Changeable { */ value?: Date, } -export default class TimePicker extends React.Component { +export class TimePicker extends React.Component { render(): React.DOMElement; -} \ No newline at end of file +} + +export default TimePicker; \ No newline at end of file