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/colors.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.GREY = exports.DARK = exports.success = exports.warning = exports.error = exports.text = exports.transparent = exports.black = exports.white = exports.silver = exports.background = exports.primary = void 0;
6
+ exports.white = exports.warning = exports.transparent = exports.text = exports.success = exports.silver = exports.primary = exports.error = exports.black = exports.background = exports.GREY = exports.DARK = void 0;
7
7
  var primary = {
8
8
  dark: '#00695C',
9
9
  light: '#B2DFDB',
@@ -37,8 +37,9 @@ var error = {
37
37
  exports.error = error;
38
38
  var warning = '#FFC107';
39
39
  exports.warning = warning;
40
- var success = '#4CAF50'; // Table gradient hover colors with opacity
40
+ var success = '#4CAF50';
41
41
 
42
+ // Table gradient hover colors with opacity
42
43
  exports.success = success;
43
44
  var DARK = 'rgba(189,189,189,0)';
44
45
  exports.DARK = DARK;
package/core/Advertise.js CHANGED
@@ -1,61 +1,39 @@
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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
-
18
12
  var _react = _interopRequireDefault(require("react"));
19
-
20
13
  var _colors = require("../colors");
21
-
22
14
  var _Paper = _interopRequireDefault(require("./Paper"));
23
-
24
15
  var _Typography = _interopRequireDefault(require("./Typography"));
25
-
26
16
  var _styledComponents = _interopRequireDefault(require("styled-components"));
27
-
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; }
29
-
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; }
31
-
32
- function _templateObject() {
33
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n"]);
34
-
35
- _templateObject = function _templateObject() {
36
- return data;
37
- };
38
-
39
- return data;
40
- }
41
-
17
+ var _excluded = ["comment", "author", "padding", "commentStyle", "authorStyle"];
18
+ var _templateObject;
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; }
42
21
  var styles = {
43
22
  border: {
44
23
  borderLeft: "1px solid ".concat(_colors.background.dark)
45
24
  }
46
25
  };
47
- var Paper = (0, _styledComponents["default"])(_Paper["default"])(_templateObject());
48
-
26
+ var Paper = (0, _styledComponents["default"])(_Paper["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n"])));
49
27
  var Advertise = function Advertise(_ref) {
50
28
  var comment = _ref.comment,
51
- author = _ref.author,
52
- _ref$padding = _ref.padding,
53
- padding = _ref$padding === void 0 ? 4 : _ref$padding,
54
- _ref$commentStyle = _ref.commentStyle,
55
- commentStyle = _ref$commentStyle === void 0 ? {} : _ref$commentStyle,
56
- _ref$authorStyle = _ref.authorStyle,
57
- authorStyle = _ref$authorStyle === void 0 ? {} : _ref$authorStyle,
58
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["comment", "author", "padding", "commentStyle", "authorStyle"]);
29
+ author = _ref.author,
30
+ _ref$padding = _ref.padding,
31
+ padding = _ref$padding === void 0 ? 4 : _ref$padding,
32
+ _ref$commentStyle = _ref.commentStyle,
33
+ commentStyle = _ref$commentStyle === void 0 ? {} : _ref$commentStyle,
34
+ _ref$authorStyle = _ref.authorStyle,
35
+ authorStyle = _ref$authorStyle === void 0 ? {} : _ref$authorStyle,
36
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
59
37
  return /*#__PURE__*/_react["default"].createElement(Paper, (0, _extends2["default"])({
60
38
  padding: padding
61
39
  }, otherProps), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -69,6 +47,5 @@ var Advertise = function Advertise(_ref) {
69
47
  style: _objectSpread(_objectSpread({}, styles.border), authorStyle)
70
48
  }, author));
71
49
  };
72
-
73
50
  var _default = Advertise;
74
51
  exports["default"] = _default;
@@ -1,59 +1,44 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
4
+ var _typeof3 = require("@babel/runtime/helpers/typeof");
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
11
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
17
-
18
12
  var _react = _interopRequireWildcard(require("react"));
19
-
20
13
  var _Paper = _interopRequireDefault(require("./Paper"));
21
-
22
14
  var _Fade = _interopRequireDefault(require("./Fade"));
23
-
24
- 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; }
25
-
26
- 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; }
27
-
15
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ 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; }
18
+ 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; }
28
19
  var removeAccents = function removeAccents(text) {
29
20
  return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
30
21
  };
