@headless-tree/core 1.2.0 → 1.3.0

package/lib/cjs/core/create-tree.js

@@ -1,182 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTree = void 0;
-const feature_1 = require("../features/tree/feature");
-const build_static_instance_1 = require("./build-static-instance");
-const errors_1 = require("../utilities/errors");
-const verifyFeatures = (features) => {
-    var _a;
-    const loadedFeatures = features === null || features === void 0 ? void 0 : features.map((feature) => feature.key);
-    for (const feature of features !== null && features !== void 0 ? features : []) {
-        const missingDependency = (_a = feature.deps) === null || _a === void 0 ? void 0 : _a.find((dep) => !(loadedFeatures === null || loadedFeatures === void 0 ? void 0 : loadedFeatures.includes(dep)));
-        if (missingDependency) {
-            throw (0, errors_1.throwError)(`${feature.key} needs ${missingDependency}`);
-        }
-    }
-};
-// Check all possible pairs and sort the array
-const exhaustiveSort = (arr, compareFn) => {
-    const n = arr.length;
-    for (let i = 0; i < n; i++) {
-        for (let j = i + 1; j < n; j++) {
-            if (compareFn(arr[j], arr[i]) < 0) {
-                [arr[i], arr[j]] = [arr[j], arr[i]];
-            }
-        }
-    }
-    return arr;
-};
-const compareFeatures = (originalOrder) => (feature1, feature2) => {
-    var _a, _b;
-    if (feature2.key && ((_a = feature1.overwrites) === null || _a === void 0 ? void 0 : _a.includes(feature2.key))) {
-        return 1;
-    }
-    if (feature1.key && ((_b = feature2.overwrites) === null || _b === void 0 ? void 0 : _b.includes(feature1.key))) {
-        return -1;
-    }
-    return originalOrder.indexOf(feature1) - originalOrder.indexOf(feature2);
-};
-const sortFeatures = (features = []) => exhaustiveSort(features, compareFeatures(features));
-const createTree = (initialConfig) => {
-    var _a, _b, _c, _d;
-    const buildInstance = (_a = initialConfig.instanceBuilder) !== null && _a !== void 0 ? _a : build_static_instance_1.buildStaticInstance;
-    const additionalFeatures = [
-        feature_1.treeFeature,
-        ...sortFeatures(initialConfig.features),
-    ];
-    verifyFeatures(additionalFeatures);
-    const features = [...additionalFeatures];
-    const [treeInstance, finalizeTree] = buildInstance(features, "treeInstance", (tree) => ({ tree }));
-    let state = additionalFeatures.reduce((acc, feature) => { var _a, _b; return (_b = (_a = feature.getInitialState) === null || _a === void 0 ? void 0 : _a.call(feature, acc, treeInstance)) !== null && _b !== void 0 ? _b : acc; }, (_c = (_b = initialConfig.initialState) !== null && _b !== void 0 ? _b : initialConfig.state) !== null && _c !== void 0 ? _c : {});
-    let config = additionalFeatures.reduce((acc, feature) => { var _a, _b; return (_b = (_a = feature.getDefaultConfig) === null || _a === void 0 ? void 0 : _a.call(feature, acc, treeInstance)) !== null && _b !== void 0 ? _b : acc; }, initialConfig);
-    const stateHandlerNames = additionalFeatures.reduce((acc, feature) => (Object.assign(Object.assign({}, acc), feature.stateHandlerNames)), {});
-    let treeElement;
-    const treeDataRef = { current: {} };
-    const itemInstancesMap = {};
-    let itemInstances = [];
-    const itemElementsMap = {};
-    const itemDataRefs = {};
-    let itemMetaMap = {};
-    const hotkeyPresets = {};
-    const rebuildItemMeta = () => {
-        // TODO can we find a way to only run this for the changed substructure?
-        itemInstances = [];
-        itemMetaMap = {};
-        const [rootInstance, finalizeRootInstance] = buildInstance(features, "itemInstance", (item) => ({ item, tree: treeInstance, itemId: config.rootItemId }));
-        finalizeRootInstance();
-        itemInstancesMap[config.rootItemId] = rootInstance;
-        itemMetaMap[config.rootItemId] = {
-            itemId: config.rootItemId,
-            index: -1,
-            parentId: null,
-            level: -1,
-            posInSet: 0,
-            setSize: 1,
-        };
-        for (const item of treeInstance.getItemsMeta()) {
-            itemMetaMap[item.itemId] = item;
-            if (!itemInstancesMap[item.itemId]) {
-                const [instance, finalizeInstance] = buildInstance(features, "itemInstance", (instance) => ({
-                    item: instance,
-                    tree: treeInstance,
-                    itemId: item.itemId,
-                }));
-                finalizeInstance();
-                itemInstancesMap[item.itemId] = instance;
-                itemInstances.push(instance);
-            }
-            else {
-                itemInstances.push(itemInstancesMap[item.itemId]);
-            }
-        }
-    };
-    const eachFeature = (fn) => {
-        for (const feature of additionalFeatures) {
-            fn(feature);
-        }
-    };
-    const mainFeature = {
-        key: "main",
-        treeInstance: {
-            getState: () => state,
-            setState: ({}, updater) => {
-                var _a;
-                // Not necessary, since I think the subupdate below keeps the state fresh anyways?
-                // state = typeof updater === "function" ? updater(state) : updater;
-                (_a = config.setState) === null || _a === void 0 ? void 0 : _a.call(config, state); // TODO this cant be right... This doesnt allow external state updates
-                // TODO this is never used, remove
-            },
-            applySubStateUpdate: ({}, stateName, updater) => {
-                state[stateName] =
-                    typeof updater === "function" ? updater(state[stateName]) : updater;
-                const externalStateSetter = config[stateHandlerNames[stateName]];
-                externalStateSetter === null || externalStateSetter === void 0 ? void 0 : externalStateSetter(state[stateName]);
-            },
-            // TODO rebuildSubTree: (itemId: string) => void;
-            rebuildTree: () => {
-                var _a;
-                rebuildItemMeta();
-                (_a = config.setState) === null || _a === void 0 ? void 0 : _a.call(config, state);
-            },
-            getConfig: () => config,
-            setConfig: (_, updater) => {
-                var _a, _b, _c;
-                const newConfig = typeof updater === "function" ? updater(config) : updater;
-                const hasChangedExpandedItems = ((_a = newConfig.state) === null || _a === void 0 ? void 0 : _a.expandedItems) &&
-                    ((_b = newConfig.state) === null || _b === void 0 ? void 0 : _b.expandedItems) !== state.expandedItems;
-                config = newConfig;
-                if (newConfig.state) {
-                    state = Object.assign(Object.assign({}, state), newConfig.state);
-                }
-                if (hasChangedExpandedItems) {
-                    // if expanded items where changed from the outside
-                    rebuildItemMeta();
-                    (_c = config.setState) === null || _c === void 0 ? void 0 : _c.call(config, state);
-                }
-            },
-            getItemInstance: ({}, itemId) => itemInstancesMap[itemId],
-            getItems: () => itemInstances,
-            registerElement: ({}, element) => {
-                if (treeElement === element) {
-                    return;
-                }
-                if (treeElement && !element) {
-                    eachFeature((feature) => { var _a; return (_a = feature.onTreeUnmount) === null || _a === void 0 ? void 0 : _a.call(feature, treeInstance, treeElement); });
-                }
-                else if (!treeElement && element) {
-                    eachFeature((feature) => { var _a; return (_a = feature.onTreeMount) === null || _a === void 0 ? void 0 : _a.call(feature, treeInstance, element); });
-                }
-                treeElement = element;
-            },
-            getElement: () => treeElement,
-            getDataRef: () => treeDataRef,
-            getHotkeyPresets: () => hotkeyPresets,
-        },
-        itemInstance: {
-            registerElement: ({ itemId, item }, element) => {
-                if (itemElementsMap[itemId] === element) {
-                    return;
-                }
-                const oldElement = itemElementsMap[itemId];
-                if (oldElement && !element) {
-                    eachFeature((feature) => { var _a; return (_a = feature.onItemUnmount) === null || _a === void 0 ? void 0 : _a.call(feature, item, oldElement, treeInstance); });
-                }
-                else if (!oldElement && element) {
-                    eachFeature((feature) => { var _a; return (_a = feature.onItemMount) === null || _a === void 0 ? void 0 : _a.call(feature, item, element, treeInstance); });
-                }
-                itemElementsMap[itemId] = element;
-            },
-            getElement: ({ itemId }) => itemElementsMap[itemId],
-            // eslint-disable-next-line no-return-assign
-            getDataRef: ({ itemId }) => { var _a; return ((_a = itemDataRefs[itemId]) !== null && _a !== void 0 ? _a : (itemDataRefs[itemId] = { current: {} })); },
-            getItemMeta: ({ itemId }) => itemMetaMap[itemId],
-        },
-    };
-    features.unshift(mainFeature);
-    for (const feature of features) {
-        Object.assign(hotkeyPresets, (_d = feature.hotkeys) !== null && _d !== void 0 ? _d : {});
-    }
-    finalizeTree();
-    return treeInstance;
-};
-exports.createTree = createTree;

