@headless-tree/core 0.0.0-20250322153940 → 0.0.0-20250330164609

package/src/mddocs-entry.ts

@@ -9,6 +9,7 @@ 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";
+import { KeyboardDragAndDropFeatureDef } from "./features/keyboard-drag-and-drop/types";
 
 export * from ".";
 
@@ -49,6 +50,21 @@ export type DragAndDropFeatureItemInstance<T> =
   DragAndDropFeatureDef<T>["itemInstance"];
 export type DragAndDropFeatureHotkeys<T> = DragAndDropFeatureDef<T>["hotkeys"];
 
+/** @interface */
+export type KeyboardDragAndDropFeatureConfig<T> =
+  KeyboardDragAndDropFeatureDef<T>["config"];
+/** @interface */
+export type KeyboardDragAndDropFeatureState<T> =
+  KeyboardDragAndDropFeatureDef<T>["state"];
+/** @interface */
+export type KeyboardDragAndDropFeatureTreeInstance<T> =
+  KeyboardDragAndDropFeatureDef<T>["treeInstance"];
+/** @interface */
+export type KeyboardDragAndDropFeatureItemInstance<T> =
+  KeyboardDragAndDropFeatureDef<T>["itemInstance"];
+export type KeyboardDragAndDropFeatureHotkeys<T> =
+  KeyboardDragAndDropFeatureDef<T>["hotkeys"];
+
 /** @interface */
 export type ExpandAllFeatureConfig = ExpandAllFeatureDef["config"];
 /** @interface */

package/src/test-utils/test-tree-expect.ts

@@ -2,7 +2,8 @@
 import { Mock, expect } from "vitest";
 import { DragEvent } from "react";
 import { TestTree } from "./test-tree";
-import { DropTarget } from "../features/drag-and-drop/types";
+import { DragTarget } from "../features/drag-and-drop/types";
+import { TreeState } from "../types/core";
 
 export class TestTreeExpect<T> {
   protected itemInstance(itemId: string) {
@@ -39,7 +40,11 @@ export class TestTreeExpect<T> {
     expect(itemChildren).toEqual(children);
   }
 
-  dropped(draggedItems: string[], target: DropTarget<any>) {
+  substate<K extends keyof TreeState<T>>(key: K, value: TreeState<T>[K]) {
+    expect(this.tree.instance.getState()[key]).toEqual(value);
+  }
+
+  dropped(draggedItems: string[], target: DragTarget<any>) {
     expect(this.tree.instance.getConfig().onDrop).toBeCalledWith(
       draggedItems.map((id) => this.tree.item(id)),
       target,

package/src/types/core.ts

@@ -12,6 +12,7 @@ import { SearchFeatureDef } from "../features/search/types";
 import { RenamingFeatureDef } from "../features/renaming/types";
 import { ExpandAllFeatureDef } from "../features/expand-all/types";
 import { PropMemoizationFeatureDef } from "../features/prop-memoization/types";
+import { KeyboardDragAndDropFeatureDef } from "../features/keyboard-drag-and-drop/types";
 
 export type Updater<T> = T | ((old: T) => T);
 export type SetStateFn<T> = (updaterOrValue: Updater<T>) => void;
@@ -53,6 +54,7 @@ export type RegisteredFeatures<T> =
   | TreeFeatureDef<T>
   | SelectionFeatureDef<T>
   | DragAndDropFeatureDef<T>
+  | KeyboardDragAndDropFeatureDef<T>
   | HotkeysCoreFeatureDef<T>
   | SyncDataLoaderFeatureDef<T>
   | AsyncDataLoaderFeatureDef<T>

package/src/utilities/create-on-drop-handler.ts

@@ -1,5 +1,5 @@
 import { ItemInstance } from "../types/core";
-import { DropTarget } from "../features/drag-and-drop/types";
+import { DragTarget } from "../features/drag-and-drop/types";
 import { removeItemsFromParents } from "./remove-items-from-parents";
 import { insertItemsAtTarget } from "./insert-items-at-target";
 
@@ -7,7 +7,7 @@ export const createOnDropHandler =
   <T>(
     onChangeChildren: (item: ItemInstance<T>, newChildren: string[]) => void,
   ) =>
-  async (items: ItemInstance<T>[], target: DropTarget<T>) => {
+  async (items: ItemInstance<T>[], target: DragTarget<T>) => {
     const itemIds = items.map((item) => item.getId());
     await removeItemsFromParents(items, onChangeChildren);
     await insertItemsAtTarget(itemIds, target, onChangeChildren);

package/src/utilities/insert-items-at-target.ts

@@ -1,9 +1,9 @@
 import { ItemInstance } from "../types/core";
-import { DropTarget } from "../features/drag-and-drop/types";
+import { DragTarget } from "../features/drag-and-drop/types";
 
 export const insertItemsAtTarget = async <T>(
   itemIds: string[],
-  target: DropTarget<T>,
+  target: DragTarget<T>,
   onChangeChildren: (
     item: ItemInstance<T>,
     newChildrenIds: string[],