@bundle-stats/ui 4.23.0-beta.7 → 4.23.0-beta.9

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 (22) hide show
  1. package/lib/components/bundle-assets/index.js +2 -1
  2. package/lib/components/bundle-assets/index.js.map +1 -1
  3. package/lib/components/bundle-modules/index.js +2 -1
  4. package/lib/components/bundle-modules/index.js.map +1 -1
  5. package/lib/query-state.js +6 -3
  6. package/lib/query-state.js.map +1 -1
  7. package/lib/ui/button/button.module.css +9 -3
  8. package/lib/ui/dropdown/dropdown.module.css +4 -0
  9. package/lib-esm/components/bundle-assets/index.js +2 -1
  10. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  11. package/lib-esm/components/bundle-modules/index.js +2 -1
  12. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  13. package/lib-esm/query-state.js +7 -4
  14. package/lib-esm/query-state.js.map +1 -1
  15. package/lib-esm/ui/button/button.module.css +9 -3
  16. package/lib-esm/ui/dropdown/dropdown.module.css +4 -0
  17. package/package.json +7 -7
  18. package/src/components/bundle-assets/index.tsx +3 -1
  19. package/src/components/bundle-modules/index.tsx +3 -1
  20. package/src/query-state.tsx +9 -4
  21. package/src/ui/button/button.module.css +9 -3
  22. package/src/ui/dropdown/dropdown.module.css +4 -0
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/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 {
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/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":"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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-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":"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"}
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 {
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.7",
3
+ "version": "4.23.0-beta.9",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -38,16 +38,16 @@
38
38
  },
39
39
  "homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
40
40
  "devDependencies": {
41
- "@babel/preset-env": "8.0.6",
41
+ "@babel/preset-env": "8.0.7",
42
42
  "@babel/preset-react": "8.0.1",
43
- "@babel/preset-typescript": "8.0.1",
43
+ "@babel/preset-typescript": "8.0.7",
44
44
  "@storybook/addon-vitest": "10.6.0",
45
45
  "@storybook/react": "10.6.0",
46
46
  "@storybook/react-vite": "10.6.0",
47
47
  "@types/d3": "7.4.3",
48
48
  "@types/react": "18.3.13",
49
49
  "@types/react-router-dom": "5.3.3",
50
- "@vitejs/plugin-react": "6.1.1",
50
+ "@vitejs/plugin-react": "6.1.2",
51
51
  "@vitest/browser": "5.0.1",
52
52
  "@vitest/browser-playwright": "5.0.1",
53
53
  "babel-plugin-polyfill-corejs3": "1.0.0",
@@ -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.4",
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.7",
86
+ "@bundle-stats/utils": "^4.23.0-beta.9",
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": "9fcd305b1ba345e4c1ef9a74cfde810800c79172"
94
+ "gitHead": "31381312d452be92fa58580a79ac990642a3ce80"
95
95
  }
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/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 {
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);