flipper-ui 0.25.17 → 0.26.1

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 (133) hide show
  1. package/colors.js +3 -2
  2. package/core/Advertise.js +13 -36
  3. package/core/AutoComplete.js +12 -53
  4. package/core/Avatar.js +4 -12
  5. package/core/Badge.js +10 -21
  6. package/core/Box.js +11 -20
  7. package/core/Breadcrumb.js +0 -3
  8. package/core/Button.js +11 -32
  9. package/core/Card.js +27 -46
  10. package/core/Chapter.js +12 -47
  11. package/core/Checkbox.js +8 -27
  12. package/core/Chip.js +8 -19
  13. package/core/ChipField.js +5 -22
  14. package/core/Collapse.js +8 -17
  15. package/core/Container.js +10 -30
  16. package/core/Content.js +10 -30
  17. package/core/DataTable/DataTable.js +35 -72
  18. package/core/DataTable/DataTableAction.js +4 -9
  19. package/core/DataTable/DataTablePaginationActions.js +6 -20
  20. package/core/DataTable/DataTableQueryPaginated.js +32 -65
  21. package/core/DataTable/Rows.js +23 -56
  22. package/core/DataTable/index.js +4 -9
  23. package/core/DataTable/types.js +0 -2
  24. package/core/DataTable/usePaginated.js +10 -30
  25. package/core/DataTable/useRowsState.js +12 -37
  26. package/core/DateTime.js +22 -38
  27. package/core/Dialog.js +30 -97
  28. package/core/Divider.js +7 -16
  29. package/core/Drawer.js +9 -20
  30. package/core/EditableTable.js +26 -140
  31. package/core/ExpansionPanel.js +19 -47
  32. package/core/Fab.js +9 -18
  33. package/core/Fade.js +8 -17
  34. package/core/Grow.js +8 -17
  35. package/core/Header.js +10 -20
  36. package/core/IconButton.js +7 -16
  37. package/core/InputAdornment.js +2 -7
  38. package/core/InputBase.js +9 -18
  39. package/core/Line.js +8 -29
  40. package/core/Link.js +0 -3
  41. package/core/List.js +12 -24
  42. package/core/ListItem.js +7 -24
  43. package/core/MaskField.js +7 -23
  44. package/core/Menu.js +9 -18
  45. package/core/Node.js +13 -56
  46. package/core/Pagination.js +15 -49
  47. package/core/Paper.js +8 -17
  48. package/core/PinInput.js +18 -66
  49. package/core/Progress.js +8 -18
  50. package/core/Radio.js +6 -15
  51. package/core/RadioGroup.js +16 -29
  52. package/core/Select.js +12 -27
  53. package/core/Sidebar.js +32 -60
  54. package/core/Slide.js +10 -19
  55. package/core/Slider.js +8 -17
  56. package/core/Snackbar.js +21 -43
  57. package/core/Stepper.js +16 -38
  58. package/core/StylesProvider.js +0 -2
  59. package/core/Tab.js +12 -30
  60. package/core/Table.js +8 -18
  61. package/core/TableBody.js +7 -16
  62. package/core/TableCell.js +14 -27
  63. package/core/TableHead.js +16 -30
  64. package/core/TableRow.js +8 -18
  65. package/core/Tabs.js +14 -23
  66. package/core/TextField.js +28 -84
  67. package/core/ThemeProvider.js +2 -7
  68. package/core/Tooltip.js +9 -18
  69. package/core/Tree.js +6 -21
  70. package/core/Typography.js +10 -19
  71. package/core/Zoom.js +8 -17
  72. package/core/types.js +5 -1
  73. package/icons/index.js +0 -2
  74. package/index.js +30 -92
  75. package/lab/Autocomplete.js +17 -27
  76. package/lab/index.js +0 -2
  77. package/lib/localization.js +0 -4
  78. package/package.json +25 -14
  79. package/stories/Advertise.stories.js +1 -7
  80. package/stories/AutoComplete.stories.js +1 -15
  81. package/stories/AutoCompleteLab.stories.js +1 -10
  82. package/stories/Avatar.stories.js +1 -7
  83. package/stories/Badge.stories.js +1 -8
  84. package/stories/Box.stories.js +1 -7
  85. package/stories/Breadcrumb.stories.js +1 -8
  86. package/stories/Button.stories.js +3 -13
  87. package/stories/Card.stories.js +4 -10
  88. package/stories/Chapter.stories.js +1 -7
  89. package/stories/Checkbox.stories.js +1 -8
  90. package/stories/Chip.stories.js +3 -14
  91. package/stories/ChipField.stories.js +9 -20
  92. package/stories/Collapse.stories.js +10 -21
  93. package/stories/Container.stories.js +1 -7
  94. package/stories/Content.stories.js +1 -7
  95. package/stories/DataTable.stories.js +67 -124
  96. package/stories/DataTableQueryPaginated.stories.js +43 -108
  97. package/stories/Dialog.stories.js +13 -29
  98. package/stories/Divider.stories.js +1 -13
  99. package/stories/Drawer.stories.js +7 -19
  100. package/stories/EditTable.stories.js +1 -10
  101. package/stories/ExpansionPanel.stories.js +1 -10
  102. package/stories/Fab.stories.js +1 -7
  103. package/stories/Fade.stories.js +10 -20
  104. package/stories/Grow.stories.js +10 -20
  105. package/stories/Header.stories.js +1 -7
  106. package/stories/IconButton.stories.js +1 -8
  107. package/stories/InputAdornment.stories.js +1 -7
  108. package/stories/InputBase.stories.js +1 -7
  109. package/stories/Line.stories.js +1 -7
  110. package/stories/List.stories.js +1 -10
  111. package/stories/MaskField.stories.js +1 -9
  112. package/stories/Menu.stories.js +7 -19
  113. package/stories/Node.stories.js +1 -7
  114. package/stories/Pagination.stories.js +1 -7
  115. package/stories/Paper.stories.js +3 -15
  116. package/stories/PinInput.stories.js +25 -73
  117. package/stories/Progress.stories.js +3 -12
  118. package/stories/Radio.stories.js +3 -12
  119. package/stories/RadioGroup.stories.js +7 -14
  120. package/stories/Select.stories.js +10 -24
  121. package/stories/Sidebar.stories.js +1 -10
  122. package/stories/Slide.stories.js +10 -21
  123. package/stories/Slider.stories.js +1 -8
  124. package/stories/Snackbar.stories.js +11 -22
  125. package/stories/Stepper.stories.js +1 -8
  126. package/stories/Table.stories.js +1 -11
  127. package/stories/Tabs.stories.js +1 -8
  128. package/stories/TextField.stories.js +10 -26
  129. package/stories/Tooltip.stories.js +1 -10
  130. package/stories/Tree.stories.js +1 -7
  131. package/stories/Typography.stories.js +1 -7
  132. package/stories/Zooms.stories.js +10 -20
  133. package/tests/CheckBox.test.js +8 -17
