@dmsi/wedgekit-react 0.0.212 → 0.0.214

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 (37) hide show
  1. package/dist/{chunk-BHFIS4ZV.js → chunk-2WRRRPEB.js} +1 -1
  2. package/dist/{chunk-HKSYYK4K.js → chunk-33W2KSCB.js} +1 -1
  3. package/dist/{chunk-NCG3MH23.js → chunk-CZ55LUFC.js} +16 -16
  4. package/dist/{chunk-HGRLNUNA.js → chunk-UKSJPFN2.js} +2 -2
  5. package/dist/components/DataGridCell.cjs +10 -10
  6. package/dist/components/DataGridCell.js +6 -6
  7. package/dist/components/DateInput.js +7 -7
  8. package/dist/components/DateRangeInput.js +7 -7
  9. package/dist/components/FilterGroup.js +5 -5
  10. package/dist/components/Input.js +2 -2
  11. package/dist/components/MenuOption.js +1 -1
  12. package/dist/components/MobileDataGrid.js +3 -3
  13. package/dist/components/Modal.js +4 -4
  14. package/dist/components/ModalButtons.js +2 -2
  15. package/dist/components/ModalHeader.js +2 -2
  16. package/dist/components/NavigationTab.js +2 -2
  17. package/dist/components/NavigationTabs.js +2 -2
  18. package/dist/components/NestedMenu.js +1 -1
  19. package/dist/components/Notification.js +3 -3
  20. package/dist/components/OptionPill.js +2 -2
  21. package/dist/components/PDFViewer.js +6 -6
  22. package/dist/components/Password.js +2 -2
  23. package/dist/components/Search.js +3 -3
  24. package/dist/components/Select.js +3 -3
  25. package/dist/components/Stepper.js +5 -5
  26. package/dist/components/Time.js +3 -3
  27. package/dist/components/Toast.js +3 -3
  28. package/dist/components/Upload.js +3 -3
  29. package/dist/components/index.cjs +10 -10
  30. package/dist/components/index.js +13 -13
  31. package/package.json +1 -1
  32. package/src/components/DataGridCell.tsx +10 -13
  33. package/dist/{chunk-T7UCZWWK.js → chunk-47KTDBGA.js} +3 -3
  34. package/dist/{chunk-GW7OVMMC.js → chunk-7W4I2NK3.js} +3 -3
  35. package/dist/{chunk-R4H6D4SZ.js → chunk-A5ROZWIH.js} +3 -3
  36. package/dist/{chunk-BW2MWMVM.js → chunk-ED7FXZRX.js} +3 -3
  37. package/dist/{chunk-JFPRYMID.js → chunk-FYW64H7N.js} +3 -3
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Input
3
- } from "./chunk-GW7OVMMC.js";
3
+ } from "./chunk-7W4I2NK3.js";
4
4
  import {
5
5
  __objRest,
6
6
  __spreadValues
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  InputBase
3
- } from "./chunk-GW7OVMMC.js";
3
+ } from "./chunk-7W4I2NK3.js";
4
4
  import {
5
5
  Icon
6
6
  } from "./chunk-UAPWR2KE.js";
@@ -1,6 +1,3 @@
1
- import {
2
- MenuOption
3
- } from "./chunk-ERW3AMED.js";
4
1
  import {
5
2
  Menu
6
3
  } from "./chunk-JITZWSPR.js";
@@ -8,11 +5,14 @@ import {
8
5
  useSubMenuSystem
9
6
  } from "./chunk-NIHZMIOL.js";
10
7
  import {
11
- CSS
12
- } from "./chunk-WVUIIBRR.js";
8
+ MenuOption
9
+ } from "./chunk-ERW3AMED.js";
13
10
  import {
14
11
  Search
15
- } from "./chunk-BHFIS4ZV.js";
12
+ } from "./chunk-2WRRRPEB.js";
13
+ import {
14
+ CSS
15
+ } from "./chunk-WVUIIBRR.js";
16
16
  import {
17
17
  Icon
18
18
  } from "./chunk-UAPWR2KE.js";
@@ -194,6 +194,8 @@ function DataCellHeader(_a) {
194
194
  );
