react-arborist 0.1.14 → 0.2.0-beta.0

package/dist/lib/components/row.js

@@ -1,122 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var context_1 = require("../context");
-var drag_hook_1 = require("../dnd/drag-hook");
-var drop_hook_1 = require("../dnd/drop-hook");
-exports.Row = react_1.default.memo(function Row(_a) {
-    var index = _a.index, style = _a.style;
-    var tree = (0, context_1.useStaticContext)();
-    var selected = (0, context_1.useIsSelected)();
-    var node = tree.api.visibleNodes[index];
-    var next = tree.api.visibleNodes[index + 1] || null;
-    var prev = tree.api.visibleNodes[index - 1] || null;
-    var cursorParentId = (0, context_1.useCursorParentId)();
-    var cursorOverFolder = (0, context_1.useIsCursorOverFolder)();
-    var el = (0, react_1.useRef)(null);
-    var _b = (0, drag_hook_1.useDragHook)(node), isDragging = _b[0].isDragging, dragRef = _b[1];
-    var _c = (0, drop_hook_1.useDropHook)(el, node, prev, next), dropRef = _c[1];
-    var isEditing = node.id === (0, context_1.useEditingId)();
-    var isSelected = selected(index);
-    var nextSelected = next && selected(index + 1);
-    var prevSelected = prev && selected(index - 1);
-    var isHoveringOverChild = node.id === cursorParentId;
-    var isOverFolder = node.id === cursorParentId && cursorOverFolder;
-    var isOpen = node.isOpen;
-    var indent = tree.indent * node.level;
-    var state = (0, react_1.useMemo)(function () {
-        return {
-            isEditing: isEditing,
-            isDragging: isDragging,
-            isFirstOfSelected: isSelected && !prevSelected,
-            isLastOfSelected: isSelected && !nextSelected,
-            isSelected: isSelected,
-            isHoveringOverChild: isHoveringOverChild,
-            isOpen: isOpen,
-            isOverFolder: isOverFolder,
-        };
-    }, [
-        isEditing,
-        isSelected,
-        prevSelected,
-        nextSelected,
-        isHoveringOverChild,
-        isOpen,
-        isDragging,
-        isOverFolder,
-    ]);
-    var ref = (0, react_1.useCallback)(function (n) {
-        el.current = n;
-        dragRef(dropRef(n));
-    }, [dragRef, dropRef]);
-    var styles = (0, react_1.useMemo)(function () { return ({
-        row: __assign({}, style),
-        indent: { paddingLeft: indent },
-    }); }, [indent, style]);
-    var handlers = (0, react_1.useMemo)(function () {
-        return {
-            select: function (e, selectOnClick) {
-                if (selectOnClick === void 0) { selectOnClick = true; }
-                if (node.rowIndex === null)
-                    return;
-                if (selectOnClick || e.metaKey || e.shiftKey) {
-                    tree.api.select(node.rowIndex, e.metaKey, e.shiftKey);
-                }
-                else {
-                    tree.api.select(null, false, false);
-                }
-            },
-            toggle: function (e) {
-                e.stopPropagation();
-                tree.onToggle(node.id, !node.isOpen);
-            },
-            edit: function () {
-                tree.api.edit(node.id);
-            },
-            submit: function (name) {
-                if (name.trim())
-                    tree.onEdit(node.id, name);
-                tree.api.edit(null);
-            },
-            reset: function () {
-                tree.api.edit(null);
-            },
-        };
-    }, [tree, node]);
-    var Renderer = (0, react_1.useMemo)(function () {
-        return react_1.default.memo(tree.renderer);
-    }, [tree.renderer]);
-    return ((0, jsx_runtime_1.jsx)(Renderer, { innerRef: ref, data: node.model, styles: styles, state: state, handlers: handlers, preview: false, tree: tree.api }, void 0));
-});

package/dist/lib/components/tree.js

