@headless-tree/core 0.0.10 → 0.0.12

package/lib/cjs/features/selection/feature.d.ts

@@ -1,5 +1,2 @@
 import { FeatureImplementation } from "../../types/core";
-import { SelectionFeatureDef } from "./types";
-import { MainFeatureDef } from "../main/types";
-import { TreeFeatureDef } from "../tree/types";
-export declare const selectionFeature: FeatureImplementation<any, SelectionFeatureDef<any>, MainFeatureDef | TreeFeatureDef<any> | SelectionFeatureDef<any>>;
+export declare const selectionFeature: FeatureImplementation;

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

@@ -9,25 +9,31 @@ exports.selectionFeature = {
     stateHandlerNames: {
         selectedItems: "setSelectedItems",
     },
-    createTreeInstance: (prev, instance) => (Object.assign(Object.assign({}, prev), { setSelectedItems: (selectedItems) => {
-            instance.applySubStateUpdate("selectedItems", selectedItems);
-        }, 
+    treeInstance: {
+        setSelectedItems: ({ tree }, selectedItems) => {
+            tree.applySubStateUpdate("selectedItems", selectedItems);
+        },
         // TODO memo
-        getSelectedItems: () => {
-            return instance.getState().selectedItems.map(instance.getItemInstance);
-        } })),
-    createItemInstance: (prev, item, tree) => (Object.assign(Object.assign({}, prev), { select: () => {
+        getSelectedItems: ({ tree }) => {
+            return tree.getState().selectedItems.map(tree.getItemInstance);
+        },
+    },
+    itemInstance: {
+        select: ({ tree, itemId }) => {
             const { selectedItems } = tree.getState();
-            tree.setSelectedItems(selectedItems.includes(item.getItemMeta().itemId)
+            tree.setSelectedItems(selectedItems.includes(itemId)
                 ? selectedItems
-                : [...selectedItems, item.getItemMeta().itemId]);
-        }, deselect: () => {
+                : [...selectedItems, itemId]);
+        },
+        deselect: ({ tree, itemId }) => {
             const { selectedItems } = tree.getState();
-            tree.setSelectedItems(selectedItems.filter((id) => id !== item.getItemMeta().itemId));
-        }, isSelected: () => {
+            tree.setSelectedItems(selectedItems.filter((id) => id !== itemId));
+        },
+        isSelected: ({ tree, item }) => {
             const { selectedItems } = tree.getState();
             return selectedItems.includes(item.getItemMeta().itemId);
-        }, selectUpTo: (ctrl) => {
+        },
+        selectUpTo: ({ tree, item }, ctrl) => {
             const indexA = item.getItemMeta().index;
             // TODO dont use focused item as anchor, but last primary-clicked item
             const indexB = tree.getFocusedItem().getItemMeta().index;
@@ -45,14 +51,16 @@ exports.selectionFeature = {
                 ...new Set([...selectedItems, ...newSelectedItems]),
             ];
             tree.setSelectedItems(uniqueSelectedItems);
-        }, toggleSelect: () => {
+        },
+        toggleSelect: ({ item }) => {
             if (item.isSelected()) {
                 item.deselect();
             }
             else {
                 item.select();
             }
-        }, getProps: () => (Object.assign(Object.assign({}, prev.getProps()), { "aria-selected": item.isSelected() ? "true" : "false", onClick: item.getMemoizedProp("selection/onClick", () => (e) => {
+        },
+        getProps: ({ tree, item, prev }) => (Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev()), { "aria-selected": item.isSelected() ? "true" : "false", onClick: (e) => {
                 var _a, _b;
                 if (e.shiftKey) {
                     item.selectUpTo(e.ctrlKey || e.metaKey);
@@ -63,8 +71,9 @@ exports.selectionFeature = {
                 else {
                     tree.setSelectedItems([item.getItemMeta().itemId]);
                 }
-                (_b = (_a = prev.getProps()).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-            }) })) })),
+                (_b = (_a = prev === null || prev === void 0 ? void 0 : prev()) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            } })),
+    },
     hotkeys: {
         // setSelectedItem: {
         //   hotkey: "space",
@@ -79,27 +88,37 @@ exports.selectionFeature = {
             },
         },
         selectUpwards: {
-            hotkey: "shift+ArrowUp",
-            handler: () => {
-                // TODO
+            hotkey: "Shift+ArrowUp",
+            handler: (e, tree) => {
+                const focused = tree.getFocusedItem();
+                const above = focused.getItemAbove();
+                if (!above)
+                    return;
+                if (focused.isSelected() && above.isSelected()) {
+                    focused.deselect();
+                }
+                else {
+                    above.select();
+                }
+                above.setFocused();
+                tree.updateDomFocus();
             },
         },
         selectDownwards: {
-            hotkey: "shift+ArrowDown",
-            handler: () => {
-                // TODO
-            },
-        },
-        selectUpwardsCtrl: {
-            hotkey: "shift+ctrl+ArrowUp",
-            handler: () => {
-                // TODO
-            },
-        },
-        selectDownwardsCtrl: {
-            hotkey: "shift+ctrl+ArrowUp",
-            handler: () => {
-                // TODO
+            hotkey: "Shift+ArrowDown",
+            handler: (e, tree) => {
+                const focused = tree.getFocusedItem();
+                const below = focused.getItemBelow();
+                if (!below)
+                    return;
+                if (focused.isSelected() && below.isSelected()) {
+                    focused.deselect();
+                }
+                else {
+                    below.select();
+                }
+                below.setFocused();
+                tree.updateDomFocus();
             },
         },
         selectAll: {

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

@@ -17,5 +17,5 @@ export type SelectionFeatureDef<T> = {
         isSelected: () => boolean;
         selectUpTo: (ctrl: boolean) => void;
     };
-    hotkeys: "toggleSelectItem" | "selectUpwards" | "selectDownwards" | "selectUpwardsCtrl" | "selectDownwardsCtrl" | "selectAll";
+    hotkeys: "toggleSelectItem" | "selectUpwards" | "selectDownwards" | "selectAll";
 };

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

@@ -1,4 +1,2 @@
 import { FeatureImplementation } from "../../types/core";
-import { SyncDataLoaderFeatureDef } from "./types";
-import { MainFeatureDef } from "../main/types";
-export declare const syncDataLoaderFeature: FeatureImplementation<any, SyncDataLoaderFeatureDef<any>, MainFeatureDef | SyncDataLoaderFeatureDef<any>>;
+export declare const syncDataLoaderFeature: FeatureImplementation;

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

@@ -9,6 +9,11 @@ exports.syncDataLoaderFeature = {
     stateHandlerNames: {
         loadingItems: "setLoadingItems",
     },
-    createTreeInstance: (prev, instance) => (Object.assign(Object.assign({}, prev), { retrieveItemData: (itemId) => instance.getConfig().dataLoader.getItem(itemId), retrieveChildrenIds: (itemId) => instance.getConfig().dataLoader.getChildren(itemId) })),
-    createItemInstance: (prev) => (Object.assign(Object.assign({}, prev), { isLoading: () => false })),
+    treeInstance: {
+        retrieveItemData: ({ tree }, itemId) => tree.getConfig().dataLoader.getItem(itemId),
+        retrieveChildrenIds: ({ tree }, itemId) => tree.getConfig().dataLoader.getChildren(itemId),
+    },
+    itemInstance: {
+        isLoading: () => false,
+    },
 };

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

@@ -1,6 +1,2 @@
 import { FeatureImplementation } from "../../types/core";
-import { TreeFeatureDef } from "./types";
-import { MainFeatureDef } from "../main/types";
-import { HotkeysCoreFeatureDef } from "../hotkeys-core/types";
-import { SyncDataLoaderFeatureDef } from "../sync-data-loader/types";
-export declare const treeFeature: FeatureImplementation<any, TreeFeatureDef<any>, MainFeatureDef | TreeFeatureDef<any> | HotkeysCoreFeatureDef<any> | SyncDataLoaderFeatureDef<any>>;
+export declare const treeFeature: FeatureImplementation<any>;

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

@@ -19,14 +19,12 @@ 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: {
+        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 +35,68 @@ 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) => {
-            var _a;
-            if (!instance.getItemInstance(itemId).isFolder()) {
-                return;
-            }
-            if ((_a = instance.getState().loadingItems) === null || _a === void 0 ? void 0 : _a.includes(itemId)) {
-                return;
-            }
-            instance.applySubStateUpdate("expandedItems", (expandedItems) => [
-                ...expandedItems,
-                itemId,
-            ]);
-            instance.rebuildTree();
-        }, collapseItem: (itemId) => {
-            if (!instance.getItemInstance(itemId).isFolder()) {
-                return;
-            }
-            instance.applySubStateUpdate("expandedItems", (expandedItems) => expandedItems.filter((id) => id !== itemId));
-            instance.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]);
+        },
+        focusNextItem: ({ tree }) => {
+            var _a;
+            const { index } = tree.getFocusedItem().getItemMeta();
+            const nextIndex = Math.min(index + 1, tree.getItems().length - 1);
+            (_a = tree.getItems()[nextIndex]) === null || _a === void 0 ? void 0 : _a.setFocused();
+        },
+        focusPreviousItem: ({ tree }) => {
+            var _a;
+            const { index } = tree.getFocusedItem().getItemMeta();
             const nextIndex = Math.max(index - 1, 0);
-            instance.focusItem(instance.getItems()[nextIndex].getId());
-        }, updateDomFocus: () => {
+            (_a = tree.getItems()[nextIndex]) === null || _a === void 0 ? void 0 : _a.setFocused();
+        },
+        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);
+        },
+        // TODO add label parameter
+        getContainerProps: ({ prev, tree }) => (Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev()), { role: "tree", "aria-label": "", ref: tree.registerElement })),
+        // 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: ({ itemId }) => 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()), { ref: item.registerElement, 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: (e) => {
                     item.setFocused();
                     item.primaryAction();
                     if (e.ctrlKey || e.shiftKey || e.metaKey) {
@@ -126,47 +111,65 @@ exports.treeFeature = {
                     else {
                         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, itemId }) => {
+            var _a;
+            if (!item.isFolder()) {
+                return;
+            }
+            if ((_a = tree.getState().loadingItems) === null || _a === void 0 ? void 0 : _a.includes(itemId)) {
+                return;
+            }
+            tree.applySubStateUpdate("expandedItems", (expandedItems) => [
+                ...expandedItems,
+                itemId,
+            ]);
+            tree.rebuildTree();
+        },
+        collapse: ({ tree, item, itemId }) => {
+            if (!item.isFolder()) {
+                return;
+            }
+            tree.applySubStateUpdate("expandedItems", (expandedItems) => expandedItems.filter((id) => id !== itemId));
+            tree.rebuildTree();
+        },
+        getItemData: ({ tree, itemId }) => tree.retrieveItemData(itemId),
+        equals: ({ item }, other) => item.getId() === (other === null || other === void 0 ? void 0 : other.getId()),
+        isExpanded: ({ tree, itemId }) => tree.getState().expandedItems.includes(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, itemId }) => tree.getState().focusedItem === 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()]), 
-        // TODO remove
-        getIndexInParent: () => item.getItemMeta().posInSet, getChildren: () => tree
+        },
+        setFocused: ({ tree, itemId }) => {
+            tree.applySubStateUpdate("focusedItem", 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,
+        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) => {
-            var _a, _b, _c, _d, _e;
-            var _f, _g;
-            const data = item.getDataRef();
-            const memoizedValue = (_a = data.current.memoizedValues) === null || _a === void 0 ? void 0 : _a[name];
-            if (memoizedValue &&
-                (!deps ||
-                    ((_c = (_b = data.current.memoizedDeps) === null || _b === void 0 ? void 0 : _b[name]) === null || _c === void 0 ? void 0 : _c.every((d, i) => d === deps[i])))) {
-                return memoizedValue;
-            }
-            (_d = (_f = data.current).memoizedDeps) !== null && _d !== void 0 ? _d : (_f.memoizedDeps = {});
-            (_e = (_g = data.current).memoizedValues) !== null && _e !== void 0 ? _e : (_g.memoizedValues = {});
-            const value = create();
-            data.current.memoizedDeps[name] = deps;
-            data.current.memoizedValues[name] = value;
-            return value;
-        } })),
+            .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],
+    },
     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();
