@headless-tree/core 1.2.1 → 1.4.0

package/lib/esm/features/search/feature.js

@@ -1,116 +0,0 @@
-import { makeStateUpdater, memo } from "../../utils";
-export const searchFeature = {
-    key: "search",
-    getInitialState: (initialState) => (Object.assign({ search: null }, initialState)),
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setSearch: makeStateUpdater("search", tree), isSearchMatchingItem: (search, item) => search.length > 0 &&
-            item.getItemName().toLowerCase().includes(search.toLowerCase()) }, defaultConfig)),
-    stateHandlerNames: {
-        search: "setSearch",
-    },
-    treeInstance: {
-        setSearch: ({ tree }, search) => {
-            var _a;
-            tree.applySubStateUpdate("search", search);
-            (_a = tree
-                .getItems()
-                .find((item) => { var _a, _b; return (_b = (_a = tree.getConfig()).isSearchMatchingItem) === null || _b === void 0 ? void 0 : _b.call(_a, tree.getSearchValue(), item); })) === null || _a === void 0 ? void 0 : _a.setFocused();
-        },
-        openSearch: ({ tree }, initialValue = "") => {
-            var _a, _b;
-            tree.setSearch(initialValue);
-            (_b = (_a = tree.getConfig()).onOpenSearch) === null || _b === void 0 ? void 0 : _b.call(_a);
-            setTimeout(() => {
-                var _a;
-                (_a = tree.getDataRef().current.searchInput) === null || _a === void 0 ? void 0 : _a.focus();
-            });
-        },
-        closeSearch: ({ tree }) => {
-            var _a, _b;
-            tree.setSearch(null);
-            (_b = (_a = tree.getConfig()).onCloseSearch) === null || _b === void 0 ? void 0 : _b.call(_a);
-            tree.updateDomFocus();
-        },
-        isSearchOpen: ({ tree }) => tree.getState().search !== null,
-        getSearchValue: ({ tree }) => tree.getState().search || "",
-        registerSearchInputElement: ({ tree }, element) => {
-            const dataRef = tree.getDataRef();
-            dataRef.current.searchInput = element;
-            if (element && dataRef.current.keydownHandler) {
-                element.addEventListener("keydown", dataRef.current.keydownHandler);
-            }
-        },
-        getSearchInputElement: ({ tree }) => { var _a; return (_a = tree.getDataRef().current.searchInput) !== null && _a !== void 0 ? _a : null; },
-        // TODO memoize with propMemoizationFeature
-        getSearchInputElementProps: ({ tree }) => ({
-            value: tree.getSearchValue(),
-            onChange: (e) => tree.setSearch(e.target.value),
-            onBlur: () => tree.closeSearch(),
-            ref: tree.registerSearchInputElement,
-        }),
-        getSearchMatchingItems: memo(({ tree }) => [
-            tree.getSearchValue(),
-            tree.getItems(),
-            tree.getConfig().isSearchMatchingItem,
-        ], (search, items, isSearchMatchingItem) => items.filter((item) => search && (isSearchMatchingItem === null || isSearchMatchingItem === void 0 ? void 0 : isSearchMatchingItem(search, item)))),
-    },
-    itemInstance: {
-        isMatchingSearch: ({ tree, item }) => tree.getSearchMatchingItems().some((i) => i.getId() === item.getId()),
-    },
-    hotkeys: {
-        openSearch: {
-            hotkey: "LetterOrNumber",
-            preventDefault: true, // TODO make true default
-            isEnabled: (tree) => !tree.isSearchOpen(),
-            handler: (e, tree) => {
-                e.stopPropagation();
-                tree.openSearch(e.key);
-            },
-        },
-        closeSearch: {
-            // TODO allow multiple, i.e. Enter
-            hotkey: "Escape",
-            allowWhenInputFocused: true,
-            isEnabled: (tree) => tree.isSearchOpen(),
-            handler: (e, tree) => {
-                tree.closeSearch();
-            },
-        },
-        submitSearch: {
-            hotkey: "Enter",
-            allowWhenInputFocused: true,
-            isEnabled: (tree) => tree.isSearchOpen(),
-            handler: (e, tree) => {
-                tree.closeSearch();
-                tree.setSelectedItems([tree.getFocusedItem().getId()]);
-            },
-        },
-        nextSearchItem: {
-            hotkey: "ArrowDown",
-            allowWhenInputFocused: true,
-            canRepeat: true,
-            isEnabled: (tree) => tree.isSearchOpen(),
-            handler: (e, tree) => {
-                const focusItem = tree
-                    .getSearchMatchingItems()
-                    .find((item) => item.getItemMeta().index >
-                    tree.getFocusedItem().getItemMeta().index);
-                focusItem === null || focusItem === void 0 ? void 0 : focusItem.setFocused();
-                focusItem === null || focusItem === void 0 ? void 0 : focusItem.scrollTo({ block: "nearest", inline: "nearest" });
-            },
-        },
-        previousSearchItem: {
-            hotkey: "ArrowUp",
-            allowWhenInputFocused: true,
-            canRepeat: true,
-            isEnabled: (tree) => tree.isSearchOpen(),
-            handler: (e, tree) => {
-                const focusItem = [...tree.getSearchMatchingItems()]
-                    .reverse()
-                    .find((item) => item.getItemMeta().index <
-                    tree.getFocusedItem().getItemMeta().index);
-                focusItem === null || focusItem === void 0 ? void 0 : focusItem.setFocused();
-                focusItem === null || focusItem === void 0 ? void 0 : focusItem.scrollTo({ block: "nearest", inline: "nearest" });
-            },
-        },
-    },
-};