195
195
  const ref = useRef(null);
196
196
  const predeterminedPinned = useRef(false);
197
+ const { column, getContext } = header;
198
+ const { id: columnId, setFilterValue } = column;
197
199
  const {
198
200
  menuRootRef,
199
201
  isMenuActive,
@@ -202,22 +204,20 @@ function DataCellHeader(_a) {
202
204
  mobileHide
203
205
  } = useSubMenuSystem(node ? node : ref);
204
206
  useEffect(() => {
205
- var _a3;
206
- const columnPinning = (_a3 = header.getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
207
- const left = (columnPinning == null ? void 0 : columnPinning.left) ? columnPinning.left : [];
208
- const right = (columnPinning == null ? void 0 : columnPinning.right) ? columnPinning.right : [];
209
- predeterminedPinned.current = [...left, ...right].includes(
210
- header.column.id
211
- );
212
- }, []);
207
+ var _a3, _b2, _c;
208
+ const columnPinning = (_a3 = getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
209
+ const left = (_b2 = columnPinning == null ? void 0 : columnPinning.left) != null ? _b2 : [];
210
+ const right = (_c = columnPinning == null ? void 0 : columnPinning.right) != null ? _c : [];
211
+ predeterminedPinned.current = [...left, ...right].includes(columnId);
212
+ }, [columnId, getContext]);
213
213
  useEffect(() => {
214
214
  const handler = setTimeout(() => {
215
- header.column.setFilterValue(filter);
215
+ setFilterValue(filter);
216
216
  }, 500);
217
217
  return () => {
218
218
  clearTimeout(handler);
219
219
  };
220
- }, [filter]);
220
+ }, [filter, setFilterValue]);
221
221
  const style = __spreadValues({
222
222
  position: "relative",
223
223
  whiteSpace: "nowrap",
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk-4RJKB7LC.js";
4
4
  import {
5
5
  ModalButtons
6
- } from "./chunk-T7UCZWWK.js";
6
+ } from "./chunk-47KTDBGA.js";
7
7
  import {
8
8
  ModalContent
9
9
  } from "./chunk-SYEJVSE4.js";
10
10
  import {
11
11
  ModalHeader
12
- } from "./chunk-R4H6D4SZ.js";
12
+ } from "./chunk-A5ROZWIH.js";
13
13
  import {
14
14
  ModalScrim
15
15
  } from "./chunk-ZFOANBWG.js";
@@ -1904,6 +1904,8 @@ function DataCellHeader(_a) {
1904
1904
  );
1905
1905
  const ref = (0, import_react11.useRef)(null);
1906
1906
  const predeterminedPinned = (0, import_react11.useRef)(false);