package/lib/cjs/features/async-data-loader/feature.d.ts

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

package/lib/cjs/features/async-data-loader/feature.js

@@ -1,135 +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.asyncDataLoaderFeature = void 0;
-const utils_1 = require("../../utils");
-const getDataRef = (tree) => {
-    var _a, _b;
-    var _c, _d;
-    const dataRef = tree.getDataRef();
-    (_a = (_c = dataRef.current).itemData) !== null && _a !== void 0 ? _a : (_c.itemData = {});
-    (_b = (_d = dataRef.current).childrenIds) !== null && _b !== void 0 ? _b : (_d.childrenIds = {});
-    return dataRef;
-};
-const loadItemData = (tree, itemId) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    const config = tree.getConfig();
-    const dataRef = getDataRef(tree);
-    const item = yield config.dataLoader.getItem(itemId);
-    dataRef.current.itemData[itemId] = item;
-    (_a = config.onLoadedItem) === null || _a === void 0 ? void 0 : _a.call(config, itemId, item);
-    tree.applySubStateUpdate("loadingItemData", (loadingItemData) => loadingItemData.filter((id) => id !== itemId));
-    return item;
-});
-const loadChildrenIds = (tree, itemId) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b;
-    const config = tree.getConfig();
-    const dataRef = getDataRef(tree);
-    let childrenIds;
-    if ("getChildrenWithData" in config.dataLoader) {
-        const children = yield config.dataLoader.getChildrenWithData(itemId);
-        childrenIds = children.map((c) => c.id);
-        dataRef.current.childrenIds[itemId] = childrenIds;
-        children.forEach(({ id, data }) => {
-            var _a;
-            dataRef.current.itemData[id] = data;
-            (_a = config.onLoadedItem) === null || _a === void 0 ? void 0 : _a.call(config, id, data);
-        });
-        (_a = config.onLoadedChildren) === null || _a === void 0 ? void 0 : _a.call(config, itemId, childrenIds);
-        tree.rebuildTree();
-        tree.applySubStateUpdate("loadingItemData", (loadingItemData) => loadingItemData.filter((id) => !childrenIds.includes(id)));
-    }
-    else {
-        childrenIds = yield config.dataLoader.getChildren(itemId);
-        dataRef.current.childrenIds[itemId] = childrenIds;
-        (_b = config.onLoadedChildren) === null || _b === void 0 ? void 0 : _b.call(config, itemId, childrenIds);
-        tree.rebuildTree();
-    }
-    tree.applySubStateUpdate("loadingItemChildrens", (loadingItemChildrens) => loadingItemChildrens.filter((id) => id !== itemId));
-    return childrenIds;
-});
-exports.asyncDataLoaderFeature = {
-    key: "async-data-loader",
-    getInitialState: (initialState) => (Object.assign({ loadingItemData: [], loadingItemChildrens: [] }, initialState)),
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setLoadingItemData: (0, utils_1.makeStateUpdater)("loadingItemData", tree), setLoadingItemChildrens: (0, utils_1.makeStateUpdater)("loadingItemChildrens", tree) }, defaultConfig)),
-    stateHandlerNames: {
-        loadingItemData: "setLoadingItemData",
-        loadingItemChildrens: "setLoadingItemChildrens",
-    },
-    treeInstance: {
-        waitForItemDataLoaded: ({ tree }, itemId) => tree.loadItemData(itemId),
-        waitForItemChildrenLoaded: ({ tree }, itemId) => tree.loadChildrenIds(itemId),
-        loadItemData: (_a, itemId_1) => __awaiter(void 0, [_a, itemId_1], void 0, function* ({ tree }, itemId) {
-            var _b;
-            return ((_b = getDataRef(tree).current.itemData[itemId]) !== null && _b !== void 0 ? _b : (yield loadItemData(tree, itemId)));
-        }),
-        loadChildrenIds: (_a, itemId_1) => __awaiter(void 0, [_a, itemId_1], void 0, function* ({ tree }, itemId) {
-            var _b;
-            return ((_b = getDataRef(tree).current.childrenIds[itemId]) !== null && _b !== void 0 ? _b : (yield loadChildrenIds(tree, itemId)));
-        }),
-        retrieveItemData: ({ tree }, itemId) => {
-            var _a, _b;
-            const config = tree.getConfig();
-            const dataRef = getDataRef(tree);
-            if (dataRef.current.itemData[itemId]) {
-                return dataRef.current.itemData[itemId];
-            }
-            if (!tree.getState().loadingItemData.includes(itemId)) {
-                tree.applySubStateUpdate("loadingItemData", (loadingItemData) => [
-                    ...loadingItemData,
-                    itemId,
-                ]);
-                loadItemData(tree, itemId);
-            }
-            return (_b = (_a = config.createLoadingItemData) === null || _a === void 0 ? void 0 : _a.call(config)) !== null && _b !== void 0 ? _b : null;
-        },
-        retrieveChildrenIds: ({ tree }, itemId) => {
-            const dataRef = getDataRef(tree);
-            if (dataRef.current.childrenIds[itemId]) {
-                return dataRef.current.childrenIds[itemId];
-            }
-            if (tree.getState().loadingItemChildrens.includes(itemId)) {
-                return [];
-            }
-            tree.applySubStateUpdate("loadingItemChildrens", (loadingItemChildrens) => [...loadingItemChildrens, itemId]);
-            loadChildrenIds(tree, itemId);
-            return [];
-        },
-    },
-    itemInstance: {
-        isLoading: ({ tree, item }) => tree.getState().loadingItemData.includes(item.getItemMeta().itemId) ||
-            tree.getState().loadingItemChildrens.includes(item.getItemMeta().itemId),
-        invalidateItemData: (_a, optimistic_1) => __awaiter(void 0, [_a, optimistic_1], void 0, function* ({ tree, itemId }, optimistic) {
-            var _b;
-            if (!optimistic) {
-                (_b = getDataRef(tree).current.itemData) === null || _b === void 0 ? true : delete _b[itemId];
-                tree.applySubStateUpdate("loadingItemData", (loadingItemData) => [
-                    ...loadingItemData,
-                    itemId,
-                ]);
-            }
-            yield loadItemData(tree, itemId);
-        }),
-        invalidateChildrenIds: (_a, optimistic_1) => __awaiter(void 0, [_a, optimistic_1], void 0, function* ({ tree, itemId }, optimistic) {
-            var _b;
-            if (!optimistic) {
-                (_b = getDataRef(tree).current.childrenIds) === null || _b === void 0 ? true : delete _b[itemId];
-                tree.applySubStateUpdate("loadingItemChildrens", (loadingItemChildrens) => [...loadingItemChildrens, itemId]);
-            }
-            yield loadChildrenIds(tree, itemId);
-        }),
-        updateCachedChildrenIds: ({ tree, itemId }, childrenIds) => {
-            const dataRef = tree.getDataRef();
-            dataRef.current.childrenIds[itemId] = childrenIds;
-            tree.rebuildTree();
-        },
-    },
-};

