npm - @fast-simon/dashboard-utilities - Versions diffs - 1.0.40 → 1.0.41 - Mend

@fast-simon/dashboard-utilities 1.0.40 → 1.0.41

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.

Files changed (3) hide show

package/dist/utils/useDragToSelect.js +3 -2
package/dist/utils/useDragToSelect.js.map +1 -1
package/package.json +1 -1

package/dist/utils/useDragToSelect.js CHANGED Viewed

@@ -29,9 +29,10 @@ export const useDragToSelect = ({ areaRef, selectables, areaId, onSelectCommitte
             callback_object.event.target.localName === "svg") {
             return;
         }
+        const targetClassName = callback_object.event.target.className;
         if (callback_object.event.target.classList.contains("material-symbols-outlined") ||
-            callback_object.event.target.className.includes("icon") ||
-            callback_object.event.target.className.includes("Tooltip")) {
+            (typeof targetClassName === 'string' && targetClassName.includes("icon")) ||
+            (typeof targetClassName === 'string' && targetClassName.includes("Tooltip"))) {
             return;
         }
         setSelected(callback_object.items);

package/dist/utils/useDragToSelect.js.map CHANGED Viewed

	@@ -1 +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 if (\r\n callback_object.event.target.classList.contains(\r\n \"material-symbols-outlined\"\r\n ) \|\|\r\n callback_object.event.target.className.includes(\"icon\") \|\|\r\n callback_object.event.target.className.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"]}
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"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fast-simon/dashboard-utilities",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",