package/core/Dialog.js CHANGED
@@ -1,117 +1,58 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
15
-
16
11
  var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
17
-
18
12
  var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
19
-
20
13
  var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
21
-
22
14
  var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
23
-
24
15
  var _react = _interopRequireDefault(require("react"));
25
-
26
16
  var _styles = require("@material-ui/core/styles");
27
-
28
17
  var _styledComponents = _interopRequireDefault(require("styled-components"));
29
-
30
- 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; }
31
-
32
- 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; }
33
-
34
- function _templateObject4() {
35
- var data = (0, _taggedTemplateLiteral2["default"])(["\n position: relative;\n height: inherit;\n display: flex;\n"]);
36
-
37
- _templateObject4 = function _templateObject4() {
38
- return data;
39
- };
40
-
41
- return data;
42
- }
43
-
44
- function _templateObject3() {
45
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n"]);
46
-
47
- _templateObject3 = function _templateObject3() {
48
- return data;
49
- };
50
-
51
- return data;
52
- }
53
-
54
- function _templateObject2() {
55
- var data = (0, _taggedTemplateLiteral2["default"])(["\n padding: 16px 24px;\n align-items: center;\n display: flex;\n"]);
56
-
57
- _templateObject2 = function _templateObject2() {
58
- return data;
59
- };
60
-
61
- return data;
62
- }
63
-
64
- function _templateObject() {
65
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n"]);
66
-
67
- _templateObject = function _templateObject() {
68
- return data;
69
- };
70
-
71
- return data;
72
- }
73
-
74
- var TitleWrapper = _styledComponents["default"].div(_templateObject());
75
-
76
- var TitleAction = _styledComponents["default"].div(_templateObject2());
77
-
78
- var Snippet = _styledComponents["default"].div(_templateObject3());
79
-
80
- var SnippetContent = _styledComponents["default"].div(_templateObject4());
81
-
18
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
19
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+ var TitleWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n"])));
22
+ var TitleAction = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n padding: 16px 24px;\n align-items: center;\n display: flex;\n"])));
23
+ var Snippet = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n"])));
24
+ var SnippetContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n position: relative;\n height: inherit;\n display: flex;\n"])));
82
25
  var useStyles = (0, _styles.makeStyles)({
83
26
  root: {
84
27
  overflowY: 'unset'
85
28
  }
86
29
  });