package/lib/cjs/features/async-data-loader/types.d.ts

@@ -1,47 +0,0 @@
-import { SetStateFn } from "../../types/core";
-import { SyncDataLoaderFeatureDef } from "../sync-data-loader/types";
-export interface AsyncDataLoaderDataRef<T = any> {
-    itemData: Record<string, T>;
-    childrenIds: Record<string, string[]>;
-}
-/**
- * @category Async Data Loader/General
- * */
-export type AsyncDataLoaderFeatureDef<T> = {
-    state: {
-        loadingItemData: string[];
-        loadingItemChildrens: string[];
-    };
-    config: {
-        rootItemId: string;
-        /** Will be called when HT retrieves item data for an item whose item data is asynchronously being loaded.
-         * Can be used to create placeholder data to use for rendering the tree item while it is loaded. If not defined,
-         * the tree item data will be null. */
-        createLoadingItemData?: () => T;
-        setLoadingItemData?: SetStateFn<string[]>;
-        setLoadingItemChildrens?: SetStateFn<string[]>;
-        onLoadedItem?: (itemId: string, item: T) => void;
-        onLoadedChildren?: (itemId: string, childrenIds: string[]) => void;
-    };
-    treeInstance: SyncDataLoaderFeatureDef<T>["treeInstance"] & {
-        /** @deprecated use loadItemData instead */
-        waitForItemDataLoaded: (itemId: string) => Promise<void>;
-        /** @deprecated use loadChildrenIds instead */
-        waitForItemChildrenLoaded: (itemId: string) => Promise<void>;
-        loadItemData: (itemId: string) => Promise<T>;
-        loadChildrenIds: (itemId: string) => Promise<string[]>;
-    };
-    itemInstance: SyncDataLoaderFeatureDef<T>["itemInstance"] & {
-        /** Invalidate fetched data for item, and triggers a refetch and subsequent rerender if the item is visible
-         * @param optimistic If true, the item will not trigger a state update on `loadingItemData`, and
-         * the tree will continue to display the old data until the new data has loaded. */
-        invalidateItemData: (optimistic?: boolean) => Promise<void>;
-        /** Invalidate fetched children ids for item, and triggers a refetch and subsequent rerender if the item is visible
-         * @param optimistic If true, the item will not trigger a state update on `loadingItemChildrens`, and
-         * the tree will continue to display the old data until the new data has loaded. */
-        invalidateChildrenIds: (optimistic?: boolean) => Promise<void>;
-        updateCachedChildrenIds: (childrenIds: string[]) => void;
-        isLoading: () => boolean;
-    };
-    hotkeys: SyncDataLoaderFeatureDef<T>["hotkeys"];
-};

