@bundle-stats/ui 4.23.0-beta.6 → 4.23.0-beta.8

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 (28) hide show
  1. package/lib/chart-colors.json +44 -58
  2. package/lib/components/bundle-assets/index.js +2 -1
  3. package/lib/components/bundle-assets/index.js.map +1 -1
  4. package/lib/components/bundle-modules/index.js +2 -1
  5. package/lib/components/bundle-modules/index.js.map +1 -1
  6. package/lib/css/variables.css +8 -7
  7. package/lib/query-state.js +6 -3
  8. package/lib/query-state.js.map +1 -1
  9. package/lib/ui/button/button.module.css +15 -4
  10. package/lib/ui/dropdown/dropdown.module.css +4 -0
  11. package/lib-esm/chart-colors.json +44 -58
  12. package/lib-esm/components/bundle-assets/index.js +2 -1
  13. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  14. package/lib-esm/components/bundle-modules/index.js +2 -1
  15. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  16. package/lib-esm/css/variables.css +8 -7
  17. package/lib-esm/query-state.js +7 -4
  18. package/lib-esm/query-state.js.map +1 -1
  19. package/lib-esm/ui/button/button.module.css +15 -4
  20. package/lib-esm/ui/dropdown/dropdown.module.css +4 -0
  21. package/package.json +4 -4
  22. package/src/chart-colors.json +44 -58
  23. package/src/components/bundle-assets/index.tsx +3 -1
  24. package/src/components/bundle-modules/index.tsx +3 -1
  25. package/src/css/variables.css +8 -7
  26. package/src/query-state.tsx +9 -4
  27. package/src/ui/button/button.module.css +15 -4
  28. package/src/ui/dropdown/dropdown.module.css +4 -0
package/lib/chart-colors.json CHANGED
@@ -1,59 +1,45 @@
1
1
  [
2
- "rgba(79,146,213,1)",
3
- "rgba(86,146,215,1)",
4
- "rgba(92,145,217,1)",
5
- "rgba(99,145,219,1)",
6
- "rgba(105,144,221,1)",
7
- "rgba(112,144,223,1)",
8
- "rgba(118,143,225,1)",
9
- "rgba(125,143,227,1)",
10
- "rgba(131,142,229,1)",
11
- "rgba(138,141,229,1)",
12
- "rgba(145,140,229,1)",
13
- "rgba(152,138,229,1)",
14
- "rgba(159,137,229,1)",
15
- "rgba(165,136,228,1)",
16
- "rgba(172,135,228,1)",
17
- "rgba(179,133,228,1)",
18
- "rgba(186,132,228,1)",
19
- "rgba(192,130,226,1)",
20
- "rgba(198,129,223,1)",
21
- "rgba(204,127,221,1)",
22
- "rgba(210,125,218,1)",
23
- "rgba(216,123,216,1)",
24
- "rgba(222,122,213,1)",
25
- "rgba(228,120,211,1)",
26
- "rgba(234,118,208,1)",
27
- "rgba(237,117,204,1)",
28
- "rgba(239,116,199,1)",
29
- "rgba(242,114,195,1)",
30
- "rgba(245,113,191,1)",
31
- "rgba(247,112,186,1)",
32
- "rgba(250,111,182,1)",
33
- "rgba(252,109,177,1)",
34
- "rgba(255,108,173,1)",
35
- "rgba(255,109,167,1)",
36
- "rgba(255,109,162,1)",
37
- "rgba(255,110,156,1)",
38
- "rgba(255,111,151,1)",
39
- "rgba(255,111,145,1)",
40
- "rgba(255,112,139,1)",
41
- "rgba(255,112,134,1)",
42
- "rgba(255,113,128,1)",
43
- "rgba(255,116,122,1)",
44
- "rgba(255,119,116,1)",
45
- "rgba(255,121,109,1)",
46
- "rgba(255,124,103,1)",
47
- "rgba(255,127,97,1)",
48
- "rgba(255,130,91,1)",
49
- "rgba(255,132,84,1)",
50
- "rgba(255,135,78,1)",
51
- "rgba(255,139,68,1)",
52
- "rgba(255,143,59,1)",
53
- "rgba(255,147,49,1)",
54
- "rgba(255,151,39,1)",
55
- "rgba(255,154,29,1)",
56
- "rgba(255,158,20,1)",
57
- "rgba(255,162,10,1)",
58
- "rgba(255,166,0,1)"
59
- ]
2
+ "rgba(136,132,216,1)",
3
+ "rgba(135,137,219,1)",
4
+ "rgba(135,142,222,1)",
5
+ "rgba(134,147,225,1)",
6
+ "rgba(133,151,228,1)",
7
+ "rgba(132,156,231,1)",
8
+ "rgba(132,161,234,1)",
9
+ "rgba(131,166,237,1)",
10
+ "rgba(132,172,235,1)",
11
+ "rgba(134,178,234,1)",
12
+ "rgba(135,184,232,1)",
13
+ "rgba(137,191,230,1)",
14
+ "rgba(138,197,228,1)",
15
+ "rgba(140,203,227,1)",
16
+ "rgba(141,209,225,1)",
17
+ "rgba(139,208,215,1)",
18
+ "rgba(138,207,206,1)",
19
+ "rgba(136,206,196,1)",
20
+ "rgba(135,205,186,1)",
21
+ "rgba(133,204,176,1)",
22
+ "rgba(132,203,167,1)",
23
+ "rgba(130,202,157,1)",
24
+ "rgba(135,205,150,1)",
25
+ "rgba(140,208,143,1)",
26
+ "rgba(145,211,136,1)",
27
+ "rgba(149,213,129,1)",
28
+ "rgba(154,216,122,1)",
29
+ "rgba(159,219,115,1)",
30
+ "rgba(164,222,108,1)",
31
+ "rgba(170,224,105,1)",
32
+ "rgba(177,226,102,1)",
33
+ "rgba(183,228,99,1)",
34
+ "rgba(189,231,96,1)",
35
+ "rgba(195,233,93,1)",
36
+ "rgba(202,235,90,1)",
37
+ "rgba(208,237,87,1)",
38
+ "rgba(215,231,87,1)",
39
+ "rgba(221,226,87,1)",
40
+ "rgba(228,220,87,1)",
41
+ "rgba(235,215,88,1)",
42
+ "rgba(242,209,88,1)",
43
+ "rgba(248,204,88,1)",
44
+ "rgba(255,198,88,1)"
45
+ ]
package/lib/components/bundle-assets/index.js CHANGED
@@ -71,11 +71,12 @@ const BundleAssets = (props) => {
71
71
  const result = webpack.compareBySection.assets(jobs, [bundle_assets_utils_1.addMetricReportAssetRowData]);
72
72
  return { rows: result, totalRowCount: result.length };
73
73
  }, [jobs]);
