@neo4j-ndl/react 2.9.4 → 2.10.0

package/lib/esm/tree-view/TreeItemWrapper.js

@@ -0,0 +1,172 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import classNames from 'classnames';
+import React, { useRef } from 'react';
+import { findFocusableChildren, findFocusableSibling } from '../_common/utils';
+import { DragIcon } from '../icons';
+import { Trail } from './TreeViewTrail';
+import { focusCellInNextRow, focusCellInPreviousRow, focusNextRow, focusPreviousRow, } from './tree-view-keyboard-helpers';
+/**
+ * Handles keydown events for when the item itself is focused (wrapperRef.current)
+ * Moves the focus between the item and its children as well as toggles collapsing of the item
+ * @param event
+ * @param shouldDisableInteraction
+ * @param wrapperRef
+ * @param onCollapse
+ * @param item
+ * @returns
+ */
+const onWrapperKeyDown = (event, shouldDisableInteraction, wrapperRef, onCollapse, item) => {
+    if (shouldDisableInteraction || wrapperRef.current === null) {
+        return;
+    }
+    if (event.key === 'Enter' && onCollapse) {
+        onCollapse();
+    }
+    else if (event.key === 'ArrowRight') {
+        event.preventDefault();
+        if (item.canHaveSubItems && item.isCollapsed && onCollapse) {
+            onCollapse();
+        }
+        else {
+            const focusable = findFocusableChildren(wrapperRef.current);
+            const [firstElement] = focusable;
+            if (firstElement instanceof HTMLElement) {
+                firstElement.focus();
+            }
+        }
+        event.preventDefault();
+    }
+    else if (event.key === 'ArrowLeft') {
+        event.preventDefault();
+        if (item.canHaveSubItems && !item.isCollapsed && onCollapse) {
+            onCollapse();
+        }
+        else {
+            focusPreviousRow(wrapperRef.current);
+        }
+    }
+    else if (event.key === 'ArrowDown') {
+        event.preventDefault();
+        focusNextRow(wrapperRef.current);
+    }
+    else if (event.key === 'ArrowUp') {
+        event.preventDefault();
+        focusPreviousRow(wrapperRef.current);
+    }
+};
+/**
+ * Handles keydown events for when one of the items children is focused
+ * Moves the focus between the children of the item and up to the parent if needed.
+ * Stops the event from propagating to the parent since it has it own keydown handler
+ * The parent is the wrapperRef.current and uses onWrapperKeyDown
+ * @param event
+ * @param shouldDisableInteraction
+ * @param wrapperRef
+ */
+const onInnerDivKeyDown = (event, shouldDisableInteraction, wrapperRef) => {
+    var _a;
+    if (shouldDisableInteraction) {
+        return;
+    }
+    event.stopPropagation();
+    if (event.key === 'ArrowRight') {
+        event.preventDefault();
+        const nextElement = findFocusableSibling(wrapperRef, 'next');
+        if (nextElement) {
+            nextElement.focus();
+        }
+    }
+    else if (event.key === 'ArrowLeft') {
+        event.preventDefault();
+        const previousElement = findFocusableSibling(wrapperRef, 'prev');
+        if (previousElement) {
+            previousElement.focus();
+        }
+        else {
+            (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    else if (event.key === 'ArrowDown' && wrapperRef.current !== null) {
+        event.preventDefault();
+        focusCellInNextRow(wrapperRef.current);
+    }
+    else if (event.key === 'ArrowUp' && wrapperRef.current !== null) {
+        event.preventDefault();
+        focusCellInPreviousRow(wrapperRef.current);
+    }
+    else if (event.shiftKey && event.key === 'Tab') {
+        const previousElement = findFocusableSibling(wrapperRef, 'prev');
+        if (previousElement) {
+            event.preventDefault();
+            previousElement.focus();
+        }
+    }
+    else if (event.key === 'Tab') {
+        if (event.shiftKey) {
+            return;
+        }
+        const nextElement = findFocusableSibling(wrapperRef, 'next');
+        if (nextElement) {
+            nextElement.focus();
+            event.preventDefault();
+        }
+    }
+};
+/**
+ * Used as a helper function to wrap the TreeItem component
+ * This adds the drag handle and trail to the start of a tree item.
+ * Useful if you want to add additional functionality to the tree item but still keep the drag handle and trail
+ * Is also used internally to create the TreeViewTextItem component
+ */
+export const TreeItemWrapper = React.forwardRef(function TreeItemWrapper(_a, ref) {
+    var { depth, shouldDisableInteraction, shouldDisableSorting, isGhost, isIndicator, onCollapse, item, setNodeRef, setActivatorNodeRef, dragHandleProps, style, trails, children, indentationWidth, tabIndex, onFocus } = _a, 
+    // Need to destruct to avoid passing it to the component
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    restProps = __rest(_a, ["depth", "shouldDisableInteraction", "shouldDisableSorting", "isGhost", "isIndicator", "onCollapse", "item", "setNodeRef", "setActivatorNodeRef", "dragHandleProps", "style", "trails", "children", "indentationWidth", "tabIndex", "onFocus"]);
+    const wrapperRef = useRef(null);
+    return (_jsx("li", { ref: (el) => {
+            wrapperRef.current = el;
+            if (el === null)
+                return;
+            setNodeRef(el);
+        }, className: classNames({
+            'ndl-tree-view-list-item': true,
+            indicator: isIndicator,
+            'ndl-tree-view-list-item-placeholder': isGhost,
+            'ndl-tree-view-list-item-disable-interaction': shouldDisableInteraction,
+        }), style: Object.assign(Object.assign({}, style), { paddingLeft: isIndicator ? `${depth * indentationWidth}px` : 0 }), role: "treeitem", onFocus: onFocus, "aria-selected": item.isSelected, "aria-expanded": item.canHaveSubItems ? !item.isCollapsed : undefined, onKeyDown: (event) => onWrapperKeyDown(event, shouldDisableInteraction !== null && shouldDisableInteraction !== void 0 ? shouldDisableInteraction : false, wrapperRef, onCollapse, item), children: _jsxs("div", { role: "presentation", className: "ndl-tree-view-list-item-content", ref: ref, onKeyDown: (event) => onInnerDivKeyDown(event, shouldDisableInteraction !== null && shouldDisableInteraction !== void 0 ? shouldDisableInteraction : false, wrapperRef), children: [!shouldDisableSorting && (_jsx("button", Object.assign({ className: "ndl-tree-view-drag-handle", ref: setActivatorNodeRef, "aria-label": "pick up" }, dragHandleProps, { tabIndex: tabIndex, children: _jsx(DragIcon, {}) }))), trails.map((trail, index) => {
+                    return _jsx(Trail, { variant: trail }, index);
+                }), children] }) }));
+});
+//# sourceMappingURL=TreeItemWrapper.js.map

package/lib/esm/tree-view/TreeItemWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemWrapper.js","sourceRoot":"","sources":["../../../src/tree-view/TreeItemWrapper.tsx"],"names":[],"mappings":"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"}

package/lib/esm/tree-view/TreeView.js

@@ -0,0 +1,310 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { DndContext, DragOverlay, KeyboardSensor, MeasuringStrategy, PointerSensor, closestCenter, defaultDropAnimation, useSensor, useSensors, } from '@dnd-kit/core';
+import { SortableContext, arrayMove, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { TreeItemWrapper } from './TreeItemWrapper';
+import { SortableTreeViewItem } from './TreeViewItem';
+import { TreeViewTextItem } from './TreeViewTextItem';
+import { sortableTreeKeyboardCoordinates } from './tree-view-keyboard-coordinates';
+import { buildTree, flattenTree, getProjection, removeChildrenOf, transformToString, } from './tree-view-utils';
+const indentationWidth = 20;
+const ACTIVE_PLACEHOLDER_ID = 'ndl-active-tree-item';
+const dropAnimationConfig = {
+    keyframes({ transform }) {
+        return [
+            {
+                opacity: 1,
+                transform: transformToString(transform.initial),
+            },
+            {
+                opacity: 0,
+                transform: transformToString(Object.assign(Object.assign({}, transform.final), { y: transform.final.y + 5, x: transform.final.x + 5 })),
+            },
+        ];
+    },
+    easing: 'ease-out',
+    sideEffects({ active }) {
+        active.node.animate([{ opacity: 0 }, { opacity: 1 }], {
+            duration: defaultDropAnimation.duration,
+            easing: defaultDropAnimation.easing,
+        });
+    },
+};
+export const TreeView = (_a) => {
+    var _b;
+    var { items, TreeItemComponent, onItemsChanged } = _a, rest = __rest(_a, ["items", "TreeItemComponent", "onItemsChanged"]);
+    const flattenItems = useMemo(() => flattenTree(items), [items]);
+    const [activeId, setActiveId] = useState(null);
+    const [overId, setOverId] = useState(null);
+    const [focusedRowId, setFocusedRowId] = useState(null);
+    const [currentPosition, setCurrentPosition] = useState(null);
+    const [offsetLeft, setOffsetLeft] = useState(0);
+    /* ------------------------------ Setup of Data ------------------------------ */
+    const flattenedAndRemovedCollapsedItems = useMemo(() => {
+        const collapsedItemsIds = flattenItems
+            .filter((item) => item.canHaveSubItems && item.isCollapsed)
+            .map((item) => item.id);
+        return removeChildrenOf([...flattenItems], activeId !== null ? [activeId, ...collapsedItemsIds] : collapsedItemsIds);
+    }, [activeId, flattenItems]);
+    const activeItem = useMemo(() => (activeId ? flattenItems.find(({ id }) => id === activeId) : null), [activeId, flattenItems]);
+    const flattenedAndRemovedCollapsedItemsWithActive = useMemo(() => {
+        const collapsedItems = flattenItems.reduce((acc, item) => {
+            if (item.canHaveSubItems && item.isCollapsed) {
+                return [...acc, item.id];
+            }
+            return acc;
+        }, []);
+        const ItemsWithCollapsedRemoved = removeChildrenOf(flattenItems, activeId ? [activeId, ...collapsedItems] : collapsedItems);
+        const newArray = [];
+        for (const item of ItemsWithCollapsedRemoved) {
+            newArray.push(item);
+            if (item.id === activeId) {
+                newArray.push(Object.assign(Object.assign({}, item), { id: ACTIVE_PLACEHOLDER_ID }));
+            }
+        }
+        return newArray;
+    }, [flattenItems, activeId]);
+    activeItem && activeItem.canHaveSubItems && !activeItem.isCollapsed
+        ? flattenedAndRemovedCollapsedItems.concat(Object.assign(Object.assign({}, activeItem), { id: ACTIVE_PLACEHOLDER_ID }))
+        : flattenedAndRemovedCollapsedItems;
+    const sensorContext = useRef({
+        items: flattenedAndRemovedCollapsedItemsWithActive,
+        offset: offsetLeft,
+    });
+    const coordinateGetter = useMemo(() => {
+        sensorContext.current.items = flattenedAndRemovedCollapsedItemsWithActive;
+        sensorContext.current.offset = offsetLeft;
+        return sortableTreeKeyboardCoordinates(sensorContext, true, indentationWidth);
+    }, [flattenedAndRemovedCollapsedItemsWithActive, offsetLeft]);
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: coordinateGetter,
+    }));
+    const projected = useMemo(() => activeId && overId
+        ? getProjection(flattenedAndRemovedCollapsedItemsWithActive, activeId, overId, offsetLeft, indentationWidth)
+        : null, [activeId, overId, flattenedAndRemovedCollapsedItemsWithActive, offsetLeft]);
+    /* ------------------------------ Handlers ------------------------------ */
+    function handleDragStart({ active }) {
+        const activeId = active.id;
+        setActiveId(activeId);
+        setOverId(activeId);
+        const activeItem = flattenItems.find(({ id }) => id === activeId);
+        if (activeItem) {
+            setCurrentPosition({
+                parentId: activeItem.parentId,
+                overId: activeId,
+            });
+        }
+        document.body.style.setProperty('cursor', 'grabbing');
+    }
+    function handleDragMove({ delta }) {
+        setOffsetLeft(delta.x);
+    }
+    function handleDragOver({ over }) {
+        var _a;
+        setOverId((_a = over === null || over === void 0 ? void 0 : over.id) !== null && _a !== void 0 ? _a : null);
+    }
+    function resetState() {
+        setOverId(null);
+        setActiveId(null);
+        setOffsetLeft(0);
+        setCurrentPosition(null);
+        document.body.style.setProperty('cursor', '');
+    }
+    const handleDragEnd = useCallback((event) => {
+        const { active, over } = event;
+        resetState();
+        let overIndex = flattenItems.findIndex((item) => item.id === (over === null || over === void 0 ? void 0 : over.id));
+        if ((over === null || over === void 0 ? void 0 : over.id) === ACTIVE_PLACEHOLDER_ID) {
+            overIndex = flattenItems.findIndex((item) => item.id === active.id);
+        }
+        if (projected && over) {
+            const { depth, parentId } = projected;
+            const clonedItems = [...flattenItems];
+            const parentIndex = clonedItems.findIndex((item) => item.id === parentId);
+            const activeIndex = clonedItems.findIndex(({ id }) => id === active.id);
+            const activeTreeItem = clonedItems[activeIndex];
+            clonedItems[activeIndex] = Object.assign(Object.assign({}, activeTreeItem), { depth, parentId });
+            const parentItem = clonedItems[parentIndex];
+            if (parentItem && parentItem.canHaveSubItems) {
+                clonedItems[parentIndex] = Object.assign(Object.assign({}, parentItem), { isCollapsed: false });
+            }
+            const newItems = buildTree(arrayMove(clonedItems, activeIndex, overIndex));
+            onItemsChanged(newItems, {
+                reason: 'dropped',
+                item: activeTreeItem,
+            });
+        }
+    }, [flattenItems, onItemsChanged, projected]);
+    function handleToggleCollapse(id) {
+        const item = flattenItems.find((item) => item.id === id);
+        if (!item || item.canHaveSubItems !== true)
+            return;
+        onItemsChanged(buildTree(flattenItems.map((item) => {
+            if (item.id === id && item.canHaveSubItems === true) {
+                return Object.assign(Object.assign({}, item), { isCollapsed: !item.isCollapsed });
+            }
+            return item;
+        })), {
+            reason: item.isCollapsed ? 'expanded' : 'collapsed',
+            item,
+        });
+    }
+    function handleDragCancel() {
+        resetState();
+    }
+    /* ------------------------------ Keyboard functions ------------------------------ */
+    const getMovementAnnouncement = (eventName, activeId, overId) => {
+        if (overId && projected) {
+            if (eventName !== 'onDragEnd') {
+                if (currentPosition &&
+                    projected.parentId === currentPosition.parentId &&
+                    overId === currentPosition.overId) {
+                    return;
+                }
+                else {
+                    setCurrentPosition({
+                        parentId: projected.parentId,
+                        overId,
+                    });
+                }
+            }
+            const clonedItems = [
+                ...flattenedAndRemovedCollapsedItemsWithActive,
+            ];
+            const overIndex = clonedItems.findIndex(({ id }) => id === overId);
+            const activeIndex = clonedItems.findIndex(({ id }) => id === activeId);
+            const sortedItems = arrayMove(clonedItems, activeIndex, overIndex);
+            const previousItem = sortedItems[overIndex - 1];
+            let announcement;
+            const movedVerb = eventName === 'onDragEnd' ? 'dropped' : 'moved';
+            const nestedVerb = eventName === 'onDragEnd' ? 'dropped' : 'nested';
+            if (!previousItem) {
+                const nextItem = sortedItems[overIndex + 1];
+                announcement = `${activeId} was ${movedVerb} before ${nextItem.id}.`;
+            }
+            else {
+                if (projected.depth > previousItem.depth) {
+                    announcement = `${activeId} was ${nestedVerb} under ${previousItem.id}.`;
+                }
+                else {
+                    let previousSibling = previousItem;
+                    while (previousSibling && projected.depth < previousSibling.depth) {
+                        const parentId = previousSibling.parentId;
+                        previousSibling = sortedItems.find(({ id }) => id === parentId);
+                    }
+                    if (previousSibling) {
+                        announcement = `${activeId} was ${movedVerb} after ${previousSibling.id}.`;
+                    }
+                }
+            }
+            return announcement;
+        }
+        return;
+    };
+    const announcements = {
+        onDragStart({ active }) {
+            return `Picked up ${active.id}.`;
+        },
+        onDragMove({ active, over }) {
+            return getMovementAnnouncement('onDragMove', active.id, over === null || over === void 0 ? void 0 : over.id);
+        },
+        onDragOver({ active, over }) {
+            return getMovementAnnouncement('onDragOver', active.id, over === null || over === void 0 ? void 0 : over.id);
+        },
+        onDragEnd({ active, over }) {
+            return getMovementAnnouncement('onDragEnd', active.id, over === null || over === void 0 ? void 0 : over.id);
+        },
+        onDragCancel({ active }) {
+            return `Moving was cancelled. ${active.id} was dropped in its original position.`;
+        },
+    };
+    /* ------------------------------ Visual ------------------------------ */
+    function getTrailList() {
+        const trails = {};
+        //Loop through the items in reverse
+        [...flattenedAndRemovedCollapsedItemsWithActive]
+            .reverse()
+            .forEach((item, itemIndex, reversedList) => {
+            const trailList = [];
+            const nextItem = reversedList[itemIndex - 1];
+            //Loop through the depth of the item
+            for (let trailDepth = 0; trailDepth < item.depth; trailDepth++) {
+                //Not closest to the item so should be straight or none
+                if (trailDepth < item.depth - 1) {
+                    if (nextItem === undefined) {
+                        trailList.push('none');
+                        continue;
+                    }
+                    else if (trails[nextItem === null || nextItem === void 0 ? void 0 : nextItem.id][trailDepth] === 'none') {
+                        trailList.push('none');
+                        continue;
+                    }
+                    else if (nextItem && nextItem.depth <= trailDepth) {
+                        trailList.push('none');
+                        continue;
+                    }
+                    trailList.push('straight');
+                }
+                else {
+                    if ((nextItem && trails[nextItem === null || nextItem === void 0 ? void 0 : nextItem.id][trailDepth] === 'none') ||
+                        nextItem === undefined ||
+                        nextItem.depth <= trailDepth) {
+                        trailList.push('curved');
+                    }
+                    else {
+                        trailList.push('straight-curved');
+                    }
+                }
+            }
+            trails[item.id] = trailList;
+        });
+        return trails;
+    }
+    const measuring = {
+        droppable: {
+            strategy: MeasuringStrategy.Always,
+        },
+    };
+    const trails = getTrailList();
+    const rowIdWithFocus = focusedRowId !== null && focusedRowId !== void 0 ? focusedRowId : (_b = flattenedAndRemovedCollapsedItemsWithActive[0]) === null || _b === void 0 ? void 0 : _b.id;
+    return (_jsx(DndContext, { accessibility: { announcements }, sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, onDragStart: handleDragStart, onDragMove: handleDragMove, onDragOver: handleDragOver, onDragCancel: handleDragCancel, measuring: measuring, children: _jsxs(SortableContext, { items: flattenedAndRemovedCollapsedItemsWithActive.map((item) => item.id), strategy: verticalListSortingStrategy, children: [_jsx("ol", Object.assign({ className: "ndl-tree-view-list", role: "tree" }, rest, { children: flattenedAndRemovedCollapsedItemsWithActive.map((item) => {
+                        var _a;
+                        return (_jsx(SortableTreeViewItem, { depth: item.id === activeId && projected ? projected.depth : item.depth, indentationWidth: indentationWidth, item: item, isLast: false, parent: (_a = flattenItems.find((i) => i.id === item.parentId)) !== null && _a !== void 0 ? _a : null, id: item.id, trails: trails[item.id], keepGhostInPlace: item.id === ACTIVE_PLACEHOLDER_ID, TreeItemComponent: TreeItemComponent === undefined
+                                ? TreeViewTextItem
+                                : TreeItemComponent, onCollapse: () => handleToggleCollapse(item.id), onItemsChanged: (newItems, itemChangedReason) => onItemsChanged(buildTree(newItems), itemChangedReason), items: flattenItems, tabIndex: item.id === rowIdWithFocus ? 0 : -1, onFocus: () => setFocusedRowId(item.id), shouldDisableSorting: item.isSortable === false }, item.id));
+                    }) })), createPortal(_jsx(DragOverlay, { dropAnimation: dropAnimationConfig }), document.body)] }) }));
+};
+TreeView.TreeItemWrapper = TreeItemWrapper;
+//# sourceMappingURL=TreeView.js.map

package/lib/esm/tree-view/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../src/tree-view/TreeView.tsx"],"names":[],"mappings":"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"}

package/lib/esm/tree-view/TreeViewItem.js

@@ -0,0 +1,63 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSortable, } from '@dnd-kit/sortable';
+import React, { useMemo } from 'react';
+import { transformToString } from './tree-view-utils';
+const animateLayoutChanges = ({ isSorting, isDragging, }) => (isSorting || isDragging ? false : true);
+const SortableTreeViewItemNotMemoized = function SortableTreeViewItem(_a) {
+    var { id, depth, isLast, TreeItemComponent, parent, shouldDisableSorting, 
+    // need to destruct to avoid passing it to the component
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    sortableProps, keepGhostInPlace, item, onCollapse, trails, onItemsChanged, items, tabIndex, onFocus } = _a, restProps = __rest(_a, ["id", "depth", "isLast", "TreeItemComponent", "parent", "shouldDisableSorting", "sortableProps", "keepGhostInPlace", "item", "onCollapse", "trails", "onItemsChanged", "items", "tabIndex", "onFocus"]);
+    const { attributes, listeners, setNodeRef, transform, setActivatorNodeRef, transition, isDragging, isSorting, isOver, } = useSortable({
+        id: id,
+        animateLayoutChanges,
+        transition: {
+            duration: 150,
+            easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
+        },
+    });
+    const style = {
+        transform: transform ? transformToString(transform) : undefined,
+        transition: transition !== null && transition !== void 0 ? transition : undefined,
+    };
+    const localCollapse = useMemo(() => {
+        if (!onCollapse)
+            return undefined;
+        return () => onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(item.id);
+    }, [item.id, onCollapse]);
+    return (_jsx(TreeItemComponent, Object.assign({ item: item, isOverParent: false }, restProps, { setActivatorNodeRef: setActivatorNodeRef, setNodeRef: setNodeRef, style: style, depth: depth, isGhost: keepGhostInPlace, shouldDisableInteraction: isSorting, isLastInParent: isLast, parent: parent, dragHandleProps: Object.assign(Object.assign({}, attributes), listeners), isIndicator: isDragging, onCollapse: localCollapse, onItemsChanged: onItemsChanged, items: items, shouldDisableSorting: shouldDisableSorting, isOver: isOver, trails: trails, tabIndex: tabIndex, onFocus: onFocus })));
+};
+export const SortableTreeViewItem = React.memo(SortableTreeViewItemNotMemoized);
+//# sourceMappingURL=TreeViewItem.js.map

