@headless-tree/core 1.2.1 → 1.4.0

package/lib/cjs/features/drag-and-drop/utils.js

@@ -1,182 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDragTarget = exports.getReparentTarget = exports.getDragCode = exports.getInsertionIndex = exports.getItemDropCategory = exports.canDrop = exports.isOrderedDragTarget = exports.ItemDropCategory = void 0;
-var ItemDropCategory;
-(function (ItemDropCategory) {
-    ItemDropCategory[ItemDropCategory["Item"] = 0] = "Item";
-    ItemDropCategory[ItemDropCategory["ExpandedFolder"] = 1] = "ExpandedFolder";
-    ItemDropCategory[ItemDropCategory["LastInGroup"] = 2] = "LastInGroup";
-})(ItemDropCategory || (exports.ItemDropCategory = ItemDropCategory = {}));
-var PlacementType;
-(function (PlacementType) {
-    PlacementType[PlacementType["ReorderAbove"] = 0] = "ReorderAbove";
-    PlacementType[PlacementType["ReorderBelow"] = 1] = "ReorderBelow";
-    PlacementType[PlacementType["MakeChild"] = 2] = "MakeChild";
-    PlacementType[PlacementType["Reparent"] = 3] = "Reparent";
-})(PlacementType || (PlacementType = {}));
-const isOrderedDragTarget = (dragTarget) => "childIndex" in dragTarget;
-exports.isOrderedDragTarget = isOrderedDragTarget;
-const canDrop = (dataTransfer, target, tree) => {
-    var _a, _b, _c;
-    const draggedItems = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems;
-    const config = tree.getConfig();
-    if (draggedItems && !((_c = (_b = config.canDrop) === null || _b === void 0 ? void 0 : _b.call(config, draggedItems, target)) !== null && _c !== void 0 ? _c : true)) {
-        return false;
-    }
-    if (draggedItems &&
-        draggedItems.some((draggedItem) => target.item.getId() === draggedItem.getId() ||
-            target.item.isDescendentOf(draggedItem.getId()))) {
-        return false;
-    }
-    if (!draggedItems &&
-        dataTransfer &&
-        config.canDropForeignDragObject &&
-        !config.canDropForeignDragObject(dataTransfer, target)) {
-        return false;
-    }
-    return true;
-};
-exports.canDrop = canDrop;
-const getItemDropCategory = (item) => {
-    if (item.isExpanded()) {
-        return ItemDropCategory.ExpandedFolder;
-    }
-    const parent = item.getParent();
-    if (parent && item.getIndexInParent() === item.getItemMeta().setSize - 1) {
-        return ItemDropCategory.LastInGroup;
-    }
-    return ItemDropCategory.Item;
-};
-exports.getItemDropCategory = getItemDropCategory;
-const getInsertionIndex = (children, childIndex, draggedItems) => {
-    var _a;
-    const numberOfDragItemsBeforeTarget = (_a = children
-        .slice(0, childIndex)
-        .reduce((counter, child) => child && (draggedItems === null || draggedItems === void 0 ? void 0 : draggedItems.some((i) => i.getId() === child.getId()))
-        ? ++counter
-        : counter, 0)) !== null && _a !== void 0 ? _a : 0;
-    return childIndex - numberOfDragItemsBeforeTarget;
-};
-exports.getInsertionIndex = getInsertionIndex;
-const getTargetPlacement = (e, item, tree, canMakeChild) => {
-    var _a, _b, _c, _d, _e;
-    const config = tree.getConfig();
-    if (!config.canReorder) {
-        return canMakeChild
-            ? { type: PlacementType.MakeChild }
-            : { type: PlacementType.ReorderBelow };
-    }
-    const bb = (_a = item.getElement()) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    const topPercent = bb ? (e.clientY - bb.top) / bb.height : 0.5;
-    const leftPixels = bb ? e.clientX - bb.left : 0;
-    const targetDropCategory = (0, exports.getItemDropCategory)(item);
-    const reorderAreaPercentage = !canMakeChild
-        ? 0.5
-        : (_b = config.reorderAreaPercentage) !== null && _b !== void 0 ? _b : 0.3;
-    const indent = (_c = config.indent) !== null && _c !== void 0 ? _c : 20;
-    const makeChildType = canMakeChild
-        ? PlacementType.MakeChild
-        : PlacementType.ReorderBelow;
-    if (targetDropCategory === ItemDropCategory.ExpandedFolder) {
-        if (topPercent < reorderAreaPercentage) {
-            return { type: PlacementType.ReorderAbove };
-        }
-        return { type: makeChildType };
-    }
-    if (targetDropCategory === ItemDropCategory.LastInGroup) {
-        if (leftPixels < item.getItemMeta().level * indent) {
-            if (topPercent < 0.5) {
-                return { type: PlacementType.ReorderAbove };
-            }
-            const minLevel = (_e = (_d = item.getItemBelow()) === null || _d === void 0 ? void 0 : _d.getItemMeta().level) !== null && _e !== void 0 ? _e : 0;
-            return {
-                type: PlacementType.Reparent,
-                reparentLevel: Math.max(minLevel, Math.floor(leftPixels / indent)),
-            };
-        }
-        // if not at left of item area, treat as if it was a normal item
-    }
-    // targetDropCategory === ItemDropCategory.Item
-    if (topPercent < reorderAreaPercentage) {
-        return { type: PlacementType.ReorderAbove };
-    }
-    if (topPercent > 1 - reorderAreaPercentage) {
-        return { type: PlacementType.ReorderBelow };
-    }
-    return { type: makeChildType };
-};
-const getDragCode = (e, item, tree) => {
-    const placement = getTargetPlacement(e, item, tree, true);
-    return [
-        item.getId(),
-        placement.type,
-        placement.type === PlacementType.Reparent ? placement.reparentLevel : 0,
-    ].join("__");
-};
-exports.getDragCode = getDragCode;
-const getNthParent = (item, n) => {
-    if (n === item.getItemMeta().level) {
-        return item;
-    }
-    return getNthParent(item.getParent(), n);
-};
-/** @param item refers to the bottom-most item of the container, at which bottom is being reparented on (e.g. root-1-2-6)  */
-const getReparentTarget = (item, reparentLevel, draggedItems) => {
-    const itemMeta = item.getItemMeta();
-    const reparentedTarget = getNthParent(item, reparentLevel - 1);
-    const targetItemAbove = getNthParent(item, reparentLevel); // .getItemBelow()!;
-    const targetIndex = targetItemAbove.getIndexInParent() + 1;
-    return {
-        item: reparentedTarget,
-        childIndex: targetIndex,
-        insertionIndex: (0, exports.getInsertionIndex)(reparentedTarget.getChildren(), targetIndex, draggedItems),
-        dragLineIndex: itemMeta.index + 1,
-        dragLineLevel: reparentLevel,
-    };
-};
-exports.getReparentTarget = getReparentTarget;
-const getDragTarget = (e, item, tree, canReorder = tree.getConfig().canReorder) => {
-    var _a;
-    const draggedItems = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems;
-    const itemMeta = item.getItemMeta();
-    const parent = item.getParent();
-    const itemTarget = { item };
-    const parentTarget = parent ? { item: parent } : null;
-    const canBecomeSibling = parentTarget && (0, exports.canDrop)(e.dataTransfer, parentTarget, tree);
-    const canMakeChild = (0, exports.canDrop)(e.dataTransfer, itemTarget, tree);
-    const placement = getTargetPlacement(e, item, tree, canMakeChild);
-    if (!canReorder &&
-        parent &&
-        canBecomeSibling &&
-        placement.type !== PlacementType.MakeChild) {
-        return parentTarget;
-    }
-    if (!canReorder && parent && !canBecomeSibling) {
-        // TODO! this breaks in story DND/Can Drop. Maybe move this logic into a composable DragTargetStrategy[] ?
-        return (0, exports.getDragTarget)(e, parent, tree, false);
-    }
-    if (!parent) {
-        // Shouldn't happen, but if dropped "next" to root item, just drop it inside
-        return itemTarget;
-    }
-    if (placement.type === PlacementType.MakeChild) {
-        return itemTarget;
-    }
-    if (!canBecomeSibling) {
-        return (0, exports.getDragTarget)(e, parent, tree, false);
-    }
-    if (placement.type === PlacementType.Reparent) {
-        return (0, exports.getReparentTarget)(item, placement.reparentLevel, draggedItems);
-    }
-    const maybeAddOneForBelow = placement.type === PlacementType.ReorderAbove ? 0 : 1;
-    const childIndex = item.getIndexInParent() + maybeAddOneForBelow;
-    return {
-        item: parent,
-        dragLineIndex: itemMeta.index + maybeAddOneForBelow,
-        dragLineLevel: itemMeta.level,
-        childIndex,
-        // TODO performance could be improved by computing this only when dragcode changed
-        insertionIndex: (0, exports.getInsertionIndex)(parent.getChildren(), childIndex, draggedItems),
-    };
-};
-exports.getDragTarget = getDragTarget;