@@ -1,76 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tree = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var react_window_1 = require("react-window");
-var context_1 = require("../context");
-var enrich_tree_1 = require("../data/enrich-tree");
-var outer_drop_hook_1 = require("../dnd/outer-drop-hook");
-var provider_1 = require("../provider");
-var utils_1 = require("../utils");
-var drop_cursor_1 = require("./drop-cursor");
-var preview_1 = require("./preview");
-var row_1 = require("./row");
-var OuterElement = (0, react_1.forwardRef)(function Outer(props, ref) {
-    var children = props.children, rest = __rest(props, ["children"]);
-    var tree = (0, context_1.useStaticContext)();
-    return (
-    // @ts-ignore
-    (0, jsx_runtime_1.jsxs)("div", __assign({ ref: ref }, rest, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                    height: tree.api.visibleNodes.length * tree.rowHeight,
-                    width: "100%",
-                    overflow: "hidden",
-                    position: "absolute",
-                    left: "0",
-                    right: "0",
-                } }, { children: (0, jsx_runtime_1.jsx)(drop_cursor_1.DropCursor, {}, void 0) }), void 0), children] }), void 0));
-});
-function List(props) {
-    var tree = (0, context_1.useStaticContext)();
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { height: tree.height, width: tree.width, overflow: "hidden" } }, { children: (0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ className: props.className, outerRef: tree.listEl, itemCount: tree.api.visibleNodes.length, height: tree.height, width: tree.width, itemSize: tree.rowHeight, itemKey: function (index) { var _a; return ((_a = tree.api.visibleNodes[index]) === null || _a === void 0 ? void 0 : _a.id) || index; }, outerElementType: OuterElement, 
-            // @ts-ignore
-            ref: tree.list }, { children: row_1.Row }), void 0) }), void 0));
-}
-function OuterDrop(props) {
-    (0, outer_drop_hook_1.useOuterDrop)();
-    return props.children;
-}
-exports.Tree = (0, react_1.forwardRef)(function Tree(props, ref) {
-    var root = (0, react_1.useMemo)(function () {
-        return (0, enrich_tree_1.enrichTree)(props.data, props.hideRoot, props.getChildren, props.isOpen, props.disableDrag, props.disableDrop, props.openByDefault);
-    }, [
-        props.data,
-        props.hideRoot,
-        props.getChildren,
-        props.isOpen,
-        props.disableDrag,
-        props.disableDrop,
-        props.openByDefault,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(provider_1.TreeViewProvider, __assign({ imperativeHandle: ref, root: root, listEl: (0, react_1.useRef)(null), renderer: props.children, width: props.width === undefined ? 300 : props.width, height: props.height === undefined ? 500 : props.height, indent: props.indent === undefined ? 24 : props.indent, rowHeight: props.rowHeight === undefined ? 24 : props.rowHeight, onMove: props.onMove || utils_1.noop, onToggle: props.onToggle || utils_1.noop, onEdit: props.onEdit || utils_1.noop }, { children: (0, jsx_runtime_1.jsxs)(react_dnd_1.DndProvider, __assign({ backend: react_dnd_html5_backend_1.HTML5Backend }, { children: [(0, jsx_runtime_1.jsx)(OuterDrop, { children: (0, jsx_runtime_1.jsx)(List, { className: props.className }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(preview_1.Preview, {}, void 0)] }), void 0) }), void 0));
-});

package/dist/lib/context.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditingId = exports.EditingIdContext = exports.useIsSelected = exports.useSelectedIds = exports.SelectionContext = exports.useDispatch = exports.DispatchContext = exports.useStaticContext = exports.Static = exports.useCursorLocation = exports.CursorLocationContext = exports.useIsCursorOverFolder = exports.IsCursorOverFolder = exports.useCursorParentId = exports.CursorParentId = void 0;
-var react_1 = require("react");
-var selection_1 = require("./selection/selection");
-exports.CursorParentId = (0, react_1.createContext)(null);
-function useCursorParentId() {
-    return (0, react_1.useContext)(exports.CursorParentId);
-}
-exports.useCursorParentId = useCursorParentId;
-exports.IsCursorOverFolder = (0, react_1.createContext)(false);
-function useIsCursorOverFolder() {
-    return (0, react_1.useContext)(exports.IsCursorOverFolder);
-}
-exports.useIsCursorOverFolder = useIsCursorOverFolder;
-exports.CursorLocationContext = (0, react_1.createContext)(null);
-function useCursorLocation() {
-    return (0, react_1.useContext)(exports.CursorLocationContext);
-}
-exports.useCursorLocation = useCursorLocation;
-exports.Static = (0, react_1.createContext)(null);
-function useStaticContext() {
-    var value = (0, react_1.useContext)(exports.Static);
-    if (!value)
-        throw new Error("Context must be in a provider");
-    return value;
-}
-exports.useStaticContext = useStaticContext;
-exports.DispatchContext = (0, react_1.createContext)(null);
-function useDispatch() {
-    var dispatch = (0, react_1.useContext)(exports.DispatchContext);
-    if (!dispatch)
-        throw new Error("No dispatch provided");
-    return dispatch;
-}
-exports.useDispatch = useDispatch;
-exports.SelectionContext = (0, react_1.createContext)(null);
-function useSelectedIds() {
-    var value = (0, react_1.useContext)(exports.SelectionContext);
-    if (!value)
-        throw new Error("Must provide selection context");
-    return value.ids;
-}
-exports.useSelectedIds = useSelectedIds;
-function useIsSelected() {
-    var value = (0, react_1.useContext)(exports.SelectionContext);
-    if (!value)
-        throw new Error("Must provide selection context");
-    var s = (0, react_1.useMemo)(function () { return selection_1.Selection.parse(value.data, []); }, [value.data]);
-    return function (i) { return s.contains(i); };
-}
-exports.useIsSelected = useIsSelected;
-exports.EditingIdContext = (0, react_1.createContext)(null);
-function useEditingId() {
-    return (0, react_1.useContext)(exports.EditingIdContext);
-}
-exports.useEditingId = useEditingId;

package/dist/lib/data/enrich-tree.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.enrichTree = void 0;
-function createNode(model, level, parent, children, isOpen, isDraggable, isDroppable) {
-    return {
-        id: model.id,
-        level: level,
-        parent: parent,
-        children: children,
-        isOpen: isOpen,
-        isDraggable: isDraggable,
-        isDroppable: isDroppable,
-        model: model,
-        rowIndex: null,
-    };
-}
-function access(obj, accessor) {
-    if (typeof accessor === "boolean") {
-        return accessor;
-    }
-    if (typeof accessor === "string") {
-        return obj[accessor];
-    }
-    return accessor(obj);
-}
-function enrichTree(model, hideRoot, getChildren, isOpen, disableDrag, disableDrop, openByDefault) {
-    if (hideRoot === void 0) { hideRoot = false; }
-    if (getChildren === void 0) { getChildren = "children"; }
-    if (isOpen === void 0) { isOpen = "isOpen"; }
-    if (disableDrag === void 0) { disableDrag = false; }
-    if (disableDrop === void 0) { disableDrop = false; }
-    if (openByDefault === void 0) { openByDefault = true; }
-    function visitSelfAndChildren(model, level, parent) {
-        var open = access(model, isOpen);
-        var draggable = !access(model, disableDrag);
-        var droppable = !access(model, disableDrop);
-        var node = createNode(model, level, parent, null, open === undefined ? openByDefault : open, draggable, droppable);
-        var children = access(model, getChildren);
-        if (children) {
-            node.children = children.map(function (child) {
-                return visitSelfAndChildren(child, level + 1, node);
-            });
-        }
-        return node;
-    }
-    return visitSelfAndChildren(model, hideRoot ? -1 : 0, null);
-}
-exports.enrichTree = enrichTree;

package/dist/lib/data/flatten-tree.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flattenTree = void 0;
-function flattenTree(root) {
-    var list = [];
-    var index = 0;
-    function collect(node) {
-        var _a;
-        if (node.level >= 0) {
-            node.rowIndex = index++;
-            list.push(node);
-        }
-        if (node.isOpen) {
-            (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach(collect);
-        }
-    }
-    collect(root);
-    return list;
-}
-exports.flattenTree = flattenTree;

package/dist/lib/data/make-tree.d.ts

@@ -1,5 +0,0 @@
-export declare function makeTree(string: string): {
-    id: string;
-    name: string;
-    isOpen: boolean;
-};

package/dist/lib/data/make-tree.js

@@ -1,40 +0,0 @@
-"use strict";
-// A function that turns a string of text into a tree
-// Each line is a node
-// The number of spaces at the beginning indicate the level
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeTree = void 0;
-function makeTree(string) {
-    var root = { id: "ROOT", name: "ROOT", isOpen: true };
-    var prevNode = root;
-    var prevLevel = -1;
-    var id = 1;
-    string.split("\n").forEach(function (line) {
-        var name = line.trimStart();
-        var level = line.length - name.length;
-        var diff = level - prevLevel;
-        var node = { id: (id++).toString(), name: name, isOpen: true };
-        if (diff === 1) {
-            // First child
-            //@ts-ignore
-            node.parent = prevNode;
-            //@ts-ignore
-            prevNode.children = [node];
-        }
-        else {
-            // Find the parent and go up
-            //@ts-ignore
-            var parent_1 = prevNode.parent;
-            for (var i = diff; i < 0; i++) {
-                parent_1 = parent_1.parent;
-            }
-            //@ts-ignore
-            node.parent = parent_1;
-            parent_1.children.push(node);
-        }
-        prevNode = node;
-        prevLevel = level;
-    });
-    return root;
-}
-exports.makeTree = makeTree;

package/dist/lib/data/visible-nodes-hook.d.ts

@@ -1,2 +0,0 @@
-import { TreeProps, Node, IdObj } from "../types";
-export declare function useVisibleNodes<T extends IdObj>(props: TreeProps<T>): Node<T>[];

package/dist/lib/data/visible-nodes-hook.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVisibleNodes = void 0;
-var react_1 = require("react");
-var enrich_tree_1 = require("./enrich-tree");
-var flatten_tree_1 = require("./flatten-tree");
-function useVisibleNodes(props) {
-    var root = (0, react_1.useMemo)(function () {
-        return (0, enrich_tree_1.enrichTree)(props.data, props.hideRoot, props.childrenAccessor, props.isOpenAccessor, props.openByDefault);
-    }, [
-        props.data,
-        props.hideRoot,
-        props.childrenAccessor,
-        props.isOpenAccessor,
-        props.openByDefault,
-    ]);
-    return (0, react_1.useMemo)(function () { return (0, flatten_tree_1.flattenTree)(root); }, [root]);
-}
-exports.useVisibleNodes = useVisibleNodes;

package/dist/lib/dnd/compute-drop.js

@@ -1,146 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeDrop = void 0;
-var utils_1 = require("../utils");
-function measureHover(el, offset) {
-    var rect = el.getBoundingClientRect();
-    var x = offset.x - Math.round(rect.x);
-    var y = offset.y - Math.round(rect.y);
-    var height = rect.height;
-    var inTopHalf = y < height / 2;
-    var inBottomHalf = !inTopHalf;
-    var pad = height / 4;
-    var inMiddle = y > pad && y < height - pad;
-    var atTop = !inMiddle && inTopHalf;
-    var atBottom = !inMiddle && inBottomHalf;
-    return { x: x, inTopHalf: inTopHalf, inBottomHalf: inBottomHalf, inMiddle: inMiddle, atTop: atTop, atBottom: atBottom };
-}
-function getNodesAroundCursor(node, prev, next, hover) {
-    if (!node) {
-        // We're hoving over the empty part of the list, not over an item,
-        // Put the cursor below the last item which is "prev"
-        return [prev, null];
-    }
-    if ((0, utils_1.isFolder)(node)) {
-        if (hover.atTop) {
-            return [prev, node];
-        }
-        else if (hover.inMiddle) {
-            return [node, node];
-        }
-        else {
-            return [node, next];
-        }
-    }
-    else {
-        if (hover.inTopHalf) {
-            return [prev, node];
-        }
-        else {
-            return [node, next];
-        }
-    }
-}
-function getDropLevel(hovering, aboveCursor, belowCursor, indent) {
-    var hoverLevel = Math.round(Math.max(0, hovering.x - indent) / indent);
-    var min, max;
-    if (!aboveCursor) {
-        max = 0;
-        min = 0;
-    }
-    else if (!belowCursor) {
-        max = aboveCursor.level;
-        min = 0;
-    }
-    else {
-        max = aboveCursor.level;
-        min = belowCursor.level;
-    }
-    return (0, utils_1.bound)(hoverLevel, min, max);
-}
-function canDrop(above, below) {
-    if (!above) {
-        return true;
-    }
-    var n = above;
-    if ((0, utils_1.isClosed)(above) && above !== below)
-        n = above.parent;
-    while (n) {
-        if (!n.isDroppable)
-            return false;
-        n = n.parent;
-    }
-    return true;
-}
-function dropAt(parentId, index) {
-    return { parentId: parentId || null, index: index };
-}
-function lineCursor(index, level) {
-    return {
-        type: "line",
-        index: index,
-        level: level,
-    };
-}
-function noCursor() {
-    return {
-        type: "none",
-    };
-}
-function highlightCursor(id) {
-    return {
-        type: "highlight",
-        id: id,
-    };
-}
-function walkUpFrom(node, level) {
-    var _a;
-    var drop = node;
-    while (drop.parent && drop.level > level) {
-        drop = drop.parent;
-    }
-    var parentId = ((_a = drop.parent) === null || _a === void 0 ? void 0 : _a.id) || null;
-    var index = (0, utils_1.indexOf)(drop) + 1;
-    return { parentId: parentId, index: index };
-}
-/**
- * This is the most complex, tricky function in the whole repo.
- * It could be simplified and made more understandable.
- */
-function computeDrop(args) {
-    var _a;
-    var hover = measureHover(args.element, args.offset);
-    var node = args.node, nextNode = args.nextNode, prevNode = args.prevNode;
-    var _b = getNodesAroundCursor(node, prevNode, nextNode, hover), above = _b[0], below = _b[1];
-    if (!canDrop(above, below)) {
-        return { drop: null, cursor: noCursor() };
-    }
-    /* Hovering over the middle of a folder */
-    if (node && (0, utils_1.isFolder)(node) && hover.inMiddle) {
-        return {
-            drop: dropAt(node.id, 0),
-            cursor: highlightCursor(node.id),
-        };
-    }
-    /* At the top of the list */
-    if (!above) {
-        return {
-            drop: dropAt((_a = below === null || below === void 0 ? void 0 : below.parent) === null || _a === void 0 ? void 0 : _a.id, 0),
-            cursor: lineCursor(0, 0),
-        };
-    }
-    /* The above node is an item or a closed folder */
-    if ((0, utils_1.isItem)(above) || (0, utils_1.isClosed)(above)) {
-        var level = getDropLevel(hover, above, below, args.indent);
-        return {
-            drop: walkUpFrom(above, level),
-            cursor: lineCursor(above.rowIndex + 1, level),
-        };
-    }
-    /* The above node is an open folder */
-    return {
-        drop: dropAt(above === null || above === void 0 ? void 0 : above.id, 0),
-        cursor: lineCursor(above.rowIndex + 1, above.level + 1),
-    };
-}
-exports.computeDrop = computeDrop;

package/dist/lib/dnd/drag-hook.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDragHook = void 0;
-var react_1 = require("react");
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var context_1 = require("../context");
-function useDragHook(node) {
-    var tree = (0, context_1.useStaticContext)();
-    var isSelected = (0, context_1.useIsSelected)();
-    var ids = (0, context_1.useSelectedIds)();
-    var _a = (0, react_dnd_1.useDrag)(function () { return ({
-        canDrag: function () { return node.isDraggable; },
-        type: "NODE",
-        item: function () { return ({
-            id: node.id,
-            dragIds: isSelected(node.rowIndex) ? ids : [node.id],
-        }); },
-        collect: function (m) { return ({
-            isDragging: m.isDragging(),
-        }); },
-        end: function (item, monitor) {
-            tree.api.hideCursor();
-            var drop = monitor.getDropResult();
-            if (drop && drop.parentId) {
-                tree.onMove(item.dragIds, drop.parentId, drop.index);
-                tree.onToggle(drop.parentId, true);
-            }
-        },
-    }); }, [ids, node]), isDragging = _a[0].isDragging, ref = _a[1], preview = _a[2];
-    (0, react_1.useEffect)(function () {
-        preview((0, react_dnd_html5_backend_1.getEmptyImage)());
-    }, [preview]);
-    return [{ isDragging: isDragging }, ref];
-}
-exports.useDragHook = useDragHook;

package/dist/lib/dnd/drop-hook.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDropHook = void 0;
-var react_dnd_1 = require("react-dnd");
-var context_1 = require("../context");
-var utils_1 = require("../utils");
-var compute_drop_1 = require("./compute-drop");
-function useDropHook(el, node, prev, next) {
-    var tree = (0, context_1.useStaticContext)();
-    return (0, react_dnd_1.useDrop)(function () { return ({
-        accept: "NODE",
-        canDrop: function (item) {
-            for (var _i = 0, _a = item.dragIds; _i < _a.length; _i++) {
-                var id = _a[_i];
-                var drag = tree.api.getNode(id);
-                if (!drag)
-                    return false;
-                if ((0, utils_1.isFolder)(drag) && (0, utils_1.isDecendent)(node, drag))
-                    return false;
-            }
-            return true;
-        },
-        hover: function (item, m) {
-            if (m.canDrop()) {
-                var offset = m.getClientOffset();
-                if (!el.current || !offset)
-                    return;
-                var cursor = (0, compute_drop_1.computeDrop)({
-                    element: el.current,
-                    offset: offset,
-                    indent: tree.indent,
-                    node: node,
-                    prevNode: prev,
-                    nextNode: next,
-                }).cursor;
-                if (cursor)
-                    tree.api.showCursor(cursor);
-            }
-            else {
-                tree.api.hideCursor();
-            }
-        },
-        drop: function (item, m) {
-            var offset = m.getClientOffset();
-            if (!el.current || !offset)
-                return;
-            var drop = (0, compute_drop_1.computeDrop)({
-                element: el.current,
-                offset: offset,
-                indent: tree.indent,
-                node: node,
-                prevNode: prev,
-                nextNode: next,
-            }).drop;
-            return drop;
-        },
-    }); }, [node, prev, el, tree]);
-}
-exports.useDropHook = useDropHook;

package/dist/lib/dnd/measure-hover.d.ts

@@ -1,8 +0,0 @@
-import { XYCoord } from "react-dnd";
-export declare function measureHover(el: HTMLElement, offset: XYCoord, indent: number): {
-    level: number;
-    inTopHalf: boolean;
-    inBottomHalf: boolean;
-    inMiddle: boolean;
-};
-export declare type HoverData = ReturnType<typeof measureHover>;

package/dist/lib/dnd/measure-hover.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.measureHover = void 0;
-var utils_1 = require("../utils");
-function measureHover(el, offset, indent) {
-    var nextEl = el.nextElementSibling;
-    var prevEl = el.previousElementSibling;
-    var rect = el.getBoundingClientRect();
-    var x = offset.x - Math.round(rect.x);
-    var y = offset.y - Math.round(rect.y);
-    var height = rect.height;
-    var inTopHalf = y < height / 2;
-    var inBottomHalf = !inTopHalf;
-    var pad = height / 4;
-    var inMiddle = y > pad && y < height - pad;
-    var maxLevel = Number(inBottomHalf ? el.dataset.level : prevEl ? prevEl.dataset.level : 0);
-    var minLevel = Number(inTopHalf ? el.dataset.level : nextEl ? nextEl.dataset.level : 0);
-    var level = (0, utils_1.bound)(Math.floor(x / indent), minLevel, maxLevel);
-    return { level: level, inTopHalf: inTopHalf, inBottomHalf: inBottomHalf, inMiddle: inMiddle };
-}
-exports.measureHover = measureHover;