From 10b69b5c8cc65989011ccc311257371a8ab8189f Mon Sep 17 00:00:00 2001 From: normano64 Date: Mon, 18 Jul 2016 17:25:48 +0200 Subject: [PATCH] Moved modules to separate files. --- components/app_bar/index.d.ts | 41 + components/autocomplete/index.d.ts | 105 ++ components/avatar/index.d.ts | 47 + components/button/index.d.ts | 227 ++++ components/card/index.d.ts | 102 ++ components/checkbox/index.d.ts | 26 + components/chip/index.d.ts | 27 + components/date_picker/index.d.ts | 48 + components/dialog/index.d.ts | 38 + components/drawer/index.d.ts | 27 + components/dropdown/index.d.ts | 39 + components/font_icon/index.d.ts | 13 + components/input/index.d.ts | 47 + components/layout/index.d.ts | 95 ++ components/link/index.d.ts | 25 + components/list/index.d.ts | 112 ++ components/menu/index.d.ts | 115 ++ components/navigation/index.d.ts | 24 + components/progress_bar/index.d.ts | 30 + components/radio/index.d.ts | 41 + components/ripple/index.d.ts | 26 + components/slider/index.d.ts | 36 + components/snackbar/index.d.ts | 30 + components/switch/index.d.ts | 30 + components/table/index.d.ts | 28 + components/tabs/index.d.ts | 47 + components/time_picker/index.d.ts | 44 + components/tooltip/index.d.ts | 31 + index.d.ts | 1823 ++-------------------------- 29 files changed, 1610 insertions(+), 1714 deletions(-) create mode 100644 components/app_bar/index.d.ts create mode 100644 components/autocomplete/index.d.ts create mode 100644 components/avatar/index.d.ts create mode 100644 components/button/index.d.ts create mode 100644 components/card/index.d.ts create mode 100644 components/checkbox/index.d.ts create mode 100644 components/chip/index.d.ts create mode 100644 components/date_picker/index.d.ts create mode 100644 components/dialog/index.d.ts create mode 100644 components/drawer/index.d.ts create mode 100644 components/dropdown/index.d.ts create mode 100644 components/font_icon/index.d.ts create mode 100644 components/input/index.d.ts create mode 100644 components/layout/index.d.ts create mode 100644 components/link/index.d.ts create mode 100644 components/list/index.d.ts create mode 100644 components/menu/index.d.ts create mode 100644 components/navigation/index.d.ts create mode 100644 components/progress_bar/index.d.ts create mode 100644 components/radio/index.d.ts create mode 100644 components/ripple/index.d.ts create mode 100644 components/slider/index.d.ts create mode 100644 components/snackbar/index.d.ts create mode 100644 components/switch/index.d.ts create mode 100644 components/table/index.d.ts create mode 100644 components/tabs/index.d.ts create mode 100644 components/time_picker/index.d.ts create mode 100644 components/tooltip/index.d.ts diff --git a/components/app_bar/index.d.ts b/components/app_bar/index.d.ts new file mode 100644 index 00000000..35fda69e --- /dev/null +++ b/components/app_bar/index.d.ts @@ -0,0 +1,41 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface AppBarTheme { + /** + * Used for the component root element. + */ + appBar?: string; + /** + * Added to the root element when the app bar is fixed. + */ + fixed?: string; + /** + * Added to the root element when the app bar is flat. + */ + flat?: string; +} + +interface AppBarProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + /** + * Determine if the bar should have position fixed or relative. + * @default false + */ + fixed?: boolean; + /** + * If true, the AppBar shows a shadow. + * @default false + */ + flat?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: AppBarTheme; +} + +export class AppBar extends __React.Component { } + +export default AppBar; diff --git a/components/autocomplete/index.d.ts b/components/autocomplete/index.d.ts new file mode 100644 index 00000000..f1b33954 --- /dev/null +++ b/components/autocomplete/index.d.ts @@ -0,0 +1,105 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface AutocompleteTheme { + /** + * Used for a suggestion when it's active. + */ + active?: string; + /** + * Used for the root element. + */ + autocomplete?: string; + /** + * Used when the input is focused. + */ + focus?: string; + /** + * Used to style the Input component. + */ + input?: string; + /** + * Used for the label. + */ + label?: string; + /** + * Used to style each suggestion. + */ + suggestion?: string; + /** + * Used to style the suggestions container. + */ + suggestions?: string; + /** + * Used for the suggestions when it's opening to the top. + */ + up?: string; + /** + * Classname used for a single value. + */ + value?: string; + /** + * Classname used for the values container. + */ + values?: string; +} + +interface AutocompleteProps extends __ReactToolbox.Props { + /** + * Determines the opening direction. It can be auto, up or down. + * @default auto + */ + direction?: "auto" | "up" | "down"; + /** + * If true, component will be disabled. + */ + disabled?: boolean; + /** + * Sets the error string for the internal input element. + * @default false + */ + error?: string; + /** + * The text string to use for the floating label element. + */ + label?: string; + /** + * If true, component can hold multiple values. + */ + multiple?: boolean; + /** + * Callback function that is fired when the components's value changes. + * @default auto + */ + onChange?: __React.FormEventHandler; + /** + * Determines if the selected list is shown above or below input. It can be above or below. + * @default above + */ + selectedPosition?: "above" | "below"; + /** + * If true, the list of suggestions will not be filtered when a value is selected. + * @default false + */ + showSuggestionsWHenValueIsSet?: boolean; + /** + * Object of key/values or array representing all items suggested. + */ + source?: any; + /** + * Determines how suggestions are supplied. + * @default start + */ + suggestionMatch?: "start" | "anywhere" | "word"; + /** + * Classnames object defining the component style. + */ + theme?: AutocompleteTheme; + /** + * Value or array of values currently selected component. + */ + value?: any; +} + +export class Autocomplete extends __React.Component { } + +export default Autocomplete; diff --git a/components/avatar/index.d.ts b/components/avatar/index.d.ts new file mode 100644 index 00000000..0d4fbd23 --- /dev/null +++ b/components/avatar/index.d.ts @@ -0,0 +1,47 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface AvatarTheme { + /** + * Used for the root class of the element. + */ + avatar?: string; + /** + * Added to the root element when the component has image. + */ + image?: string; + /** + * Used for the root element if the component shows the letter. + */ + letter?: string; +} + +interface AvatarProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + /** + * Set to true if your image is not squared so it will be used as a cover for the element. + */ + cover?: boolean; + /** + * A key to identify an Icon from Material Design Icons or a custom Icon Element. + */ + icon?: __React.ReactNode | string; + /** + * An image source or an image element. + */ + image?: __React.ReactNode | string; + /** + * Classnames object defining the component style. + */ + theme?: AvatarTheme; + /** + * A title for the image. If no image is provided, the first letter will be displayed as the avatar. + */ + title?: string; +} + +export class Avatar extends __React.Component { } + +export default Avatar; diff --git a/components/button/index.d.ts b/components/button/index.d.ts new file mode 100644 index 00000000..60721b88 --- /dev/null +++ b/components/button/index.d.ts @@ -0,0 +1,227 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface ButtonTheme { + /** + * Used for the root in case button is accent. + */ + accent?: string; + /** + * Used for the root element in any button. + */ + button?: string; + /** + * Used when the button is flat for the root element. + */ + flat?: string; + /** + * Used when the button is floating for the root element. + */ + floating?: string; + /** + * For the icon inside a button. + */ + icon?: string; + /** + * Used when colors are inverted. + */ + inverse?: string; + /** + * Used for mini floating buttons. + */ + mini?: string; + /** + * Used for neutral colored buttons. + */ + neutral?: string; + /** + * Used for primary buttons when button is primary. + */ + primary?: string; + /** + * Used when the button is raised for root element. + */ + raised?: string; + /** + * Used for the ripple element. + */ + rippleWrapper?: string; + /** + * Used for toggle buttons in the root element. + */ + toggle?: string; +} + +interface ButtonProps extends __ReactToolbox.Props { + /** + * Indicates if the button should have accent color. + * @default false + */ + accent?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + /** + * If true, component will be disabled. + * @default false + */ + disabled?: 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; + /** + * Creates a link for the button. + */ + href?: string; + /** + * Value of the icon (See Font Icon Component). + */ + icon?: __React.ReactNode | string; + /** + * If true, the neutral colors are inverted. Useful to put a button over a dark background. + */ + inverse?: boolean; + /** + * The text string to use for the name of the button. + */ + label?: string; + /** + * To be used with floating button. If true, the button will be smaller. + * @default false + */ + mini?: boolean; + /** + * Set it to false if you don't want the neutral styles to be included. + * @default true + */ + neutral?: boolean; + /** + * Fires after the mouse leaves the Component. + */ + onMouseLeave?: __React.MouseEventHandler; + /** + * Fires after the mouse is released from the Component. + */ + OnMouseUp?: __React.MouseEventHandler; + /** + * 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; + /** + * Classnames object defining the component style. + */ + theme?: ButtonTheme; +} + +export class Button extends __React.Component { } + +export interface IconButtonTheme { + /** + * Used for the root in case button is accent. + */ + accent?: string; + /** + * Used for the root element in any button. + */ + button?: string; + /** + * For the icon inside a button. + */ + icon?: string; + /** + * Used when colors are inverted. + */ + inverse?: string; + /** + * Used for neutral colored buttons. + */ + neutral?: string; + /** + * Used for primary buttons when button is primary. + */ + primary?: string; + /** + * Used for the ripple element. + */ + rippleWrapper?: string; + /** + * Used for toggle buttons in the root element. + */ + toggle?: string; +} + +interface IconButtonProps extends __ReactToolbox.Props { + /** + * Indicates if the button should have accent color. + * @default false + */ + accent?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + /** + * If true, component will be disabled. + * @default false + */ + disabled?: boolean; + /** + * Creates a link for the button. + */ + href?: string; + /** + * Value of the icon (See Font Icon Component). + */ + icon?: __React.ReactNode | string; + /** + * If true, the neutral colors are inverted. Useful to put a button over a dark background. + */ + inverse?: boolean; + /** + * Set it to false if you don't want the neutral styles to be included. + * @default true + */ + neutral?: boolean; + /** + * Fires after the mouse leaves the Component. + */ + onMouseLeave?: __React.MouseEventHandler; + /** + * Fires after the mouse is released from the Component. + */ + OnMouseUp?: __React.MouseEventHandler; + /** + * Indicates if the button should have primary color. + * @default false + */ + primary?: boolean; + /** + * If true, component will have a ripple effect on click. + * @default true + */ + ripple?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: IconButtonTheme; +} + +export class IconButton extends __React.Component { } diff --git a/components/card/index.d.ts b/components/card/index.d.ts new file mode 100644 index 00000000..a05b6a70 --- /dev/null +++ b/components/card/index.d.ts @@ -0,0 +1,102 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface CardTheme { + card?: string; + raised?: string; +} + +interface CardProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + raised?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: CardTheme; +} + +export class Card extends __React.Component { } + +export interface CardActionsTheme { + cardActions?: string; +} + +interface CardActionsProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + /** + * Classnames object defining the component style. + */ + theme?: CardActionsTheme; +} + +export class CardActions extends __React.Component { } + +export interface CardMediaTheme { + cardMedia?: string; + content?: string; + contentOverlay?: string; + square?: string; + wide?: string; +} + +interface CardMediaProps extends __ReactToolbox.Props { + aspectRatio?: "wide" | "square"; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + color?: string; + contentOverlay?: boolean; + image?: __React.ReactNode | string; + /** + * Classnames object defining the component style. + */ + theme?: CardMediaTheme; +} + +export class CardMedia extends __React.Component { } + +export interface CardTextTheme { + cardText?: string; +} + +interface CardTextProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + /** + * Classnames object defining the component style. + */ + theme?: CardTextTheme; +} + +export class CardText extends __React.Component { } + +export interface CardTitleTheme { + large?: string; + title?: string; + small?: string; + subtitle?: string; +} + +interface CardTitleProps extends __ReactToolbox.Props { + avatar?: __React.ReactNode | string; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + subtitle?: __React.ReactNode | string; + /** + * Classnames object defining the component style. + */ + theme?: CardTitleTheme; + title?: __React.ReactNode | string; +} + +export class CardTitle extends __React.Component { } diff --git a/components/checkbox/index.d.ts b/components/checkbox/index.d.ts new file mode 100644 index 00000000..4b695523 --- /dev/null +++ b/components/checkbox/index.d.ts @@ -0,0 +1,26 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface CheckboxTheme { + check?: string; + checked?: string; + disabled?: string; + field?: string; + input?: string; + ripple?: string; +} + +interface CheckboxProps extends __ReactToolbox.Props { + checked?: boolean; + disabled?: boolean; + label?: __React.ReactNode | string; + name?: string; + onChange?: __React.MouseEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: CheckboxTheme; +} + +export class Checkbox extends __React.Component { } + +export default Checkbox; diff --git a/components/chip/index.d.ts b/components/chip/index.d.ts new file mode 100644 index 00000000..e71d5de2 --- /dev/null +++ b/components/chip/index.d.ts @@ -0,0 +1,27 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface ChipTheme { + avatar?: string; + chip?: string; + deletable?: string; + delete?: string; + deleteIcon?: string; + deleteX?: string; +} + +interface ChipProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + deleteable?: boolean; + onDeleteClick?: __React.MouseEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: ChipTheme; +} + +export class Chip extends __React.Component { } + +export default Chip; diff --git a/components/date_picker/index.d.ts b/components/date_picker/index.d.ts new file mode 100644 index 00000000..903b2783 --- /dev/null +++ b/components/date_picker/index.d.ts @@ -0,0 +1,48 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface DatePickerTheme { + active?: string; + button?: string; + calendar?: string; + calendarWrapper?: string; + date?: string; + day?: string; + days?: string; + dialog?: string; + disabled?: string; + header?: string; + input?: string; + month?: string; + monthsDisplay?: string; + next?: string; + prev?: string; + title?: string; + week?: string; + year?: string; + years?: string; + yearsDisplay?: string; +} + +interface DatePickerProps extends __ReactToolbox.Props { + autoOk?: boolean; + error?: string; + icon?: __React.ReactNode | string; + inputClassName?: string; + inputFormat?: Function; + label?: string; + maxDate?: Date; + minDate?: Date; + name?: string; + onChange?: __React.MouseEventHandler; + onEscKeyDown?: __React.KeyboardEventHandler; + onOverlayClick?: __React.MouseEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: DatePickerTheme; + value?: Date | string; +} + +export class DatePicker extends __React.Component { } + +export default DatePicker; diff --git a/components/dialog/index.d.ts b/components/dialog/index.d.ts new file mode 100644 index 00000000..a81e0739 --- /dev/null +++ b/components/dialog/index.d.ts @@ -0,0 +1,38 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface DialogTheme { + active?: string; + body?: string; + button?: string; + dialog?: string; + navigation?: string; + title?: string; +} + +interface DialogActionProps { + label?: string; +} + +interface DialogProps extends __ReactToolbox.Props { + actions?: DialogActionProps[]; + active?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + onEscKeyDown?: __React.KeyboardEventHandler; + onOverlayClick?: __React.MouseEventHandler; + onOverlayMouseDown?: __React.MouseEventHandler; + onOverlayMouseMove?: __React.MouseEventHandler; + onOverlayMouseUp?: __React.MouseEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: DialogTheme; + title?: string; + type?: string; +} + +export class Dialog extends __React.Component { } + +export default Dialog; diff --git a/components/drawer/index.d.ts b/components/drawer/index.d.ts new file mode 100644 index 00000000..dade687b --- /dev/null +++ b/components/drawer/index.d.ts @@ -0,0 +1,27 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface DrawerTheme { + active?: string; + content?: string; + drawer?: string; + left?: string; + right?: string; +} + +interface DrawerProps extends __ReactToolbox.Props { + active?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + onOverlayClick?: __React.MouseEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: DrawerTheme; + type?: "left" | "right"; +} + +export class Drawer extends __React.Component { } + +export default Drawer; diff --git a/components/dropdown/index.d.ts b/components/dropdown/index.d.ts new file mode 100644 index 00000000..25448ffd --- /dev/null +++ b/components/dropdown/index.d.ts @@ -0,0 +1,39 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface DropdownTheme { + active?: string; + disabled?: string; + dropdown?: string; + error?: string; + errored?: string; + field?: string; + label?: string; + selected?: string; + templateValue?: string; + up?: string; + value?: string; + values?: string; +} + +interface DropdownProps extends __ReactToolbox.Props { + allowBlank?: boolean; + auto?: boolean; + disabled?: boolean; + error?: string; + label?: string; + name?: string; + onBlur?: __React.FocusEventHandler; + onChange?: __React.FormEventHandler; + onFocus?: __React.FocusEventHandler; + source: any[]; + template?: Function; + /** + * Classnames object defining the component style. + */ + theme?: DropdownTheme; + value?: string | number; +} + +export class Dropdown extends __React.Component { } + +export default Dropdown; diff --git a/components/font_icon/index.d.ts b/components/font_icon/index.d.ts new file mode 100644 index 00000000..41fe3cf1 --- /dev/null +++ b/components/font_icon/index.d.ts @@ -0,0 +1,13 @@ +import __ReactToolbox from "../index.d.ts"; + +interface FontIconProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + value?: __React.ReactNode | string; +} + +export class FontIcon extends __React.Component { } + +export default FontIcon; diff --git a/components/input/index.d.ts b/components/input/index.d.ts new file mode 100644 index 00000000..4ae91fe9 --- /dev/null +++ b/components/input/index.d.ts @@ -0,0 +1,47 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface InputTheme { + bar?: string; + counter?: string; + disabled?: string; + error?: string; + errored?: string; + hidden?: string; + hint?: string; + icon?: string; + input?: string; + inputElement?: string; + required?: string; + withIcon?: string; +} + +interface InputProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + disabled?: boolean; + error?: string; + floating?: boolean; + hint?: string; + icon?: __React.ReactNode | string; + label?: string; + maxLength?: number; + multiLine?: boolean; + name?: string; + onBlur?: __React.FocusEventHandler; + onChange?: __React.FormEventHandler; + onFocus?: __React.FocusEventHandler; + onKeyPress?: __React.MouseEventHandler; + required?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: InputTheme; + type?: string; + value?: any; +} + +export class Input extends __React.Component { } + +export default Input; diff --git a/components/layout/index.d.ts b/components/layout/index.d.ts new file mode 100644 index 00000000..3308c586 --- /dev/null +++ b/components/layout/index.d.ts @@ -0,0 +1,95 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface LayoutTheme { + layout?: string; +} + +interface LayoutProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: [NavDrawer | Panel | Sidebar]; + /** + * Classnames object defining the component style. + */ + theme?: LayoutTheme; +} + +export class Layout extends __React.Component { } + +export interface NavDrawerTheme { + active?: string; + drawerContent?: string; + lgPermangent?: string; + mdPermangent?: string; + navDrawer?: string; + pinned?: string; + scrim?: string; + scrollY?: string; + smPermanent?: string; + wide?: string; + xlPermanent?: string; + xxlPermangent?: string; + xxxlPermangent?: string; +} + +interface NavDrawerProps extends __ReactToolbox.Props { + active?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + onOverlayClick?: __React.MouseEventHandler; + permanentAt?: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl"; + pinned?: boolean; + scrollY?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: NavDrawerTheme; + width?: "normal" | "wide"; +} + +export class NavDrawer extends __React.Component { } + +export interface PanelTheme { + panel?: string; + scrollY?: string; +} + +interface PanelProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + scrollY?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: PanelTheme; +} + +export class Panel extends __React.Component { } + +export interface SidebarTheme { + pinned?: string; + scrollY?: string; + sidebar?: string; + sidebarContent?: string; +} + +interface SidebarProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + pinned?: boolean; + scrollY?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: SidebarTheme; + width?: number; // 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 25 | 33 | 50 | 66 | 75 | 100; +} + +export class Sidebar extends __React.Component { } diff --git a/components/link/index.d.ts b/components/link/index.d.ts new file mode 100644 index 00000000..85db1ac1 --- /dev/null +++ b/components/link/index.d.ts @@ -0,0 +1,25 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface LinkTheme { + active?: string; + icon?: string; + link?: string; +} + +interface LinkProps extends __ReactToolbox.Props { + active?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + count?: number; + href?: string; + icon?: __React.ReactNode | string; + label?: string; + /** + * Classnames object defining the component style. + */ + theme?: LinkTheme; +} + +export class Link extends __React.Component { } diff --git a/components/list/index.d.ts b/components/list/index.d.ts new file mode 100644 index 00000000..356fa3be --- /dev/null +++ b/components/list/index.d.ts @@ -0,0 +1,112 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface ListTheme { + list?: string; +} + +interface ListProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + ripple?: boolean; + selectable?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: ListTheme; +} + +export class List extends __React.Component { } + +export interface ListCheckboxTheme { + checkbox?: string; + checkboxItem?: string; + disabled?: string; + item?: string; + itemContentRoot?: string; + itemText?: string; + large?: string; + primary?: string; +} + +interface ListCheckboxProps extends __ReactToolbox.Props { + caption?: string; + checked?: boolean; + disabled?: boolean; + legend?: string; + name?: string; + onBlur?: __React.FocusEventHandler; + onChange?: __React.FormEventHandler; + onFocus?: __React.FocusEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: ListCheckboxTheme; +} + +export class ListCheckbox extends __React.Component { } + +export interface ListDividerTheme { + divider?: string; + inset?: string; +} + +interface ListDividerProps extends __ReactToolbox.Props { + inset?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: ListDividerTheme; +} + +export class ListDivider extends __React.Component { } + +export interface ListItemTheme { + disabled?: string; + item?: string; + itemAction?: string; + large?: string; + left?: string; + listItem?: string; + primary?: string; + right?: string; + selectable?: string; +} + +interface ListItemProps extends __ReactToolbox.Props { + avatar?: __React.ReactNode | string; + caption?: string; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + disabled?: boolean; + itemContent?: __React.ReactNode; + leftActions?: __React.ReactNode; + leftIcon?: __React.ReactNode | string; + rightIcon?: __React.ReactNode | string; + ripple?: boolean; + selectable?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: ListItemTheme; + to?: string; +} + +export class ListItem extends __React.Component { } + +export interface ListSubHeaderTheme { + subheader?: string; +} + +interface ListSubHeaderProps extends __ReactToolbox.Props { + caption?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: ListSubHeaderTheme; +} + +export class ListSubHeader extends __React.Component { } diff --git a/components/menu/index.d.ts b/components/menu/index.d.ts new file mode 100644 index 00000000..7c1c3099 --- /dev/null +++ b/components/menu/index.d.ts @@ -0,0 +1,115 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface MenuTheme { + active?: string; + bottomLeft?: string; + bottomRight?: string; + menu?: string; + menuInner?: string; + outline?: string; + rippled?: string; + static?: string; + topLeft?: string; + topRight?: string; +} + +interface MenuProps extends __ReactToolbox.Props { + active?: boolean; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + onHide?: Function; + onSelect?: Function; + onShow?: Function; + position?: "auto" | "static" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight"; + ripple?: boolean; + selectable?: boolean; + selected?: any; + /** + * Classnames object defining the component style. + */ + theme?: MenuTheme; +} + +export class Menu extends __React.Component { } + +export interface IconMenuTheme { + icon?: string; + iconMenu?: string; +} + +interface IconMenuProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + icon?: __React.ReactNode | string; + iconRipple?: boolean; + menuRipple?: boolean; + onSelect?: Function; + onShow?: Function; + position?: "auto" | "static" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight"; + selectable?: boolean; + selected?: any; + /** + * Classnames object defining the component style. + */ + theme?: IconMenuTheme; +} + +export class IconMenu extends __React.Component { } + +export interface MenuDividerTheme { + menuDivider?: string; +} + +interface MenuDividerProps extends __ReactToolbox.Props { + /** + * Classnames object defining the component style. + */ + theme?: MenuDividerTheme; +} + +export class MenuDivider extends __React.Component { } + +export interface ListDividerTheme { + divider?: string; + inset?: string; +} + +interface ListDividerProps extends __ReactToolbox.Props { + inset?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: ListDividerTheme; +} + +export class ListDivider extends __React.Component { } + +export interface MenuItemTheme { + caption?: string; + disabled?: string; + icon?: string; + menuItem?: string; + selected?: string; + shortcut?: string; +} + +interface MenuItemProps extends __ReactToolbox.Props { + caption?: string; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + disabled?: boolean; + icon?: __React.ReactNode | string; + selected?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: MenuItemTheme; +} + +export class MenuItem extends __React.Component { } diff --git a/components/navigation/index.d.ts b/components/navigation/index.d.ts new file mode 100644 index 00000000..41679a60 --- /dev/null +++ b/components/navigation/index.d.ts @@ -0,0 +1,24 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface NavigationTheme { + button?: string; + horizontal?: string; + link?: string; + vertical?: string; +} + +interface NavigationProps extends __ReactToolbox.Props { + actions?: any[]; + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + routes?: any[]; + /** + * Classnames object defining the component style. + */ + theme?: NavigationTheme; + type?: "vertical" | "horizontal"; +} + +export class Navigation extends __React.Component { } diff --git a/components/progress_bar/index.d.ts b/components/progress_bar/index.d.ts new file mode 100644 index 00000000..a98cf938 --- /dev/null +++ b/components/progress_bar/index.d.ts @@ -0,0 +1,30 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface ProgressBarTheme { + buffer?: string; + circle?: string; + circular?: string; + indeterminate?: string; + linear?: string; + multicolor?: string; + path?: string; + value?: string; +} + +interface ProgressBarProps extends __ReactToolbox.Props { + buffer?: number; + max?: number; + min?: number; + mode?: "determinate" | "indeterminate"; + multicolor?: boolean; + /** + * Classnames object defining the component style. + */ + theme?: ProgressBarTheme; + type?: "linear" | "circular"; + value?: number; +} + +export class ProgressBar extends __React.Component { } + +export default ProgressBar; diff --git a/components/radio/index.d.ts b/components/radio/index.d.ts new file mode 100644 index 00000000..cf6e28d7 --- /dev/null +++ b/components/radio/index.d.ts @@ -0,0 +1,41 @@ +import __ReactToolbox from "../index.d.ts"; + +interface RadioGroupProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + disabled?: boolean; + name?: string; + onChange?: Function; + value?: number; +} + +export class RadioGroup extends __React.Component { } + +export interface RadioButtonTheme { + radio?: string; + radioChecked?: string; + ripple?: string; + disabled?: string; + field?: string; + input?: string; + text?: string; +} + +interface RadioButtonProps extends __ReactToolbox.Props { + checked?: boolean; + disabled?: boolean; + label?: __React.ReactNode | string; + name?: string; + onBlur?: __React.FocusEventHandler; + onChange?: __React.FormEventHandler; + onFocus?: __React.FocusEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: RadioButtonTheme; + value?: any; +} + +export class RadioButton extends __React.Component { } diff --git a/components/ripple/index.d.ts b/components/ripple/index.d.ts new file mode 100644 index 00000000..1735828c --- /dev/null +++ b/components/ripple/index.d.ts @@ -0,0 +1,26 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface RippleTheme { + ripple?: string; + rippleActive?: string; + rippleRestarting?: string; + riplleWrapper?: string; +} + +interface RippleProps { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + disabled?: boolean; + onRippleEnded?: Function; + spread?: number; + /** + * Classnames object defining the component style. + */ + theme?: RippleTheme; +} + +export class Ripple extends __React.Component { } + +export default Ripple; diff --git a/components/slider/index.d.ts b/components/slider/index.d.ts new file mode 100644 index 00000000..55896dbd --- /dev/null +++ b/components/slider/index.d.ts @@ -0,0 +1,36 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface SliderTheme { + container?: string; + editable?: string; + innerknob?: string; + innerprogress?: string; + input?: string; + knob?: string; + pinned?: string; + pressed?: string; + progress?: string; + ring?: string; + slider?: string; + snap?: string; + snaps?: string; +} + +interface SliderProps extends __ReactToolbox.Props { + editable?: boolean; + max?: number; + min?: number; + onChange?: Function; + pinned?: boolean; + snaps?: boolean; + step?: number; + /** + * Classnames object defining the component style. + */ + theme?: SliderTheme; + value?: number; +} + +export class Slider extends __React.Component { } + +export default Slider; diff --git a/components/snackbar/index.d.ts b/components/snackbar/index.d.ts new file mode 100644 index 00000000..5d7429ec --- /dev/null +++ b/components/snackbar/index.d.ts @@ -0,0 +1,30 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface SnackbarTheme { + accept?: string; + active?: string; + button?: string; + cancel?: string; + icon?: string; + label?: string; + snackbar?: string; + warning?: string; +} + +interface SnackbarProps extends __ReactToolbox.Props { + action?: string; + active?: boolean; + icon?: __React.ReactNode | string; + label?: string; + onTimeout?: Function; + /** + * Classnames object defining the component style. + */ + theme?: SnackbarTheme; + timeout?: number; + type?: "accept" | "cancel" | "warning"; +} + +export class Snackbar extends __React.Component { } + +export default Snackbar; diff --git a/components/switch/index.d.ts b/components/switch/index.d.ts new file mode 100644 index 00000000..b09479e6 --- /dev/null +++ b/components/switch/index.d.ts @@ -0,0 +1,30 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface SwitchTheme { + disabled?: string; + field?: string; + input?: string; + off?: string; + on?: string; + ripple?: string; + text?: string; + thumb?: string; +} + +interface SwitchProps extends __ReactToolbox.Props { + checked?: boolean; + disabled?: boolean; + label?: string; + name?: string; + onBlur?: __React.FocusEventHandler; + onChange?: __React.FormEventHandler; + onFocus?: __React.FocusEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: SwitchTheme; +} + +export class Switch extends __React.Component { } + +export default Switch; diff --git a/components/table/index.d.ts b/components/table/index.d.ts new file mode 100644 index 00000000..86d3928f --- /dev/null +++ b/components/table/index.d.ts @@ -0,0 +1,28 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface TableTheme { + editable?: string; + row?: string; + selectable?: string; + selected?: string; + table?: string; +} + +interface TableProps extends __ReactToolbox.Props { + heading?: boolean; + model?: any; + onChange?: Function; + onSelect?: __React.FormEventHandler; + selectable?: boolean; + multiSelectable?: boolean; + selected?: any[]; + source?: any[]; + /** + * Classnames object defining the component style. + */ + theme?: TableTheme; +} + +export class Table extends __React.Component { } + +export default Table; diff --git a/components/tabs/index.d.ts b/components/tabs/index.d.ts new file mode 100644 index 00000000..7caed13c --- /dev/null +++ b/components/tabs/index.d.ts @@ -0,0 +1,47 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface TabsTheme { + active?: string; + navigation?: string; + pointer?: string; + tabs?: string; + tab?: string; +} + +interface TabsProps extends __ReactToolbox.Props { + /** + * Children to pass through the component. + */ + children?: __React.ReactNode; + disableAnimatedBottomBorder?: boolean; + index?: number; + onChange?: Function; + /** + * Classnames object defining the component style. + */ + theme?: TabsTheme; +} + +export class Tabs extends __React.Component { } + +export interface TabTheme { + active?: string; + disabled?: string; + hidden?: string; + label?: string; +} + +interface TabProps extends __ReactToolbox.Props { + active?: boolean; + activeClassName?: string; + disabled?: boolean; + hidden?: boolean; + label?: string; + onActive?: Function; + /** + * Classnames object defining the component style. + */ + theme?: TabTheme; +} + +export class Tab extends __React.Component { } diff --git a/components/time_picker/index.d.ts b/components/time_picker/index.d.ts new file mode 100644 index 00000000..6c5a7c3f --- /dev/null +++ b/components/time_picker/index.d.ts @@ -0,0 +1,44 @@ +import __ReactToolbox from "../index.d.ts"; + +export interface TimePickerTheme { + active?: string; + am?: string; + amFormat?: string; + ampm?: string; + button?: string; + clock?: string; + clockWrapper?: string; + dialog?: string; + face?: string; + hand?: string; + header?: string; + hours?: string; + hoursDisplay?: string; + input?: string; + knob?: string; + minutes?: string; + minutesDisplay?: string; + number?: string; + placeholder?: string; + pm?: string; + pmFormat?: string; + separator?: string; + small?: string; +} + +interface TimePickerProps { + error?: string; + inputClassName?: string; + format?: "24hr" | "ampm"; + label?: string; + onChange?: Function; + /** + * Classnames object defining the component style. + */ + theme?: TimePickerTheme; + value?: Date; +} + +export class TimePicker extends __React.Component { } + +export default TimePicker; diff --git a/components/tooltip/index.d.ts b/components/tooltip/index.d.ts new file mode 100644 index 00000000..76f9caec --- /dev/null +++ b/components/tooltip/index.d.ts @@ -0,0 +1,31 @@ +import { Props } from "../index.d.ts"; + +export interface TooltipTheme { + tooltip?: string; + tooltipActive?: string; + tooltipWrapper?: string; +} + +interface TooltipProps { + onMouseEnter?: __React.MouseEventHandler; + onMouseLeave?: __React.MouseEventHandler; + /** + * Classnames object defining the component style. + */ + theme?: TooltipTheme; + tooltip?: string; + tooltipDelay?: number; + tooltipHideOnClick?: boolean; +} + +declare class TooltipComponent extends __React.Component { + props: P & TooltipProps; +} + +interface TooltippedComponentClass