package/lib/cjs/features/expand-all/feature.d.ts

@@ -1,2 +0,0 @@
-import { FeatureImplementation } from "../../types/core";
-export declare const expandAllFeature: FeatureImplementation;

package/lib/cjs/features/expand-all/feature.js

@@ -1,70 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.expandAllFeature = void 0;
-exports.expandAllFeature = {
-    key: "expand-all",
-    treeInstance: {
-        expandAll: (_a, cancelToken_1) => __awaiter(void 0, [_a, cancelToken_1], void 0, function* ({ tree }, cancelToken) {
-            yield Promise.all(tree.getItems().map((item) => item.expandAll(cancelToken)));
-        }),
-        collapseAll: ({ tree }) => {
-            tree.applySubStateUpdate("expandedItems", []);
-            tree.rebuildTree();
-        },
-    },
-    itemInstance: {
-        expandAll: (_a, cancelToken_1) => __awaiter(void 0, [_a, cancelToken_1], void 0, function* ({ tree, item }, cancelToken) {
-            if (cancelToken === null || cancelToken === void 0 ? void 0 : cancelToken.current) {
-                return;
-            }
-            if (!item.isFolder()) {
-                return;
-            }
-            item.expand();
-            yield tree.waitForItemChildrenLoaded(item.getId());
-            yield Promise.all(item.getChildren().map((child) => __awaiter(void 0, void 0, void 0, function* () {
-                yield tree.waitForItemChildrenLoaded(item.getId());
-                yield (child === null || child === void 0 ? void 0 : child.expandAll(cancelToken));
-            })));
-        }),
-        collapseAll: ({ item }) => {
-            if (!item.isExpanded())
-                return;
-            for (const child of item.getChildren()) {
-                child === null || child === void 0 ? void 0 : child.collapseAll();
-            }
-            item.collapse();
-        },
-    },
-    hotkeys: {
-        expandSelected: {
-            hotkey: "Control+Shift+Plus",
-            handler: (_, tree) => __awaiter(void 0, void 0, void 0, function* () {
-                const cancelToken = { current: false };
-                const cancelHandler = (e) => {
-                    if (e.code === "Escape") {
-                        cancelToken.current = true;
-                    }
-                };
-                document.addEventListener("keydown", cancelHandler);
-                yield Promise.all(tree.getSelectedItems().map((item) => item.expandAll(cancelToken)));
-                document.removeEventListener("keydown", cancelHandler);
-            }),
-        },
-        collapseSelected: {
-            hotkey: "Control+Shift+Minus",
-            handler: (_, tree) => {
-                tree.getSelectedItems().forEach((item) => item.collapseAll());
-            },
-        },
-    },
-};