package/lib/esm/features/search/types.d.ts

@@ -1,32 +0,0 @@
-import { ItemInstance, SetStateFn } from "../../types/core";
-import { HotkeysCoreDataRef } from "../hotkeys-core/types";
-export interface SearchFeatureDataRef<T = any> extends HotkeysCoreDataRef {
-    matchingItems: ItemInstance<T>[];
-    searchInput: HTMLInputElement | null;
-}
-export type SearchFeatureDef<T> = {
-    state: {
-        search: string | null;
-    };
-    config: {
-        setSearch?: SetStateFn<string | null>;
-        onOpenSearch?: () => void;
-        onCloseSearch?: () => void;
-        isSearchMatchingItem?: (search: string, item: ItemInstance<T>) => boolean;
-    };
-    treeInstance: {
-        setSearch: (search: string | null) => void;
-        openSearch: (initialValue?: string) => void;
-        closeSearch: () => void;
-        isSearchOpen: () => boolean;
-        getSearchValue: () => string;
-        registerSearchInputElement: (element: HTMLInputElement | null) => void;
-        getSearchInputElement: () => HTMLInputElement | null;
-        getSearchInputElementProps: () => any;
-        getSearchMatchingItems: () => ItemInstance<T>[];
-    };
-    itemInstance: {
-        isMatchingSearch: () => boolean;
-    };
-    hotkeys: "openSearch" | "closeSearch" | "submitSearch" | "nextSearchItem" | "previousSearchItem";
-};

