react-arborist 2.0.0-rc → 2.0.0-rc.2

package/src/types/tree-props.ts

@@ -21,7 +21,7 @@ export interface TreeProps<T extends IdObj> {
   children?: ElementType<renderers.NodeRendererProps<T>>;
   renderRow?: ElementType<renderers.RowRendererProps<T>>;
   renderDragPreview?: ElementType<renderers.DragPreviewProps>;
-  renderCursor?: ElementType<renderers.DropCursorProps>;
+  renderCursor?: ElementType<renderers.CursorProps>;
   renderContainer?: ElementType<{}>;
 
   /* Sizes */
@@ -38,12 +38,15 @@ export interface TreeProps<T extends IdObj> {
   selectionFollowsFocus?: boolean;
   disableDrag?: string | boolean | BoolFunc<T>;
   disableDrop?: string | boolean | BoolFunc<T>;
-  getChildren?: string | ((d: T) => T[]);
+  childrenAccessor?: string | ((d: T) => T[]);
+  idAccessor?: string | ((d: T) => string);
 
   /* Event Handlers */
   onActivate?: (node: NodeApi<T>) => void;
   onSelect?: (nodes: NodeApi<T>[]) => void;
   onScroll?: (props: ListOnScrollProps) => void;
+  onToggle?: (id: string) => void;
+  onFocus?: (node: NodeApi<T>) => void;
 
   /* Selection */
   selection?: string;
@@ -57,6 +60,8 @@ export interface TreeProps<T extends IdObj> {
 
   /* Extra */
   className?: string | undefined;
+  rowClassName?: string | undefined;
+
   dndRootElement?: globalThis.Node | null;
   onClick?: MouseEventHandler;
   onContextMenu?: MouseEventHandler;

package/src/utils.ts

@@ -1,4 +1,5 @@
 import { NodeApi } from "./interfaces/node-api";
+import { TreeApi } from "./interfaces/tree-api";
 import { IdObj } from "./types/utils";
 
 export function bound(n: number, min: number, max: number) {
@@ -44,6 +45,18 @@ export function dfs(node: NodeApi<any>, id: string): NodeApi<any> | null {
   return null;
 }
 
+export function walk(
+  node: NodeApi<any>,
+  fn: (node: NodeApi<any>) => void
+): void {
+  fn(node);
+  if (node.children) {
+    for (let child of node.children) {
+      walk(child, fn);
+    }
+  }
+}
+
 export function focusNextElement(target: HTMLElement) {
   const elements = getFocusable(target);
 
@@ -147,3 +160,19 @@ export function waitFor(fn: () => boolean) {
     check();
   });
 }
+
+export function getInsertIndex(tree: TreeApi<any>) {
+  const focus = tree.focusedNode;
+  if (!focus) return tree.root.children?.length ?? 0;
+  if (focus.isOpen) return 0;
+  if (focus.parent) return focus.childIndex + 1;
+  return 0;
+}
+
+export function getInsertParentId(tree: TreeApi<any>) {
+  const focus = tree.focusedNode;
+  if (!focus) return null;
+  if (focus.isOpen) return focus.id;
+  if (focus.parent) return focus.parent.id;
+  return null;
+}

package/tsconfig.json

@@ -5,7 +5,7 @@
 
     /* Language and Environment */
     "target": "ES5",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-    "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    "jsx": "react-jsx",                                /* Specify what JSX code is generated. */
 
     /* Modules */
     "module": "CommonJS",                                /* Specify what module code is generated. */

package/dist/data/flatten-tree.d.ts

@@ -1,4 +0,0 @@
-import { NodeApi } from "../interfaces/node-api";
-import { IdObj } from "../types/utils";
-export declare function flattenTree<T extends IdObj>(root: NodeApi<T>): NodeApi<T>[];
-export declare function filterTree<T extends IdObj>(root: NodeApi<T>, isMatch: (n: NodeApi<T>) => boolean): NodeApi<T>[];

package/dist/hooks/use-uncontrolled-tree.d.ts

@@ -1,24 +0,0 @@
-declare type Data = {
-    id: string;
-    name: string;
-    children?: Data[];
-};
-export declare function useUncontrolledTree(initialData: Data[]): readonly [Data[], {
-    move: (args: {
-        dragIds: string[];
-        parentId: string;
-        index: number;
-    }) => void;
-    rename: (args: {
-        id: string;
-        name: string;
-    }) => void;
-    create: ({ parentId, index }: {
-        parentId: string;
-        index: number;
-    }) => Data;
-    drop: (args: {
-        id: string;
-    }) => void;
-}];
-export {};

package/dist/utils/props.d.ts

@@ -1,3 +0,0 @@
-import { TreeProps } from "../types/tree-props";
-import { IdObj } from "../types/utils";
-export declare function validateProps<T extends IdObj>(props: TreeProps<T>): TreeProps<T>;

package/src/utils/props.ts

@@ -1,8 +0,0 @@
-import { TreeProps } from "../types/tree-props";
-import { IdObj } from "../types/utils";
-
-export function validateProps<T extends IdObj>(
-  props: TreeProps<T>
-): TreeProps<T> {
-  return props;
-}