extends TooltipProps { + new (props?: P, context?: any): TooltipComponent; +} + +export function Tooltip

(componentClass: __React.ComponentClass

): TooltippedComponentClass

; + +export default Tooltip; diff --git a/index.d.ts b/index.d.ts index c901356e..b731e904 100644 --- a/index.d.ts +++ b/index.d.ts @@ -1,1720 +1,115 @@ // Type definitions for react-toolbox // Project: https://github.com/react-toolbox/react-toolbox // Definitions by: Per Bergqwist -// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped -declare module "react-toolbox" { - export import AppBar = __ReactToolbox.AppBar; - export import Autocomplete = __ReactToolbox.Autocomplete; - export import Avatar = __ReactToolbox.Avatar; - export import Button = __ReactToolbox.Button.Button; - export import IconButton = __ReactToolbox.Button.IconButton; - export import Card = __ReactToolbox.Card.Card; - export import CardTitle = __ReactToolbox.Card.CardTitle; - export import CardMedia = __ReactToolbox.Card.CardMedia; - export import CardText = __ReactToolbox.Card.CardText; - export import CardActions = __ReactToolbox.Card.CardActions; - export import Checkbox = __ReactToolbox.Checkbox; - export import Chip = __ReactToolbox.Chip; - export import DatePicker = __ReactToolbox.DatePicker; - export import Dialog = __ReactToolbox.Dialog; - export import Drawer = __ReactToolbox.Drawer; - export import Dropdown = __ReactToolbox.Dropdown; - export import FontIcon = __ReactToolbox.FontIcon; - export import Input = __ReactToolbox.Input; - export import Layout = __ReactToolbox.Layout.Layout; - export import Panel = __ReactToolbox.Layout.Panel; - export import NavDrawer = __ReactToolbox.Layout.NavDrawer; - export import Sidebar = __ReactToolbox.Layout.Sidebar; - export import Link = __ReactToolbox.Link; - export import List = __ReactToolbox.List.List; - export import ListCheckbox = __ReactToolbox.List.ListCheckbox; - export import ListItem = __ReactToolbox.List.ListItem; - export import ListDivider = __ReactToolbox.List.ListDivider; - export import ListSubHeader = __ReactToolbox.List.ListSubHeader; - export import Menu = __ReactToolbox.Menu.Menu; - export import MenuDivider = __ReactToolbox.Menu.MenuDivider; - export import MenuItem = __ReactToolbox.Menu.MenuItem; - export import IconMenu = __ReactToolbox.Menu.IconMenu; - export import Navigation = __ReactToolbox.Navigation; - export import ProgressBar = __ReactToolbox.ProgressBar; - export import RadioGroup = __ReactToolbox.Radio.RadioGroup; - export import RadioButton = __ReactToolbox.Radio.RadioButton; - export import Ripple = __ReactToolbox.Ripple; - export import Slider = __ReactToolbox.Slider; - export import Snackbar = __ReactToolbox.Snackbar; - export import Switch = __ReactToolbox.Switch; - export import Tabs = __ReactToolbox.Tabs.Tabs; - export import Tab = __ReactToolbox.Tabs.Tab; - export import TimePicker = __ReactToolbox.TimePicker; - export import Tooltip = __ReactToolbox.Tooltip; +import { AppBar } from "react-toolbox/lib/app_bar"; +import { Autocomplete } from "react-toolbox/lib/autocomplete"; +import { Avatar } from "react-toolbox/lib/avatar"; +import { Button, IconButton } from "react-toolbox/lib/button"; +import { Card, CardTitle, CardMedia, CardText, CardActions } from "react-toolbox/lib/card"; +import { Checkbox } from "react-toolbox/lib/checkbox"; +import { Chip } from "react-toolbox/lib/chip"; +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 { Layout, Panel, NavDrawer, Sidebar } from "react-toolbox/lib/layout"; +import { Link } from "react-toolbox/lib/link"; +import { List, ListCheckbox, ListItem, ListDivider, ListSubHeader } from "react-toolbox/lib/list"; +import { Menu, MenuDivider, MenuItem, IconMenu } from "react-toolbox/lib/menu"; +import { Navigation } from "react-toolbox/lib/navigation"; +import { ProgressBar } from "react-toolbox/lib/progress_bar"; +import { RadioGroup, RadioButton } from "react-toolbox/lib/radio"; +import { Ripple } from "react-toolbox/lib/ripple"; +import { Slider } from "react-toolbox/lib/slider"; +import { Snackbar } from "react-toolbox/lib/snackbar"; +import { Switch } from "react-toolbox/lib/switch"; +import { Tabs, Tab } from "react-toolbox/lib/tabs"; +import { TimePicker } from "react-toolbox/lib/time_picker"; +import { Tooltip } from "react-toolbox/lib/tooltip"; - export import AppBarTheme = __ReactToolbox.AppBarTheme; - export import AutocompleteTheme = __ReactToolbox.AutocompleteTheme; - export import AvatarTheme = __ReactToolbox.AvatarTheme; - export import ButtonTheme = __ReactToolbox.Button.ButtonTheme; - export import IconButtonTheme = __ReactToolbox.Button.IconButtonTheme; - export import CardTheme = __ReactToolbox.Card.CardTheme; - export import CardTitleTheme = __ReactToolbox.Card.CardTitleTheme; - export import CardMediaTheme = __ReactToolbox.Card.CardMediaTheme; - export import CardTextTheme = __ReactToolbox.Card.CardTextTheme; - export import CardActionsTheme = __ReactToolbox.Card.CardActionsTheme; - export import CheckboxTheme = __ReactToolbox.CheckboxTheme; - export import ChipTheme = __ReactToolbox.ChipTheme; - export import DatePickerTheme = __ReactToolbox.DatePickerTheme; - export import DialogTheme = __ReactToolbox.DialogTheme; - export import DrawerTheme = __ReactToolbox.DrawerTheme; - export import DropdownTheme = __ReactToolbox.DropdownTheme; - export import InputTheme = __ReactToolbox.InputTheme; - export import LayoutTheme = __ReactToolbox.Layout.LayoutTheme; - export import PanelTheme = __ReactToolbox.Layout.PanelTheme; - export import NavDrawerTheme = __ReactToolbox.Layout.NavDrawerTheme; - export import SidebarTheme = __ReactToolbox.Layout.SidebarTheme; - export import LinkTheme = __ReactToolbox.LinkTheme; - export import ListTheme = __ReactToolbox.List.ListTheme; - export import ListCheckboxTheme = __ReactToolbox.List.ListCheckboxTheme; - export import ListItemTheme = __ReactToolbox.List.ListItemTheme; - export import ListDividerTheme = __ReactToolbox.List.ListDividerTheme; - export import ListSubHeaderTheme = __ReactToolbox.List.ListSubHeaderTheme; - export import MenuTheme = __ReactToolbox.Menu.MenuTheme; - export import MenuDividerTheme = __ReactToolbox.Menu.MenuDividerTheme; - export import MenuItemTheme = __ReactToolbox.Menu.MenuItemTheme; - export import IconMenuTheme = __ReactToolbox.Menu.IconMenuTheme; - export import NavigationTheme = __ReactToolbox.NavigationTheme; - export import ProgressBarTheme = __ReactToolbox.ProgressBarTheme; - export import RadioButtonTheme = __ReactToolbox.Radio.RadioButtonTheme; - export import RippleTheme = __ReactToolbox.RippleTheme; - export import SliderTheme = __ReactToolbox.SliderTheme; - export import SnackbarTheme = __ReactToolbox.SnackbarTheme; - export import SwitchTheme = __ReactToolbox.SwitchTheme; - export import TabsTheme = __ReactToolbox.Tabs.TabsTheme; - export import TabTheme = __ReactToolbox.Tabs.TabTheme; - export import TimePickerTheme = __ReactToolbox.TimePickerTheme; - export import TooltipTheme = __ReactToolbox.TooltipTheme; -} - -declare namespace __ReactToolbox { - import React = __React; - - interface Props { - /** - * Set a class for the root component. - */ - className?: string; - /** - * Key used to uniquely identify the element within an Array. - */ - key?: string | number; - /** - * Callback called when the component is clicked. - */ - onClick?: React.MouseEventHandler; - /** - * Set inline style for the root component. - */ - style?: React.CSSProperties; - } - - export interface AppBarTheme { - /** - * Used for the component root element. - */ - appBar?: string; - /** - * Added to the root element when the app bar is fixed. - */ - fixed?: string; - /** - * Added to the root element when the app bar is flat. - */ - flat?: string; - } - interface AppBarProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - /** - * Determine if the bar should have position fixed or relative. - * @default false - */ - fixed?: boolean; - /** - * If true, the AppBar shows a shadow. - * @default false - */ - flat?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: AppBarTheme; - } - export class AppBar extends React.Component { - } - - export interface AutocompleteTheme { - /** - * Used for a suggestion when it's active. - */ - active?: string; - /** - * Used for the root element. - */ - autocomplete?: string; - /** - * Used when the input is focused. - */ - focus?: string; - /** - * Used to style the Input component. - */ - input?: string; - /** - * Used for the label. - */ - label?: string; - /** - * Used to style each suggestion. - */ - suggestion?: string; - /** - * Used to style the suggestions container. - */ - suggestions?: string; - /** - * Used for the suggestions when it's opening to the top. - */ - up?: string; - /** - * Classname used for a single value. - */ - value?: string; - /** - * Classname used for the values container. - */ - values?: string; - } - interface AutocompleteProps extends Props { - /** - * Determines the opening direction. It can be auto, up or down. - * @default auto - */ - direction?: "auto" | "up" | "down"; - /** - * If true, component will be disabled. - */ - disabled?: boolean; - /** - * Sets the error string for the internal input element. - * @default false - */ - error?: string; - /** - * The text string to use for the floating label element. - */ - label?: string; - /** - * If true, component can hold multiple values. - */ - multiple?: boolean; - /** - * Callback function that is fired when the components's value changes. - * @default auto - */ - onChange?: React.FormEventHandler; - /** - * Determines if the selected list is shown above or below input. It can be above or below. - * @default above - */ - selectedPosition?: "above" | "below"; - /** - * If true, the list of suggestions will not be filtered when a value is selected. - * @default false - */ - showSuggestionsWHenValueIsSet?: boolean; - /** - * Object of key/values or array representing all items suggested. - */ - source?: any; - /** - * Determines how suggestions are supplied. - * @default start - */ - suggestionMatch?: "start" | "anywhere" | "word"; - /** - * Classnames object defining the component style. - */ - theme?: AutocompleteTheme; - /** - * Value or array of values currently selected component. - */ - value?: any; - } - export class Autocomplete extends React.Component { - } - - export interface AvatarTheme { - /** - * Used for the root class of the element. - */ - avatar?: string; - /** - * Added to the root element when the component has image. - */ - image?: string; - /** - * Used for the root element if the component shows the letter. - */ - letter?: string; - } - interface AvatarProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - /** - * Set to true if your image is not squared so it will be used as a cover for the element. - */ - cover?: boolean; - /** - * A key to identify an Icon from Material Design Icons or a custom Icon Element. - */ - icon?: React.ReactNode | string; - /** - * An image source or an image element. - */ - image?: React.ReactNode | string; - /** - * Classnames object defining the component style. - */ - theme?: AvatarTheme; - /** - * A title for the image. If no image is provided, the first letter will be displayed as the avatar. - */ - title?: string; - } - export class Avatar extends React.Component { - } - - namespace Button { - export interface ButtonTheme { - /** - * Used for the root in case button is accent. - */ - accent?: string; - /** - * Used for the root element in any button. - */ - button?: string; - /** - * Used when the button is flat for the root element. - */ - flat?: string; - /** - * Used when the button is floating for the root element. - */ - floating?: string; - /** - * For the icon inside a button. - */ - icon?: string; - /** - * Used when colors are inverted. - */ - inverse?: string; - /** - * Used for mini floating buttons. - */ - mini?: string; - /** - * Used for neutral colored buttons. - */ - neutral?: string; - /** - * Used for primary buttons when button is primary. - */ - primary?: string; - /** - * Used when the button is raised for root element. - */ - raised?: string; - /** - * Used for the ripple element. - */ - rippleWrapper?: string; - /** - * Used for toggle buttons in the root element. - */ - toggle?: string; - } - interface ButtonProps extends Props { - /** - * Indicates if the button should have accent color. - * @default false - */ - accent?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - /** - * If true, component will be disabled. - * @default false - */ - disabled?: 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; - /** - * Creates a link for the button. - */ - href?: string; - /** - * Value of the icon (See Font Icon Component). - */ - icon?: React.ReactNode | string; - /** - * If true, the neutral colors are inverted. Useful to put a button over a dark background. - */ - inverse?: boolean; - /** - * The text string to use for the name of the button. - */ - label?: string; - /** - * To be used with floating button. If true, the button will be smaller. - * @default false - */ - mini?: boolean; - /** - * Set it to false if you don't want the neutral styles to be included. - * @default true - */ - neutral?: boolean; - /** - * Fires after the mouse leaves the Component. - */ - onMouseLeave?: React.MouseEventHandler; - /** - * Fires after the mouse is released from the Component. - */ - OnMouseUp?: React.MouseEventHandler; - /** - * 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; - /** - * Classnames object defining the component style. - */ - theme?: ButtonTheme; - } - export class Button extends React.Component { - } - - export interface IconButtonTheme { - /** - * Used for the root in case button is accent. - */ - accent?: string; - /** - * Used for the root element in any button. - */ - button?: string; - /** - * For the icon inside a button. - */ - icon?: string; - /** - * Used when colors are inverted. - */ - inverse?: string; - /** - * Used for neutral colored buttons. - */ - neutral?: string; - /** - * Used for primary buttons when button is primary. - */ - primary?: string; - /** - * Used for the ripple element. - */ - rippleWrapper?: string; - /** - * Used for toggle buttons in the root element. - */ - toggle?: string; - } - interface IconButtonProps extends Props { - /** - * Indicates if the button should have accent color. - * @default false - */ - accent?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - /** - * If true, component will be disabled. - * @default false - */ - disabled?: boolean; - /** - * Creates a link for the button. - */ - href?: string; - /** - * Value of the icon (See Font Icon Component). - */ - icon?: React.ReactNode | string; - /** - * If true, the neutral colors are inverted. Useful to put a button over a dark background. - */ - inverse?: boolean; - /** - * Set it to false if you don't want the neutral styles to be included. - * @default true - */ - neutral?: boolean; - /** - * Fires after the mouse leaves the Component. - */ - onMouseLeave?: React.MouseEventHandler; - /** - * Fires after the mouse is released from the Component. - */ - OnMouseUp?: React.MouseEventHandler; - /** - * Indicates if the button should have primary color. - * @default false - */ - primary?: boolean; - /** - * If true, component will have a ripple effect on click. - * @default true - */ - ripple?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: IconButtonTheme; - } - export class IconButton extends React.Component { - } - } - - namespace Card { - export interface CardTheme { - card?: string; - raised?: string; - } - interface CardProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - raised?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: CardTheme; - } - export class Card extends React.Component { - } - - export interface CardActionsTheme { - cardActions?: string; - } - interface CardActionsProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - /** - * Classnames object defining the component style. - */ - theme?: CardActionsTheme; - } - export class CardActions extends React.Component { - } - - export interface CardMediaTheme { - cardMedia?: string; - content?: string; - contentOverlay?: string; - square?: string; - wide?: string; - } - interface CardMediaProps extends Props { - aspectRatio?: "wide" | "square"; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - color?: string; - contentOverlay?: boolean; - image?: React.ReactNode | string; - /** - * Classnames object defining the component style. - */ - theme?: CardMediaTheme; - } - export class CardMedia extends React.Component { - } - - export interface CardTextTheme { - cardText?: string; - } - interface CardTextProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - /** - * Classnames object defining the component style. - */ - theme?: CardTextTheme; - } - export class CardText extends React.Component { - } - - export interface CardTitleTheme { - large?: string; - title?: string; - small?: string; - subtitle?: string; - } - interface CardTitleProps extends Props { - avatar?: React.ReactNode | string; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - subtitle?: React.ReactNode | string; - /** - * Classnames object defining the component style. - */ - theme?: CardTitleTheme; - title?: React.ReactNode | string; - } - export class CardTitle extends React.Component { - } - } - - export interface CheckboxTheme { - check?: string; - checked?: string; - disabled?: string; - field?: string; - input?: string; - ripple?: string; - } - interface CheckboxProps extends Props { - checked?: boolean; - disabled?: boolean; - label?: React.ReactNode | string; - name?: string; - onChange?: React.MouseEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: CheckboxTheme; - } - export class Checkbox extends React.Component { - } - - export interface ChipTheme { - avatar?: string; - chip?: string; - deletable?: string; - delete?: string; - deleteIcon?: string; - deleteX?: string; - } - interface ChipProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - deleteable?: boolean; - onDeleteClick?: React.MouseEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: ChipTheme; - } - export class Chip extends React.Component { - } - - export interface DatePickerTheme { - active?: string; - button?: string; - calendar?: string; - calendarWrapper?: string; - date?: string; - day?: string; - days?: string; - dialog?: string; - disabled?: string; - header?: string; - input?: string; - month?: string; - monthsDisplay?: string; - next?: string; - prev?: string; - title?: string; - week?: string; - year?: string; - years?: string; - yearsDisplay?: string; - } - interface DatePickerProps extends Props { - autoOk?: boolean; - error?: string; - icon?: React.ReactNode | string; - inputClassName?: string; - inputFormat?: Function; - label?: string; - maxDate?: Date; - minDate?: Date; - name?: string; - onChange?: React.MouseEventHandler; - onEscKeyDown?: React.KeyboardEventHandler; - onOverlayClick?: React.MouseEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: DatePickerTheme; - value?: Date | string; - } - export class DatePicker extends React.Component { - } - - export interface DialogTheme { - active?: string; - body?: string; - button?: string; - dialog?: string; - navigation?: string; - title?: string; - } - interface DialogActionProps { - label?: string; - } - interface DialogProps extends Props { - actions?: DialogActionProps[]; - active?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - onEscKeyDown?: React.KeyboardEventHandler; - onOverlayClick?: React.MouseEventHandler; - onOverlayMouseDown?: React.MouseEventHandler; - onOverlayMouseMove?: React.MouseEventHandler; - onOverlayMouseUp?: React.MouseEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: DialogTheme; - title?: string; - type?: string; - } - export class Dialog extends React.Component { - } - - export interface DrawerTheme { - active?: string; - content?: string; - drawer?: string; - left?: string; - right?: string; - } - interface DrawerProps extends Props { - active?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - onOverlayClick?: React.MouseEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: DrawerTheme; - type?: "left" | "right"; - } - export class Drawer extends React.Component { - } - - export interface DropdownTheme { - active?: string; - disabled?: string; - dropdown?: string; - error?: string; - errored?: string; - field?: string; - label?: string; - selected?: string; - templateValue?: string; - up?: string; - value?: string; - values?: string; - } - interface DropdownProps extends Props { - allowBlank?: boolean; - auto?: boolean; - disabled?: boolean; - error?: string; - label?: string; - name?: string; - onBlur?: React.FocusEventHandler; - onChange?: React.FormEventHandler; - onFocus?: React.FocusEventHandler; - source: any[]; - template?: Function; - /** - * Classnames object defining the component style. - */ - theme?: DropdownTheme; - value?: string | number; - } - export class Dropdown extends React.Component { - } - - interface FontIconProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - value?: React.ReactNode | string; - } - export class FontIcon extends React.Component { - } - - export interface InputTheme { - bar?: string; - counter?: string; - disabled?: string; - error?: string; - errored?: string; - hidden?: string; - hint?: string; - icon?: string; - input?: string; - inputElement?: string; - required?: string; - withIcon?: string; - } - interface InputProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - disabled?: boolean; - error?: string; - floating?: boolean; - hint?: string; - icon?: React.ReactNode | string; - label?: string; - maxLength?: number; - multiLine?: boolean; - name?: string; - onBlur?: React.FocusEventHandler; - onChange?: React.FormEventHandler; - onFocus?: React.FocusEventHandler; - onKeyPress?: React.MouseEventHandler; - required?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: InputTheme; - type?: string; - value?: any; - } - export class Input extends React.Component { - } - - namespace Layout { - export interface LayoutTheme { - layout?: string; - } - interface LayoutProps extends Props { - /** - * Children to pass through the component. - */ - children?: [NavDrawer | Panel | Sidebar]; - /** - * Classnames object defining the component style. - */ - theme?: LayoutTheme; - } - export class Layout extends React.Component { - } - - export interface NavDrawerTheme { - active?: string; - drawerContent?: string; - lgPermangent?: string; - mdPermangent?: string; - navDrawer?: string; - pinned?: string; - scrim?: string; - scrollY?: string; - smPermanent?: string; - wide?: string; - xlPermanent?: string; - xxlPermangent?: string; - xxxlPermangent?: string; - } - interface NavDrawerProps extends Props { - active?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - onOverlayClick?: React.MouseEventHandler; - permanentAt?: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl"; - pinned?: boolean; - scrollY?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: NavDrawerTheme; - width?: "normal" | "wide"; - } - export class NavDrawer extends React.Component { - } - - export interface PanelTheme { - panel?: string; - scrollY?: string; - } - interface PanelProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - scrollY?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: PanelTheme; - } - export class Panel extends React.Component { - } - - export interface SidebarTheme { - pinned?: string; - scrollY?: string; - sidebar?: string; - sidebarContent?: string; - } - interface SidebarProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - pinned?: boolean; - scrollY?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: SidebarTheme; - width?: number; // 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 25 | 33 | 50 | 66 | 75 | 100; - } - export class Sidebar extends React.Component { - } - } - - export interface LinkTheme { - active?: string; - icon?: string; - link?: string; - } - interface LinkProps extends Props { - active?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - count?: number; - icon?: React.ReactNode | string; - label?: string; - /** - * Classnames object defining the component style. - */ - theme?: LinkTheme; - } - export class Link extends React.Component { - } - - - namespace List { - export interface ListTheme { - list?: string; - } - interface ListProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - ripple?: boolean; - selectable?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: ListTheme; - } - export class List extends React.Component { - } - - export interface ListCheckboxTheme { - checkbox?: string; - checkboxItem?: string; - disabled?: string; - item?: string; - itemContentRoot?: string; - itemText?: string; - large?: string; - primary?: string; - } - interface ListCheckboxProps extends Props { - caption?: string; - checked?: boolean; - disabled?: boolean; - legend?: string; - name?: string; - onBlur?: React.FocusEventHandler; - onChange?: React.FormEventHandler; - onFocus?: React.FocusEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: ListCheckboxTheme; - } - export class ListCheckbox extends React.Component { - } - - export interface ListDividerTheme { - divider?: string; - inset?: string; - } - interface ListDividerProps extends Props { - inset?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: ListDividerTheme; - } - export class ListDivider extends React.Component { - } - - export interface ListItemTheme { - disabled?: string; - item?: string; - itemAction?: string; - large?: string; - left?: string; - listItem?: string; - primary?: string; - right?: string; - selectable?: string; - } - interface ListItemProps extends Props { - avatar?: React.ReactNode | string; - caption?: string; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - disabled?: boolean; - itemContent?: React.ReactNode; - leftActions?: React.ReactNode; - leftIcon?: React.ReactNode | string; - rightIcon?: React.ReactNode | string; - ripple?: boolean; - selectable?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: ListItemTheme; - to?: string; - } - export class ListItem extends React.Component { - } - - export interface ListSubHeaderTheme { - subheader?: string; - } - interface ListSubHeaderProps extends Props { - caption?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: ListSubHeaderTheme; - } - export class ListSubHeader extends React.Component { - } - } - - - namespace Menu { - export interface MenuTheme { - active?: string; - bottomLeft?: string; - bottomRight?: string; - menu?: string; - menuInner?: string; - outline?: string; - rippled?: string; - static?: string; - topLeft?: string; - topRight?: string; - } - interface MenuProps extends Props { - active?: boolean; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - onHide?: Function; - onSelect?: Function; - onShow?: Function; - position?: "auto" | "static" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight"; - ripple?: boolean; - selectable?: boolean; - selected?: any; - /** - * Classnames object defining the component style. - */ - theme?: MenuTheme; - } - export class Menu extends React.Component { - } - - export interface IconMenuTheme { - icon?: string; - iconMenu?: string; - } - interface IconMenuProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - icon?: React.ReactNode | string; - iconRipple?: boolean; - menuRipple?: boolean; - onSelect?: Function; - onShow?: Function; - position?: "auto" | "static" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight"; - selectable?: boolean; - selected?: any; - /** - * Classnames object defining the component style. - */ - theme?: IconMenuTheme; - } - export class IconMenu extends React.Component { - } - - export interface MenuDividerTheme { - menuDivider?: string; - } - interface MenuDividerProps extends Props { - /** - * Classnames object defining the component style. - */ - theme?: MenuDividerTheme; - } - export class MenuDivider extends React.Component { - } - - export interface ListDividerTheme { - divider?: string; - inset?: string; - } - interface ListDividerProps extends Props { - inset?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: ListDividerTheme; - } - export class ListDivider extends React.Component { - } - - export interface MenuItemTheme { - caption?: string; - disabled?: string; - icon?: string; - menuItem?: string; - selected?: string; - shortcut?: string; - } - interface MenuItemProps extends Props { - caption?: string; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - disabled?: boolean; - icon?: React.ReactNode | string; - selected?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: MenuItemTheme; - } - export class MenuItem extends React.Component { - } - } - - export interface NavigationTheme { - button?: string; - horizontal?: string; - link?: string; - vertical?: string; - } - interface NavigationProps extends Props { - actions?: any[]; - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - routes?: any[]; - /** - * Classnames object defining the component style. - */ - theme?: NavigationTheme; - type?: "vertical" | "horizontal"; - } - export class Navigation extends React.Component { - } - - export interface ProgressBarTheme { - buffer?: string; - circle?: string; - circular?: string; - indeterminate?: string; - linear?: string; - multicolor?: string; - path?: string; - value?: string; - } - interface ProgressBarProps extends Props { - buffer?: number; - max?: number; - min?: number; - mode?: "determinate" | "indeterminate"; - multicolor?: boolean; - /** - * Classnames object defining the component style. - */ - theme?: ProgressBarTheme; - type?: "linear" | "circular"; - value?: number; - } - export class ProgressBar extends React.Component { - } - - - namespace Radio { - interface RadioGroupProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - disabled?: boolean; - name?: string; - onChange?: Function; - value?: number; - } - export class RadioGroup extends React.Component { - } - - export interface RadioButtonTheme { - radio?: string; - radioChecked?: string; - ripple?: string; - disabled?: string; - field?: string; - input?: string; - text?: string; - } - interface RadioButtonProps extends Props { - checked?: boolean; - disabled?: boolean; - label?: React.ReactNode | string; - name?: string; - onBlur?: React.FocusEventHandler; - onChange?: React.FormEventHandler; - onFocus?: React.FocusEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: RadioButtonTheme; - value?: any; - } - export class RadioButton extends React.Component { - } - } - - export interface RippleTheme { - ripple?: string; - rippleActive?: string; - rippleRestarting?: string; - riplleWrapper?: string; - } - interface RippleProps { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - disabled?: boolean; - onRippleEnded?: Function; - spread?: number; - /** - * Classnames object defining the component style. - */ - theme?: RippleTheme; - } - export class Ripple extends React.Component { - } - - export interface SliderTheme { - container?: string; - editable?: string; - innerknob?: string; - innerprogress?: string; - input?: string; - knob?: string; - pinned?: string; - pressed?: string; - progress?: string; - ring?: string; - slider?: string; - snap?: string; - snaps?: string; - } - interface SliderProps { - editable?: boolean; - max?: number; - min?: number; - onChange?: Function; - pinned?: boolean; - snaps?: boolean; - step?: number; - /** - * Classnames object defining the component style. - */ - theme?: RippleTheme; - value?: number; - } - export class Slider extends React.Component { - } - - export interface SnackbarTheme { - accept?: string; - active?: string; - button?: string; - cancel?: string; - icon?: string; - label?: string; - snackbar?: string; - warning?: string; - } - interface SnackbarProps { - action?: string; - active?: boolean; - icon?: React.ReactNode | string; - label?: string; - onTimeout?: Function; - /** - * Classnames object defining the component style. - */ - theme?: SnackbarTheme; - timeout?: number; - type?: "accept" | "cancel" | "warning"; - } - export class Snackbar extends React.Component { - } - - export interface SwitchTheme { - disabled?: string; - field?: string; - input?: string; - off?: string; - on?: string; - ripple?: string; - text?: string; - thumb?: string; - } - interface SwitchProps { - checked?: boolean; - disabled?: boolean; - label?: string; - name?: string; - onBlur?: React.FocusEventHandler; - onChange?: React.FormEventHandler; - onFocus?: React.FocusEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: SwitchTheme; - } - export class Switch extends React.Component { - } - - export interface TableTheme { - editable?: string; - row?: string; - selectable?: string; - selected?: string; - table?: string; - } - interface TableProps { - heading?: boolean; - model?: any; - onChange?: Function; - onSelect?: React.FormEventHandler; - selectable?: boolean; - multiSelectable?: boolean; - selected?: any[]; - source?: any[]; - /** - * Classnames object defining the component style. - */ - theme?: TableTheme; - } - export class Table extends React.Component { - } - - - namespace Tabs { - export interface TabsTheme { - active?: string; - navigation?: string; - pointer?: string; - tabs?: string; - tab?: string; - } - interface TabsProps extends Props { - /** - * Children to pass through the component. - */ - children?: React.ReactNode; - disableAnimatedBottomBorder?: boolean; - index?: number; - onChange?: Function; - /** - * Classnames object defining the component style. - */ - theme?: TabsTheme; - } - export class Tabs extends React.Component { - } - - export interface TabTheme { - active?: string; - disabled?: string; - hidden?: string; - label?: string; - } - interface TabProps extends Props { - active?: boolean; - activeClassName?: string; - disabled?: boolean; - hidden?: boolean; - label?: string; - onActive?: Function; - /** - * Classnames object defining the component style. - */ - theme?: TabTheme; - } - export class Tab extends React.Component { - } - } - - export interface TimePickerTheme { - active?: string; - am?: string; - amFormat?: string; - ampm?: string; - button?: string; - clock?: string; - clockWrapper?: string; - dialog?: string; - face?: string; - hand?: string; - header?: string; - hours?: string; - hoursDisplay?: string; - input?: string; - knob?: string; - minutes?: string; - minutesDisplay?: string; - number?: string; - placeholder?: string; - pm?: string; - pmFormat?: string; - separator?: string; - small?: string; - } - interface TimePickerProps { - error?: string; - inputClassName?: string; - format?: "24hr" | "ampm"; - label?: string; - onChange?: Function; - /** - * Classnames object defining the component style. - */ - theme?: TimePickerTheme; - value?: Date; - } - export class TimePicker extends React.Component { - } - - export interface TooltipTheme { - tooltip?: string; - tooltipActive?: string; - tooltipWrapper?: string; - } - interface TooltipProps { - onMouseEnter?: React.MouseEventHandler; - onMouseLeave?: React.MouseEventHandler; - /** - * Classnames object defining the component style. - */ - theme?: TooltipTheme; - tooltip?: string; - tooltipDelay?: number; - tooltipHideOnClick?: boolean; - } - class TooltipComponent extends React.Component { - props: P & TooltipProps; - } - interface TooltippedComponentClass

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

