@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.
- package/dist/{chunk-BHFIS4ZV.js → chunk-2WRRRPEB.js} +1 -1
- package/dist/{chunk-HKSYYK4K.js → chunk-33W2KSCB.js} +1 -1
- package/dist/{chunk-LQW4LMNB.js → chunk-CZ55LUFC.js} +14 -14
- package/dist/components/DataGridCell.cjs +10 -10
- package/dist/components/DataGridCell.js +6 -6
- package/dist/components/DateInput.js +7 -7
- package/dist/components/DateRangeInput.js +7 -7
- package/dist/components/FilterGroup.js +7 -7
- package/dist/components/Input.js +2 -2
- package/dist/components/MenuOption.js +2 -2
- package/dist/components/MobileDataGrid.js +3 -3
- package/dist/components/Modal.js +1 -1
- package/dist/components/NestedMenu.js +2 -2
- package/dist/components/Notification.js +3 -3
- package/dist/components/PDFViewer.js +3 -3
- package/dist/components/Password.js +2 -2
- package/dist/components/Search.js +3 -3
- package/dist/components/Select.js +3 -3
- package/dist/components/Stepper.js +2 -2
- package/dist/components/Time.js +4 -4
- package/dist/components/Toast.js +3 -3
- package/dist/components/Upload.js +3 -3
- package/dist/components/index.cjs +10 -10
- package/dist/components/index.js +19 -19
- package/package.json +1 -1
- package/src/components/DataGridCell.tsx +10 -13
- package/dist/{chunk-GW7OVMMC.js → chunk-7W4I2NK3.js} +3 -3
- package/dist/{chunk-TPZ6752P.js → chunk-ERW3AMED.js} +3 -3
|
@@ -6,13 +6,13 @@ import {
|
|
|
6
6
|
} from "./chunk-NIHZMIOL.js";
|
|
7
7
|
import {
|
|
8
8
|
MenuOption
|
|
9
|
-
} from "./chunk-
|
|
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 =
|
|
207
|
-
const left = (columnPinning == null ? void 0 : columnPinning.left) ?
|
|
208
|
-
const right = (columnPinning == null ? void 0 : columnPinning.right) ?
|
|
209
|
-
predeterminedPinned.current = [...left, ...right].includes(
|
|
210
|
-
|
|
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
|
-
|
|
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 =
|
|
1917
|
-
const left = (columnPinning == null ? void 0 : columnPinning.left) ?
|
|
1918
|
-
const right = (columnPinning == null ? void 0 : columnPinning.right) ?
|
|
1919
|
-
predeterminedPinned.current = [...left, ...right].includes(
|
|
1920
|
-
|
|
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
|
-
|
|
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-
|
|
7
|
+
} from "../chunk-CZ55LUFC.js";
|
|
8
8
|
import "../chunk-JITZWSPR.js";
|
|
9
9
|
import "../chunk-NIHZMIOL.js";
|
|
10
|
-
import "../chunk-
|
|
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-
|
|
8
|
-
import "../chunk-
|
|
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";
|
package/dist/components/Input.js
CHANGED
|
@@ -6,9 +6,9 @@ import {
|
|
|
6
6
|
InputBase,
|
|
7
7
|
Percentage,
|
|
8
8
|
UOM
|
|
9
|
-
} from "../chunk-
|
|
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-
|
|
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";
|
package/dist/components/Modal.js
CHANGED
|
@@ -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-
|
|
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,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Search
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
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-
|
|
5
|
-
import "../chunk-
|
|
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-
|
|
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";
|
package/dist/components/Time.js
CHANGED
|
@@ -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";
|
package/dist/components/Toast.js
CHANGED
|
@@ -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";
|
|
@@ -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 =
|
|
2004
|
-
const left = (columnPinning == null ? void 0 : columnPinning.left) ?
|
|
2005
|
-
const right = (columnPinning == null ? void 0 : columnPinning.right) ?
|
|
2006
|
-
predeterminedPinned.current = [...left, ...right].includes(
|
|
2007
|
-
|
|
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
|
-
|
|
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",
|
package/dist/components/index.js
CHANGED
|
@@ -3,43 +3,40 @@ import {
|
|
|
3
3
|
} from "../chunk-3WNXMCZV.js";
|
|
4
4
|
import {
|
|
5
5
|
Select
|
|
6
|
-
} from "../chunk-
|
|
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-
|
|
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-
|
|
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
|
@@ -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
|
-
|
|
240
|
-
const left = columnPinning?.left
|
|
241
|
-
const 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
|
-
|
|
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
|
-
|
|
251
|
+
setFilterValue(filter);
|
|
253
252
|
}, 500);
|
|
254
253
|
|
|
255
254
|
return () => {
|
|
256
255
|
clearTimeout(handler);
|
|
257
256
|
};
|
|
258
|
-
|
|
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";
|