reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-Wrapper.js

@@ -0,0 +1,318 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var index = require('./constants/index.js');
+var DndArraySorterContext = require('./context/DndArraySorterContext.js');
+var index$1 = require('./utils/index.js');
+var sharedData = require('./shared-data.js');
+
+const DndArraySorterDraggableWrapper = React.forwardRef(({ dropTargetId, draggedDraggableItemKey, draggableItemKey, itemId, orientation = "horizontal", rootClassName, rootStyles = {}, readOnly = false, allowDelete, onDelete, onClick, children, }, dragzoneRef) => {
+    const parentNode = dragzoneRef.current;
+    const draggedItemRef = React.useRef(null);
+    const { leftEdgeIndices, rightEdgeIndices, wrapFactor, edgeTranslateX, edgeTranslateY, childItemMargins, } = React.useContext(DndArraySorterContext.ResoDndArraySorterContext);
+    const containerClassNames = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_resodnd_arraysorter_draggable: true,
+        // resoui_resodnd_arraysorter_draggable_wiggle: wiggle === true, // not working
+        resoui_resodnd_arraysorter_draggable_clickable: readOnly && typeof onClick === "function",
+        [`resoui_resodnd_arraysorter_draggable_${orientation}`]: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    const domId = `${index.RESODND_DOM_ID_PREFIX}${itemId}`;
+    return (React.createElement("div", { ref: draggedItemRef, id: domId, "data-testid": "dndarraysorter-draggable-wrapper-root", className: containerClassNames, style: rootStyles || {}, draggable: !readOnly, "data-resodndid": draggableItemKey, onClick: (event) => {
+            if (readOnly && typeof onClick === "function") {
+                event.preventDefault();
+                event.stopPropagation();
+                onClick();
+            }
+        }, onDragStart: (event) => {
+            if (readOnly === true)
+                return;
+            if (Object.entries(sharedData.ElementIdToTransitioning).length) {
+                return;
+            }
+            sharedData.setInitialDragzoneChildren(Array.from(parentNode.children));
+            setTimeout(() => {
+                draggedItemRef.current.classList.add("resoui_resodnd_draggable_dragging");
+            }, 0);
+            draggedItemRef.current.id = draggedDraggableItemKey;
+            event.dataTransfer.effectAllowed = "move";
+            // Custom type to identify an item drag
+            event.dataTransfer.setData(draggableItemKey, "");
+            event.dataTransfer.setData("resodnd-initial-dragged-item-id", domId);
+        }, onDragOver: (event) => {
+            if (readOnly === true)
+                return;
+            if (event.dataTransfer.types.includes(draggableItemKey)) {
+                event.preventDefault();
+                const draggedItem = document.getElementById(draggedDraggableItemKey);
+                const draggedOverItem = draggedItemRef.current;
+                const indexOfDraggedItem = Array.prototype.indexOf.call(draggedOverItem.parentNode.children, draggedItem);
+                const indexOfDraggedOverItem = Array.prototype.indexOf.call(draggedOverItem.parentNode.children, draggedOverItem);
+                if (orientation === "horizontal") {
+                    // drag to right
+                    if (indexOfDraggedItem < indexOfDraggedOverItem) {
+                        for (let i = indexOfDraggedItem; i <= indexOfDraggedOverItem; i++) {
+                            const element = draggedOverItem.parentNode.children[i];
+                            if (element.id === draggedDraggableItemKey)
+                                continue;
+                            if (sharedData.ElementIdToTransitioning[element.id] === true) {
+                                continue;
+                            }
+                            index$1.clearElementStyles(element);
+                            if (leftEdgeIndices.includes(i)) {
+                                sharedData.ElementIdToTransitioning[element.id] = true;
+                                sharedData.ElementLastTranslation[element.id] = {
+                                    x: edgeTranslateX,
+                                    y: -1 * edgeTranslateY,
+                                    unit: "px",
+                                };
+                                index$1.animateElementMovement(element, {
+                                    x: `${edgeTranslateX}px`,
+                                    y: `-${edgeTranslateY}px`,
+                                }, {
+                                    onTransitionEnd: (tev) => {
+                                        /**
+                                         *
+                                         * Check for Dragged Item Already Dropped
+                                         * if Items are dropped BEFORE the transition ends,
+                                         * this will cause the DOM arrays to become misalign with
+                                         * actual array state.
+                                         *
+                                         */
+                                        const afterTransitionDraggedItem = document.getElementById(draggedDraggableItemKey);
+                                        if (!afterTransitionDraggedItem) {
+                                            return;
+                                        }
+                                        parentNode.insertBefore(draggedItem, draggedOverItem.nextSibling);
+                                        // ElementLastTranslation[element.id].x = undefined;
+                                        // ElementLastTranslation[element.id].y = undefined;
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                    onTransitionCancelled: (tev) => {
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                });
+                            }
+                            else {
+                                const tx = `-${draggedItem.getBoundingClientRect().width + childItemMargins.left + childItemMargins.right}`;
+                                sharedData.ElementIdToTransitioning[element.id] = true;
+                                sharedData.ElementLastTranslation[element.id] = {
+                                    x: tx,
+                                    y: 0,
+                                    unit: "px",
+                                };
+                                index$1.animateElementMovement(element, {
+                                    x: `${tx}px`,
+                                }, {
+                                    onTransitionEnd: (tev) => {
+                                        /**
+                                         *
+                                         * Check for Dragged Item Already Dropped
+                                         * if Items are dropped BEFORE the transition ends,
+                                         * this will cause the DOM arrays to become misalign with
+                                         * actual array state.
+                                         *
+                                         */
+                                        const afterTransitionDraggedItem = document.getElementById(draggedDraggableItemKey);
+                                        if (!afterTransitionDraggedItem) {
+                                            return;
+                                        }
+                                        parentNode.insertBefore(draggedItem, draggedOverItem.nextSibling);
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                    onTransitionCancelled: (tev) => {
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                });
+                            }
+                        }
+                    }
+                    else {
+                        // Dragging to Left
+                        for (let i = indexOfDraggedOverItem; i <= indexOfDraggedItem; i++) {
+                            const element = draggedOverItem.parentNode.children[i];
+                            if (element.id === draggedDraggableItemKey)
+                                continue;
+                            if (sharedData.ElementIdToTransitioning[element.id] === true) {
+                                continue;
+                            }
+                            index$1.clearElementStyles(element);
+                            if (rightEdgeIndices.includes(i)) {
+                                sharedData.ElementIdToTransitioning[element.id] = true;
+                                sharedData.ElementLastTranslation[element.id] = {
+                                    x: -1 * edgeTranslateX,
+                                    y: edgeTranslateY,
+                                    unit: "px",
+                                };
+                                index$1.animateElementMovement(element, {
+                                    x: `-${edgeTranslateX}px`,
+                                    y: `${edgeTranslateY}px`,
+                                }, {
+                                    onTransitionEnd: (tev) => {
+                                        /**
+                                         *
+                                         * Check for Dragged Item Already Dropped
+                                         * if Items are dropped BEFORE the transition ends,
+                                         * this will cause the DOM arrays to become misalign with
+                                         * actual array state.
+                                         *
+                                         */
+                                        const afterTransitionDraggedItem = document.getElementById(draggedDraggableItemKey);
+                                        if (!afterTransitionDraggedItem) {
+                                            return;
+                                        }
+                                        parentNode.insertBefore(draggedItem, draggedOverItem);
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                    onTransitionCancelled: (tev) => {
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                });
+                            }
+                            else {
+                                const tx = `${draggedItem.getBoundingClientRect().width + childItemMargins.left + childItemMargins.right}`;
+                                sharedData.ElementIdToTransitioning[element.id] = true;
+                                sharedData.ElementLastTranslation[element.id] = {
+                                    x: tx,
+                                    y: 0,
+                                    unit: "px",
+                                };
+                                index$1.animateElementMovement(element, {
+                                    x: `${tx}px`,
+                                }, {
+                                    onTransitionEnd: (tev) => {
+                                        /**
+                                         *
+                                         * Check for Dragged Item Already Dropped
+                                         * if Items are dropped BEFORE the transition ends,
+                                         * this will cause the DOM arrays to become misalign with
+                                         * actual array state.
+                                         *
+                                         */
+                                        const afterTransitionDraggedItem = document.getElementById(draggedDraggableItemKey);
+                                        if (!afterTransitionDraggedItem) {
+                                            return;
+                                        }
+                                        parentNode.insertBefore(draggedItem, draggedOverItem);
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                    onTransitionCancelled: (tev) => {
+                                        delete sharedData.ElementIdToTransitioning[element.id];
+                                    },
+                                });
+                            }
+                        }
+                    }
+                }
+                else {
+                    // vertical
+                    if (indexOfDraggedItem < indexOfDraggedOverItem) {
+                        // Drag to Bottom
+                        for (let i = indexOfDraggedItem; i <= indexOfDraggedOverItem; i++) {
+                            const element = draggedOverItem.parentNode.children[i];
+                            if (element.id === draggedDraggableItemKey)
+                                continue;
+                            if (sharedData.ElementIdToTransitioning[element.id] === true) {
+                                continue;
+                            }
+                            sharedData.ElementIdToTransitioning[element.id] = true;
+                            sharedData.ElementLastTranslation[element.id] = {
+                                x: 0,
+                                y: -100,
+                                unit: "%",
+                            };
+                            index$1.animateElementMovement(element, {
+                                y: "-100%",
+                            }, {
+                                onTransitionEnd: (tev) => {
+                                    /**
+                                     *
+                                     * Check for Dragged Item Already Dropped
+                                     * if Items are dropped BEFORE the transition ends,
+                                     * this will cause the DOM arrays to become misalign with
+                                     * actual array state.
+                                     *
+                                     */
+                                    const afterTransitionDraggedItem = document.getElementById(draggedDraggableItemKey);
+                                    if (!afterTransitionDraggedItem) {
+                                        return;
+                                    }
+                                    parentNode.insertBefore(draggedItem, draggedOverItem.nextSibling);
+                                    delete sharedData.ElementIdToTransitioning[element.id];
+                                },
+                                onTransitionCancelled: (tev) => {
+                                    delete sharedData.ElementIdToTransitioning[element.id];
+                                },
+                            });
+                        }
+                    }
+                    else {
+                        // Drag to Top
+                        for (let i = indexOfDraggedOverItem; i <= indexOfDraggedItem; i++) {
+                            const element = draggedOverItem.parentNode.children[i];
+                            if (element.id === draggedDraggableItemKey)
+                                continue;
+                            if (sharedData.ElementIdToTransitioning[element.id] === true) {
+                                continue;
+                            }
+                            sharedData.ElementIdToTransitioning[element.id] = true;
+                            sharedData.ElementLastTranslation[element.id] = {
+                                x: 0,
+                                y: 100,
+                                unit: "%",
+                            };
+                            index$1.animateElementMovement(element, {
+                                y: "100%",
+                            }, {
+                                onTransitionEnd: (tev) => {
+                                    /**
+                                     *
+                                     * Check for Dragged Item Already Dropped
+                                     * if Items are dropped BEFORE the transition ends,
+                                     * this will cause the DOM arrays to become misalign with
+                                     * actual array state.
+                                     *
+                                     */
+                                    const afterTransitionDraggedItem = document.getElementById(draggedDraggableItemKey);
+                                    if (!afterTransitionDraggedItem) {
+                                        return;
+                                    }
+                                    parentNode.insertBefore(draggedItem, draggedOverItem);
+                                    delete sharedData.ElementIdToTransitioning[element.id];
+                                },
+                                onTransitionCancelled: (tev) => {
+                                    delete sharedData.ElementIdToTransitioning[element.id];
+                                },
+                            });
+                        }
+                    }
+                }
+            }
+        }, onDragEnd: (event) => {
+            if (readOnly === true)
+                return;
+            const draggedItem = draggedItemRef.current;
+            if (!draggedItem)
+                return;
+            // clear styles
+            index$1.clearElementStyles(draggedItem);
+            // reset the id
+            draggedItem.id = domId;
+        } },
+        !readOnly && allowDelete === true ? (React.createElement("div", { role: "button", "data-testid": `dndarraysorter-draggable-closeBtn-${itemId}`, className: "resoui_resodnd_arraysorter_draggable_closeBtn", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (typeof onDelete === "function") {
+                    onDelete(domId);
+                }
+            } },
+            React.createElement("div", { className: "resoui_resodnd_arraysorter_draggable_closeBtn_arm" }))) : null,
+        children));
+});
+
+exports.default = DndArraySorterDraggableWrapper;
+//# sourceMappingURL=Dnd-Array-Sorter-Draggable-Wrapper.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dnd-Array-Sorter-Draggable-Wrapper.js","sources":["../../../../../src/library/components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter-Draggable-Wrapper.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","useContext","ResoDndArraySorterContext","createComponentStyles","createLayoutStyles","RESODND_DOM_ID_PREFIX","ElementIdToTransitioning","setInitialDragzoneChildren","clearElementStyles","ElementLastTranslation","animateElementMovement"],"mappings":"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"}

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter.js

@@ -0,0 +1,281 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var index$1 = require('./constants/index.js');
+var useDndArraySorter = require('./hooks/useDndArraySorter.js');
+var DndArraySorterDraggableWrapper = require('./Dnd-Array-Sorter-Draggable-Wrapper.js');
+var sharedData = require('./shared-data.js');
+var DndArraySorterContext = require('./context/DndArraySorterContext.js');
+var index = require('./utils/index.js');
+
+const DndArraySorter = ({ dropTargetId, draggedDraggableItemKey = index$1.DEFAULT_DRAGGED_DRAGGABLE_ITEM_KEY, draggableItemKey = "resodnd-draggable-item", identifierKey, orientation = "horizontal", horizontalWrap = false, accepts = [index$1.DEFAULT_DRAGGED_DRAGGABLE_ITEM_KEY], onDropArrUpdated, onDropSetArrOverride, onDeleteArrUpdated, onDeleteSetArrOverride, readOnly = false, allowDelete = false, onClickItem, onRealignArrUpdated, onCancelDrag, onDeleteItem, 
+/* Mandatory Props */
+arrItems, setArrItems, renderDraggableItem, 
+/* style props */
+draggableItemWrapperClassName, draggableItemWrapperStyles, 
+/* Reso UI Props */
+rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const dragzoneRef = React.useRef(null);
+    const [domIntegrityOk, setDomIntegrityOk] = React.useState(true);
+    const { wrapFactor, setWrapFactor, leftEdgeIndices, setLeftEdgeIndices, rightEdgeIndices, setRightEdgeIndices, edgeTranslateX, setEdgeTranslateX, edgeTranslateY, setEdgeTranslateY, childItemMargins, setChildItemMargins, } = useDndArraySorter.useDndArraySorter(dropTargetId, dragzoneRef, horizontalWrap, [
+        arrItems.length,
+    ]);
+    React.useEffect(() => {
+        if (!domIntegrityOk) {
+            /**
+             * Realign
+             */
+            const parentNode = dragzoneRef.current;
+            if (!parentNode)
+                return;
+            const parentChildren = parentNode.children;
+            const newArr = [];
+            // tslint:disable-next-line:prefer-for-of
+            for (let i = 0; i < parentChildren.length; i++) {
+                const correspondingChild = parentChildren[i];
+                const childId = index.getArrItemId(correspondingChild.id);
+                const itemIdx = arrItems.findIndex((item) => item[identifierKey] === childId);
+                newArr.push(arrItems[itemIdx]);
+            }
+            // manipulate array
+            setArrItems(newArr);
+            if (typeof onRealignArrUpdated === "function") {
+                onRealignArrUpdated(newArr);
+            }
+        }
+    }, [domIntegrityOk]);
+    React.useEffect(() => {
+        /**
+         * Check Dom Integrity:
+         *
+         * We check integrity of Array Items in the Dom vs the current Array State.
+         * This is to ensure that they consistent at all times.
+         */
+        const parentNode = dragzoneRef.current;
+        if (!parentNode)
+            return;
+        const parentChildren = parentNode.children;
+        let integrityOk = true;
+        const updatedArrItemsIds = arrItems.map((item) => item[identifierKey]);
+        // tslint:disable-next-line:prefer-for-of
+        for (let i = 0; i < updatedArrItemsIds.length; i++) {
+            const correspondingChild = parentChildren[i];
+            const childId = index.getArrItemId(correspondingChild.id);
+            if (arrItems[i][identifierKey] !== childId) {
+                integrityOk = false;
+                break;
+            }
+        }
+        if (!integrityOk) {
+            setDomIntegrityOk(false);
+            return;
+        }
+        setDomIntegrityOk(true);
+    }, [dragzoneRef.current, arrItems]);
+    React.useEffect(() => {
+        /**
+         * When Item Is Removed
+         */
+        const parentNode = dragzoneRef.current;
+        if (!parentNode)
+            return;
+        const parentChildren = parentNode.children;
+        // tslint:disable-next-line:prefer-for-of
+        for (let i = 0; i < parentChildren.length; i++) {
+            index.clearElementStyles(parentChildren[i]);
+            delete sharedData.ElementIdToTransitioning[parentChildren[i].id];
+        }
+    }, [arrItems.length]);
+    const containerClassNames = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_resodnd_arraysorter_dragzone_container: true,
+        [`resoui_resodnd_arraysorter_dragzone_container_${orientation}`]: true,
+        resoui_resodnd_arraysorter_dragzone_container_wrap: horizontalWrap === true,
+    }, spacingsProps), rootClassName, {
+        resoui_no_select: true,
+    }));
+    const removeItemInArrayState = (deletedItemIndex, item) => {
+        if (typeof onDeleteSetArrOverride === "function") {
+            return onDeleteSetArrOverride(deletedItemIndex, item, arrItems);
+        }
+        const updatedArr = arrItems.filter((_arrItems, idx) => idx !== deletedItemIndex);
+        setArrItems(updatedArr);
+        if (typeof onDeleteArrUpdated === "function") {
+            onDeleteArrUpdated(updatedArr, item, deletedItemIndex);
+        }
+    };
+    const handleDelete = (domId, item) => {
+        var _a;
+        if (readOnly)
+            return;
+        if (!allowDelete)
+            return;
+        if ((_a = Object.entries(sharedData.ElementIdToTransitioning)) === null || _a === void 0 ? void 0 : _a.length)
+            return;
+        const parentNode = dragzoneRef.current;
+        if (!parentNode)
+            return;
+        const deletedItem = document.getElementById(domId);
+        if (!deletedItem || !parentNode.contains(deletedItem)) {
+            return;
+        }
+        const deletedItemIndex = Array.prototype.indexOf.call(deletedItem.parentNode.children, deletedItem);
+        if (deletedItemIndex === parentNode.children.length - 1) {
+            // eslint-disable-next-line react-hooks/immutability
+            sharedData.ElementIdToTransitioning[deletedItem.id] = true;
+            index.animateElementRemoval(deletedItem, orientation === "horizontal" ? "up" : "left", {
+                onTransitionEnd: (_ev) => {
+                    removeItemInArrayState(deletedItemIndex, item);
+                    delete sharedData.ElementIdToTransitioning[deletedItem.id];
+                },
+            });
+            return;
+        }
+        // eslint-disable-next-line react-hooks/immutability
+        sharedData.ElementIdToTransitioning[deletedItem.id] = true;
+        index.animateElementRemoval(deletedItem, orientation === "horizontal" ? "up" : "left", {
+            onTransitionEnd: (_ev) => {
+                delete sharedData.ElementIdToTransitioning[deletedItem.id];
+            },
+        });
+        // tslint:disable-next-line:prefer-for-of
+        for (let i = deletedItemIndex + 1; i < parentNode.children.length; i++) {
+            const element = parentNode.children[i];
+            index.clearElementStyles(element);
+            if (orientation === "horizontal" && leftEdgeIndices.includes(i)) {
+                // eslint-disable-next-line react-hooks/immutability
+                sharedData.ElementIdToTransitioning[element.id] = true;
+                const edgeTranslateXVal = edgeTranslateX;
+                index.animateElementMovement(element, {
+                    x: `${edgeTranslateXVal}px`,
+                    y: `-${edgeTranslateY}px`,
+                }, {
+                    onTransitionEnd: (_tev) => {
+                        removeItemInArrayState(deletedItemIndex, item);
+                        delete sharedData.ElementIdToTransitioning[element.id];
+                    },
+                    clearElementStylesOnTransitionEnd: false,
+                });
+            }
+            else {
+                const t = orientation === "horizontal"
+                    ? deletedItem.getBoundingClientRect().width +
+                        childItemMargins.left +
+                        childItemMargins.right
+                    : deletedItem.getBoundingClientRect().height +
+                        childItemMargins.bottom;
+                const tValues = orientation === "horizontal"
+                    ? {
+                        x: `-${t}px`,
+                    }
+                    : {
+                        y: `-${t}px`,
+                    };
+                // eslint-disable-next-line react-hooks/immutability
+                sharedData.ElementIdToTransitioning[element.id] = true;
+                index.animateElementMovement(element, tValues, {
+                    onTransitionEnd: (_tev) => {
+                        removeItemInArrayState(deletedItemIndex, item);
+                        delete sharedData.ElementIdToTransitioning[element.id];
+                    },
+                    clearElementStylesOnTransitionEnd: false,
+                });
+            }
+        }
+    };
+    const handleDropCancel = () => {
+        if (typeof onCancelDrag === "function") {
+            onCancelDrag();
+        }
+        // revert the children
+        const parentNode = dragzoneRef.current;
+        if (!parentNode)
+            return;
+        if (!(sharedData.InitialDragzoneChildren === null || sharedData.InitialDragzoneChildren === void 0 ? void 0 : sharedData.InitialDragzoneChildren.length))
+            return;
+        // tslint:disable-next-line:prefer-for-of
+        for (let i = 0; i < sharedData.InitialDragzoneChildren.length; i++) {
+            const currentEl = sharedData.InitialDragzoneChildren[i];
+            parentNode.appendChild(currentEl);
+            index.clearElementStyles(currentEl);
+            delete sharedData.ElementLastTranslation[currentEl.id];
+            delete sharedData.ElementIdToTransitioning[currentEl.id];
+        }
+    };
+    return (React.createElement(DndArraySorterContext.ResoDndArraySorterContext.Provider, { value: {
+            wrapFactor,
+            setWrapFactor,
+            leftEdgeIndices,
+            setLeftEdgeIndices,
+            rightEdgeIndices,
+            setRightEdgeIndices,
+            edgeTranslateX,
+            setEdgeTranslateX,
+            edgeTranslateY,
+            setEdgeTranslateY,
+            childItemMargins,
+            setChildItemMargins,
+        } },
+        React.createElement("div", { ref: dragzoneRef, "data-testid": "dndarraysorter-root", id: dropTargetId, className: containerClassNames, style: rootStyles || {}, onDragOver: (event) => {
+                if (readOnly === true)
+                    return;
+                if (!(dragzoneRef === null || dragzoneRef === void 0 ? void 0 : dragzoneRef.current))
+                    return;
+                if (!accepts.includes(draggedDraggableItemKey))
+                    return;
+                if (!event.dataTransfer.types.includes(draggableItemKey))
+                    return;
+                event.preventDefault();
+            }, onDrop: (event) => {
+                if (readOnly === true)
+                    return;
+                if (!event.dataTransfer.types.includes(draggableItemKey))
+                    return;
+                if (!accepts.includes(draggedDraggableItemKey))
+                    return;
+                event.preventDefault();
+                const parentNode = dragzoneRef.current;
+                if (!parentNode)
+                    return;
+                const draggedItem = document.getElementById(draggedDraggableItemKey);
+                const draggedItemInitialId = event.dataTransfer.getData("resodnd-initial-dragged-item-id");
+                const itemId = index.getArrItemId(draggedItemInitialId);
+                const initialIndex = arrItems.findIndex((i) => i[identifierKey] === itemId);
+                const newIndex = Array.prototype.indexOf.call(parentNode.children, draggedItem);
+                // reset the id
+                draggedItem.id = draggedItemInitialId;
+                if (typeof onDropSetArrOverride === "function") {
+                    onDropSetArrOverride(arrItems);
+                }
+                else {
+                    const updatedArr = [...arrItems];
+                    const [movedItem] = updatedArr.splice(initialIndex, 1);
+                    updatedArr.splice(newIndex, 0, movedItem);
+                    // manipulate array
+                    setArrItems(updatedArr);
+                    if (typeof onDropArrUpdated === "function") {
+                        onDropArrUpdated(updatedArr, movedItem, initialIndex, newIndex);
+                    }
+                }
+                sharedData.clearElementTransitioning();
+            }, onDragLeave: (event) => {
+                if (readOnly === true)
+                    return;
+                event.preventDefault();
+            }, onDragEnd: (event) => {
+                if (readOnly === true)
+                    return;
+                if (event.dataTransfer.dropEffect === "none") {
+                    handleDropCancel();
+                }
+            } }, arrItems.map((item, idx) => {
+            return (React.createElement(DndArraySorterDraggableWrapper.default, { ref: dragzoneRef, key: `draggable-item-${item[identifierKey]}`, dropTargetId: dropTargetId, draggedDraggableItemKey: draggedDraggableItemKey, draggableItemKey: draggableItemKey, itemId: item[identifierKey], orientation: orientation, rootClassName: draggableItemWrapperClassName, rootStyles: draggableItemWrapperStyles, onClick: readOnly && typeof onClickItem === "function"
+                    ? () => onClickItem(item, idx)
+                    : undefined, readOnly: readOnly, allowDelete: allowDelete, onDelete: (domId) => {
+                    handleDelete(domId, item);
+                } }, renderDraggableItem(item, idx)));
+        }))));
+};
+
+exports.DndArraySorter = DndArraySorter;
+//# sourceMappingURL=Dnd-Array-Sorter.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dnd-Array-Sorter.js","sources":["../../../../../src/library/components/Dnd/Dnd-Array-Sorter/Dnd-Array-Sorter.tsx"],"sourcesContent":[null],"names":["DEFAULT_DRAGGED_DRAGGABLE_ITEM_KEY","useRef","useState","useDndArraySorter","useEffect","getArrItemId","clearElementStyles","ElementIdToTransitioning","createComponentStyles","createLayoutStyles","withSpacingsProps","animateElementRemoval","animateElementMovement","InitialDragzoneChildren","ElementLastTranslation","ResoDndArraySorterContext","clearElementTransitioning","DndArraySorterDraggableWrapper"],"mappings":"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"}

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/constants/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const RESODND_DOM_ID_PREFIX = "resodnd-draggable-item-";
+const DEFAULT_DRAGGED_DRAGGABLE_ITEM_KEY = "resodnd-arraysorter-dragged-item";
+
+exports.DEFAULT_DRAGGED_DRAGGABLE_ITEM_KEY = DEFAULT_DRAGGED_DRAGGABLE_ITEM_KEY;
+exports.RESODND_DOM_ID_PREFIX = RESODND_DOM_ID_PREFIX;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/constants/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,MAAM,qBAAqB,GAAG;AAE9B,MAAM,kCAAkC,GAC7C;;;;;"}