1907
+ const { column, getContext } = header;
1908
+ const { id: columnId, setFilterValue } = column;
1907
1909
  const {
1908
1910
  menuRootRef,
1909
1911
  isMenuActive,
@@ -1912,22 +1914,20 @@ function DataCellHeader(_a) {
1912
1914
  mobileHide
1913
1915
  } = useSubMenuSystem(node ? node : ref);
1914
1916
  (0, import_react11.useEffect)(() => {
1915
- var _a3;
1916
- const columnPinning = (_a3 = header.getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
1917
- const left = (columnPinning == null ? void 0 : columnPinning.left) ? columnPinning.left : [];
1918
- const right = (columnPinning == null ? void 0 : columnPinning.right) ? columnPinning.right : [];
1919
- predeterminedPinned.current = [...left, ...right].includes(
1920
- header.column.id
1921
- );
1922
- }, []);
1917
+ var _a3, _b2, _c;
1918
+ const columnPinning = (_a3 = getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
1919
+ const left = (_b2 = columnPinning == null ? void 0 : columnPinning.left) != null ? _b2 : [];
1920
+ const right = (_c = columnPinning == null ? void 0 : columnPinning.right) != null ? _c : [];
1921
+ predeterminedPinned.current = [...left, ...right].includes(columnId);
1922
+ }, [columnId, getContext]);
1923
1923
  (0, import_react11.useEffect)(() => {
1924
1924
  const handler = setTimeout(() => {
1925
- header.column.setFilterValue(filter);
1925
+ setFilterValue(filter);
1926
1926
  }, 500);
1927
1927
  return () => {
1928
1928
  clearTimeout(handler);
1929
1929
  };
1930
- }, [filter]);
1930
+ }, [filter, setFilterValue]);
1931
1931
  const style = __spreadValues({
1932
1932
  position: "relative",
1933
1933
  whiteSpace: "nowrap",
@@ -4,18 +4,18 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-NCG3MH23.js";
8
- import "../chunk-ERW3AMED.js";
7
+ } from "../chunk-CZ55LUFC.js";
9
8
  import "../chunk-JITZWSPR.js";
10
9
  import "../chunk-NIHZMIOL.js";
10
+ import "../chunk-ERW3AMED.js";
11
11
  import "../chunk-E6Y7ZHQX.js";
12
- import "../chunk-WVUIIBRR.js";
13
12
  import "../chunk-VXWSAIB5.js";
14
- import "../chunk-BHFIS4ZV.js";
15
- import "../chunk-GW7OVMMC.js";
16
- import "../chunk-CJVTFYI4.js";
17
13
  import "../chunk-T3F37S6Z.js";
14
+ import "../chunk-2WRRRPEB.js";
15
+ import "../chunk-7W4I2NK3.js";
18
16
  import "../chunk-5UH6QUFB.js";
17
+ import "../chunk-CJVTFYI4.js";
18
+ import "../chunk-WVUIIBRR.js";
19
19
  import "../chunk-CJELWEO2.js";
20
20
  import "../chunk-UAPWR2KE.js";
21
21
  import "../chunk-RDLEIAQU.js";
@@ -1,13 +1,6 @@
1
- import {
2
- CalendarRange
3
- } from "../chunk-SE5DM2IJ.js";
4
1
  import {
5
2
  findDocumentRoot
6
3
  } from "../chunk-VXWSAIB5.js";
7
- import {
8
- InputBase
9
- } from "../chunk-GW7OVMMC.js";
10
- import "../chunk-CJVTFYI4.js";
11
4
  import {
12
5
  calculateCursorPosition,
13
6
  formatDate,
@@ -15,7 +8,14 @@ import {
15
8
  isValidDate,
16
9
  parseInputDate
17
10
  } from "../chunk-T3F37S6Z.js";
11
+ import {
12
+ InputBase
13
+ } from "../chunk-7W4I2NK3.js";
18
14
  import "../chunk-5UH6QUFB.js";
15
+ import "../chunk-CJVTFYI4.js";
16
+ import {
17
+ CalendarRange
18
+ } from "../chunk-SE5DM2IJ.js";
19
19
  import {
20
20
  Icon
21
21
  } from "../chunk-UAPWR2KE.js";
@@ -1,13 +1,6 @@
1
- import {
2
- CalendarRange
3
- } from "../chunk-SE5DM2IJ.js";
4
1
  import {
5
2
  findDocumentRoot
6
3
  } from "../chunk-VXWSAIB5.js";
7
- import {
8
- InputBase
9
- } from "../chunk-GW7OVMMC.js";
10
- import "../chunk-CJVTFYI4.js";
11
4
  import {
12
5
  calculateCursorPosition,
13
6
  formatDate,
@@ -16,7 +9,14 @@ import {
16
9
  isValidDateRangeOrder,
17
10
  parseInputDate
18
11
  } from "../chunk-T3F37S6Z.js";
12
+ import {
13
+ InputBase
14
+ } from "../chunk-7W4I2NK3.js";
19
15
  import "../chunk-5UH6QUFB.js";
16
+ import "../chunk-CJVTFYI4.js";
17
+ import {
18
+ CalendarRange
19
+ } from "../chunk-SE5DM2IJ.js";
20
20
  import {
21
21
  Icon
22
22
  } from "../chunk-UAPWR2KE.js";
@@ -1,26 +1,26 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-BW2MWMVM.js";
4
+ } from "../chunk-ED7FXZRX.js";
5
5
  import {
6
6
  Checkbox
7
7
  } from "../chunk-E3UOI2D2.js";
8
8
  import {
9
9
  Search
10
- } from "../chunk-BHFIS4ZV.js";
11
- import "../chunk-GW7OVMMC.js";
10
+ } from "../chunk-2WRRRPEB.js";
11
+ import "../chunk-7W4I2NK3.js";
12
+ import "../chunk-5UH6QUFB.js";
12
13
  import {
13
14
  Label
14
15
  } from "../chunk-CJVTFYI4.js";
15
- import "../chunk-5UH6QUFB.js";
16
16
  import "../chunk-CJELWEO2.js";
17
17
  import {
18
18
  Link
19
19
  } from "../chunk-XQILVD56.js";
20
+ import "../chunk-SK742QNF.js";
20
21
  import {
21
22
  Icon
22
23
  } from "../chunk-UAPWR2KE.js";
23
- import "../chunk-SK742QNF.js";
24
24
  import {
25
25
  baseTransition,
26
26
  componentGap,
@@ -6,9 +6,9 @@ import {
6
6
  InputBase,
7
7
  Percentage,
8
8
  UOM
9
- } from "../chunk-GW7OVMMC.js";
10
- import "../chunk-CJVTFYI4.js";
9
+ } from "../chunk-7W4I2NK3.js";
11
10
  import "../chunk-5UH6QUFB.js";
11
+ import "../chunk-CJVTFYI4.js";
12
12
  import "../chunk-UAPWR2KE.js";
13
13
  import "../chunk-RDLEIAQU.js";
14
14
  import "../chunk-BBZEL7EG.js";
@@ -4,9 +4,9 @@ import {
4
4
  } from "../chunk-ERW3AMED.js";
5
5
  import "../chunk-E6Y7ZHQX.js";
6
6
  import "../chunk-VXWSAIB5.js";
7
- import "../chunk-CJVTFYI4.js";
8
7
  import "../chunk-T3F37S6Z.js";
9
8
  import "../chunk-5UH6QUFB.js";
9
+ import "../chunk-CJVTFYI4.js";
10
10
  import "../chunk-CJELWEO2.js";
11
11
  import "../chunk-UAPWR2KE.js";
12
12
  import "../chunk-RDLEIAQU.js";
@@ -10,12 +10,12 @@ import {
10
10
  import {
11
11
  Paragraph
12
12
  } from "../chunk-CJELWEO2.js";
13
- import {
14
- Icon
15
- } from "../chunk-UAPWR2KE.js";
16
13
  import {
17
14
  Button
18
15
  } from "../chunk-SK742QNF.js";
16
+ import {
17
+ Icon
18
+ } from "../chunk-UAPWR2KE.js";
19
19
  import "../chunk-RDLEIAQU.js";
20
20
  import "../chunk-BBZEL7EG.js";
21
21
 
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-HGRLNUNA.js";
4
+ } from "../chunk-UKSJPFN2.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-T7UCZWWK.js";
6
+ import "../chunk-47KTDBGA.js";
7
7
  import "../chunk-SYEJVSE4.js";
8
- import "../chunk-R4H6D4SZ.js";
8
+ import "../chunk-A5ROZWIH.js";
9
9
  import "../chunk-ZFOANBWG.js";
10
10
  import "../chunk-REOLWEZG.js";
11
11
  import "../chunk-E6Y7ZHQX.js";
12
12
  import "../chunk-VXWSAIB5.js";
13
13
  import "../chunk-T3F37S6Z.js";
14
14
  import "../chunk-5UH6QUFB.js";
15
- import "../chunk-UAPWR2KE.js";
16
15
  import "../chunk-SK742QNF.js";
16
+ import "../chunk-UAPWR2KE.js";
17
17
  import "../chunk-RDLEIAQU.js";
18
18
  import "../chunk-BBZEL7EG.js";
19
19
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  ModalButtons
3
- } from "../chunk-T7UCZWWK.js";
4
- import "../chunk-UAPWR2KE.js";
3
+ } from "../chunk-47KTDBGA.js";
5
4
  import "../chunk-SK742QNF.js";