74
+ const getRowFilter = (0, react_1.useMemo)(() => (0, bundle_assets_utils_1.generateGetRowFilter)({ chunkIds }), [chunkIds]);
74
75
  const filteredRows = (0, rows_filter_1.useRowsFilter)({
75
76
  rows,
76
77
  searchPattern: searchProps.searchPattern,
77
78
  filters: searchProps.filters,
78
- getRowFilter: (0, bundle_assets_utils_1.generateGetRowFilter)({ chunkIds }),
79
+ getRowFilter,
79
80
  });
80
81
  const sortProps = (0, rows_sort_1.useRowsSort)({
81
82
  rows: filteredRows,
package/lib/components/bundle-assets/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.tsx"],"names":[],"mappings":"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"}
package/lib/components/bundle-modules/index.js CHANGED
@@ -87,11 +87,12 @@ const BundleModules = (props) => {
87
87
  totalRowCount: result.length,
88
88
  };
89
89
  }, [jobs, moduleMetric]);
90
+ const getRowFilter = (0, react_1.useMemo)(() => (0, bundle_modules_utils_1.generateGetRowFilter)({ chunkIds }), [chunkIds]);
90
91
  const filteredRows = (0, rows_filter_1.useRowsFilter)({
91
92
  rows,
92
93
  searchPattern: searchParams.searchPattern,
93
94
  filters: searchParams.filters,
94
- getRowFilter: (0, bundle_modules_utils_1.generateGetRowFilter)({ chunkIds }),
95
+ getRowFilter,
95
96
  });
96
97
  const sortParams = (0, rows_sort_1.useRowsSort)({
97
98
  rows: filteredRows,
package/lib/components/bundle-modules/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"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"}
package/lib/css/variables.css CHANGED
@@ -111,17 +111,17 @@
111
111
  --color-green-ultra-dark: var(--color-green-900);
112
112
 
113
113
  --color-yellow-25: #fffdf2;
114
- /* https://hihayk.github.io/scale/#4/5/40/80/0/-0/0/0/E5C110/229/193/16/white */
114
+ /* https://hihayk.github.io/scale/#4/5/20/80/0/-0/0/0/E5C110/229/193/16/white */
115
115
  --color-yellow-50: #faf3cf;
116
116
  --color-yellow-100: #f6e9a9;
117
117
  --color-yellow-200: #f2df83;
118
118
  --color-yellow-300: #edd55d;
119
119
  --color-yellow-400: #e9cb36;
120
120
  --color-yellow-500: #e5c110;
121
- --color-yellow-600: #ceae0e;
122
- --color-yellow-700: #b79a0d;
123
- --color-yellow-800: #a0870b;
124
- --color-yellow-900: #89740a;
121
+ --color-yellow-600: #dab70f;
122
+ --color-yellow-700: #ceae0e;
123
+ --color-yellow-800: #c3a40e;
124
+ --color-yellow-900: #b79a0d;
125
125
 
126
126
  --color-yellow-ultra-light: var(--color-yellow-100);
127
127
  --color-yellow-light: var(--color-yellow-300);
@@ -132,9 +132,10 @@
132
132
  --color-dark: #111;
133
133
  --color-light: #fff;
134
134
 
135
- --color-branding-light: #2b76d4;
135
+ /* https://hihayk.github.io/scale/#4/4/40/40/0/-0/0/0/1a477f/26/71/127/white */
136
+ --color-branding-light: #31598c;
136
137
  --color-branding: #1a477f;
137
- --color-branding-dark: #09182a;
138
+ --color-branding-dark: #102b4c;
138
139
  }
139
140
 
140
141
  body {
package/lib/query-state.js CHANGED
@@ -49,13 +49,16 @@ const useComponentQueryState = (componentName) => {
49
49
  [componentName]: utils_1.COMPONENT_STATE_META[componentName],
50
50
  });
51
51
  const componentState = queryState[componentName];
52
+ const componentStateRef = (0, react_1.useRef)(componentState);
53
+ componentStateRef.current = componentState;
52
54
  const setState = (0, react_1.useCallback)((updates) => {
53
- const newState = { ...componentState, ...updates };
54
- if ((0, isEqual_1.default)(componentState, newState)) {
55
+ const currentState = componentStateRef.current;
56
+ const newState = { ...currentState, ...updates };
57
+ if ((0, isEqual_1.default)(currentState, newState)) {
55
58
  return;
56
59
  }
57
60
  setQueryState({ [componentName]: newState });
58
- }, [componentState, setQueryState]);
61
+ }, [componentName, setQueryState]);
59
62
  return [componentState, setState];
