flipper-ui 0.24.12 → 0.25.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/core/Advertise.d.ts +4 -11
  2. package/core/AutoComplete.d.ts +3 -3
  3. package/core/Avatar.d.ts +3 -3
  4. package/core/Badge.d.ts +4 -4
  5. package/core/Box.d.ts +3 -3
  6. package/core/Button.d.ts +3 -3
  7. package/core/Card.d.ts +7 -7
  8. package/core/Checkbox.d.ts +3 -3
  9. package/core/Chip.d.ts +3 -3
  10. package/core/ChipField.d.ts +2 -2
  11. package/core/Collapse.d.ts +3 -3
  12. package/core/Container.d.ts +2 -2
  13. package/core/Content.d.ts +2 -2
  14. package/core/DataTable/DataTable.d.ts +61 -0
  15. package/core/DataTable/DataTable.js +254 -0
  16. package/core/DataTable/DataTableAction.d.ts +8 -0
  17. package/core/DataTable/DataTableAction.js +28 -0
  18. package/core/DataTable/DataTablePaginationActions.d.ts +13 -0
  19. package/core/DataTable/DataTablePaginationActions.js +76 -0
  20. package/core/DataTable/Rows.d.ts +17 -0
  21. package/core/DataTable/Rows.js +198 -0
  22. package/core/DataTable/index.d.ts +6 -0
  23. package/core/DataTable/index.js +31 -0
  24. package/core/DataTable/types.d.ts +103 -0
  25. package/core/DataTable/types.js +15 -0
  26. package/core/DataTable/useRowsState.d.ts +8 -0
  27. package/core/DataTable/useRowsState.js +153 -0
  28. package/core/DateTime.d.ts +3 -3
  29. package/core/Dialog.d.ts +3 -3
  30. package/core/Divider.d.ts +3 -3
  31. package/core/Drawer.d.ts +4 -4
  32. package/core/EditableTable.d.ts +2 -2
  33. package/core/EditableTable.js +8 -10
  34. package/core/ExpansionPanel.d.ts +3 -3
  35. package/core/Fab.d.ts +3 -3
  36. package/core/Fade.d.ts +3 -3
  37. package/core/Grow.d.ts +3 -3
  38. package/core/Header.d.ts +3 -3
  39. package/core/IconButton.d.ts +3 -3
  40. package/core/InputAdornment.d.ts +3 -3
  41. package/core/InputBase.d.ts +3 -3
  42. package/core/Line.d.ts +3 -3
  43. package/core/List.d.ts +3 -3
  44. package/core/ListItem.d.ts +3 -3
  45. package/core/MaskField.d.ts +4 -4
  46. package/core/Menu.d.ts +4 -4
  47. package/core/Node.d.ts +3 -3
  48. package/core/Pagination.d.ts +3 -3
  49. package/core/Paper.d.ts +3 -3
  50. package/core/Progress.d.ts +3 -3
  51. package/core/Radio.d.ts +3 -3
  52. package/core/RadioGroup.d.ts +4 -4
  53. package/core/Select.d.ts +5 -3
  54. package/core/Select.js +42 -13
  55. package/core/Sidebar.d.ts +5 -5
  56. package/core/Sidebar.js +2 -1
  57. package/core/Slide.d.ts +3 -3
  58. package/core/Slider.d.ts +3 -3
  59. package/core/Snackbar.d.ts +3 -3
  60. package/core/Stepper.d.ts +3 -3
  61. package/core/Tab.d.ts +3 -3
  62. package/core/Table.d.ts +5 -5
  63. package/core/TableBody.d.ts +2 -2
  64. package/core/TableCell.d.ts +5 -5
  65. package/core/TableHead.d.ts +3 -3
  66. package/core/TableRow.d.ts +4 -4
  67. package/core/Tabs.d.ts +3 -3
  68. package/core/TextField.d.ts +8 -6
  69. package/core/TextField.js +62 -15
  70. package/core/ThemeProvider.d.ts +2 -2
  71. package/core/Tooltip.d.ts +3 -3
  72. package/core/Tree.d.ts +2 -2
  73. package/core/Typography.d.ts +2 -2
  74. package/core/Zoom.d.ts +3 -3
  75. package/core/types.d.ts +9 -0
  76. package/core/types.js +1 -0
  77. package/package.json +84 -79
  78. package/stories/Advertise.stories.js +31 -0
  79. package/stories/AutoComplete.stories.js +133 -0
  80. package/stories/AutoCompleteLab.stories.js +64 -0
  81. package/stories/Avatar.stories.js +44 -0
  82. package/stories/Badge.stories.js +63 -0
  83. package/stories/Box.stories.js +29 -0
  84. package/stories/Breadcrumb.stories.js +41 -0
  85. package/stories/Button.stories.js +132 -0
  86. package/stories/Card.stories.js +43 -0
  87. package/stories/Checkbox.stories.js +98 -0
  88. package/stories/Chip.stories.js +72 -0
  89. package/stories/ChipField.stories.js +60 -0
  90. package/stories/Collapse.stories.js +70 -0
  91. package/stories/Container.stories.js +24 -0
  92. package/stories/Content.stories.js +28 -0
  93. package/stories/DataTable.stories.js +737 -0
  94. package/stories/Dialog.stories.js +82 -0
  95. package/stories/Divider.stories.js +46 -0
  96. package/stories/Drawer.stories.js +55 -0
  97. package/stories/EditTable.stories.js +149 -0
  98. package/stories/ExpansionPanel.stories.js +54 -0
  99. package/stories/Fab.stories.js +28 -0
  100. package/stories/Fade.stories.js +54 -0
  101. package/stories/Grow.stories.js +63 -0
  102. package/stories/Header.stories.js +41 -0
  103. package/stories/IconButton.stories.js +48 -0
  104. package/stories/InputAdornment.stories.js +28 -0
  105. package/stories/InputBase.stories.js +54 -0
  106. package/stories/Line.stories.js +35 -0
  107. package/stories/List.stories.js +112 -0
  108. package/stories/MaskField.stories.js +58 -0
  109. package/stories/Menu.stories.js +82 -0
  110. package/stories/Node.stories.js +39 -0
  111. package/stories/Pagination.stories.js +39 -0
  112. package/stories/Paper.stories.js +65 -0
  113. package/stories/Progress.stories.js +86 -0
  114. package/stories/Radio.stories.js +52 -0
  115. package/stories/RadioGroup.stories.js +47 -0
  116. package/stories/Select.stories.js +100 -0
  117. package/stories/Sidebar.stories.js +43 -0
  118. package/stories/Slide.stories.js +62 -0
  119. package/stories/Slider.stories.js +69 -0
  120. package/stories/Snackbar.stories.js +102 -0
  121. package/stories/Stepper.stories.js +43 -0
  122. package/stories/Table.stories.js +32 -0
  123. package/stories/Tabs.stories.js +37 -0
  124. package/stories/TextField.stories.js +151 -0
  125. package/stories/Tooltip.stories.js +129 -0
  126. package/stories/Tree.stories.js +45 -0
  127. package/stories/Typography.stories.js +130 -0
  128. package/stories/Zooms.stories.js +54 -0
  129. package/docz/Wrapper.js +0 -20