5
+ import "../chunk-UAPWR2KE.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-BBZEL7EG.js";
8
8
  export {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  ModalHeader
3
- } from "../chunk-R4H6D4SZ.js";
3
+ } from "../chunk-A5ROZWIH.js";
4
4
  import "../chunk-REOLWEZG.js";
5
- import "../chunk-UAPWR2KE.js";
6
5
  import "../chunk-SK742QNF.js";
6
+ import "../chunk-UAPWR2KE.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-BBZEL7EG.js";
9
9
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  NavigationTab
3
- } from "../chunk-JFPRYMID.js";
4
- import "../chunk-UAPWR2KE.js";
3
+ } from "../chunk-FYW64H7N.js";
5
4
  import "../chunk-SK742QNF.js";
5
+ import "../chunk-UAPWR2KE.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-BBZEL7EG.js";
8
8
  export {
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  NavigationTab
4
- } from "../chunk-JFPRYMID.js";
5
- import "../chunk-UAPWR2KE.js";
4
+ } from "../chunk-FYW64H7N.js";
6
5
  import "../chunk-SK742QNF.js";
6
+ import "../chunk-UAPWR2KE.js";
7
7
  import {
8
8
  componentGap
9
9
  } from "../chunk-RDLEIAQU.js";
@@ -6,9 +6,9 @@ import {
6
6
  useKeydown
7
7
  } from "../chunk-E6Y7ZHQX.js";