package/lib/cjs/features/async-data-loader/types.js

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

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

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

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

@@ -1,179 +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.dragAndDropFeature = void 0;
-const utils_1 = require("./utils");
-const utils_2 = require("../../utils");
-exports.dragAndDropFeature = {
-    key: "drag-and-drop",
-    deps: ["selection"],
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ canDrop: (_, target) => target.item.isFolder(), canDropForeignDragObject: () => false, setDndState: (0, utils_2.makeStateUpdater)("dnd", tree), canReorder: true }, defaultConfig)),
-    stateHandlerNames: {
-        dnd: "setDndState",
-    },
-    treeInstance: {
-        getDragTarget: ({ tree }) => {
-            var _a, _b;
-            return (_b = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.dragTarget) !== null && _b !== void 0 ? _b : null;
-        },
-        getDragLineData: ({ tree }) => {
-            var _a, _b, _c, _d, _e, _f;
-            const target = tree.getDragTarget();
-            const indent = ((_a = target === null || target === void 0 ? void 0 : target.item.getItemMeta().level) !== null && _a !== void 0 ? _a : 0) + 1;
-            const treeBb = (_b = tree.getElement()) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-            if (!target || !treeBb || !(0, utils_1.isOrderedDragTarget)(target))
-                return null;
-            const leftOffset = target.dragLineLevel * ((_c = tree.getConfig().indent) !== null && _c !== void 0 ? _c : 1);
-            const targetItem = tree.getItems()[target.dragLineIndex];
-            if (!targetItem) {
-                const bb = (_e = (_d = tree
-                    .getItems()[target.dragLineIndex - 1]) === null || _d === void 0 ? void 0 : _d.getElement()) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect();
-                if (bb) {
-                    return {
-                        indent,
-                        top: bb.bottom - treeBb.top,
-                        left: bb.left + leftOffset - treeBb.left,
-                        width: bb.width - leftOffset,
-                    };
-                }
-            }
-            const bb = (_f = targetItem.getElement()) === null || _f === void 0 ? void 0 : _f.getBoundingClientRect();
-            if (bb) {
-                return {
-                    indent,
-                    top: bb.top - treeBb.top,
-                    left: bb.left + leftOffset - treeBb.left,
-                    width: bb.width - leftOffset,
-                };
-            }
-            return null;
-        },
-        getDragLineStyle: ({ tree }, topOffset = -1, leftOffset = -8) => {
-            const dragLine = tree.getDragLineData();
-            return dragLine
-                ? {
-                    position: "absolute",
-                    top: `${dragLine.top + topOffset}px`,
-                    left: `${dragLine.left + leftOffset}px`,
-                    width: `${dragLine.width - leftOffset}px`,
-                    pointerEvents: "none", // important to prevent capturing drag events
-                }
-                : { display: "none" };
-        },
-        getContainerProps: ({ prev }, treeLabel) => {
-            const prevProps = prev === null || prev === void 0 ? void 0 : prev(treeLabel);
-            return Object.assign(Object.assign({}, prevProps), { style: Object.assign(Object.assign({}, prevProps === null || prevProps === void 0 ? void 0 : prevProps.style), { position: "relative" }) });
-        },
-    },
-    itemInstance: {
-        getProps: ({ tree, item, prev }) => (Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev()), { draggable: true, onDragStart: (e) => {
-                var _a, _b, _c;
-                const selectedItems = tree.getSelectedItems();
-                const items = selectedItems.includes(item) ? selectedItems : [item];
-                const config = tree.getConfig();
-                if (!selectedItems.includes(item)) {
-                    tree.setSelectedItems([item.getItemMeta().itemId]);
-                }
-                if (!((_b = (_a = config.canDrag) === null || _a === void 0 ? void 0 : _a.call(config, items)) !== null && _b !== void 0 ? _b : true)) {
-                    e.preventDefault();
-                    return;
-                }
-                if (config.createForeignDragObject) {
-                    const { format, data } = config.createForeignDragObject(items);
-                    (_c = e.dataTransfer) === null || _c === void 0 ? void 0 : _c.setData(format, data);
-                }
-                tree.applySubStateUpdate("dnd", {
-                    draggedItems: items,
-                    draggingOverItem: tree.getFocusedItem(),
-                });
-            }, onDragOver: (e) => {
-                var _a, _b, _c;
-                const dataRef = tree.getDataRef();
-                const nextDragCode = (0, utils_1.getDragCode)(e, item, tree);
-                if (nextDragCode === dataRef.current.lastDragCode) {
-                    if (dataRef.current.lastAllowDrop) {
-                        e.preventDefault();
-                    }
-                    return;
-                }
-                dataRef.current.lastDragCode = nextDragCode;
-                const target = (0, utils_1.getDragTarget)(e, item, tree);
-                if (!((_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems) &&
-                    (!e.dataTransfer ||
-                        !((_c = (_b = tree
-                            .getConfig()).canDropForeignDragObject) === null || _c === void 0 ? void 0 : _c.call(_b, e.dataTransfer, target)))) {
-                    dataRef.current.lastAllowDrop = false;
-                    return;
-                }
-                if (!(0, utils_1.canDrop)(e.dataTransfer, target, tree)) {
-                    dataRef.current.lastAllowDrop = false;
-                    return;
-                }
-                tree.applySubStateUpdate("dnd", (state) => (Object.assign(Object.assign({}, state), { dragTarget: target, draggingOverItem: item })));
-                dataRef.current.lastAllowDrop = true;
-                e.preventDefault();
-            }, onDragLeave: () => {
-                const dataRef = tree.getDataRef();
-                dataRef.current.lastDragCode = "no-drag";
-                tree.applySubStateUpdate("dnd", (state) => (Object.assign(Object.assign({}, state), { draggingOverItem: undefined, dragTarget: undefined })));
-            }, onDragEnd: (e) => {
-                var _a, _b, _c, _d;
-                const draggedItems = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems;
-                tree.applySubStateUpdate("dnd", null);
-                if (((_b = e.dataTransfer) === null || _b === void 0 ? void 0 : _b.dropEffect) === "none" || !draggedItems) {
-                    return;
-                }
-                (_d = (_c = tree.getConfig()).onCompleteForeignDrop) === null || _d === void 0 ? void 0 : _d.call(_c, draggedItems);
-            }, onDrop: (e) => __awaiter(void 0, void 0, void 0, function* () {
-                var _a, _b, _c;
-                const dataRef = tree.getDataRef();
-                const target = (0, utils_1.getDragTarget)(e, item, tree);
-                if (!(0, utils_1.canDrop)(e.dataTransfer, target, tree)) {
-                    return;
-                }
-                e.preventDefault();
-                const config = tree.getConfig();
-                const draggedItems = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggedItems;
-                dataRef.current.lastDragCode = undefined;
-                tree.applySubStateUpdate("dnd", null);
-                if (draggedItems) {
-                    yield ((_b = config.onDrop) === null || _b === void 0 ? void 0 : _b.call(config, draggedItems, target));
-                }
-                else if (e.dataTransfer) {
-                    yield ((_c = config.onDropForeignDragObject) === null || _c === void 0 ? void 0 : _c.call(config, e.dataTransfer, target));
-                }
-            }) })),
-        isDragTarget: ({ tree, item }) => {
-            const target = tree.getDragTarget();
-            return target ? target.item.getId() === item.getId() : false;
-        },
-        isDragTargetAbove: ({ tree, item }) => {
-            const target = tree.getDragTarget();
-            if (!target ||
-                !(0, utils_1.isOrderedDragTarget)(target) ||
-                target.item !== item.getParent())
-                return false;
-            return target.childIndex === item.getItemMeta().posInSet;
-        },
-        isDragTargetBelow: ({ tree, item }) => {
-            const target = tree.getDragTarget();
-            if (!target ||
-                !(0, utils_1.isOrderedDragTarget)(target) ||
-                target.item !== item.getParent())
-                return false;
-            return target.childIndex - 1 === item.getItemMeta().posInSet;
-        },
-        isDraggingOver: ({ tree, item }) => {
-            var _a, _b;
-            return ((_b = (_a = tree.getState().dnd) === null || _a === void 0 ? void 0 : _a.draggingOverItem) === null || _b === void 0 ? void 0 : _b.getId()) === item.getId();
-        },
-    },
-};

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