package/lib/esm/tree-view/TreeViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewItem.js","sourceRoot":"","sources":["../../../src/tree-view/TreeViewItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAqBA,OAAO,EAGL,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,EAAsB,OAAO,EAAE,MAAM,OAAO,CAAC;AAO3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAkBtD,MAAM,oBAAoB,GAAyB,CAAC,EAClD,SAAS,EACT,UAAU,GACX,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAqB/C,MAAM,+BAA+B,GAAG,SAAS,oBAAoB,CAGnE,EAmB4B;QAnB5B,EACA,EAAE,EACF,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,MAAM,EACN,oBAAoB;IACpB,wDAAwD;IACxD,6DAA6D;IAC7D,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,cAAc,EACd,KAAK,EACL,QAAQ,EACR,OAAO,OAEqB,EADzB,SAAS,cAlBZ,uMAmBD,CADa;IAEZ,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,SAAS,EACT,MAAM,GACP,GAAG,WAAW,CAAC;QACd,EAAE,EAAE,EAAE;QACN,oBAAoB;QACpB,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,+BAA+B;SACxC;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;QAC/D,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS;KACpC,CAAC;IACF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,KAAC,iBAAiB,kBAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,IACf,SAAS,IACb,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,gBAAgB,EACzB,wBAAwB,EAAE,SAAS,EACnC,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,kCACV,UAAU,GACV,SAAS,GAEd,WAAW,EAAE,UAAU,EACvB,UAAU,EAAE,aAAa,EACzB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAC5C,+BAA+B,CACU,CAAC"}