8
8
  import "../chunk-VXWSAIB5.js";
9
- import "../chunk-CJVTFYI4.js";
10
9
  import "../chunk-T3F37S6Z.js";
11
10
  import "../chunk-5UH6QUFB.js";
11
+ import "../chunk-CJVTFYI4.js";
12
12
  import "../chunk-CJELWEO2.js";
13
13
  import {
14
14
  Icon
@@ -8,12 +8,12 @@ import {
8
8
  import {
9
9
  Paragraph
10
10
  } from "../chunk-CJELWEO2.js";
11
- import {
12
- Icon
13
- } from "../chunk-UAPWR2KE.js";
14
11
  import {
15
12
  Button
16
13
  } from "../chunk-SK742QNF.js";
14
+ import {
15
+ Icon
16
+ } from "../chunk-UAPWR2KE.js";
17
17
  import "../chunk-RDLEIAQU.js";
18
18
  import {
19
19
  __objRest,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  OptionPill
3
- } from "../chunk-BW2MWMVM.js";
3
+ } from "../chunk-ED7FXZRX.js";
4
4
  import "../chunk-CJVTFYI4.js";
5
- import "../chunk-UAPWR2KE.js";
6
5
  import "../chunk-SK742QNF.js";
6
+ import "../chunk-UAPWR2KE.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-BBZEL7EG.js";
9
9
  export {
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-HGRLNUNA.js";
4
+ } from "../chunk-UKSJPFN2.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-T7UCZWWK.js";
6
+ import "../chunk-47KTDBGA.js";
7
7
  import "../chunk-SYEJVSE4.js";
8
- import "../chunk-R4H6D4SZ.js";
8
+ import "../chunk-A5ROZWIH.js";
9
9
  import "../chunk-ZFOANBWG.js";
10
10
  import {
11
11
  Spinner
@@ -23,12 +23,12 @@ import {
23
23
  import {
24
24
  Paragraph
25
25
  } from "../chunk-CJELWEO2.js";
26
- import {
27
- Icon
28
- } from "../chunk-UAPWR2KE.js";
29
26
  import {
30
27
  Button
31
28
  } from "../chunk-SK742QNF.js";
29
+ import {
30
+ Icon
31
+ } from "../chunk-UAPWR2KE.js";
32
32
  import "../chunk-RDLEIAQU.js";
33
33
  import {
34
34
  __async
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-GW7OVMMC.js";
5
- import "../chunk-CJVTFYI4.js";
4
+ } from "../chunk-7W4I2NK3.js";
6
5
  import "../chunk-5UH6QUFB.js";
6
+ import "../chunk-CJVTFYI4.js";
7
7
  import {
8
8
  Icon
9
9
  } from "../chunk-UAPWR2KE.js";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  Search
4
- } from "../chunk-BHFIS4ZV.js";
5
- import "../chunk-GW7OVMMC.js";
6
- import "../chunk-CJVTFYI4.js";
4
+ } from "../chunk-2WRRRPEB.js";
5
+ import "../chunk-7W4I2NK3.js";
7
6
  import "../chunk-5UH6QUFB.js";
7
+ import "../chunk-CJVTFYI4.js";
8
8
  import "../chunk-UAPWR2KE.js";
9
9
  import "../chunk-RDLEIAQU.js";
10
10
  import "../chunk-BBZEL7EG.js";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  Select
4
- } from "../chunk-HKSYYK4K.js";
5
- import "../chunk-GW7OVMMC.js";
6
- import "../chunk-CJVTFYI4.js";
4
+ } from "../chunk-33W2KSCB.js";
5
+ import "../chunk-7W4I2NK3.js";
7
6
  import "../chunk-5UH6QUFB.js";