@@ -1,6 +1,6 @@
1
1
  import React, { ReactNode, FC } from 'react';
2
- import { IProps as IPaper } from './Paper';
3
- interface IProps extends IPaper {
2
+ import { PaperProps } from './Paper';
3
+ interface ExpansionPanelProps extends PaperProps {
4
4
  actions?: ReactNode;
5
5
  defaultExpanded?: boolean;
6
6
  details?: ReactNode;
@@ -16,5 +16,5 @@ interface IProps extends IPaper {
16
16
  onHelperClick?: () => void;
17
17
  onChange?: (event?: any, expanded?: any) => void;
18
18
  }
19
- declare const ExpansionPanel: FC<IProps>;
19
+ declare const ExpansionPanel: FC<ExpansionPanelProps>;
20
20
  export default ExpansionPanel;
package/core/Fab.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { MouseEvent } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface FabProps extends DefaultProps {
4
4
  disabled?: boolean;
5
5
  component?: string;
6
6
  color?: 'default' | 'primary' | 'inherit' | 'secondary';
@@ -10,5 +10,5 @@ interface IProps extends IDefault {
10
10
  onClick?: (event?: MouseEvent<HTMLElement>) => void;
11
11
  children: React.ReactElement<{}>;
12
12
  }
13
- declare const Fab: ({ children, margin, padding, style, variant, ...otherProps }: IProps) => JSX.Element;
13
+ declare const Fab: ({ children, margin, padding, style, variant, ...otherProps }: FabProps) => JSX.Element;
14
14
  export default Fab;
package/core/Fade.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface FadeProps extends DefaultProps {
4
4
  in: boolean;
5
5
  timeout?: number | {
6
6
  enter?: number;
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
8
8
  };
9
9
  children?: React.ReactElement<{}>;
10
10
  }
11
- declare const Fade: ({ children, padding, margin, style, ...otherProps }: IProps) => JSX.Element;
11
+ declare const Fade: ({ children, padding, margin, style, ...otherProps }: FadeProps) => JSX.Element;
12
12
  export default Fade;
package/core/Grow.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface GrowProps extends DefaultProps {
4
4
  in: boolean;
5
5
  timeout?: number | {
6
6
  enter?: number;
@@ -8,5 +8,5 @@ interface IProps extends IDefault {
8
8
  } | 'auto';
9
9
  children?: React.ReactElement<{}>;
10
10
  }
11
- declare const Grow: ({ children, padding, margin, style, ...otherProps }: IProps) => JSX.Element;
11
+ declare const Grow: ({ children, padding, margin, style, ...otherProps }: GrowProps) => JSX.Element;
12
12
  export default Grow;
package/core/Header.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { FC } from 'react';
2
- import { IProps as IPaper } from './Paper';
3
- interface IProps extends IPaper {
2
+ import { PaperProps } from './Paper';
3
+ interface HeaderProps extends PaperProps {
4
4
  position?: 'absolute' | 'fixed' | 'static' | 'sticky';
5
5
  color?: 'default' | 'inherit' | 'primary' | 'secondary';
6
6
  }
7
- declare const Header: FC<IProps>;
7
+ declare const Header: FC<HeaderProps>;
8
8
  export default Header;
@@ -1,9 +1,9 @@
1
1
  import { FC, MouseEvent } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface IconButtonProps extends DefaultProps {
4
4
  color?: 'default' | 'inherit' | 'primary' | 'secondary';
5
5
  disabled?: boolean;
6
6
  onClick?(event: MouseEvent<HTMLButtonElement>): void;
7
7
  }
8
- declare const IconButton: FC<IProps>;
8
+ declare const IconButton: FC<IconButtonProps>;
9
9
  export default IconButton;
@@ -1,7 +1,7 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- export interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ export interface InputAdornmentProps extends DefaultProps {
4
4
  position: 'start' | 'end';
5
5
  }
6
- declare const InputAdornment: FC<IProps>;
6
+ declare const InputAdornment: FC<InputAdornmentProps>;
7
7
  export default InputAdornment;
@@ -1,6 +1,6 @@
1
1
  import { ChangeEvent, ReactNode, FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- export interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ export interface InputAdornmentProps extends DefaultProps {
4
4
  autoComplete?: string;
5
5
  autoFocus?: boolean;
6
6
  classes?: object;
@@ -22,5 +22,5 @@ export interface IProps extends IDefault {
22
22
  type?: string;
23
23
  value?: string | number | boolean;
24
24
  }
25
- declare const InputAdornment: FC<IProps>;
25
+ declare const InputAdornment: FC<InputAdornmentProps>;
26
26
  export default InputAdornment;
package/core/Line.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface LineProps extends DefaultProps {
4
4
  primary?: boolean;
5
5
  width?: string;
6
6
  }
7
- declare const Line: FC<IProps>;
7
+ declare const Line: FC<LineProps>;
8
8
  export default Line;
package/core/List.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface ListProps extends DefaultProps {
4
4
  title?: string;
5
5
  dense?: boolean;
6
6
  color?: 'primary' | 'secondary' | 'default' | 'inherit';
7
7
  }
8
- declare const List: FC<IProps>;
8
+ declare const List: FC<ListProps>;
9
9
  export default List;
@@ -1,7 +1,7 @@
1
1
  import { MouseEvent, FC } from 'react';
2
- import { IDefault } from './Advertise';
2
+ import { DefaultProps } from './types';
3
3
  import { Omit } from 'ramda';
4
- interface IProps extends Omit<IDefault, 'name'> {
4
+ interface ListItemProps extends Omit<DefaultProps, 'name'> {
5
5
  avatar?: JSX.Element;
6
6
  icon?: JSX.Element;
7
7
  action?: JSX.Element;
@@ -12,5 +12,5 @@ interface IProps extends Omit<IDefault, 'name'> {
12
12
  disabled?: boolean;
13
13
  onClick?: (event?: MouseEvent) => void;
14
14
  }
15
- declare const ListItem: FC<IProps>;
15
+ declare const ListItem: FC<ListItemProps>;
16
16
  export default ListItem;
@@ -1,6 +1,6 @@
1
1
  import React, { Component } from 'react';
2
- import { IProps } from './TextField';
3
- interface IMaskProps {
2
+ import { TextFieldProps } from './TextField';
3
+ interface MaskFieldProps {
4
4
  mask?: string;
5
5
  type?: 'text' | 'tel' | 'password';
6
6
  decimalSeparator?: string;
@@ -8,9 +8,9 @@ interface IMaskProps {
8
8
  decimalScale?: number;
9
9
  thousandSeparator?: boolean | string;
10
10
  fixedDecimalScale?: boolean;
11
- customInput?: React.ComponentType<IProps>;
11
+ customInput?: React.ComponentType<TextFieldProps>;
12
12
  }
13
- declare class MaskField extends Component<IProps & IMaskProps> {
13
+ declare class MaskField extends Component<TextFieldProps & MaskFieldProps> {
14
14
  render(): JSX.Element;
15
15
  }
16
16
  export default MaskField;
package/core/Menu.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- import { MenuProps } from '@material-ui/core/Menu';
4
- interface IProps extends IDefault, MenuProps {
2
+ import { DefaultProps } from './types';
3
+ import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
4
+ interface MenuProps extends DefaultProps, MuiMenuProps {
5
5
  open: boolean;
6
6
  anchorEl?: HTMLElement;
7
7
  withWrapper?: boolean;
8
8
  }
9
- declare const Menu: FC<IProps>;
9
+ declare const Menu: FC<MenuProps>;
10
10
  export default Menu;
package/core/Node.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { Component } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface NodeProps extends DefaultProps {
4
4
  name: string;
5
5
  }
6
6
  interface IState {
7
7
  open: boolean;
8
8
  }
9
- declare class Node extends Component<IProps, IState> {
9
+ declare class Node extends Component<NodeProps, IState> {
10
10
  constructor(props: any);
11
11
  handleToggleOpen(): void;
12
12
  renderDropdownIcon(): JSX.Element;
@@ -1,13 +1,13 @@
1
1
  import { Component } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface PaginationProps extends DefaultProps {
4
4
  pages?: number;
5
5
  active: number;
6
6
  onNext: () => {};
7
7
  onPrevious: () => {};
8
8
  onNavigate: (page: any) => {};
9
9
  }
10
- declare class Pagination extends Component<IProps, {}> {
10
+ declare class Pagination extends Component<PaginationProps, {}> {
11
11
  render(): JSX.Element;
12
12
  }
13
13
  export default Pagination;
package/core/Paper.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- export interface IProps extends IDefault {
2
+ import type { DefaultProps } from './types';
3
+ export interface PaperProps extends DefaultProps {
4
4
  square?: boolean;
5
5
  elevation?: number;
6
6
  }
7
- declare const Paper: FC<IProps>;
7
+ declare const Paper: FC<PaperProps>;
8
8
  export default Paper;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
2
+ import { DefaultProps } from './types';
3
3
  interface ILinear {
4
4
  color?: 'primary' | 'secondary';
5
5
  valueBuffer?: number;
@@ -16,9 +16,9 @@ interface ICircular {
16
16
  color?: 'primary' | 'secondary' | 'inherit';
17
17
  variant?: 'determinate' | 'indeterminate' | 'static';
18
18
  }
19
- interface IProps extends IDefault {
19
+ interface ProgressProps extends DefaultProps {
20
20
  value?: number;
21
21
  linear?: boolean;
22
22
  }
23
- declare const Progress: FC<IProps & ICircular & ILinear>;
23
+ declare const Progress: FC<ProgressProps & ICircular & ILinear>;
24
24
  export default Progress;
package/core/Radio.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import { ChangeEvent, FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface RadioProps extends DefaultProps {
4
4
  checked?: boolean;
5
5
  color?: 'primary' | 'secondary' | 'default';
6
6
  value?: string;
7
7
  disabled?: boolean;
8
8
  onChange?: (event: ChangeEvent<HTMLElement>) => void;
9
9
  }
10
- declare const Radio: FC<IProps>;
10
+ declare const Radio: FC<RadioProps>;
11
11
  export default Radio;
@@ -1,6 +1,6 @@
1
1
  import { ChangeEvent, FC, ReactNode } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface RadioGroupProps extends DefaultProps {
4
4
  row?: boolean;
5
5
  title?: ReactNode;
6
6
  name: string;
@@ -8,12 +8,12 @@ interface IProps extends IDefault {
8
8
  disabled?: boolean;
9
9
  spacing?: 'default' | 'equal';
10
10
  options?: IOption[];
11
- onChange?: (event: ChangeEvent<HTMLElement>) => void;
11
+ onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
12
12
  }
13
13
  interface IOption {
14
14
  value: string;
15
15
  label?: ReactNode;
16
16
  disabled?: boolean;
17
17
  }
18
- declare const RadioGroup: FC<IProps>;
18
+ declare const RadioGroup: FC<RadioGroupProps>;
19
19
  export default RadioGroup;
package/core/Select.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  import { ChangeEvent, FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface SelectProps extends DefaultProps {
4
4
  autoWidth?: boolean;
5
5
  value?: string | number;
6
6
  multiple?: boolean;
7
7
  variant?: 'standard' | 'outlined' | 'filled';
8
+ hasClear?: boolean;
9
+ onClear?: () => void;
8
10
  onClose?: () => void;
9
11
  onChange?: (event: ChangeEvent<HTMLSelectElement | HTMLInputElement>) => void;
10
12
  }
11
- declare const Select: FC<IProps>;
13
+ declare const Select: FC<SelectProps>;
12
14
  export default Select;
package/core/Select.js CHANGED
@@ -13,26 +13,38 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
13
13
 
14
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
15
 
16
- var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
16
+ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
17
17
 
18
- var _react = _interopRequireDefault(require("react"));
18
+ var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
19
+
20
+ var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
19
21
 
20
22
  var _styles = require("@material-ui/core/styles");
21
23
 
24
+ var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
25
+
26
+ var _react = _interopRequireDefault(require("react"));
27
+
22
28
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
23
29
 
24
30
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
31
 
26
- var useStyles = (0, _styles.makeStyles)(function () {
27
- return {
28
- root: {
29
- padding: '10px 24px 10px 12px'
30
- },
31
- iconOutlined: {
32
- right: '2px'
32
+ var iconStyle = {
33
+ right: '2px'
34
+ };
35
+
36
+ var renderEndAdornment = function renderEndAdornment(onClear) {
37
+ return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
38
+ position: "end"
39
+ }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
40
+ onClick: onClear,
41
+ size: "small"
42
+ }, /*#__PURE__*/_react["default"].createElement(_Clear["default"], {
43
+ style: {
44
+ fontSize: '15px'
33
45
  }
34
- };
35
- });
46
+ })));
47
+ };
36
48
 
37
49
  var Select = function Select(_ref) {
38
50
  var children = _ref.children,
@@ -40,11 +52,28 @@ var Select = function Select(_ref) {
40
52
  style = _ref$style === void 0 ? {} : _ref$style,
41
53
  margin = _ref.margin,
42
54
  padding = _ref.padding,
55
+ hasClear = _ref.hasClear,
56
+ onClear = _ref.onClear,
43
57
  _ref$variant = _ref.variant,
44
58
  variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
45
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "style", "margin", "padding", "variant"]);
59
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "style", "margin", "padding", "hasClear", "onClear", "variant"]);
60
+ var useStyles = (0, _styles.makeStyles)(function () {
61
+ return {
62
+ root: {
63
+ padding: "10px 24px 10px ".concat(hasClear ? '20' : '12', "px")
64
+ },
65
+ iconOutlined: hasClear ? _objectSpread(_objectSpread({}, iconStyle), {}, {
66
+ position: 'relative',
67
+ marginLeft: '-20px'
68
+ }) : iconStyle
69
+ };
70
+ });
46
71
  var classes = useStyles();
47
- return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({
72
+ var hasValue = !!otherProps.value;
73
+ var endAdornment = hasValue && hasClear ? {
74
+ endAdornment: renderEndAdornment(onClear)
75
+ } : {};
76
+ return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({}, endAdornment, {
48
77
  variant: variant,
49
78
  classes: {
50
79
  root: classes.root,
package/core/Sidebar.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- import { IProps as IButtonProps } from './Button';
4
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ import { ButtonProps } from './Button';
4
+ interface SidebarProps extends DefaultProps {
5
5
  open: boolean;
6
6
  expanded?: boolean;
7
7
  showButton?: boolean;
@@ -14,8 +14,8 @@ interface IProps extends IDefault {
14
14
  top?: number | string;
15
15
  paperClasses?: object;
16
16
  name?: string;
17
- ButtonProps?: IButtonProps;
17
+ ButtonProps?: ButtonProps;
18
18
  onToggle: () => void;
19
19
  }
20
- declare const Sidebar: FC<IProps>;
20
+ declare const Sidebar: FC<SidebarProps>;
21
21
  export default Sidebar;
package/core/Sidebar.js CHANGED
@@ -115,7 +115,8 @@ var Sidebar = function Sidebar(_ref) {
115
115
  variant = _ref$variant === void 0 ? 'permanent' : _ref$variant,
116
116
  ButtonProps = _ref.ButtonProps,
117
117
  onToggle = _ref.onToggle,
118
- children = _ref.children;
118
+ children = _ref.children,
119
+ name = _ref.name;
119
120
  var classes = useStyles();
120
121
 
121
122
  var renderAction = function renderAction() {
package/core/Slide.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface SlideProps extends DefaultProps {
4
4
  in: boolean;
5
5
  direction: 'left' | 'right' | 'up' | 'down';
6
6
  timeout?: number | {
@@ -9,5 +9,5 @@ interface IProps extends IDefault {
9
9
  };
10
10
  children?: React.ReactElement<{}>;
11
11
  }
12
- declare const Slide: ({ children, direction, margin, padding, style, ...otherProps }: IProps) => JSX.Element;
12
+ declare const Slide: ({ children, direction, margin, padding, style, ...otherProps }: SlideProps) => JSX.Element;
13
13
  export default Slide;
package/core/Slider.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { SliderProps } from '@material-ui/core/Slider';
3
- import { IDefault } from './Advertise';
4
- interface IProps {
3
+ import { DefaultProps } from './types';
4
+ interface ISliderProps {
5
5
  defaultValue?: number | number[];
6
6
  }
7
- declare const Slider: FC<Omit<SliderProps, 'defaultValue'> & IDefault & IProps>;
7
+ declare const Slider: FC<Omit<SliderProps, 'defaultValue'> & DefaultProps & ISliderProps>;
8
8
  export default Slider;
@@ -1,7 +1,7 @@
1
1
  import { ReactNode, FC, FunctionComponent } from 'react';
2
- import { IDefault } from './Advertise';
2
+ import { DefaultProps } from './types';
3
3
  import { TransitionProps } from '@material-ui/core/transitions/transition';
4
- interface IProps extends IDefault {
4
+ interface SnackBarProps extends DefaultProps {
5
5
  autoHide?: number;
6
6
  message: ReactNode;
7
7
  open: boolean;
@@ -21,5 +21,5 @@ interface IProps extends IDefault {
21
21
  onClose?(): void;
22
22
  onClick?(): void;
23
23
  }
24
- declare const SnackBar: FC<IProps>;
24
+ declare const SnackBar: FC<SnackBarProps>;
25
25
  export default SnackBar;
package/core/Stepper.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Component } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface StepperProps extends DefaultProps {
4
4
  active?: number;
5
5
  steps: Array<string | TStep>;
6
6
  bottomLabel?: boolean;
@@ -10,7 +10,7 @@ declare type TStep = {
10
10
  label: JSX.Element | string;
11
11
  icon: JSX.Element | ((active?: boolean) => JSX.Element);
12
12
  };
13
- declare class Stepper extends Component<IProps, {}> {
13
+ declare class Stepper extends Component<StepperProps, {}> {
14
14
  static defaultProps: {
15
15
  active: number;
16
16
  };
package/core/Tab.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import { Component } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface TabProps extends DefaultProps {
4
4
  disabled?: boolean;
5
5
  icon?: string | JSX.Element;
6
6
  label?: string;
7
7
  value?: unknown;
8
8
  disableRipple?: boolean;
9
9
  }
10
- declare class Tab extends Component<IProps> {
10
+ declare class Tab extends Component<TabProps> {
11
11
  static defaultProps: {
12
12
  disabled: boolean;
13
13
  margin: string;
package/core/Table.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { TableProps } from '@material-ui/core/Table';
1
+ import { TableProps as MuiTableProps } from '@material-ui/core/Table';
2
2
  import { FC } from 'react';
3
- import { IDefault } from './Advertise';
4
- interface IProps extends IDefault {
5
- spacing?: TableProps['padding'];
3
+ import { DefaultProps } from './types';
4
+ interface TableProps extends DefaultProps {
5
+ spacing?: MuiTableProps['padding'];
6
6
  }
7
- declare const Table: FC<TableProps & IProps>;
7
+ declare const Table: FC<MuiTableProps & TableProps>;
8
8
  export default Table;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { IDefault } from './Advertise';
3
- declare const TableBody: FC<IDefault>;
2
+ import { DefaultProps } from './types';
3
+ declare const TableBody: FC<DefaultProps>;
4
4
  export default TableBody;
@@ -1,13 +1,13 @@
1
- import { TableCellProps } from '@material-ui/core/TableCell';
1
+ import { TableCellProps as MuiTableCellProps } from '@material-ui/core/TableCell';
2
2
  import { FC } from 'react';
3
- import { IDefault } from './Advertise';
3
+ import { DefaultProps } from './types';
4
4
  import { Omit } from 'ramda';
5
- interface IProps extends IDefault {
5
+ interface TableCellProps extends DefaultProps {
6
6
  numeric?: boolean;
7
7
  variant?: 'head' | 'body' | 'footer';
8
- spacing?: TableCellProps['padding'];
8
+ spacing?: MuiTableCellProps['padding'];
9
9
  padding?: number | string;
10
10
  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
11
11
  }
12
- declare const TableCell: FC<Omit<TableCellProps, 'padding'> & IProps>;
12
+ declare const TableCell: FC<Omit<MuiTableCellProps, 'padding'> & TableCellProps>;
13
13
  export default TableCell;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault, ISort {
2
+ import { DefaultProps } from './types';
3
+ interface TableHeadProps extends DefaultProps, ISort {
4
4
  color?: 'primary' | 'secondary' | 'default' | 'inherit';
5
5
  classes: {
6
6
  default: string;
@@ -19,5 +19,5 @@ interface ISort {
19
19
  onSort?(name: string): void;
20
20
  }
21
21
  export declare const SortContext: React.Context<ISort>;
22
- declare const _default: React.ComponentType<Pick<React.PropsWithChildren<IProps>, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
22
+ declare const _default: React.ComponentType<Pick<React.PropsWithChildren<TableHeadProps>, "children" | "style" | "padding" | "margin" | "className" | "name" | "id" | "color" | "active" | "direction" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "default" | "primary" | "secondary">>;
23
23
  export default _default;
@@ -1,11 +1,11 @@
1
- import { TableRowProps } from '@material-ui/core/TableRow';
1
+ import { TableRowProps as MuiTableRowProps } from '@material-ui/core/TableRow';
2
2
  import { FC, MouseEvent } from 'react';
3
- import { IDefault } from './Advertise';
4
- interface IProps extends IDefault {
3
+ import { DefaultProps } from './types';
4
+ interface TableRowProps extends DefaultProps {
5
5
  selected?: boolean;
6
6
  hover?: boolean;
7
7
  background?: string;
8
8
  onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;
9
9
  }
10
- declare const TableRow: FC<TableRowProps & IProps>;
10
+ declare const TableRow: FC<MuiTableRowProps & TableRowProps>;
11
11
  export default TableRow;
package/core/Tabs.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { FC, ReactNode } from 'react';
2
- import { IDefault } from './Advertise';
3
- interface IProps extends IDefault {
2
+ import { DefaultProps } from './types';
3
+ interface TabsProps extends DefaultProps {
4
4
  centered?: boolean;
5
5
  value: string | number;
6
6
  color?: 'default' | 'inherit' | 'primary' | 'secondary';
@@ -18,5 +18,5 @@ interface IClasses {
18
18
  indicator: string;
19
19
  };
20
20
  }
21
- declare const Tabs: FC<IProps & IClasses>;
21
+ declare const Tabs: FC<TabsProps & IClasses>;
22
22
  export default Tabs;