@dmsi/wedgekit-react 0.0.643 → 0.0.645
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-XX5GVIPZ.js → chunk-3MV3KMQH.js} +2 -2
- package/dist/{chunk-V7GPM6Z3.js → chunk-3PBA2EZ5.js} +1 -1
- package/dist/{chunk-3R3AY5MT.js → chunk-B3T7KBDA.js} +1 -1
- package/dist/{chunk-FIOXWZWU.js → chunk-ECYXZZWC.js} +1 -1
- package/dist/{chunk-RQMOWYB7.js → chunk-EXCAOI2L.js} +3 -3
- package/dist/{chunk-MQB6BSRX.js → chunk-FCGPQNS2.js} +1 -1
- package/dist/{chunk-SJ3SULQB.js → chunk-FJXWYGB7.js} +7 -7
- package/dist/{chunk-QJZ3XHNH.js → chunk-HCHKYUNQ.js} +19 -5
- package/dist/{chunk-5JHKFK73.js → chunk-HIGNJAQA.js} +2 -2
- package/dist/{chunk-IATOG76G.js → chunk-ISRG77J6.js} +1 -1
- package/dist/{chunk-UB3GEENN.js → chunk-OZEKRO4L.js} +1 -1
- package/dist/{chunk-LGX34HML.js → chunk-Q4AANHJY.js} +1 -1
- package/dist/{chunk-PS7MBNUT.js → chunk-REC2XOPI.js} +1 -1
- package/dist/{chunk-ARWHCWG7.js → chunk-XT4BQXSX.js} +1 -1
- package/dist/{chunk-YR4ZO2XL.js → chunk-ZSRTAMSW.js} +56 -23
- package/dist/components/CalendarRange.cjs +202 -180
- package/dist/components/CalendarRange.js +15 -15
- package/dist/components/CompactImagesPreview.cjs +6 -3
- package/dist/components/CompactImagesPreview.js +3 -3
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +202 -180
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +15 -15
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +202 -180
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +15 -15
- package/dist/components/DataGrid/PinnedColumns.cjs +202 -180
- package/dist/components/DataGrid/PinnedColumns.js +15 -15
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +202 -180
- package/dist/components/DataGrid/TableBody/LoadingCell.js +15 -15
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +202 -180
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +15 -15
- package/dist/components/DataGrid/TableBody/index.cjs +202 -180
- package/dist/components/DataGrid/TableBody/index.js +15 -15
- package/dist/components/DataGrid/index.cjs +203 -181
- package/dist/components/DataGrid/index.js +15 -15
- package/dist/components/DataGrid/utils.cjs +202 -180
- package/dist/components/DataGrid/utils.js +15 -15
- package/dist/components/DataGridCell.cjs +61 -58
- package/dist/components/DataGridCell.js +6 -6
- package/dist/components/DateInput.cjs +195 -173
- package/dist/components/DateInput.js +15 -15
- package/dist/components/DateRangeInput.cjs +208 -186
- package/dist/components/DateRangeInput.js +15 -15
- package/dist/components/Menu.cjs +15 -12
- package/dist/components/Menu.js +4 -4
- package/dist/components/MenuOption.cjs +8 -5
- package/dist/components/MenuOption.js +3 -3
- package/dist/components/MobileDataGrid/ColumnList.js +4 -4
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +206 -184
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +15 -15
- package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.js +2 -2
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +3 -3
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +206 -184
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +15 -15
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +3 -3
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +19 -16
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +6 -6
- package/dist/components/MobileDataGrid/index.cjs +215 -193
- package/dist/components/MobileDataGrid/index.js +15 -15
- package/dist/components/Modal.cjs +15 -12
- package/dist/components/Modal.js +3 -3
- package/dist/components/NestedMenu.cjs +11 -8
- package/dist/components/NestedMenu.js +3 -3
- package/dist/components/PDFViewer/index.cjs +31 -28
- package/dist/components/PDFViewer/index.js +3 -3
- package/dist/components/ProductImagePreview/index.cjs +18 -15
- package/dist/components/ProductImagePreview/index.js +3 -3
- package/dist/components/ProjectBar.cjs +3 -0
- package/dist/components/ProjectBar.js +2 -2
- package/dist/components/Time.js +1 -1
- package/dist/components/index.cjs +263 -241
- package/dist/components/index.js +15 -15
- package/dist/components/useMenuSystem.cjs +22 -19
- package/dist/components/useMenuSystem.js +3 -3
- package/dist/hooks/index.cjs +76 -26
- package/dist/hooks/index.js +4 -2
- package/dist/utils/index.cjs +21 -5
- package/dist/utils/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MobileDataGrid
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
3
|
+
} from "../../chunk-FJXWYGB7.js";
|
|
4
|
+
import "../../chunk-3MV3KMQH.js";
|
|
5
5
|
import "../../chunk-M7INAUAJ.js";
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-XT4BQXSX.js";
|
|
7
|
+
import "../../chunk-FCGPQNS2.js";
|
|
8
8
|
import "../../chunk-YCDDBSVU.js";
|
|
9
9
|
import "../../chunk-3X3Y4TMS.js";
|
|
10
10
|
import "../../chunk-BQNPOGD5.js";
|
|
11
11
|
import "../../chunk-Y5GD2FJA.js";
|
|
12
12
|
import "../../chunk-MBZ55T2D.js";
|
|
13
13
|
import "../../chunk-2IKT6IHB.js";
|
|
14
|
-
import "../../chunk-
|
|
15
|
-
import "../../chunk-
|
|
14
|
+
import "../../chunk-ECYXZZWC.js";
|
|
15
|
+
import "../../chunk-Q4AANHJY.js";
|
|
16
16
|
import "../../chunk-5IFPG6TS.js";
|
|
17
17
|
import "../../chunk-AJ5M6MVX.js";
|
|
18
|
-
import "../../chunk-
|
|
18
|
+
import "../../chunk-OZEKRO4L.js";
|
|
19
19
|
import "../../chunk-AT4AWD6B.js";
|
|
20
20
|
import "../../chunk-EWGHVZL5.js";
|
|
21
21
|
import "../../chunk-UF5XGCSF.js";
|
|
@@ -24,7 +24,7 @@ import "../../chunk-L3BXRDLP.js";
|
|
|
24
24
|
import "../../chunk-34VEVX5H.js";
|
|
25
25
|
import "../../chunk-LB7UT6F3.js";
|
|
26
26
|
import "../../chunk-AS57Y2D3.js";
|
|
27
|
-
import "../../chunk-
|
|
27
|
+
import "../../chunk-3PBA2EZ5.js";
|
|
28
28
|
import "../../chunk-4RJKB7LC.js";
|
|
29
29
|
import "../../chunk-UUKHQUSF.js";
|
|
30
30
|
import "../../chunk-WVVEOCEH.js";
|
|
@@ -35,19 +35,19 @@ import "../../chunk-UAMI54FE.js";
|
|
|
35
35
|
import "../../chunk-SJZNVG4N.js";
|
|
36
36
|
import "../../chunk-75USUR3I.js";
|
|
37
37
|
import "../../chunk-BWPNXY7T.js";
|
|
38
|
-
import "../../chunk-
|
|
39
|
-
import "../../chunk-
|
|
40
|
-
import "../../chunk-
|
|
41
|
-
import "../../chunk-
|
|
38
|
+
import "../../chunk-EXCAOI2L.js";
|
|
39
|
+
import "../../chunk-HIGNJAQA.js";
|
|
40
|
+
import "../../chunk-ISRG77J6.js";
|
|
41
|
+
import "../../chunk-REC2XOPI.js";
|
|
42
42
|
import "../../chunk-FHXCCVOG.js";
|
|
43
43
|
import "../../chunk-7T5RGDCN.js";
|
|
44
44
|
import "../../chunk-HXGJVYGQ.js";
|
|
45
45
|
import "../../chunk-WVUIIBRR.js";
|
|
46
46
|
import "../../chunk-M7WHWZ2J.js";
|
|
47
|
-
import "../../chunk-
|
|
48
|
-
import "../../chunk-
|
|
47
|
+
import "../../chunk-B3T7KBDA.js";
|
|
48
|
+
import "../../chunk-ZSRTAMSW.js";
|
|
49
49
|
import "../../chunk-VXWSAIB5.js";
|
|
50
|
-
import "../../chunk-
|
|
50
|
+
import "../../chunk-HCHKYUNQ.js";
|
|
51
51
|
import "../../chunk-5UH6QUFB.js";
|
|
52
52
|
import "../../chunk-XJF4S3RB.js";
|
|
53
53
|
import "../../chunk-ZCJWOHFN.js";
|
|
@@ -64,7 +64,7 @@ __export(Modal_exports, {
|
|
|
64
64
|
});
|
|
65
65
|
module.exports = __toCommonJS(Modal_exports);
|
|
66
66
|
var import_clsx9 = __toESM(require("clsx"), 1);
|
|
67
|
-
var
|
|
67
|
+
var import_react7 = require("react");
|
|
68
68
|
|
|
69
69
|
// src/components/Heading.tsx
|
|
70
70
|
var import_clsx2 = __toESM(require("clsx"), 1);
|
|
@@ -704,11 +704,14 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
|
|
|
704
704
|
var import_react4 = require("react");
|
|
705
705
|
var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
|
|
706
706
|
|
|
707
|
-
// src/
|
|
707
|
+
// src/hooks/useEditCell.tsx
|
|
708
708
|
var import_react5 = require("react");
|
|
709
|
+
|
|
710
|
+
// src/components/useMounted.tsx
|
|
711
|
+
var import_react6 = require("react");
|
|
709
712
|
var useMounted = () => {
|
|
710
|
-
const [isMounted, setIsMounted] = (0,
|
|
711
|
-
(0,
|
|
713
|
+
const [isMounted, setIsMounted] = (0, import_react6.useState)(false);
|
|
714
|
+
(0, import_react6.useEffect)(() => {
|
|
712
715
|
setIsMounted(true);
|
|
713
716
|
return () => setIsMounted(false);
|
|
714
717
|
}, []);
|
|
@@ -802,12 +805,12 @@ var Modal = ({
|
|
|
802
805
|
}) => {
|
|
803
806
|
var _a;
|
|
804
807
|
const mounted = useMounted();
|
|
805
|
-
const modalRef = (0,
|
|
806
|
-
const bgRef = (0,
|
|
808
|
+
const modalRef = (0, import_react7.useRef)(null);
|
|
809
|
+
const bgRef = (0, import_react7.useRef)(null);
|
|
807
810
|
const wasOpen = (0, import_react_use.usePrevious)(open);
|
|
808
811
|
const isMobile = useMatchesMobile();
|
|
809
812
|
const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
|
|
810
|
-
(0,
|
|
813
|
+
(0, import_react7.useEffect)(() => {
|
|
811
814
|
if (!mounted) return;
|
|
812
815
|
if (!modalRef.current || !bgRef.current) {
|
|
813
816
|
console.error("Modal or background reference is not set.");
|
|
@@ -827,7 +830,7 @@ var Modal = ({
|
|
|
827
830
|
bgFadeIn(bgRef.current);
|
|
828
831
|
}
|
|
829
832
|
}, [mounted, onClose, open, wasOpen]);
|
|
830
|
-
const handleKeyDown = (0,
|
|
833
|
+
const handleKeyDown = (0, import_react7.useCallback)(
|
|
831
834
|
(e) => {
|
|
832
835
|
if (e.key === "Escape") {
|
|
833
836
|
if (onClose) {
|
|
@@ -838,12 +841,12 @@ var Modal = ({
|
|
|
838
841
|
},
|
|
839
842
|
[onClose]
|
|
840
843
|
);
|
|
841
|
-
const handleClose = (0,
|
|
844
|
+
const handleClose = (0, import_react7.useCallback)(() => {
|
|
842
845
|
if (onClose) {
|
|
843
846
|
onClose();
|
|
844
847
|
}
|
|
845
848
|
}, [onClose]);
|
|
846
|
-
(0,
|
|
849
|
+
(0, import_react7.useEffect)(() => {
|
|
847
850
|
if (open) {
|
|
848
851
|
document.addEventListener("keyup", handleKeyDown);
|
|
849
852
|
}
|
|
@@ -851,7 +854,7 @@ var Modal = ({
|
|
|
851
854
|
document.removeEventListener("keyup", handleKeyDown);
|
|
852
855
|
};
|
|
853
856
|
}, [open, handleKeyDown]);
|
|
854
|
-
(0,
|
|
857
|
+
(0, import_react7.useEffect)(() => {
|
|
855
858
|
if (!open) return;
|
|
856
859
|
const scrollY = window.scrollY;
|
|
857
860
|
const body = document.body;
|
|
@@ -872,7 +875,7 @@ var Modal = ({
|
|
|
872
875
|
};
|
|
873
876
|
}, [open]);
|
|
874
877
|
const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
|
|
875
|
-
const backgroundClickHandler = (0,
|
|
878
|
+
const backgroundClickHandler = (0, import_react7.useCallback)(
|
|
876
879
|
(e) => {
|
|
877
880
|
const target = e.target;
|
|
878
881
|
const currentTarget = e.currentTarget;
|
package/dist/components/Modal.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Modal
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-3PBA2EZ5.js";
|
|
5
5
|
import "../chunk-4RJKB7LC.js";
|
|
6
6
|
import "../chunk-UUKHQUSF.js";
|
|
7
7
|
import "../chunk-WVVEOCEH.js";
|
|
8
8
|
import "../chunk-74HXF5GF.js";
|
|
9
9
|
import "../chunk-AG43RS4Q.js";
|
|
10
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-ZSRTAMSW.js";
|
|
11
11
|
import "../chunk-VXWSAIB5.js";
|
|
12
|
-
import "../chunk-
|
|
12
|
+
import "../chunk-HCHKYUNQ.js";
|
|
13
13
|
import "../chunk-5UH6QUFB.js";
|
|
14
14
|
import "../chunk-MXSJF6TW.js";
|
|
15
15
|
import "../chunk-BMAZBFUU.js";
|
|
@@ -63,7 +63,7 @@ __export(NestedMenu_exports, {
|
|
|
63
63
|
NestedMenu: () => NestedMenu
|
|
64
64
|
});
|
|
65
65
|
module.exports = __toCommonJS(NestedMenu_exports);
|
|
66
|
-
var
|
|
66
|
+
var import_react7 = __toESM(require("react"), 1);
|
|
67
67
|
|
|
68
68
|
// src/components/Icon.tsx
|
|
69
69
|
var import_clsx = __toESM(require("clsx"), 1);
|
|
@@ -102,7 +102,7 @@ function Icon(_a) {
|
|
|
102
102
|
|
|
103
103
|
// src/components/MenuOption.tsx
|
|
104
104
|
var import_clsx6 = __toESM(require("clsx"), 1);
|
|
105
|
-
var
|
|
105
|
+
var import_react6 = require("react");
|
|
106
106
|
|
|
107
107
|
// src/classNames.ts
|
|
108
108
|
var import_clsx2 = __toESM(require("clsx"), 1);
|
|
@@ -395,6 +395,9 @@ var LocalStoragePrefixVersion = `dmsi-acc-v1.1.1`;
|
|
|
395
395
|
var import_react4 = require("react");
|
|
396
396
|
var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
|
|
397
397
|
|
|
398
|
+
// src/hooks/useEditCell.tsx
|
|
399
|
+
var import_react5 = require("react");
|
|
400
|
+
|
|
398
401
|
// src/components/Caption.tsx
|
|
399
402
|
var import_clsx5 = __toESM(require("clsx"), 1);
|
|
400
403
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
@@ -546,12 +549,12 @@ var MenuOption = ({
|
|
|
546
549
|
onMouseMove,
|
|
547
550
|
small = false
|
|
548
551
|
}) => {
|
|
549
|
-
const uniqueId = (0,
|
|
550
|
-
const internalRef = (0,
|
|
552
|
+
const uniqueId = (0, import_react6.useId)();
|
|
553
|
+
const internalRef = (0, import_react6.useRef)(null);
|
|
551
554
|
const actualRef = ref || internalRef;
|
|
552
|
-
const menuId = (0,
|
|
555
|
+
const menuId = (0, import_react6.useRef)(`menu-${uniqueId}`);
|
|
553
556
|
const isMobile = useMatchesMobile();
|
|
554
|
-
const [isSubMenuHovered, setIsSubMenuHovered] = (0,
|
|
557
|
+
const [isSubMenuHovered, setIsSubMenuHovered] = (0, import_react6.useState)(false);
|
|
555
558
|
const handleMouseEnter = () => {
|
|
556
559
|
if (subMenu && onSubMenuHover && !disabled) {
|
|
557
560
|
onSubMenuHover(menuId.current, subMenuLevel);
|
|
@@ -895,7 +898,7 @@ Button.displayName = "Button";
|
|
|
895
898
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
896
899
|
function NestedMenu(props) {
|
|
897
900
|
const { onMenuClick, currentMenu, testid } = props;
|
|
898
|
-
const [selectedIndex, setSelectedIndex] = (0,
|
|
901
|
+
const [selectedIndex, setSelectedIndex] = (0, import_react7.useState)(0);
|
|
899
902
|
useKeydown(
|
|
900
903
|
{
|
|
901
904
|
Escape: () => {
|
|
@@ -996,7 +999,7 @@ function NestedMenu(props) {
|
|
|
996
999
|
item.id
|
|
997
1000
|
);
|
|
998
1001
|
}
|
|
999
|
-
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1002
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react7.default.Fragment, { children: item.children }, item.id);
|
|
1000
1003
|
})
|
|
1001
1004
|
] });
|
|
1002
1005
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
MenuOption
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-REC2XOPI.js";
|
|
5
5
|
import {
|
|
6
6
|
Label
|
|
7
7
|
} from "../chunk-HXGJVYGQ.js";
|
|
8
8
|
import {
|
|
9
9
|
useKeydown
|
|
10
|
-
} from "../chunk-
|
|
10
|
+
} from "../chunk-ZSRTAMSW.js";
|
|
11
11
|
import "../chunk-VXWSAIB5.js";
|
|
12
|
-
import "../chunk-
|
|
12
|
+
import "../chunk-HCHKYUNQ.js";
|
|
13
13
|
import "../chunk-5UH6QUFB.js";
|
|
14
14
|
import "../chunk-PS6UJZVH.js";
|
|
15
15
|
import {
|
|
@@ -63,11 +63,11 @@ __export(PDFViewer_exports, {
|
|
|
63
63
|
PDFViewer: () => PDFViewer
|
|
64
64
|
});
|
|
65
65
|
module.exports = __toCommonJS(PDFViewer_exports);
|
|
66
|
-
var
|
|
66
|
+
var import_react11 = require("react");
|
|
67
67
|
|
|
68
68
|
// src/components/Modal.tsx
|
|
69
69
|
var import_clsx9 = __toESM(require("clsx"), 1);
|
|
70
|
-
var
|
|
70
|
+
var import_react7 = require("react");
|
|
71
71
|
|
|
72
72
|
// src/components/Heading.tsx
|
|
73
73
|
var import_clsx2 = __toESM(require("clsx"), 1);
|
|
@@ -707,11 +707,14 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
|
|
|
707
707
|
var import_react4 = require("react");
|
|
708
708
|
var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
|
|
709
709
|
|
|
710
|
-
// src/
|
|
710
|
+
// src/hooks/useEditCell.tsx
|
|
711
711
|
var import_react5 = require("react");
|
|
712
|
+
|
|
713
|
+
// src/components/useMounted.tsx
|
|
714
|
+
var import_react6 = require("react");
|
|
712
715
|
var useMounted = () => {
|
|
713
|
-
const [isMounted, setIsMounted] = (0,
|
|
714
|
-
(0,
|
|
716
|
+
const [isMounted, setIsMounted] = (0, import_react6.useState)(false);
|
|
717
|
+
(0, import_react6.useEffect)(() => {
|
|
715
718
|
setIsMounted(true);
|
|
716
719
|
return () => setIsMounted(false);
|
|
717
720
|
}, []);
|
|
@@ -805,12 +808,12 @@ var Modal = ({
|
|
|
805
808
|
}) => {
|
|
806
809
|
var _a;
|
|
807
810
|
const mounted = useMounted();
|
|
808
|
-
const modalRef = (0,
|
|
809
|
-
const bgRef = (0,
|
|
811
|
+
const modalRef = (0, import_react7.useRef)(null);
|
|
812
|
+
const bgRef = (0, import_react7.useRef)(null);
|
|
810
813
|
const wasOpen = (0, import_react_use.usePrevious)(open);
|
|
811
814
|
const isMobile = useMatchesMobile();
|
|
812
815
|
const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
|
|
813
|
-
(0,
|
|
816
|
+
(0, import_react7.useEffect)(() => {
|
|
814
817
|
if (!mounted) return;
|
|
815
818
|
if (!modalRef.current || !bgRef.current) {
|
|
816
819
|
console.error("Modal or background reference is not set.");
|
|
@@ -830,7 +833,7 @@ var Modal = ({
|
|
|
830
833
|
bgFadeIn(bgRef.current);
|
|
831
834
|
}
|
|
832
835
|
}, [mounted, onClose, open, wasOpen]);
|
|
833
|
-
const handleKeyDown = (0,
|
|
836
|
+
const handleKeyDown = (0, import_react7.useCallback)(
|
|
834
837
|
(e) => {
|
|
835
838
|
if (e.key === "Escape") {
|
|
836
839
|
if (onClose) {
|
|
@@ -841,12 +844,12 @@ var Modal = ({
|
|
|
841
844
|
},
|
|
842
845
|
[onClose]
|
|
843
846
|
);
|
|
844
|
-
const handleClose = (0,
|
|
847
|
+
const handleClose = (0, import_react7.useCallback)(() => {
|
|
845
848
|
if (onClose) {
|
|
846
849
|
onClose();
|
|
847
850
|
}
|
|
848
851
|
}, [onClose]);
|
|
849
|
-
(0,
|
|
852
|
+
(0, import_react7.useEffect)(() => {
|
|
850
853
|
if (open) {
|
|
851
854
|
document.addEventListener("keyup", handleKeyDown);
|
|
852
855
|
}
|
|
@@ -854,7 +857,7 @@ var Modal = ({
|
|
|
854
857
|
document.removeEventListener("keyup", handleKeyDown);
|
|
855
858
|
};
|
|
856
859
|
}, [open, handleKeyDown]);
|
|
857
|
-
(0,
|
|
860
|
+
(0, import_react7.useEffect)(() => {
|
|
858
861
|
if (!open) return;
|
|
859
862
|
const scrollY = window.scrollY;
|
|
860
863
|
const body = document.body;
|
|
@@ -875,7 +878,7 @@ var Modal = ({
|
|
|
875
878
|
};
|
|
876
879
|
}, [open]);
|
|
877
880
|
const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
|
|
878
|
-
const backgroundClickHandler = (0,
|
|
881
|
+
const backgroundClickHandler = (0, import_react7.useCallback)(
|
|
879
882
|
(e) => {
|
|
880
883
|
const target = e.target;
|
|
881
884
|
const currentTarget = e.currentTarget;
|
|
@@ -963,7 +966,7 @@ Modal.displayName = "Modal";
|
|
|
963
966
|
|
|
964
967
|
// src/components/PDFViewer/PDFElement.tsx
|
|
965
968
|
var import_react_pdf2 = require("@mikecousins/react-pdf");
|
|
966
|
-
var
|
|
969
|
+
var import_react9 = require("react");
|
|
967
970
|
|
|
968
971
|
// src/components/Stack.tsx
|
|
969
972
|
var import_clsx10 = __toESM(require("clsx"), 1);
|
|
@@ -1193,7 +1196,7 @@ var Stack = (_a) => {
|
|
|
1193
1196
|
|
|
1194
1197
|
// src/components/PDFViewer/PDFPage.tsx
|
|
1195
1198
|
var import_react_pdf = require("@mikecousins/react-pdf");
|
|
1196
|
-
var
|
|
1199
|
+
var import_react8 = require("react");
|
|
1197
1200
|
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
1198
1201
|
function PdfPage({
|
|
1199
1202
|
file,
|
|
@@ -1201,7 +1204,7 @@ function PdfPage({
|
|
|
1201
1204
|
testid,
|
|
1202
1205
|
isMobile
|
|
1203
1206
|
}) {
|
|
1204
|
-
const canvasRef = (0,
|
|
1207
|
+
const canvasRef = (0, import_react8.useRef)(null);
|
|
1205
1208
|
const { pdfDocument } = (0, import_react_pdf.usePdf)({
|
|
1206
1209
|
file,
|
|
1207
1210
|
page: pageNumber,
|
|
@@ -1230,7 +1233,7 @@ function PDFElement({
|
|
|
1230
1233
|
error
|
|
1231
1234
|
}) {
|
|
1232
1235
|
var _a;
|
|
1233
|
-
const canvasRef = (0,
|
|
1236
|
+
const canvasRef = (0, import_react9.useRef)(null);
|
|
1234
1237
|
const { pdfDocument } = (0, import_react_pdf2.usePdf)({
|
|
1235
1238
|
file: `data:application/pdf;base64,${b64}`,
|
|
1236
1239
|
workerSrc: "/scripts/pdf.worker.min.mjs",
|
|
@@ -1296,7 +1299,7 @@ function PDFElement({
|
|
|
1296
1299
|
|
|
1297
1300
|
// src/components/Tooltip.tsx
|
|
1298
1301
|
var import_clsx12 = __toESM(require("clsx"), 1);
|
|
1299
|
-
var
|
|
1302
|
+
var import_react10 = require("react");
|
|
1300
1303
|
var import_react_dom2 = require("react-dom");
|
|
1301
1304
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1302
1305
|
var Tooltip = ({
|
|
@@ -1309,11 +1312,11 @@ var Tooltip = ({
|
|
|
1309
1312
|
offset = 8,
|
|
1310
1313
|
keepHidden = false
|
|
1311
1314
|
}) => {
|
|
1312
|
-
const ref = (0,
|
|
1313
|
-
const tooltipRef = (0,
|
|
1314
|
-
const [tooltipPosition, setTooltipPosition] = (0,
|
|
1315
|
-
const [isVisible, setIsVisible] = (0,
|
|
1316
|
-
const [removeOpacity, setRemoveOpacity] = (0,
|
|
1315
|
+
const ref = (0, import_react10.useRef)(null);
|
|
1316
|
+
const tooltipRef = (0, import_react10.useRef)(null);
|
|
1317
|
+
const [tooltipPosition, setTooltipPosition] = (0, import_react10.useState)({ top: 0, left: 0 });
|
|
1318
|
+
const [isVisible, setIsVisible] = (0, import_react10.useState)(false);
|
|
1319
|
+
const [removeOpacity, setRemoveOpacity] = (0, import_react10.useState)(false);
|
|
1317
1320
|
const updatePosition = () => {
|
|
1318
1321
|
if (!ref.current || !tooltipRef.current) return;
|
|
1319
1322
|
const rect = ref.current.getBoundingClientRect();
|
|
@@ -1352,14 +1355,14 @@ var Tooltip = ({
|
|
|
1352
1355
|
setIsVisible(false);
|
|
1353
1356
|
setRemoveOpacity(false);
|
|
1354
1357
|
};
|
|
1355
|
-
(0,
|
|
1358
|
+
(0, import_react10.useEffect)(() => {
|
|
1356
1359
|
if (isVisible && tooltipRef.current) {
|
|
1357
1360
|
requestAnimationFrame(() => {
|
|
1358
1361
|
updatePosition();
|
|
1359
1362
|
});
|
|
1360
1363
|
}
|
|
1361
1364
|
}, [isVisible]);
|
|
1362
|
-
(0,
|
|
1365
|
+
(0, import_react10.useEffect)(() => {
|
|
1363
1366
|
if (isVisible) {
|
|
1364
1367
|
window.addEventListener("resize", updatePosition);
|
|
1365
1368
|
return () => window.removeEventListener("resize", updatePosition);
|
|
@@ -1561,9 +1564,9 @@ function PDFViewer(props) {
|
|
|
1561
1564
|
withPagination = true,
|
|
1562
1565
|
error
|
|
1563
1566
|
} = props;
|
|
1564
|
-
const [currentIndex, setCurrentIndex] = (0,
|
|
1565
|
-
const [isDownloading, setIsDownloading] = (0,
|
|
1566
|
-
const handleDownload = (0,
|
|
1567
|
+
const [currentIndex, setCurrentIndex] = (0, import_react11.useState)(0);
|
|
1568
|
+
const [isDownloading, setIsDownloading] = (0, import_react11.useState)(false);
|
|
1569
|
+
const handleDownload = (0, import_react11.useCallback)(() => {
|
|
1567
1570
|
setIsDownloading(true);
|
|
1568
1571
|
const link = document.createElement("a");
|
|
1569
1572
|
const currentPdf = encodedPdfs[currentIndex];
|
|
@@ -12,15 +12,15 @@ import "../../chunk-VJVY6NPF.js";
|
|
|
12
12
|
import "../../chunk-AS57Y2D3.js";
|
|
13
13
|
import {
|
|
14
14
|
Modal
|
|
15
|
-
} from "../../chunk-
|
|
15
|
+
} from "../../chunk-3PBA2EZ5.js";
|
|
16
16
|
import "../../chunk-4RJKB7LC.js";
|
|
17
17
|
import "../../chunk-UUKHQUSF.js";
|
|
18
18
|
import "../../chunk-WVVEOCEH.js";
|
|
19
19
|
import "../../chunk-74HXF5GF.js";
|
|
20
20
|
import "../../chunk-AG43RS4Q.js";
|
|
21
|
-
import "../../chunk-
|
|
21
|
+
import "../../chunk-ZSRTAMSW.js";
|
|
22
22
|
import "../../chunk-VXWSAIB5.js";
|
|
23
|
-
import "../../chunk-
|
|
23
|
+
import "../../chunk-HCHKYUNQ.js";
|
|
24
24
|
import "../../chunk-5UH6QUFB.js";
|
|
25
25
|
import "../../chunk-MXSJF6TW.js";
|
|
26
26
|
import "../../chunk-BMAZBFUU.js";
|
|
@@ -1128,8 +1128,11 @@ var LocalStoragePrefixVersion = `dmsi-acc-v1.1.1`;
|
|
|
1128
1128
|
var import_react9 = require("react");
|
|
1129
1129
|
var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
|
|
1130
1130
|
|
|
1131
|
-
// src/
|
|
1131
|
+
// src/hooks/useEditCell.tsx
|
|
1132
1132
|
var import_react10 = require("react");
|
|
1133
|
+
|
|
1134
|
+
// src/components/ProductImagePreview/useProductImagePreview.ts
|
|
1135
|
+
var import_react11 = require("react");
|
|
1133
1136
|
function useProductImagePreview(props) {
|
|
1134
1137
|
const {
|
|
1135
1138
|
images,
|
|
@@ -1142,18 +1145,18 @@ function useProductImagePreview(props) {
|
|
|
1142
1145
|
} = props;
|
|
1143
1146
|
const hasImages = !!(images == null ? void 0 : images.length);
|
|
1144
1147
|
const safeIndex = hasImages && currentIndex >= 0 && currentIndex < images.length ? currentIndex : 0;
|
|
1145
|
-
const active = (0,
|
|
1148
|
+
const active = (0, import_react11.useMemo)(() => {
|
|
1146
1149
|
return hasImages ? images[safeIndex] : void 0;
|
|
1147
1150
|
}, [hasImages, images, safeIndex]);
|
|
1148
|
-
const [zoomPoint, setZoomPoint] = (0,
|
|
1149
|
-
const [zoomActive, setZoomActive] = (0,
|
|
1150
|
-
const [currentZoomFactor, setCurrentZoomFactor] = (0,
|
|
1151
|
-
const [primaryImagePosition, setPrimaryImagePosition] = (0,
|
|
1152
|
-
const primaryImageRef = (0,
|
|
1153
|
-
const cleanupRef = (0,
|
|
1151
|
+
const [zoomPoint, setZoomPoint] = (0, import_react11.useState)(null);
|
|
1152
|
+
const [zoomActive, setZoomActive] = (0, import_react11.useState)(false);
|
|
1153
|
+
const [currentZoomFactor, setCurrentZoomFactor] = (0, import_react11.useState)(zoomFactor);
|
|
1154
|
+
const [primaryImagePosition, setPrimaryImagePosition] = (0, import_react11.useState)(null);
|
|
1155
|
+
const primaryImageRef = (0, import_react11.useRef)(null);
|
|
1156
|
+
const cleanupRef = (0, import_react11.useRef)(null);
|
|
1154
1157
|
const effectiveZoomEnabled = zoomEnabled && !isMobile;
|
|
1155
1158
|
const effectiveScrollToZoomEnabled = scrollToZoomEnabled && !isMobile;
|
|
1156
|
-
(0,
|
|
1159
|
+
(0, import_react11.useEffect)(() => {
|
|
1157
1160
|
if (!effectiveZoomEnabled) return;
|
|
1158
1161
|
const setupTracking = () => {
|
|
1159
1162
|
const element = primaryImageRef.current;
|
|
@@ -1187,24 +1190,24 @@ function useProductImagePreview(props) {
|
|
|
1187
1190
|
}
|
|
1188
1191
|
};
|
|
1189
1192
|
}, [effectiveZoomEnabled]);
|
|
1190
|
-
const handleSelect = (0,
|
|
1193
|
+
const handleSelect = (0, import_react11.useCallback)(
|
|
1191
1194
|
(idx) => {
|
|
1192
1195
|
if (idx === safeIndex) return;
|
|
1193
1196
|
onChangeIndex(idx);
|
|
1194
1197
|
},
|
|
1195
1198
|
[safeIndex, onChangeIndex]
|
|
1196
1199
|
);
|
|
1197
|
-
const handleNext = (0,
|
|
1200
|
+
const handleNext = (0, import_react11.useCallback)(() => {
|
|
1198
1201
|
if (!hasImages) return;
|
|
1199
1202
|
const nextIndex = (safeIndex + 1) % images.length;
|
|
1200
1203
|
onChangeIndex(nextIndex);
|
|
1201
1204
|
}, [hasImages, safeIndex, images.length, onChangeIndex]);
|
|
1202
|
-
const handlePrevious = (0,
|
|
1205
|
+
const handlePrevious = (0, import_react11.useCallback)(() => {
|
|
1203
1206
|
if (!hasImages) return;
|
|
1204
1207
|
const previousIndex = safeIndex === 0 ? images.length - 1 : safeIndex - 1;
|
|
1205
1208
|
onChangeIndex(previousIndex);
|
|
1206
1209
|
}, [hasImages, safeIndex, images.length, onChangeIndex]);
|
|
1207
|
-
const handleZoomPositionChange = (0,
|
|
1210
|
+
const handleZoomPositionChange = (0, import_react11.useCallback)(
|
|
1208
1211
|
(p, active2) => {
|
|
1209
1212
|
if (isMobile) return;
|
|
1210
1213
|
setZoomPoint(p);
|
|
@@ -1212,7 +1215,7 @@ function useProductImagePreview(props) {
|
|
|
1212
1215
|
},
|
|
1213
1216
|
[isMobile]
|
|
1214
1217
|
);
|
|
1215
|
-
const handleScrollZoom = (0,
|
|
1218
|
+
const handleScrollZoom = (0, import_react11.useCallback)(
|
|
1216
1219
|
(delta) => {
|
|
1217
1220
|
if (!effectiveScrollToZoomEnabled) return;
|
|
1218
1221
|
const newZoomFactor = Math.max(1, Math.min(5, currentZoomFactor + delta));
|
|
@@ -1220,7 +1223,7 @@ function useProductImagePreview(props) {
|
|
|
1220
1223
|
},
|
|
1221
1224
|
[effectiveScrollToZoomEnabled, currentZoomFactor]
|
|
1222
1225
|
);
|
|
1223
|
-
(0,
|
|
1226
|
+
(0, import_react11.useEffect)(() => {
|
|
1224
1227
|
setCurrentZoomFactor(zoomFactor);
|
|
1225
1228
|
}, [zoomFactor]);
|
|
1226
1229
|
return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ProductImagePreview
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-FCGPQNS2.js";
|
|
4
4
|
import "../../chunk-YCDDBSVU.js";
|
|
5
5
|
import "../../chunk-3X3Y4TMS.js";
|
|
6
6
|
import "../../chunk-BQNPOGD5.js";
|
|
@@ -9,9 +9,9 @@ import "../../chunk-2IKT6IHB.js";
|
|
|
9
9
|
import "../../chunk-AT4AWD6B.js";
|
|
10
10
|
import "../../chunk-QVWYTQKL.js";
|
|
11
11
|
import "../../chunk-BWPNXY7T.js";
|
|
12
|
-
import "../../chunk-
|
|
12
|
+
import "../../chunk-ZSRTAMSW.js";
|
|
13
13
|
import "../../chunk-VXWSAIB5.js";
|
|
14
|
-
import "../../chunk-
|
|
14
|
+
import "../../chunk-HCHKYUNQ.js";
|
|
15
15
|
import "../../chunk-5UH6QUFB.js";
|
|
16
16
|
import "../../chunk-MTGNBARV.js";
|
|
17
17
|
import "../../chunk-7KWFEH56.js";
|
|
@@ -217,6 +217,9 @@ var LocalStoragePrefixVersion = `dmsi-acc-v1.1.1`;
|
|
|
217
217
|
var import_react4 = require("react");
|
|
218
218
|
var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
|
|
219
219
|
|
|
220
|
+
// src/hooks/useEditCell.tsx
|
|
221
|
+
var import_react5 = require("react");
|
|
222
|
+
|
|
220
223
|
// src/components/ProjectBar.tsx
|
|
221
224
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
222
225
|
var ProjectBar = ({
|