31
-
32
22
  var AutoComplete = function AutoComplete(props) {
33
23
  var inputRef = (0, _react.useRef)(null);
34
24
  var index = props.suggestions.findIndex(function (suggestion) {
35
25
  if (props.value && (0, _typeof2["default"])(props.value) === 'object') {
36
26
  return props.value.value === suggestion.value;
37
27
  }
38
-
39
28
  return false;
40
29
  });
41
-
42
30
  var _useState = (0, _react.useState)(Math.max(0, index)),
43
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
44
- highlighted = _useState2[0],
45
- setHighlighted = _useState2[1];
46
-
31
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
32
+ highlighted = _useState2[0],
33
+ setHighlighted = _useState2[1];
47
34
  var _useState3 = (0, _react.useState)(Boolean(props.defaultIsOpen)),
48
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
49
- open = _useState4[0],
50
- setOpen = _useState4[1];
51
-
35
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
36
+ open = _useState4[0],
37
+ setOpen = _useState4[1];
52
38
  (0, _react.useEffect)(function () {
53
39
  if (props.autoFocus) {
54
40
  if (inputRef.current) {
55
41
  inputRef.current.focus();
56
-
57
42
  if (props.openOnFocus) {
58
43
  setOpen(true);
59
44
  }
@@ -63,7 +48,6 @@ var AutoComplete = function AutoComplete(props) {
63
48
  if (inputRef.current) {
64
49
  inputRef.current.focus();
65
50
  }
66
-
67
51
  if (props.openOnFocus) {
68
52
  setOpen(true);
69
53
  }
@@ -71,58 +55,45 @@ var AutoComplete = function AutoComplete(props) {
71
55
  }
72
56
  }, []);
73
57
  var inputValue = (0, _typeof2["default"])(props.value) === 'object' ? props.value.label : props.value || '';
74
-
75
58
  var handleSelect = function handleSelect(item) {
76
59
  if ((0, _typeof2["default"])(item) === 'object' && item.subheader) {
77
60
  return;
78
61
  }
79
-
80
62
  setOpen(false);
81
63
  props.onChange(item);
82
64
  };
83
-
84
65
  var getSuggestions = function getSuggestions() {
85
66
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inputValue;
86
-
87
67
  if (props.openOnFocus && !value) {
88
68
  return props.suggestions;
89
69
  }
90
-
91
70
  var items = value ? props.suggestions : [];
92
71
  return items.filter(function (item) {
93
72
  if (!item.subheader) {
94
73
  return props.caseSensitive ? removeAccents(item.label).includes(removeAccents(value)) : removeAccents(item.label).toLocaleLowerCase().includes(removeAccents(value).toLocaleLowerCase());
95
74
  }
96
-
97
75
  return true;
98
76
  });
99
77
  };
100
-
101
78
  (0, _react.useEffect)(function () {
102
79
  var isFocused = inputRef && inputRef.current ? document.activeElement === inputRef.current : false;
103
80
  var isSearching = props.value && typeof props.value === 'string';
104
81
  var hasSuggestions = getSuggestions().length > 0;
105
-
106
82
  if (isSearching && hasSuggestions && isFocused) {
107
83
  setOpen(true);
108
84
  }
109
85
  }, [getSuggestions(), props.value]);
110
-
111
86
  var getPaperPosition = function getPaperPosition() {
112
87
  if (inputRef.current !== null) {
113
88
  var height = props.maxHeight || getSuggestions().length * 48;
114
-
115
89
  var _inputRef$current$get = inputRef.current.getBoundingClientRect(),
116
- top = _inputRef$current$get.top;
117
-
90
+ top = _inputRef$current$get.top;
118
91
  if (top + height > window.innerHeight) {
119
92
  return 'above';
120
93
  }
121
94
  }
122
-
123
95
  return 'below';
124
96
  };
125
-
126
97
  var getItemProps = function getItemProps(item) {
127
98
  return {
128
99
  onClick: function onClick(event) {
@@ -132,40 +103,32 @@ var AutoComplete = function AutoComplete(props) {
132
103
  }
133
104
  };
134
105
  };
135
-
136
106
  var handleFocus = function handleFocus(event) {
137
107
  if (props.openOnFocus) {
138
108
  setOpen(true);
139
109
  }
140
-
141
110
  if (props.selectTextOnFocus && event.target) {
142
111
  var input = event.target;
143
-
144
112
  if (input.select) {
145
113
  input.select();
146
114
  }
147
115
  }
148
-
149
116
  if (props.onFocus) {
150
117
  props.onFocus(event);
151
118
  }
152
119
  };
153
-
154
120
  var handleBlur = function handleBlur(event) {
155
121
  setTimeout(function () {
156
122
  return setOpen(false);
157
123
  }, 200);
158
-
159
124
  if (props.onBlur) {
160
125
  props.onBlur(event);
161
126
  }
162
127
  };
163
-
164
128
  var handleChange = function handleChange(event) {
165
129
  setHighlighted(0);
166
130
  props.onChange(event.target.value);
167
131
  };
168
-
169
132
  var renderSuggestions = function renderSuggestions() {
170
133
  var paperStyle = {
171
134
  position: 'absolute',
@@ -187,13 +150,11 @@ var AutoComplete = function AutoComplete(props) {
187
150
  }, props.renderSuggestion(suggestion, getItemProps(suggestion), highlighted === index));
188
151
  })), props.actions);
189
152
  };
190
-
191
153
  var renderPaper = function renderPaper() {
192
154
  return props.fade ? /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
193
155
  "in": open
194
156
  }, renderSuggestions()) : renderSuggestions();