@@ -215,14 +218,16 @@ exports.treeFeature = {
         focusFirstItem: {
             hotkey: "Home",
             handler: (e, tree) => {
-                tree.focusItem(tree.getItems()[0].getId());
+                var _a;
+                (_a = tree.getItems()[0]) === null || _a === void 0 ? void 0 : _a.setFocused();
                 tree.updateDomFocus();
             },
         },
         focusLastItem: {
             hotkey: "End",
             handler: (e, tree) => {
-                tree.focusItem(tree.getItems()[tree.getItems().length - 1].getId());
+                var _a;
+                (_a = tree.getItems()[tree.getItems().length - 1]) === null || _a === void 0 ? void 0 : _a.setFocused();
                 tree.updateDomFocus();
             },
         },

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

@@ -27,10 +27,6 @@ export type TreeFeatureDef<T> = {
     treeInstance: {
         /** @internal */
         getItemsMeta: () => ItemMeta[];
-        expandItem: (itemId: string) => void;
-        collapseItem: (itemId: string) => void;
-        isItemExpanded: (itemId: string) => boolean;
-        focusItem: (itemId: string) => void;
         getFocusedItem: () => ItemInstance<any>;
         focusNextItem: () => void;
         focusPreviousItem: () => void;
@@ -42,20 +38,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;
-        getMemoizedProp: <X>(name: string, create: () => X, deps?: any[]) => X;
+        getItemAbove: () => ItemInstance<T> | undefined;
+        getItemBelow: () => ItemInstance<T> | undefined;
         scrollTo: (scrollIntoViewArg?: boolean | ScrollIntoViewOptions) => Promise<void>;
     };
     hotkeys: "focusNextItem" | "focusPreviousItem" | "expandOrDown" | "collapseOrUp" | "focusFirstItem" | "focusLastItem";

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";
@@ -10,6 +10,7 @@ export * from "./features/hotkeys-core/types";
 export * from "./features/search/types";
 export * from "./features/renaming/types";
 export * from "./features/expand-all/types";
+export * from "./features/prop-memoization/types";
 export * from "./features/selection/feature";
 export * from "./features/hotkeys-core/feature";
 export * from "./features/async-data-loader/feature";
@@ -18,6 +19,9 @@ export * from "./features/drag-and-drop/feature";
 export * from "./features/search/feature";
 export * from "./features/renaming/feature";
 export * from "./features/expand-all/feature";
+export * from "./features/prop-memoization/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);
@@ -26,6 +25,7 @@ __exportStar(require("./features/hotkeys-core/types"), exports);
 __exportStar(require("./features/search/types"), exports);
 __exportStar(require("./features/renaming/types"), exports);
 __exportStar(require("./features/expand-all/types"), exports);
+__exportStar(require("./features/prop-memoization/types"), exports);
 __exportStar(require("./features/selection/feature"), exports);
 __exportStar(require("./features/hotkeys-core/feature"), exports);
 __exportStar(require("./features/async-data-loader/feature"), exports);
@@ -34,6 +34,9 @@ __exportStar(require("./features/drag-and-drop/feature"), exports);
 __exportStar(require("./features/search/feature"), exports);
 __exportStar(require("./features/renaming/feature"), exports);
 __exportStar(require("./features/expand-all/feature"), exports);
+__exportStar(require("./features/prop-memoization/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/mddocs-entry.d.ts

@@ -8,6 +8,7 @@ import { SearchFeatureDef } from "./features/search/types";
 import { SelectionFeatureDef } from "./features/selection/types";
 import { SyncDataLoaderFeatureDef } from "./features/sync-data-loader/types";
 import { TreeFeatureDef } from "./features/tree/types";
+import { PropMemoizationFeatureDef } from "./features/prop-memoization/types";
 export * from ".";
 /** @interface */
 export type AsyncDataLoaderFeatureConfig<T> = AsyncDataLoaderFeatureDef<T>["config"];
@@ -55,6 +56,15 @@ export type MainFeatureTreeInstance = MainFeatureDef["treeInstance"];
 export type MainFeatureItemInstance = MainFeatureDef["itemInstance"];
 export type MainFeatureHotkeys = MainFeatureDef["hotkeys"];
 /** @interface */
+export type PropMemoizationConfig = PropMemoizationFeatureDef["config"];
+/** @interface */
+export type PropMemoizationState = PropMemoizationFeatureDef["state"];
+/** @interface */
+export type PropMemoizationTreeInstance = PropMemoizationFeatureDef["treeInstance"];
+/** @interface */
+export type PropMemoizationItemInstance = PropMemoizationFeatureDef["itemInstance"];
+export type PropMemoizationHotkeys = PropMemoizationFeatureDef["hotkeys"];
+/** @interface */
 export type RenamingFeatureConfig<T> = RenamingFeatureDef<T>["config"];
 /** @interface */
 export type RenamingFeatureState<T> = RenamingFeatureDef<T>["state"];

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<T>;
+    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;
+}