@elliemae/ds-drag-and-drop 2.2.0 → 2.3.0-alpha.3

package/esm/tree/useTreeDndkitConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreeDndkitConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { useState, useEffect, useMemo, useRef } from 'react';\nimport {\n  useSensor,\n  useSensors,\n  KeyboardSensor,\n  PointerSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  Modifier,\n} from '@dnd-kit/core';\nimport { useTreePreviewHandlers } from './useTreePreviewHandlers';\nimport { getTreeKeyboardCoordinates } from './getTreeKeyboardCoordinates';\nimport { getProjection, removeChildrenOf } from './utilities';\nimport { useTreeActionHandlers } from './useTreeActionHandlers';\nimport type { UseTreeDndkitConfigType, SensorContext } from './types';\nimport { DropIndicatorPosition } from './constants';\nimport { customCollisionDetection } from './customCollisionDetection';\nimport { useTreeAnnouncements } from './useTreeAnnouncements';\n\n// we make space for the drop indicator\n// if second parameter is true, the space will be done on the horizontal axis\nconst adjustTranslate = (isHorizontalDnD: boolean): Modifier => {\n  const func: Modifier = ({ transform }) => {\n    const newTransform = {\n      ...transform,\n    };\n    if (isHorizontalDnD) {\n      newTransform.x = transform.x + 25;\n    } else {\n      newTransform.x = transform.x + 15;\n    }\n    return newTransform;\n  };\n  return func;\n};\n\nconst measuring: Partial<MeasuringConfiguration> = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\nexport const useTreeDndkitConfig: UseTreeDndkitConfigType = ({\n  flattenedItems,\n  visibleItems: preVisibleItems,\n  isHorizontalDnD = false,\n  isExpandable = false,\n  onReorder,\n  getIsDropValid = () => true,\n  maxDragAndDropLevel,\n}) => {\n  const [activeId, setActiveId] = useState<string>('');\n  const [overId, setOverId] = useState<string>('');\n  const [dropIndicatorPosition, setDropIndicatorPosition] = useState<DropIndicatorPosition>(DropIndicatorPosition.None);\n  const [lastPosition, setLastPosition] = useState<string>('');\n\n  // Remove activeId's children\n  const visibleItems = useMemo(() => removeChildrenOf(preVisibleItems, activeId), [preVisibleItems, activeId]);\n\n  // Sorted ids for the library\n  const sortedIds = useMemo(() => visibleItems.map((item) => item.uid), [visibleItems]);\n\n  /**\n   * Dictionary from UID to ITEM\n   * This dictionary is computed since on every DnD move, I need to know the\n   * depth of a particular row, so O(1) per DnD move instead of O(#ITEMS)\n   */\n  const visibleItemsDictionary = useMemo(() => {\n    // Using plain for to achieve O(#ITEMS) performance\n    const dictionary: Record<string, typeof visibleItems[0]> = {};\n    visibleItems.forEach((item) => {\n      dictionary[item.uid] = item;\n    });\n    return dictionary;\n  }, [visibleItems]);\n\n  const isDropValid = useMemo(() => {\n    if (!activeId || !overId) return true;\n    return getIsDropValid(\n      visibleItemsDictionary[activeId],\n      visibleItemsDictionary[overId],\n      ['none', 'before', 'after', 'inside'][dropIndicatorPosition] as Parameters<typeof getIsDropValid>[2],\n    );\n  }, [getIsDropValid, visibleItemsDictionary, activeId, overId, dropIndicatorPosition]);\n\n  const modifiers: Modifier[] = useMemo(() => [adjustTranslate(isHorizontalDnD)], [isHorizontalDnD]);\n\n  const sensorContext: SensorContext = useRef({\n    items: visibleItems,\n    dropIndicatorPosition,\n    setDropIndicatorPosition,\n  });\n\n  useEffect(() => {\n    sensorContext.current = {\n      items: visibleItems,\n      dropIndicatorPosition,\n      setDropIndicatorPosition,\n    };\n  }, [visibleItems, dropIndicatorPosition, setDropIndicatorPosition]);\n\n  const coordinateGetter = useMemo(\n    () => getTreeKeyboardCoordinates(sensorContext, isHorizontalDnD, maxDragAndDropLevel),\n    [sensorContext, isHorizontalDnD, maxDragAndDropLevel],\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n    }),\n  );\n\n  // where is the activeItem being positioned (depth and parent)\n  const projected = useMemo(\n    () =>\n      overId ? getProjection(visibleItems, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) : null,\n    [overId, visibleItems, visibleItemsDictionary, dropIndicatorPosition, isExpandable],\n  );\n\n  const dragPreviewHandlers = useTreePreviewHandlers({\n    setActiveId,\n    setOverId,\n    setDropIndicatorPosition,\n  });\n\n  const dragActionHandlers = useTreeActionHandlers({\n    ...dragPreviewHandlers,\n    onReorder,\n    projected,\n    flattenedItems,\n    dropIndicatorPosition,\n    isDropValid,\n  });\n\n  const announcements = useTreeAnnouncements(visibleItemsDictionary, dropIndicatorPosition);\n\n  const dndContextProps = useMemo(\n    () => ({\n      announcements,\n      modifiers,\n      sensors,\n      measuring,\n      collisionDetection: customCollisionDetection(\n        activeId,\n        visibleItemsDictionary,\n        setDropIndicatorPosition,\n        maxDragAndDropLevel,\n        lastPosition,\n        setLastPosition,\n      ),\n      ...dragActionHandlers,\n    }),\n    [\n      announcements,\n      modifiers,\n      sensors,\n      dragActionHandlers,\n      visibleItemsDictionary,\n      setDropIndicatorPosition,\n      activeId,\n      maxDragAndDropLevel,\n      lastPosition,\n      setLastPosition,\n    ],\n  );\n\n  const sortableContextProps = useMemo(\n    () => ({\n      items: sortedIds,\n      strategy: () => null,\n    }),\n    [sortedIds],\n  );\n\n  return {\n    dndContextProps,\n    sortableContextProps,\n    isDropValid,\n    activeId,\n    activeIndex: visibleItemsDictionary[activeId]?.realIndex ?? -1,\n    overId,\n    depth: projected ? projected.depth : 0,\n    dropIndicatorPosition,\n    visibleItems,\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/tree/useTreePreviewHandlers.js

