@headless-tree/core 0.0.9 → 0.0.11

package/lib/cjs/features/tree/feature.js

@@ -19,14 +19,13 @@ exports.treeFeature = {
         expandedItems: "setExpandedItems",
         focusedItem: "setFocusedItem",
     },
-    createTreeInstance: (prev, instance) => (Object.assign(Object.assign({}, prev), { retrieveItemData: () => {
-            throw new Error("No data-loader registered");
-        }, retrieveChildrenIds: () => {
-            throw new Error("No data-loader registered");
-        }, isItemExpanded: (itemId) => instance.getState().expandedItems.includes(itemId), getItemsMeta: () => {
-            const { rootItemId } = instance.getConfig();
-            const { expandedItems } = instance.getState();
+    treeInstance: {
+        isItemExpanded: ({ tree }, itemId) => tree.getState().expandedItems.includes(itemId),
+        getItemsMeta: ({ tree }) => {
+            const { rootItemId } = tree.getConfig();
+            const { expandedItems } = tree.getState();
             const flatItems = [];
+            const expandedItemsSet = new Set(expandedItems);
             const recursiveAdd = (itemId, parentId, level, setSize, posInSet) => {
                 var _a;
                 flatItems.push({
@@ -37,81 +36,89 @@ exports.treeFeature = {
                     setSize,
                     posInSet,
                 });
-                if (expandedItems.includes(itemId)) {
-                    const children = (_a = instance.retrieveChildrenIds(itemId)) !== null && _a !== void 0 ? _a : [];
+                if (expandedItemsSet.has(itemId)) {
+                    // TODO THIS MADE A HUGE DIFFERENCE!
+                    const children = (_a = tree.retrieveChildrenIds(itemId)) !== null && _a !== void 0 ? _a : [];
                     let i = 0;
                     for (const childId of children) {
                         recursiveAdd(childId, itemId, level + 1, children.length, i++);
                     }
                 }
             };
-            const children = instance.retrieveChildrenIds(rootItemId);
+            const children = tree.retrieveChildrenIds(rootItemId);
             let i = 0;
             for (const itemId of children) {
                 recursiveAdd(itemId, rootItemId, 0, children.length, i++);
             }
             return flatItems;
-        }, expandItem: (itemId) => {
+        },
+        expandItem: ({ tree }, itemId) => {
             var _a;
-            if (!instance.getItemInstance(itemId).isFolder()) {
+            if (!tree.getItemInstance(itemId).isFolder()) {
                 return;
             }
-            if ((_a = instance.getState().loadingItems) === null || _a === void 0 ? void 0 : _a.includes(itemId)) {
+            if ((_a = tree.getState().loadingItems) === null || _a === void 0 ? void 0 : _a.includes(itemId)) {
                 return;
             }
-            instance.applySubStateUpdate("expandedItems", (expandedItems) => [
+            tree.applySubStateUpdate("expandedItems", (expandedItems) => [
                 ...expandedItems,
                 itemId,
             ]);
-            instance.rebuildTree();
-        }, collapseItem: (itemId) => {
-            if (!instance.getItemInstance(itemId).isFolder()) {
+            tree.rebuildTree();
+        },
+        collapseItem: ({ tree }, itemId) => {
+            if (!tree.getItemInstance(itemId).isFolder()) {
                 return;
             }
-            instance.applySubStateUpdate("expandedItems", (expandedItems) => expandedItems.filter((id) => id !== itemId));
-            instance.rebuildTree();
-        }, 
+            tree.applySubStateUpdate("expandedItems", (expandedItems) => expandedItems.filter((id) => id !== itemId));
+            tree.rebuildTree();
+        },
         // TODO memo
-        getFocusedItem: () => {
+        getFocusedItem: ({ tree }) => {
             var _a, _b;
-            return ((_b = instance.getItemInstance((_a = instance.getState().focusedItem) !== null && _a !== void 0 ? _a : "")) !== null && _b !== void 0 ? _b : instance.getItems()[0]);
-        }, focusItem: (itemId) => {
-            instance.applySubStateUpdate("focusedItem", itemId);
-        }, focusNextItem: () => {
-            const { index } = instance.getFocusedItem().getItemMeta();
-            const nextIndex = Math.min(index + 1, instance.getItems().length - 1);
-            instance.focusItem(instance.getItems()[nextIndex].getId());
-        }, focusPreviousItem: () => {
-            const { index } = instance.getFocusedItem().getItemMeta();
+            return ((_b = tree.getItemInstance((_a = tree.getState().focusedItem) !== null && _a !== void 0 ? _a : "")) !== null && _b !== void 0 ? _b : tree.getItems()[0]);
+        },
+        focusItem: ({ tree }, itemId) => {
+            tree.applySubStateUpdate("focusedItem", itemId);
+        },
+        focusNextItem: ({ tree }) => {
+            const { index } = tree.getFocusedItem().getItemMeta();
+            const nextIndex = Math.min(index + 1, tree.getItems().length - 1);
+            tree.focusItem(tree.getItems()[nextIndex].getId());
+        },
+        focusPreviousItem: ({ tree }) => {
+            const { index } = tree.getFocusedItem().getItemMeta();
             const nextIndex = Math.max(index - 1, 0);
-            instance.focusItem(instance.getItems()[nextIndex].getId());
-        }, updateDomFocus: () => {
+            tree.focusItem(tree.getItems()[nextIndex].getId());
+        },
+        updateDomFocus: ({ tree }) => {
             // Required because if the state is managed outside in react, the state only updated during next render
             setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
                 var _a, _b;
-                const focusedItem = instance.getFocusedItem();
-                (_b = (_a = instance.getConfig()).scrollToItem) === null || _b === void 0 ? void 0 : _b.call(_a, focusedItem);
+                const focusedItem = tree.getFocusedItem();
+                (_b = (_a = tree.getConfig()).scrollToItem) === null || _b === void 0 ? void 0 : _b.call(_a, focusedItem);
                 yield (0, utils_1.poll)(() => focusedItem.getElement() !== null, 20);
                 const focusedElement = focusedItem.getElement();
                 if (!focusedElement)
                     return;
                 focusedElement.focus();
             }));
-        }, getContainerProps: () => {
-            var _a;
-            return (Object.assign(Object.assign({}, (_a = prev.getContainerProps) === null || _a === void 0 ? void 0 : _a.call(prev)), { role: "tree", ariaLabel: "", ariaActivedescendant: "" }));
-        } })),
-    createItemInstance: (prev, item, tree) => (Object.assign(Object.assign({}, prev), { isLoading: () => {
-            throw new Error("No data-loader registered");
-        }, scrollTo: (scrollIntoViewArg) => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
-            (_b = (_a = tree.getConfig()).scrollToItem) === null || _b === void 0 ? void 0 : _b.call(_a, item);
+        },
+        getContainerProps: ({ prev }) => (Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev()), { role: "tree", ariaLabel: "", ariaActivedescendant: "" })),
+        // relevant for hotkeys of this feature
+        isSearchOpen: () => false,
+    },
+    itemInstance: {
+        scrollTo: (_a, scrollIntoViewArg_1) => __awaiter(void 0, [_a, scrollIntoViewArg_1], void 0, function* ({ tree, item }, scrollIntoViewArg) {
+            var _b, _c, _d;
+            (_c = (_b = tree.getConfig()).scrollToItem) === null || _c === void 0 ? void 0 : _c.call(_b, item);
             yield (0, utils_1.poll)(() => item.getElement() !== null, 20);
-            item.getElement().scrollIntoView(scrollIntoViewArg);
-        }), getId: () => item.getItemMeta().itemId, getProps: () => {
-            var _a;
+            (_d = item.getElement()) === null || _d === void 0 ? void 0 : _d.scrollIntoView(scrollIntoViewArg);
+        }),
+        getId: ({ item }) => item.getItemMeta().itemId,
+        getProps: ({ item, prev }) => {
             const itemMeta = item.getItemMeta();
-            return Object.assign(Object.assign({}, (_a = prev.getProps) === null || _a === void 0 ? void 0 : _a.call(prev)), { role: "treeitem", "aria-setsize": itemMeta.setSize, "aria-posinset": itemMeta.posInSet, "aria-selected": "false", "aria-label": item.getItemName(), "aria-level": itemMeta.level, tabIndex: item.isFocused() ? 0 : -1, onClick: item.getMemoizedProp("tree/onClick", () => (e) => {
+            return Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev()), { role: "treeitem", "aria-setsize": itemMeta.setSize, "aria-posinset": itemMeta.posInSet, "aria-selected": "false", "aria-label": item.getItemName(), "aria-level": itemMeta.level, tabIndex: item.isFocused() ? 0 : -1, onClick: item.getMemoizedProp("tree/onClick", () => (e) => {
                     item.setFocused();
                     item.primaryAction();
                     if (e.ctrlKey || e.shiftKey || e.metaKey) {
@@ -127,24 +134,38 @@ exports.treeFeature = {
                         item.expand();
                     }
                 }) });
-        }, expand: () => tree.expandItem(item.getItemMeta().itemId), collapse: () => tree.collapseItem(item.getItemMeta().itemId), getItemData: () => tree.retrieveItemData(item.getItemMeta().itemId), isExpanded: () => tree.getState().expandedItems.includes(item.getItemMeta().itemId), isFocused: () => tree.getState().focusedItem === item.getItemMeta().itemId ||
-            (tree.getState().focusedItem === null && item.getItemMeta().index === 0), isFolder: () => item.getItemMeta().level === -1 ||
-            tree.getConfig().isItemFolder(item), getItemName: () => {
+        },
+        expand: ({ tree, item }) => tree.expandItem(item.getItemMeta().itemId),
+        collapse: ({ tree, item }) => tree.collapseItem(item.getItemMeta().itemId),
+        getItemData: ({ tree, item }) => tree.retrieveItemData(item.getItemMeta().itemId),
+        equals: ({ item }, other) => item.getId() === (other === null || other === void 0 ? void 0 : other.getId()),
+        isExpanded: ({ tree, item }) => tree.getState().expandedItems.includes(item.getItemMeta().itemId),
+        isDescendentOf: ({ item }, parentId) => {
+            const parent = item.getParent();
+            return Boolean((parent === null || parent === void 0 ? void 0 : parent.getId()) === parentId || (parent === null || parent === void 0 ? void 0 : parent.isDescendentOf(parentId)));
+        },
+        isFocused: ({ tree, item }) => tree.getState().focusedItem === item.getItemMeta().itemId ||
+            (tree.getState().focusedItem === null && item.getItemMeta().index === 0),
+        isFolder: ({ tree, item }) => item.getItemMeta().level === -1 ||
+            tree.getConfig().isItemFolder(item),
+        getItemName: ({ tree, item }) => {
             const config = tree.getConfig();
             return config.getItemName(item);
-        }, setFocused: () => tree.focusItem(item.getItemMeta().itemId), primaryAction: () => { var _a, _b; return (_b = (_a = tree.getConfig()).onPrimaryAction) === null || _b === void 0 ? void 0 : _b.call(_a, item); }, getParent: (0, utils_1.memo)((itemMeta) => {
-            for (let i = itemMeta.index - 1; i >= 0; i--) {
-                const potentialParent = tree.getItems()[i];
-                if (potentialParent.getItemMeta().level < itemMeta.level) {
-                    return potentialParent;
-                }
-            }
-            return tree.getItemInstance(tree.getConfig().rootItemId);
-        }, () => [item.getItemMeta()]), 
+        },
+        setFocused: ({ tree, item }) => tree.focusItem(item.getItemMeta().itemId),
+        primaryAction: ({ tree, item }) => { var _a, _b; return (_b = (_a = tree.getConfig()).onPrimaryAction) === null || _b === void 0 ? void 0 : _b.call(_a, item); },
+        getParent: ({ tree, item }) => item.getItemMeta().parentId
+            ? tree.getItemInstance(item.getItemMeta().parentId)
+            : undefined,
         // TODO remove
-        getIndexInParent: () => item.getItemMeta().posInSet, getChildren: () => tree
+        getIndexInParent: ({ item }) => item.getItemMeta().posInSet,
+        getChildren: ({ tree, item }) => tree
             .retrieveChildrenIds(item.getItemMeta().itemId)
-            .map((id) => tree.getItemInstance(id)), getTree: () => tree, getItemAbove: () => tree.getItems()[item.getItemMeta().index - 1], getItemBelow: () => tree.getItems()[item.getItemMeta().index + 1], getMemoizedProp: (name, create, deps) => {
+            .map((id) => tree.getItemInstance(id)),
+        getTree: ({ tree }) => tree,
+        getItemAbove: ({ tree, item }) => tree.getItems()[item.getItemMeta().index - 1],
+        getItemBelow: ({ tree, item }) => tree.getItems()[item.getItemMeta().index + 1],
+        getMemoizedProp: ({ item }, name, create, deps) => {
             var _a, _b, _c, _d, _e;
             var _f, _g;
             const data = item.getDataRef();
@@ -160,13 +181,14 @@ exports.treeFeature = {
             data.current.memoizedDeps[name] = deps;
             data.current.memoizedValues[name] = value;
             return value;
-        } })),
+        },
+    },
     hotkeys: {
         focusNextItem: {
             hotkey: "ArrowDown",
             canRepeat: true,
             preventDefault: true,
-            isEnabled: (tree) => { var _a, _b; return !((_b = (_a = tree.isSearchOpen) === null || _a === void 0 ? void 0 : _a.call(tree)) !== null && _b !== void 0 ? _b : false) && !tree.getState().dnd; },
+            isEnabled: (tree) => { var _a, _b; return !((_b = (_a = tree.isSearchOpen) === null || _a === void 0 ? void 0 : _a.call(tree)) !== null && _b !== void 0 ? _b : false) && !tree.getState().dnd; }, // TODO what happens when the feature doesnt exist? proxy method still claims to exist
             handler: (e, tree) => {
                 tree.focusNextItem();
                 tree.updateDomFocus();

package/lib/cjs/features/tree/types.d.ts

@@ -42,19 +42,21 @@ export type TreeFeatureDef<T> = {
         getProps: () => Record<string, any>;
         getItemName: () => string;
         getItemData: () => T;
+        equals: (other?: ItemInstance<any> | null) => boolean;
         expand: () => void;
         collapse: () => void;
         isExpanded: () => boolean;
+        isDescendentOf: (parentId: string) => boolean;
         isFocused: () => boolean;
         isFolder: () => boolean;
         setFocused: () => void;
-        getParent: () => ItemInstance<T>;
+        getParent: () => ItemInstance<T> | undefined;
         getChildren: () => ItemInstance<T>[];
         getIndexInParent: () => number;
         primaryAction: () => void;
         getTree: () => TreeInstance<T>;
-        getItemAbove: () => ItemInstance<T> | null;
-        getItemBelow: () => ItemInstance<T> | null;
+        getItemAbove: () => ItemInstance<T> | undefined;
+        getItemBelow: () => ItemInstance<T> | undefined;
         getMemoizedProp: <X>(name: string, create: () => X, deps?: any[]) => X;
         scrollTo: (scrollIntoViewArg?: boolean | ScrollIntoViewOptions) => Promise<void>;
     };

package/lib/cjs/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./types/core";
 export * from "./core/create-tree";
 export * from "./features/tree/types";
-export * from "./features/main/types";
+export { MainFeatureDef, InstanceBuilder } from "./features/main/types";
 export * from "./features/drag-and-drop/types";
 export * from "./features/selection/types";
 export * from "./features/async-data-loader/types";
@@ -21,3 +21,5 @@ export * from "./features/expand-all/feature";
 export * from "./utilities/create-on-drop-handler";
 export * from "./utilities/insert-items-at-target";
 export * from "./utilities/remove-items-from-parents";
+export * from "./core/build-proxified-instance";
+export * from "./core/build-static-instance";

package/lib/cjs/index.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types/core"), exports);
 __exportStar(require("./core/create-tree"), exports);
 __exportStar(require("./features/tree/types"), exports);
-__exportStar(require("./features/main/types"), exports);
 __exportStar(require("./features/drag-and-drop/types"), exports);
 __exportStar(require("./features/selection/types"), exports);
 __exportStar(require("./features/async-data-loader/types"), exports);
@@ -37,3 +36,5 @@ __exportStar(require("./features/expand-all/feature"), exports);
 __exportStar(require("./utilities/create-on-drop-handler"), exports);
 __exportStar(require("./utilities/insert-items-at-target"), exports);
 __exportStar(require("./utilities/remove-items-from-parents"), exports);
+__exportStar(require("./core/build-proxified-instance"), exports);
+__exportStar(require("./core/build-static-instance"), exports);

package/lib/cjs/test-utils/test-tree-do.d.ts

@@ -0,0 +1,23 @@
+import { DragEvent } from "react";
+import { TestTree } from "./test-tree";
+import { HotkeyName } from "../types/core";
+export declare class TestTreeDo<T> {
+    protected tree: TestTree<T>;
+    protected itemInstance(itemId: string): import("../types/core").ItemInstance<any>;
+    protected itemProps(itemId: string): Record<string, any>;
+    constructor(tree: TestTree<T>);
+    selectItem(id: string): void;
+    shiftSelectItem(id: string): void;
+    ctrlSelectItem(id: string): void;
+    ctrlShiftSelectItem(id: string): void;
+    selectMultiple(...ids: string[]): void;
+    hotkey(hotkey: HotkeyName, e?: Partial<KeyboardEvent>): void;
+    startDrag(itemId: string, event?: DragEvent): DragEvent<Element>;
+    dragOver(itemId: string, event?: DragEvent): DragEvent<Element>;
+    dragOverNotAllowed(itemId: string, event?: DragEvent): DragEvent<Element>;
+    dragLeave(itemId: string): void;
+    dragEnd(itemId: string, event?: DragEvent): DragEvent<Element>;
+    drop(itemId: string, event?: DragEvent): DragEvent<Element>;
+    dragOverAndDrop(itemId: string, event?: DragEvent): DragEvent<Element>;
+    private consistentCalls;
+}

package/lib/cjs/test-utils/test-tree-do.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestTreeDo = void 0;
+const vitest_1 = require("vitest");
+const test_tree_1 = require("./test-tree");
+class TestTreeDo {
+    itemInstance(itemId) {
+        return this.tree.instance.getItemInstance(itemId);
+    }
+    itemProps(itemId) {
+        return this.itemInstance(itemId).getProps();
+    }
+    constructor(tree) {
+        this.tree = tree;
+    }
+    selectItem(id) {
+        this.itemProps(id).onClick({});
+    }
+    shiftSelectItem(id) {
+        this.itemProps(id).onClick({ shiftKey: true });
+    }
+    ctrlSelectItem(id) {
+        this.itemProps(id).onClick({ ctrlKey: true });
+    }
+    ctrlShiftSelectItem(id) {
+        this.itemProps(id).onClick({ shiftKey: true, ctrlKey: true });
+    }
+    selectMultiple(...ids) {
+        ids.forEach((id) => this.ctrlSelectItem(id));
+    }
+    hotkey(hotkey, e = {}) {
+        var _a, _b;
+        const hotkeyConfig = Object.assign(Object.assign({}, this.tree.instance.getHotkeyPresets()[hotkey]), (_a = this.tree.instance.getConfig().hotkeys) === null || _a === void 0 ? void 0 : _a[hotkey]);
+        if (hotkeyConfig.isEnabled &&
+            !((_b = hotkeyConfig.isEnabled) === null || _b === void 0 ? void 0 : _b.call(hotkeyConfig, this.tree.instance))) {
+            throw new Error(`Hotkey "${hotkey}" is disabled`);
+        }
+        if (!hotkeyConfig.handler) {
+            throw new Error(`Hotkey "${hotkey}" has no handler`);
+        }
+        hotkeyConfig.handler(Object.assign(Object.assign({}, e), { stopPropagation: () => { }, preventDefault: () => { } }), this.tree.instance);
+    }
+    startDrag(itemId, event) {
+        if (!this.itemProps(itemId).draggable) {
+            throw new Error(`Can't drag item ${itemId}, has attribute draggable=false`);
+        }
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        this.itemProps(itemId).onDragStart(e);
+        return e;
+    }
+    dragOver(itemId, event) {
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        e.preventDefault.mockClear();
+        this.itemProps(itemId).onDragOver(e);
+        this.itemProps(itemId).onDragOver(e);
+        this.itemProps(itemId).onDragOver(e);
+        (0, vitest_1.expect)(e.preventDefault).toBeCalledTimes(3);
+        this.consistentCalls(e.preventDefault);
+        this.consistentCalls(e.stopPropagation);
+        return e;
+    }
+    dragOverNotAllowed(itemId, event) {
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        e.preventDefault.mockClear();
+        this.itemProps(itemId).onDragOver(e);
+        this.itemProps(itemId).onDragOver(e);
+        this.itemProps(itemId).onDragOver(e);
+        (0, vitest_1.expect)(e.preventDefault).toBeCalledTimes(0);
+        this.consistentCalls(e.preventDefault);
+        this.consistentCalls(e.stopPropagation);
+        return e;
+    }
+    dragLeave(itemId) {
+        this.itemProps(itemId).onDragLeave({});
+    }
+    dragEnd(itemId, event) {
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        this.itemProps(itemId).onDragEnd(e);
+        return e;
+    }
+    drop(itemId, event) {
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        this.itemProps(itemId).onDrop(e);
+        return e;
+    }
+    dragOverAndDrop(itemId, event) {
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        this.dragOver(itemId, e);
+        return this.drop(itemId, e);
+    }
+    consistentCalls(fn) {
+        if (!vitest_1.vi.isMockFunction(fn)) {
+            throw new Error("fn is not a mock");
+        }
+        (0, vitest_1.expect)(fn.mock.calls.length, "function called inconsistent times").toBeOneOf([0, 3]);
+        (0, vitest_1.expect)(new Set(fn.mock.calls.map((call) => call.join("__"))).size, "function called with inconsistent parameters").toBeOneOf([0, 1]);
+    }
+}
+exports.TestTreeDo = TestTreeDo;

package/lib/cjs/test-utils/test-tree-expect.d.ts

@@ -0,0 +1,15 @@
+import { DragEvent } from "react";
+import { TestTree } from "./test-tree";
+import { DropTarget } from "../features/drag-and-drop/types";
+export declare class TestTreeExpect<T> {
+    private tree;
+    protected itemInstance(itemId: string): import("..").ItemInstance<any>;
+    protected itemProps(itemId: string): Record<string, any>;
+    constructor(tree: TestTree<T>);
+    foldersExpanded(...itemIds: string[]): void;
+    foldersCollapsed(...itemIds: string[]): void;
+    hasChildren(itemId: string, children: string[]): void;
+    dropped(draggedItems: string[], target: DropTarget<any>): void;
+    dragOverNotAllowed(itemId: string, event?: DragEvent): DragEvent<Element>;
+    defaultDragLineProps(indent?: number): void;
+}

package/lib/cjs/test-utils/test-tree-expect.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestTreeExpect = void 0;
+/* eslint-disable import/no-extraneous-dependencies */
+const vitest_1 = require("vitest");
+const test_tree_1 = require("./test-tree");
+class TestTreeExpect {
+    itemInstance(itemId) {
+        return this.tree.instance.getItemInstance(itemId);
+    }
+    itemProps(itemId) {
+        return this.itemInstance(itemId).getProps();
+    }
+    constructor(tree) {
+        this.tree = tree;
+    }
+    foldersExpanded(...itemIds) {
+        for (const itemId of itemIds) {
+            (0, vitest_1.expect)(this.tree.instance.getItemInstance(itemId).isExpanded(), `Expected ${itemId} to be expanded`).toBe(true);
+        }
+    }
+    foldersCollapsed(...itemIds) {
+        for (const itemId of itemIds) {
+            (0, vitest_1.expect)(this.tree.instance.getItemInstance(itemId).isExpanded(), `Expected ${itemId} to be collapsed`).toBe(false);
+        }
+    }
+    hasChildren(itemId, children) {
+        const item = this.tree.instance.getItemInstance(itemId);
+        const itemChildren = item.getChildren().map((child) => child.getId());
+        (0, vitest_1.expect)(itemChildren).toEqual(children);
+    }
+    dropped(draggedItems, target) {
+        (0, vitest_1.expect)(this.tree.instance.getConfig().onDrop).toBeCalledWith(draggedItems.map((id) => this.tree.item(id)), target);
+    }
+    dragOverNotAllowed(itemId, event) {
+        const e = event !== null && event !== void 0 ? event : test_tree_1.TestTree.dragEvent();
+        e.preventDefault.mockClear();
+        this.itemProps(itemId).onDragOver(e);
+        this.itemProps(itemId).onDragOver(e);
+        this.itemProps(itemId).onDragOver(e);
+        (0, vitest_1.expect)(e.preventDefault, "onDragOver shouldn't call e.preventDefault if drag is not allowed").not.toBeCalled();
+        this.itemProps(itemId).onDrop(e);
+        (0, vitest_1.expect)(e.preventDefault, "onDrop shouldn't call e.preventDefault if drag is not allowed").not.toBeCalled();
+        (0, vitest_1.expect)(this.tree.instance.getConfig().onDrop, "onDrop handler shouldn't be called if drag is not allowed").not.toBeCalled();
+        return e;
+    }
+    defaultDragLineProps(indent = 0) {
+        (0, vitest_1.expect)(this.tree.instance.getDragLineData()).toEqual({
+            indent,
+            left: indent * 20,
+            right: 100,
+            top: 0,
+        });
+        (0, vitest_1.expect)(this.tree.instance.getDragLineStyle(0, 0)).toEqual({
+            left: `${indent * 20}px`,
+            pointerEvents: "none",
+            top: "0px",
+            width: `${100 - indent * 20}px`,
+        });
+    }
+}
+exports.TestTreeExpect = TestTreeExpect;

package/lib/cjs/test-utils/test-tree.d.ts

@@ -0,0 +1,47 @@
+import { DragEvent } from "react";
+import { TreeConfig, TreeInstance } from "../types/core";
+import { TestTreeDo } from "./test-tree-do";
+import { TestTreeExpect } from "./test-tree-expect";
+export declare class TestTree<T = string> {
+    private config;
+    readonly do: TestTreeDo<T>;
+    readonly expect: TestTreeExpect<T>;
+    private treeInstance;
+    private static asyncLoaderResolvers;
+    suits: {
+        sync: () => {
+            tree: TestTree<T>;
+            title: string;
+        };
+        async: () => {
+            tree: TestTree<T>;
+            title: string;
+        };
+        proxifiedSync: () => {
+            tree: TestTree<T>;
+            title: string;
+        };
+        proxifiedAsync: () => {
+            tree: TestTree<T>;
+            title: string;
+        };
+    };
+    forSuits(runSuite: (tree: TestTree<T>) => void): void;
+    get instance(): TreeInstance<T>;
+    private constructor();
+    static resolveAsyncLoaders(): Promise<void>;
+    resolveAsyncVisibleItems(): Promise<void>;
+    static default(config: Partial<TreeConfig<string>>): TestTree<string>;
+    with(config: Partial<TreeConfig<T>>): TestTree<T>;
+    resetBeforeEach(): void;
+    createTestCaseTree(): Promise<this>;
+    withFeatures(...features: any): TestTree<T>;
+    mockedHandler(handlerName: keyof TreeConfig<T>): import("vitest").Mock<(...args: any[]) => any>;
+    item(itemId: string): import("../types/core").ItemInstance<any>;
+    reset(): void;
+    debug(): void;
+    setElementBoundingBox(itemId: string, bb?: Partial<DOMRect>): void;
+    static dragEvent(pageX?: number, pageY?: number): DragEvent;
+    createTopDragEvent(indent?: number): DragEvent<Element>;
+    createBottomDragEvent(indent?: number): DragEvent<Element>;
+}