@bundle-stats/ui 3.2.0-beta.2 → 3.2.1-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/CHANGELOG.md +21 -1
  2. package/lib/assets/icons/arrow.svg +1 -0
  3. package/lib/assets/icons/cancel.svg +1 -0
  4. package/lib/assets/icons/clock.svg +1 -0
  5. package/lib/assets/icons/close.svg +1 -0
  6. package/lib/assets/icons/commit.svg +1 -0
  7. package/lib/assets/icons/filter.svg +1 -0
  8. package/lib/assets/icons/help.svg +1 -0
  9. package/lib/assets/icons/menu.svg +1 -0
  10. package/lib/{ui/icon/assets → assets/icons}/sort.svg +0 -0
  11. package/lib/assets/icons/warning.svg +1 -0
  12. package/lib/assets/icons.svg +1 -0
  13. package/lib/ui/icon/icon.js +4 -191
  14. package/lib/utils.js +6 -3
  15. package/lib-esm/app/app.js +60 -50
  16. package/lib-esm/app/header/header.js +22 -19
  17. package/lib-esm/assets/icons/arrow.svg +1 -0
  18. package/lib-esm/assets/icons/cancel.svg +1 -0
  19. package/lib-esm/assets/icons/clock.svg +1 -0
  20. package/lib-esm/assets/icons/close.svg +1 -0
  21. package/lib-esm/assets/icons/commit.svg +1 -0
  22. package/lib-esm/assets/icons/filter.svg +1 -0
  23. package/lib-esm/assets/icons/help.svg +1 -0
  24. package/lib-esm/assets/icons/menu.svg +1 -0
  25. package/lib-esm/{ui/icon/assets → assets/icons}/sort.svg +0 -0
  26. package/lib-esm/assets/icons/warning.svg +1 -0
  27. package/lib-esm/assets/icons.svg +1 -0
  28. package/lib-esm/components/asset-info/asset-info.js +8 -6
  29. package/lib-esm/components/bundle-assets/bundle-assets.js +93 -80
  30. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +15 -12
  31. package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js +6 -5
  32. package/lib-esm/components/bundle-modules/bundle-modules.js +82 -67
  33. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +9 -6
  34. package/lib-esm/components/bundle-modules/index.js +6 -3
  35. package/lib-esm/components/bundle-packages/bundle-packages.js +29 -24
  36. package/lib-esm/components/component-link.js +7 -6
  37. package/lib-esm/components/delta/delta.js +7 -6
  38. package/lib-esm/components/job-meta/job-meta.js +5 -4
  39. package/lib-esm/components/job-name/job-name.js +14 -11
  40. package/lib-esm/components/metric/metric.js +10 -9
  41. package/lib-esm/components/metrics-table/metrics-table.js +24 -20
  42. package/lib-esm/components/metrics-table-options/metrics-table-options.js +7 -5
  43. package/lib-esm/components/summary/summary.js +44 -32
  44. package/lib-esm/components/summary/summary.stories.js +11 -8
  45. package/lib-esm/components/summary-item/summary-item.js +18 -15
  46. package/lib-esm/components/total-size-type-title/total-size-type-title.js +17 -14
  47. package/lib-esm/hooks/rows-filter.js +7 -6
  48. package/lib-esm/hooks/rows-sort.js +8 -7
  49. package/lib-esm/hooks/search-params.js +73 -69
  50. package/lib-esm/layout/footer/footer.js +33 -30
  51. package/lib-esm/layout/header/header.js +17 -14
  52. package/lib-esm/layout/header/header.stories.js +45 -30
  53. package/lib-esm/prototypes/typography.stories.js +5 -4
  54. package/lib-esm/stories/wrapper.js +20 -14
  55. package/lib-esm/ui/container/container.js +12 -9
  56. package/lib-esm/ui/dropdown/dropdown.stories.js +9 -6
  57. package/lib-esm/ui/file-name/file-name.js +10 -7
  58. package/lib-esm/ui/filters/filters.container.js +14 -8
  59. package/lib-esm/ui/filters/filters.js +41 -19
  60. package/lib-esm/ui/filters/filters.stories.js +4 -3
  61. package/lib-esm/ui/filters/filters.utils.js +12 -6
  62. package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js +7 -6
  63. package/lib-esm/ui/icon/icon.js +12 -209
  64. package/lib-esm/ui/input/input.js +6 -5
  65. package/lib-esm/ui/loader/loader.js +10 -7
  66. package/lib-esm/ui/logo/logo.js +7 -6
  67. package/lib-esm/ui/logo/logo.stories.js +7 -1
  68. package/lib-esm/ui/panels/panels.js +10 -7
  69. package/lib-esm/ui/popover/popover.js +8 -7
  70. package/lib-esm/ui/sort-dropdown/sort-dropdown.js +10 -7
  71. package/lib-esm/ui/table/table.js +8 -7
  72. package/lib-esm/ui/tabs/tabs.js +9 -6
  73. package/lib-esm/ui/toolbar/toolbar.stories.js +10 -7
  74. package/lib-esm/utils.js +13 -4
  75. package/package.json +24 -20
  76. package/src/assets/icons/arrow.svg +1 -0
  77. package/src/assets/icons/cancel.svg +1 -0
  78. package/src/assets/icons/clock.svg +1 -0
  79. package/src/assets/icons/close.svg +1 -0
  80. package/src/assets/icons/commit.svg +1 -0
  81. package/src/assets/icons/filter.svg +1 -0
  82. package/src/assets/icons/help.svg +1 -0
  83. package/src/assets/icons/menu.svg +1 -0
  84. package/src/{ui/icon/assets → assets/icons}/sort.svg +0 -0
  85. package/src/assets/icons/warning.svg +1 -0
  86. package/src/assets/icons.svg +1 -0
  87. package/src/ui/icon/icon.jsx +7 -42
  88. package/src/utils.jsx +5 -3
  89. package/lib/ui/icon/assets/arrow.svg +0 -4
  90. package/lib/ui/icon/assets/branch.svg +0 -3
  91. package/lib/ui/icon/assets/cancel.svg +0 -4
  92. package/lib/ui/icon/assets/clock.svg +0 -3
  93. package/lib/ui/icon/assets/close.svg +0 -4
  94. package/lib/ui/icon/assets/commit.svg +0 -3
  95. package/lib/ui/icon/assets/filter.svg +0 -4
  96. package/lib/ui/icon/assets/help.svg +0 -4
  97. package/lib/ui/icon/assets/job.svg +0 -3
  98. package/lib/ui/icon/assets/menu.svg +0 -4
  99. package/lib/ui/icon/assets/package.svg +0 -3
  100. package/lib/ui/icon/assets/pull-request.svg +0 -3
  101. package/lib/ui/icon/assets/repository.svg +0 -3
  102. package/lib/ui/icon/assets/warning.svg +0 -4
  103. package/lib-esm/ui/icon/assets/arrow.svg +0 -4
  104. package/lib-esm/ui/icon/assets/branch.svg +0 -3
  105. package/lib-esm/ui/icon/assets/cancel.svg +0 -4
  106. package/lib-esm/ui/icon/assets/clock.svg +0 -3
  107. package/lib-esm/ui/icon/assets/close.svg +0 -4
  108. package/lib-esm/ui/icon/assets/commit.svg +0 -3
  109. package/lib-esm/ui/icon/assets/filter.svg +0 -4
  110. package/lib-esm/ui/icon/assets/help.svg +0 -4
  111. package/lib-esm/ui/icon/assets/job.svg +0 -3
  112. package/lib-esm/ui/icon/assets/menu.svg +0 -4
  113. package/lib-esm/ui/icon/assets/package.svg +0 -3
  114. package/lib-esm/ui/icon/assets/pull-request.svg +0 -3
  115. package/lib-esm/ui/icon/assets/repository.svg +0 -3
  116. package/lib-esm/ui/icon/assets/warning.svg +0 -4
  117. package/src/ui/icon/assets/arrow.svg +0 -4
  118. package/src/ui/icon/assets/branch.svg +0 -3
  119. package/src/ui/icon/assets/cancel.svg +0 -4
  120. package/src/ui/icon/assets/clock.svg +0 -3
  121. package/src/ui/icon/assets/close.svg +0 -4
  122. package/src/ui/icon/assets/commit.svg +0 -3
  123. package/src/ui/icon/assets/filter.svg +0 -4
  124. package/src/ui/icon/assets/help.svg +0 -4
  125. package/src/ui/icon/assets/job.svg +0 -3
  126. package/src/ui/icon/assets/menu.svg +0 -4
  127. package/src/ui/icon/assets/package.svg +0 -3
  128. package/src/ui/icon/assets/pull-request.svg +0 -3
  129. package/src/ui/icon/assets/repository.svg +0 -3
  130. package/src/ui/icon/assets/warning.svg +0 -4