@@ -1,66 +0,0 @@
-import { ItemInstance, SetStateFn } from "../../types/core";
-export interface DndDataRef {
-    lastDragCode?: string;
-    lastAllowDrop?: boolean;
-}
-export interface DndState<T> {
-    draggedItems?: ItemInstance<T>[];
-    draggingOverItem?: ItemInstance<T>;
-    dragTarget?: DragTarget<T>;
-}
-export interface DragLineData {
-    indent: number;
-    top: number;
-    left: number;
-    width: number;
-}
-export type DragTarget<T> = {
-    item: ItemInstance<T>;
-    childIndex: number;
-    insertionIndex: number;
-    dragLineIndex: number;
-    dragLineLevel: number;
-} | {
-    item: ItemInstance<T>;
-};
-export declare enum DragTargetPosition {
-    Top = "top",
-    Bottom = "bottom",
-    Item = "item"
-}
-export type DragAndDropFeatureDef<T> = {
-    state: {
-        dnd?: DndState<T> | null;
-    };
-    config: {
-        setDndState?: SetStateFn<DndState<T> | undefined | null>;
-        /** Defines the size of the area at the top and bottom of an item where, when an item is dropped, the item willö
-         * be placed above or below the item within the same parent, as opposed to being placed inside the item.
-         * If `canReorder` is `false`, this is ignored. */
-        reorderAreaPercentage?: number;
-        canReorder?: boolean;
-        canDrag?: (items: ItemInstance<T>[]) => boolean;
-        canDrop?: (items: ItemInstance<T>[], target: DragTarget<T>) => boolean;
-        indent?: number;
-        createForeignDragObject?: (items: ItemInstance<T>[]) => {
-            format: string;
-            data: any;
-        };
-        canDropForeignDragObject?: (dataTransfer: DataTransfer, target: DragTarget<T>) => boolean;
-        onDrop?: (items: ItemInstance<T>[], target: DragTarget<T>) => void | Promise<void>;
-        onDropForeignDragObject?: (dataTransfer: DataTransfer, target: DragTarget<T>) => void | Promise<void>;
-        onCompleteForeignDrop?: (items: ItemInstance<T>[]) => void;
-    };
-    treeInstance: {
-        getDragTarget: () => DragTarget<T> | null;
-        getDragLineData: () => DragLineData | null;
-        getDragLineStyle: (topOffset?: number, leftOffset?: number) => Record<string, any>;
-    };
-    itemInstance: {
-        isDragTarget: () => boolean;
-        isDragTargetAbove: () => boolean;
-        isDragTargetBelow: () => boolean;
-        isDraggingOver: () => boolean;
-    };
-    hotkeys: never;
-};

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragTargetPosition = void 0;
-var DragTargetPosition;
-(function (DragTargetPosition) {
-    DragTargetPosition["Top"] = "top";
-    DragTargetPosition["Bottom"] = "bottom";
-    DragTargetPosition["Item"] = "item";
-})(DragTargetPosition || (exports.DragTargetPosition = DragTargetPosition = {}));

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