package/lib/cjs/features/expand-all/types.d.ts

@@ -1,19 +0,0 @@
-export interface ExpandAllDataRef {
-}
-export type ExpandAllFeatureDef = {
-    state: {};
-    config: {};
-    treeInstance: {
-        expandAll: (cancelToken?: {
-            current: boolean;
-        }) => Promise<void>;
-        collapseAll: () => void;
-    };
-    itemInstance: {
-        expandAll: (cancelToken?: {
-            current: boolean;
-        }) => Promise<void>;
-        collapseAll: () => void;
-    };
-    hotkeys: "expandSelected" | "collapseSelected";
-};

package/lib/cjs/features/expand-all/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/features/hotkeys-core/feature.d.ts

@@ -1,2 +0,0 @@
-import { FeatureImplementation } from "../../types/core";
-export declare const hotkeysCoreFeature: FeatureImplementation;

package/lib/cjs/features/hotkeys-core/feature.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hotkeysCoreFeature = void 0;
-const specialKeys = {
-    // TODO:breaking deprecate auto-lowercase
-    letter: /^Key[A-Z]$/,
-    letterornumber: /^(Key[A-Z]|Digit[0-9])$/,
-    plus: /^(NumpadAdd|Plus)$/,
-    minus: /^(NumpadSubtract|Minus)$/,
-    control: /^(ControlLeft|ControlRight)$/,
-    shift: /^(ShiftLeft|ShiftRight)$/,
-};
-const testHotkeyMatch = (pressedKeys, tree, hotkey) => {
-    const supposedKeys = hotkey.hotkey.toLowerCase().split("+"); // TODO:breaking deprecate auto-lowercase
-    const doKeysMatch = supposedKeys.every((key) => {
-        if (key in specialKeys) {
-            return [...pressedKeys].some((pressedKey) => specialKeys[key].test(pressedKey));
-        }
-        const pressedKeysLowerCase = [...pressedKeys] // TODO:breaking deprecate auto-lowercase
-            .map((k) => k.toLowerCase());
-        if (pressedKeysLowerCase.includes(key.toLowerCase())) {
-            return true;
-        }
-        if (pressedKeysLowerCase.includes(`key${key.toLowerCase()}`)) {
-            // TODO:breaking deprecate e.key character matching
-            return true;
-        }
-        return false;
-    });
-    const isEnabled = !hotkey.isEnabled || hotkey.isEnabled(tree);
-    const equalCounts = pressedKeys.size === supposedKeys.length;
-    return doKeysMatch && isEnabled && equalCounts;
-};
-const findHotkeyMatch = (pressedKeys, tree, config1, config2) => {
-    var _a;
-    return (_a = Object.entries(Object.assign(Object.assign({}, config1), config2)).find(([, hotkey]) => testHotkeyMatch(pressedKeys, tree, hotkey))) === null || _a === void 0 ? void 0 : _a[0];
-};
-exports.hotkeysCoreFeature = {
-    key: "hotkeys-core",
-    onTreeMount: (tree, element) => {
-        const data = tree.getDataRef();
-        const keydown = (e) => {
-            var _a;
-            var _b;
-            const { ignoreHotkeysOnInputs, onTreeHotkey, hotkeys } = tree.getConfig();
-            if (e.target instanceof HTMLInputElement && ignoreHotkeysOnInputs) {
-                return;
-            }
-            (_a = (_b = data.current).pressedKeys) !== null && _a !== void 0 ? _a : (_b.pressedKeys = new Set());
-            const newMatch = !data.current.pressedKeys.has(e.code);
-            data.current.pressedKeys.add(e.code);
-            const hotkeyName = findHotkeyMatch(data.current.pressedKeys, tree, tree.getHotkeyPresets(), hotkeys);
-            if (e.target instanceof HTMLInputElement) {
-                // JS respects composite keydowns while input elements are focused, and
-                // doesnt send the associated keyup events with the same key name
-                data.current.pressedKeys.delete(e.code);
-            }
-            if (!hotkeyName)
-                return;
-            const hotkeyConfig = Object.assign(Object.assign({}, tree.getHotkeyPresets()[hotkeyName]), hotkeys === null || hotkeys === void 0 ? void 0 : hotkeys[hotkeyName]);
-            if (!hotkeyConfig)
-                return;
-            if (!hotkeyConfig.allowWhenInputFocused &&
-                e.target instanceof HTMLInputElement)
-                return;
-            if (!hotkeyConfig.canRepeat && !newMatch)
-                return;
-            if (hotkeyConfig.preventDefault)
-                e.preventDefault();
-            hotkeyConfig.handler(e, tree);
-            onTreeHotkey === null || onTreeHotkey === void 0 ? void 0 : onTreeHotkey(hotkeyName, e);
-        };
-        const keyup = (e) => {
-            var _a;
-            var _b;
-            (_a = (_b = data.current).pressedKeys) !== null && _a !== void 0 ? _a : (_b.pressedKeys = new Set());
-            data.current.pressedKeys.delete(e.code);
-        };
-        const reset = () => {
-            data.current.pressedKeys = new Set();
-        };
-        // keyup is registered on document, because some hotkeys shift
-        // the focus away from the tree (i.e. search)
-        // and then we wouldn't get the keyup event anymore
-        element.addEventListener("keydown", keydown);
-        document.addEventListener("keyup", keyup);
-        window.addEventListener("focus", reset);
-        data.current.keydownHandler = keydown;
-        data.current.keyupHandler = keyup;
-        data.current.resetHandler = reset;
-    },
-    onTreeUnmount: (tree, element) => {
-        const data = tree.getDataRef();
-        if (data.current.keyupHandler) {
-            document.removeEventListener("keyup", data.current.keyupHandler);
-            delete data.current.keyupHandler;
-        }
-        if (data.current.keydownHandler) {
-            element.removeEventListener("keydown", data.current.keydownHandler);
-            delete data.current.keydownHandler;
-        }
-        if (data.current.resetHandler) {
-            window.removeEventListener("focus", data.current.resetHandler);
-            delete data.current.resetHandler;
-        }
-    },
-};