195
157
  };
196
-
197
158
  var handleNavigate = function handleNavigate(event) {
198
159
  if (event.key === 'ArrowDown' && highlighted < getSuggestions().length - 1) {
199
160
  setHighlighted(highlighted + 1);
@@ -206,7 +167,6 @@ var AutoComplete = function AutoComplete(props) {
206
167
  handleSelect(item);
207
168
  }
208
169
  };
209
-
210
170
  return /*#__PURE__*/_react["default"].createElement("div", {
211
171
  style: _objectSpread({
212
172
  position: 'relative'
@@ -222,6 +182,5 @@ var AutoComplete = function AutoComplete(props) {
222
182
  onKeyDown: handleNavigate
223
183
  }), open && renderPaper());
224
184
  };
225
-
226
185
  var _default = AutoComplete;
227
186
  exports["default"] = _default;
package/core/Avatar.js CHANGED
@@ -1,22 +1,16 @@
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
15
-
16
11
  var _styles = require("@material-ui/core/styles");
17
-
18
12
  var _react = _interopRequireDefault(require("react"));
19
-
13
+ var _excluded = ["children", "primary", "className"];
20
14
  var useStyles = (0, _styles.makeStyles)(function (theme) {
21
15
  return (0, _styles.createStyles)({
22
16
  primary: {
@@ -24,17 +18,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
24
18
  }
25
19
  });
26
20
  });
27
-
28
21
  var Avatar = function Avatar(_ref) {
29
22
  var children = _ref.children,
30
- primary = _ref.primary,
31
- className = _ref.className,
32
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "primary", "className"]);
23
+ primary = _ref.primary,
24
+ className = _ref.className,
25
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
33
26
  var classes = useStyles();
34
27
  return /*#__PURE__*/_react["default"].createElement(_Avatar["default"], (0, _extends2["default"])({}, otherProps, {
35
28
  className: "".concat(className, " ").concat(primary ? classes['primary'] : '')
36
29
  }), children);
37
30
  };
38
-
39
31
  var _default = Avatar;
40
32
  exports["default"] = _default;
package/core/Badge.js CHANGED
@@ -1,44 +1,34 @@
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
11
  var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
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 = ["children", "counter", "padding", "margin", "position", "style"];
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 useBadgeStyles = function useBadgeStyles(position) {
27
18
  var getStyles = (0, _styles.makeStyles)({
28
19
  badge: _objectSpread({}, position)
29
20
  });
30
21
  return getStyles();
31
22
  };
32
-
33
23
  var Badge = function Badge(props) {
34
24
  var children = props.children,
35
- counter = props.counter,
36
- padding = props.padding,
37
- margin = props.margin,
38
- position = props.position,
39
- _props$style = props.style,
40
- style = _props$style === void 0 ? {} : _props$style,
41
- otherProps = (0, _objectWithoutProperties2["default"])(props, ["children", "counter", "padding", "margin", "position", "style"]);
25
+ counter = props.counter,
26
+ padding = props.padding,
27
+ margin = props.margin,
28
+ position = props.position,
29
+ _props$style = props.style,
30
+ style = _props$style === void 0 ? {} : _props$style,
31
+ otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
42
32
  var classes = useBadgeStyles(position);
43
33
  return counter ? /*#__PURE__*/_react["default"].createElement(_Badge["default"], (0, _extends2["default"])({
44
34
  badgeContent: counter,
@@ -49,6 +39,5 @@ var Badge = function Badge(props) {
49
39
  }, style)
50
40
  }, otherProps), children) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