7
+ import "../chunk-CJVTFYI4.js";
8
8
  import "../chunk-UAPWR2KE.js";
9
9
  import "../chunk-RDLEIAQU.js";
10
10
  import "../chunk-BBZEL7EG.js";
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-GW7OVMMC.js";
5
- import "../chunk-CJVTFYI4.js";
4
+ } from "../chunk-7W4I2NK3.js";
6
5
  import "../chunk-5UH6QUFB.js";
7
- import {
8
- Icon
9
- } from "../chunk-UAPWR2KE.js";
6
+ import "../chunk-CJVTFYI4.js";
10
7
  import {
11
8
  Button
12
9
  } from "../chunk-SK742QNF.js";
10
+ import {
11
+ Icon
12
+ } from "../chunk-UAPWR2KE.js";
13
13
  import {
14
14
  componentGap
15
15
  } from "../chunk-RDLEIAQU.js";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  findDocumentRoot
3
3
  } from "../chunk-VXWSAIB5.js";
4
+ import "../chunk-T3F37S6Z.js";
4
5
  import {
5
6
  InputBase
6
- } from "../chunk-GW7OVMMC.js";
7
- import "../chunk-CJVTFYI4.js";
8
- import "../chunk-T3F37S6Z.js";
7
+ } from "../chunk-7W4I2NK3.js";
9
8
  import "../chunk-5UH6QUFB.js";
9
+ import "../chunk-CJVTFYI4.js";
10
10
  import {
11
11
  Stack
12
12
  } from "../chunk-BOWQUDUU.js";