package/lib/cjs/features/hotkeys-core/types.d.ts

@@ -1,27 +0,0 @@
-import { CustomHotkeysConfig, TreeInstance } from "../../types/core";
-export interface HotkeyConfig<T> {
-    hotkey: string;
-    canRepeat?: boolean;
-    allowWhenInputFocused?: boolean;
-    isEnabled?: (tree: TreeInstance<T>) => boolean;
-    preventDefault?: boolean;
-    handler: (e: KeyboardEvent, tree: TreeInstance<T>) => void;
-}
-export interface HotkeysCoreDataRef {
-    keydownHandler?: (e: KeyboardEvent) => void;
-    keyupHandler?: (e: KeyboardEvent) => void;
-    resetHandler?: (e: FocusEvent) => void;
-    pressedKeys: Set<string>;
-}
-export type HotkeysCoreFeatureDef<T> = {
-    state: {};
-    config: {
-        hotkeys?: CustomHotkeysConfig<T>;
-        onTreeHotkey?: (name: string, e: KeyboardEvent) => void;
-        /** Do not handle key inputs while an HTML input element is focused */
-        ignoreHotkeysOnInputs?: boolean;
-    };
-    treeInstance: {};
-    itemInstance: {};
-    hotkeys: never;
-};

package/lib/cjs/features/hotkeys-core/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/features/keyboard-drag-and-drop/feature.d.ts

