@dmsi/wedgekit-react 0.0.213 → 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.
@@ -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";
@@ -6,13 +6,13 @@ import {
6
6
  } from "./chunk-NIHZMIOL.js";
7
7
  import {
8
8
  MenuOption
9
- } from "./chunk-TPZ6752P.js";
9
+ } from "./chunk-ERW3AMED.js";
10
+ import {
11
+ Search
12
+ } from "./chunk-2WRRRPEB.js";
10
13
  import {
11
14
  CSS
12
15
  } from "./chunk-WVUIIBRR.js";
13
- import {
14
- Search
15
- } from "./chunk-BHFIS4ZV.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",
@@ -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-LQW4LMNB.js";
7
+ } from "../chunk-CZ55LUFC.js";
8
8
  import "../chunk-JITZWSPR.js";
9
9
  import "../chunk-NIHZMIOL.js";
10
- import "../chunk-TPZ6752P.js";
11
- import "../chunk-WVUIIBRR.js";
12
- import "../chunk-BHFIS4ZV.js";
13
- import "../chunk-GW7OVMMC.js";
14
- import "../chunk-CJVTFYI4.js";
10
+ import "../chunk-ERW3AMED.js";
15
11
  import "../chunk-E6Y7ZHQX.js";
16
12
  import "../chunk-VXWSAIB5.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,10 +1,3 @@
1
- import {
2
- InputBase
3
- } from "../chunk-GW7OVMMC.js";
4
- import "../chunk-CJVTFYI4.js";
5
- import {
6
- CalendarRange
7
- } from "../chunk-SE5DM2IJ.js";
8
1
  import {
9
2
  findDocumentRoot
10
3
  } from "../chunk-VXWSAIB5.js";
@@ -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,10 +1,3 @@
1
- import {
2
- InputBase
3
- } from "../chunk-GW7OVMMC.js";
4
- import "../chunk-CJVTFYI4.js";
5
- import {
6
- CalendarRange
7
- } from "../chunk-SE5DM2IJ.js";
8
1
  import {
9
2
  findDocumentRoot
10
3
  } from "../chunk-VXWSAIB5.js";
@@ -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";
@@ -2,22 +2,22 @@
2
2
  import {
3
3
  OptionPill
4
4
  } from "../chunk-ED7FXZRX.js";
5
+ import {
6
+ Checkbox
7
+ } from "../chunk-E3UOI2D2.js";
5
8
  import {
6
9
  Search
7
- } from "../chunk-BHFIS4ZV.js";
8
- import "../chunk-GW7OVMMC.js";
10
+ } from "../chunk-2WRRRPEB.js";
11
+ import "../chunk-7W4I2NK3.js";
12
+ import "../chunk-5UH6QUFB.js";
9
13
  import {
10
14
  Label
11
15
  } from "../chunk-CJVTFYI4.js";
12
- import {
13
- Checkbox
14
- } from "../chunk-E3UOI2D2.js";
15
- import "../chunk-SK742QNF.js";
16
- import "../chunk-5UH6QUFB.js";
17
16
  import "../chunk-CJELWEO2.js";
18
17
  import {
19
18
  Link
20
19
  } from "../chunk-XQILVD56.js";
20
+ import "../chunk-SK742QNF.js";
21
21
  import {
22
22
  Icon
23
23
  } from "../chunk-UAPWR2KE.js";
@@ -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";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-TPZ6752P.js";
5
- import "../chunk-CJVTFYI4.js";
4
+ } from "../chunk-ERW3AMED.js";
6
5
  import "../chunk-E6Y7ZHQX.js";
7
6
  import "../chunk-VXWSAIB5.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";
