@headless-tree/core 1.2.0 → 1.3.0

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-export var AssistiveDndState;
-(function (AssistiveDndState) {
-    AssistiveDndState[AssistiveDndState["None"] = 0] = "None";
-    AssistiveDndState[AssistiveDndState["Started"] = 1] = "Started";
-    AssistiveDndState[AssistiveDndState["Dragging"] = 2] = "Dragging";
-    AssistiveDndState[AssistiveDndState["Completed"] = 3] = "Completed";
-    AssistiveDndState[AssistiveDndState["Aborted"] = 4] = "Aborted";
-})(AssistiveDndState || (AssistiveDndState = {}));

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

@@ -1,45 +0,0 @@
-import { FeatureImplementation, HotkeysConfig, ItemInstance, SetStateFn, TreeConfig, TreeInstance, TreeState, Updater } from "../../types/core";
-import { ItemMeta } from "../tree/types";
-export type InstanceTypeMap = {
-    itemInstance: ItemInstance<any>;
-    treeInstance: TreeInstance<any>;
-};
-export type InstanceBuilder = <T extends keyof InstanceTypeMap>(features: FeatureImplementation[], instanceType: T, buildOpts: (self: any) => any) => [instance: InstanceTypeMap[T], finalize: () => void];
-export type MainFeatureDef<T = any> = {
-    state: {};
-    config: {
-        features?: FeatureImplementation<any>[];
-        initialState?: Partial<TreeState<T>>;
-        state?: Partial<TreeState<T>>;
-        setState?: SetStateFn<Partial<TreeState<T>>>;
-        instanceBuilder?: InstanceBuilder;
-    };
-    treeInstance: {
-        /** @internal */
-        applySubStateUpdate: <K extends keyof TreeState<any>>(stateName: K, updater: Updater<TreeState<T>[K]>) => void;
-        setState: SetStateFn<TreeState<T>>;
-        getState: () => TreeState<T>;
-        setConfig: SetStateFn<TreeConfig<T>>;
-        getConfig: () => TreeConfig<T>;
-        getItemInstance: (itemId: string) => ItemInstance<T>;
-        getItems: () => ItemInstance<T>[];
-        registerElement: (element: HTMLElement | null) => void;
-        getElement: () => HTMLElement | undefined | null;
-        /** @internal */
-        getDataRef: <D>() => {
-            current: D;
-        };
-        getHotkeyPresets: () => HotkeysConfig<T>;
-        rebuildTree: () => void;
-    };
-    itemInstance: {
-        registerElement: (element: HTMLElement | null) => void;
-        getItemMeta: () => ItemMeta;
-        getElement: () => HTMLElement | undefined | null;
-        /** @internal */
-        getDataRef: <D>() => {
-            current: D;
-        };
-    };
-    hotkeys: never;
-};

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

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

package/lib/esm/features/prop-memoization/feature.d.ts

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

package/lib/esm/features/prop-memoization/feature.js

@@ -1,67 +0,0 @@
-const memoize = (props, memoizedProps) => {
-    for (const key in props) {
-        if (typeof props[key] === "function") {
-            if (memoizedProps && key in memoizedProps) {
-                props[key] = memoizedProps[key];
-            }
-            else {
-                memoizedProps[key] = props[key];
-            }
-        }
-    }
-    return props;
-};
-export const propMemoizationFeature = {
-    key: "prop-memoization",
-    overwrites: [
-        "main",
-        "async-data-loader",
-        "sync-data-loader",
-        "drag-and-drop",
-        "expand-all",
-        "hotkeys-core",
-        "renaming",
-        "search",
-        "selection",
-    ],
-    treeInstance: {
-        getContainerProps: ({ tree, prev }, treeLabel) => {
-            var _a, _b, _c;
-            var _d, _e;
-            const dataRef = tree.getDataRef();
-            const props = (_a = prev === null || prev === void 0 ? void 0 : prev(treeLabel)) !== null && _a !== void 0 ? _a : {};
-            (_b = (_d = dataRef.current).memo) !== null && _b !== void 0 ? _b : (_d.memo = {});
-            (_c = (_e = dataRef.current.memo).tree) !== null && _c !== void 0 ? _c : (_e.tree = {});
-            return memoize(props, dataRef.current.memo.tree);
-        },
-        getSearchInputElementProps: ({ tree, prev }) => {
-            var _a, _b, _c;
-            var _d, _e;
-            const dataRef = tree.getDataRef();
-            const props = (_a = prev === null || prev === void 0 ? void 0 : prev()) !== null && _a !== void 0 ? _a : {};
-            (_b = (_d = dataRef.current).memo) !== null && _b !== void 0 ? _b : (_d.memo = {});
-            (_c = (_e = dataRef.current.memo).search) !== null && _c !== void 0 ? _c : (_e.search = {});
-            return memoize(props, dataRef.current.memo.search);
-        },
-    },
-    itemInstance: {
-        getProps: ({ item, prev }) => {
-            var _a, _b, _c;
-            var _d, _e;
-            const dataRef = item.getDataRef();
-            const props = (_a = prev === null || prev === void 0 ? void 0 : prev()) !== null && _a !== void 0 ? _a : {};
-            (_b = (_d = dataRef.current).memo) !== null && _b !== void 0 ? _b : (_d.memo = {});
-            (_c = (_e = dataRef.current.memo).item) !== null && _c !== void 0 ? _c : (_e.item = {});
-            return memoize(props, dataRef.current.memo.item);
-        },
-        getRenameInputProps: ({ item, prev }) => {
-            var _a, _b, _c;
-            var _d, _e;
-            const dataRef = item.getDataRef();
-            const props = (_a = prev === null || prev === void 0 ? void 0 : prev()) !== null && _a !== void 0 ? _a : {};
-            (_b = (_d = dataRef.current).memo) !== null && _b !== void 0 ? _b : (_d.memo = {});
-            (_c = (_e = dataRef.current.memo).rename) !== null && _c !== void 0 ? _c : (_e.rename = {});
-            return memoize(props, dataRef.current.memo.rename);
-        },
-    },
-};