@@ -5,12 +5,12 @@ import {
5
5
  import {
6
6
  Paragraph
7
7
  } from "../chunk-CJELWEO2.js";
8
- import {
9
- Icon
10
- } from "../chunk-UAPWR2KE.js";
11
8
  import {
12
9
  Button
13
10
  } from "../chunk-SK742QNF.js";
11
+ import {
12
+ Icon
13
+ } from "../chunk-UAPWR2KE.js";
14
14
  import {
15
15
  componentGap,
16
16
  componentPadding,
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  Paragraph
3
3
  } from "../chunk-CJELWEO2.js";
4
- import {
5
- Icon
6
- } from "../chunk-UAPWR2KE.js";
7
4
  import {
8
5
  Button
9
6
  } from "../chunk-SK742QNF.js";
7
+ import {
8
+ Icon
9
+ } from "../chunk-UAPWR2KE.js";
10
10
  import {
11
11
  componentGap
12
12
  } from "../chunk-RDLEIAQU.js";
@@ -1991,6 +1991,8 @@ function DataCellHeader(_a) {
1991
1991
  );
1992
1992
  const ref = (0, import_react11.useRef)(null);
1993
1993
  const predeterminedPinned = (0, import_react11.useRef)(false);
1994
+ const { column, getContext } = header;
1995
+ const { id: columnId, setFilterValue } = column;
1994
1996
  const {
1995
1997
  menuRootRef,
1996
1998
  isMenuActive,
@@ -1999,22 +2001,20 @@ function DataCellHeader(_a) {
1999
2001
  mobileHide
2000
2002
  } = useSubMenuSystem(node ? node : ref);
2001
2003
  (0, import_react11.useEffect)(() => {
2002
- var _a3;
2003
- const columnPinning = (_a3 = header.getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
2004
- const left = (columnPinning == null ? void 0 : columnPinning.left) ? columnPinning.left : [];
2005
- const right = (columnPinning == null ? void 0 : columnPinning.right) ? columnPinning.right : [];
2006
- predeterminedPinned.current = [...left, ...right].includes(
2007
- header.column.id
2008
- );
2009
- }, []);
2004
+ var _a3, _b2, _c;
2005
+ const columnPinning = (_a3 = getContext().table.options.initialState) == null ? void 0 : _a3.columnPinning;
2006
+ const left = (_b2 = columnPinning == null ? void 0 : columnPinning.left) != null ? _b2 : [];
2007
+ const right = (_c = columnPinning == null ? void 0 : columnPinning.right) != null ? _c : [];
2008
+ predeterminedPinned.current = [...left, ...right].includes(columnId);
2009
+ }, [columnId, getContext]);
2010
2010
  (0, import_react11.useEffect)(() => {
2011
2011
  const handler = setTimeout(() => {
2012
- header.column.setFilterValue(filter);
2012
+ setFilterValue(filter);
2013
2013
  }, 500);
2014
2014
  return () => {
2015
2015
  clearTimeout(handler);
2016
2016
  };
2017
- }, [filter]);
2017
+ }, [filter, setFilterValue]);
2018
2018
  const style = __spreadValues({
2019
2019
  position: "relative",
2020
2020
  whiteSpace: "nowrap",
@@ -3,7 +3,7 @@ import {
3
3
  } from "../chunk-3WNXMCZV.js";
4
4
  import {
5
5
  Select
6
- } from "../chunk-HKSYYK4K.js";
6
+ } from "../chunk-33W2KSCB.js";
7
7
  import {
8
8
  Checkbox
9
9
  } from "../chunk-E3UOI2D2.js";
@@ -12,31 +12,31 @@ import {
12
12
  DataGridCell,
13
13
  DragAlongCell,
14
14
  DraggableCellHeader
15
- } from "../chunk-NCG3MH23.js";
16
- import {
17
- MenuOption
18
- } from "../chunk-ERW3AMED.js";
15
+ } from "../chunk-CZ55LUFC.js";
19
16
  import {
20
17
  Menu
21
18
  } from "../chunk-JITZWSPR.js";
22
19
  import "../chunk-NIHZMIOL.js";
20
+ import {
21
+ MenuOption
22
+ } from "../chunk-ERW3AMED.js";
23
23
  import {
24
24
  useInfiniteScroll,
25
25
  useTableLayout
26
26
  } from "../chunk-E6Y7ZHQX.js";
27
- import "../chunk-WVUIIBRR.js";
28
27
  import "../chunk-VXWSAIB5.js";
28
+ import "../chunk-T3F37S6Z.js";
29
29
  import {
30
30
  Search
31
- } from "../chunk-BHFIS4ZV.js";
31
+ } from "../chunk-2WRRRPEB.js";
32
32
  import {
33
33
  Input
34
- } from "../chunk-GW7OVMMC.js";
34
+ } from "../chunk-7W4I2NK3.js";
35
+ import "../chunk-5UH6QUFB.js";
35
36
  import {
36
37
  Label
37
38
  } from "../chunk-CJVTFYI4.js";
38
- import "../chunk-T3F37S6Z.js";
39
- import "../chunk-5UH6QUFB.js";
39
+ import "../chunk-WVUIIBRR.js";
40
40
  import {
41
41
  Subheader
42
42
  } from "../chunk-KGVKHWUK.js";