@@ -4,15 +4,15 @@ import {
4
4
  import {
5
5
  Heading3
6
6
  } from "../chunk-REOLWEZG.js";
7
- import {
8
- Button
9
- } from "../chunk-SK742QNF.js";
10
7
  import {
11
8
  Stack
12
9
  } from "../chunk-BOWQUDUU.js";
13
10
  import {
14
11
  Paragraph
15
12
  } from "../chunk-CJELWEO2.js";
13
+ import {
14
+ Button
15
+ } from "../chunk-SK742QNF.js";
16
16
  import {
17
17
  Icon
18
18
  } from "../chunk-UAPWR2KE.js";
@@ -8,11 +8,11 @@ import "../chunk-SYEJVSE4.js";
8
8
  import "../chunk-A5ROZWIH.js";
9
9
  import "../chunk-ZFOANBWG.js";
10
10
  import "../chunk-REOLWEZG.js";
11
- import "../chunk-SK742QNF.js";
12
11
  import "../chunk-E6Y7ZHQX.js";
13
12
  import "../chunk-VXWSAIB5.js";
14
13
  import "../chunk-T3F37S6Z.js";
15
14
  import "../chunk-5UH6QUFB.js";
15
+ import "../chunk-SK742QNF.js";
16
16
  import "../chunk-UAPWR2KE.js";
17
17
  import "../chunk-RDLEIAQU.js";
18
18
  import "../chunk-BBZEL7EG.js";
@@ -1,14 +1,14 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-TPZ6752P.js";
5
- import "../chunk-CJVTFYI4.js";
4
+ } from "../chunk-ERW3AMED.js";
6
5
  import {
7
6
  useKeydown
8
7
  } from "../chunk-E6Y7ZHQX.js";
9
8
  import "../chunk-VXWSAIB5.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
@@ -2,15 +2,15 @@
2
2
  import {
3
3
  Heading3
4
4
  } from "../chunk-REOLWEZG.js";
5
- import {
6
- Button
7
- } from "../chunk-SK742QNF.js";
8
5
  import {
9
6
  Stack
10
7
  } from "../chunk-BOWQUDUU.js";
11
8
  import {
12
9
  Paragraph
13
10
  } from "../chunk-CJELWEO2.js";
11
+ import {
12
+ Button
13
+ } from "../chunk-SK742QNF.js";
14
14
  import {
15
15
  Icon
16
16
  } from "../chunk-UAPWR2KE.js";
@@ -13,9 +13,6 @@ import {
13
13
  import {
14
14
  Heading3
15
15
  } from "../chunk-REOLWEZG.js";
16
- import {
17
- Button
18
- } from "../chunk-SK742QNF.js";
19
16
  import "../chunk-E6Y7ZHQX.js";
20
17
  import "../chunk-VXWSAIB5.js";
21
18
  import "../chunk-T3F37S6Z.js";
@@ -26,6 +23,9 @@ import {
26
23
  import {
27
24
  Paragraph
28
25
  } from "../chunk-CJELWEO2.js";
26
+ import {
27
+ Button
28
+ } from "../chunk-SK742QNF.js";
29
29
  import {
30
30
  Icon
31
31
  } from "../chunk-UAPWR2KE.js";
@@ -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,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-GW7OVMMC.js";
4
+ } from "../chunk-7W4I2NK3.js";
5
+ import "../chunk-5UH6QUFB.js";
5
6
  import "../chunk-CJVTFYI4.js";
6
7
  import {
7
8
  Button
8
9
  } from "../chunk-SK742QNF.js";
9
- import "../chunk-5UH6QUFB.js";
10
10
  import {
11
11
  Icon
12
12
  } from "../chunk-UAPWR2KE.js";
@@ -1,12 +1,12 @@
1
- import {
2
- InputBase
3
- } from "../chunk-GW7OVMMC.js";
4
- import "../chunk-CJVTFYI4.js";
5
1
  import {
6
2
  findDocumentRoot
7
3
  } from "../chunk-VXWSAIB5.js";
8
4
  import "../chunk-T3F37S6Z.js";
5
+ import {
6
+ InputBase
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";
@@ -2,12 +2,12 @@
2
2
  import {
3
3
  Heading3
4
4
  } from "../chunk-REOLWEZG.js";
5
- import {
6
- Button
7
- } from "../chunk-SK742QNF.js";
8
5
  import {
9
6
  Paragraph
10
7
  } from "../chunk-CJELWEO2.js";
8
+ import {
9
+ Button
10
+ } from "../chunk-SK742QNF.js";
11
11
  import {
12
12
  Icon
13
13
  } from "../chunk-UAPWR2KE.js";
@@ -1,9 +1,9 @@
1
- import {
2
- Button
3
- } from "../chunk-SK742QNF.js";
4
1
  import {
5
2
  Paragraph
6
3
  } from "../chunk-CJELWEO2.js";
4
+ import {
5
+ Button
6
+ } from "../chunk-SK742QNF.js";
7
7
  import {
8
8
  Icon
9
9
  } from "../chunk-UAPWR2KE.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,43 +3,40 @@ import {
3
3
  } from "../chunk-3WNXMCZV.js";
4
4
  import {
5
5
  Select
6
- } from "../chunk-HKSYYK4K.js";
6
+ } from "../chunk-33W2KSCB.js";
7
+ import {
8
+ Checkbox
9
+ } from "../chunk-E3UOI2D2.js";
7
10
  import {
8
11
  DataCellHeader,
9
12
  DataGridCell,
10
13
  DragAlongCell,
11
14
  DraggableCellHeader
12
- } from "../chunk-LQW4LMNB.js";
15
+ } from "../chunk-CZ55LUFC.js";
13
16
  import {
14
17
  Menu
15
18
  } from "../chunk-JITZWSPR.js";