package/CHANGELOG.md CHANGED
@@ -3,7 +3,27 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [3.2.0-beta.2](https://github.com/relative-ci/bundle-stats/compare/v3.1.3...v3.2.0-beta.2) (2021-10-12)
6
+ ## [3.2.1-beta.7](https://github.com/relative-ci/bundle-stats/compare/v3.2.1-beta.6...v3.2.1-beta.7) (2021-11-21)
7
+
8
+ **Note:** Version bump only for package @bundle-stats/ui
9
+
10
+
11
+
12
+
13
+
14
+ ## [3.2.1-beta.6](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1-beta.6) (2021-11-21)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **ui:** Regenerate package-lock.json ([8632b07](https://github.com/relative-ci/bundle-stats/commit/8632b072ffc240a1961056c08c165fbf1d986fc8))
20
+ * **ui:** Remove unused icons ([8c337da](https://github.com/relative-ci/bundle-stats/commit/8c337da68a9628d9ef4c9d27f11747b0bc548f29))
21
+
22
+
23
+
24
+
25
+
26
+ # [3.2.0](https://github.com/relative-ci/bundle-stats/compare/v3.1.3...v3.2.0) (2021-10-13)
7
27
 
8
28
 
9
29
  ### Bug Fixes
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart" transform="rotate(-90deg)"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
File without changes
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
@@ -0,0 +1 @@
1
+ <svg width="16" height="16"><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="afeather afeather-arrow-down" id="arrow" xmlns="http://www.w3.org/2000/svg"><path d="M12 5v14M19 12l-7 7-7-7"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="bfeather bfeather-x-circle" id="cancel" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M15 9l-6 6M9 9l6 6"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cfeather cfeather-clock" id="clock" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dfeather dfeather-x" id="close" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="efeather efeather-git-commit" id="commit" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="4"/><path d="M1.05 12H7M17.01 12h5.95"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ffeather ffeather-bar-chart" id="filter" xmlns="http://www.w3.org/2000/svg"><path d="M12 20V10M18 20V4M6 20v-4"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="gfeather gfeather-help-circle" id="help" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hfeather hfeather-menu" id="menu" xmlns="http://www.w3.org/2000/svg"><path d="M3 12h18M3 6h18M3 18h18"/></symbol><symbol viewBox="0 0 24 24" fill="currentColor" id="sort" xmlns="http://www.w3.org/2000/svg"><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/><path d="M0 0h24v24H0z" fill="none"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="jfeather jfeather-alert-triangle" id="warning" xmlns="http://www.w3.org/2000/svg"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"/></symbol></svg>
@@ -15,8 +15,6 @@ var _iconModule = _interopRequireDefault(require("./icon.module.css"));
15
15
 
16
16
  var _excluded = ["className", "glyph", "as", "size"];
17
17
 
18
- var _ICON_MAP;
19
-
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
19
 
22
20
  function _extends() { _extends = Object.assign || 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,191 +23,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
25
23
 
26
24
  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; }
27
25
 
28
- 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; }
29
-
30
- var ArrowIcon = function ArrowIcon(props) {
31
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
32
- fill: "none",
33
- d: "M0 0h24v24H0V0z"
34
- }), /*#__PURE__*/_react["default"].createElement("path", {
35
- d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
36
- }));
37
- };
38
-
39
- ArrowIcon.defaultProps = {
40
- viewBox: "0 0 24 24",
41
- xmlns: "http://www.w3.org/2000/svg",
42
- fill: "currentColor"
43
- };
44
-
45
- var BranchIcon = function BranchIcon(props) {
46
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
47
- d: "M512 192c-70.625 0-128 57.344-128 128 0 47.219 25.875 88.062 64 110.281V448s0 128-128 128c-53.062 0-94.656 11.375-128 28.812V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128S0 121.344 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-33.5-13.188-63.75-34.25-86.625C240.375 722.5 270.656 704 320 704c254 0 256-256 256-256v-17.719c38.125-22.219 64-63.062 64-110.281 0-70.656-57.375-128-128-128zm-384-64c35.406 0 64 28.594 64 64s-28.594 64-64 64-64-28.594-64-64 28.594-64 64-64zm0 768c-35.406 0-64-28.625-64-64 0-35.312 28.594-64 64-64s64 28.688 64 64c0 35.375-28.594 64-64 64zm384-512c-35.375 0-64-28.594-64-64s28.625-64 64-64 64 28.594 64 64-28.625 64-64 64z"
48
- }));
49
- };
50
-
51
- BranchIcon.defaultProps = {
52
- viewBox: "0 0 640 1024",
53
- xmlns: "http://www.w3.org/2000/svg",
54
- fill: "currentColor"
55
- };
56
-
57
- var CancelIcon = function CancelIcon(props) {
58
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
59
- d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
60
- }), /*#__PURE__*/_react["default"].createElement("path", {
61
- d: "M0 0h24v24H0z",
62
- fill: "none"
63
- }));
64
- };
65
-
66
- CancelIcon.defaultProps = {
67
- xmlns: "http://www.w3.org/2000/svg",
68
- height: "24",
69
- viewBox: "0 0 24 24",
70
- width: "24",
71
- fill: "currentColor"
72
- };
73
-
74
- var ClockIcon = function ClockIcon(props) {
75
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
76
- fillRule: "evenodd",
77
- d: "M8 8h3v2H7c-.55 0-1-.45-1-1V4h2v4zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"
78
- }));
79
- };
80
-
81
- ClockIcon.defaultProps = {
82
- viewBox: "0 0 14 16",
83
- fill: "currentColor"
84
- };
85
-
86
- var CloseIcon = function CloseIcon(props) {
87
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
88
- d: "M0 0h24v24H0z",
89
- fill: "none"
90
- }), /*#__PURE__*/_react["default"].createElement("path", {
91
- d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
92
- }));
93
- };
94
-
95
- CloseIcon.defaultProps = {
96
- xmlns: "http://www.w3.org/2000/svg",
97
- viewBox: "0 0 24 24",
98
- fill: "currentColor"
99
- };
100
-
101
- var CommitIcon = function CommitIcon(props) {
102
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
103
- d: "M694.875 448C666.375 337.781 567.125 256 448 256c-119.094 0-218.375 81.781-246.906 192H0v128h201.094C229.625 686.25 328.906 768 448 768c119.125 0 218.375-81.75 246.875-192H896V448H694.875zM448 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128z"
104
- }));
105
- };
106
-
107
- CommitIcon.defaultProps = {
108
- viewBox: "0 0 896 1024",
109
- xmlns: "http://www.w3.org/2000/svg",
110
- fill: "currentColor"
111
- };
112
-
113
- var FilterIcon = function FilterIcon(props) {
114
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
115
- d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
116
- }), /*#__PURE__*/_react["default"].createElement("path", {
117
- d: "M0 0h24v24H0z",
118
- fill: "none"
119
- }));
120
- };
121
-
122
- FilterIcon.defaultProps = {
123
- viewBox: "0 0 24 24",
124
- xmlns: "http://www.w3.org/2000/svg",
125
- fill: "currentColor"
126
- };
127
-
128
- var HelpIcon = function HelpIcon(props) {
129
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
130
- d: "M0 0h24v24H0z",
131
- fill: "none"
132
- }), /*#__PURE__*/_react["default"].createElement("path", {
133
- d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
134
- }));
135
- };
136
-
137
- HelpIcon.defaultProps = {
138
- viewBox: "0 0 24 24",
139
- fill: "currentColor"
140
- };
141
-
142
- var MenuIcon = function MenuIcon(props) {
143
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
144
- d: "M0 0h24v24H0z",
145
- fill: "none"
146
- }), /*#__PURE__*/_react["default"].createElement("path", {
147
- d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
148
- }));
149
- };
150
-
151
- MenuIcon.defaultProps = {
152
- viewBox: "0 0 24 24",
153
- xmlns: "http://www.w3.org/2000/svg",
154
- fill: "currentColor"
155
- };
156
-
157
- var PackageIcon = function PackageIcon(props) {
158
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
159
- d: "M480 64L0 192v576l480 128 480-128V192L480 64zM63.875 720.934L63.5 288l384.498 102.533.001 432.833L63.875 720.934zM63.5 224l160.254-42.734L640 292.265v.135l-160 42.667L63.5 224zm832.625 496.934L512.001 823.366l.001-432.833L640 356.4v156l128-34.135V322.267L896.5 288l-.375 432.934zM768 258.267v-.125L351.734 147.138 480 112.934 896.5 224 768 258.267z"
160
- }));
161
- };
162
-
163
- PackageIcon.defaultProps = {
164
- viewBox: "0 0 1024 1024",
165
- xmlns: "http://www.w3.org/2000/svg",
166
- fill: "currentColor"
167
- };
168
-
169
- var PullRequestIcon = function PullRequestIcon(props) {
170
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
171
- d: "M128 64C57.344 64 0 121.344 0 192c0 47.219 25.906 88.062 64 110.281V721.75C25.906 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128zm0 832c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64 0 35.375-28.594 64-64 64zm0-640c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64s-28.594 64-64 64zm576 465.75V320c0-192.5-192-192-192-192h-64V0L256 192l192 192V256h64c56.438 0 64 64 64 64v401.75c-38.125 22.188-64 62.938-64 110.25 0 70.625 57.375 128 128 128s128-57.375 128-128c0-47.25-25.875-88.062-64-110.25zM640 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.375 0 64 28.688 64 64 0 35.375-28.625 64-64 64z"
172
- }));
173
- };
174
-
175
- PullRequestIcon.defaultProps = {
176
- viewBox: "0 0 768 1024",
177
- xmlns: "http://www.w3.org/2000/svg",
178
- fill: "currentColor"
179
- };
180
-
181
- var SortIcon = function SortIcon(props) {
182
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
183
- d: "M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"
184
- }), /*#__PURE__*/_react["default"].createElement("path", {
185
- d: "M0 0h24v24H0z",
186
- fill: "none"
187
- }));
188
- };
189
-
190
- SortIcon.defaultProps = {
191
- viewBox: "0 0 24 24",
192
- xmlns: "http://www.w3.org/2000/svg",
193
- fill: "currentColor"
194
- };
195
-
196
- var WarningIcon = function WarningIcon(props) {
197
- return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
198
- d: "M0 0h24v24H0z",
199
- fill: "none"
200
- }), /*#__PURE__*/_react["default"].createElement("path", {
201
- d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
202
- }));
203
- };
204
-
205
- WarningIcon.defaultProps = {
206
- viewBox: "0 0 24 24",
207
- xmlns: "http://www.w3.org/2000/svg",
208
- fill: "currentColor"
209
- };
210
26
  var ICONS = {
211
27
  ARROW: 'arrow',
212
- BRANCH: 'branch',
213
28
  CANCEL: 'cancel',
214
29
  CLOSE: 'close',
215
30
  CLOCK: 'clock',
@@ -217,12 +32,9 @@ var ICONS = {
217
32
  FILTER: 'filter',
218
33
  HELP: 'help',
219
34
  MENU: 'menu',
220
- PACKAGE: 'package',
221
- PR: 'pr',
222
35
  SORT: 'sort',
223
36
  WARNING: 'warning'
224
37
  };
225
- var ICON_MAP = (_ICON_MAP = {}, _defineProperty(_ICON_MAP, ICONS.ARROW, ArrowIcon), _defineProperty(_ICON_MAP, ICONS.BRANCH, BranchIcon), _defineProperty(_ICON_MAP, ICONS.CANCEL, CancelIcon), _defineProperty(_ICON_MAP, ICONS.CLOCK, ClockIcon), _defineProperty(_ICON_MAP, ICONS.CLOSE, CloseIcon), _defineProperty(_ICON_MAP, ICONS.COMMIT, CommitIcon), _defineProperty(_ICON_MAP, ICONS.FILTER, FilterIcon), _defineProperty(_ICON_MAP, ICONS.HELP, HelpIcon), _defineProperty(_ICON_MAP, ICONS.MENU, MenuIcon), _defineProperty(_ICON_MAP, ICONS.PACKAGE, PackageIcon), _defineProperty(_ICON_MAP, ICONS.PR, PullRequestIcon), _defineProperty(_ICON_MAP, ICONS.SORT, SortIcon), _defineProperty(_ICON_MAP, ICONS.WARNING, WarningIcon), _ICON_MAP);
226
38
 
227
39
  var Icon = function Icon(_ref) {
228
40
  var className = _ref.className,
@@ -231,12 +43,13 @@ var Icon = function Icon(_ref) {
231
43
  size = _ref.size,
232
44
  restProps = _objectWithoutProperties(_ref, _excluded);
233
45
 
234
- var Svg = typeof glyph === 'string' ? ICON_MAP[glyph] : glyph;
235
46
  return /*#__PURE__*/_react["default"].createElement(Component, _extends({
236
47
  className: (0, _classnames["default"])(_iconModule["default"].root, className, _iconModule["default"][size])
237
- }, restProps), /*#__PURE__*/_react["default"].createElement(Svg, {
48
+ }, restProps), /*#__PURE__*/_react["default"].createElement("svg", {
238
49
  className: _iconModule["default"].icon
239
- }));
50
+ }, /*#__PURE__*/_react["default"].createElement("use", {
51
+ xlinkHref: "#".concat(glyph)
52
+ })));
240
53
  };
