@dmsi/wedgekit-react 0.0.275 → 0.0.277
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-FLVYV4T4.js → chunk-CKQNJNU3.js} +3 -3
- package/dist/{chunk-HIVPC3T4.js → chunk-JUJBS4ZV.js} +18 -3
- package/dist/{chunk-6YLAEWTZ.js → chunk-MIX7MTLR.js} +33 -17
- package/dist/{chunk-ESAKAJHE.js → chunk-NXGUDYRR.js} +4 -4
- package/dist/{chunk-FQRSSPFV.js → chunk-Q7JYDOFB.js} +3 -3
- package/dist/{chunk-PGSDEGBP.js → chunk-W32JB47H.js} +2 -2
- package/dist/{chunk-CCOQOO23.js → chunk-WPEDVM56.js} +1 -1
- package/dist/{chunk-AB4ZBO5P.js → chunk-YCKRVNJ3.js} +5 -5
- package/dist/components/CalendarRange.cjs +30 -5
- package/dist/components/CalendarRange.js +10 -10
- package/dist/components/DataGridCell.js +6 -6
- package/dist/components/DateInput.cjs +30 -5
- package/dist/components/DateInput.js +12 -12
- package/dist/components/DateRangeInput.cjs +31 -6
- package/dist/components/DateRangeInput.js +13 -13
- package/dist/components/FilterGroup.js +5 -5
- package/dist/components/Menu.js +3 -3
- package/dist/components/MenuOption.js +3 -3
- package/dist/components/MobileDataGrid.js +3 -3
- package/dist/components/Modal.js +5 -5
- package/dist/components/ModalButtons.js +2 -2
- package/dist/components/ModalHeader.js +2 -2
- package/dist/components/NavigationTab.js +2 -2
- package/dist/components/NavigationTabs.js +2 -2
- package/dist/components/NestedMenu.js +3 -3
- package/dist/components/Notification.js +3 -3
- package/dist/components/OptionPill.js +2 -2
- package/dist/components/PDFViewer.js +7 -7
- package/dist/components/ProjectBar.js +1 -1
- package/dist/components/Stepper.js +3 -3
- package/dist/components/Time.js +3 -3
- package/dist/components/Toast.js +3 -3
- package/dist/components/Upload.js +3 -3
- package/dist/components/index.cjs +30 -5
- package/dist/components/index.js +15 -15
- package/dist/components/useMenuSystem.js +2 -2
- package/dist/hooks/index.cjs +18 -3
- package/dist/hooks/index.js +1 -1
- package/package.json +1 -1
- package/src/components/DataGrid/index.tsx +18 -3
- package/src/components/DataGrid/types.ts +1 -0
- package/src/components/DateRangeInput.tsx +1 -1
- package/src/hooks/useTableLayout.ts +23 -3
- package/dist/{chunk-6CPGOW6J.js → chunk-3C2U4FKR.js} +3 -3
- package/dist/{chunk-KKESN5SF.js → chunk-4XTTJOQA.js} +3 -3
- package/dist/{chunk-XM7IQHBU.js → chunk-5OPI4GTJ.js} +3 -3
- package/dist/{chunk-FHQL42YP.js → chunk-YUBQJQ75.js} +3 -3
|
@@ -82,6 +82,8 @@ import {
|
|
|
82
82
|
useCallback,
|
|
83
83
|
useRef
|
|
84
84
|
} from "react";
|
|
85
|
+
var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
|
|
86
|
+
var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
|
|
85
87
|
function useTableLayout(initialColumns, key) {
|
|
86
88
|
const [columns, setColumns] = useState2(initialColumns);
|
|
87
89
|
const [isReady, setIsReady] = useState2(false);
|
|
@@ -93,7 +95,10 @@ function useTableLayout(initialColumns, key) {
|
|
|
93
95
|
const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
|
|
94
96
|
if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
|
|
95
97
|
return prevColumns;
|
|
96
|
-
localStorage.setItem(
|
|
98
|
+
localStorage.setItem(
|
|
99
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
|
|
100
|
+
JSON.stringify(newColumns)
|
|
101
|
+
);
|
|
97
102
|
return newColumns;
|
|
98
103
|
});
|
|
99
104
|
},
|
|
@@ -109,7 +114,9 @@ function useTableLayout(initialColumns, key) {
|
|
|
109
114
|
);
|
|
110
115
|
}
|
|
111
116
|
renderCountRef.current += 1;
|
|
112
|
-
const savedLayout = localStorage.getItem(
|
|
117
|
+
const savedLayout = localStorage.getItem(
|
|
118
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
119
|
+
);
|
|
113
120
|
if (savedLayout) {
|
|
114
121
|
handleSaveLayout(
|
|
115
122
|
mergeObjectArrays(
|
|
@@ -125,7 +132,15 @@ function useTableLayout(initialColumns, key) {
|
|
|
125
132
|
renderCountRef.current = 0;
|
|
126
133
|
};
|
|
127
134
|
}, [handleSaveLayout, initialColumns, key]);
|
|
128
|
-
|
|
135
|
+
const getSavedLayout = useCallback(() => {
|
|
136
|
+
const savedLayout = localStorage.getItem(
|
|
137
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
138
|
+
);
|
|
139
|
+
if (savedLayout) {
|
|
140
|
+
return JSON.parse(savedLayout);
|
|
141
|
+
}
|
|
142
|
+
}, [key]);
|
|
143
|
+
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
129
144
|
}
|
|
130
145
|
|
|
131
146
|
export {
|
|
@@ -4,25 +4,18 @@ import {
|
|
|
4
4
|
import {
|
|
5
5
|
Select
|
|
6
6
|
} from "./chunk-J5V2JRIK.js";
|
|
7
|
-
import {
|
|
8
|
-
Checkbox
|
|
9
|
-
} from "./chunk-NO5BIKWS.js";
|
|
10
7
|
import {
|
|
11
8
|
DataCellHeader,
|
|
12
9
|
DataGridCell,
|
|
13
10
|
DragAlongCell,
|
|
14
11
|
DraggableCellHeader
|
|
15
|
-
} from "./chunk-
|
|
16
|
-
import {
|
|
17
|
-
MenuOption
|
|
18
|
-
} from "./chunk-FLVYV4T4.js";
|
|
12
|
+
} from "./chunk-YCKRVNJ3.js";
|
|
19
13
|
import {
|
|
20
14
|
Menu
|
|
21
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-W32JB47H.js";
|
|
22
16
|
import {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
} from "./chunk-HIVPC3T4.js";
|
|
17
|
+
MenuOption
|
|
18
|
+
} from "./chunk-CKQNJNU3.js";
|
|
26
19
|
import {
|
|
27
20
|
Search
|
|
28
21
|
} from "./chunk-6DPFKSCT.js";
|
|
@@ -32,6 +25,16 @@ import {
|
|
|
32
25
|
import {
|
|
33
26
|
Label
|
|
34
27
|
} from "./chunk-7CS736EF.js";
|
|
28
|
+
import {
|
|
29
|
+
Checkbox
|
|
30
|
+
} from "./chunk-NO5BIKWS.js";
|
|
31
|
+
import {
|
|
32
|
+
Button
|
|
33
|
+
} from "./chunk-WWAPK5PH.js";
|
|
34
|
+
import {
|
|
35
|
+
useInfiniteScroll,
|
|
36
|
+
useTableLayout
|
|
37
|
+
} from "./chunk-JUJBS4ZV.js";
|
|
35
38
|
import {
|
|
36
39
|
formatDate
|
|
37
40
|
} from "./chunk-TYTD4FLW.js";
|
|
@@ -47,9 +50,6 @@ import {
|
|
|
47
50
|
import {
|
|
48
51
|
Icon
|
|
49
52
|
} from "./chunk-NKUETCDA.js";
|
|
50
|
-
import {
|
|
51
|
-
Button
|
|
52
|
-
} from "./chunk-WWAPK5PH.js";
|
|
53
53
|
import {
|
|
54
54
|
componentGap,
|
|
55
55
|
componentPadding
|
|
@@ -61,7 +61,13 @@ import {
|
|
|
61
61
|
} from "./chunk-ORMEWXMH.js";
|
|
62
62
|
|
|
63
63
|
// src/components/DataGrid/index.tsx
|
|
64
|
-
import React3, {
|
|
64
|
+
import React3, {
|
|
65
|
+
useCallback,
|
|
66
|
+
useEffect,
|
|
67
|
+
useId,
|
|
68
|
+
useImperativeHandle,
|
|
69
|
+
useState as useState3
|
|
70
|
+
} from "react";
|
|
65
71
|
import {
|
|
66
72
|
flexRender as flexRender3,
|
|
67
73
|
getCoreRowModel,
|
|
@@ -671,13 +677,23 @@ function DataGrid({
|
|
|
671
677
|
enableColumnSelector,
|
|
672
678
|
predeterminedLeftPins = [],
|
|
673
679
|
predeterminedRightPins = [],
|
|
674
|
-
useMenuDefaultMinWidth
|
|
680
|
+
useMenuDefaultMinWidth,
|
|
681
|
+
ref
|
|
675
682
|
}) {
|
|
676
683
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
684
|
+
useImperativeHandle(ref, () => ({
|
|
685
|
+
getSavedLayout: () => {
|
|
686
|
+
return getSavedLayout();
|
|
687
|
+
}
|
|
688
|
+
}));
|
|
677
689
|
const [localSorting, setLocalSorting] = useState3([]);
|
|
678
690
|
const [localColumnFilters, setLocalColumnFilters] = useState3([]);
|
|
679
691
|
const [localRowSelection, setLocalRowSelection] = useState3({});
|
|
680
|
-
const {
|
|
692
|
+
const {
|
|
693
|
+
columns: tableColumns,
|
|
694
|
+
setColumns: setTableColumns,
|
|
695
|
+
getSavedLayout
|
|
696
|
+
} = useTableLayout(columns, id != null ? id : testid);
|
|
681
697
|
const [columnOrder, setColumnOrder] = useState3(
|
|
682
698
|
tableColumns.map((c) => c.id)
|
|
683
699
|
);
|
|
@@ -3,19 +3,19 @@ import {
|
|
|
3
3
|
} from "./chunk-4RJKB7LC.js";
|
|
4
4
|
import {
|
|
5
5
|
ModalButtons
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-5OPI4GTJ.js";
|
|
7
7
|
import {
|
|
8
8
|
ModalContent
|
|
9
9
|
} from "./chunk-FRHPFACM.js";
|
|
10
10
|
import {
|
|
11
11
|
ModalHeader
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-3C2U4FKR.js";
|
|
13
13
|
import {
|
|
14
14
|
ModalScrim
|
|
15
15
|
} from "./chunk-ZFOANBWG.js";
|
|
16
16
|
import {
|
|
17
17
|
useMatchesMobile
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-JUJBS4ZV.js";
|
|
19
19
|
import {
|
|
20
20
|
findDocumentRoot
|
|
21
21
|
} from "./chunk-VXWSAIB5.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
MenuOption
|
|
3
|
-
} from "./chunk-FLVYV4T4.js";
|
|
4
1
|
import {
|
|
5
2
|
Menu
|
|
6
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-W32JB47H.js";
|
|
7
4
|
import {
|
|
8
5
|
useSubMenuSystem
|
|
9
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-WPEDVM56.js";
|
|
7
|
+
import {
|
|
8
|
+
MenuOption
|
|
9
|
+
} from "./chunk-CKQNJNU3.js";
|
|
10
10
|
import {
|
|
11
11
|
CSS
|
|
12
12
|
} from "./chunk-WVUIIBRR.js";
|
|
@@ -554,6 +554,8 @@ function findDocumentRoot(element) {
|
|
|
554
554
|
|
|
555
555
|
// src/hooks/useTableLayout.ts
|
|
556
556
|
var import_react5 = require("react");
|
|
557
|
+
var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
|
|
558
|
+
var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
|
|
557
559
|
function useTableLayout(initialColumns, key) {
|
|
558
560
|
const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
|
|
559
561
|
const [isReady, setIsReady] = (0, import_react5.useState)(false);
|
|
@@ -565,7 +567,10 @@ function useTableLayout(initialColumns, key) {
|
|
|
565
567
|
const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
|
|
566
568
|
if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
|
|
567
569
|
return prevColumns;
|
|
568
|
-
localStorage.setItem(
|
|
570
|
+
localStorage.setItem(
|
|
571
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
|
|
572
|
+
JSON.stringify(newColumns)
|
|
573
|
+
);
|
|
569
574
|
return newColumns;
|
|
570
575
|
});
|
|
571
576
|
},
|
|
@@ -581,7 +586,9 @@ function useTableLayout(initialColumns, key) {
|
|
|
581
586
|
);
|
|
582
587
|
}
|
|
583
588
|
renderCountRef.current += 1;
|
|
584
|
-
const savedLayout = localStorage.getItem(
|
|
589
|
+
const savedLayout = localStorage.getItem(
|
|
590
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
591
|
+
);
|
|
585
592
|
if (savedLayout) {
|
|
586
593
|
handleSaveLayout(
|
|
587
594
|
mergeObjectArrays(
|
|
@@ -597,7 +604,15 @@ function useTableLayout(initialColumns, key) {
|
|
|
597
604
|
renderCountRef.current = 0;
|
|
598
605
|
};
|
|
599
606
|
}, [handleSaveLayout, initialColumns, key]);
|
|
600
|
-
|
|
607
|
+
const getSavedLayout = (0, import_react5.useCallback)(() => {
|
|
608
|
+
const savedLayout = localStorage.getItem(
|
|
609
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
610
|
+
);
|
|
611
|
+
if (savedLayout) {
|
|
612
|
+
return JSON.parse(savedLayout);
|
|
613
|
+
}
|
|
614
|
+
}, [key]);
|
|
615
|
+
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
601
616
|
}
|
|
602
617
|
|
|
603
618
|
// src/components/MenuOption.tsx
|
|
@@ -2930,13 +2945,23 @@ function DataGrid({
|
|
|
2930
2945
|
enableColumnSelector,
|
|
2931
2946
|
predeterminedLeftPins = [],
|
|
2932
2947
|
predeterminedRightPins = [],
|
|
2933
|
-
useMenuDefaultMinWidth
|
|
2948
|
+
useMenuDefaultMinWidth,
|
|
2949
|
+
ref
|
|
2934
2950
|
}) {
|
|
2935
2951
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
2952
|
+
(0, import_react16.useImperativeHandle)(ref, () => ({
|
|
2953
|
+
getSavedLayout: () => {
|
|
2954
|
+
return getSavedLayout();
|
|
2955
|
+
}
|
|
2956
|
+
}));
|
|
2936
2957
|
const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
|
|
2937
2958
|
const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
|
|
2938
2959
|
const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
|
|
2939
|
-
const {
|
|
2960
|
+
const {
|
|
2961
|
+
columns: tableColumns,
|
|
2962
|
+
setColumns: setTableColumns,
|
|
2963
|
+
getSavedLayout
|
|
2964
|
+
} = useTableLayout(columns, id != null ? id : testid);
|
|
2940
2965
|
const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
|
|
2941
2966
|
tableColumns.map((c) => c.id)
|
|
2942
2967
|
);
|
|
@@ -2,21 +2,22 @@ import {
|
|
|
2
2
|
CalendarRange,
|
|
3
3
|
CalendarRange_default,
|
|
4
4
|
isWeekend
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
5
|
+
} from "../chunk-NXGUDYRR.js";
|
|
6
|
+
import "../chunk-MIX7MTLR.js";
|
|
7
7
|
import "../chunk-QQ5G773N.js";
|
|
8
8
|
import "../chunk-J5V2JRIK.js";
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-
|
|
12
|
-
import "../chunk-
|
|
13
|
-
import "../chunk-CCOQOO23.js";
|
|
14
|
-
import "../chunk-HIVPC3T4.js";
|
|
15
|
-
import "../chunk-VXWSAIB5.js";
|
|
9
|
+
import "../chunk-YCKRVNJ3.js";
|
|
10
|
+
import "../chunk-W32JB47H.js";
|
|
11
|
+
import "../chunk-WPEDVM56.js";
|
|
12
|
+
import "../chunk-CKQNJNU3.js";
|
|
16
13
|
import "../chunk-WVUIIBRR.js";
|
|
17
14
|
import "../chunk-6DPFKSCT.js";
|
|
18
15
|
import "../chunk-ZL5X7KP6.js";
|
|
19
16
|
import "../chunk-7CS736EF.js";
|
|
17
|
+
import "../chunk-NO5BIKWS.js";
|
|
18
|
+
import "../chunk-WWAPK5PH.js";
|
|
19
|
+
import "../chunk-JUJBS4ZV.js";
|
|
20
|
+
import "../chunk-VXWSAIB5.js";
|
|
20
21
|
import "../chunk-TYTD4FLW.js";
|
|
21
22
|
import "../chunk-5UH6QUFB.js";
|
|
22
23
|
import "../chunk-FA7IFW66.js";
|
|
@@ -25,7 +26,6 @@ import "../chunk-NQXZBWDZ.js";
|
|
|
25
26
|
import "../chunk-4LXG6QNT.js";
|
|
26
27
|
import "../chunk-OGIFIPKH.js";
|
|
27
28
|
import "../chunk-NKUETCDA.js";
|
|
28
|
-
import "../chunk-WWAPK5PH.js";
|
|
29
29
|
import "../chunk-6CTCHYIS.js";
|
|
30
30
|
import "../chunk-ORMEWXMH.js";
|
|
31
31
|
export {
|
|
@@ -4,16 +4,16 @@ import {
|
|
|
4
4
|
DataGridCell,
|
|
5
5
|
DragAlongCell,
|
|
6
6
|
DraggableCellHeader
|
|
7
|
-
} from "../chunk-
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-HIVPC3T4.js";
|
|
12
|
-
import "../chunk-VXWSAIB5.js";
|
|
7
|
+
} from "../chunk-YCKRVNJ3.js";
|
|
8
|
+
import "../chunk-W32JB47H.js";
|
|
9
|
+
import "../chunk-WPEDVM56.js";
|
|
10
|
+
import "../chunk-CKQNJNU3.js";
|
|
13
11
|
import "../chunk-WVUIIBRR.js";
|
|
14
12
|
import "../chunk-6DPFKSCT.js";
|
|
15
13
|
import "../chunk-ZL5X7KP6.js";
|
|
16
14
|
import "../chunk-7CS736EF.js";
|
|
15
|
+
import "../chunk-JUJBS4ZV.js";
|
|
16
|
+
import "../chunk-VXWSAIB5.js";
|
|
17
17
|
import "../chunk-TYTD4FLW.js";
|
|
18
18
|
import "../chunk-5UH6QUFB.js";
|
|
19
19
|
import "../chunk-OGIFIPKH.js";
|
|
@@ -1031,6 +1031,8 @@ function findDocumentRoot(element) {
|
|
|
1031
1031
|
|
|
1032
1032
|
// src/hooks/useTableLayout.ts
|
|
1033
1033
|
var import_react6 = require("react");
|
|
1034
|
+
var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
|
|
1035
|
+
var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
|
|
1034
1036
|
function useTableLayout(initialColumns, key) {
|
|
1035
1037
|
const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
|
|
1036
1038
|
const [isReady, setIsReady] = (0, import_react6.useState)(false);
|
|
@@ -1042,7 +1044,10 @@ function useTableLayout(initialColumns, key) {
|
|
|
1042
1044
|
const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
|
|
1043
1045
|
if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
|
|
1044
1046
|
return prevColumns;
|
|
1045
|
-
localStorage.setItem(
|
|
1047
|
+
localStorage.setItem(
|
|
1048
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
|
|
1049
|
+
JSON.stringify(newColumns)
|
|
1050
|
+
);
|
|
1046
1051
|
return newColumns;
|
|
1047
1052
|
});
|
|
1048
1053
|
},
|
|
@@ -1058,7 +1063,9 @@ function useTableLayout(initialColumns, key) {
|
|
|
1058
1063
|
);
|
|
1059
1064
|
}
|
|
1060
1065
|
renderCountRef.current += 1;
|
|
1061
|
-
const savedLayout = localStorage.getItem(
|
|
1066
|
+
const savedLayout = localStorage.getItem(
|
|
1067
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
1068
|
+
);
|
|
1062
1069
|
if (savedLayout) {
|
|
1063
1070
|
handleSaveLayout(
|
|
1064
1071
|
mergeObjectArrays(
|
|
@@ -1074,7 +1081,15 @@ function useTableLayout(initialColumns, key) {
|
|
|
1074
1081
|
renderCountRef.current = 0;
|
|
1075
1082
|
};
|
|
1076
1083
|
}, [handleSaveLayout, initialColumns, key]);
|
|
1077
|
-
|
|
1084
|
+
const getSavedLayout = (0, import_react6.useCallback)(() => {
|
|
1085
|
+
const savedLayout = localStorage.getItem(
|
|
1086
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
1087
|
+
);
|
|
1088
|
+
if (savedLayout) {
|
|
1089
|
+
return JSON.parse(savedLayout);
|
|
1090
|
+
}
|
|
1091
|
+
}, [key]);
|
|
1092
|
+
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
1078
1093
|
}
|
|
1079
1094
|
|
|
1080
1095
|
// src/components/MenuOption.tsx
|
|
@@ -3000,13 +3015,23 @@ function DataGrid({
|
|
|
3000
3015
|
enableColumnSelector,
|
|
3001
3016
|
predeterminedLeftPins = [],
|
|
3002
3017
|
predeterminedRightPins = [],
|
|
3003
|
-
useMenuDefaultMinWidth
|
|
3018
|
+
useMenuDefaultMinWidth,
|
|
3019
|
+
ref
|
|
3004
3020
|
}) {
|
|
3005
3021
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3022
|
+
(0, import_react16.useImperativeHandle)(ref, () => ({
|
|
3023
|
+
getSavedLayout: () => {
|
|
3024
|
+
return getSavedLayout();
|
|
3025
|
+
}
|
|
3026
|
+
}));
|
|
3006
3027
|
const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
|
|
3007
3028
|
const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
|
|
3008
3029
|
const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
|
|
3009
|
-
const {
|
|
3030
|
+
const {
|
|
3031
|
+
columns: tableColumns,
|
|
3032
|
+
setColumns: setTableColumns,
|
|
3033
|
+
getSavedLayout
|
|
3034
|
+
} = useTableLayout(columns, id != null ? id : testid);
|
|
3010
3035
|
const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
|
|
3011
3036
|
tableColumns.map((c) => c.id)
|
|
3012
3037
|
);
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-NXGUDYRR.js";
|
|
4
|
+
import "../chunk-MIX7MTLR.js";
|
|
5
5
|
import "../chunk-QQ5G773N.js";
|
|
6
6
|
import "../chunk-J5V2JRIK.js";
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-CCOQOO23.js";
|
|
12
|
-
import "../chunk-HIVPC3T4.js";
|
|
13
|
-
import {
|
|
14
|
-
findDocumentRoot
|
|
15
|
-
} from "../chunk-VXWSAIB5.js";
|
|
7
|
+
import "../chunk-YCKRVNJ3.js";
|
|
8
|
+
import "../chunk-W32JB47H.js";
|
|
9
|
+
import "../chunk-WPEDVM56.js";
|
|
10
|
+
import "../chunk-CKQNJNU3.js";
|
|
16
11
|
import "../chunk-WVUIIBRR.js";
|
|
17
12
|
import "../chunk-6DPFKSCT.js";
|
|
18
13
|
import {
|
|
19
14
|
InputBase
|
|
20
15
|
} from "../chunk-ZL5X7KP6.js";
|
|
21
16
|
import "../chunk-7CS736EF.js";
|
|
17
|
+
import "../chunk-NO5BIKWS.js";
|
|
18
|
+
import "../chunk-WWAPK5PH.js";
|
|
19
|
+
import "../chunk-JUJBS4ZV.js";
|
|
20
|
+
import {
|
|
21
|
+
findDocumentRoot
|
|
22
|
+
} from "../chunk-VXWSAIB5.js";
|
|
22
23
|
import {
|
|
23
24
|
calculateCursorPosition,
|
|
24
25
|
formatDate,
|
|
@@ -35,7 +36,6 @@ import "../chunk-OGIFIPKH.js";
|
|
|
35
36
|
import {
|
|
36
37
|
Icon
|
|
37
38
|
} from "../chunk-NKUETCDA.js";
|
|
38
|
-
import "../chunk-WWAPK5PH.js";
|
|
39
39
|
import "../chunk-6CTCHYIS.js";
|
|
40
40
|
import {
|
|
41
41
|
__objRest,
|
|
@@ -1039,6 +1039,8 @@ function findDocumentRoot(element) {
|
|
|
1039
1039
|
|
|
1040
1040
|
// src/hooks/useTableLayout.ts
|
|
1041
1041
|
var import_react6 = require("react");
|
|
1042
|
+
var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
|
|
1043
|
+
var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
|
|
1042
1044
|
function useTableLayout(initialColumns, key) {
|
|
1043
1045
|
const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
|
|
1044
1046
|
const [isReady, setIsReady] = (0, import_react6.useState)(false);
|
|
@@ -1050,7 +1052,10 @@ function useTableLayout(initialColumns, key) {
|
|
|
1050
1052
|
const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
|
|
1051
1053
|
if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
|
|
1052
1054
|
return prevColumns;
|
|
1053
|
-
localStorage.setItem(
|
|
1055
|
+
localStorage.setItem(
|
|
1056
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
|
|
1057
|
+
JSON.stringify(newColumns)
|
|
1058
|
+
);
|
|
1054
1059
|
return newColumns;
|
|
1055
1060
|
});
|
|
1056
1061
|
},
|
|
@@ -1066,7 +1071,9 @@ function useTableLayout(initialColumns, key) {
|
|
|
1066
1071
|
);
|
|
1067
1072
|
}
|
|
1068
1073
|
renderCountRef.current += 1;
|
|
1069
|
-
const savedLayout = localStorage.getItem(
|
|
1074
|
+
const savedLayout = localStorage.getItem(
|
|
1075
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
1076
|
+
);
|
|
1070
1077
|
if (savedLayout) {
|
|
1071
1078
|
handleSaveLayout(
|
|
1072
1079
|
mergeObjectArrays(
|
|
@@ -1082,7 +1089,15 @@ function useTableLayout(initialColumns, key) {
|
|
|
1082
1089
|
renderCountRef.current = 0;
|
|
1083
1090
|
};
|
|
1084
1091
|
}, [handleSaveLayout, initialColumns, key]);
|
|
1085
|
-
|
|
1092
|
+
const getSavedLayout = (0, import_react6.useCallback)(() => {
|
|
1093
|
+
const savedLayout = localStorage.getItem(
|
|
1094
|
+
getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
|
|
1095
|
+
);
|
|
1096
|
+
if (savedLayout) {
|
|
1097
|
+
return JSON.parse(savedLayout);
|
|
1098
|
+
}
|
|
1099
|
+
}, [key]);
|
|
1100
|
+
return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
|
|
1086
1101
|
}
|
|
1087
1102
|
|
|
1088
1103
|
// src/components/MenuOption.tsx
|
|
@@ -3008,13 +3023,23 @@ function DataGrid({
|
|
|
3008
3023
|
enableColumnSelector,
|
|
3009
3024
|
predeterminedLeftPins = [],
|
|
3010
3025
|
predeterminedRightPins = [],
|
|
3011
|
-
useMenuDefaultMinWidth
|
|
3026
|
+
useMenuDefaultMinWidth,
|
|
3027
|
+
ref
|
|
3012
3028
|
}) {
|
|
3013
3029
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3030
|
+
(0, import_react16.useImperativeHandle)(ref, () => ({
|
|
3031
|
+
getSavedLayout: () => {
|
|
3032
|
+
return getSavedLayout();
|
|
3033
|
+
}
|
|
3034
|
+
}));
|
|
3014
3035
|
const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
|
|
3015
3036
|
const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
|
|
3016
3037
|
const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
|
|
3017
|
-
const {
|
|
3038
|
+
const {
|
|
3039
|
+
columns: tableColumns,
|
|
3040
|
+
setColumns: setTableColumns,
|
|
3041
|
+
getSavedLayout
|
|
3042
|
+
} = useTableLayout(columns, id != null ? id : testid);
|
|
3018
3043
|
const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
|
|
3019
3044
|
tableColumns.map((c) => c.id)
|
|
3020
3045
|
);
|
|
@@ -5000,7 +5025,7 @@ var DateRangeInput = (_a) => {
|
|
|
5000
5025
|
ref: (el) => {
|
|
5001
5026
|
popoverRef.current = el;
|
|
5002
5027
|
},
|
|
5003
|
-
className: "absolute z-40
|
|
5028
|
+
className: "absolute z-40",
|
|
5004
5029
|
style: {
|
|
5005
5030
|
top: `${calendarPosition.top + 4}px`,
|
|
5006
5031
|
left: `${calendarPosition.left}px`,
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-NXGUDYRR.js";
|
|
4
|
+
import "../chunk-MIX7MTLR.js";
|
|
5
5
|
import "../chunk-QQ5G773N.js";
|
|
6
6
|
import "../chunk-J5V2JRIK.js";
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
9
|
-
import "../chunk-
|
|
10
|
-
import "../chunk-
|
|
11
|
-
import "../chunk-CCOQOO23.js";
|
|
12
|
-
import "../chunk-HIVPC3T4.js";
|
|
13
|
-
import {
|
|
14
|
-
findDocumentRoot
|
|
15
|
-
} from "../chunk-VXWSAIB5.js";
|
|
7
|
+
import "../chunk-YCKRVNJ3.js";
|
|
8
|
+
import "../chunk-W32JB47H.js";
|
|
9
|
+
import "../chunk-WPEDVM56.js";
|
|
10
|
+
import "../chunk-CKQNJNU3.js";
|
|
16
11
|
import "../chunk-WVUIIBRR.js";
|
|
17
12
|
import "../chunk-6DPFKSCT.js";
|
|
18
13
|
import {
|
|
19
14
|
InputBase
|
|
20
15
|
} from "../chunk-ZL5X7KP6.js";
|
|
21
16
|
import "../chunk-7CS736EF.js";
|
|
17
|
+
import "../chunk-NO5BIKWS.js";
|
|
18
|
+
import "../chunk-WWAPK5PH.js";
|
|
19
|
+
import "../chunk-JUJBS4ZV.js";
|
|
20
|
+
import {
|
|
21
|
+
findDocumentRoot
|
|
22
|
+
} from "../chunk-VXWSAIB5.js";
|
|
22
23
|
import {
|
|
23
24
|
calculateCursorPosition,
|
|
24
25
|
formatDate,
|
|
@@ -36,7 +37,6 @@ import "../chunk-OGIFIPKH.js";
|
|
|
36
37
|
import {
|
|
37
38
|
Icon
|
|
38
39
|
} from "../chunk-NKUETCDA.js";
|
|
39
|
-
import "../chunk-WWAPK5PH.js";
|
|
40
40
|
import "../chunk-6CTCHYIS.js";
|
|
41
41
|
import {
|
|
42
42
|
__objRest,
|
|
@@ -496,7 +496,7 @@ var DateRangeInput = (_a) => {
|
|
|
496
496
|
ref: (el) => {
|
|
497
497
|
popoverRef.current = el;
|
|
498
498
|
},
|
|
499
|
-
className: "absolute z-40
|
|
499
|
+
className: "absolute z-40",
|
|
500
500
|
style: {
|
|
501
501
|
top: `${calendarPosition.top + 4}px`,
|
|
502
502
|
left: `${calendarPosition.left}px`,
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
OptionPill
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import {
|
|
6
|
-
Checkbox
|
|
7
|
-
} from "../chunk-NO5BIKWS.js";
|
|
4
|
+
} from "../chunk-4XTTJOQA.js";
|
|
8
5
|
import {
|
|
9
6
|
Search
|
|
10
7
|
} from "../chunk-6DPFKSCT.js";
|
|
@@ -12,6 +9,10 @@ import "../chunk-ZL5X7KP6.js";
|
|
|
12
9
|
import {
|
|
13
10
|
Label
|
|
14
11
|
} from "../chunk-7CS736EF.js";
|
|
12
|
+
import {
|
|
13
|
+
Checkbox
|
|
14
|
+
} from "../chunk-NO5BIKWS.js";
|
|
15
|
+
import "../chunk-WWAPK5PH.js";
|
|
15
16
|
import "../chunk-5UH6QUFB.js";
|
|
16
17
|
import "../chunk-OGIFIPKH.js";
|
|
17
18
|
import {
|
|
@@ -20,7 +21,6 @@ import {
|
|
|
20
21
|
import {
|
|
21
22
|
Icon
|
|
22
23
|
} from "../chunk-NKUETCDA.js";
|
|
23
|
-
import "../chunk-WWAPK5PH.js";
|
|
24
24
|
import {
|
|
25
25
|
baseTransition,
|
|
26
26
|
componentGap,
|
package/dist/components/Menu.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Menu
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-W32JB47H.js";
|
|
5
|
+
import "../chunk-WPEDVM56.js";
|
|
6
|
+
import "../chunk-JUJBS4ZV.js";
|
|
7
7
|
import "../chunk-VXWSAIB5.js";
|
|
8
8
|
import "../chunk-TYTD4FLW.js";
|
|
9
9
|
import "../chunk-5UH6QUFB.js";
|