@@ -50,12 +50,12 @@ import {
50
50
  import {
51
51
  Paragraph
52
52
  } from "../chunk-CJELWEO2.js";
53
- import {
54
- Icon
55
- } from "../chunk-UAPWR2KE.js";
56
53
  import {
57
54
  Button
58
55
  } from "../chunk-SK742QNF.js";
56
+ import {
57
+ Icon
58
+ } from "../chunk-UAPWR2KE.js";
59
59
  import {
60
60
  componentGap,
61
61
  componentPadding
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.212",
4
+ "version": "0.0.214",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
@@ -226,6 +226,9 @@ export function DataCellHeader<T>({
226
226
  const ref = useRef<HTMLElement>(null);
227
227
  const predeterminedPinned = useRef(false);
228
228
 
229
+ const { column, getContext } = header;
230
+ const { id: columnId, setFilterValue } = column;
231
+
229
232
  const {
230
233
  menuRootRef,
231
234
  isMenuActive,
@@ -236,28 +239,22 @@ export function DataCellHeader<T>({
236
239
 
237
240
  useEffect(() => {
238
241
  const columnPinning =
239
- header.getContext().table.options.initialState?.columnPinning;
240
- const left = columnPinning?.left ? columnPinning.left : [];
241
- const right = columnPinning?.right ? columnPinning.right : [];
242
+ getContext().table.options.initialState?.columnPinning;
243
+ const left = columnPinning?.left ?? [];
244
+ const right = columnPinning?.right ?? [];
242
245
 
243
- predeterminedPinned.current = [...left, ...right].includes(
244
- header.column.id,
245
- );
246
- // header is stable for the lifetime of the header cell
247
- // eslint-disable-next-line react-hooks/exhaustive-deps
248
- }, []);
246
+ predeterminedPinned.current = [...left, ...right].includes(columnId);
247
+ }, [columnId, getContext]);
249
248
 
250
249
  useEffect(() => {
251
250
  const handler = setTimeout(() => {
252
- header.column.setFilterValue(filter);
251
+ setFilterValue(filter);
253
252
  }, 500);
254
253
 
255
254
  return () => {
256
255
  clearTimeout(handler);
257
256
  };
258
- // We only want to react to filter changes; header.column methods are stable
259
- // eslint-disable-next-line react-hooks/exhaustive-deps
260
- }, [filter]);
257
+ }, [filter, setFilterValue]);
261
258
 
262
259
  const style: CSSProperties = {
263
260
  position: "relative",
@@ -1,9 +1,9 @@
1
- import {
2
- Icon
3
- } from "./chunk-UAPWR2KE.js";
4
1
  import {
5
2
  Button
6
3
  } from "./chunk-SK742QNF.js";
4
+ import {
5
+ Icon
6
+ } from "./chunk-UAPWR2KE.js";
7
7
  import {
8
8
  layoutGroupGap,
9
9
  layoutPaddding
@@ -1,11 +1,11 @@
1
- import {
2
- Label
3
- } from "./chunk-CJVTFYI4.js";
4
1
  import {
5
2
  formatCurrencyDisplay,
6
3
  formatDecimalValue,
7
4
  getDecimalPlaceholder
8
5
  } from "./chunk-5UH6QUFB.js";
6
+ import {
7
+ Label
8
+ } from "./chunk-CJVTFYI4.js";
9
9
  import {
10
10
  Icon
11
11
  } from "./chunk-UAPWR2KE.js";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  Heading2
3
3
  } from "./chunk-REOLWEZG.js";
4
- import {
5
- Icon
6
- } from "./chunk-UAPWR2KE.js";
7
4
  import {
8
5
  Button
9
6
  } from "./chunk-SK742QNF.js";
7
+ import {
8
+ Icon
9
+ } from "./chunk-UAPWR2KE.js";
10
10
  import {
11
11
  layoutGroupGap,
12
12
  layoutPaddding
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  Label
3
3
  } from "./chunk-CJVTFYI4.js";
4
- import {
5
- Icon
6
- } from "./chunk-UAPWR2KE.js";
7
4
  import {
8
5
  Button
9
6
  } from "./chunk-SK742QNF.js";
7
+ import {
8
+ Icon
9
+ } from "./chunk-UAPWR2KE.js";
10
10
  import {
11
11
  baseTransition,
12
12
  componentGap,
@@ -1,9 +1,9 @@
1
- import {
2
- Icon
3
- } from "./chunk-UAPWR2KE.js";
4
1
  import {
5
2
  Button
6
3
  } from "./chunk-SK742QNF.js";
4
+ import {
5
+ Icon
6
+ } from "./chunk-UAPWR2KE.js";
7
7
  import {
8
8
  __objRest,
9
9
  __spreadProps,