@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
|
@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.WithRenderFn = exports.Default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _ = require(".");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
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); }
|
|
15
|
-
|
|
16
11
|
var _default = {
|
|
17
12
|
title: 'UI/HoverCard',
|
|
18
13
|
component: _.HoverCard
|
|
19
14
|
};
|
|
20
15
|
exports["default"] = _default;
|
|
21
|
-
|
|
22
16
|
var Template = function Template(props) {
|
|
23
17
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.HoverCard, _extends({}, props, {
|
|
24
18
|
style: {
|
|
@@ -32,15 +26,12 @@ var Template = function Template(props) {
|
|
|
32
26
|
}
|
|
33
27
|
}, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in neque ante. Curabitur vehicula, lorem sit amet fringilla dapibus, justo mauris varius elit, ut fermentum leo velit eget risus"));
|
|
34
28
|
};
|
|
35
|
-
|
|
36
29
|
var Default = function Default() {
|
|
37
30
|
return /*#__PURE__*/_react["default"].createElement(Template, {
|
|
38
31
|
label: "main.js"
|
|
39
32
|
}, /*#__PURE__*/_react["default"].createElement("h1", null, "main.js"), /*#__PURE__*/_react["default"].createElement("p", null, "info"));
|
|
40
33
|
};
|
|
41
|
-
|
|
42
34
|
exports.Default = Default;
|
|
43
|
-
|
|
44
35
|
var WithRenderFn = function WithRenderFn() {
|
|
45
36
|
return /*#__PURE__*/_react["default"].createElement(Template, {
|
|
46
37
|
label: "main.js"
|
|
@@ -52,5 +43,4 @@ var WithRenderFn = function WithRenderFn() {
|
|
|
52
43
|
}, "close"));
|
|
53
44
|
});
|
|
54
45
|
};
|
|
55
|
-
|
|
56
46
|
exports.WithRenderFn = WithRenderFn;
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _hoverCard = require("./hover-card");
|
|
8
|
-
|
|
9
7
|
Object.keys(_hoverCard).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _hoverCard[key]) return;
|
package/lib/ui/icon/icon.js
CHANGED
|
@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Icon = 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 _iconModule = _interopRequireDefault(require("./icon.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["className", "glyph", "as", "size"];
|
|
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 ICONS = {
|
|
27
17
|
ARROW: 'arrow',
|
|
28
18
|
ARROW_RIGHT_CIRLCE: 'arrow-right-circle',
|
|
@@ -36,14 +26,12 @@ var ICONS = {
|
|
|
36
26
|
SORT: 'sort',
|
|
37
27
|
WARNING: 'warning'
|
|
38
28
|
};
|
|
39
|
-
|
|
40
29
|
var Icon = function Icon(props) {
|
|
41
30
|
var className = props.className,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
31
|
+
glyph = props.glyph,
|
|
32
|
+
Component = props.as,
|
|
33
|
+
size = props.size,
|
|
34
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
47
35
|
return /*#__PURE__*/_react["default"].createElement(Component, _extends({
|
|
48
36
|
className: (0, _classnames["default"])(_iconModule["default"].root, className, _iconModule["default"][size])
|
|
49
37
|
}, restProps), /*#__PURE__*/_react["default"].createElement("svg", {
|
|
@@ -52,7 +40,6 @@ var Icon = function Icon(props) {
|
|
|
52
40
|
xlinkHref: "#".concat(glyph)
|
|
53
41
|
})));
|
|
54
42
|
};
|
|
55
|
-
|
|
56
43
|
exports.Icon = Icon;
|
|
57
44
|
Icon.ICONS = ICONS;
|
|
58
45
|
Icon.SIZE_SMALL = 'small';
|
|
@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.Standard = exports.CustomSize = exports.All = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _ = require(".");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
var _default = {
|
|
15
11
|
title: 'UI/Icon',
|
|
16
12
|
component: _.Icon
|
|
17
13
|
};
|
|
18
14
|
exports["default"] = _default;
|
|
19
|
-
|
|
20
15
|
var Template = function Template(args) {
|
|
21
16
|
return /*#__PURE__*/_react["default"].createElement(_.Icon, args);
|
|
22
17
|
};
|
|
23
|
-
|
|
24
18
|
var Standard = Template.bind();
|
|
25
19
|
exports.Standard = Standard;
|
|
26
20
|
Standard.args = {
|
|
@@ -32,7 +26,6 @@ CustomSize.args = {
|
|
|
32
26
|
glyph: _.Icon.ICONS.ARROW,
|
|
33
27
|
size: _.Icon.SIZE_LARGE
|
|
34
28
|
};
|
|
35
|
-
|
|
36
29
|
var All = function All() {
|
|
37
30
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, Object.values(_.Icon.ICONS).map(function (glyph) {
|
|
38
31
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -51,5 +44,4 @@ var All = function All() {
|
|
|
51
44
|
}, glyph));
|
|
52
45
|
}));
|
|
53
46
|
};
|
|
54
|
-
|
|
55
47
|
exports.All = All;
|
package/lib/ui/icon/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _icon = require("./icon");
|
|
8
|
-
|
|
9
7
|
Object.keys(_icon).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _icon[key]) return;
|
package/lib/ui/index.js
CHANGED
|
@@ -117,41 +117,22 @@ Object.defineProperty(exports, "Tooltip", {
|
|
|
117
117
|
return _tooltip.Tooltip;
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
|
-
|
|
121
120
|
var _alert = require("./alert");
|
|
122
|
-
|
|
123
121
|
var _container = require("./container");
|
|
124
|
-
|
|
125
122
|
var _dropdown = require("./dropdown");
|
|
126
|
-
|
|
127
123
|
var _emptySet = require("./empty-set");
|
|
128
|
-
|
|
129
124
|
var _fileName = require("./file-name");
|
|
130
|
-
|
|
131
125
|
var _filters = require("./filters");
|
|
132
|
-
|
|
133
126
|
var _horizontalBarChart = require("./horizontal-bar-chart");
|
|
134
|
-
|
|
135
127
|
var _hoverCard = require("./hover-card");
|
|
136
|
-
|
|
137
128
|
var _icon = require("./icon");
|
|
138
|
-
|
|
139
129
|
var _input = require("./input");
|
|
140
|
-
|
|
141
130
|
var _loader = require("./loader");
|
|
142
|
-
|
|
143
131
|
var _logo = require("./logo");
|
|
144
|
-
|
|
145
132
|
var _panels = require("./panels");
|
|
146
|
-
|
|
147
133
|
var _skeleton = require("./skeleton");
|
|
148
|
-
|
|
149
134
|
var _sortDropdown = require("./sort-dropdown");
|
|
150
|
-
|
|
151
135
|
var _table = require("./table");
|
|
152
|
-
|
|
153
136
|
var _tabs = require("./tabs");
|
|
154
|
-
|
|
155
137
|
var _tag = require("./tag");
|
|
156
|
-
|
|
157
138
|
var _tooltip = require("./tooltip");
|
package/lib/ui/input/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _input = require("./input");
|
|
8
|
-
|
|
9
7
|
Object.keys(_input).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _input[key]) return;
|
package/lib/ui/input/input.js
CHANGED
|
@@ -4,36 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Input = 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 _inputModule = _interopRequireDefault(require("./input.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["className", "size"];
|
|
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 Input = function Input(_ref) {
|
|
27
17
|
var className = _ref.className,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
size = _ref.size,
|
|
19
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
31
20
|
var rootClassName = (0, _classnames["default"])(_inputModule["default"].root, className, _inputModule["default"][size]);
|
|
32
21
|
return /*#__PURE__*/_react["default"].createElement("input", _extends({
|
|
33
22
|
className: rootClassName
|
|
34
23
|
}, restProps));
|
|
35
24
|
};
|
|
36
|
-
|
|
37
25
|
exports.Input = Input;
|
|
38
26
|
Input.propTypes = {
|
|
39
27
|
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/Input', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
package/lib/ui/loader/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _loader = require("./loader");
|
|
8
|
-
|
|
9
7
|
Object.keys(_loader).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _loader[key]) return;
|
package/lib/ui/loader/loader.js
CHANGED
|
@@ -4,35 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Loader = 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 _loaderModule = _interopRequireDefault(require("./loader.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["className", "size"];
|
|
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 Loader = function Loader(_ref) {
|
|
27
17
|
var className = _ref.className,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
size = _ref.size,
|
|
19
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
31
20
|
return /*#__PURE__*/_react["default"].createElement("span", _extends({
|
|
32
21
|
className: (0, _classnames["default"])(_loaderModule["default"].root, className, _loaderModule["default"][size])
|
|
33
22
|
}, restProps));
|
|
34
23
|
};
|
|
35
|
-
|
|
36
24
|
exports.Loader = Loader;
|
|
37
25
|
Loader.SIZE_SMALL = 'small';
|
|
38
26
|
Loader.SIZE_MEDIUM = 'medium';
|
|
@@ -45,7 +33,6 @@ Loader.defaultProps = {
|
|
|
45
33
|
Loader.propTypes = {
|
|
46
34
|
/** Adopted child class name */
|
|
47
35
|
className: _propTypes["default"].string,
|
|
48
|
-
|
|
49
36
|
/** Size modifier */
|
|
50
37
|
size: _propTypes["default"].oneOf(Loader.SIZES)
|
|
51
38
|
};
|
|
@@ -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/Loader', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
package/lib/ui/logo/index.js
CHANGED
package/lib/ui/logo/logo.js
CHANGED
|
@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Logo = 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 _logo = require("./logo.constants");
|
|
15
|
-
|
|
16
11
|
var _logoModule = _interopRequireDefault(require("./logo.module.css"));
|
|
17
|
-
|
|
18
12
|
var _excluded = ["className", "as", "kind"];
|
|
19
|
-
|
|
20
13
|
var _ICONS;
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
15
|
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); }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
var GithubSvg = function GithubSvg(props) {
|
|
33
20
|
return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
|
|
34
21
|
fillRule: "evenodd",
|
|
@@ -37,13 +24,11 @@ var GithubSvg = function GithubSvg(props) {
|
|
|
37
24
|
transform: "scale(64)"
|
|
38
25
|
}));
|
|
39
26
|
};
|
|
40
|
-
|
|
41
27
|
GithubSvg.defaultProps = {
|
|
42
28
|
viewBox: "0 0 1024 1024",
|
|
43
29
|
fill: "currentColor",
|
|
44
30
|
xmlns: "http://www.w3.org/2000/svg"
|
|
45
31
|
};
|
|
46
|
-
|
|
47
32
|
var LogoSvg = function LogoSvg(props) {
|
|
48
33
|
return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
|
|
49
34
|
d: "M256 42.67L69.33 149.33v213.34L256 469.33l186.67-106.66V149.33L256 42.67z",
|
|
@@ -59,25 +44,21 @@ var LogoSvg = function LogoSvg(props) {
|
|
|
59
44
|
fill: "#6f747b"
|
|
60
45
|
}));
|
|
61
46
|
};
|
|
62
|
-
|
|
63
47
|
LogoSvg.defaultProps = {
|
|
64
48
|
xmlns: "http://www.w3.org/2000/svg",
|
|
65
49
|
viewBox: "0 0 512 512"
|
|
66
50
|
};
|
|
67
|
-
|
|
68
51
|
var LogotypeSvg = function LogotypeSvg(props) {
|
|
69
52
|
return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
|
|
70
53
|
className: "a",
|
|
71
54
|
d: "M12.68 53.56h-.33l-1.17 4.51H0V0h14.35v13.52l-.5 6h.33a15.46 15.46 0 0110.43-4.17c10.1 0 16.61 8.34 16.61 21.11 0 14.43-8.68 22.61-17.77 22.61-3.76 0-7.51-1.83-10.77-5.51zm13.85-16.85c0-6.84-2.08-9.68-6.17-9.68-2.25 0-4 .84-6 3v15.36a8.47 8.47 0 005.67 2c3.5 0 6.5-2.67 6.5-10.68zM48.57 42.05v-25.7h14.35v23.86c0 4.68 1 6.68 4.76 6.68 2.42 0 4.08-.67 6.25-3.67V16.35h14.35v41.72H76.6l-1-5.51h-.33c-3.51 4-7.68 6.51-13.52 6.51-9.34 0-13.18-6.67-13.18-17.02zM97.4 16.35h11.68l1 5h.33c3.34-3.17 7.85-6 13.94-6 9.26 0 13.26 6.68 13.26 17v25.7h-14.35V34.21c0-4.67-1.16-6.68-4.84-6.68-2.67 0-4.5 1.17-6.67 3.17v27.37H97.4zM144.8 37.21c0-13.68 8.68-21.86 17.44-21.86a12.27 12.27 0 019.76 4.17h.33l-.66-6V0H186v58.07h-11.66l-1-3.84H173c-2.92 2.84-7 4.84-10.76 4.84-10.6 0-17.44-8.34-17.44-21.86zm26.87 7.18V29a7.8 7.8 0 00-5.51-2c-3.5 0-6.67 2.67-6.67 10 0 7.51 2.41 10.35 6.5 10.35a6.15 6.15 0 005.68-2.96zM204.05 40.88v-29.7h-12.51V0h26.86v41.38c0 4.84 3.34 6.18 6.26 6.18a18.15 18.15 0 006-1.17l3.08 10.51a39.1 39.1 0 01-12.93 2.17c-11.09 0-16.76-7.34-16.76-18.19zM238 37.21c0-13.68 10.68-21.86 21.86-21.86 13.18 0 19.85 9 19.85 20.19a37.41 37.41 0 01-.58 6h-30.25V32.2h20.36l-2 2.51c0-5.51-2.17-8.51-6.84-8.51-5.51 0-8.51 3.5-8.51 11 0 7.84 3.84 11 11.51 11a23.26 23.26 0 0010-2.5l4.68 8.51a33.13 33.13 0 01-16.69 4.84c-13.17.02-23.39-7.99-23.39-21.84zM284.18 51.31l8.18-9.84c4.08 3.08 8.92 5.25 13.85 5.25 4.33 0 6-1.42 6-3.17 0-3.17-2.83-3.84-7.84-5.92l-6.76-2.84c-6.26-2.33-11.43-7.26-11.43-15.1 0-9.26 8.34-16.85 20.69-16.85a27.27 27.27 0 0118.53 7.25l-7.18 9c-3.92-2.59-7-3.93-12.18-3.93-3.17 0-5.34 1.17-5.34 3.68s3.09 3.42 8.51 5.42l6.26 2.59c7.26 2.67 11.43 7.34 11.43 14.85 0 9.17-7.68 17.35-21.7 17.35a32.65 32.65 0 01-21.02-7.74zM337.62 40.38V27.53h-10V16.85l10.68-.5 1.84-12.51H352v12.51h16.52v11.18H352v12.6c0 5.93 2.76 7.76 8.1 7.76a23.71 23.71 0 007.59-1.33l2.5 10.34a50.19 50.19 0 01-13.85 2.17c-13.71 0-18.72-7.51-18.72-18.69zM376.09 46.22c0-9.34 7.34-14.18 26.37-15.18-.51-3-3.34-4.34-8-4.34-3.51 0-7 1.17-12 3.5l-5-9.34a40.45 40.45 0 0119.86-5.51c11.85 0 19.53 5.84 19.53 19.52v23.2h-11.72l-1-4.34h-.33c-4.09 3-9 5.34-14.18 5.34-8.69 0-13.53-6.01-13.53-12.85zm26.37-1.33v-5.34c-10.18.33-12.69 2.67-12.69 5.5 0 1.92 1.5 3 4.51 3 3.34.01 5.92-1.49 8.18-3.16zM431.6 40.38V27.53h-10V16.85l10.68-.5 1.82-12.51H446v12.51h16.52v11.18H446v12.6c0 5.93 2.75 7.76 8.09 7.76a23.77 23.77 0 007.6-1.33l2.5 10.34a50.26 50.26 0 01-13.85 2.17c-13.73 0-18.74-7.51-18.74-18.69zM470.28 52.73l6-8.84a32.83 32.83 0 0016.35 4.67c3.68 0 5.18-1 5.18-2.5 0-2-2.17-2.34-9.18-3.84-11.5-2.51-15.63-6.84-15.63-13.35 0-8.18 7.76-13.52 19.86-13.52 7.84 0 14.1 3.09 18.52 5.84L505 29.7a27.79 27.79 0 00-13.51-3.84c-2.67 0-4.34.84-4.34 2.34 0 1.84 2.17 2 8.67 3.5C508.33 34.54 512 38.3 512 45.22c0 7.84-7.43 13.85-21.36 13.85a39.71 39.71 0 01-20.36-6.34z"
|
|
72
55
|
}));
|
|
73
56
|
};
|
|
74
|
-
|
|
75
57
|
LogotypeSvg.defaultProps = {
|
|
76
58
|
xmlns: "http://www.w3.org/2000/svg",
|
|
77
59
|
viewBox: "0 0 512 59.07",
|
|
78
60
|
fill: "currentColor"
|
|
79
61
|
};
|
|
80
|
-
|
|
81
62
|
var WebpackSvg = function WebpackSvg(props) {
|
|
82
63
|
return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
|
|
83
64
|
fill: "#FFF",
|
|
@@ -90,19 +71,16 @@ var WebpackSvg = function WebpackSvg(props) {
|
|
|
90
71
|
d: "M290.4 444.8L162 374.1V234.2l128.4 74.1v136.5zm18.4 0l128.4-70.6v-140l-128.4 74.1v136.5zM299.6 303zm-129-85l129-70.9L428.5 218l-128.9 74.4-129-74.4z"
|
|
91
72
|
}));
|
|
92
73
|
};
|
|
93
|
-
|
|
94
74
|
WebpackSvg.defaultProps = {
|
|
95
75
|
xmlns: "http://www.w3.org/2000/svg",
|
|
96
76
|
viewBox: "0 0 600 600"
|
|
97
77
|
};
|
|
98
78
|
var ICONS = (_ICONS = {}, _defineProperty(_ICONS, _logo.KIND_GITHUB, GithubSvg), _defineProperty(_ICONS, _logo.KIND_LOGOTYPE, LogotypeSvg), _defineProperty(_ICONS, _logo.KIND_LOGO, LogoSvg), _defineProperty(_ICONS, _logo.KIND_WEBPACK, WebpackSvg), _ICONS);
|
|
99
|
-
|
|
100
79
|
var Logo = function Logo(_ref) {
|
|
101
80
|
var className = _ref.className,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
81
|
+
Component = _ref.as,
|
|
82
|
+
kind = _ref.kind,
|
|
83
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
106
84
|
var rootClassName = (0, _classnames["default"])(_logoModule["default"].root, _logoModule["default"][kind], className);
|
|
107
85
|
var Svg = ICONS[kind] || LogoSvg;
|
|
108
86
|
return /*#__PURE__*/_react["default"].createElement(Component, _extends({
|
|
@@ -111,7 +89,6 @@ var Logo = function Logo(_ref) {
|
|
|
111
89
|
className: _logoModule["default"].svg
|
|
112
90
|
}));
|
|
113
91
|
};
|
|
114
|
-
|
|
115
92
|
exports.Logo = Logo;
|
|
116
93
|
Logo.defaultProps = {
|
|
117
94
|
as: 'span',
|
|
@@ -121,10 +98,8 @@ Logo.defaultProps = {
|
|
|
121
98
|
Logo.propTypes = {
|
|
122
99
|
/** Adopted child class name */
|
|
123
100
|
className: _propTypes["default"].string,
|
|
124
|
-
|
|
125
101
|
/** Rendered component */
|
|
126
102
|
as: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].elementType]),
|
|
127
|
-
|
|
128
103
|
/** Kind modifier */
|
|
129
104
|
kind: _propTypes["default"].oneOf(_logo.KINDS)
|
|
130
105
|
};
|
|
@@ -1,24 +1,16 @@
|
|
|
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 _addonKnobs = require("@storybook/addon-knobs");
|
|
8
|
-
|
|
9
6
|
var _stories = require("../../stories");
|
|
10
|
-
|
|
11
7
|
var _logo = require("./logo.constants");
|
|
12
|
-
|
|
13
8
|
var _ = require(".");
|
|
14
|
-
|
|
15
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
-
|
|
17
10
|
var selectKind = function selectKind() {
|
|
18
11
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _logo.KIND_DEFAULT;
|
|
19
12
|
return (0, _addonKnobs.select)('Kind', _logo.KINDS, value);
|
|
20
13
|
};
|
|
21
|
-
|
|
22
14
|
var stories = (0, _react2.storiesOf)('UI/Logo', module);
|
|
23
15
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
24
16
|
stories.addDecorator(_addonKnobs.withKnobs);
|
|
@@ -27,14 +19,13 @@ stories.add('default', function () {
|
|
|
27
19
|
kind: selectKind()
|
|
28
20
|
});
|
|
29
21
|
});
|
|
30
|
-
/* eslint-disable jsx-a11y/anchor-has-content */
|
|
31
22
|
|
|
23
|
+
/* eslint-disable jsx-a11y/anchor-has-content */
|
|
32
24
|
var LogoComponent = function LogoComponent(props) {
|
|
33
25
|
return /*#__PURE__*/_react["default"].createElement("a", props);
|
|
34
26
|
};
|
|
35
27
|
/* eslint-enable jsx-a11y/anchor-has-content */
|
|
36
28
|
|
|
37
|
-
|
|
38
29
|
stories.add('with custom component', function () {
|
|
39
30
|
return /*#__PURE__*/_react["default"].createElement(_.Logo, {
|
|
40
31
|
as: LogoComponent,
|
package/lib/ui/panels/index.js
CHANGED
package/lib/ui/panels/panels.js
CHANGED
|
@@ -4,52 +4,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Panels = 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 _panelsModule = _interopRequireDefault(require("./panels.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["className"],
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
_excluded2 = ["className", "children"];
|
|
19
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
|
-
|
|
21
14
|
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); }
|
|
22
|
-
|
|
23
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; }
|
|
24
|
-
|
|
25
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) { _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; }
|
|
26
|
-
|
|
27
17
|
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; }
|
|
28
|
-
|
|
29
18
|
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; }
|
|
30
|
-
|
|
31
19
|
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; }
|
|
32
|
-
|
|
33
20
|
var cloneElement = function cloneElement(element) {
|
|
34
21
|
var _element$props = element.props,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
22
|
+
className = _element$props.className,
|
|
23
|
+
restProps = _objectWithoutProperties(_element$props, _excluded);
|
|
38
24
|
return /*#__PURE__*/_react["default"].cloneElement(element, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
39
25
|
className: (0, _classnames["default"])(_panelsModule["default"].panel, className)
|
|
40
26
|
}));
|
|
41
27
|
};
|
|
42
|
-
|
|
43
28
|
var Panels = function Panels(_ref) {
|
|
44
29
|
var className = _ref.className,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
30
|
+
children = _ref.children,
|
|
31
|
+
restProps = _objectWithoutProperties(_ref, _excluded2);
|
|
48
32
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
49
33
|
className: (0, _classnames["default"])(_panelsModule["default"].root, className)
|
|
50
34
|
}, restProps), _react["default"].Children.map(children, cloneElement));
|
|
51
35
|
};
|
|
52
|
-
|
|
53
36
|
exports.Panels = Panels;
|
|
54
37
|
Panels.defaultProps = {
|
|
55
38
|
className: '',
|
|
@@ -58,7 +41,6 @@ Panels.defaultProps = {
|
|
|
58
41
|
Panels.propTypes = {
|
|
59
42
|
/** Adopted child class anme */
|
|
60
43
|
className: _propTypes["default"].string,
|
|
61
|
-
|
|
62
44
|
/** Content */
|
|
63
45
|
children: _propTypes["default"].node
|
|
64
46
|
};
|
|
@@ -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/Panels', module);
|
|
14
9
|
stories.addDecorator((0, _stories.getWrapperDecorator)());
|
|
15
10
|
stories.add('default', function () {
|
package/lib/ui/skeleton/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _skeleton = require("./skeleton");
|
|
8
|
-
|
|
9
7
|
Object.keys(_skeleton).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _skeleton[key]) return;
|
|
@@ -4,37 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Skeleton = 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 _skeletonModule = _interopRequireDefault(require("./skeleton.module.css"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["className", "as", "block"];
|
|
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 Skeleton = function Skeleton(props) {
|
|
27
17
|
var className = props.className,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
Component = props.as,
|
|
19
|
+
block = props.block,
|
|
20
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
32
21
|
var rootClassName = (0, _classnames["default"])(_skeletonModule["default"].root, className, block && _skeletonModule["default"].block);
|
|
33
22
|
return /*#__PURE__*/_react["default"].createElement(Component, _extends({
|
|
34
23
|
className: rootClassName
|
|
35
24
|
}, restProps));
|
|
36
25
|
};
|
|
37
|
-
|
|
38
26
|
exports.Skeleton = Skeleton;
|
|
39
27
|
Skeleton.propTypes = {
|
|
40
28
|
className: _propTypes["default"].string,
|