package/lib/esm/features/search/types.js

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1,129 +0,0 @@
-import { makeStateUpdater } from "../../utils";
-export const selectionFeature = {
-    key: "selection",
-    getInitialState: (initialState) => (Object.assign({ selectedItems: [] }, initialState)),
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setSelectedItems: makeStateUpdater("selectedItems", tree) }, defaultConfig)),
-    stateHandlerNames: {
-        selectedItems: "setSelectedItems",
-    },
-    treeInstance: {
-        setSelectedItems: ({ tree }, selectedItems) => {
-            tree.applySubStateUpdate("selectedItems", selectedItems);
-        },
-        getSelectedItems: ({ tree }) => {
-            return tree.getState().selectedItems.map(tree.getItemInstance);
-        },
-    },
-    itemInstance: {
-        select: ({ tree, itemId }) => {
-            const { selectedItems } = tree.getState();
-            tree.setSelectedItems(selectedItems.includes(itemId)
-                ? selectedItems
-                : [...selectedItems, itemId]);
-        },
-        deselect: ({ tree, itemId }) => {
-            const { selectedItems } = tree.getState();
-            tree.setSelectedItems(selectedItems.filter((id) => id !== itemId));
-        },
-        isSelected: ({ tree, itemId }) => {
-            const { selectedItems } = tree.getState();
-            return selectedItems.includes(itemId);
-        },
-        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;
-            const [a, b] = indexA < indexB ? [indexA, indexB] : [indexB, indexA];
-            const newSelectedItems = tree
-                .getItems()
-                .slice(a, b + 1)
-                .map((treeItem) => treeItem.getItemMeta().itemId);
-            if (!ctrl) {
-                tree.setSelectedItems(newSelectedItems);
-                return;
-            }
-            const { selectedItems } = tree.getState();
-            const uniqueSelectedItems = [
-                ...new Set([...selectedItems, ...newSelectedItems]),
-            ];
-            tree.setSelectedItems(uniqueSelectedItems);
-        },
-        toggleSelect: ({ item }) => {
-            if (item.isSelected()) {
-                item.deselect();
-            }
-            else {
-                item.select();
-            }
-        },
-        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);
-                }
-                else if (e.ctrlKey || e.metaKey) {
-                    item.toggleSelect();
-                }
-                else {
-                    tree.setSelectedItems([item.getItemMeta().itemId]);
-                }
-                (_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",
-        //   handler: (e, tree) => {
-        //     tree.setSelectedItems([tree.getFocusedItem().getId()]);
-        //   },
-        // },
-        toggleSelectedItem: {
-            hotkey: "Control+Space",
-            preventDefault: true,
-            handler: (_, tree) => {
-                tree.getFocusedItem().toggleSelect();
-            },
-        },
-        selectUpwards: {
-            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: (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: {
-            hotkey: "Control+KeyA",
-            preventDefault: true,
-            handler: (e, tree) => {
-                tree.setSelectedItems(tree.getItems().map((item) => item.getId()));
-            },
-        },
-    },
-};

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

@@ -1,21 +0,0 @@
-import { ItemInstance, SetStateFn } from "../../types/core";
-export type SelectionFeatureDef<T> = {
-    state: {
-        selectedItems: string[];
-    };
-    config: {
-        setSelectedItems?: SetStateFn<string[]>;
-    };
-    treeInstance: {
-        setSelectedItems: (selectedItems: string[]) => void;
-        getSelectedItems: () => ItemInstance<T>[];
-    };
-    itemInstance: {
-        select: () => void;
-        deselect: () => void;
-        toggleSelect: () => void;
-        isSelected: () => boolean;
-        selectUpTo: (ctrl: boolean) => void;
-    };
-    hotkeys: "toggleSelectedItem" | "selectUpwards" | "selectDownwards" | "selectAll";
-};

package/lib/esm/features/selection/types.js

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1,46 +0,0 @@
-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());
-    });
-};
-import { makeStateUpdater } from "../../utils";
-import { throwError } from "../../utilities/errors";
-const promiseErrorMessage = "sync dataLoader returned promise";
-const unpromise = (data) => {
-    if (!data || (typeof data === "object" && "then" in data)) {
-        throw throwError(promiseErrorMessage);
-    }
-    return data;
-};
-export const syncDataLoaderFeature = {
-    key: "sync-data-loader",
-    getInitialState: (initialState) => (Object.assign({ loadingItemData: [], loadingItemChildrens: [] }, initialState)),
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setLoadingItemData: makeStateUpdater("loadingItemData", tree), setLoadingItemChildrens: makeStateUpdater("loadingItemChildrens", tree) }, defaultConfig)),
-    stateHandlerNames: {
-        loadingItemData: "setLoadingItemData",
-        loadingItemChildrens: "setLoadingItemChildrens",
-    },
-    treeInstance: {
-        waitForItemDataLoaded: () => __awaiter(void 0, void 0, void 0, function* () { }),
-        waitForItemChildrenLoaded: () => __awaiter(void 0, void 0, void 0, function* () { }),
-        retrieveItemData: ({ tree }, itemId) => {
-            return unpromise(tree.getConfig().dataLoader.getItem(itemId));
-        },
-        retrieveChildrenIds: ({ tree }, itemId) => {
-            const { dataLoader } = tree.getConfig();
-            if ("getChildren" in dataLoader) {
-                return unpromise(dataLoader.getChildren(itemId));
-            }
-            return unpromise(dataLoader.getChildrenWithData(itemId)).map((c) => c.data);
-        },
-        loadItemData: ({ tree }, itemId) => tree.retrieveItemData(itemId),
-        loadChildrenIds: ({ tree }, itemId) => tree.retrieveChildrenIds(itemId),
-    },
-    itemInstance: {
-        isLoading: () => false,
-    },
-};