241
54
 
242
55
  exports.Icon = Icon;
package/lib/utils.js CHANGED
@@ -45,14 +45,17 @@ var getRenderChildWithClassName = function getRenderChildWithClassName(className
45
45
  return null;
46
46
  }
47
47
 
48
- if (!(child !== null && child !== void 0 && child.props)) {
48
+ var props = child.props;
49
+
50
+ if (!props) {
49
51
  return /*#__PURE__*/_react["default"].createElement("div", {
50
52
  className: className
51
53
  }, child);
52
54
  }
53
55
 
54
- return /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
55
- className: (0, _classnames["default"])(className, child.props.className)
56
+ return /*#__PURE__*/_react["default"].cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
57
+ className: (0, _classnames["default"])(className, props.className) // eslint-disable-line react/prop-types
58
+
56
59
  }));
57
60
  };
58
61
  };
@@ -33,20 +33,23 @@ const ScrollToTop = () => {
33
33
  return null;
34
34
  };
35
35
 
36
- const Layout = ({
37
- jobs,
38
- version,
39
- ...props
40
- }) => /*#__PURE__*/React.createElement("div", {
41
- className: css.root
42
- }, /*#__PURE__*/React.createElement(Header, {
43
- className: css.header,
44
- jobs: jobs
45
- }), /*#__PURE__*/React.createElement("main", _extends({
46
- className: css.main
47
- }, props)), /*#__PURE__*/React.createElement(Footer, {
48
- version: version
49
- }));
36
+ const Layout = _ref => {
37
+ let {
38
+ jobs,
39
+ version,
40
+ ...props
41
+ } = _ref;
42
+ return /*#__PURE__*/React.createElement("div", {
43
+ className: css.root
44
+ }, /*#__PURE__*/React.createElement(Header, {
45
+ className: css.header,
46
+ jobs: jobs
47
+ }), /*#__PURE__*/React.createElement("main", _extends({
48
+ className: css.main
49
+ }, props)), /*#__PURE__*/React.createElement(Footer, {
50
+ version: version
51
+ }));
52
+ };
50
53
 