@@ -1,27 +0,0 @@
-import { ItemInstance, TreeInstance } from "../../types/core";
-import { DragTarget } from "./types";
-export declare enum ItemDropCategory {
-    Item = 0,
-    ExpandedFolder = 1,
-    LastInGroup = 2
-}
-export declare const isOrderedDragTarget: <T>(dragTarget: DragTarget<T>) => dragTarget is {
-    item: ItemInstance<T>;
-    childIndex: number;
-    insertionIndex: number;
-    dragLineIndex: number;
-    dragLineLevel: number;
-};
-export declare const canDrop: (dataTransfer: DataTransfer | null, target: DragTarget<any>, tree: TreeInstance<any>) => boolean;
-export declare const getItemDropCategory: (item: ItemInstance<any>) => ItemDropCategory;
-export declare const getInsertionIndex: <T>(children: ItemInstance<T>[], childIndex: number, draggedItems: ItemInstance<T>[] | undefined) => number;
-export declare const getDragCode: (e: any, item: ItemInstance<any>, tree: TreeInstance<any>) => string;
-/** @param item refers to the bottom-most item of the container, at which bottom is being reparented on (e.g. root-1-2-6)  */
-export declare const getReparentTarget: <T>(item: ItemInstance<T>, reparentLevel: number, draggedItems: ItemInstance<T>[] | undefined) => {
-    item: ItemInstance<any>;
-    childIndex: number;
-    insertionIndex: number;
-    dragLineIndex: number;
-    dragLineLevel: number;
-};
-export declare const getDragTarget: (e: any, item: ItemInstance<any>, tree: TreeInstance<any>, canReorder?: boolean | undefined) => DragTarget<any>;