@bundle-stats/ui 4.1.1-alpha.3 → 4.1.2-alpha.0
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.
- package/lib/app/app.js +20 -85
- package/lib/app/app.stories.js +2 -20
- package/lib/app/header/header.js +2 -11
- package/lib/app/header/index.js +0 -2
- package/lib/app/index.js +0 -2
- package/lib/components/asset-info/asset-info.js +7 -25
- package/lib/components/asset-info/asset-info.stories.js +0 -5
- package/lib/components/asset-info/index.js +0 -2
- package/lib/components/browsertime-table/browsertime-table.js +1 -12
- package/lib/components/browsertime-table/browsertime-table.stories.js +1 -11
- package/lib/components/browsertime-table/index.js +0 -2
- package/lib/components/bundle-assets/bundle-assets.constants.js +0 -3
- package/lib/components/bundle-assets/bundle-assets.js +29 -86
- package/lib/components/bundle-assets/bundle-assets.stories.js +2 -23
- package/lib/components/bundle-assets/bundle-assets.utils.js +0 -26
- package/lib/components/bundle-assets/index.js +21 -49
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +3 -33
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.stories.js +0 -8
- package/lib/components/bundle-assets-totals-chart-bars/index.js +0 -2
- package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.js +7 -29
- package/lib/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -10
- package/lib/components/bundle-assets-totals-table/index.js +0 -2
- package/lib/components/bundle-modules/bundle-modules.constants.js +0 -3
- package/lib/components/bundle-modules/bundle-modules.js +24 -77
- package/lib/components/bundle-modules/bundle-modules.stories.js +16 -30
- package/lib/components/bundle-modules/bundle-modules.utils.js +19 -54
- package/lib/components/bundle-modules/index.js +25 -56
- package/lib/components/bundle-packages/bundle-packages.constants.js +0 -3
- package/lib/components/bundle-packages/bundle-packages.js +33 -83
- package/lib/components/bundle-packages/bundle-packages.stories.js +2 -22
- package/lib/components/bundle-packages/bundle-packages.utils.js +0 -23
- package/lib/components/bundle-packages/index.js +23 -49
- package/lib/components/component-link.js +4 -17
- package/lib/components/delta/delta.js +3 -10
- package/lib/components/delta/delta.stories.js +0 -5
- package/lib/components/delta/index.js +0 -2
- package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +3 -15
- package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
- package/lib/components/duplicate-packages-warning/duplicate-packages-warning.stories.js +0 -5
- package/lib/components/duplicate-packages-warning/index.js +0 -2
- package/lib/components/index.js +0 -22
- package/lib/components/job-header/index.js +0 -2
- package/lib/components/job-header/job-header.js +6 -22
- package/lib/components/job-header/job-header.stories.js +0 -5
- package/lib/components/job-meta/index.js +0 -2
- package/lib/components/job-meta/job-meta.js +4 -18
- package/lib/components/job-meta/job-meta.stories.js +0 -5
- package/lib/components/job-name/index.js +0 -2
- package/lib/components/job-name/job-name.js +4 -19
- package/lib/components/job-name/job-name.stories.js +0 -5
- package/lib/components/jobs-header/index.js +0 -2
- package/lib/components/jobs-header/jobs-header.js +1 -12
- package/lib/components/jobs-header/jobs-header.stories.js +0 -5
- package/lib/components/lighthouse-table/index.js +0 -2
- package/lib/components/lighthouse-table/lighthouse-table.js +1 -12
- package/lib/components/lighthouse-table/lighthouse-table.stories.js +0 -7
- package/lib/components/metric/index.js +0 -2
- package/lib/components/metric/metric.js +27 -45
- package/lib/components/metric/metric.stories.js +0 -6
- package/lib/components/metrics-table/index.js +0 -2
- package/lib/components/metrics-table/metrics-table.js +36 -75
- package/lib/components/metrics-table/metrics-table.stories.js +0 -5
- package/lib/components/metrics-table-options/index.js +0 -2
- package/lib/components/metrics-table-options/metrics-table-options.js +5 -19
- package/lib/components/metrics-table-options/metrics-table-options.stories.js +0 -5
- package/lib/components/metrics-table-search/index.js +0 -2
- package/lib/components/metrics-table-search/metrics-table-search.js +9 -28
- package/lib/components/metrics-table-search/metrics-table-search.stories.js +3 -19
- package/lib/components/metrics-table-title/index.js +0 -2
- package/lib/components/metrics-table-title/metrics-table-title.js +4 -16
- package/lib/components/module-info/index.js +0 -2
- package/lib/components/module-info/module-info.js +6 -22
- package/lib/components/module-info/module-info.stories.js +0 -5
- package/lib/components/summary/index.js +0 -2
- package/lib/components/summary/summary.js +9 -33
- package/lib/components/summary/summary.module.css +4 -1
- package/lib/components/summary/summary.stories.js +1 -15
- package/lib/components/summary-item/index.js +0 -2
- package/lib/components/summary-item/summary-item.js +26 -49
- package/lib/components/summary-item/summary-item.module.css +10 -4
- package/lib/components/summary-item/summary-item.stories.js +0 -14
- package/lib/components/total-size-type-title/index.js +0 -2
- package/lib/components/total-size-type-title/total-size-type-title.js +0 -13
- package/lib/constants.js +0 -8
- package/lib/css/default.css +4 -1
- package/lib/css/variables.css +5 -4
- package/lib/hooks/rows-filter.js +3 -7
- package/lib/hooks/rows-sort.js +12 -25
- package/lib/hooks/search-params.js +21 -51
- package/lib/index.js +0 -10
- package/lib/layout/box/box.js +10 -39
- package/lib/layout/box/box.stories.js +0 -5
- package/lib/layout/box/index.js +0 -1
- package/lib/layout/flex-stack/flex-stack.js +4 -18
- package/lib/layout/flex-stack/flex-stack.stories.js +0 -6
- package/lib/layout/flex-stack/index.js +0 -2
- package/lib/layout/footer/footer.js +1 -16
- package/lib/layout/footer/footer.stories.js +0 -5
- package/lib/layout/footer/index.js +0 -1
- package/lib/layout/header/header.js +3 -13
- package/lib/layout/header/header.stories.js +0 -7
- package/lib/layout/header/index.js +0 -1
- package/lib/layout/index.js +0 -7
- package/lib/layout/separator.js +2 -14
- package/lib/layout/stack/index.js +0 -2
- package/lib/layout/stack/stack.js +4 -18
- package/lib/layout/stack/stack.stories.js +0 -6
- package/lib/layout/sub-header/index.js +0 -2
- package/lib/layout/sub-header/sub-header.js +6 -16
- package/lib/layout/sub-header/sub-header.stories.js +0 -6
- package/lib/prototypes/typography.stories.js +6 -15
- package/lib/query-state.js +5 -28
- package/lib/stories/index.js +0 -2
- package/lib/stories/wrapper.js +0 -9
- package/lib/ui/alert/alert.js +2 -10
- package/lib/ui/alert/alert.stories.js +0 -5
- package/lib/ui/alert/index.js +0 -2
- package/lib/ui/container/container.js +2 -15
- package/lib/ui/container/container.stories.js +0 -4
- package/lib/ui/container/index.js +0 -1
- package/lib/ui/dropdown/dropdown.js +5 -20
- package/lib/ui/dropdown/dropdown.stories.js +0 -5
- package/lib/ui/dropdown/index.js +0 -2
- package/lib/ui/empty-set/empty-set.js +3 -17
- package/lib/ui/empty-set/empty-set.stories.js +0 -5
- package/lib/ui/empty-set/index.js +0 -2
- package/lib/ui/file-name/file-name.js +2 -11
- package/lib/ui/file-name/file-name.stories.js +0 -4
- package/lib/ui/file-name/index.js +0 -1
- package/lib/ui/filters/filters.js +29 -73
- package/lib/ui/filters/filters.stories.js +7 -28
- package/lib/ui/filters/filters.utils.js +13 -42
- package/lib/ui/filters/index.js +8 -35
- package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.js +18 -61
- package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js +0 -5
- package/lib/ui/horizontal-bar-chart/index.js +0 -2
- package/lib/ui/hover-card/hover-card.js +8 -28
- package/lib/ui/hover-card/hover-card.stories.js +0 -10
- package/lib/ui/hover-card/index.js +0 -2
- package/lib/ui/icon/icon.js +4 -17
- package/lib/ui/icon/icon.stories.js +0 -8
- package/lib/ui/icon/index.js +0 -2
- package/lib/ui/index.js +0 -19
- package/lib/ui/input/index.js +0 -2
- package/lib/ui/input/input.js +2 -14
- package/lib/ui/input/input.stories.js +0 -5
- package/lib/ui/loader/index.js +0 -2
- package/lib/ui/loader/loader.js +2 -15
- package/lib/ui/loader/loader.stories.js +0 -5
- package/lib/ui/logo/index.js +0 -1
- package/lib/ui/logo/logo.js +3 -28
- package/lib/ui/logo/logo.stories.js +1 -10
- package/lib/ui/panels/index.js +0 -1
- package/lib/ui/panels/panels.js +5 -23
- package/lib/ui/panels/panels.stories.js +0 -5
- package/lib/ui/skeleton/index.js +0 -2
- package/lib/ui/skeleton/skeleton.js +3 -15
- package/lib/ui/skeleton/skeleton.stories.js +0 -8
- package/lib/ui/sort-dropdown/index.js +0 -2
- package/lib/ui/sort-dropdown/sort-dropdown.js +18 -50
- package/lib/ui/sort-dropdown/sort-dropdown.stories.js +1 -5
- package/lib/ui/table/index.js +0 -2
- package/lib/ui/table/table.js +4 -13
- package/lib/ui/table/table.stories.js +4 -9
- package/lib/ui/tabs/index.js +0 -1
- package/lib/ui/tabs/tabs.js +5 -21
- package/lib/ui/tabs/tabs.module.css +6 -2
- package/lib/ui/tabs/tabs.stories.js +0 -5
- package/lib/ui/tag/index.js +0 -2
- package/lib/ui/tag/tag.js +8 -21
- package/lib/ui/tag/tag.stories.js +0 -6
- package/lib/ui/toolbar/index.js +0 -2
- package/lib/ui/toolbar/toolbar.js +2 -9
- package/lib/ui/toolbar/toolbar.stories.js +0 -5
- package/lib/ui/tooltip/index.js +0 -2
- package/lib/ui/tooltip/tooltip.js +8 -21
- package/lib/ui/tooltip/tooltip.stories.js +0 -7
- package/lib/utils.js +0 -18
- package/lib-esm/app/app.js +1 -18
- package/lib-esm/app/app.stories.js +3 -5
- package/lib-esm/app/header/header.js +1 -1
- package/lib-esm/components/asset-info/asset-info.js +0 -8
- package/lib-esm/components/browsertime-table/browsertime-table.js +0 -1
- package/lib-esm/components/browsertime-table/browsertime-table.stories.js +2 -1
- package/lib-esm/components/bundle-assets/bundle-assets.js +2 -14
- package/lib-esm/components/bundle-assets/bundle-assets.stories.js +0 -2
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +4 -11
- package/lib-esm/components/bundle-assets/index.js +0 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +0 -7
- package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +1 -4
- package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.stories.js +0 -2
- package/lib-esm/components/bundle-modules/bundle-modules.js +4 -16
- package/lib-esm/components/bundle-modules/bundle-modules.stories.js +4 -2
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +15 -25
- package/lib-esm/components/bundle-modules/index.js +0 -6
- package/lib-esm/components/bundle-packages/bundle-packages.js +2 -11
- package/lib-esm/components/bundle-packages/bundle-packages.utils.js +4 -8
- package/lib-esm/components/bundle-packages/index.js +0 -1
- package/lib-esm/components/component-link.js +1 -2
- package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
- package/lib-esm/components/job-header/job-header.js +1 -3
- package/lib-esm/components/job-meta/job-meta.js +0 -3
- package/lib-esm/components/job-name/job-name.js +0 -4
- package/lib-esm/components/jobs-header/jobs-header.js +0 -1
- package/lib-esm/components/lighthouse-table/lighthouse-table.js +0 -1
- package/lib-esm/components/metric/metric.js +2 -6
- package/lib-esm/components/metrics-table/metrics-table.js +14 -18
- package/lib-esm/components/metrics-table-options/metrics-table-options.js +0 -3
- package/lib-esm/components/metrics-table-search/metrics-table-search.js +4 -2
- package/lib-esm/components/metrics-table-search/metrics-table-search.stories.js +0 -2
- package/lib-esm/components/module-info/module-info.js +0 -4
- package/lib-esm/components/summary/summary.js +0 -2
- package/lib-esm/components/summary/summary.module.css +4 -1
- package/lib-esm/components/summary/summary.stories.js +0 -1
- package/lib-esm/components/summary-item/summary-item.js +12 -14
- package/lib-esm/components/summary-item/summary-item.module.css +10 -4
- package/lib-esm/constants.js +2 -1
- package/lib-esm/css/default.css +4 -1
- package/lib-esm/css/variables.css +5 -4
- package/lib-esm/hooks/rows-filter.js +0 -1
- package/lib-esm/hooks/search-params.js +9 -17
- package/lib-esm/layout/box/box.js +0 -6
- package/lib-esm/layout/flex-stack/flex-stack.js +0 -1
- package/lib-esm/layout/footer/footer.js +1 -4
- package/lib-esm/layout/header/header.js +0 -3
- package/lib-esm/layout/separator.js +1 -2
- package/lib-esm/layout/stack/stack.js +0 -1
- package/lib-esm/prototypes/typography.stories.js +4 -4
- package/lib-esm/query-state.js +2 -5
- package/lib-esm/stories/wrapper.js +0 -1
- package/lib-esm/ui/container/container.js +0 -2
- package/lib-esm/ui/dropdown/dropdown.js +0 -5
- package/lib-esm/ui/file-name/file-name.js +0 -2
- package/lib-esm/ui/filters/filters.js +4 -14
- package/lib-esm/ui/filters/filters.stories.js +5 -4
- package/lib-esm/ui/filters/filters.utils.js +9 -15
- package/lib-esm/ui/filters/index.js +4 -10
- package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +0 -12
- package/lib-esm/ui/hover-card/hover-card.js +2 -12
- package/lib-esm/ui/hover-card/hover-card.stories.js +0 -3
- package/lib-esm/ui/icon/icon.js +0 -1
- package/lib-esm/ui/icon/icon.stories.js +0 -2
- package/lib-esm/ui/input/input.js +0 -1
- package/lib-esm/ui/loader/loader.js +0 -2
- package/lib-esm/ui/logo/logo.js +0 -11
- package/lib-esm/ui/logo/logo.stories.js +1 -5
- package/lib-esm/ui/panels/panels.js +2 -5
- package/lib-esm/ui/skeleton/skeleton.js +0 -1
- package/lib-esm/ui/sort-dropdown/sort-dropdown.js +0 -8
- package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js +1 -0
- package/lib-esm/ui/table/table.js +0 -2
- package/lib-esm/ui/tabs/tabs.js +0 -4
- package/lib-esm/ui/tabs/tabs.module.css +6 -2
- package/lib-esm/ui/tag/tag.js +0 -1
- package/lib-esm/ui/tooltip/tooltip.js +1 -2
- package/lib-esm/ui/tooltip/tooltip.stories.js +0 -2
- package/lib-esm/utils.js +2 -9
- package/package.json +15 -15
- package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css +1 -0
- package/src/components/summary/summary.module.css +4 -1
- package/src/components/summary-item/summary-item.jsx +11 -7
- package/src/components/summary-item/summary-item.module.css +10 -4
- package/src/css/default.css +4 -1
- package/src/css/variables.css +5 -4
- package/src/ui/tabs/tabs.module.css +6 -2
package/lib/ui/alert/alert.js
CHANGED
|
@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Alert = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _box = require("../../layout/box");
|
|
15
|
-
|
|
16
11
|
var _alertModule = _interopRequireDefault(require("./alert.module.css"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
var Alert = function Alert(props) {
|
|
21
14
|
var className = props.className,
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
kind = props.kind,
|
|
16
|
+
children = props.children;
|
|
24
17
|
return /*#__PURE__*/_react["default"].createElement(_box.Box, {
|
|
25
18
|
padding: ['xsmall', 'small'],
|
|
26
19
|
outline: true,
|
|
27
20
|
className: (0, _classnames["default"])(_alertModule["default"].root, className, _alertModule["default"][kind])
|
|
28
21
|
}, children);
|
|
29
22
|
};
|
|
30
|
-
|
|
31
23
|
exports.Alert = Alert;
|
|
32
24
|
Alert.propTypes = {
|
|
33
25
|
className: _propTypes["default"].string,
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _stories = require("../../stories");
|
|
8
|
-
|
|
9
6
|
var _ = require(".");
|
|
10
|
-
|
|
11
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
8
|
var stories = (0, _react2.storiesOf)('UI/Alert', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
package/lib/ui/alert/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _alert = require("./alert");
|
|
8
|
-
|
|
9
7
|
Object.keys(_alert).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _alert[key]) return;
|
|
@@ -4,37 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Container = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _containerModule = _interopRequireDefault(require("./container.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["className", "as"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
-
|
|
22
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
-
|
|
24
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
|
-
|
|
26
16
|
var Container = function Container(_ref) {
|
|
27
17
|
var className = _ref.className,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
Component = _ref.as,
|
|
19
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
31
20
|
return /*#__PURE__*/_react["default"].createElement(Component, {
|
|
32
21
|
className: (0, _classnames["default"])(_containerModule["default"].root, className)
|
|
33
22
|
}, /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
34
23
|
className: _containerModule["default"].inner
|
|
35
24
|
}, restProps)));
|
|
36
25
|
};
|
|
37
|
-
|
|
38
26
|
exports.Container = Container;
|
|
39
27
|
Container.defaultProps = {
|
|
40
28
|
className: '',
|
|
@@ -43,7 +31,6 @@ Container.defaultProps = {
|
|
|
43
31
|
Container.propTypes = {
|
|
44
32
|
/** Adopted child class name */
|
|
45
33
|
className: _propTypes["default"].string,
|
|
46
|
-
|
|
47
34
|
/** Custom component */
|
|
48
35
|
as: _propTypes["default"].elementType
|
|
49
36
|
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _ = require(".");
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
var stories = (0, _react2.storiesOf)('UI/Container', module);
|
|
12
8
|
stories.add('default', function () {
|
|
13
9
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -4,30 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Dropdown = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _menu = require("ariakit/menu");
|
|
15
|
-
|
|
16
11
|
var _flexStack = require("../../layout/flex-stack");
|
|
17
|
-
|
|
18
12
|
var _icon = require("../icon");
|
|
19
|
-
|
|
20
13
|
var _dropdownModule = _interopRequireDefault(require("./dropdown.module.css"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
15
|
var Dropdown = function Dropdown(props) {
|
|
25
16
|
var className = props.className,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
17
|
+
buttonClassName = props.buttonClassName,
|
|
18
|
+
label = props.label,
|
|
19
|
+
ariaLabel = props.ariaLabel,
|
|
20
|
+
glyph = props.glyph,
|
|
21
|
+
children = props.children;
|
|
31
22
|
var rootClassName = (0, _classnames["default"])(_dropdownModule["default"].root, className);
|
|
32
23
|
var menuState = (0, _menu.useMenuState)();
|
|
33
24
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -55,7 +46,6 @@ var Dropdown = function Dropdown(props) {
|
|
|
55
46
|
menuItemActiveClassName: _dropdownModule["default"].menuItemActive
|
|
56
47
|
}) : children));
|
|
57
48
|
};
|
|
58
|
-
|
|
59
49
|
exports.Dropdown = Dropdown;
|
|
60
50
|
Dropdown.defaultProps = {
|
|
61
51
|
className: '',
|
|
@@ -67,19 +57,14 @@ Dropdown.defaultProps = {
|
|
|
67
57
|
Dropdown.propTypes = {
|
|
68
58
|
/** Adopted child class name */
|
|
69
59
|
className: _propTypes["default"].string,
|
|
70
|
-
|
|
71
60
|
/** Button adopted child class name */
|
|
72
61
|
buttonClassName: _propTypes["default"].string,
|
|
73
|
-
|
|
74
62
|
/** Button label */
|
|
75
63
|
label: _propTypes["default"].node,
|
|
76
|
-
|
|
77
64
|
/** Aria label */
|
|
78
65
|
ariaLabel: _propTypes["default"].string,
|
|
79
|
-
|
|
80
66
|
/** Icon glyph */
|
|
81
67
|
glyph: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
|
|
82
|
-
|
|
83
68
|
/** Content */
|
|
84
69
|
children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element, _propTypes["default"].func]).isRequired
|
|
85
70
|
};
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _stories = require("../../stories");
|
|
8
|
-
|
|
9
6
|
var _ = require(".");
|
|
10
|
-
|
|
11
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
8
|
var stories = (0, _react2.storiesOf)('UI/Dropdown', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
package/lib/ui/dropdown/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _dropdown = require("./dropdown");
|
|
8
|
-
|
|
9
7
|
Object.keys(_dropdown).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _dropdown[key]) return;
|
|
@@ -4,36 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.EmptySet = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _stack = require("../../layout/stack");
|
|
13
|
-
|
|
14
10
|
var _i18n = _interopRequireDefault(require("../../i18n"));
|
|
15
|
-
|
|
16
11
|
var _emptySetModule = _interopRequireDefault(require("./empty-set.module.css"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
21
|
-
|
|
22
14
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
|
|
24
15
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
-
|
|
26
16
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
27
|
-
|
|
28
17
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
29
|
-
|
|
30
18
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
31
|
-
|
|
32
19
|
var EmptySet = function EmptySet(props) {
|
|
33
20
|
var resources = props.resources,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
filtered = props.filtered,
|
|
22
|
+
handleResetFilters = props.handleResetFilters,
|
|
23
|
+
handleViewAll = props.handleViewAll;
|
|
37
24
|
var message = filtered ? "No ".concat(resources, " found.") : "No ".concat(resources, " available.");
|
|
38
25
|
var actions = [].concat(_toConsumableArray(handleResetFilters ? [/*#__PURE__*/_react["default"].createElement("button", {
|
|
39
26
|
className: _emptySetModule["default"].action,
|
|
@@ -51,7 +38,6 @@ var EmptySet = function EmptySet(props) {
|
|
|
51
38
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, index > 0 && ' or ', action);
|
|
52
39
|
}));
|
|
53
40
|
};
|
|
54
|
-
|
|
55
41
|
exports.EmptySet = EmptySet;
|
|
56
42
|
EmptySet.propTypes = {
|
|
57
43
|
resources: _propTypes["default"].string.isRequired,
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _stories = require("../../stories");
|
|
8
|
-
|
|
9
6
|
var _ = require(".");
|
|
10
|
-
|
|
11
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
8
|
var stories = (0, _react2.storiesOf)('UI/EmptySet', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _emptySet = require("./empty-set");
|
|
8
|
-
|
|
9
7
|
Object.keys(_emptySet).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _emptySet[key]) return;
|
|
@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.FileName = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _fileNameModule = _interopRequireDefault(require("./file-name.module.css"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
12
|
var FileName = function FileName(_ref) {
|
|
19
13
|
var className = _ref.className,
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
Component = _ref.as,
|
|
15
|
+
name = _ref.name;
|
|
22
16
|
return /*#__PURE__*/_react["default"].createElement(Component, {
|
|
23
17
|
className: (0, _classnames["default"])(_fileNameModule["default"].root, className)
|
|
24
18
|
}, name);
|
|
25
19
|
};
|
|
26
|
-
|
|
27
20
|
exports.FileName = FileName;
|
|
28
21
|
FileName.defaultProps = {
|
|
29
22
|
className: '',
|
|
@@ -33,10 +26,8 @@ FileName.defaultProps = {
|
|
|
33
26
|
FileName.propTypes = {
|
|
34
27
|
/** Adopted child class name */
|
|
35
28
|
className: _propTypes["default"].string,
|
|
36
|
-
|
|
37
29
|
/** Element type */
|
|
38
30
|
as: _propTypes["default"].elementType,
|
|
39
|
-
|
|
40
31
|
/** File name source */
|
|
41
32
|
name: _propTypes["default"].string
|
|
42
33
|
};
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _react2 = require("@storybook/react");
|
|
6
|
-
|
|
7
5
|
var _fileName = require("./file-name");
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
var stories = (0, _react2.storiesOf)('Ui/FileName', module);
|
|
12
8
|
var NAMES = ['styles.css', './src/components/sources/styles.css', 'css ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src!./src/components/sources/source/styles.css', 'rreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordreallylongwordeallylongword'];
|
|
13
9
|
stories.add('default', function () {
|
|
@@ -1,69 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Filters = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _flexStack = require("../../layout/flex-stack");
|
|
17
|
-
|
|
18
12
|
var _dropdown = require("../dropdown");
|
|
19
|
-
|
|
20
13
|
var _filters = require("./filters.utils");
|
|
21
|
-
|
|
22
14
|
var _filtersModule = _interopRequireDefault(require("./filters.module.css"));
|
|
23
|
-
|
|
24
15
|
var _excluded = ["className", "as", "buttonClassName", "label", "name", "getOnOnlyClick"],
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
_excluded2 = ["label"];
|
|
27
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
28
|
-
|
|
29
18
|
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); }
|
|
30
|
-
|
|
31
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(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; }
|
|
32
|
-
|
|
33
20
|
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; }
|
|
34
|
-
|
|
35
21
|
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) { _defineProperty(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; }
|
|
36
|
-
|
|
37
22
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
38
|
-
|
|
39
23
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
40
|
-
|
|
41
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
42
|
-
|
|
43
25
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
44
|
-
|
|
45
26
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
46
|
-
|
|
47
27
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
48
|
-
|
|
49
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
50
|
-
|
|
51
29
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
52
|
-
|
|
53
30
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
54
|
-
|
|
55
31
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
56
|
-
|
|
57
32
|
var Filter = function Filter(props) {
|
|
58
33
|
var className = props.className,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
34
|
+
_props$as = props.as,
|
|
35
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
36
|
+
buttonClassName = props.buttonClassName,
|
|
37
|
+
label = props.label,
|
|
38
|
+
name = props.name,
|
|
39
|
+
getOnOnlyClick = props.getOnOnlyClick,
|
|
40
|
+
inputProps = _objectWithoutProperties(props, _excluded);
|
|
67
41
|
var id = "filter-".concat(name);
|
|
68
42
|
var rootClassName = (0, _classnames["default"])(_filtersModule["default"].filter, className);
|
|
69
43
|
return /*#__PURE__*/_react["default"].createElement(Component, {
|
|
@@ -86,7 +60,6 @@ var Filter = function Filter(props) {
|
|
|
86
60
|
onClick: getOnOnlyClick(name)
|
|
87
61
|
}, "only"));
|
|
88
62
|
};
|
|
89
|
-
|
|
90
63
|
Filter.propTypes = {
|
|
91
64
|
className: _propTypes["default"].string,
|
|
92
65
|
as: _propTypes["default"].elementType,
|
|
@@ -101,55 +74,46 @@ Filter.defaultProps = {
|
|
|
101
74
|
buttonClassName: '',
|
|
102
75
|
getOnOnlyClick: null
|
|
103
76
|
};
|
|
104
|
-
|
|
105
77
|
var FilterGroup = function FilterGroup(props) {
|
|
106
78
|
var className = props.className,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
79
|
+
buttonClassName = props.buttonClassName,
|
|
80
|
+
groupKey = props.groupKey,
|
|
81
|
+
data = props.data,
|
|
82
|
+
values = props.values,
|
|
83
|
+
onCheckboxChange = props.onCheckboxChange,
|
|
84
|
+
toggleFilters = props.toggleFilters;
|
|
114
85
|
var groupLabel = data.label,
|
|
115
|
-
|
|
116
|
-
|
|
86
|
+
groupData = _objectWithoutProperties(data, _excluded2);
|
|
117
87
|
var groupItems = Object.entries(groupData);
|
|
118
88
|
var groupCheckboxes = groupItems.filter(function (_ref) {
|
|
119
89
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
90
|
+
itemKey = _ref2[0],
|
|
91
|
+
item = _ref2[1];
|
|
123
92
|
return typeof (item === null || item === void 0 ? void 0 : item.defaultValue) !== 'undefined';
|
|
124
93
|
});
|
|
125
94
|
var areAllGroupItemsChecked = groupCheckboxes.map(function (_ref3) {
|
|
126
95
|
var _ref4 = _slicedToArray(_ref3, 1),
|
|
127
|
-
|
|
128
|
-
|
|
96
|
+
itemKey = _ref4[0];
|
|
129
97
|
return values === null || values === void 0 ? void 0 : values["".concat(groupKey, ".").concat(itemKey)];
|
|
130
98
|
}).reduce(function (agg, val) {
|
|
131
99
|
return agg && val;
|
|
132
100
|
}, true);
|
|
133
101
|
var filterSuffix = (0, _filters.getGroupFiltersLabelSuffix)(groupItems);
|
|
134
102
|
var hasCustomFilterSuffix = !Object.values(_filters.LABELS).includes(filterSuffix);
|
|
135
|
-
|
|
136
103
|
var dropdownLabel = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "".concat(groupLabel, ":"), "\xA0", /*#__PURE__*/_react["default"].createElement("span", {
|
|
137
104
|
className: (0, _classnames["default"])(hasCustomFilterSuffix && _filtersModule["default"].labelSuffixCustom)
|
|
138
105
|
}, filterSuffix));
|
|
139
|
-
|
|
140
106
|
var getOnGroupCheck = function getOnGroupCheck(value) {
|
|
141
107
|
var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
142
108
|
return function () {
|
|
143
109
|
var newFilters = groupCheckboxes.reduce(function (agg, _ref5) {
|
|
144
110
|
var _ref6 = _slicedToArray(_ref5, 1),
|
|
145
|
-
|
|
146
|
-
|
|
111
|
+
itemKey = _ref6[0];
|
|
147
112
|
return _objectSpread(_objectSpread({}, agg), {}, _defineProperty({}, "".concat(groupKey, ".").concat(itemKey), value));
|
|
148
113
|
}, {});
|
|
149
114
|
toggleFilters(_objectSpread(_objectSpread({}, newFilters), overrides));
|
|
150
115
|
};
|
|
151
116
|
};
|
|
152
|
-
|
|
153
117
|
return /*#__PURE__*/_react["default"].createElement(_dropdown.Dropdown, {
|
|
154
118
|
className: className,
|
|
155
119
|
buttonClassName: buttonClassName,
|
|
@@ -157,21 +121,18 @@ var FilterGroup = function FilterGroup(props) {
|
|
|
157
121
|
ariaLabel: "".concat(groupLabel, ": ").concat(filterSuffix)
|
|
158
122
|
}, function (_ref7) {
|
|
159
123
|
var MenuItem = _ref7.MenuItem,
|
|
160
|
-
|
|
161
|
-
|
|
124
|
+
menu = _ref7.menu,
|
|
125
|
+
menuItemClassName = _ref7.menuItemClassName;
|
|
162
126
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
163
127
|
className: _filtersModule["default"].filterGroupItems
|
|
164
128
|
}, groupItems.map(function (_ref8) {
|
|
165
129
|
var _ref9 = _slicedToArray(_ref8, 2),
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
130
|
+
itemKey = _ref9[0],
|
|
131
|
+
itemData = _ref9[1];
|
|
169
132
|
var id = [groupKey, itemKey].join('.');
|
|
170
|
-
|
|
171
133
|
var getOnOnlyClick = function getOnOnlyClick() {
|
|
172
134
|
return getOnGroupCheck(false, _defineProperty({}, id, true));
|
|
173
135
|
};
|
|
174
|
-
|
|
175
136
|
return /*#__PURE__*/_react["default"].createElement(Filter, {
|
|
176
137
|
key: id,
|
|
177
138
|
className: menuItemClassName,
|
|
@@ -200,7 +161,6 @@ var FilterGroup = function FilterGroup(props) {
|
|
|
200
161
|
}, "Check all")));
|
|
201
162
|
});
|
|
202
163
|
};
|
|
203
|
-
|
|
204
164
|
FilterGroup.propTypes = {
|
|
205
165
|
className: _propTypes["default"].string,
|
|
206
166
|
buttonClassName: _propTypes["default"].string,
|
|
@@ -216,13 +176,12 @@ FilterGroup.defaultProps = {
|
|
|
216
176
|
className: '',
|
|
217
177
|
buttonClassName: ''
|
|
218
178
|
};
|
|
219
|
-
|
|
220
179
|
var Filters = function Filters(props) {
|
|
221
180
|
var className = props.className,
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
181
|
+
values = props.values,
|
|
182
|
+
filters = props.filters,
|
|
183
|
+
toggleFilter = props.toggleFilter,
|
|
184
|
+
toggleFilters = props.toggleFilters;
|
|
226
185
|
var onCheckboxChange = (0, _react.useCallback)(function (event) {
|
|
227
186
|
var name = event.target.name;
|
|
228
187
|
toggleFilter(name, !values[name]);
|
|
@@ -235,9 +194,8 @@ var Filters = function Filters(props) {
|
|
|
235
194
|
className: _filtersModule["default"].items
|
|
236
195
|
}, Object.entries(filters).map(function (_ref10) {
|
|
237
196
|
var _ref11 = _slicedToArray(_ref10, 2),
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
197
|
+
name = _ref11[0],
|
|
198
|
+
data = _ref11[1];
|
|
241
199
|
if (typeof (data === null || data === void 0 ? void 0 : data.defaultValue) !== 'undefined') {
|
|
242
200
|
return /*#__PURE__*/_react["default"].createElement(Filter, {
|
|
243
201
|
key: name,
|
|
@@ -250,7 +208,6 @@ var Filters = function Filters(props) {
|
|
|
250
208
|
disabled: data.disabled
|
|
251
209
|
});
|
|
252
210
|
}
|
|
253
|
-
|
|
254
211
|
return /*#__PURE__*/_react["default"].createElement(FilterGroup, {
|
|
255
212
|
className: _filtersModule["default"].item,
|
|
256
213
|
buttonClassName: _filtersModule["default"].itemButton,
|
|
@@ -263,7 +220,6 @@ var Filters = function Filters(props) {
|
|
|
263
220
|
});
|
|
264
221
|
})));
|
|
265
222
|
};
|
|
266
|
-
|
|
267
223
|
exports.Filters = Filters;
|
|
268
224
|
Filters.defaultProps = {
|
|
269
225
|
className: ''
|