@fast-simon/dashboard-utilities 1.0.96 → 1.0.98

package/dist/utils/useDragToSelect.js

@@ -1,173 +1,173 @@
-import React, { useCallback, useEffect, useState } from "react";
-import DragSelect from "dragselect";
-export const useDragToSelect = ({ areaRef, selectables, areaId, onSelectCommitted, onSelect, isDragAndDropActive, disabled, onDispatch, }) => {
-    const [dragselect, setDragSelect] = React.useState();
-    const [prevSelectables, setPrevSelectables] = useState([]);
-    const setSelected = useCallback((items) => {
-        const selected = items.map((el) => {
-            const wrapper = el.closest(".main-product-container") ||
-                el.querySelector(".main-product-container");
-            return {
-                id: wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id"),
-                pos: wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-index"),
-            };
-        });
-        const ids = {};
-        selected.forEach((el) => {
-            const id = el.id.includes("_")
-                ? el.id.split("_")[1]
-                : String(el.id);
-            ids[id] = parseInt(el.pos);
-        });
-        onSelect(ids);
-    }, [onSelect]);
-    const onselect = (callback_object) => {
-        var _a;
-        if (window.isDragAndDropActive ||
-            (callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) ||
-            !((_a = callback_object.event) === null || _a === void 0 ? void 0 : _a.target) ||
-            callback_object.event.target.localName === "svg") {
-            return;
-        }
-        const targetClassName = callback_object.event.target.className;
-        if (callback_object.event.target.classList.contains("material-symbols-outlined") ||
-            (typeof targetClassName === 'string' && targetClassName.includes("icon")) ||
-            (typeof targetClassName === 'string' && targetClassName.includes("Tooltip"))) {
-            return;
-        }
-        setSelected(callback_object.items);
-    };
-    const commit = (callback_object) => {
-        var _a, _b, _c;
-        onDispatch("setIsDragToSelectActive", false);
-        if ((callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) ||
-            window.isDragAndDropActive) {
-            const area = document.getElementById(areaId);
-            if (area) {
-                area.style.userSelect = "";
-                area.style.webkitUserSelect = "";
-            }
-            dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
-            return;
-        }
-        if ((_c = (_b = (_a = callback_object === null || callback_object === void 0 ? void 0 : callback_object.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.closest) === null || _c === void 0 ? void 0 : _c.call(_b, ".main-product-container")) {
-            return;
-        }
-        onselect(callback_object);
-        dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
-    };
-    const onSelectStart = (callback_object) => {
-        var _a, _b, _c, _d;
-        onDispatch("setIsDragToSelectActive", true);
-        if (!(callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) &&
-            !window.isDragAndDropActive &&
-            callback_object.items.length !== 1) {
-            dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
-        }
-        if (window.getSelection) {
-            (_b = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-        else if (document.getSelection) {
-            (_d = (_c = document.getSelection()) === null || _c === void 0 ? void 0 : _c.empty) === null || _d === void 0 ? void 0 : _d.call(_c);
-        }
-        const area = document.getElementById(areaId);
-        if (area) {
-            area.style.userSelect = "none";
-            area.style.webkitUserSelect = "none";
-        }
-    };
-    const onscroll = (callback_object) => {
-        var _a;
-        if (((_a = callback_object === null || callback_object === void 0 ? void 0 : callback_object.items) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
-            !window.isDragAndDropActive) {
-            setSelected(callback_object.items);
-        }
-    };
-    useEffect(() => {
-        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("dragmove", onselect);
-        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("callback", commit);
-        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("dragstart", onSelectStart);
-        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("autoscroll", onscroll);
-        return () => {
-            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("dragmove", onselect);
-            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("callback", commit);
-            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("dragstart", onSelectStart);
-            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("autoscroll", onscroll);
-        };
-    }, [dragselect, setSelected]);
-    useEffect(() => {
-        const prevIds = prevSelectables.map((el) => {
-            const wrapper = el.closest(".main-product-container");
-            return wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id");
-        });
-        const currentIds = selectables.map((el) => {
-            const wrapper = el.closest(".main-product-container");
-            return wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id");
-        });
-        if (!dragselect && areaRef.current) {
-            if (onSelectCommitted) {
-                console.log("init dragselect");
-            }
-            setDragSelect(new DragSelect({
-                selectables: selectables,
-                area: document.getElementById(areaId),
-                autoScrollSpeed: 15,
-                overflowTolerance: { x: 0, y: 0 },
-            }));
-        }
-        else if (dragselect &&
-            JSON.stringify(prevIds) !== JSON.stringify(currentIds) &&
-            !isDragAndDropActive) {
-            dragselect.setSettings({
-                selectables: selectables,
-                overflowTolerance: { x: 0, y: 0 },
-            });
-            setPrevSelectables(selectables);
-        }
-    }, [selectables, areaRef, disabled, isDragAndDropActive]);
-    useEffect(() => {
-        const mousedownCallback = (e) => {
-            var _a;
-            if (e.target.closest("#page_top")) {
-                return;
-            }
-            if (e.target.closest(".actions-bar-container") ||
-                e.target.closest(".scroll-to-top-btn") ||
-                e.target.closest(".paste-button-container")) {
-                return;
-            }
-            if (!((_a = e.target) === null || _a === void 0 ? void 0 : _a.closest("#" + areaId))) {
-                onDispatch("setIsCutting", false);
-                onDispatch("setSelectedProducts", []);
-                onSelect({});
-            }
-        };
-        document.addEventListener("mousedown", mousedownCallback);
-        return () => {
-            document.removeEventListener("mousedown", mousedownCallback);
-        };
-    }, []);
-    useEffect(() => {
-        document.querySelectorAll(".ds-selector-area").forEach((el) => {
-            el.style.visibility = isDragAndDropActive ? "hidden" : "visible";
-        });
-    }, [isDragAndDropActive]);
-    useEffect(() => {
-        if (dragselect && disabled) {
-            dragselect.clearSelection();
-            dragselect.setSettings({
-                selectables: [],
-                area: document.createElement("div"),
-                overflowTolerance: { x: 0, y: 0 },
-            });
-        }
-        else if (dragselect && disabled === false) {
-            dragselect.setSettings({
-                selectables: selectables,
-                area: document.getElementById(areaId),
-                overflowTolerance: { x: 0, y: 0 },
-            });
-        }
-    }, [dragselect, disabled]);
-};
+import React, { useCallback, useEffect, useState } from "react";
+import DragSelect from "dragselect";
+export const useDragToSelect = ({ areaRef, selectables, areaId, onSelectCommitted, onSelect, isDragAndDropActive, disabled, onDispatch, }) => {
+    const [dragselect, setDragSelect] = React.useState();
+    const [prevSelectables, setPrevSelectables] = useState([]);
+    const setSelected = useCallback((items) => {
+        const selected = items.map((el) => {
+            const wrapper = el.closest(".main-product-container") ||
+                el.querySelector(".main-product-container");
+            return {
+                id: wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id"),
+                pos: wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-index"),
+            };
+        });
+        const ids = {};
+        selected.forEach((el) => {
+            const id = el.id.includes("_")
+                ? el.id.split("_")[1]
+                : String(el.id);
+            ids[id] = parseInt(el.pos);
+        });
+        onSelect(ids);
+    }, [onSelect]);
+    const onselect = (callback_object) => {
+        var _a;
+        if (window.isDragAndDropActive ||
+            (callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) ||
+            !((_a = callback_object.event) === null || _a === void 0 ? void 0 : _a.target) ||
+            callback_object.event.target.localName === "svg") {
+            return;
+        }
+        const targetClassName = callback_object.event.target.className;
+        if (callback_object.event.target.classList.contains("material-symbols-outlined") ||
+            (typeof targetClassName === 'string' && targetClassName.includes("icon")) ||
+            (typeof targetClassName === 'string' && targetClassName.includes("Tooltip"))) {
+            return;
+        }
+        setSelected(callback_object.items);
+    };
+    const commit = (callback_object) => {
+        var _a, _b, _c;
+        onDispatch("setIsDragToSelectActive", false);
+        if ((callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) ||
+            window.isDragAndDropActive) {
+            const area = document.getElementById(areaId);
+            if (area) {
+                area.style.userSelect = "";
+                area.style.webkitUserSelect = "";
+            }
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
+            return;
+        }
+        if ((_c = (_b = (_a = callback_object === null || callback_object === void 0 ? void 0 : callback_object.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.closest) === null || _c === void 0 ? void 0 : _c.call(_b, ".main-product-container")) {
+            return;
+        }
+        onselect(callback_object);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
+    };
+    const onSelectStart = (callback_object) => {
+        var _a, _b, _c, _d;
+        onDispatch("setIsDragToSelectActive", true);
+        if (!(callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) &&
+            !window.isDragAndDropActive &&
+            callback_object.items.length !== 1) {
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
+        }
+        if (window.getSelection) {
+            (_b = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        else if (document.getSelection) {
+            (_d = (_c = document.getSelection()) === null || _c === void 0 ? void 0 : _c.empty) === null || _d === void 0 ? void 0 : _d.call(_c);
+        }
+        const area = document.getElementById(areaId);
+        if (area) {
+            area.style.userSelect = "none";
+            area.style.webkitUserSelect = "none";
+        }
+    };
+    const onscroll = (callback_object) => {
+        var _a;
+        if (((_a = callback_object === null || callback_object === void 0 ? void 0 : callback_object.items) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+            !window.isDragAndDropActive) {
+            setSelected(callback_object.items);
+        }
+    };
+    useEffect(() => {
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("dragmove", onselect);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("callback", commit);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("dragstart", onSelectStart);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("autoscroll", onscroll);
+        return () => {
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("dragmove", onselect);
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("callback", commit);
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("dragstart", onSelectStart);
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("autoscroll", onscroll);
+        };
+    }, [dragselect, setSelected]);
+    useEffect(() => {
+        const prevIds = prevSelectables.map((el) => {
+            const wrapper = el.closest(".main-product-container");
+            return wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id");
+        });
+        const currentIds = selectables.map((el) => {
+            const wrapper = el.closest(".main-product-container");
+            return wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id");
+        });
+        if (!dragselect && areaRef.current) {
+            if (onSelectCommitted) {
+                console.log("init dragselect");
+            }
+            setDragSelect(new DragSelect({
+                selectables: selectables,
+                area: document.getElementById(areaId),
+                autoScrollSpeed: 15,
+                overflowTolerance: { x: 0, y: 0 },
+            }));
+        }
+        else if (dragselect &&
+            JSON.stringify(prevIds) !== JSON.stringify(currentIds) &&
+            !isDragAndDropActive) {
+            dragselect.setSettings({
+                selectables: selectables,
+                overflowTolerance: { x: 0, y: 0 },
+            });
+            setPrevSelectables(selectables);
+        }
+    }, [selectables, areaRef, disabled, isDragAndDropActive]);
+    useEffect(() => {
+        const mousedownCallback = (e) => {
+            var _a;
+            if (e.target.closest("#page_top")) {
+                return;
+            }
+            if (e.target.closest(".actions-bar-container") ||
+                e.target.closest(".scroll-to-top-btn") ||
+                e.target.closest(".paste-button-container")) {
+                return;
+            }
+            if (!((_a = e.target) === null || _a === void 0 ? void 0 : _a.closest("#" + areaId))) {
+                onDispatch("setIsCutting", false);
+                onDispatch("setSelectedProducts", []);
+                onSelect({});
+            }
+        };
+        document.addEventListener("mousedown", mousedownCallback);
+        return () => {
+            document.removeEventListener("mousedown", mousedownCallback);
+        };
+    }, []);
+    useEffect(() => {
+        document.querySelectorAll(".ds-selector-area").forEach((el) => {
+            el.style.visibility = isDragAndDropActive ? "hidden" : "visible";
+        });
+    }, [isDragAndDropActive]);
+    useEffect(() => {
+        if (dragselect && disabled) {
+            dragselect.clearSelection();
+            dragselect.setSettings({
+                selectables: [],
+                area: document.createElement("div"),
+                overflowTolerance: { x: 0, y: 0 },
+            });
+        }
+        else if (dragselect && disabled === false) {
+            dragselect.setSettings({
+                selectables: selectables,
+                area: document.getElementById(areaId),
+                overflowTolerance: { x: 0, y: 0 },
+            });
+        }
+    }, [dragselect, disabled]);
+};
 //# sourceMappingURL=useDragToSelect.js.map

package/dist/utils/useDragToSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragToSelect.js","sourceRoot":"","sources":["../../src/utils/useDragToSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport DragSelect from \"dragselect\";\r\ninterface Props {\r\n    areaRef: React.RefObject<HTMLDivElement>;\r\n    selectables: HTMLElement[];\r\n    areaId: string;\r\n    onSelectCommitted?: (selectedIDS: string[]) => void;\r\n    onSelect: (ids: Record<string, number>) => void;\r\n    isDragAndDropActive: boolean;\r\n    disabled?: boolean;\r\n    onDispatch: (key: string, value: any) => void;\r\n}\r\nexport const useDragToSelect = ({\r\n    areaRef,\r\n    selectables,\r\n    areaId,\r\n    onSelectCommitted,\r\n    onSelect,\r\n    isDragAndDropActive,\r\n    disabled,\r\n    onDispatch,\r\n}: Props) => {\r\n\r\n    const [dragselect, setDragSelect] = React.useState<DragSelect>();\r\n\r\n    const [prevSelectables, setPrevSelectables] = useState<HTMLElement[]>([]);\r\n\r\n    const setSelected = useCallback(\r\n        (items: HTMLElement[]) => {\r\n            const selected = items.map((el: HTMLElement) => {\r\n                const wrapper =\r\n                    el.closest(\".main-product-container\") ||\r\n                    el.querySelector(\".main-product-container\");\r\n                return {\r\n                    id: wrapper?.getAttribute(\"product-id\"),\r\n                    pos: wrapper?.getAttribute(\"product-index\"),\r\n                };\r\n            });\r\n            const ids: Record<string, number> = {};\r\n            selected.forEach((el: any) => {\r\n                const id = el.id.includes(\"_\")\r\n                    ? el.id.split(\"_\")[1]\r\n                    : String(el.id);\r\n                ids[id] = parseInt(el.pos);\r\n            });\r\n\r\n            onSelect(ids);\r\n        },\r\n        [onSelect]\r\n    );\r\n\r\n    const onselect = (callback_object: any) => {\r\n        if (\r\n            (window as any).isDragAndDropActive ||\r\n            callback_object?.isDragging ||\r\n            !callback_object.event?.target ||\r\n            callback_object.event.target.localName === \"svg\"\r\n        ) {\r\n            return;\r\n        }\r\n         const targetClassName = callback_object.event.target.className;\r\n\r\n        if (\r\n            callback_object.event.target.classList.contains(\"material-symbols-outlined\") ||\r\n            (typeof targetClassName === 'string' && targetClassName.includes(\"icon\")) ||\r\n            (typeof targetClassName === 'string' && targetClassName.includes(\"Tooltip\"))\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        setSelected(callback_object.items);\r\n    };\r\n\r\n    const commit = (callback_object: any) => {\r\n        onDispatch(\"setIsDragToSelectActive\", false);\r\n        if (\r\n            callback_object?.isDragging ||\r\n            (window as any).isDragAndDropActive\r\n        ) {\r\n            const area = document.getElementById(areaId) as HTMLElement;\r\n            if (area) {\r\n                area.style.userSelect = \"\";\r\n                area.style.webkitUserSelect = \"\";\r\n            }\r\n            dragselect?.clearSelection();\r\n            return;\r\n        }\r\n        if (\r\n            callback_object?.event?.target?.closest?.(\".main-product-container\")\r\n        ) {\r\n            return;\r\n        }\r\n        onselect(callback_object);\r\n        dragselect?.clearSelection();\r\n    };\r\n\r\n    const onSelectStart = (callback_object: any) => {\r\n        onDispatch(\"setIsDragToSelectActive\", true);\r\n\r\n        if (\r\n            !callback_object?.isDragging &&\r\n            !(window as any).isDragAndDropActive &&\r\n            callback_object.items.length !== 1\r\n        ) {\r\n            dragselect?.clearSelection();\r\n        }\r\n        if (window.getSelection) {\r\n            window.getSelection()?.removeAllRanges?.();\r\n        } else if (document.getSelection) {\r\n            document.getSelection()?.empty?.();\r\n        }\r\n        const area = document.getElementById(areaId) as HTMLElement;\r\n        if (area) {\r\n            area.style.userSelect = \"none\";\r\n            area.style.webkitUserSelect = \"none\";\r\n        }\r\n    };\r\n\r\n    const onscroll = (callback_object: any) => {\r\n        if (\r\n            callback_object?.items?.length > 1 &&\r\n            !(window as any).isDragAndDropActive\r\n        ) {\r\n            setSelected(callback_object.items);\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        dragselect?.subscribe(\"dragmove\", onselect);\r\n        dragselect?.subscribe(\"callback\", commit);\r\n        dragselect?.subscribe(\"dragstart\", onSelectStart);\r\n        dragselect?.subscribe(\"autoscroll\", onscroll);\r\n        return () => {\r\n            dragselect?.unsubscribe(\"dragmove\", onselect);\r\n            dragselect?.unsubscribe(\"callback\", commit);\r\n            dragselect?.unsubscribe(\"dragstart\", onSelectStart);\r\n            dragselect?.unsubscribe(\"autoscroll\", onscroll);\r\n        };\r\n    }, [dragselect, setSelected]);\r\n\r\n    useEffect(() => {\r\n        const prevIds = prevSelectables.map((el: HTMLElement) => {\r\n            const wrapper = el.closest(\".main-product-container\");\r\n            return wrapper?.getAttribute(\"product-id\");\r\n        });\r\n        const currentIds = selectables.map((el: HTMLElement) => {\r\n            const wrapper = el.closest(\".main-product-container\");\r\n            return wrapper?.getAttribute(\"product-id\");\r\n        });\r\n\r\n        if (!dragselect && areaRef.current) {\r\n            if (onSelectCommitted) {\r\n                console.log(\"init dragselect\");\r\n            }\r\n            setDragSelect(\r\n                new DragSelect({\r\n                    selectables: selectables as HTMLElement[],\r\n                    area: document.getElementById(areaId) as HTMLElement,\r\n                    autoScrollSpeed: 15,\r\n                    overflowTolerance: { x: 0, y: 0 },\r\n                })\r\n            );\r\n        } else if (\r\n            dragselect &&\r\n            JSON.stringify(prevIds) !== JSON.stringify(currentIds) &&\r\n            !isDragAndDropActive\r\n        ) {\r\n            dragselect.setSettings({\r\n                selectables: selectables as HTMLElement[],\r\n                overflowTolerance: { x: 0, y: 0 },\r\n            });\r\n            setPrevSelectables(selectables);\r\n        }\r\n    }, [selectables, areaRef, disabled, isDragAndDropActive]);\r\n\r\n    useEffect(() => {\r\n        const mousedownCallback = (e: any) => {\r\n            if (e.target.closest(\"#page_top\")) {\r\n                return;\r\n            }\r\n            if (\r\n                e.target.closest(\".actions-bar-container\") ||\r\n                e.target.closest(\".scroll-to-top-btn\") ||\r\n                e.target.closest(\".paste-button-container\")\r\n            ) {\r\n                return;\r\n            }\r\n            if (!e.target?.closest(\"#\" + areaId)) {\r\n                onDispatch(\"setIsCutting\", false);\r\n                onDispatch(\"setSelectedProducts\", []);\r\n                onSelect({});\r\n            }\r\n        };\r\n\r\n        document.addEventListener(\"mousedown\", mousedownCallback);\r\n        return () => {\r\n            document.removeEventListener(\"mousedown\", mousedownCallback);\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        document.querySelectorAll(\".ds-selector-area\").forEach((el: any) => {\r\n            el.style.visibility = isDragAndDropActive ? \"hidden\" : \"visible\";\r\n        });\r\n    }, [isDragAndDropActive]);\r\n\r\n    useEffect(() => {\r\n        if (dragselect && disabled) {\r\n            dragselect.clearSelection();\r\n            dragselect.setSettings({\r\n                selectables: [],\r\n                area: document.createElement(\"div\"),\r\n                overflowTolerance: { x: 0, y: 0 },\r\n            });\r\n        } else if (dragselect && disabled === false) {\r\n            dragselect.setSettings({\r\n                selectables: selectables as HTMLElement[],\r\n                area: document.getElementById(areaId) as HTMLElement,\r\n                overflowTolerance: { x: 0, y: 0 },\r\n            });\r\n        }\r\n    }, [dragselect, disabled]);\r\n};\r\n"]}
+{"version":3,"file":"useDragToSelect.js","sourceRoot":"","sources":["../../src/utils/useDragToSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport DragSelect from \"dragselect\";\ninterface Props {\n    areaRef: React.RefObject<HTMLDivElement>;\n    selectables: HTMLElement[];\n    areaId: string;\n    onSelectCommitted?: (selectedIDS: string[]) => void;\n    onSelect: (ids: Record<string, number>) => void;\n    isDragAndDropActive: boolean;\n    disabled?: boolean;\n    onDispatch: (key: string, value: any) => void;\n}\nexport const useDragToSelect = ({\n    areaRef,\n    selectables,\n    areaId,\n    onSelectCommitted,\n    onSelect,\n    isDragAndDropActive,\n    disabled,\n    onDispatch,\n}: Props) => {\n\n    const [dragselect, setDragSelect] = React.useState<DragSelect>();\n\n    const [prevSelectables, setPrevSelectables] = useState<HTMLElement[]>([]);\n\n    const setSelected = useCallback(\n        (items: HTMLElement[]) => {\n            const selected = items.map((el: HTMLElement) => {\n                const wrapper =\n                    el.closest(\".main-product-container\") ||\n                    el.querySelector(\".main-product-container\");\n                return {\n                    id: wrapper?.getAttribute(\"product-id\"),\n                    pos: wrapper?.getAttribute(\"product-index\"),\n                };\n            });\n            const ids: Record<string, number> = {};\n            selected.forEach((el: any) => {\n                const id = el.id.includes(\"_\")\n                    ? el.id.split(\"_\")[1]\n                    : String(el.id);\n                ids[id] = parseInt(el.pos);\n            });\n\n            onSelect(ids);\n        },\n        [onSelect]\n    );\n\n    const onselect = (callback_object: any) => {\n        if (\n            (window as any).isDragAndDropActive ||\n            callback_object?.isDragging ||\n            !callback_object.event?.target ||\n            callback_object.event.target.localName === \"svg\"\n        ) {\n            return;\n        }\n         const targetClassName = callback_object.event.target.className;\n\n        if (\n            callback_object.event.target.classList.contains(\"material-symbols-outlined\") ||\n            (typeof targetClassName === 'string' && targetClassName.includes(\"icon\")) ||\n            (typeof targetClassName === 'string' && targetClassName.includes(\"Tooltip\"))\n        ) {\n            return;\n        }\n\n        setSelected(callback_object.items);\n    };\n\n    const commit = (callback_object: any) => {\n        onDispatch(\"setIsDragToSelectActive\", false);\n        if (\n            callback_object?.isDragging ||\n            (window as any).isDragAndDropActive\n        ) {\n            const area = document.getElementById(areaId) as HTMLElement;\n            if (area) {\n                area.style.userSelect = \"\";\n                area.style.webkitUserSelect = \"\";\n            }\n            dragselect?.clearSelection();\n            return;\n        }\n        if (\n            callback_object?.event?.target?.closest?.(\".main-product-container\")\n        ) {\n            return;\n        }\n        onselect(callback_object);\n        dragselect?.clearSelection();\n    };\n\n    const onSelectStart = (callback_object: any) => {\n        onDispatch(\"setIsDragToSelectActive\", true);\n\n        if (\n            !callback_object?.isDragging &&\n            !(window as any).isDragAndDropActive &&\n            callback_object.items.length !== 1\n        ) {\n            dragselect?.clearSelection();\n        }\n        if (window.getSelection) {\n            window.getSelection()?.removeAllRanges?.();\n        } else if (document.getSelection) {\n            document.getSelection()?.empty?.();\n        }\n        const area = document.getElementById(areaId) as HTMLElement;\n        if (area) {\n            area.style.userSelect = \"none\";\n            area.style.webkitUserSelect = \"none\";\n        }\n    };\n\n    const onscroll = (callback_object: any) => {\n        if (\n            callback_object?.items?.length > 1 &&\n            !(window as any).isDragAndDropActive\n        ) {\n            setSelected(callback_object.items);\n        }\n    };\n\n    useEffect(() => {\n        dragselect?.subscribe(\"dragmove\", onselect);\n        dragselect?.subscribe(\"callback\", commit);\n        dragselect?.subscribe(\"dragstart\", onSelectStart);\n        dragselect?.subscribe(\"autoscroll\", onscroll);\n        return () => {\n            dragselect?.unsubscribe(\"dragmove\", onselect);\n            dragselect?.unsubscribe(\"callback\", commit);\n            dragselect?.unsubscribe(\"dragstart\", onSelectStart);\n            dragselect?.unsubscribe(\"autoscroll\", onscroll);\n        };\n    }, [dragselect, setSelected]);\n\n    useEffect(() => {\n        const prevIds = prevSelectables.map((el: HTMLElement) => {\n            const wrapper = el.closest(\".main-product-container\");\n            return wrapper?.getAttribute(\"product-id\");\n        });\n        const currentIds = selectables.map((el: HTMLElement) => {\n            const wrapper = el.closest(\".main-product-container\");\n            return wrapper?.getAttribute(\"product-id\");\n        });\n\n        if (!dragselect && areaRef.current) {\n            if (onSelectCommitted) {\n                console.log(\"init dragselect\");\n            }\n            setDragSelect(\n                new DragSelect({\n                    selectables: selectables as HTMLElement[],\n                    area: document.getElementById(areaId) as HTMLElement,\n                    autoScrollSpeed: 15,\n                    overflowTolerance: { x: 0, y: 0 },\n                })\n            );\n        } else if (\n            dragselect &&\n            JSON.stringify(prevIds) !== JSON.stringify(currentIds) &&\n            !isDragAndDropActive\n        ) {\n            dragselect.setSettings({\n                selectables: selectables as HTMLElement[],\n                overflowTolerance: { x: 0, y: 0 },\n            });\n            setPrevSelectables(selectables);\n        }\n    }, [selectables, areaRef, disabled, isDragAndDropActive]);\n\n    useEffect(() => {\n        const mousedownCallback = (e: any) => {\n            if (e.target.closest(\"#page_top\")) {\n                return;\n            }\n            if (\n                e.target.closest(\".actions-bar-container\") ||\n                e.target.closest(\".scroll-to-top-btn\") ||\n                e.target.closest(\".paste-button-container\")\n            ) {\n                return;\n            }\n            if (!e.target?.closest(\"#\" + areaId)) {\n                onDispatch(\"setIsCutting\", false);\n                onDispatch(\"setSelectedProducts\", []);\n                onSelect({});\n            }\n        };\n\n        document.addEventListener(\"mousedown\", mousedownCallback);\n        return () => {\n            document.removeEventListener(\"mousedown\", mousedownCallback);\n        };\n    }, []);\n\n    useEffect(() => {\n        document.querySelectorAll(\".ds-selector-area\").forEach((el: any) => {\n            el.style.visibility = isDragAndDropActive ? \"hidden\" : \"visible\";\n        });\n    }, [isDragAndDropActive]);\n\n    useEffect(() => {\n        if (dragselect && disabled) {\n            dragselect.clearSelection();\n            dragselect.setSettings({\n                selectables: [],\n                area: document.createElement(\"div\"),\n                overflowTolerance: { x: 0, y: 0 },\n            });\n        } else if (dragselect && disabled === false) {\n            dragselect.setSettings({\n                selectables: selectables as HTMLElement[],\n                area: document.getElementById(areaId) as HTMLElement,\n                overflowTolerance: { x: 0, y: 0 },\n            });\n        }\n    }, [dragselect, disabled]);\n};\n"]}

package/dist/utils/useProductsPerRow.d.ts

@@ -1,3 +1,3 @@
-export declare const useProductsPerRow: () => {
-    productsPerRow: number;
-};
+export declare const useProductsPerRow: () => {
+    productsPerRow: number;
+};

package/dist/utils/useProductsPerRow.js

@@ -1,19 +1,19 @@
-import { useEffect, useState } from "react";
-const PRODUCTS_PER_ROW_KEY = 'fs-products-per-row';
-export const useProductsPerRow = () => {
-    const [productsPerRow, setProductsPerRow] = useState(Number(localStorage.getItem(PRODUCTS_PER_ROW_KEY)) || 4);
-    const set = (e) => {
-        setProductsPerRow(e.detail.productsPerRow);
-        localStorage.setItem(PRODUCTS_PER_ROW_KEY, e.detail.productsPerRow);
-    };
-    useEffect(() => {
-        document.addEventListener('editor-products-per-row', set);
-        return () => {
-            document.removeEventListener('editor-products-per-row', set);
-        };
-    }, []);
-    return {
-        productsPerRow
-    };
-};
+import { useEffect, useState } from "react";
+const PRODUCTS_PER_ROW_KEY = 'fs-products-per-row';
+export const useProductsPerRow = () => {
+    const [productsPerRow, setProductsPerRow] = useState(Number(localStorage.getItem(PRODUCTS_PER_ROW_KEY)) || 4);
+    const set = (e) => {
+        setProductsPerRow(e.detail.productsPerRow);
+        localStorage.setItem(PRODUCTS_PER_ROW_KEY, e.detail.productsPerRow);
+    };
+    useEffect(() => {
+        document.addEventListener('editor-products-per-row', set);
+        return () => {
+            document.removeEventListener('editor-products-per-row', set);
+        };
+    }, []);
+    return {
+        productsPerRow
+    };
+};
 //# sourceMappingURL=useProductsPerRow.js.map

package/dist/utils/useProductsPerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProductsPerRow.js","sourceRoot":"","sources":["../../src/utils/useProductsPerRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,MAAM,oBAAoB,GAAG,qBAAqB,CAAC;AACnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAElC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9G,MAAM,GAAG,GAAG,CAAC,CAAM,EAAE,EAAE;QACnB,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QAC3C,YAAY,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACxE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QACjE,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,cAAc;KACjB,CAAA;AACL,CAAC,CAAA","sourcesContent":["import {useEffect, useState} from \"react\";\r\n\r\nconst PRODUCTS_PER_ROW_KEY = 'fs-products-per-row';\r\nexport const useProductsPerRow = () => {\r\n\r\n    const [productsPerRow, setProductsPerRow] = useState(Number(localStorage.getItem(PRODUCTS_PER_ROW_KEY)) || 4);\r\n\r\n    const set = (e: any) => {\r\n        setProductsPerRow(e.detail.productsPerRow);\r\n        localStorage.setItem(PRODUCTS_PER_ROW_KEY, e.detail.productsPerRow);\r\n    }\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('editor-products-per-row', set);\r\n        return () => {\r\n            document.removeEventListener('editor-products-per-row', set);\r\n        };\r\n    }, []);\r\n\r\n    return {\r\n        productsPerRow\r\n    }\r\n}"]}
+{"version":3,"file":"useProductsPerRow.js","sourceRoot":"","sources":["../../src/utils/useProductsPerRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,MAAM,oBAAoB,GAAG,qBAAqB,CAAC;AACnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAElC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9G,MAAM,GAAG,GAAG,CAAC,CAAM,EAAE,EAAE;QACnB,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QAC3C,YAAY,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACxE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,GAAG,CAAC,CAAC;QACjE,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,cAAc;KACjB,CAAA;AACL,CAAC,CAAA","sourcesContent":["import {useEffect, useState} from \"react\";\n\nconst PRODUCTS_PER_ROW_KEY = 'fs-products-per-row';\nexport const useProductsPerRow = () => {\n\n    const [productsPerRow, setProductsPerRow] = useState(Number(localStorage.getItem(PRODUCTS_PER_ROW_KEY)) || 4);\n\n    const set = (e: any) => {\n        setProductsPerRow(e.detail.productsPerRow);\n        localStorage.setItem(PRODUCTS_PER_ROW_KEY, e.detail.productsPerRow);\n    }\n\n    useEffect(() => {\n        document.addEventListener('editor-products-per-row', set);\n        return () => {\n            document.removeEventListener('editor-products-per-row', set);\n        };\n    }, []);\n\n    return {\n        productsPerRow\n    }\n}"]}

package/package.json

@@ -1,64 +1,64 @@
-{
-  "name": "@fast-simon/dashboard-utilities",
-  "version": "1.0.96",
-  "scripts": {
-    "dev": "vite",
-    "preview": "vite preview",
-    "build": "tsc -p tsconfig-build.json",
-    "prepublishOnly": "npm version patch && npm run build",
-    "postbuild": "copyfiles -u 2 src/components/**/*.css dist/components && copyfiles -u 2 src/icons/**/*.css dist/icons && copyfiles -u 2 src/assets/**/*.gif dist/assets"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@babel/core": "^7.20.12",
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/modifiers": "^6.0.1",
-    "@dnd-kit/sortable": "^7.0.2",
-    "@dnd-kit/utilities": "^3.2.1",
-    "@emotion/react": "11.4.1",
-    "@fast-simon/logger": "^1.0.0",
-    "@fast-simon/utilities": "^1.0.19",
-    "@radix-ui/react-accordion": "^1.1.1",
-    "@stripe/react-stripe-js": "^1.7.0",
-    "@stripe/stripe-js": "^1.22.0",
-    "@tippyjs/react": "^4.2.6",
-    "classnames": "^2.3.1",
-    "clsx": "^1.1.1",
-    "dragselect": "^2.7.4",
-    "fast-simon-sdk": "^1.2.60",
-    "lucide-react": "^0.223.0",
-    "moment": "^2.29.1",
-    "rc-slider": "^10.1.1",
-    "react-datepicker": "^4.10.0",
-    "react-jss": "^10.10.0",
-    "react-select": "^5.2.1",
-    "tss-react": "^3.6.0",
-    "usehooks-ts": "^2.9.1"
-  },
-  "devDependencies": {
-    "@types/node": "^18.13.0",
-    "@types/react": "^17.0.33",
-    "@types/react-datepicker": "^4.10.0",
-    "@types/react-dom": "^17.0.10",
-    "@types/react-modal": "^3.13.1",
-    "@types/react-router-dom": "^5.1.5",
-    "@vitejs/plugin-react": "^1.0.7",
-    "axios": "^0.24.0",
-    "copyfiles": "^2.4.1",
-    "dotenv": "^11.0.0",
-    "prettier": "^2.8.4",
-    "react": "^17.0.2",
-    "react-datepicker": "^4.10.0",
-    "react-dom": "^17.0.2",
-    "react-modal": "3.14.4",
-    "react-router-dom": "^5.2.0",
-    "rimraf": "^3.0.2",
-    "typescript": "^4.4.4",
-    "vite": "^2.7.2"
-  }
-}
+{
+  "name": "@fast-simon/dashboard-utilities",
+  "version": "1.0.98",
+  "scripts": {
+    "dev": "vite",
+    "preview": "vite preview",
+    "build": "tsc -p tsconfig-build.json",
+    "prepublishOnly": "npm version patch && npm run build",
+    "postbuild": "copyfiles -u 2 src/components/**/*.css dist/components && copyfiles -u 2 src/icons/**/*.css dist/icons && copyfiles -u 2 src/assets/**/*.gif dist/assets"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@babel/core": "^7.20.12",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/modifiers": "^6.0.1",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "@emotion/react": "11.4.1",
+    "@fast-simon/logger": "^1.0.0",
+    "@fast-simon/utilities": "^1.0.19",
+    "@radix-ui/react-accordion": "^1.1.1",
+    "@stripe/react-stripe-js": "^1.7.0",
+    "@stripe/stripe-js": "^1.22.0",
+    "@tippyjs/react": "^4.2.6",
+    "classnames": "^2.3.1",
+    "clsx": "^1.1.1",
+    "dragselect": "^2.7.4",
+    "fast-simon-sdk": "^1.2.60",
+    "lucide-react": "^0.223.0",
+    "moment": "^2.29.1",
+    "rc-slider": "^10.1.1",
+    "react-datepicker": "^4.10.0",
+    "react-jss": "^10.10.0",
+    "react-select": "^5.2.1",
+    "tss-react": "^3.6.0",
+    "usehooks-ts": "^2.9.1"
+  },
+  "devDependencies": {
+    "@types/node": "^18.13.0",
+    "@types/react": "^17.0.33",
+    "@types/react-datepicker": "^4.10.0",
+    "@types/react-dom": "^17.0.10",
+    "@types/react-modal": "^3.13.1",
+    "@types/react-router-dom": "^5.1.5",
+    "@vitejs/plugin-react": "^1.0.7",
+    "axios": "^0.24.0",
+    "copyfiles": "^2.4.1",
+    "dotenv": "^11.0.0",
+    "prettier": "^2.8.4",
+    "react": "^17.0.2",
+    "react-datepicker": "^4.10.0",
+    "react-dom": "^17.0.2",
+    "react-modal": "3.14.4",
+    "react-router-dom": "^5.2.0",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.4.4",
+    "vite": "^2.7.2"
+  }
+}