51
41
  };
52
-
53
42
  var _default = Badge;
54
43
  exports["default"] = _default;
package/core/Box.js CHANGED
@@ -1,36 +1,28 @@
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 _react = _interopRequireDefault(require("react"));
17
-
18
12
  var _Paper = _interopRequireDefault(require("./Paper"));
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 = ["children", "margin", "padding", "style", "minHeight"];
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 Box = function Box(_ref) {
25
17
  var children = _ref.children,
26
- margin = _ref.margin,
27
- _ref$padding = _ref.padding,
28
- padding = _ref$padding === void 0 ? 18 : _ref$padding,
29
- _ref$style = _ref.style,
30
- style = _ref$style === void 0 ? {} : _ref$style,
31
- _ref$minHeight = _ref.minHeight,
32
- minHeight = _ref$minHeight === void 0 ? 400 : _ref$minHeight,
33
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "margin", "padding", "style", "minHeight"]);
18
+ margin = _ref.margin,
19
+ _ref$padding = _ref.padding,
20
+ padding = _ref$padding === void 0 ? 18 : _ref$padding,
21
+ _ref$style = _ref.style,
22
+ style = _ref$style === void 0 ? {} : _ref$style,
23
+ _ref$minHeight = _ref.minHeight,
24
+ minHeight = _ref$minHeight === void 0 ? 400 : _ref$minHeight,
25
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
34
26
  return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({
35
27
  padding: padding,
36
28
  margin: margin,
@@ -39,6 +31,5 @@ var Box = function Box(_ref) {
39
31
  }, style)
40
32
  }, otherProps), children);
41
33
  };
42
-
43
34
  var _default = Box;
44
35
  exports["default"] = _default;
@@ -1,13 +1,10 @@
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 _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
11
-
12
9
  var _default = _Breadcrumbs["default"];
13
10
  exports["default"] = _default;
package/core/Button.js CHANGED
@@ -1,54 +1,34 @@
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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
-
18
12
  var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
19
-
20
13
  var _react = _interopRequireDefault(require("react"));
21
-
22
14
  var _styledComponents = _interopRequireDefault(require("styled-components"));
23
-
24
- 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; }
25
-
26
- 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; }
27
-
28
- function _templateObject() {
29
- var data = (0, _taggedTemplateLiteral2["default"])(["\n border-style: ", ";\n opacity: ", ";\n"]);
30
-
31
- _templateObject = function _templateObject() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- var StyledButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject(), function (props) {
15
+ var _excluded = ["children", "margin", "padding", "style", "variant"];
16
+ var _templateObject;
17
+ 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; }
18
+ 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; }
19
+ var StyledButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n border-style: ", ";\n opacity: ", ";\n"])), function (props) {
39
20
  return props.dashed === 'true' ? 'dashed !important' : 'initial';
40
21
  }, function (props) {
41
22
  return props.selected ? 0.5 : 1;
42
23
  });
43
-
44
24
  var Button = function Button(_ref) {
45
25
  var children = _ref.children,
46
- margin = _ref.margin,
47
- padding = _ref.padding,
48
- _ref$style = _ref.style,
49
- style = _ref$style === void 0 ? {} : _ref$style,
50
- variant = _ref.variant,
51
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "margin", "padding", "style", "variant"]);
26
+ margin = _ref.margin,
27
+ padding = _ref.padding,
28
+ _ref$style = _ref.style,
29
+ style = _ref$style === void 0 ? {} : _ref$style,
30
+ variant = _ref.variant,
31
+ otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
52
32
  return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({}, otherProps, {
53
33
  dashed: variant === 'dashed' ? 'true' : 'false',
54
34
  variant: variant === 'dashed' ? 'outlined' : variant,
@@ -58,6 +38,5 @@ var Button = function Button(_ref) {
58
38
  }, style)
59
39
  }), children);
60
40
  };
61
-
62
41
  var _default = Button;
63
42
  exports["default"] = _default;