87
-
88
30
  var Dialog = function Dialog(_ref) {
89
31
  var snippet = _ref.snippet,
90
- style = _ref.style,
91
- padding = _ref.padding,
92
- margin = _ref.margin,
93
- scroll = _ref.scroll,
94
- PaperProps = _ref.PaperProps,
95
- open = _ref.open,
96
- fullScreen = _ref.fullScreen,
97
- fullWidth = _ref.fullWidth,
98
- maxWidth = _ref.maxWidth,
99
- onClose = _ref.onClose,
100
- titleAction = _ref.titleAction,
101
- titleWrapperStyle = _ref.titleWrapperStyle,
102
- titleStyle = _ref.titleStyle,
103
- titleActionStyle = _ref.titleActionStyle,
104
- contentStyle = _ref.contentStyle,
105
- contentTextStyle = _ref.contentTextStyle,
106
- actionsStyle = _ref.actionsStyle,
107
- actions = _ref.actions,
108
- content = _ref.content,
109
- text = _ref.text,
110
- title = _ref.title,
111
- snippetStyle = _ref.snippetStyle,
112
- snippetContentStyle = _ref.snippetContentStyle;
32
+ style = _ref.style,
33
+ padding = _ref.padding,
34
+ margin = _ref.margin,
35
+ scroll = _ref.scroll,
36
+ PaperProps = _ref.PaperProps,
37
+ open = _ref.open,
38
+ fullScreen = _ref.fullScreen,
39
+ fullWidth = _ref.fullWidth,
40
+ maxWidth = _ref.maxWidth,
41
+ onClose = _ref.onClose,
42
+ titleAction = _ref.titleAction,
43
+ titleWrapperStyle = _ref.titleWrapperStyle,
44
+ titleStyle = _ref.titleStyle,
45
+ titleActionStyle = _ref.titleActionStyle,
46
+ contentStyle = _ref.contentStyle,
47
+ contentTextStyle = _ref.contentTextStyle,
48
+ actionsStyle = _ref.actionsStyle,
49
+ actions = _ref.actions,
50
+ content = _ref.content,
51
+ text = _ref.text,
52
+ title = _ref.title,
53
+ snippetStyle = _ref.snippetStyle,
54
+ snippetContentStyle = _ref.snippetContentStyle;
113
55
  var classes = useStyles();
114
-
115
56
  var renderTitle = function renderTitle(title) {
116
57
  return titleAction ? /*#__PURE__*/_react["default"].createElement(TitleWrapper, {
117
58
  style: titleWrapperStyle
@@ -125,7 +66,6 @@ var Dialog = function Dialog(_ref) {
125
66
  style: titleStyle
126
67
  }, title);
127
68
  };
128
-
129
69
  var renderContent = function renderContent(content) {
130
70
  return /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
131
71
  classes: scroll === 'unset-paper' || scroll === 'unset-body' ? {
@@ -134,25 +74,20 @@ var Dialog = function Dialog(_ref) {
134
74
  style: contentStyle
135
75
  }, content);
136
76
  };
137
-
138
77
  var renderText = function renderText(text) {
139
78
  var content = /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
140
79
  style: contentTextStyle
141
80
  }, text);
142
-
143
81
  return renderContent(content);
144
82
  };