(componentClass: React.ComponentClass

): TooltippedComponentClass

; -} - -declare module "react-toolbox/lib/app_bar" { - export import AppBar = __ReactToolbox.AppBar; - export default AppBar; - - export import AppBarTheme = __ReactToolbox.AppBarTheme; -} - -declare module "react-toolbox/lib/autocomplete" { - export import Autocomplete = __ReactToolbox.Autocomplete; - export default Autocomplete; - - export import AutocompleteTheme = __ReactToolbox.Autocomplete; -} - -declare module "react-toolbox/lib/avatar" { - export import Avatar = __ReactToolbox.Avatar; - export default Avatar; - - export import AvatarTheme = __ReactToolbox.AvatarTheme; -} - -declare module "react-toolbox/lib/button" { - export import Button = __ReactToolbox.Button.Button; - export import IconButton = __ReactToolbox.Button.IconButton; - export default { Button, IconButton }; - - export import ButtonTheme = __ReactToolbox.Button.ButtonTheme; - export import IconButtonTheme = __ReactToolbox.Button.IconButtonTheme; -} - -declare module "react-toolbox/lib/card" { - export import Card = __ReactToolbox.Card.Card; - export import CardActions = __ReactToolbox.Card.CardActions; - export import CardMedia = __ReactToolbox.Card.CardMedia; - export import CardText = __ReactToolbox.Card.CardText; - export import CardTitle = __ReactToolbox.Card.CardTitle; - export default { Card, CardActions, CardMedia, CardText, CardTitle }; - - export import CardTheme = __ReactToolbox.Card.CardTheme; - export import CardActionsTheme = __ReactToolbox.Card.CardActionsTheme; - export import CardMediaTheme = __ReactToolbox.Card.CardMediaTheme; - export import CardTextTheme = __ReactToolbox.Card.CardTextTheme; - export import CardTitleTheme = __ReactToolbox.Card.CardTitleTheme; -} - -declare module "react-toolbox/lib/checkbox" { - export import Checkbox = __ReactToolbox.Checkbox; - export default Checkbox; - - export import CheckboxTheme = __ReactToolbox.CheckboxTheme; -} - -declare module "react-toolbox/lib/chip" { - export import Chip = __ReactToolbox.Chip; - export default Chip; - - export import ChipTheme = __ReactToolbox.ChipTheme; -} - -declare module "react-toolbox/lib/date_picker" { - export import DatePicker = __ReactToolbox.DatePicker; - export default DatePicker; - - export import DatePickerTheme = __ReactToolbox.DatePickerTheme; -} - -declare module "react-toolbox/lib/dialog" { - export import Dialog = __ReactToolbox.Dialog; - export default Dialog; - - export import DialogTheme = __ReactToolbox.DialogTheme; -} - -declare module "react-toolbox/lib/drawer" { - export import Drawer = __ReactToolbox.Drawer; - export default Drawer; - - export import DrawerTheme = __ReactToolbox.DrawerTheme; -} - -declare module "react-toolbox/lib/dropdown" { - export import Dropdown = __ReactToolbox.Dropdown; - export default Dropdown; - - export import DropdownTheme = __ReactToolbox.DropdownTheme; -} - -declare module "react-toolbox/lib/font_icon" { - export import FontIcon = __ReactToolbox.FontIcon; - export default FontIcon; -} - -declare module "react-toolbox/lib/input" { - export import Input = __ReactToolbox.Input; - export default Input; - - export import InputTheme = __ReactToolbox.InputTheme; -} - -declare module "react-toolbox/lib/layout" { - export import Layout = __ReactToolbox.Layout.Layout; - export import NavDrawer = __ReactToolbox.Layout.NavDrawer; - export import Panel = __ReactToolbox.Layout.Panel; - export import Sidebar = __ReactToolbox.Layout.Sidebar; - export default { Layout, NavDrawer, Panel, Sidebar } - - export import LayoutTheme = __ReactToolbox.Layout.LayoutTheme; - export import NavDrawerTheme = __ReactToolbox.Layout.NavDrawerTheme; - export import PanelTheme = __ReactToolbox.Layout.PanelTheme; - export import SidebarTheme = __ReactToolbox.Layout.SidebarTheme; -} - -declare module "react-toolbox/lib/link" { - export import Link = __ReactToolbox.Link; - export default Link; - - export import LinkTheme = __ReactToolbox.LinkTheme; -} - -declare module "react-toolbox/lib/list" { - export import List = __ReactToolbox.List.List; - export import ListCheckbox = __ReactToolbox.List.ListCheckbox; - export import ListDivider = __ReactToolbox.List.ListDivider; - export import ListItem = __ReactToolbox.List.ListItem; - export import ListSubHeader = __ReactToolbox.List.ListSubHeader; - export default { List, ListCheckbox, ListDivider, ListItem, ListSubHeader }; - - export import ListTheme = __ReactToolbox.List.ListTheme; - export import ListCheckboxTheme = __ReactToolbox.List.ListCheckboxTheme; - export import ListDividerTheme = __ReactToolbox.List.ListDividerTheme; - export import ListItemTheme = __ReactToolbox.List.ListItemTheme; - export import ListSubHeaderTheme = __ReactToolbox.List.ListSubHeaderTheme; -} - -declare module "react-toolbox/lib/menu" { - export import Menu = __ReactToolbox.Menu.Menu; - export import IconMenu = __ReactToolbox.Menu.IconMenu; - export import MenuDivider = __ReactToolbox.Menu.MenuDivider; - export import MenuItem = __ReactToolbox.Menu.MenuItem; - export default { Menu, IconMenu, MenuDivider, MenuItem }; -} - -declare module "react-toolbox/lib/navigation" { - export import Navigation = __ReactToolbox.Navigation; - export default Navigation; -} - -declare module "react-toolbox/lib/progress_bar" { - export import Progressbar = __ReactToolbox.ProgressBar; - export default Progressbar; -} - -declare module "react-toolbox/lib/radio" { - export import RadioGroup = __ReactToolbox.Radio.RadioGroup; - export import RadioButton = __ReactToolbox.Radio.RadioButton; - export default { RadioGroup, RadioButton }; -} - -declare module "react-toolbox/lib/ripple" { - export import Ripple = __ReactToolbox.Ripple; - export default Ripple; -} - -declare module "react-toolbox/lib/slider" { - export import Slider = __ReactToolbox.Slider; - export default Slider; -} - -declare module "react-toolbox/lib/snackbar" { - export import Snackbar = __ReactToolbox.Snackbar; - export default Snackbar; -} - -declare module "react-toolbox/lib/switch" { - export import Switch = __ReactToolbox.Switch; - export default Switch; -} - -declare module "react-toolbox/lib/table" { - export import Table = __ReactToolbox.Table; - export default Table; -} - -declare module "react-toolbox/lib/tabs" { - export import Tab = __ReactToolbox.Tabs.Tab; - export import Tabs = __ReactToolbox.Tabs.Tabs; - export default { Tab, Tabs }; -} - -declare module "react-toolbox/lib/time_picker" { - export import TimePicker = __ReactToolbox.TimePicker; - export default TimePicker; -} - -declare module "react-toolbox/lib/tooltip" { - export import Tooltip = __ReactToolbox.Tooltip; - export default Tooltip; +import { AppBarTheme } from "react-toolbox/lib/app_bar"; +import { AutocompleteTheme } from "react-toolbox/lib/autocomplete"; +import { AvatarTheme } from "react-toolbox/lib/avatar"; +import { ButtonTheme, IconButtonTheme } from "react-toolbox/lib/button"; +import { CardTheme, CardTitleTheme, CardMediaTheme, CardTextTheme, CardActionsTheme } from "react-toolbox/lib/card"; +import { CheckboxTheme } from "react-toolbox/lib/checkbox"; +import { ChipTheme } from "react-toolbox/lib/chip"; +import { DatePickerTheme } from "react-toolbox/lib/date_picker"; +import { DialogTheme } from "react-toolbox/lib/dialog"; +import { DrawerTheme } from "react-toolbox/lib/drawer"; +import { DropdownTheme } from "react-toolbox/lib/dropdown"; +import { InputTheme } from "react-toolbox/lib/input"; +import { LayoutTheme, PanelTheme, NavDrawerTheme, SidebarTheme } from "react-toolbox/lib/layout"; +import { LinkTheme } from "react-toolbox/lib/link"; +import { ListTheme, ListCheckboxTheme, ListItemTheme, ListDividerTheme, ListSubHeaderTheme } from "react-toolbox/lib/list"; +import { MenuTheme, MenuDividerTheme, MenuItemTheme, IconMenuTheme } from "react-toolbox/lib/menu"; +import { NavigationTheme } from "react-toolbox/lib/navigation"; +import { ProgressBarTheme } from "react-toolbox/lib/progress_bar"; +import { RadioButtonTheme } from "react-toolbox/lib/radio"; +import { RippleTheme } from "react-toolbox/lib/ripple"; +import { SliderTheme } from "react-toolbox/lib/slider"; +import { SnackbarTheme } from "react-toolbox/lib/snackbar"; +import { SwitchTheme } from "react-toolbox/lib/switch"; +import { TabsTheme, TabTheme } from "react-toolbox/lib/tabs"; +import { TimePickerTheme } from "react-toolbox/lib/time_picker"; +import { TooltipTheme } from "react-toolbox/lib/tooltip"; + +export { + AppBar, + Autocomplete, + Avatar, + Button, IconButton, + Card, CardTitle, CardMedia, CardText, CardActions, + Checkbox, + Chip, + DatePicker, + Dialog, + Drawer, + Dropdown, + FontIcon, + Input, + Layout, Panel, NavDrawer, Sidebar, + Link, + List, ListCheckbox, ListItem, ListDivider, ListSubHeader, + Menu, MenuDivider, MenuItem, IconMenu, + Navigation, + ProgressBar, + RadioGroup, RadioButton, + Ripple, + Slider, + Snackbar, + Switch, + Tabs, Tab, + TimePicker, + Tooltip, + + AppBarTheme, + AutocompleteTheme, + AvatarTheme, + ButtonTheme, IconButtonTheme, + CardTheme, CardTitleTheme, CardMediaTheme, CardTextTheme, CardActionsTheme, + CheckboxTheme, + ChipTheme, + DatePickerTheme, + DialogTheme, + DrawerTheme, + DropdownTheme, + InputTheme, + LayoutTheme, PanelTheme, NavDrawerTheme, SidebarTheme, + LinkTheme, + ListTheme, ListCheckboxTheme, ListItemTheme, ListDividerTheme, ListSubHeaderTheme, + MenuTheme, MenuDividerTheme, MenuItemTheme, IconMenuTheme, + NavigationTheme, + ProgressBarTheme, + RadioButtonTheme, + RippleTheme, + SliderTheme, + SnackbarTheme, + SwitchTheme, + TabsTheme, TabTheme, + TimePickerTheme, + TooltipTheme }