51
54
  Layout.propTypes = {
52
55
  jobs: PropTypes.arrayOf(PropTypes.object),
@@ -57,10 +60,11 @@ Layout.defaultProps = {
57
60
  version: null
58
61
  };
59
62
 
60
- const AppComponent = ({
61
- version,
62
- jobs
63
- }) => {
63
+ const AppComponent = _ref2 => {
64
+ let {
65
+ version,
66
+ jobs
67
+ } = _ref2;
64
68
  const [bundleStatsState, bundleStatsSetState] = useComponentQueryState(COMPONENT.BUNDLE_ASSETS);
65
69
  const [bundlePackagesState, bundlePackagesSetState] = useComponentQueryState(COMPONENT.BUNDLE_PACKAGES);
66
70
  const [bundleModulesState, bundleModulesSetState] = useComponentQueryState(COMPONENT.BUNDLE_MODULES);
@@ -112,22 +116,25 @@ const AppComponent = ({
112
116
  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
113
117
  exact: true,
114
118
  path: URLS.ASSETS,
115
- render: ({
116
- location
117
- }) => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
118
- space: "medium"
119
- }, /*#__PURE__*/React.createElement(Summary, {
120
- keys: METRICS_WEBPACK_ASSETS,
121
- data: jobs[0].summary,
122
- showSummaryItemDelta: jobs.length !== 1
123
- }), /*#__PURE__*/React.createElement(Box, {
124
- outline: true
125
- }, /*#__PURE__*/React.createElement(BundleAssets, _extends({
126
- jobs: jobs,
127
- setState: bundleStatsSetState
128
- }, bundleStatsState, {
129
- key: `${location.pathname}_${location.search}`
130
- })))))
119
+ render: _ref3 => {
120
+ let {
121
+ location
122
+ } = _ref3;
123
+ return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
124
+ space: "medium"
125
+ }, /*#__PURE__*/React.createElement(Summary, {
126
+ keys: METRICS_WEBPACK_ASSETS,
127
+ data: jobs[0].summary,
128
+ showSummaryItemDelta: jobs.length !== 1
129
+ }), /*#__PURE__*/React.createElement(Box, {
130
+ outline: true
131
+ }, /*#__PURE__*/React.createElement(BundleAssets, _extends({
132
+ jobs: jobs,
133
+ setState: bundleStatsSetState
134
+ }, bundleStatsState, {
135
+ key: `${location.pathname}_${location.search}`
136
+ })))));
137
+ }
131
138
  }), /*#__PURE__*/React.createElement(Route, {
132
139
  exact: true,
133
140
  path: URLS.MODULES,
@@ -146,22 +153,25 @@ const AppComponent = ({
146
153
  }), /*#__PURE__*/React.createElement(Route, {
147
154
  exact: true,
148
155
  path: URLS.PACKAGES,
149
- render: ({
150
- location
151
- }) => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
152
- space: "medium"
153
- }, /*#__PURE__*/React.createElement(Summary, {
154
- keys: METRICS_WEBPACK_PACKAGES,
155
- data: jobs[0].summary,
156
- showSummaryItemDelta: jobs.length !== 1
157
- }), /*#__PURE__*/React.createElement(Box, {
158
- outline: true
159
- }, /*#__PURE__*/React.createElement(BundlePackages, _extends({
160
- jobs: jobs
161
- }, bundlePackagesState, {
162
- setState: bundlePackagesSetState,
163
- key: `${location.pathname}_${location.search}`
164
- })))))
156
+ render: _ref4 => {
157
+ let {
158
+ location
159
+ } = _ref4;
160
+ return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Stack, {
161
+ space: "medium"
162
+ }, /*#__PURE__*/React.createElement(Summary, {
163
+ keys: METRICS_WEBPACK_PACKAGES,
164
+ data: jobs[0].summary,
165
+ showSummaryItemDelta: jobs.length !== 1
166
+ }), /*#__PURE__*/React.createElement(Box, {
167
+ outline: true
168
+ }, /*#__PURE__*/React.createElement(BundlePackages, _extends({
169
+ jobs: jobs
170
+ }, bundlePackagesState, {
171
+ setState: bundlePackagesSetState,
172
+ key: `${location.pathname}_${location.search}`
173
+ })))));
174
+ }
165
175
  }), /*#__PURE__*/React.createElement(Route, {
166
176
  exact: true,
167
177
  path: URLS.OVERVIEW,
@@ -5,25 +5,28 @@ import { Container } from '../../ui/container';
5
5
  import { JobsHeader } from '../../components/jobs-header';
6
6
  import { Logo } from '../../ui/logo';
7
7
  import css from './header.module.css';
8
- export const Header = ({
9
- className,
10
- jobs
11
- }) => /*#__PURE__*/React.createElement(Container, {
12
- as: "header",
13
- className: cx(css.root, className)
14
- }, /*#__PURE__*/React.createElement("div", {
15
- className: css.inner
16
- }, /*#__PURE__*/React.createElement("a", {
17
- className: css.branding,
18
- href: "https://github.com/relative-ci/bundle-stats",
19
- target: "_blank",
20
- rel: "noopener noreferrer nofollow"
21
- }, /*#__PURE__*/React.createElement(Logo, {
22
- className: css.brandingLogo
23
- }, "BundleStats")), /*#__PURE__*/React.createElement(JobsHeader, {
24
- className: css.jobs,
25
- jobs: jobs
26
- })));
8
+ export const Header = _ref => {
9
+ let {
10
+ className,
11
+ jobs
12
+ } = _ref;
13
+ return /*#__PURE__*/React.createElement(Container, {
14
+ as: "header",
15
+ className: cx(css.root, className)
16
+ }, /*#__PURE__*/React.createElement("div", {
17
+ className: css.inner
18
+ }, /*#__PURE__*/React.createElement("a", {
19
+ className: css.branding,
20
+ href: "https://github.com/relative-ci/bundle-stats",
21
+ target: "_blank",
22
+ rel: "noopener noreferrer nofollow"
23
+ }, /*#__PURE__*/React.createElement(Logo, {
24
+ className: css.brandingLogo
25
+ }, "BundleStats")), /*#__PURE__*/React.createElement(JobsHeader, {
26
+ className: css.jobs,
27
+ jobs: jobs
28
+ })));
29
+ };
27
30
  Header.propTypes = {
28
31
  className: PropTypes.string,
29
32
  jobs: PropTypes.arrayOf(PropTypes.object)
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart" transform="rotate(-90deg)"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
@@ -0,0 +1 @@
1
+ <svg width="16" height="16"><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="afeather afeather-arrow-down" id="arrow" xmlns="http://www.w3.org/2000/svg"><path d="M12 5v14M19 12l-7 7-7-7"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="bfeather bfeather-x-circle" id="cancel" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M15 9l-6 6M9 9l6 6"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="cfeather cfeather-clock" id="clock" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dfeather dfeather-x" id="close" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="efeather efeather-git-commit" id="commit" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="4"/><path d="M1.05 12H7M17.01 12h5.95"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ffeather ffeather-bar-chart" id="filter" xmlns="http://www.w3.org/2000/svg"><path d="M12 20V10M18 20V4M6 20v-4"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="gfeather gfeather-help-circle" id="help" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hfeather hfeather-menu" id="menu" xmlns="http://www.w3.org/2000/svg"><path d="M3 12h18M3 6h18M3 18h18"/></symbol><symbol viewBox="0 0 24 24" fill="currentColor" id="sort" xmlns="http://www.w3.org/2000/svg"><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/><path d="M0 0h24v24H0z" fill="none"/></symbol><symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="jfeather jfeather-alert-triangle" id="warning" xmlns="http://www.w3.org/2000/svg"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01"/></symbol></svg>
@@ -12,12 +12,14 @@ import { FileName } from '../../ui/file-name';
12
12
  import { ComponentLink } from '../component-link';
13
13
  import css from './asset-info.module.css';
14
14
 
15
- const ChunkModulesLink = ({
16
- as: Component,
17
- chunks,
18
- chunkId,
19
- name
20
- }) => {
15
+ const ChunkModulesLink = _ref => {
16
+ let {
17
+ as: Component,
18
+ chunks,
19
+ chunkId,
20
+ name
21
+ } = _ref;
22
+
21
23
  const chunk = _find(chunks, {
22
24
  id: chunkId
23
25
  });