package/lib/esm/features/prop-memoization/types.d.ts

@@ -1,15 +0,0 @@
-export interface PropMemoizationDataRef {
-    memo?: {
-        tree?: Record<string, any>;
-        item?: Record<string, any>;
-        search?: Record<string, any>;
-        rename?: Record<string, any>;
-    };
-}
-export type PropMemoizationFeatureDef = {
-    state: {};
-    config: {};
-    treeInstance: {};
-    itemInstance: {};
-    hotkeys: never;
-};

package/lib/esm/features/prop-memoization/types.js

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

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

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

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

@@ -1,83 +0,0 @@
-import { makeStateUpdater } from "../../utils";
-export const renamingFeature = {
-    key: "renaming",
-    overwrites: ["drag-and-drop"],
-    getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setRenamingItem: makeStateUpdater("renamingItem", tree), setRenamingValue: makeStateUpdater("renamingValue", tree), canRename: () => true }, defaultConfig)),
-    stateHandlerNames: {
-        renamingItem: "setRenamingItem",
-        renamingValue: "setRenamingValue",
-    },
-    treeInstance: {
-        getRenamingItem: ({ tree }) => {
-            const itemId = tree.getState().renamingItem;
-            return itemId ? tree.getItemInstance(itemId) : null;
-        },
-        getRenamingValue: ({ tree }) => tree.getState().renamingValue || "",
-        abortRenaming: ({ tree }) => {
-            tree.applySubStateUpdate("renamingItem", null);
-            tree.updateDomFocus();
-        },
-        completeRenaming: ({ tree }) => {
-            var _a;
-            const config = tree.getConfig();
-            const item = tree.getRenamingItem();
-            if (item) {
-                (_a = config.onRename) === null || _a === void 0 ? void 0 : _a.call(config, item, tree.getState().renamingValue || "");
-            }
-            tree.applySubStateUpdate("renamingItem", null);
-            tree.updateDomFocus();
-        },
-        isRenamingItem: ({ tree }) => !!tree.getState().renamingItem,
-    },
-    itemInstance: {
-        startRenaming: ({ tree, item, itemId }) => {
-            if (!item.canRename()) {
-                return;
-            }
-            tree.applySubStateUpdate("renamingItem", itemId);
-            tree.applySubStateUpdate("renamingValue", item.getItemName());
-        },
-        getRenameInputProps: ({ tree }) => ({
-            ref: (r) => r === null || r === void 0 ? void 0 : r.focus(),
-            onBlur: () => tree.abortRenaming(),
-            value: tree.getRenamingValue(),
-            onChange: (e) => {
-                var _a;
-                tree.applySubStateUpdate("renamingValue", (_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
-            },
-        }),
-        canRename: ({ tree, item }) => { var _a, _b, _c; return (_c = (_b = (_a = tree.getConfig()).canRename) === null || _b === void 0 ? void 0 : _b.call(_a, item)) !== null && _c !== void 0 ? _c : true; },
-        isRenaming: ({ tree, item }) => item.getId() === tree.getState().renamingItem,
-        getProps: ({ prev, item }) => {
-            var _a;
-            const isRenaming = item.isRenaming();
-            const prevProps = (_a = prev === null || prev === void 0 ? void 0 : prev()) !== null && _a !== void 0 ? _a : {};
-            return isRenaming
-                ? Object.assign(Object.assign({}, prevProps), { draggable: false, onDragStart: () => { } }) : prevProps;
-        },
-    },
-    hotkeys: {
-        renameItem: {
-            hotkey: "F2",
-            handler: (e, tree) => {
-                tree.getFocusedItem().startRenaming();
-            },
-        },
-        abortRenaming: {
-            hotkey: "Escape",
-            allowWhenInputFocused: true,
-            isEnabled: (tree) => tree.isRenamingItem(),
-            handler: (e, tree) => {
-                tree.abortRenaming();
-            },
-        },
-        completeRenaming: {
-            hotkey: "Enter",
-            allowWhenInputFocused: true,
-            isEnabled: (tree) => tree.isRenamingItem(),
-            handler: (e, tree) => {
-                tree.completeRenaming();
-            },
-        },
-    },
-};

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

@@ -1,27 +0,0 @@
-import { ItemInstance, SetStateFn } from "../../types/core";
-export type RenamingFeatureDef<T> = {
-    state: {
-        renamingItem?: string | null;
-        renamingValue?: string;
-    };
-    config: {
-        setRenamingItem?: SetStateFn<string | null | undefined>;
-        setRenamingValue?: SetStateFn<string | undefined>;
-        canRename?: (item: ItemInstance<T>) => boolean;
-        onRename?: (item: ItemInstance<T>, value: string) => void;
-    };
-    treeInstance: {
-        getRenamingItem: () => ItemInstance<T> | null;
-        getRenamingValue: () => string;
-        abortRenaming: () => void;
-        completeRenaming: () => void;
-        isRenamingItem: () => boolean;
-    };
-    itemInstance: {
-        getRenameInputProps: () => any;
-        canRename: () => boolean;
-        isRenaming: () => boolean;
-        startRenaming: () => void;
-    };
-    hotkeys: "renameItem" | "abortRenaming" | "completeRenaming";
-};

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

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

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

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

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" });
-            },
-        },
-    },
-};