@@ -1,2 +0,0 @@
-import { FeatureImplementation } from "../../types/core";
-export declare const keyboardDragAndDropFeature: FeatureImplementation;

package/lib/cjs/features/keyboard-drag-and-drop/feature.js

@@ -1,206 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keyboardDragAndDropFeature = void 0;
-const utils_1 = require("../drag-and-drop/utils");
-const utils_2 = require("../../utils");
-const types_1 = require("./types");
-const getNextDragTarget = (tree, isUp, dragTarget) => {
-    var _a, _b, _c, _d;
-    const direction = isUp ? 0 : 1;
-    const draggedItems = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems;
-    // currently hovering between items
-    if ((0, utils_1.isOrderedDragTarget)(dragTarget)) {
-        const parent = dragTarget.item.getParent();
-        const targetedItem = tree.getItems()[dragTarget.dragLineIndex - 1]; // item above dragline
-        const targetCategory = targetedItem
-            ? (0, utils_1.getItemDropCategory)(targetedItem)
-            : utils_1.ItemDropCategory.Item;
-        const maxLevel = (_b = targetedItem === null || targetedItem === void 0 ? void 0 : targetedItem.getItemMeta().level) !== null && _b !== void 0 ? _b : 0;
-        const minLevel = (_d = (_c = targetedItem === null || targetedItem === void 0 ? void 0 : targetedItem.getItemBelow()) === null || _c === void 0 ? void 0 : _c.getItemMeta().level) !== null && _d !== void 0 ? _d : 0;
-        // reparenting
-        if (targetCategory === utils_1.ItemDropCategory.LastInGroup) {
-            if (isUp && dragTarget.dragLineLevel < maxLevel) {
-                return (0, utils_1.getReparentTarget)(targetedItem, dragTarget.dragLineLevel + 1, draggedItems);
-            }
-            if (!isUp && dragTarget.dragLineLevel > minLevel && parent) {
-                return (0, utils_1.getReparentTarget)(targetedItem, dragTarget.dragLineLevel - 1, draggedItems);
-            }
-        }
-        const newIndex = dragTarget.dragLineIndex - 1 + direction;
-        const item = tree.getItems()[newIndex];
-        return item ? { item } : undefined;
-    }
-    // moving upwards outside of an open folder
-    const targetingExpandedFolder = (0, utils_1.getItemDropCategory)(dragTarget.item) === utils_1.ItemDropCategory.ExpandedFolder;
-    if (targetingExpandedFolder && !isUp) {
-        return {
-            item: dragTarget.item,
-            childIndex: 0,
-            insertionIndex: (0, utils_1.getInsertionIndex)(dragTarget.item.getChildren(), 0, draggedItems),
-            dragLineIndex: dragTarget.item.getItemMeta().index + direction,
-            dragLineLevel: dragTarget.item.getItemMeta().level + 1,
-        };
-    }
-    // currently hovering over item
-    const childIndex = dragTarget.item.getIndexInParent() + direction;
-    return {
-        item: dragTarget.item.getParent(),
-        childIndex,
-        insertionIndex: (0, utils_1.getInsertionIndex)(dragTarget.item.getParent().getChildren(), childIndex, draggedItems),
-        dragLineIndex: dragTarget.item.getItemMeta().index + direction,
-        dragLineLevel: dragTarget.item.getItemMeta().level,
-    };
-};
-const getNextValidDragTarget = (tree, isUp, previousTarget) => {
-    var _a, _b;
-    if (previousTarget === void 0) { previousTarget = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.dragTarget; }
-    if (!previousTarget)
-        return undefined;
-    const nextTarget = getNextDragTarget(tree, isUp, previousTarget);
-    const dataTransfer = (_b = tree.getDataRef().current.kDndDataTransfer) !== null && _b !== void 0 ? _b : null;
-    if (!nextTarget)
-        return undefined;
-    if ((0, utils_1.canDrop)(dataTransfer, nextTarget, tree)) {
-        return nextTarget;
-    }
-    return getNextValidDragTarget(tree, isUp, nextTarget);
-};
-const updateScroll = (tree) => {
-    const state = tree.getState().dnd;
-    if (!(state === null || state === void 0 ? void 0 : state.dragTarget) || (0, utils_1.isOrderedDragTarget)(state.dragTarget))
-        return;
-    state.dragTarget.item.scrollTo({ block: "nearest", inline: "nearest" });
-};
-const initiateDrag = (tree, draggedItems, dataTransfer) => {
-    var _a, _b;
-    const focusedItem = tree.getFocusedItem();
-    const { canDrag } = tree.getConfig();
-    if (draggedItems && canDrag && !canDrag(draggedItems)) {
-        return;
-    }
-    if (draggedItems) {
-        tree.applySubStateUpdate("dnd", { draggedItems });
-        // getNextValidDragTarget->canDrop needs the draggedItems in state
-        (_b = (_a = tree.getConfig()).onStartKeyboardDrag) === null || _b === void 0 ? void 0 : _b.call(_a, draggedItems);
-    }
-    else if (dataTransfer) {
-        tree.getDataRef().current.kDndDataTransfer = dataTransfer;
-    }
-    const dragTarget = getNextValidDragTarget(tree, false, {
-        item: focusedItem,
-    });
-    if (!dragTarget)
-        return;
-    tree.applySubStateUpdate("dnd", {
-        draggedItems,
-        dragTarget,
-    });
-    tree.applySubStateUpdate("assistiveDndState", types_1.AssistiveDndState.Started);
-    updateScroll(tree);
-};
-const moveDragPosition = (tree, isUp) => {
-    var _a;
-    const dragTarget = getNextValidDragTarget(tree, isUp);
-    if (!dragTarget)
-        return;
-    tree.applySubStateUpdate("dnd", {
-        draggedItems: (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems,
-        dragTarget,
-    });
-    tree.applySubStateUpdate("assistiveDndState", types_1.AssistiveDndState.Dragging);
-    if (!(0, utils_1.isOrderedDragTarget)(dragTarget)) {
-        dragTarget.item.setFocused();
-    }
-    updateScroll(tree);
-};
-exports.keyboardDragAndDropFeature = {
-    key: "keyboard-drag-and-drop",
-    deps: ["drag-and-drop"],
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setAssistiveDndState: (0, utils_2.makeStateUpdater)("assistiveDndState", tree) }, defaultConfig)),
-    stateHandlerNames: {
-        assistiveDndState: "setAssistiveDndState",
-    },
-    treeInstance: {
-        startKeyboardDrag: ({ tree }, draggedItems) => {
-            initiateDrag(tree, draggedItems, undefined);
-        },
-        startKeyboardDragOnForeignObject: ({ tree }, dataTransfer) => {
-            initiateDrag(tree, undefined, dataTransfer);
-        },
-        stopKeyboardDrag: ({ tree }) => {
-            tree.getDataRef().current.kDndDataTransfer = undefined;
-            tree.applySubStateUpdate("dnd", null);
-            tree.applySubStateUpdate("assistiveDndState", types_1.AssistiveDndState.None);
-        },
-    },
-    hotkeys: {
-        startDrag: {
-            hotkey: "Control+Shift+KeyD",
-            preventDefault: true,
-            isEnabled: (tree) => !tree.getState().dnd,
-            handler: (_, tree) => {
-                tree.startKeyboardDrag(tree.getSelectedItems());
-            },
-        },
-        dragUp: {
-            hotkey: "ArrowUp",
-            preventDefault: true,
-            isEnabled: (tree) => !!tree.getState().dnd,
-            handler: (_, tree) => {
-                moveDragPosition(tree, true);
-            },
-        },
-        dragDown: {
-            hotkey: "ArrowDown",
-            preventDefault: true,
-            isEnabled: (tree) => !!tree.getState().dnd,
-            handler: (_, tree) => {
-                moveDragPosition(tree, false);
-            },
-        },
-        cancelDrag: {
-            hotkey: "Escape",
-            isEnabled: (tree) => !!tree.getState().dnd,
-            handler: (_, tree) => {
-                tree.stopKeyboardDrag();
-            },
-        },
-        completeDrag: {
-            hotkey: "Enter",
-            preventDefault: true,
-            isEnabled: (tree) => !!tree.getState().dnd,
-            handler: (e, tree) => __awaiter(void 0, void 0, void 0, function* () {
-                var _a, _b, _c, _d;
-                e.stopPropagation();
-                // TODO copied from keyboard onDrop, unify them
-                const dataRef = tree.getDataRef();
-                const target = tree.getDragTarget();
-                const dataTransfer = (_a = dataRef.current.kDndDataTransfer) !== null && _a !== void 0 ? _a : null;
-                if (!target || !(0, utils_1.canDrop)(dataTransfer, target, tree)) {
-                    return;
-                }
-                const config = tree.getConfig();
-                const draggedItems = (_b = tree.getState().dnd) === null || _b === void 0 ? void 0 : _b.draggedItems;
-                dataRef.current.lastDragCode = undefined;
-                tree.applySubStateUpdate("dnd", null);
-                if (draggedItems) {
-                    yield ((_c = config.onDrop) === null || _c === void 0 ? void 0 : _c.call(config, draggedItems, target));
-                    tree.getItemInstance(draggedItems[0].getId()).setFocused();
-                }
-                else if (dataTransfer) {
-                    yield ((_d = config.onDropForeignDragObject) === null || _d === void 0 ? void 0 : _d.call(config, dataTransfer, target));
-                }
-                tree.applySubStateUpdate("assistiveDndState", types_1.AssistiveDndState.Completed);
-            }),
-        },
-    },
-};

