flipper-ui 0.25.0 → 0.25.1

package/core/Advertise.d.ts

@@ -1,17 +1,10 @@
-import { FC, CSSProperties } from 'react';
-export interface IDefault {
-    style?: CSSProperties;
-    className?: string;
-    margin?: number | string;
-    padding?: number | string;
-    name?: string;
-    id?: string;
-}
-interface IProps extends IDefault {
+import { FC } from 'react';
+import type { DefaultProps } from './types';
+interface AdvertiseProps extends DefaultProps {
     comment: string;
     author: string;
     commentStyle?: object;
     authorStyle?: object;
 }
-declare const Advertise: FC<IProps>;
+declare const Advertise: FC<AdvertiseProps>;
 export default Advertise;

package/core/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, FC, ChangeEvent, KeyboardEvent, CSSProperties, Ref, FocusEvent } from 'react';
-interface IProps {
+interface AutoCompleteProps {
     autoFocus?: boolean;
     defaultIsOpen?: boolean;
     openOnFocus?: boolean;
@@ -8,7 +8,7 @@ interface IProps {
     fade?: boolean;
     focusDelay?: number;
     suggestions: ISelected[];
-    value: TSelected;
+    value?: TSelected;
     defaultValue?: string;
     style?: CSSProperties;
     maxHeight?: number;
@@ -36,5 +36,5 @@ interface ISelected {
     subheader?: boolean;
 }
 declare type TSelected = ISelected | string;
-declare const AutoComplete: FC<IProps>;
+declare const AutoComplete: FC<AutoCompleteProps>;
 export default AutoComplete;

package/core/Avatar.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import type { DefaultProps } from './types';
+interface AvatarProps extends DefaultProps {
     name?: string;
     id?: string;
     sizes?: string;
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
     imgProps?: object;
     primary?: boolean;
 }
-declare const Avatar: FC<IProps>;
+declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/core/Badge.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-import { BadgeProps } from '@material-ui/core/Badge';
-interface IProps extends IDefault, BadgeProps {
+import { BadgeProps as MuiBadgeProps } from '@material-ui/core/Badge';
+import type { DefaultProps } from './types';
+interface BadgeProps extends DefaultProps, MuiBadgeProps {
     max?: number;
     counter: number | string;
     position?: {
@@ -11,5 +11,5 @@ interface IProps extends IDefault, BadgeProps {
         right?: number;
     };
 }
-declare const Badge: FC<IProps>;
+declare const Badge: FC<BadgeProps>;
 export default Badge;

package/core/Box.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import type { DefaultProps } from './types';
+interface BoxProps extends DefaultProps {
     minHeight?: number;
 }
-declare const Box: FC<IProps>;
+declare const Box: FC<BoxProps>;
 export default Box;

package/core/Button.d.ts

@@ -1,6 +1,6 @@
 import { FC, ElementType, MouseEvent } from 'react';
-import { IDefault } from './Advertise';
-export interface IProps extends IDefault {
+import { DefaultProps } from './types';
+export interface ButtonProps extends DefaultProps {
     disabled?: boolean;
     selected?: boolean;
     disableTouchRipple?: boolean;
@@ -13,5 +13,5 @@ export interface IProps extends IDefault {
     target?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-declare const Button: FC<IProps>;
+declare const Button: FC<ButtonProps>;
 export default Button;

package/core/Card.d.ts

@@ -1,15 +1,15 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { CardProps } from '@material-ui/core/Card';
 import { CardActionAreaProps } from '@material-ui/core/CardActionArea';
 import { CardActionsProps } from '@material-ui/core/CardActions';
 import { CardContentProps } from '@material-ui/core/CardContent';
 import { CardMediaProps } from '@material-ui/core/CardMedia';
 import { CardHeaderProps } from '@material-ui/core/CardHeader';
-export declare const CardActionArea: FC<IDefault & CardActionAreaProps>;
-export declare const CardActions: FC<IDefault & CardActionsProps>;
-export declare const CardContent: FC<IDefault & CardContentProps>;
-export declare const CardMedia: FC<IDefault & CardMediaProps>;
-export declare const CardHeader: FC<IDefault & CardHeaderProps>;
-declare const Card: FC<IDefault & CardProps>;
+export declare const CardActionArea: FC<DefaultProps & CardActionAreaProps>;
+export declare const CardActions: FC<DefaultProps & CardActionsProps>;
+export declare const CardContent: FC<DefaultProps & CardContentProps>;
+export declare const CardMedia: FC<DefaultProps & CardMediaProps>;
+export declare const CardHeader: FC<DefaultProps & CardHeaderProps>;
+declare const Card: FC<DefaultProps & CardProps>;
 export default Card;

package/core/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, ReactNode } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface CheckboxProps extends DefaultProps {
     name: string;
     label?: ReactNode;
     color?: 'primary' | 'secondary' | 'default';
@@ -13,5 +13,5 @@ interface IProps extends IDefault {
     onHelperClick?: () => void;
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
 }
-declare const Checkbox: (props: IProps) => JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/core/Chip.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { ChipProps } from '@material-ui/core/Chip';
-interface IProps extends IDefault {
+interface IChipProps extends DefaultProps {
     square?: boolean;
 }
-declare const Chip: FC<ChipProps & IProps>;
+declare const Chip: FC<ChipProps & IChipProps>;
 export default Chip;

package/core/ChipField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ChipRenderer } from 'material-ui-chip-input';
 import { InputLabelProps } from '@material-ui/core';
-interface IProps<T extends TChipValues> {
+interface ChipFieldProps<T extends TChipValues> {
     allowDuplicates?: boolean;
     values: T[];
     variant?: 'outlined' | 'standard' | 'filled';
@@ -20,5 +20,5 @@ interface IProps<T extends TChipValues> {
 export declare type TChipValues = {
     value: string | number;
 };
-declare const ChipField: <T extends TChipValues>(props: IProps<T>) => JSX.Element;
+declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;
 export default ChipField;

package/core/Collapse.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface CollapseProps extends DefaultProps {
     collapsedHeight?: string;
     in: boolean;
     timeout?: number | {
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
         exit?: number;
     } | 'auto';
 }
-declare const Collapse: FC<IProps>;
+declare const Collapse: FC<CollapseProps>;
 export default Collapse;

package/core/Container.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-declare const Container: FC<IDefault>;
+import { DefaultProps } from './types';
+declare const Container: FC<DefaultProps>;
 export default Container;

package/core/Content.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-declare const Content: FC<IDefault>;
+import { DefaultProps } from './types';
+declare const Content: FC<DefaultProps>;
 export default Content;

package/core/DateTime.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import DateFnsUtils from '@date-io/date-fns';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
 import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
 import { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker';
@@ -14,6 +14,6 @@ interface IProps {
     onAuxClickCapture?(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
-declare type TProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & IDefault;
-declare const DateTime: FC<TProps>;
+declare type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
+declare const DateTime: FC<DateTimeProps>;
 export default DateTime;

package/core/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode, FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface DialogProps extends DefaultProps {
     open: boolean;
     fullScreen?: boolean;
     fullWidth?: boolean;
@@ -23,5 +23,5 @@ interface IProps extends IDefault {
     scroll?: 'body' | 'paper' | 'unset-paper' | 'unset-body';
     onClose?: () => void;
 }
-declare const Dialog: FC<IProps>;
+declare const Dialog: FC<DialogProps>;
 export default Dialog;

package/core/Divider.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface DividerProps extends DefaultProps {
     inset?: boolean;
     light?: boolean;
 }
-declare const Divider: FC<IProps>;
+declare const Divider: FC<DividerProps>;
 export default Divider;

package/core/Drawer.d.ts

@@ -1,9 +1,9 @@
-import { DrawerProps } from '@material-ui/core/Drawer';
+import { DrawerProps as MuiDrawerProps } from '@material-ui/core/Drawer';
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends DrawerProps, IDefault {
+import { DefaultProps } from './types';
+interface DrawerProps extends MuiDrawerProps, DefaultProps {
     top?: number;
     width?: number;
 }
-declare const Drawer: FC<IProps>;
+declare const Drawer: FC<DrawerProps>;
 export default Drawer;

package/core/EditableTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Column, Options } from 'material-table';
-interface IProps<T extends object> {
+interface EditableTableProps<T extends object> {
     title?: string;
     color?: 'primary' | 'inherit' | 'secondary' | 'disabled';
     columns?: Column<object>[];
@@ -26,5 +26,5 @@ export declare type TSuggestion = {
     label: string;
     value: string;
 };
-declare const EditableTable: <T extends object>(props: IProps<T>) => JSX.Element;
+declare const EditableTable: <T extends object>(props: EditableTableProps<T>) => JSX.Element;
 export default EditableTable;

package/core/ExpansionPanel.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, FC } from 'react';
-import { IProps as IPaper } from './Paper';
-interface IProps extends IPaper {
+import { PaperProps } from './Paper';
+interface ExpansionPanelProps extends PaperProps {
     actions?: ReactNode;
     defaultExpanded?: boolean;
     details?: ReactNode;
@@ -16,5 +16,5 @@ interface IProps extends IPaper {
     onHelperClick?: () => void;
     onChange?: (event?: any, expanded?: any) => void;
 }
-declare const ExpansionPanel: FC<IProps>;
+declare const ExpansionPanel: FC<ExpansionPanelProps>;
 export default ExpansionPanel;

package/core/Fab.d.ts

@@ -1,6 +1,6 @@
 import React, { MouseEvent } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface FabProps extends DefaultProps {
     disabled?: boolean;
     component?: string;
     color?: 'default' | 'primary' | 'inherit' | 'secondary';
@@ -10,5 +10,5 @@ interface IProps extends IDefault {
     onClick?: (event?: MouseEvent<HTMLElement>) => void;
     children: React.ReactElement<{}>;
 }
-declare const Fab: ({ children, margin, padding, style, variant, ...otherProps }: IProps) => JSX.Element;
+declare const Fab: ({ children, margin, padding, style, variant, ...otherProps }: FabProps) => JSX.Element;
 export default Fab;

package/core/Fade.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface FadeProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
     };
     children?: React.ReactElement<{}>;
 }
-declare const Fade: ({ children, padding, margin, style, ...otherProps }: IProps) => JSX.Element;
+declare const Fade: ({ children, padding, margin, style, ...otherProps }: FadeProps) => JSX.Element;
 export default Fade;

package/core/Grow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface GrowProps extends DefaultProps {
     in: boolean;
     timeout?: number | {
         enter?: number;
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
     } | 'auto';
     children?: React.ReactElement<{}>;
 }
-declare const Grow: ({ children, padding, margin, style, ...otherProps }: IProps) => JSX.Element;
+declare const Grow: ({ children, padding, margin, style, ...otherProps }: GrowProps) => JSX.Element;
 export default Grow;

package/core/Header.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IProps as IPaper } from './Paper';
-interface IProps extends IPaper {
+import { PaperProps } from './Paper';
+interface HeaderProps extends PaperProps {
     position?: 'absolute' | 'fixed' | 'static' | 'sticky';
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
 }
-declare const Header: FC<IProps>;
+declare const Header: FC<HeaderProps>;
 export default Header;

package/core/IconButton.d.ts

@@ -1,9 +1,9 @@
 import { FC, MouseEvent } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface IconButtonProps extends DefaultProps {
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
     disabled?: boolean;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-declare const IconButton: FC<IProps>;
+declare const IconButton: FC<IconButtonProps>;
 export default IconButton;

package/core/InputAdornment.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-export interface IProps extends IDefault {
+import { DefaultProps } from './types';
+export interface InputAdornmentProps extends DefaultProps {
     position: 'start' | 'end';
 }
-declare const InputAdornment: FC<IProps>;
+declare const InputAdornment: FC<InputAdornmentProps>;
 export default InputAdornment;

package/core/InputBase.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, ReactNode, FC } from 'react';
-import { IDefault } from './Advertise';
-export interface IProps extends IDefault {
+import { DefaultProps } from './types';
+export interface InputAdornmentProps extends DefaultProps {
     autoComplete?: string;
     autoFocus?: boolean;
     classes?: object;
@@ -22,5 +22,5 @@ export interface IProps extends IDefault {
     type?: string;
     value?: string | number | boolean;
 }
-declare const InputAdornment: FC<IProps>;
+declare const InputAdornment: FC<InputAdornmentProps>;
 export default InputAdornment;

package/core/Line.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface LineProps extends DefaultProps {
     primary?: boolean;
     width?: string;
 }
-declare const Line: FC<IProps>;
+declare const Line: FC<LineProps>;
 export default Line;

package/core/List.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface ListProps extends DefaultProps {
     title?: string;
     dense?: boolean;
     color?: 'primary' | 'secondary' | 'default' | 'inherit';
 }
-declare const List: FC<IProps>;
+declare const List: FC<ListProps>;
 export default List;

package/core/ListItem.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent, FC } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 import { Omit } from 'ramda';
-interface IProps extends Omit<IDefault, 'name'> {
+interface ListItemProps extends Omit<DefaultProps, 'name'> {
     avatar?: JSX.Element;
     icon?: JSX.Element;
     action?: JSX.Element;
@@ -12,5 +12,5 @@ interface IProps extends Omit<IDefault, 'name'> {
     disabled?: boolean;
     onClick?: (event?: MouseEvent) => void;
 }
-declare const ListItem: FC<IProps>;
+declare const ListItem: FC<ListItemProps>;
 export default ListItem;

package/core/MaskField.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { IProps } from './TextField';
-interface IMaskProps {
+import { TextFieldProps } from './TextField';
+interface MaskFieldProps {
     mask?: string;
     type?: 'text' | 'tel' | 'password';
     decimalSeparator?: string;
@@ -8,9 +8,9 @@ interface IMaskProps {
     decimalScale?: number;
     thousandSeparator?: boolean | string;
     fixedDecimalScale?: boolean;
-    customInput?: React.ComponentType<IProps>;
+    customInput?: React.ComponentType<TextFieldProps>;
 }
-declare class MaskField extends Component<IProps & IMaskProps> {
+declare class MaskField extends Component<TextFieldProps & MaskFieldProps> {
     render(): JSX.Element;
 }
 export default MaskField;

package/core/Menu.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-import { MenuProps } from '@material-ui/core/Menu';
-interface IProps extends IDefault, MenuProps {
+import { DefaultProps } from './types';
+import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
+interface MenuProps extends DefaultProps, MuiMenuProps {
     open: boolean;
     anchorEl?: HTMLElement;
     withWrapper?: boolean;
 }
-declare const Menu: FC<IProps>;
+declare const Menu: FC<MenuProps>;
 export default Menu;

package/core/Node.d.ts

@@ -1,12 +1,12 @@
 import { Component } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface NodeProps extends DefaultProps {
     name: string;
 }
 interface IState {
     open: boolean;
 }
-declare class Node extends Component<IProps, IState> {
+declare class Node extends Component<NodeProps, IState> {
     constructor(props: any);
     handleToggleOpen(): void;
     renderDropdownIcon(): JSX.Element;

package/core/Pagination.d.ts

@@ -1,13 +1,13 @@
 import { Component } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface PaginationProps extends DefaultProps {
     pages?: number;
     active: number;
     onNext: () => {};
     onPrevious: () => {};
     onNavigate: (page: any) => {};
 }
-declare class Pagination extends Component<IProps, {}> {
+declare class Pagination extends Component<PaginationProps, {}> {
     render(): JSX.Element;
 }
 export default Pagination;

package/core/Paper.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
-export interface IProps extends IDefault {
+import type { DefaultProps } from './types';
+export interface PaperProps extends DefaultProps {
     square?: boolean;
     elevation?: number;
 }
-declare const Paper: FC<IProps>;
+declare const Paper: FC<PaperProps>;
 export default Paper;

package/core/Progress.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { IDefault } from './Advertise';
+import { DefaultProps } from './types';
 interface ILinear {
     color?: 'primary' | 'secondary';
     valueBuffer?: number;
@@ -16,9 +16,9 @@ interface ICircular {
     color?: 'primary' | 'secondary' | 'inherit';
     variant?: 'determinate' | 'indeterminate' | 'static';
 }
-interface IProps extends IDefault {
+interface ProgressProps extends DefaultProps {
     value?: number;
     linear?: boolean;
 }
-declare const Progress: FC<IProps & ICircular & ILinear>;
+declare const Progress: FC<ProgressProps & ICircular & ILinear>;
 export default Progress;

package/core/Radio.d.ts

@@ -1,11 +1,11 @@
 import { ChangeEvent, FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface RadioProps extends DefaultProps {
     checked?: boolean;
     color?: 'primary' | 'secondary' | 'default';
     value?: string;
     disabled?: boolean;
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
 }
-declare const Radio: FC<IProps>;
+declare const Radio: FC<RadioProps>;
 export default Radio;

package/core/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, FC, ReactNode } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface RadioGroupProps extends DefaultProps {
     row?: boolean;
     title?: ReactNode;
     name: string;
@@ -8,12 +8,12 @@ interface IProps extends IDefault {
     disabled?: boolean;
     spacing?: 'default' | 'equal';
     options?: IOption[];
-    onChange?: (event: ChangeEvent<HTMLElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }
 interface IOption {
     value: string;
     label?: ReactNode;
     disabled?: boolean;
 }
-declare const RadioGroup: FC<IProps>;
+declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/core/Select.d.ts

@@ -1,12 +1,14 @@
 import { ChangeEvent, FC } from 'react';
-import { IDefault } from './Advertise';
-interface IProps extends IDefault {
+import { DefaultProps } from './types';
+interface SelectProps extends DefaultProps {
     autoWidth?: boolean;
     value?: string | number;
     multiple?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
+    hasClear?: boolean;
+    onClear?: () => void;
     onClose?: () => void;
     onChange?: (event: ChangeEvent<HTMLSelectElement | HTMLInputElement>) => void;
 }
-declare const Select: FC<IProps>;
+declare const Select: FC<SelectProps>;
 export default Select;