package/lib/esm/features/sync-data-loader/types.d.ts

@@ -1,28 +0,0 @@
-export type TreeDataLoader<T> = {
-    getItem: (itemId: string) => T | Promise<T>;
-    getChildren: (itemId: string) => string[] | Promise<string[]>;
-} | {
-    getItem: (itemId: string) => T | Promise<T>;
-    getChildrenWithData: (itemId: string) => {
-        id: string;
-        data: T;
-    }[] | Promise<{
-        id: string;
-        data: T;
-    }[]>;
-};
-export type SyncDataLoaderFeatureDef<T> = {
-    state: {};
-    config: {
-        rootItemId: string;
-        dataLoader: TreeDataLoader<T>;
-    };
-    treeInstance: {
-        retrieveItemData: (itemId: string) => T;
-        retrieveChildrenIds: (itemId: string) => string[];
-    };
-    itemInstance: {
-        isLoading: () => boolean;
-    };
-    hotkeys: never;
-};

package/lib/esm/features/sync-data-loader/types.js

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1,241 +0,0 @@
-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());
-    });
-};
-import { makeStateUpdater, poll } from "../../utils";
-import { logWarning } from "../../utilities/errors";
-export const treeFeature = {
-    key: "tree",
-    getInitialState: (initialState) => (Object.assign({ expandedItems: [], focusedItem: null }, initialState)),
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setExpandedItems: makeStateUpdater("expandedItems", tree), setFocusedItem: makeStateUpdater("focusedItem", tree) }, defaultConfig)),
-    stateHandlerNames: {
-        expandedItems: "setExpandedItems",
-        focusedItem: "setFocusedItem",
-    },
-    treeInstance: {
-        getItemsMeta: ({ tree }) => {
-            const { rootItemId } = tree.getConfig();
-            const { expandedItems } = tree.getState();
-            const flatItems = [];
-            const expandedItemsSet = new Set(expandedItems); // TODO support setting state expandedItems as set instead of array
-            const recursiveAdd = (itemId, path, level, setSize, posInSet) => {
-                var _a;
-                if (path.includes(itemId)) {
-                    logWarning(`Circular reference for ${path.join(".")}`);
-                    return;
-                }
-                flatItems.push({
-                    itemId,
-                    level,
-                    index: flatItems.length,
-                    parentId: path.at(-1),
-                    setSize,
-                    posInSet,
-                });
-                if (expandedItemsSet.has(itemId)) {
-                    const children = (_a = tree.retrieveChildrenIds(itemId)) !== null && _a !== void 0 ? _a : [];
-                    let i = 0;
-                    for (const childId of children) {
-                        recursiveAdd(childId, path.concat(itemId), level + 1, children.length, i++);
-                    }
-                }
-            };
-            const children = tree.retrieveChildrenIds(rootItemId);
-            let i = 0;
-            for (const itemId of children) {
-                recursiveAdd(itemId, [rootItemId], 0, children.length, i++);
-            }
-            return flatItems;
-        },
-        getFocusedItem: ({ tree }) => {
-            var _a, _b;
-            return ((_b = tree.getItemInstance((_a = tree.getState().focusedItem) !== null && _a !== void 0 ? _a : "")) !== null && _b !== void 0 ? _b : tree.getItems()[0]);
-        },
-        getRootItem: ({ tree }) => {
-            const { rootItemId } = tree.getConfig();
-            return tree.getItemInstance(rootItemId);
-        },
-        focusNextItem: ({ tree }) => {
-            var _a;
-            const focused = tree.getFocusedItem().getItemMeta();
-            if (!focused)
-                return;
-            const nextIndex = Math.min(focused.index + 1, tree.getItems().length - 1);
-            (_a = tree.getItems()[nextIndex]) === null || _a === void 0 ? void 0 : _a.setFocused();
-        },
-        focusPreviousItem: ({ tree }) => {
-            var _a;
-            const focused = tree.getFocusedItem().getItemMeta();
-            if (!focused)
-                return;
-            const nextIndex = Math.max(focused.index - 1, 0);
-            (_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 = tree.getFocusedItem();
-                (_b = (_a = tree.getConfig()).scrollToItem) === null || _b === void 0 ? void 0 : _b.call(_a, focusedItem);
-                yield poll(() => focusedItem.getElement() !== null, 20);
-                const focusedElement = focusedItem.getElement();
-                if (!focusedElement)
-                    return;
-                focusedElement.focus();
-            }));
-        },
-        getContainerProps: ({ prev, tree }, treeLabel) => (Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev()), { role: "tree", "aria-label": treeLabel !== null && treeLabel !== void 0 ? treeLabel : "", 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 poll(() => item.getElement() !== null, 20);
-            (_d = item.getElement()) === null || _d === void 0 ? void 0 : _d.scrollIntoView(scrollIntoViewArg);
-        }),
-        getId: ({ itemId }) => itemId,
-        getKey: ({ itemId }) => itemId, // TODO apply to all stories to use
-        getProps: ({ item, prev }) => {
-            const itemMeta = item.getItemMeta();
-            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) {
-                        return;
-                    }
-                    if (!item.isFolder()) {
-                        return;
-                    }
-                    if (item.isExpanded()) {
-                        item.collapse();
-                    }
-                    else {
-                        item.expand();
-                    }
-                } });
-        },
-        expand: ({ tree, item, itemId }) => {
-            var _a;
-            if (!item.isFolder()) {
-                return;
-            }
-            if ((_a = tree.getState().loadingItemChildrens) === 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, 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, itemId }) => tree.retrieveChildrenIds(itemId).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; }, // TODO what happens when the feature doesnt exist? proxy method still claims to exist
-            handler: (e, tree) => {
-                tree.focusNextItem();
-                tree.updateDomFocus();
-            },
-        },
-        focusPreviousItem: {
-            hotkey: "ArrowUp",
-            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; },
-            handler: (e, tree) => {
-                tree.focusPreviousItem();
-                tree.updateDomFocus();
-            },
-        },
-        expandOrDown: {
-            hotkey: "ArrowRight",
-            canRepeat: true,
-            handler: (e, tree) => {
-                const item = tree.getFocusedItem();
-                if (item.isExpanded() || !item.isFolder()) {
-                    tree.focusNextItem();
-                    tree.updateDomFocus();
-                }
-                else {
-                    item.expand();
-                }
-            },
-        },
-        collapseOrUp: {
-            hotkey: "ArrowLeft",
-            canRepeat: true,
-            handler: (e, tree) => {
-                var _a;
-                const item = tree.getFocusedItem();
-                if ((!item.isExpanded() || !item.isFolder()) &&
-                    item.getItemMeta().level !== 0) {
-                    (_a = item.getParent()) === null || _a === void 0 ? void 0 : _a.setFocused();
-                    tree.updateDomFocus();
-                }
-                else {
-                    item.collapse();
-                }
-            },
-        },
-        focusFirstItem: {
-            hotkey: "Home",
-            handler: (e, tree) => {
-                var _a;
-                (_a = tree.getItems()[0]) === null || _a === void 0 ? void 0 : _a.setFocused();
-                tree.updateDomFocus();
-            },
-        },
-        focusLastItem: {
-            hotkey: "End",
-            handler: (e, tree) => {
-                var _a;
-                (_a = tree.getItems()[tree.getItems().length - 1]) === null || _a === void 0 ? void 0 : _a.setFocused();
-                tree.updateDomFocus();
-            },
-        },
-    },
-};