16
19
  import "../chunk-NIHZMIOL.js";
17
20
  import {
18
21
  MenuOption
19
- } from "../chunk-TPZ6752P.js";
20
- import "../chunk-WVUIIBRR.js";
21
- import {
22
- Search
23
- } from "../chunk-BHFIS4ZV.js";
24
- import {
25
- Input
26
- } from "../chunk-GW7OVMMC.js";
27
- import {
28
- Label
29
- } from "../chunk-CJVTFYI4.js";
30
- import {
31
- Checkbox
32
- } from "../chunk-E3UOI2D2.js";
33
- import {
34
- Button
35
- } from "../chunk-SK742QNF.js";
22
+ } from "../chunk-ERW3AMED.js";
36
23
  import {
37
24
  useInfiniteScroll,
38
25
  useTableLayout
39
26
  } from "../chunk-E6Y7ZHQX.js";
40
27
  import "../chunk-VXWSAIB5.js";
41
28
  import "../chunk-T3F37S6Z.js";
29
+ import {
30
+ Search
31
+ } from "../chunk-2WRRRPEB.js";
32
+ import {
33
+ Input
34
+ } from "../chunk-7W4I2NK3.js";
42
35
  import "../chunk-5UH6QUFB.js";
36
+ import {
37
+ Label
38
+ } from "../chunk-CJVTFYI4.js";
39
+ import "../chunk-WVUIIBRR.js";
43
40
  import {
44
41
  Subheader
45
42
  } from "../chunk-KGVKHWUK.js";
@@ -53,6 +50,9 @@ import {
53
50
  import {
54
51
  Paragraph
55
52
  } from "../chunk-CJELWEO2.js";
53
+ import {
54
+ Button
55
+ } from "../chunk-SK742QNF.js";
56
56
  import {
57
57
  Icon
58
58
  } from "../chunk-UAPWR2KE.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.213",
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,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,9 +1,9 @@
1
- import {
2
- Label
3
- } from "./chunk-CJVTFYI4.js";
4
1
  import {
5
2
  useMatchesMobile
6
3
  } from "./chunk-E6Y7ZHQX.js";
4
+ import {
5
+ Label
6
+ } from "./chunk-CJVTFYI4.js";
7
7
  import {
8
8
  Paragraph
9
9
  } from "./chunk-CJELWEO2.js";