package/lib/cjs/features/keyboard-drag-and-drop/types.d.ts

@@ -1,27 +0,0 @@
-import { ItemInstance, SetStateFn } from "../../types/core";
-export interface KDndDataRef {
-    kDndDataTransfer: DataTransfer | undefined;
-}
-export declare enum AssistiveDndState {
-    None = 0,
-    Started = 1,
-    Dragging = 2,
-    Completed = 3,
-    Aborted = 4
-}
-export type KeyboardDragAndDropFeatureDef<T> = {
-    state: {
-        assistiveDndState?: AssistiveDndState | null;
-    };
-    config: {
-        setAssistiveDndState?: SetStateFn<AssistiveDndState | undefined | null>;
-        onStartKeyboardDrag?: (items: ItemInstance<T>[]) => void;
-    };
-    treeInstance: {
-        startKeyboardDrag: (items: ItemInstance<T>[]) => void;
-        startKeyboardDragOnForeignObject: (dataTransfer: DataTransfer) => void;
-        stopKeyboardDrag: () => void;
-    };
-    itemInstance: {};
-    hotkeys: "startDrag" | "cancelDrag" | "completeDrag" | "dragUp" | "dragDown";
-};

package/lib/cjs/features/keyboard-drag-and-drop/types.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AssistiveDndState = void 0;
-var AssistiveDndState;
-(function (AssistiveDndState) {
-    AssistiveDndState[AssistiveDndState["None"] = 0] = "None";
-    AssistiveDndState[AssistiveDndState["Started"] = 1] = "Started";
-    AssistiveDndState[AssistiveDndState["Dragging"] = 2] = "Dragging";
-    AssistiveDndState[AssistiveDndState["Completed"] = 3] = "Completed";
-    AssistiveDndState[AssistiveDndState["Aborted"] = 4] = "Aborted";
-})(AssistiveDndState || (exports.AssistiveDndState = AssistiveDndState = {}));