60
63
  };
61
64
  exports.useComponentQueryState = useComponentQueryState;
package/lib/query-state.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"query-state.js","sourceRoot":"","sources":["../src/query-state.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,6DAAqC;AACrC,uDAAsE;AACtE,6EAA+E;AAC/E,+CAA2D;AAMpD,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpE,8BAAC,qCAAkB,IAAC,OAAO,EAAE,oCAAmB,KAAM,KAAK,GAAI,CAChE,CAAC;AAFW,QAAA,kBAAkB,sBAE7B;AAEK,MAAM,sBAAsB,GAAG,CAAC,aAAqB,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,iCAAc,EAAC;QACjD,CAAC,aAAa,CAAC,EAAE,4BAAoB,CAAC,aAAa,CAAC;KACrD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,OAAgC,EAAE,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,OAAO,EAAE,CAAC;QAGnD,IAAI,IAAA,iBAAO,EAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,cAAc,EAAE,aAAa,CAAC,CAChC,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC;AAtBW,QAAA,sBAAsB,0BAsBjC"}
1
+ {"version":3,"file":"query-state.js","sourceRoot":"","sources":["../src/query-state.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,6DAAqC;AACrC,uDAAsE;AACtE,6EAA+E;AAC/E,+CAA2D;AAMpD,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpE,8BAAC,qCAAkB,IAAC,OAAO,EAAE,oCAAmB,KAAM,KAAK,GAAI,CAChE,CAAC;AAFW,QAAA,kBAAkB,sBAE7B;AAEK,MAAM,sBAAsB,GAAG,CAAC,aAAqB,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,iCAAc,EAAC;QACjD,CAAC,aAAa,CAAC,EAAE,4BAAoB,CAAC,aAAa,CAAC;KACrD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAGjD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IACjD,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,OAAgC,EAAE,EAAE;QACnC,MAAM,YAAY,GAAG,iBAAiB,CAAC,OAAO,CAAC;QAC/C,MAAM,QAAQ,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;QAGjD,IAAI,IAAA,iBAAO,EAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,CAAC,CAC/B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC;AA3BW,QAAA,sBAAsB,0BA2BjC"}
package/lib/ui/button/button.module.css CHANGED
@@ -112,14 +112,14 @@ a.root {
112
112
  * Solid Kind variation
113
113
  */
114
114
  .solid {
115
- background: var(--color-accent);
115
+ background: var(--color-text-light);
116
116
  color: var(--color-background);
117
117
  }
118
118
 
119
119
  .solid:hover,
120
120
  .solid:active,
121
121
  .solid:focus {
122
- background: var(--color-accent-dark);
122
+ background: var(--color-text);
123
123
  color: var(--color-background);
124
124
  }
125
125
 
@@ -202,7 +202,13 @@ a.root {
202
202
 
203
203
  .medium {
204
204
  --button-space: var(--space-xsmall);
205
- --line-height: calc(var(--space-small) + var(--space-xxxsmall));
205
+ --line-height: var(--space-small);
206
+ }
207
+
208
+ .medium .glyph {
209
+ margin: calc(0px - var(--space-xxxsmall) / 2);
210
+ height: calc(var(--space-small) + var(--space-xxxsmall));
211
+ width: calc(var(--space-small) + var(--space-xxxsmall));
206
212
  }
207
213
 
208
214
  .large {
@@ -361,5 +367,10 @@ a.root {
361
367
  * Disabled state
362
368
  */
363
369
  .root[disabled] {
364
- filter: grayscale(1);
370
+ opacity: 0.9;
371
+ }
372
+
373
+ .root[disabled] .icon,
374
+ .root[disabled] .content {
375
+ opacity: 0.8;
365
376
  }
package/lib/ui/dropdown/dropdown.module.css CHANGED
@@ -73,6 +73,10 @@
73
73
  color: var(--color-primary-dark);
74
74
  }
75
75
 
76
+ .item + .item {
77
+ margin-top: calc(var(--space-xxxsmall) / 2);
78
+ }
79
+
76
80
  .group {
77
81
  position: relative;
78
82
  padding: calc(var(--space-xxxsmall) / 2 + 1px) 0 calc(var(--space-xxxsmall) / 2);
package/lib-esm/chart-colors.json CHANGED
@@ -1,59 +1,45 @@
1
1
  [
2
- "rgba(79,146,213,1)",
3
- "rgba(86,146,215,1)",
4
- "rgba(92,145,217,1)",
5
- "rgba(99,145,219,1)",
6
- "rgba(105,144,221,1)",
7
- "rgba(112,144,223,1)",
8
- "rgba(118,143,225,1)",
9
- "rgba(125,143,227,1)",
10
- "rgba(131,142,229,1)",
11
- "rgba(138,141,229,1)",
12
- "rgba(145,140,229,1)",
13
- "rgba(152,138,229,1)",
14
- "rgba(159,137,229,1)",
15
- "rgba(165,136,228,1)",
16
- "rgba(172,135,228,1)",
17
- "rgba(179,133,228,1)",
18
- "rgba(186,132,228,1)",
19
- "rgba(192,130,226,1)",
20
- "rgba(198,129,223,1)",
21
- "rgba(204,127,221,1)",
22
- "rgba(210,125,218,1)",
23
- "rgba(216,123,216,1)",
24
- "rgba(222,122,213,1)",
25
- "rgba(228,120,211,1)",
26
- "rgba(234,118,208,1)",
27
- "rgba(237,117,204,1)",
28
- "rgba(239,116,199,1)",
29
- "rgba(242,114,195,1)",
30
- "rgba(245,113,191,1)",
31
- "rgba(247,112,186,1)",
32
- "rgba(250,111,182,1)",
33
- "rgba(252,109,177,1)",
34
- "rgba(255,108,173,1)",
35
- "rgba(255,109,167,1)",
36
- "rgba(255,109,162,1)",
37
- "rgba(255,110,156,1)",
38
- "rgba(255,111,151,1)",
39
- "rgba(255,111,145,1)",
40
- "rgba(255,112,139,1)",
41
- "rgba(255,112,134,1)",
42
- "rgba(255,113,128,1)",
43
- "rgba(255,116,122,1)",
44
- "rgba(255,119,116,1)",
45
- "rgba(255,121,109,1)",
46
- "rgba(255,124,103,1)",
47
- "rgba(255,127,97,1)",
48
- "rgba(255,130,91,1)",
49
- "rgba(255,132,84,1)",
50
- "rgba(255,135,78,1)",
51
- "rgba(255,139,68,1)",
52
- "rgba(255,143,59,1)",
53
- "rgba(255,147,49,1)",
54
- "rgba(255,151,39,1)",
55
- "rgba(255,154,29,1)",
56
- "rgba(255,158,20,1)",
57
- "rgba(255,162,10,1)",
58
- "rgba(255,166,0,1)"
59
- ]
2
+ "rgba(136,132,216,1)",
3
+ "rgba(135,137,219,1)",
4
+ "rgba(135,142,222,1)",
5
+ "rgba(134,147,225,1)",
6
+ "rgba(133,151,228,1)",
7
+ "rgba(132,156,231,1)",
8
+ "rgba(132,161,234,1)",
9
+ "rgba(131,166,237,1)",
10
+ "rgba(132,172,235,1)",
11
+ "rgba(134,178,234,1)",
12
+ "rgba(135,184,232,1)",
13
+ "rgba(137,191,230,1)",
14
+ "rgba(138,197,228,1)",
15
+ "rgba(140,203,227,1)",
16
+ "rgba(141,209,225,1)",
17
+ "rgba(139,208,215,1)",
18
+ "rgba(138,207,206,1)",
19
+ "rgba(136,206,196,1)",
20
+ "rgba(135,205,186,1)",
21
+ "rgba(133,204,176,1)",
22
+ "rgba(132,203,167,1)",
23
+ "rgba(130,202,157,1)",
24
+ "rgba(135,205,150,1)",
25
+ "rgba(140,208,143,1)",
26
+ "rgba(145,211,136,1)",
27
+ "rgba(149,213,129,1)",
28
+ "rgba(154,216,122,1)",
29
+ "rgba(159,219,115,1)",
30
+ "rgba(164,222,108,1)",
31
+ "rgba(170,224,105,1)",
32
+ "rgba(177,226,102,1)",
33
+ "rgba(183,228,99,1)",
34
+ "rgba(189,231,96,1)",
35
+ "rgba(195,233,93,1)",
36
+ "rgba(202,235,90,1)",
37
+ "rgba(208,237,87,1)",
38
+ "rgba(215,231,87,1)",
39
+ "rgba(221,226,87,1)",
40
+ "rgba(228,220,87,1)",
41
+ "rgba(235,215,88,1)",
42
+ "rgba(242,209,88,1)",
43
+ "rgba(248,204,88,1)",
44
+ "rgba(255,198,88,1)"
45
+ ]
package/lib-esm/components/bundle-assets/index.js CHANGED
@@ -35,11 +35,12 @@ export const BundleAssets = (props) => {
35
35
  const result = webpack.compareBySection.assets(jobs, [addMetricReportAssetRowData]);
36
36
  return { rows: result, totalRowCount: result.length };
37
37
  }, [jobs]);
38
+ const getRowFilter = useMemo(() => generateGetRowFilter({ chunkIds }), [chunkIds]);
38
39
  const filteredRows = useRowsFilter({
39
40
  rows,
40
41
  searchPattern: searchProps.searchPattern,
41
42
  filters: searchProps.filters,
42
- getRowFilter: generateGetRowFilter({ chunkIds }),
43
+ getRowFilter,
43
44
  });
44
45
  const sortProps = useRowsSort({
45
46
  rows: filteredRows,
package/lib-esm/components/bundle-assets/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAY/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EACJ,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,SAAS,EAClB,SAAS,GAAG,SAAS,EACrB,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAGV,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAG5E,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,OAAO,CACnD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE;YACd,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC;YACzC,GAAG,wBAAwB,CAAC,IAAI,CAAC;YACjC,GAAG,uBAAuB,CAAC,IAAI,CAAC;SACjC;QACD,iBAAiB,EAAE;YACjB,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK;YAC9B,GAAG,wBAAwB,CAAC,IAAI,CAAC;YACjC,GAAG,uBAAuB,CAAC,IAAI,CAAC;SACjC;KACF,CAAC,EACF,CAAC,IAAI,CAAC,CACP,CAAC;IAGF,MAAM,WAAW,GAAG,eAAe,CAAC;QAClC,MAAM;QACN,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,QAAQ;KACT,CAAC,CAAC;IAGH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAC;QACpF,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAGX,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,IAAI;QACJ,aAAa,EAAE,WAAW,CAAC,aAAa;QACxC,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,YAAY,EAAE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC;KACjD,CAAC,CAAC;IAGH,MAAM,SAAS,GAAG,WAAW,CAAuB;QAClD,IAAI,EAAE,YAAY;QAClB,YAAY,EAAE,MAAM;QACpB,gBAAgB,EAAE,SAAS;QAC3B,aAAa;QACb,aAAa,EAAE,QAAQ;KACxB,CAAC,CAAC;IAEH,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,oBAAC,qBAAqB,OAChB,SAAS,KACT,WAAW,EACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,SAAS,CAAC,UAAU,EAChC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.tsx"],"names":[],"mappings":"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"}
package/lib-esm/components/bundle-modules/index.js CHANGED
@@ -51,11 +51,12 @@ export const BundleModules = (props) => {
51
51
  totalRowCount: result.length,
52
52
  };
53
53
  }, [jobs, moduleMetric]);
54
+ const getRowFilter = useMemo(() => generateGetRowFilter({ chunkIds }), [chunkIds]);
54
55
  const filteredRows = useRowsFilter({
55
56
  rows,
56
57
  searchPattern: searchParams.searchPattern,
57
58
  filters: searchParams.filters,
58
- getRowFilter: generateGetRowFilter({ chunkIds }),
59
+ getRowFilter,
59
60
  });
60
61
  const sortParams = useRowsSort({
61
62
  rows: filteredRows,
package/lib-esm/components/bundle-modules/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,aAAa,GACd,MAAM,wBAAwB,CAAC;AAOhC,SAAS,eAAe,CACtB,MAAuB;IAEvB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEpC,MAAM,YAAY,GAAqB,OAAO,CAAC,GAAG,EAAE;QAClD,IAAI,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,MAA0B,CAAC,EAAE,CAAC;YACzE,OAAO,MAA0B,CAAC;QACpC,CAAC;QAED,OAAO,gBAAgB,CAAC,UAAU,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,eAAiC,EAAE,EAAE;QACpC,IAAI,eAAe,KAAK,MAAM,EAAE,CAAC;YAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,YAAY,EAAE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;AACzF,CAAC;AAiCD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE9E,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE5E,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,OAAO,CACnD,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAChD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,MAAM;QACN,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,IAAI,MAAM,GAAiC,EAAE,CAAC;QAE9C,IAAI,YAAY,KAAK,gBAAgB,CAAC,IAAI,EAAE,CAAC;YAC3C,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QACjE,CAAC;aAAM,IAAI,YAAY,KAAK,gBAAgB,CAAC,cAAc,EAAE,CAAC;YAC5D,MAAM,GAAG,OAAO,CAAC,0BAA0B,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QACnE,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,OAAO,CAAC,sBAAsB,CAAC,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QAC/D,CAAC;QAED,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,MAAM,CAAC,MAAM;SAC7B,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,IAAI;QACJ,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,YAAY;KACb,CAAiC,CAAC;IAEnC,MAAM,UAAU,GAAG,WAAW,CAAC;QAC7B,IAAI,EAAE,YAAY;QAClB,YAAY,EAAE,MAAM;QACpB,gBAAgB,EAAE,SAAS;QAC3B,aAAa;QACb,aAAa,EAAE,QAAQ;KACxB,CAAC,CAAC;IAEH,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,KACV,SAAS,KACT,YAAY,KACZ,UAAU,EACd,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC"}
package/lib-esm/css/variables.css CHANGED
@@ -111,17 +111,17 @@
111
111
  --color-green-ultra-dark: var(--color-green-900);
112
112
 
113
113
  --color-yellow-25: #fffdf2;
114
- /* https://hihayk.github.io/scale/#4/5/40/80/0/-0/0/0/E5C110/229/193/16/white */
114
+ /* https://hihayk.github.io/scale/#4/5/20/80/0/-0/0/0/E5C110/229/193/16/white */
115
115
  --color-yellow-50: #faf3cf;
116
116
  --color-yellow-100: #f6e9a9;
117
117
  --color-yellow-200: #f2df83;
118
118
  --color-yellow-300: #edd55d;
119
119
  --color-yellow-400: #e9cb36;
120
120
  --color-yellow-500: #e5c110;
121
- --color-yellow-600: #ceae0e;
122
- --color-yellow-700: #b79a0d;
123
- --color-yellow-800: #a0870b;
124
- --color-yellow-900: #89740a;
121
+ --color-yellow-600: #dab70f;
122
+ --color-yellow-700: #ceae0e;
123
+ --color-yellow-800: #c3a40e;
124
+ --color-yellow-900: #b79a0d;
125
125
 
126
126
  --color-yellow-ultra-light: var(--color-yellow-100);
127
127
  --color-yellow-light: var(--color-yellow-300);
@@ -132,9 +132,10 @@
132
132
  --color-dark: #111;
133
133
  --color-light: #fff;
134
134
 
135
- --color-branding-light: #2b76d4;
135
+ /* https://hihayk.github.io/scale/#4/4/40/40/0/-0/0/0/1a477f/26/71/127/white */
136
+ --color-branding-light: #31598c;
136
137
  --color-branding: #1a477f;
137
- --color-branding-dark: #09182a;
138
+ --color-branding-dark: #102b4c;
138
139
  }
139
140
 
140
141
  body {
package/lib-esm/query-state.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useCallback } from 'react';
1
+ import React, { useCallback, useRef } from 'react';
2
2
  import isEqual from 'lodash/isEqual';
3
3
  import { QueryParamProvider, useQueryParams } from 'use-query-params';
4
4
  import { ReactRouter5Adapter } from 'use-query-params/adapters/react-router-5';
@@ -9,13 +9,16 @@ export const useComponentQueryState = (componentName) => {
9
9
  [componentName]: COMPONENT_STATE_META[componentName],
10
10
  });
11
11
  const componentState = queryState[componentName];
12
+ const componentStateRef = useRef(componentState);
13
+ componentStateRef.current = componentState;
12
14
  const setState = useCallback((updates) => {
13
- const newState = { ...componentState, ...updates };
14
- if (isEqual(componentState, newState)) {
15
+ const currentState = componentStateRef.current;
16
+ const newState = { ...currentState, ...updates };
17
+ if (isEqual(currentState, newState)) {
15
18
  return;
16
19
  }
17
20
  setQueryState({ [componentName]: newState });
18
- }, [componentState, setQueryState]);
21
+ }, [componentName, setQueryState]);
19
22
  return [componentState, setState];
20
23
  };
21
24
  //# sourceMappingURL=query-state.js.map
package/lib-esm/query-state.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"query-state.js","sourceRoot":"","sources":["../src/query-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAM3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpE,oBAAC,kBAAkB,IAAC,OAAO,EAAE,mBAAmB,KAAM,KAAK,GAAI,CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,aAAqB,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC;QACjD,CAAC,aAAa,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC;KACrD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAAgC,EAAE,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,OAAO,EAAE,CAAC;QAGnD,IAAI,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,cAAc,EAAE,aAAa,CAAC,CAChC,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC"}
1
+ {"version":3,"file":"query-state.js","sourceRoot":"","sources":["../src/query-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAM3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpE,oBAAC,kBAAkB,IAAC,OAAO,EAAE,mBAAmB,KAAM,KAAK,GAAI,CAChE,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,aAAqB,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC;QACjD,CAAC,aAAa,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC;KACrD,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAGjD,MAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IACjD,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE3C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAAgC,EAAE,EAAE;QACnC,MAAM,YAAY,GAAG,iBAAiB,CAAC,OAAO,CAAC;QAC/C,MAAM,QAAQ,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;QAGjD,IAAI,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,CAAC,CAC/B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AACpC,CAAC,CAAC"}
package/lib-esm/ui/button/button.module.css CHANGED
@@ -112,14 +112,14 @@ a.root {
112
112
  * Solid Kind variation
113
113
  */
114
114
  .solid {
115
- background: var(--color-accent);
115
+ background: var(--color-text-light);
116
116
  color: var(--color-background);
117
117
  }
118
118
 
119
119
  .solid:hover,
120
120
  .solid:active,
121
121
  .solid:focus {
122
- background: var(--color-accent-dark);
122
+ background: var(--color-text);
123
123
  color: var(--color-background);
124
124
  }
125
125
 
@@ -202,7 +202,13 @@ a.root {
202
202
 
203
203
  .medium {
204
204
  --button-space: var(--space-xsmall);
205
- --line-height: calc(var(--space-small) + var(--space-xxxsmall));
205
+ --line-height: var(--space-small);
206
+ }
207
+
208
+ .medium .glyph {
209
+ margin: calc(0px - var(--space-xxxsmall) / 2);
210
+ height: calc(var(--space-small) + var(--space-xxxsmall));
211
+ width: calc(var(--space-small) + var(--space-xxxsmall));
206
212
  }
207
213
 
208
214
  .large {
@@ -361,5 +367,10 @@ a.root {
361
367
  * Disabled state
362
368
  */
363
369
  .root[disabled] {
364
- filter: grayscale(1);
370
+ opacity: 0.9;
371
+ }
372
+
373
+ .root[disabled] .icon,
374
+ .root[disabled] .content {
375
+ opacity: 0.8;
365
376
  }
package/lib-esm/ui/dropdown/dropdown.module.css CHANGED
@@ -73,6 +73,10 @@
73
73
  color: var(--color-primary-dark);
74
74
  }
75
75
 
76
+ .item + .item {
77
+ margin-top: calc(var(--space-xxxsmall) / 2);
78
+ }
79
+
76
80
  .group {
77
81
  position: relative;
78
82
  padding: calc(var(--space-xxxsmall) / 2 + 1px) 0 calc(var(--space-xxxsmall) / 2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.23.0-beta.6",
3
+ "version": "4.23.0-beta.8",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -70,7 +70,7 @@
70
70
  "rimraf": "6.1.3",
71
71
  "storybook": "10.6.0",
72
72
  "typescript": "5.9.3",
73
- "vite": "8.3.0",
73
+ "vite": "8.3.1",
74
74
  "vite-plugin-svgr": "5.2.0",
75
75
  "vitest": "5.0.1"
76
76
  },
@@ -83,7 +83,7 @@
83
83
  "react-router-dom": "^5.0.0"
84
84
  },
85
85
  "dependencies": {
86
- "@bundle-stats/utils": "^4.23.0-beta.6",
86
+ "@bundle-stats/utils": "^4.23.0-beta.8",
87
87
  "ariakit": "2.0.0-next.44",
88
88
  "d3": "7.9.0",
89
89
  "modern-css-reset": "1.4.0",
@@ -91,5 +91,5 @@
91
91
  "snarkdown": "2.0.0",
92
92
  "use-query-params": "2.2.2"
93
93
  },
94
- "gitHead": "cd3d72f54ed809e9dfaea2bc3b8a6880b1482b44"
94
+ "gitHead": "3f3538430d145b83d2f880586653a95e2a7d8e6a"
95
95
  }
package/src/chart-colors.json CHANGED
@@ -1,59 +1,45 @@
1
1
  [
2
- "rgba(79,146,213,1)",
3
- "rgba(86,146,215,1)",
4
- "rgba(92,145,217,1)",
5
- "rgba(99,145,219,1)",
6
- "rgba(105,144,221,1)",
7
- "rgba(112,144,223,1)",
8
- "rgba(118,143,225,1)",
9
- "rgba(125,143,227,1)",
10
- "rgba(131,142,229,1)",
11
- "rgba(138,141,229,1)",
12
- "rgba(145,140,229,1)",
13
- "rgba(152,138,229,1)",
14
- "rgba(159,137,229,1)",
15
- "rgba(165,136,228,1)",
16
- "rgba(172,135,228,1)",
17
- "rgba(179,133,228,1)",
18
- "rgba(186,132,228,1)",
19
- "rgba(192,130,226,1)",
20
- "rgba(198,129,223,1)",
21
- "rgba(204,127,221,1)",
22
- "rgba(210,125,218,1)",
23
- "rgba(216,123,216,1)",
24
- "rgba(222,122,213,1)",
25
- "rgba(228,120,211,1)",
26
- "rgba(234,118,208,1)",
27
- "rgba(237,117,204,1)",
28
- "rgba(239,116,199,1)",
29
- "rgba(242,114,195,1)",
30
- "rgba(245,113,191,1)",
31
- "rgba(247,112,186,1)",
32
- "rgba(250,111,182,1)",
33
- "rgba(252,109,177,1)",
34
- "rgba(255,108,173,1)",
35
- "rgba(255,109,167,1)",
36
- "rgba(255,109,162,1)",
37
- "rgba(255,110,156,1)",
38
- "rgba(255,111,151,1)",
39
- "rgba(255,111,145,1)",
40
- "rgba(255,112,139,1)",
41
- "rgba(255,112,134,1)",
42
- "rgba(255,113,128,1)",
43
- "rgba(255,116,122,1)",
44
- "rgba(255,119,116,1)",
45
- "rgba(255,121,109,1)",
46
- "rgba(255,124,103,1)",
47
- "rgba(255,127,97,1)",
48
- "rgba(255,130,91,1)",
49
- "rgba(255,132,84,1)",
50
- "rgba(255,135,78,1)",
51
- "rgba(255,139,68,1)",
52
- "rgba(255,143,59,1)",
53
- "rgba(255,147,49,1)",
54
- "rgba(255,151,39,1)",
55
- "rgba(255,154,29,1)",
56
- "rgba(255,158,20,1)",
57
- "rgba(255,162,10,1)",
58
- "rgba(255,166,0,1)"
59
- ]
2
+ "rgba(136,132,216,1)",
3
+ "rgba(135,137,219,1)",
4
+ "rgba(135,142,222,1)",
5
+ "rgba(134,147,225,1)",
6
+ "rgba(133,151,228,1)",
7
+ "rgba(132,156,231,1)",
8
+ "rgba(132,161,234,1)",
9
+ "rgba(131,166,237,1)",
10
+ "rgba(132,172,235,1)",
11
+ "rgba(134,178,234,1)",
12
+ "rgba(135,184,232,1)",
13
+ "rgba(137,191,230,1)",
14
+ "rgba(138,197,228,1)",
15
+ "rgba(140,203,227,1)",
16
+ "rgba(141,209,225,1)",
17
+ "rgba(139,208,215,1)",
18
+ "rgba(138,207,206,1)",
19
+ "rgba(136,206,196,1)",
20
+ "rgba(135,205,186,1)",
21
+ "rgba(133,204,176,1)",
22
+ "rgba(132,203,167,1)",
23
+ "rgba(130,202,157,1)",
24
+ "rgba(135,205,150,1)",
25
+ "rgba(140,208,143,1)",
26
+ "rgba(145,211,136,1)",
27
+ "rgba(149,213,129,1)",
28
+ "rgba(154,216,122,1)",
29
+ "rgba(159,219,115,1)",
30
+ "rgba(164,222,108,1)",
31
+ "rgba(170,224,105,1)",
32
+ "rgba(177,226,102,1)",
33
+ "rgba(183,228,99,1)",
34
+ "rgba(189,231,96,1)",
35
+ "rgba(195,233,93,1)",
36
+ "rgba(202,235,90,1)",
37
+ "rgba(208,237,87,1)",
38
+ "rgba(215,231,87,1)",
39
+ "rgba(221,226,87,1)",
40
+ "rgba(228,220,87,1)",
41
+ "rgba(235,215,88,1)",
42
+ "rgba(242,209,88,1)",
43
+ "rgba(248,204,88,1)",
44
+ "rgba(255,198,88,1)"
45
+ ]
package/src/components/bundle-assets/index.tsx CHANGED
@@ -75,12 +75,14 @@ export const BundleAssets = (props: BundleAssetsProps) => {
75
75
  return { rows: result, totalRowCount: result.length };
76
76
  }, [jobs]);
77
77
 
78
+ const getRowFilter = useMemo(() => generateGetRowFilter({ chunkIds }), [chunkIds]);
79
+
78
80
  // Filter rows
79
81
  const filteredRows = useRowsFilter({
80
82
  rows,
81
83
  searchPattern: searchProps.searchPattern,
82
84
  filters: searchProps.filters,
83
- getRowFilter: generateGetRowFilter({ chunkIds }),
85
+ getRowFilter,
84
86
  });
85
87
 
86
88
  // Sort rows
package/src/components/bundle-modules/index.tsx CHANGED
@@ -116,11 +116,13 @@ export const BundleModules = (props: BundleModulesProps) => {
116
116
  };
117
117
  }, [jobs, moduleMetric]);