145
-
146
83
  var renderActions = function renderActions(actions) {
147
84
  return /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], {
148
85
  style: actionsStyle
149
86
  }, actions);
150
87
  };
151
-
152
88
  var renderPaperContent = function renderPaperContent() {
153
89
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, title && renderTitle(title), text ? renderText(text) : renderContent(content), actions && renderActions(actions));
154
90
  };
155
-
156
91
  var renderSnippet = function renderSnippet() {
157
92
  return /*#__PURE__*/_react["default"].createElement(Snippet, {
158
93
  style: snippetStyle
@@ -160,7 +95,6 @@ var Dialog = function Dialog(_ref) {
160
95
  style: snippetContentStyle
161
96
  }, snippet));
162
97
  };
163
-
164
98
  var scrollMode = scroll === 'unset-body' ? 'body' : scroll === 'unset-paper' ? 'paper' : scroll;
165
99
  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
166
100
  open: open,
@@ -180,6 +114,5 @@ var Dialog = function Dialog(_ref) {
180
114
  onClose: onClose
181
115
  }, snippet ? renderSnippet() : renderPaperContent());
182
116
  };
183
-
184
117
  var _default = Dialog;
185
118
  exports["default"] = _default;
package/core/Divider.js CHANGED
@@ -1,32 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
17
-
18
12
  var _react = _interopRequireDefault(require("react"));
19
-
20
- 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; }
21
-
22
- 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; }
23
-
13
+ var _excluded = ["margin", "padding", "style"];
14
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24
16
  var Divider = function Divider(_ref) {
25
17
  var margin = _ref.margin,
26
- padding = _ref.padding,
27
- _ref$style = _ref.style,
28
- style = _ref$style === void 0 ? {} : _ref$style,
29
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["margin", "padding", "style"]);
18
+ padding = _ref.padding,
19
+ _ref$style = _ref.style,
20
+ style = _ref$style === void 0 ? {} : _ref$style,
21
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
22
  return /*#__PURE__*/_react["default"].createElement(_Divider["default"], (0, _extends2["default"])({}, otherProps, {
31
23
  style: _objectSpread({
32
24
  margin: margin,
@@ -34,6 +26,5 @@ var Divider = function Divider(_ref) {
34
26
  }, style)
35
27
  }));
36
28
  };
37
-
38
29
  var _default = Divider;
39
30
  exports["default"] = _default;
package/core/Drawer.js CHANGED
@@ -1,28 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
17
-
18
12
  var _react = _interopRequireDefault(require("react"));
19
-
20
13
  var _styles = require("@material-ui/core/styles");
21
-
22
- 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
-
24
- 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
-
14
+ var _excluded = ["style", "margin", "padding", "top", "width"];
15
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26
17
  var getStyles = function getStyles(top, width) {
27
18
  return (0, _styles.makeStyles)(function () {
28
19
  return (0, _styles.createStyles)({
@@ -38,15 +29,14 @@ var getStyles = function getStyles(top, width) {
38
29
  });
39
30
  });
40
31
  };
41
-
42
32
  var Drawer = function Drawer(props) {
43
33
  var style = props.style,
44
- margin = props.margin,
45
- padding = props.padding,
46
- _props$top = props.top,
47
- top = _props$top === void 0 ? 0 : _props$top,
48
- width = props.width,
49
- otherProps = (0, _objectWithoutProperties2["default"])(props, ["style", "margin", "padding", "top", "width"]);
34
+ margin = props.margin,
35
+ padding = props.padding,
36
+ _props$top = props.top,
37
+ top = _props$top === void 0 ? 0 : _props$top,
38
+ width = props.width,
39
+ otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
50
40
  var useStyles = getStyles(top, width);
51
41
  var classes = useStyles();
52
42
  return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], (0, _extends2["default"])({}, otherProps, {
@@ -60,6 +50,5 @@ var Drawer = function Drawer(props) {
60
50
  }, style)
61
51
  }), props.children);
62
52
  };
63
-
64
53
  var _default = Drawer;
65
54
  exports["default"] = _default;