@@ -1,36 +1,25 @@
-import { useCallback } from 'react';
-import { DropIndicatorPosition } from './constants.js';
-
-const useTreePreviewHandlers = _ref => {
-  let {
-    setOverId,
-    setActiveId,
-    setDropIndicatorPosition
-  } = _ref;
+import * as React from "react";
+import { useCallback } from "react";
+import { DropIndicatorPosition } from "./constants";
+const useTreePreviewHandlers = ({
+  setOverId,
+  setActiveId,
+  setDropIndicatorPosition
+}) => {
   const resetState = useCallback(() => {
-    setOverId('');
-    setActiveId('');
-    document.body.style.setProperty('cursor', '');
+    setOverId("");
+    setActiveId("");
+    document.body.style.setProperty("cursor", "");
   }, [setOverId, setActiveId]);
-  const handlePreviewDragStart = useCallback(_ref2 => {
-    let {
-      active: {
-        id
-      }
-    } = _ref2;
+  const handlePreviewDragStart = useCallback(({ active: { id } }) => {
     setActiveId(id);
     setOverId(id);
     setDropIndicatorPosition(DropIndicatorPosition.Inside);
-    document.body.style.setProperty('cursor', 'grabbing');
+    document.body.style.setProperty("cursor", "grabbing");
   }, [setActiveId, setDropIndicatorPosition, setOverId]);
   const handlePreviewDragMove = useCallback(() => null, []);
-  const handlePreviewDragOver = useCallback(_ref3 => {
-    var _over$id;
-
-    let {
-      over
-    } = _ref3;
-    setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : '');
+  const handlePreviewDragOver = useCallback(({ over }) => {
+    setOverId(over?.id ?? "");
   }, [setOverId]);
   const handlePreviewDragEnd = useCallback(() => {
     resetState();
@@ -46,5 +35,7 @@ const useTreePreviewHandlers = _ref => {
     handlePreviewDragCancel
   };
 };
-
-export { useTreePreviewHandlers };
+export {
+  useTreePreviewHandlers
+};
+//# sourceMappingURL=useTreePreviewHandlers.js.map

package/esm/tree/useTreePreviewHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/useTreePreviewHandlers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { DragStartEvent, DragOverEvent } from '@dnd-kit/core';\nimport type { UseTreePreviewHandlersReturn, UseTreePreviewHandlersArgs } from './types';\nimport { DropIndicatorPosition } from './constants';\n\nexport const useTreePreviewHandlers = ({\n  setOverId,\n  setActiveId,\n  setDropIndicatorPosition,\n}: UseTreePreviewHandlersArgs): UseTreePreviewHandlersReturn => {\n  const resetState = useCallback(() => {\n    setOverId('');\n    setActiveId('');\n\n    document.body.style.setProperty('cursor', '');\n  }, [setOverId, setActiveId]);\n\n  const handlePreviewDragStart = useCallback(\n    ({ active: { id } }: DragStartEvent) => {\n      setActiveId(id);\n      setOverId(id);\n      setDropIndicatorPosition(DropIndicatorPosition.Inside);\n\n      document.body.style.setProperty('cursor', 'grabbing');\n    },\n    [setActiveId, setDropIndicatorPosition, setOverId],\n  );\n\n  const handlePreviewDragMove = useCallback(() => null, []);\n\n  const handlePreviewDragOver = useCallback(\n    ({ over }: DragOverEvent) => {\n      setOverId(over?.id ?? '');\n    },\n    [setOverId],\n  );\n\n  const handlePreviewDragEnd = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  const handlePreviewDragCancel = useCallback(() => {\n    resetState();\n  }, [resetState]);\n\n  return {\n    handlePreviewDragStart,\n    handlePreviewDragMove,\n    handlePreviewDragOver,\n    handlePreviewDragEnd,\n    handlePreviewDragCancel,\n  };\n};\n"],
+  "mappings": "AAAA;ACAA;AAGA;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,MAC8D;AAC9D,QAAM,aAAa,YAAY,MAAM;AACnC,cAAU;AACV,gBAAY;AAEZ,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KACzC,CAAC,WAAW;AAEf,QAAM,yBAAyB,YAC7B,CAAC,EAAE,QAAQ,EAAE,WAA2B;AACtC,gBAAY;AACZ,cAAU;AACV,6BAAyB,sBAAsB;AAE/C,aAAS,KAAK,MAAM,YAAY,UAAU;AAAA,KAE5C,CAAC,aAAa,0BAA0B;AAG1C,QAAM,wBAAwB,YAAY,MAAM,MAAM;AAEtD,QAAM,wBAAwB,YAC5B,CAAC,EAAE,WAA0B;AAC3B,cAAU,MAAM,MAAM;AAAA,KAExB,CAAC;AAGH,QAAM,uBAAuB,YAAY,MAAM;AAC7C;AAAA,KACC,CAAC;AAEJ,QAAM,0BAA0B,YAAY,MAAM;AAChD;AAAA,KACC,CAAC;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/esm/tree/utilities.js

@@ -1,47 +1,37 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { DropIndicatorPosition } from './constants.js';
-
-const getMinDepth = item => {
-  if (item) return item.depth;
+import * as React from "react";
+import { DropIndicatorPosition } from "./constants";
+const getMinDepth = (item) => {
+  if (item)
+    return item.depth;
   return 0;
 };
-
 const getProjection = (items, visibleItemsDictionary, overId, dropIndicatorPosition, isExpandable) => {
   const overItemIndex = visibleItemsDictionary[overId].realIndex;
   const previousItem = items[overItemIndex];
   const nextItem = items[overItemIndex + 1];
-
   if (dropIndicatorPosition === DropIndicatorPosition.Inside && isExpandable) {
     return {
       depth: visibleItemsDictionary[overId].depth + 1,
       parentId: overId
     };
   }
-
   if (dropIndicatorPosition === DropIndicatorPosition.Before) {
-    return {
-      depth: getMinDepth(previousItem),
-      parentId: previousItem.parentId
-    };
+    return { depth: getMinDepth(previousItem), parentId: previousItem.parentId };
   }
-
-  return {
-    depth: getMinDepth(nextItem),
-    parentId: nextItem === null || nextItem === void 0 ? void 0 : nextItem.parentId
-  };
+  return { depth: getMinDepth(nextItem), parentId: nextItem?.parentId };
 };
 const removeChildrenOf = (items, id) => {
   const excludeParentIds = [id];
-  return items.filter(item => {
+  return items.filter((item) => {
     if (item.parentId !== null && excludeParentIds.includes(item.parentId)) {
       excludeParentIds.push(item.uid);
       return false;
     }
-
     return true;
   });
 };
-
-export { getProjection, removeChildrenOf };
+export {
+  getProjection,
+  removeChildrenOf
+};
+//# sourceMappingURL=utilities.js.map

package/esm/tree/utilities.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree/utilities.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { DropIndicatorPosition } from './constants';\n\nimport { Item } from './types';\n\nconst getMinDepth = (item: Item) => {\n  if (item) return item.depth;\n  return 0;\n};\n\nexport const getProjection = (\n  items: Item[],\n  visibleItemsDictionary: Record<string, Item>,\n  overId: string,\n  dropIndicatorPosition: DropIndicatorPosition,\n  isExpandable: boolean,\n): { depth: number; parentId: string } => {\n  const overItemIndex = visibleItemsDictionary[overId].realIndex;\n\n  const previousItem = items[overItemIndex];\n  const nextItem = items[overItemIndex + 1];\n\n  if (dropIndicatorPosition === DropIndicatorPosition.Inside && isExpandable) {\n    return {\n      depth: visibleItemsDictionary[overId].depth + 1,\n      parentId: overId,\n    };\n  }\n  if (dropIndicatorPosition === DropIndicatorPosition.Before) {\n    return { depth: getMinDepth(previousItem), parentId: previousItem.parentId };\n  }\n  return { depth: getMinDepth(nextItem), parentId: nextItem?.parentId };\n};\n\nexport const removeChildrenOf = (items: Item[], id: string): Item[] => {\n  const excludeParentIds = [id];\n\n  return items.filter((item) => {\n    if (item.parentId !== null && excludeParentIds.includes(item.parentId)) {\n      excludeParentIds.push(item.uid);\n      return false;\n    }\n    return true;\n  });\n};\n"],
+  "mappings": "AAAA;ACCA;AAIA,MAAM,cAAc,CAAC,SAAe;AAClC,MAAI;AAAM,WAAO,KAAK;AACtB,SAAO;AAAA;AAGF,MAAM,gBAAgB,CAC3B,OACA,wBACA,QACA,uBACA,iBACwC;AACxC,QAAM,gBAAgB,uBAAuB,QAAQ;AAErD,QAAM,eAAe,MAAM;AAC3B,QAAM,WAAW,MAAM,gBAAgB;AAEvC,MAAI,0BAA0B,sBAAsB,UAAU,cAAc;AAC1E,WAAO;AAAA,MACL,OAAO,uBAAuB,QAAQ,QAAQ;AAAA,MAC9C,UAAU;AAAA;AAAA;AAGd,MAAI,0BAA0B,sBAAsB,QAAQ;AAC1D,WAAO,EAAE,OAAO,YAAY,eAAe,UAAU,aAAa;AAAA;AAEpE,SAAO,EAAE,OAAO,YAAY,WAAW,UAAU,UAAU;AAAA;AAGtD,MAAM,mBAAmB,CAAC,OAAe,OAAuB;AACrE,QAAM,mBAAmB,CAAC;AAE1B,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,QAAI,KAAK,aAAa,QAAQ,iBAAiB,SAAS,KAAK,WAAW;AACtE,uBAAiB,KAAK,KAAK;AAC3B,aAAO;AAAA;AAET,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-drag-and-drop",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Drag And Drop",
   "module": "./esm/index.js",

package/types/hierarchy/types.d.ts

@@ -64,7 +64,7 @@ export declare type useHierarchyDndkitConfigReturn = {
     overId: string | null;
     activeIndex: number | undefined;
 };
-export declare type getKeyboardCoordinatesArgs = {
+export declare type GetKeyboardCoordinatesArgs = {
     items: Item[];
     active: Active | null;
     over: Over | null;

package/types/tree/types.d.ts

@@ -4,12 +4,13 @@ import type { SortingStrategy } from '@dnd-kit/sortable';
 import { Coordinates } from '@dnd-kit/core/dist/types';
 import React, { MutableRefObject } from 'react';
 import { DropIndicatorPosition } from './constants';
-export declare type Item = {
+export declare type Item<T = unknown> = {
     uid: string;
     depth: number;
-    parentId: string;
+    parentId: string | null;
     realIndex: number;
-    original: Record<string, Record<string, any>>;
+    childrenCount: number;
+    original: T;
 };
 export declare type DndContextPropsType = {
     announcements: Announcements;
@@ -27,49 +28,51 @@ export declare type SortableContextPropsType = {
     items: string[];
     strategy: SortingStrategy;
 };
-export declare type useTreePreviewHandlersReturn = {
+export declare type UseTreePreviewHandlersReturn = {
     handlePreviewDragStart: (e: DragStartEvent) => void;
     handlePreviewDragMove: (e: DragMoveEvent) => void;
     handlePreviewDragOver: (e: DragOverEvent) => void;
     handlePreviewDragEnd: (e: DragEndEvent) => void;
     handlePreviewDragCancel: (e: DragCancelEvent) => void;
 };
-export declare type useTreePreviewHandlersArgs = {
+export declare type UseTreePreviewHandlersArgs = {
     setOverId: React.Dispatch<React.SetStateAction<string>>;
     setActiveId: React.Dispatch<React.SetStateAction<string>>;
     setDropIndicatorPosition: React.Dispatch<React.SetStateAction<DropIndicatorPosition>>;
 };
-export declare type useTreeActionHandlersArgs = useTreePreviewHandlersReturn & {
+export declare type UseTreeActionHandlersArgs<T = unknown> = UseTreePreviewHandlersReturn & {
     dropIndicatorPosition: DropIndicatorPosition;
     flattenedItems: Item[];
     projected: {
         depth: number;
         parentId: string;
     } | null;
-    onReorder: (newData: Item[], indexes: {
+    onReorder: <S = T>(newData: Item<S>[], indexes: {
         targetIndex: number;
         fromIndex: number;
     }, considerExpanding: string) => void;
+    isDropValid: boolean;
 };
-export declare type useTreeActionHandlersReturn = {
+export declare type UseTreeActionHandlersReturn = {
     onDragStart: (e: DragStartEvent) => void;
     onDragMove: (e: DragMoveEvent) => void;
     onDragOver: (e: DragOverEvent) => void;
     onDragEnd: (e: DragEndEvent) => void;
     onDragCancel: (e: DragCancelEvent) => void;
 };
-export declare type useTreeDndkitConfigArgs = {
+export declare type UseTreeDndkitConfigArgs<T> = {
     flattenedItems: Item[];
     visibleItems: Item[];
     isHorizontalDnD?: boolean;
     isExpandable: boolean;
-    onReorder: (newData: Item[], indexes: {
+    onReorder: <S = T>(newData: Item<S>[], indexes: {
         targetIndex: number;
         fromIndex: number;
     }, considerExpanding: string) => void;
+    getIsDropValid: <S = T>(active: Item<S>, over: Item<S>, dropIndicatorPosition: 'none' | 'before' | 'after' | 'inside') => boolean;
     maxDragAndDropLevel: number;
 };
-export declare type useTreeDndkitConfigReturn = {
+export declare type UseTreeDndkitConfigReturn = {
     dndContextProps: DndContextPropsType;
     sortableContextProps: SortableContextPropsType;
     activeId: string;
@@ -77,10 +80,11 @@ export declare type useTreeDndkitConfigReturn = {
     overId: string;
     depth: number;
     dropIndicatorPosition: DropIndicatorPosition;
+    isDropValid: boolean;
     visibleItems: Item[];
 };
-export declare type useTreeDndkitConfigType = (args: useTreeDndkitConfigArgs) => useTreeDndkitConfigReturn;
-export declare type getKeyboardCoordinatesArgs = {
+export declare type UseTreeDndkitConfigType = <T = unknown>(args: UseTreeDndkitConfigArgs<T>) => UseTreeDndkitConfigReturn;
+export declare type GetKeyboardCoordinatesArgs = {
     items: Item[];
     active: Active;
     over: Over;

package/types/tree/useTreeActionHandlers.d.ts

@@ -1,2 +1,2 @@
-import type { useTreeActionHandlersReturn, useTreeActionHandlersArgs } from './types';
-export declare const useTreeActionHandlers: ({ handlePreviewDragStart, handlePreviewDragMove, handlePreviewDragOver, handlePreviewDragEnd, handlePreviewDragCancel, onReorder, flattenedItems, projected, dropIndicatorPosition, }: useTreeActionHandlersArgs) => useTreeActionHandlersReturn;
+import type { UseTreeActionHandlersReturn, UseTreeActionHandlersArgs } from './types';
+export declare const useTreeActionHandlers: ({ handlePreviewDragStart, handlePreviewDragMove, handlePreviewDragOver, handlePreviewDragEnd, handlePreviewDragCancel, onReorder, flattenedItems, projected, dropIndicatorPosition, isDropValid, }: UseTreeActionHandlersArgs) => UseTreeActionHandlersReturn;

package/types/tree/useTreeDndkitConfig.d.ts

@@ -1,2 +1,2 @@
-import type { useTreeDndkitConfigType } from './types';
-export declare const useTreeDndkitConfig: useTreeDndkitConfigType;
+import type { UseTreeDndkitConfigType } from './types';
+export declare const useTreeDndkitConfig: UseTreeDndkitConfigType;

package/types/tree/useTreePreviewHandlers.d.ts

@@ -1,2 +1,2 @@
-import type { useTreePreviewHandlersReturn, useTreePreviewHandlersArgs } from './types';
-export declare const useTreePreviewHandlers: ({ setOverId, setActiveId, setDropIndicatorPosition, }: useTreePreviewHandlersArgs) => useTreePreviewHandlersReturn;
+import type { UseTreePreviewHandlersReturn, UseTreePreviewHandlersArgs } from './types';
+export declare const useTreePreviewHandlers: ({ setOverId, setActiveId, setDropIndicatorPosition, }: UseTreePreviewHandlersArgs) => UseTreePreviewHandlersReturn;