118
118
 
119
+ const getRowFilter = useMemo(() => generateGetRowFilter({ chunkIds }), [chunkIds]);
120
+
119
121
  const filteredRows = useRowsFilter({
120
122
  rows,
121
123
  searchPattern: searchParams.searchPattern,
122
124
  filters: searchParams.filters,
123
- getRowFilter: generateGetRowFilter({ chunkIds }),
125
+ getRowFilter,
124
126
  }) as Array<ReportMetricModuleRow>;
125
127
 
126
128
  const sortParams = useRowsSort({
package/src/css/variables.css CHANGED
@@ -111,17 +111,17 @@
111
111
  --color-green-ultra-dark: var(--color-green-900);
112
112
 
113
113
  --color-yellow-25: #fffdf2;
114
- /* https://hihayk.github.io/scale/#4/5/40/80/0/-0/0/0/E5C110/229/193/16/white */
114
+ /* https://hihayk.github.io/scale/#4/5/20/80/0/-0/0/0/E5C110/229/193/16/white */
115
115
  --color-yellow-50: #faf3cf;
116
116
  --color-yellow-100: #f6e9a9;
117
117
  --color-yellow-200: #f2df83;
118
118
  --color-yellow-300: #edd55d;
119
119
  --color-yellow-400: #e9cb36;
120
120
  --color-yellow-500: #e5c110;
121
- --color-yellow-600: #ceae0e;
122
- --color-yellow-700: #b79a0d;
123
- --color-yellow-800: #a0870b;
124
- --color-yellow-900: #89740a;
121
+ --color-yellow-600: #dab70f;
122
+ --color-yellow-700: #ceae0e;
123
+ --color-yellow-800: #c3a40e;
124
+ --color-yellow-900: #b79a0d;
125
125
 
126
126
  --color-yellow-ultra-light: var(--color-yellow-100);
127
127
  --color-yellow-light: var(--color-yellow-300);
@@ -132,9 +132,10 @@
132
132
  --color-dark: #111;
133
133
  --color-light: #fff;
134
134
 
135
- --color-branding-light: #2b76d4;
135
+ /* https://hihayk.github.io/scale/#4/4/40/40/0/-0/0/0/1a477f/26/71/127/white */
136
+ --color-branding-light: #31598c;
136
137
  --color-branding: #1a477f;
137
- --color-branding-dark: #09182a;
138
+ --color-branding-dark: #102b4c;
138
139
  }
139
140
 
140
141
  body {
package/src/query-state.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useCallback } from 'react';
1
+ import React, { useCallback, useRef } from 'react';
2
2
  import isEqual from 'lodash/isEqual';
3
3
  import { QueryParamProvider, useQueryParams } from 'use-query-params';
4
4
  import { ReactRouter5Adapter } from 'use-query-params/adapters/react-router-5';
@@ -19,18 +19,23 @@ export const useComponentQueryState = (componentName: string) => {
19
19
 
20
20
  const componentState = queryState[componentName];
21
21
 
22
+ // Read the latest state from a ref to keep `setState` stable across state changes
23
+ const componentStateRef = useRef(componentState);
24
+ componentStateRef.current = componentState;
25
+
22
26
  const setState = useCallback(
23
27
  (updates: Record<string, unknown>) => {
24
- const newState = { ...componentState, ...updates };
28
+ const currentState = componentStateRef.current;
29
+ const newState = { ...currentState, ...updates };
25
30
 
26
31
  // Deep check to prevent unnecessary state changes
27
- if (isEqual(componentState, newState)) {
32
+ if (isEqual(currentState, newState)) {
28
33
  return;
29
34
  }
30
35
 
31
36
  setQueryState({ [componentName]: newState });
32
37
  },
33
- [componentState, setQueryState],
38
+ [componentName, setQueryState],
34
39
  );
35
40
 
36
41
  return [componentState, setState];
package/src/ui/button/button.module.css CHANGED
@@ -112,14 +112,14 @@ a.root {
112
112
  * Solid Kind variation
113
113
  */
114
114
  .solid {
115
- background: var(--color-accent);
115
+ background: var(--color-text-light);
116
116
  color: var(--color-background);
117
117
  }
118
118
 
119
119
  .solid:hover,
120
120
  .solid:active,
121
121
  .solid:focus {
122
- background: var(--color-accent-dark);
122
+ background: var(--color-text);
123
123
  color: var(--color-background);
124
124
  }
125
125
 
@@ -202,7 +202,13 @@ a.root {
202
202
 
203
203
  .medium {
204
204
  --button-space: var(--space-xsmall);
205
- --line-height: calc(var(--space-small) + var(--space-xxxsmall));
205
+ --line-height: var(--space-small);
206
+ }
207
+
208
+ .medium .glyph {
209
+ margin: calc(0px - var(--space-xxxsmall) / 2);
210
+ height: calc(var(--space-small) + var(--space-xxxsmall));
211
+ width: calc(var(--space-small) + var(--space-xxxsmall));
206
212
  }
207
213
 
208
214
  .large {
@@ -361,5 +367,10 @@ a.root {
361
367
  * Disabled state
362
368
  */
363
369
  .root[disabled] {
364
- filter: grayscale(1);
370
+ opacity: 0.9;
371
+ }
372
+
373
+ .root[disabled] .icon,
374
+ .root[disabled] .content {
375
+ opacity: 0.8;
365
376
  }
package/src/ui/dropdown/dropdown.module.css CHANGED
@@ -73,6 +73,10 @@
73
73
  color: var(--color-primary-dark);
74
74
  }
75
75
 
76
+ .item + .item {
77
+ margin-top: calc(var(--space-xxxsmall) / 2);
78
+ }
79
+
76
80
  .group {
77
81
  position: relative;
78
82
  padding: calc(var(--space-xxxsmall) / 2 + 1px) 0 calc(var(--space-xxxsmall) / 2);