@accelint/design-system 0.8.1 → 0.9.0

package/dist/components/tree/index.js

@@ -1,6 +1,494 @@
 import '../../chunk-PZ5AY32C.js';
-export { Tree, TreeGroup, TreeItem, TreeStateContext } from './tree.js';
-export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './tree.css.js';
-import './types.js';
+import { noop } from '@accelint/core';
+import { usePress } from '@react-aria/interactions';
+import { createContext, useMemo, useCallback, useContext } from 'react';
+import { Provider, DropIndicator, useDragAndDrop, GridList, ButtonContext as ButtonContext$1, DEFAULT_SLOT, GridListItem } from 'react-aria-components';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { useTree } from '../../hooks/use-tree/index.js';
+import { bodies } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaTextContext } from '../aria/index.js';
+import { ToggleButtonContext, ButtonContext, Button } from '../button/index.js';
+import { CheckboxContext } from '../checkbox/index.js';
+import { GroupContext } from '../group/index.js';
+import { Icon } from '../icon/index.js';
+import { MergeProvider } from '../merge-provider/index.js';
+import { treeClassNames, treeStateVars, treeIndicatorStateVars, treeGroupStateVars, treeItemStateVars } from './tree.css.js';
+import { createDragAndDropHandlers } from './utils.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var emptyTree = {
+  key: "",
+  parentKey: "",
+  children: [],
+  value: { id: "", label: "" }
+};
+var defaultMapping = {
+  actions: {
+    sm: {},
+    lg: {}
+  },
+  button: {
+    sm: { size: "sm", variant: "icon" },
+    lg: { size: "md", variant: "icon" }
+  },
+  description: {
+    sm: bodies.sm,
+    lg: bodies.md
+  },
+  drag: {
+    sm: {},
+    lg: {}
+  },
+  expansion: {
+    sm: {},
+    lg: {}
+  },
+  visibility: {
+    sm: {},
+    lg: {}
+  }
+};
+var defaultSize = "lg";
+var TreeStateContext = createContext({
+  allowsDragging: true,
+  allowsExpansion: true,
+  allowsVisibility: false,
+  lookup: {},
+  selectedKeys: /* @__PURE__ */ new Set(),
+  selectionMode: "none",
+  tree: emptyTree,
+  actions: {
+    append: noop,
+    getItem: () => emptyTree,
+    insert: noop,
+    insertAfter: noop,
+    insertBefore: noop,
+    move: noop,
+    prepend: noop,
+    remove: noop,
+    removeSelectedItems: noop,
+    revertIsExpanded: noop,
+    setSelectedKeys: noop,
+    toggleIsExpanded: noop,
+    toggleIsSelected: noop,
+    toggleIsViewable: noop,
+    update: noop
+  }
+});
+function defaultRenderEmptyState({ isDropTarget }) {
+  return isDropTarget ? "Add to this group" : "Nothing to see here";
+}
+function Tree(props) {
+  props = useDefaultProps(props, "Tree");
+  const {
+    children: childrenProp,
+    allowsDragging = false,
+    allowsExpansion = true,
+    allowsVisibility = false,
+    classNames: classNamesProps,
+    disabledBehavior = "all",
+    keyboardNavigationBehavior = "arrow",
+    mapping: mappingProp,
+    nodes,
+    provider,
+    renderDragPreview,
+    renderEmptyState: renderEmptyStateProp = defaultRenderEmptyState,
+    selectionBehavior = "replace",
+    selectionMode = "none",
+    showTreeLines = true,
+    size = defaultSize,
+    onAction,
+    onScroll,
+    onSelectionChange,
+    onUpdate,
+    ...rest
+  } = props;
+  const state = useTree({
+    allowsExpansion,
+    allowsVisibility,
+    nodes,
+    selectionMode,
+    onSelectionChange,
+    onUpdate
+  });
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(treeClassNames, theme.Tree, classNamesProps, {
+      item: {
+        description: mapping.description[size]
+      }
+    }) ?? {},
+    [theme.Tree, classNamesProps, mapping, size]
+  );
+  const renderEmptyState = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx("div", { className: classNames?.empty, children: renderEmptyStateProp(renderProps) }),
+    [classNames?.empty, renderEmptyStateProp]
+  );
+  const context = useMemo(
+    () => [
+      [
+        TreeStateContext,
+        {
+          ...state,
+          allowsDragging,
+          classNames,
+          disabledBehavior,
+          keyboardNavigationBehavior,
+          renderDragPreview,
+          renderEmptyState,
+          selectionBehavior,
+          selectionMode,
+          showTreeLines,
+          size,
+          onAction,
+          onScroll
+        }
+      ]
+    ],
+    [
+      state,
+      allowsDragging,
+      classNames,
+      disabledBehavior,
+      keyboardNavigationBehavior,
+      renderDragPreview,
+      renderEmptyState,
+      selectionBehavior,
+      selectionMode,
+      showTreeLines,
+      size,
+      onAction,
+      onScroll
+    ]
+  );
+  const style = useMemo(
+    () => inlineVars(treeStateVars, {
+      allowsDragging,
+      allowsExpansion: state.allowsExpansion,
+      allowsVisibility: state.allowsVisibility,
+      showTreeLines,
+      size
+    }),
+    [
+      allowsDragging,
+      state.allowsExpansion,
+      state.allowsVisibility,
+      showTreeLines,
+      size
+    ]
+  );
+  const children = useMemo(() => {
+    const treeGroupProps = {
+      ...rest,
+      id: state.tree.key,
+      nodes: state.tree.children
+    };
+    return provider ? callRenderProps(childrenProp, { ...state, treeGroupProps }) : /* @__PURE__ */ jsx(TreeGroup, { ...treeGroupProps, children: childrenProp });
+  }, [rest, provider, childrenProp, state]);
+  return /* @__PURE__ */ jsx(Provider, { values: context, children: /* @__PURE__ */ jsx("div", { className: classNames?.tree?.container, style, children: /* @__PURE__ */ jsx("div", { className: classNames?.tree?.tree, children }) }) });
+}
+function TreeGroup({
+  id,
+  children,
+  nodes,
+  types = ["all"],
+  ...rest
+}) {
+  const {
+    actions,
+    allowsDragging,
+    classNames,
+    disabledBehavior,
+    keyboardNavigationBehavior,
+    lookup,
+    renderDragPreview,
+    renderEmptyState,
+    selectedKeys,
+    selectionBehavior,
+    selectionMode,
+    onAction,
+    onScroll
+  } = useContext(TreeStateContext);
+  const acceptedDragTypes = useMemo(
+    () => types.map((type) => `tree-${type}`),
+    [types]
+  );
+  const renderDropIndicator = useCallback(
+    (target) => /* @__PURE__ */ jsx(
+      DropIndicator,
+      {
+        className: classNames?.indicator?.container,
+        style: (renderProps) => inlineVars(treeIndicatorStateVars, {
+          ...renderProps,
+          dropPosition: "dropPosition" in target ? target.dropPosition : "root"
+        }),
+        target,
+        children: /* @__PURE__ */ jsx("div", { className: classNames?.indicator?.indicator })
+      }
+    ),
+    [classNames?.indicator?.container, classNames?.indicator?.indicator]
+  );
+  const { dragAndDropHooks } = useDragAndDrop({
+    isDisabled: !allowsDragging,
+    renderDragPreview,
+    renderDropIndicator,
+    ...createDragAndDropHandlers(id, acceptedDragTypes, lookup, actions)
+  });
+  const style = useCallback(
+    (renderProps) => inlineVars(treeGroupStateVars, { ...renderProps, count: nodes.length }),
+    [nodes.length]
+  );
+  const indices = useMemo(
+    () => nodes.reduce((acc, node, index) => {
+      acc[node.key] = index;
+      return acc;
+    }, {}),
+    [nodes]
+  );
+  return /* @__PURE__ */ jsx(
+    GridList,
+    {
+      ...rest,
+      className: classNames?.group,
+      disabledBehavior,
+      dragAndDropHooks,
+      items: nodes,
+      keyboardNavigationBehavior,
+      renderEmptyState,
+      selectedKeys,
+      selectionBehavior,
+      selectionMode,
+      style,
+      onAction,
+      onScroll,
+      children: (item) => /* @__PURE__ */ jsx(
+        TreeItem,
+        {
+          index: indices[item.key] ?? -1,
+          node: item,
+          isFirstChild: indices[item.key] === 0,
+          isLastChild: indices[item.key] === nodes.length - 1,
+          children
+        }
+      )
+    }
+  );
+}
+var contextBlocker = [
+  [ToggleButtonContext, null],
+  [AriaTextContext, null],
+  [GroupContext, null],
+  [CheckboxContext, null],
+  [ButtonContext, null],
+  [ButtonContext$1, null]
+];
+function TreeItem({
+  children: childrenProp,
+  index,
+  mapping: mappingProp,
+  node,
+  isFirstChild,
+  isLastChild,
+  ...rest
+}) {
+  const {
+    actions,
+    allowsExpansion,
+    classNames,
+    size: sizeProp
+  } = useContext(TreeStateContext);
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const selection = useMemo(() => /* @__PURE__ */ new Set([node.key]), [node.key]);
+  const handleToggleExpansion = useCallback(
+    () => actions.toggleIsExpanded(selection),
+    [actions, selection]
+  );
+  const handleToggleSelection = useCallback(
+    () => actions.toggleIsSelected(selection),
+    [actions, selection]
+  );
+  const handleToggleVisibility = useCallback(
+    () => actions.toggleIsViewable(selection),
+    [actions, selection]
+  );
+  const { pressProps } = usePress({
+    onPress: handleToggleExpansion
+  });
+  const style = useCallback(
+    (renderProps) => inlineVars(treeItemStateVars, {
+      ...renderProps,
+      count: node.children.length,
+      index,
+      isExpanded: "nodes" in node.value ? !!node.value.isExpanded : false,
+      isFirstChild,
+      isGroup: "nodes" in node.value,
+      isLastChild,
+      isViewable: !!node.value.isViewable,
+      isVisible: !!node.value.isVisible,
+      isReadOnly: !!node.value.isReadOnly
+    }),
+    [node.children.length, node.value, index, isFirstChild, isLastChild]
+  );
+  const context = useMemo(() => {
+    const size = sizeProp ?? defaultSize;
+    const buttonProps = mapping.button[size] ?? {};
+    return [
+      [
+        ToggleButtonContext,
+        {
+          slots: {
+            [DEFAULT_SLOT]: buttonProps,
+            expansion: {
+              ...buttonProps,
+              ...mapping.expansion[size],
+              classNames: classNames?.item?.expansion,
+              isSelected: "nodes" in node.value ? !!node.value.isExpanded : void 0,
+              onPress: handleToggleExpansion
+            },
+            visibility: {
+              ...buttonProps,
+              ...mapping.visibility[size],
+              classNames: classNames?.item?.visibility,
+              isSelected: !!node.value.isViewable,
+              isDisabled: !!node.value.isReadOnly,
+              onPress: handleToggleVisibility
+            }
+          }
+        }
+      ],
+      [
+        AriaTextContext,
+        {
+          slots: {
+            [DEFAULT_SLOT]: {},
+            description: {
+              ..."nodes" in node.value ? pressProps : {},
+              className: classNames?.item?.description,
+              children: node.value.label
+            }
+          }
+        }
+      ],
+      [
+        GroupContext,
+        {
+          slots: {
+            [DEFAULT_SLOT]: {},
+            actions: {
+              classNames: classNames?.item?.actions,
+              context: ButtonContext,
+              values: buttonProps
+            }
+          }
+        }
+      ],
+      [
+        CheckboxContext,
+        {
+          slots: {
+            [DEFAULT_SLOT]: {},
+            selection: {
+              classNames: classNames?.item?.selection,
+              onChange: handleToggleSelection
+            }
+          }
+        }
+      ],
+      [
+        ButtonContext,
+        {
+          slots: {
+            [DEFAULT_SLOT]: buttonProps,
+            drag: {
+              ...buttonProps,
+              ...mapping.drag[size],
+              classNames: classNames?.item?.drag
+            },
+            // We use a non-interactive Button for the lines to try and simplify the
+            // consistent use of space when rendered in alignment with other Buttons
+            lines: {
+              ...buttonProps,
+              classNames: classNames?.item?.lines,
+              isDisabled: true
+            }
+          }
+        }
+      ],
+      // Need to expand the RAC ButtonContext to allow for additional slots
+      [ButtonContext$1, { slots: { [DEFAULT_SLOT]: {}, lines: {} } }]
+    ];
+  }, [
+    classNames?.item?.lines,
+    classNames?.item?.expansion,
+    classNames?.item?.visibility,
+    classNames?.item?.description,
+    classNames?.item?.actions,
+    classNames?.item?.selection,
+    classNames?.item?.drag,
+    mapping,
+    node,
+    pressProps,
+    sizeProp,
+    handleToggleExpansion,
+    handleToggleSelection,
+    handleToggleVisibility
+  ]);
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(MergeProvider, { values: context, children: /* @__PURE__ */ jsxs("div", { className: classNames?.item?.item, children: [
+      node.parentKey && /* @__PURE__ */ jsx(Button, { slot: "lines", children: /* @__PURE__ */ jsx(Icon, {}) }),
+      /* @__PURE__ */ jsx("div", { className: classNames?.item?.bar, children: callRenderProps(childrenProp, {
+        ...renderProps,
+        node
+      }) }),
+      "nodes" in node.value && (!allowsExpansion || node.value.isExpanded) && /* @__PURE__ */ jsx(Provider, { values: contextBlocker, children: /* @__PURE__ */ jsx(
+        TreeGroup,
+        {
+          id: node.key,
+          nodes: node.children,
+          types: node.value.types,
+          "aria-label": node.value.label,
+          children: childrenProp
+        }
+      ) })
+    ] }) }),
+    [
+      context,
+      classNames?.item?.item,
+      classNames?.item?.bar,
+      node,
+      childrenProp,
+      allowsExpansion
+    ]
+  );
+  return /* @__PURE__ */ jsx(
+    GridListItem,
+    {
+      ...rest,
+      isDisabled: !!node.value.isReadOnly,
+      className: classNames?.item?.container,
+      style,
+      textValue: node.value.label,
+      children
+    }
+  );
+}
+
+export { Tree, TreeGroup, TreeItem, TreeStateContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/tree/index.tsx"],"names":["RACButtonContext"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { noop } from '@accelint/core';\nimport { usePress } from '@react-aria/interactions';\nimport type { Key } from '@react-types/shared';\nimport { createContext, useCallback, useContext, useMemo } from 'react';\nimport {\n  type ContextValue,\n  DEFAULT_SLOT,\n  DropIndicator,\n  type DropTarget,\n  GridList,\n  GridListItem,\n  type GridListItemRenderProps,\n  type GridListRenderProps,\n  Provider,\n  ButtonContext as RACButtonContext,\n  type ButtonProps as RACButtonProps,\n  type TextProps,\n  useDragAndDrop,\n} from 'react-aria-components';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { useTree } from '../../hooks/use-tree';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaTextContext } from '../aria';\nimport { Button, ButtonContext, ToggleButtonContext } from '../button';\nimport type { ButtonProps, ToggleButtonProps } from '../button/types';\nimport { CheckboxContext } from '../checkbox';\nimport type { CheckboxProps } from '../checkbox/types';\nimport { GroupContext } from '../group';\nimport type { GroupProps } from '../group/types';\nimport { Icon } from '../icon';\nimport { MergeProvider } from '../merge-provider';\nimport {\n  treeClassNames,\n  treeGroupStateVars,\n  treeIndicatorStateVars,\n  treeItemStateVars,\n  treeStateVars,\n} from './tree.css';\nimport type {\n  TreeGroupProps,\n  TreeIndicatorRenderProps,\n  TreeItemProps,\n  TreeMapping,\n  TreeProps,\n  TreeStateContextValue,\n} from './types';\nimport { createDragAndDropHandlers } from './utils';\n\nconst emptyTree = {\n  key: '',\n  parentKey: '',\n  children: [],\n  value: { id: '', label: '' },\n};\n\nconst defaultMapping: TreeMapping = {\n  actions: {\n    sm: {},\n    lg: {},\n  },\n  button: {\n    sm: { size: 'sm', variant: 'icon' },\n    lg: { size: 'md', variant: 'icon' },\n  },\n  description: {\n    sm: bodies.sm,\n    lg: bodies.md,\n  },\n  drag: {\n    sm: {},\n    lg: {},\n  },\n  expansion: {\n    sm: {},\n    lg: {},\n  },\n  visibility: {\n    sm: {},\n    lg: {},\n  },\n};\n\nconst defaultSize = 'lg';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const TreeStateContext = createContext<TreeStateContextValue<any>>({\n  allowsDragging: true,\n  allowsExpansion: true,\n  allowsVisibility: false,\n  lookup: {},\n  selectedKeys: new Set(),\n  selectionMode: 'none',\n  tree: emptyTree,\n  actions: {\n    append: noop,\n    getItem: () => emptyTree,\n    insert: noop,\n    insertAfter: noop,\n    insertBefore: noop,\n    move: noop,\n    prepend: noop,\n    remove: noop,\n    removeSelectedItems: noop,\n    revertIsExpanded: noop,\n    setSelectedKeys: noop,\n    toggleIsExpanded: noop,\n    toggleIsSelected: noop,\n    toggleIsViewable: noop,\n    update: noop,\n  },\n});\n\nfunction defaultRenderEmptyState({ isDropTarget }: GridListRenderProps) {\n  return isDropTarget ? 'Add to this group' : 'Nothing to see here';\n}\n\n/**\n * By default Tree only works as an uncontrolled input. However, if you need to use the Tree\n * as a controlled input (passing state changes to the \"nodes\" props), you will need to add a\n * \"key\" prop that is a hash of the \"nodes\" prop to trigger a rerender of the component and\n * abandon it's previous state. Unfortunately, the underlying hooks don't provide a good way\n * to update the internal state of the Tree onces it's been initialized.\n */\nexport function Tree<T>(props: TreeProps<T>) {\n  props = useDefaultProps(props as TreeProps<unknown>, 'Tree') as TreeProps<T>;\n\n  const {\n    children: childrenProp,\n    allowsDragging = false,\n    allowsExpansion = true,\n    allowsVisibility = false,\n    classNames: classNamesProps,\n    disabledBehavior = 'all',\n    keyboardNavigationBehavior = 'arrow',\n    mapping: mappingProp,\n    nodes,\n    provider,\n    renderDragPreview,\n    renderEmptyState: renderEmptyStateProp = defaultRenderEmptyState,\n    selectionBehavior = 'replace',\n    selectionMode = 'none',\n    showTreeLines = true,\n    size = defaultSize,\n    onAction,\n    onScroll,\n    onSelectionChange,\n    onUpdate,\n    ...rest\n  } = props;\n\n  const state = useTree({\n    allowsExpansion,\n    allowsVisibility,\n    nodes,\n    selectionMode,\n    onSelectionChange,\n    onUpdate,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(treeClassNames, theme.Tree, classNamesProps, {\n        item: {\n          description: mapping.description[size],\n        },\n      }) ?? {},\n    [theme.Tree, classNamesProps, mapping, size],\n  );\n\n  const renderEmptyState = useCallback(\n    (renderProps: GridListRenderProps) => (\n      <div className={classNames?.empty}>\n        {renderEmptyStateProp(renderProps)}\n      </div>\n    ),\n    [classNames?.empty, renderEmptyStateProp],\n  );\n\n  const context = useMemo<\n    [[typeof TreeStateContext, TreeStateContextValue<T>]]\n  >(\n    () => [\n      [\n        TreeStateContext,\n        {\n          ...state,\n          allowsDragging,\n          classNames,\n          disabledBehavior,\n          keyboardNavigationBehavior,\n          renderDragPreview,\n          renderEmptyState,\n          selectionBehavior,\n          selectionMode,\n          showTreeLines,\n          size,\n          onAction,\n          onScroll,\n        },\n      ],\n    ],\n    [\n      state,\n      allowsDragging,\n      classNames,\n      disabledBehavior,\n      keyboardNavigationBehavior,\n      renderDragPreview,\n      renderEmptyState,\n      selectionBehavior,\n      selectionMode,\n      showTreeLines,\n      size,\n      onAction,\n      onScroll,\n    ],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(treeStateVars, {\n        allowsDragging,\n        allowsExpansion: state.allowsExpansion,\n        allowsVisibility: state.allowsVisibility,\n        showTreeLines,\n        size,\n      }),\n    [\n      allowsDragging,\n      state.allowsExpansion,\n      state.allowsVisibility,\n      showTreeLines,\n      size,\n    ],\n  );\n\n  const children = useMemo(() => {\n    const treeGroupProps = {\n      ...rest,\n      id: state.tree.key,\n      nodes: state.tree.children,\n    };\n\n    return provider ? (\n      callRenderProps(childrenProp, { ...state, treeGroupProps })\n    ) : (\n      <TreeGroup {...treeGroupProps}>{childrenProp}</TreeGroup>\n    );\n  }, [rest, provider, childrenProp, state]);\n\n  return (\n    <Provider values={context}>\n      <div className={classNames?.tree?.container} style={style}>\n        <div className={classNames?.tree?.tree}>{children}</div>\n      </div>\n    </Provider>\n  );\n}\n\nexport function TreeGroup<T>({\n  id,\n  children,\n  nodes,\n  types = ['all'],\n  ...rest\n}: TreeGroupProps<T>) {\n  const {\n    actions,\n    allowsDragging,\n    classNames,\n    disabledBehavior,\n    keyboardNavigationBehavior,\n    lookup,\n    renderDragPreview,\n    renderEmptyState,\n    selectedKeys,\n    selectionBehavior,\n    selectionMode,\n    onAction,\n    onScroll,\n  } = useContext(TreeStateContext);\n\n  const acceptedDragTypes = useMemo(\n    () => types.map((type) => `tree-${type}`),\n    [types],\n  );\n\n  // This function cannot be treated as a component and will throw errors if implemented as one (with hooks)\n  const renderDropIndicator = useCallback(\n    (target: DropTarget) => (\n      <DropIndicator\n        className={classNames?.indicator?.container}\n        // eslint-disable-next-line react-perf/jsx-no-new-function-as-prop, react/jsx-no-bind\n        style={(renderProps: TreeIndicatorRenderProps) =>\n          inlineVars(treeIndicatorStateVars, {\n            ...renderProps,\n            dropPosition:\n              'dropPosition' in target ? target.dropPosition : 'root',\n          })\n        }\n        target={target}\n      >\n        <div className={classNames?.indicator?.indicator} />\n      </DropIndicator>\n    ),\n    [classNames?.indicator?.container, classNames?.indicator?.indicator],\n  );\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    isDisabled: !allowsDragging,\n    renderDragPreview,\n    renderDropIndicator,\n    ...createDragAndDropHandlers(id, acceptedDragTypes, lookup, actions),\n  });\n\n  const style = useCallback(\n    (renderProps: GridListRenderProps) =>\n      inlineVars(treeGroupStateVars, { ...renderProps, count: nodes.length }),\n    [nodes.length],\n  );\n\n  const indices = useMemo(\n    () =>\n      nodes.reduce<Record<Key, number>>((acc, node, index) => {\n        acc[node.key] = index;\n\n        return acc;\n      }, {}),\n    [nodes],\n  );\n\n  return (\n    <GridList\n      {...rest}\n      className={classNames?.group}\n      disabledBehavior={disabledBehavior}\n      dragAndDropHooks={dragAndDropHooks}\n      items={nodes}\n      keyboardNavigationBehavior={keyboardNavigationBehavior}\n      renderEmptyState={renderEmptyState}\n      selectedKeys={selectedKeys}\n      selectionBehavior={selectionBehavior}\n      selectionMode={selectionMode}\n      style={style}\n      onAction={onAction}\n      onScroll={onScroll}\n    >\n      {(item) => (\n        <TreeItem\n          index={indices[item.key] ?? -1}\n          node={item}\n          isFirstChild={indices[item.key] === 0}\n          isLastChild={indices[item.key] === nodes.length - 1}\n        >\n          {children}\n        </TreeItem>\n      )}\n    </GridList>\n  );\n}\n\ntype TreeItemContexts = [\n  [\n    typeof ToggleButtonContext,\n    ContextValue<ToggleButtonProps, HTMLButtonElement>,\n  ],\n  [typeof AriaTextContext, ContextValue<TextProps, HTMLSpanElement>],\n  [\n    typeof GroupContext,\n    ContextValue<GroupProps<ButtonProps, HTMLButtonElement>, HTMLDivElement>,\n  ],\n  [typeof CheckboxContext, ContextValue<CheckboxProps, HTMLLabelElement>],\n  [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n  [typeof RACButtonContext, ContextValue<RACButtonProps, HTMLButtonElement>],\n];\n\nconst contextBlocker: TreeItemContexts = [\n  [ToggleButtonContext, null],\n  [AriaTextContext, null],\n  [GroupContext, null],\n  [CheckboxContext, null],\n  [ButtonContext, null],\n  [RACButtonContext, null],\n];\n\nexport function TreeItem<T>({\n  children: childrenProp,\n  index,\n  mapping: mappingProp,\n  node,\n  isFirstChild,\n  isLastChild,\n  ...rest\n}: TreeItemProps<T>) {\n  const {\n    actions,\n    allowsExpansion,\n    classNames,\n    size: sizeProp,\n  } = useContext(TreeStateContext);\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const selection = useMemo(() => new Set([node.key]), [node.key]);\n\n  const handleToggleExpansion = useCallback(\n    () => actions.toggleIsExpanded(selection),\n    [actions, selection],\n  );\n\n  const handleToggleSelection = useCallback(\n    () => actions.toggleIsSelected(selection),\n    [actions, selection],\n  );\n\n  const handleToggleVisibility = useCallback(\n    () => actions.toggleIsViewable(selection),\n    [actions, selection],\n  );\n\n  const { pressProps } = usePress({\n    onPress: handleToggleExpansion,\n  });\n\n  const style = useCallback(\n    (renderProps: GridListItemRenderProps) =>\n      inlineVars(treeItemStateVars, {\n        ...renderProps,\n        count: node.children.length,\n        index,\n        isExpanded: 'nodes' in node.value ? !!node.value.isExpanded : false,\n        isFirstChild,\n        isGroup: 'nodes' in node.value,\n        isLastChild,\n        isViewable: !!node.value.isViewable,\n        isVisible: !!node.value.isVisible,\n        isReadOnly: !!node.value.isReadOnly,\n      }),\n    [node.children.length, node.value, index, isFirstChild, isLastChild],\n  );\n\n  const context = useMemo<TreeItemContexts>(() => {\n    const size = sizeProp ?? defaultSize;\n    const buttonProps = mapping.button[size] ?? {};\n\n    return [\n      [\n        ToggleButtonContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: buttonProps,\n            expansion: {\n              ...buttonProps,\n              ...mapping.expansion[size],\n              classNames: classNames?.item?.expansion,\n              isSelected:\n                'nodes' in node.value ? !!node.value.isExpanded : undefined,\n              onPress: handleToggleExpansion,\n            },\n            visibility: {\n              ...buttonProps,\n              ...mapping.visibility[size],\n              classNames: classNames?.item?.visibility,\n              isSelected: !!node.value.isViewable,\n              isDisabled: !!node.value.isReadOnly,\n              onPress: handleToggleVisibility,\n            },\n          },\n        },\n      ],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            description: {\n              ...('nodes' in node.value ? pressProps : {}),\n              className: classNames?.item?.description,\n              children: node.value.label,\n            },\n          },\n        },\n      ],\n      [\n        GroupContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            actions: {\n              classNames: classNames?.item?.actions,\n              context: ButtonContext,\n              values: buttonProps,\n            },\n          },\n        },\n      ],\n      [\n        CheckboxContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            selection: {\n              classNames: classNames?.item?.selection,\n              onChange: handleToggleSelection,\n            },\n          },\n        },\n      ],\n      [\n        ButtonContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: buttonProps,\n            drag: {\n              ...buttonProps,\n              ...mapping.drag[size],\n              classNames: classNames?.item?.drag,\n            },\n            // We use a non-interactive Button for the lines to try and simplify the\n            // consistent use of space when rendered in alignment with other Buttons\n            lines: {\n              ...buttonProps,\n              classNames: classNames?.item?.lines,\n              isDisabled: true,\n            },\n          },\n        },\n      ],\n      // Need to expand the RAC ButtonContext to allow for additional slots\n      [RACButtonContext, { slots: { [DEFAULT_SLOT]: {}, lines: {} } }],\n    ];\n  }, [\n    classNames?.item?.lines,\n    classNames?.item?.expansion,\n    classNames?.item?.visibility,\n    classNames?.item?.description,\n    classNames?.item?.actions,\n    classNames?.item?.selection,\n    classNames?.item?.drag,\n    mapping,\n    node,\n    pressProps,\n    sizeProp,\n    handleToggleExpansion,\n    handleToggleSelection,\n    handleToggleVisibility,\n  ]);\n\n  /**\n   * We need to block the above contexts from being passed into the TreeGroup\n   * so that each TreeItem has a distinct context. We only use MergeProvider\n   * for the above contexts because the GridListItem provides contexts that\n   * we need to merge with\n   */\n  const children = useCallback(\n    (renderProps: GridListItemRenderProps) => (\n      <MergeProvider values={context}>\n        <div className={classNames?.item?.item}>\n          {node.parentKey && (\n            <Button slot='lines'>\n              <Icon />\n            </Button>\n          )}\n          <div className={classNames?.item?.bar}>\n            {callRenderProps(childrenProp, {\n              ...renderProps,\n              node,\n            })}\n          </div>\n          {'nodes' in node.value &&\n            (!allowsExpansion || node.value.isExpanded) && (\n              <Provider values={contextBlocker}>\n                <TreeGroup\n                  id={node.key}\n                  nodes={node.children}\n                  types={node.value.types}\n                  aria-label={node.value.label}\n                >\n                  {childrenProp}\n                </TreeGroup>\n              </Provider>\n            )}\n        </div>\n      </MergeProvider>\n    ),\n    [\n      context,\n      classNames?.item?.item,\n      classNames?.item?.bar,\n      node,\n      childrenProp,\n      allowsExpansion,\n    ],\n  );\n\n  return (\n    <GridListItem\n      {...rest}\n      isDisabled={!!node.value.isReadOnly}\n      className={classNames?.item?.container}\n      style={style}\n      textValue={node.value.label}\n    >\n      {children}\n    </GridListItem>\n  );\n}\n"]}

package/dist/components/tree/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { isTextDropItem } from '@react-aria/dnd';\nimport type {\n  DropItem,\n  DropOperation,\n  Key,\n  TextDropItem,\n} from '@react-types/shared';\nimport type { DragAndDropOptions } from 'react-aria-components';\nimport type { TreeNode, UseTreeResult } from '../../types';\n\nexport function createDragAndDropHandlers<T>(\n  id: Key,\n  acceptedDragTypes: string[],\n  lookup: Record<Key, TreeNode<T>>,\n  actions: UseTreeResult<T>['actions'],\n): DragAndDropOptions {\n  return {\n    acceptedDragTypes,\n    getDropOperation,\n    getItems: (keys: Set<Key>) =>\n      [...keys].map((key) => {\n        const node = lookup[key]?.value;\n\n        if (!node) {\n          return {};\n        }\n\n        const payload = JSON.stringify(node);\n\n        return [\n          'all',\n          'type' in node ? node.type : undefined,\n          ...('types' in node ? (node.types ?? []) : []),\n        ].reduce<Record<string, string>>((acc, type) => {\n          if (!type) return acc;\n\n          acc[`tree-${type}`] = payload;\n\n          return acc;\n        }, {});\n      }),\n    onDragEnd: () => actions.revertIsExpanded(),\n    onDragStart: ({ keys }) => actions.toggleIsExpanded(keys, false, true),\n    onInsert: ({ items, target }) => {\n      // Wrap async return function where void expected, fuck SQ\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          acceptedDragTypes,\n        );\n\n        actions.remove(...processedItems.map((item) => item.id));\n\n        if (target.dropPosition === 'before') {\n          actions.insertBefore(target.key, ...processedItems);\n        } else if (target.dropPosition === 'after') {\n          actions.insertAfter(target.key, ...processedItems);\n        }\n      })();\n    },\n    onReorder({ keys, target }) {\n      const values = Array.from(keys).flatMap((key) => {\n        const value = lookup[key]?.value;\n\n        if (value) {\n          return [value];\n        }\n\n        return [];\n      });\n\n      actions.remove(...keys);\n\n      if (target.dropPosition === 'before') {\n        actions.insertBefore(target.key, ...values);\n      } else if (target.dropPosition === 'after') {\n        actions.insertAfter(target.key, ...values);\n      }\n    },\n    onRootDrop: ({ items }) => {\n      // See above, thanks SQ for ensuring high quality code\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          acceptedDragTypes,\n        );\n\n        actions.remove(...processedItems.map((item) => item.id));\n\n        actions.append(id, ...processedItems);\n      })();\n    },\n  };\n}\n\nexport function getDropOperation(): DropOperation {\n  return 'move';\n}\n\nexport async function processDroppedItems(\n  items: DropItem[],\n  acceptedDragTypes: string[],\n) {\n  return await Promise.all(\n    items\n      .filter(isTextDropItem)\n      .map((item) => processDroppedItem(item, acceptedDragTypes)),\n  );\n}\n\nexport async function processDroppedItem(\n  item: TextDropItem,\n  acceptedDragTypes: string[],\n) {\n  const payload = await getDroppedItemPayload(item, acceptedDragTypes);\n\n  return payload\n    ? JSON.parse(payload)\n    : Promise.reject(new Error('No supported type payload'));\n}\n\nexport async function getDroppedItemPayload(\n  item: TextDropItem,\n  acceptedDragTypes: string[],\n) {\n  return await Promise.any(\n    acceptedDragTypes.map(\n      async (type) =>\n        (await item.getText(type)) ??\n        Promise.reject(new Error('Unsupported type')),\n    ),\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/utils.ts"],"names":[],"mappings":";;;AAsBO,SAAS,yBACd,CAAA,EAAA,EACA,iBACA,EAAA,MAAA,EACA,OACoB,EAAA;AACpB,EAAO,OAAA;AAAA,IACL,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA,EAAU,CAAC,IACT,KAAA,CAAC,GAAG,IAAI,CAAA,CAAE,GAAI,CAAA,CAAC,GAAQ,KAAA;AACrB,MAAM,MAAA,IAAA,GAAO,MAAO,CAAA,GAAG,CAAG,EAAA,KAAA;AAE1B,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAA,OAAO,EAAC;AAAA;AAGV,MAAM,MAAA,OAAA,GAAU,IAAK,CAAA,SAAA,CAAU,IAAI,CAAA;AAEnC,MAAO,OAAA;AAAA,QACL,KAAA;AAAA,QACA,MAAA,IAAU,IAAO,GAAA,IAAA,CAAK,IAAO,GAAA,MAAA;AAAA,QAC7B,GAAI,OAAW,IAAA,IAAA,GAAQ,KAAK,KAAS,IAAA,KAAM;AAAC,OAC5C,CAAA,MAAA,CAA+B,CAAC,GAAA,EAAK,IAAS,KAAA;AAC9C,QAAI,IAAA,CAAC,MAAa,OAAA,GAAA;AAElB,QAAI,GAAA,CAAA,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAI,GAAA,OAAA;AAEtB,QAAO,OAAA,GAAA;AAAA,OACT,EAAG,EAAE,CAAA;AAAA,KACN,CAAA;AAAA,IACH,SAAA,EAAW,MAAM,OAAA,CAAQ,gBAAiB,EAAA;AAAA,IAC1C,WAAA,EAAa,CAAC,EAAE,IAAA,OAAW,OAAQ,CAAA,gBAAA,CAAiB,IAAM,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,IACrE,QAAU,EAAA,CAAC,EAAE,KAAA,EAAO,QAAa,KAAA;AAE/B,MAAA,CAAC,YAAY;AACX,QAAA,MAAM,iBAAiB,MAAM,mBAAA;AAAA,UAC3B,KAAA;AAAA,UACA;AAAA,SACF;AAEA,QAAQ,OAAA,CAAA,MAAA,CAAO,GAAG,cAAe,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA,IAAA,CAAK,EAAE,CAAC,CAAA;AAEvD,QAAI,IAAA,MAAA,CAAO,iBAAiB,QAAU,EAAA;AACpC,UAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,GAAK,EAAA,GAAG,cAAc,CAAA;AAAA,SACpD,MAAA,IAAW,MAAO,CAAA,YAAA,KAAiB,OAAS,EAAA;AAC1C,UAAA,OAAA,CAAQ,WAAY,CAAA,MAAA,CAAO,GAAK,EAAA,GAAG,cAAc,CAAA;AAAA;AACnD,OACC,GAAA;AAAA,KACL;AAAA,IACA,SAAU,CAAA,EAAE,IAAM,EAAA,MAAA,EAAU,EAAA;AAC1B,MAAA,MAAM,SAAS,KAAM,CAAA,IAAA,CAAK,IAAI,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AAC/C,QAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,GAAG,CAAG,EAAA,KAAA;AAE3B,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,OAAO,CAAC,KAAK,CAAA;AAAA;AAGf,QAAA,OAAO,EAAC;AAAA,OACT,CAAA;AAED,MAAQ,OAAA,CAAA,MAAA,CAAO,GAAG,IAAI,CAAA;AAEtB,MAAI,IAAA,MAAA,CAAO,iBAAiB,QAAU,EAAA;AACpC,QAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,GAAK,EAAA,GAAG,MAAM,CAAA;AAAA,OAC5C,MAAA,IAAW,MAAO,CAAA,YAAA,KAAiB,OAAS,EAAA;AAC1C,QAAA,OAAA,CAAQ,WAAY,CAAA,MAAA,CAAO,GAAK,EAAA,GAAG,MAAM,CAAA;AAAA;AAC3C,KACF;AAAA,IACA,UAAY,EAAA,CAAC,EAAE,KAAA,EAAY,KAAA;AAEzB,MAAA,CAAC,YAAY;AACX,QAAA,MAAM,iBAAiB,MAAM,mBAAA;AAAA,UAC3B,KAAA;AAAA,UACA;AAAA,SACF;AAEA,QAAQ,OAAA,CAAA,MAAA,CAAO,GAAG,cAAe,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA,IAAA,CAAK,EAAE,CAAC,CAAA;AAEvD,QAAQ,OAAA,CAAA,MAAA,CAAO,EAAI,EAAA,GAAG,cAAc,CAAA;AAAA,OACnC,GAAA;AAAA;AACL,GACF;AACF;AAEO,SAAS,gBAAkC,GAAA;AAChD,EAAO,OAAA,MAAA;AACT;AAEA,eAAsB,mBAAA,CACpB,OACA,iBACA,EAAA;AACA,EAAA,OAAO,MAAM,OAAQ,CAAA,GAAA;AAAA,IACnB,KAAA,CACG,MAAO,CAAA,cAAc,CACrB,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA,kBAAA,CAAmB,IAAM,EAAA,iBAAiB,CAAC;AAAA,GAC9D;AACF;AAEA,eAAsB,kBAAA,CACpB,MACA,iBACA,EAAA;AACA,EAAA,MAAM,OAAU,GAAA,MAAM,qBAAsB,CAAA,IAAA,EAAM,iBAAiB,CAAA;AAEnE,EAAO,OAAA,OAAA,GACH,IAAK,CAAA,KAAA,CAAM,OAAO,CAAA,GAClB,QAAQ,MAAO,CAAA,IAAI,KAAM,CAAA,2BAA2B,CAAC,CAAA;AAC3D;AAEA,eAAsB,qBAAA,CACpB,MACA,iBACA,EAAA;AACA,EAAA,OAAO,MAAM,OAAQ,CAAA,GAAA;AAAA,IACnB,iBAAkB,CAAA,GAAA;AAAA,MAChB,OAAO,IAAA,KACJ,MAAM,IAAA,CAAK,OAAQ,CAAA,IAAI,CACxB,IAAA,OAAA,CAAQ,MAAO,CAAA,IAAI,KAAM,CAAA,kBAAkB,CAAC;AAAA;AAChD,GACF;AACF","file":"utils.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { isTextDropItem } from '@react-aria/dnd';\nimport type {\n  DropItem,\n  DropOperation,\n  Key,\n  TextDropItem,\n} from '@react-types/shared';\nimport type { DragAndDropOptions } from 'react-aria-components';\nimport type { TreeNode, UseTreeResult } from '../../types/use-tree';\n\nexport function createDragAndDropHandlers<T>(\n  id: Key,\n  acceptedDragTypes: string[],\n  lookup: Record<Key, TreeNode<T>>,\n  actions: UseTreeResult<T>['actions'],\n): DragAndDropOptions {\n  return {\n    acceptedDragTypes,\n    getDropOperation,\n    getItems: (keys: Set<Key>) =>\n      [...keys].map((key) => {\n        const node = lookup[key]?.value;\n\n        if (!node) {\n          return {};\n        }\n\n        const payload = JSON.stringify(node);\n\n        return [\n          'all',\n          'type' in node ? node.type : undefined,\n          ...('types' in node ? (node.types ?? []) : []),\n        ].reduce<Record<string, string>>((acc, type) => {\n          if (!type) return acc;\n\n          acc[`tree-${type}`] = payload;\n\n          return acc;\n        }, {});\n      }),\n    onDragEnd: () => actions.revertIsExpanded(),\n    onDragStart: ({ keys }) => actions.toggleIsExpanded(keys, false, true),\n    onInsert: ({ items, target }) => {\n      // Wrap async return function where void expected, fuck SQ\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          acceptedDragTypes,\n        );\n\n        actions.remove(...processedItems.map((item) => item.id));\n\n        if (target.dropPosition === 'before') {\n          actions.insertBefore(target.key, ...processedItems);\n        } else if (target.dropPosition === 'after') {\n          actions.insertAfter(target.key, ...processedItems);\n        }\n      })();\n    },\n    onReorder({ keys, target }) {\n      const values = Array.from(keys).flatMap((key) => {\n        const value = lookup[key]?.value;\n\n        if (value) {\n          return [value];\n        }\n\n        return [];\n      });\n\n      actions.remove(...keys);\n\n      if (target.dropPosition === 'before') {\n        actions.insertBefore(target.key, ...values);\n      } else if (target.dropPosition === 'after') {\n        actions.insertAfter(target.key, ...values);\n      }\n    },\n    onRootDrop: ({ items }) => {\n      // See above, thanks SQ for ensuring high quality code\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          acceptedDragTypes,\n        );\n\n        actions.remove(...processedItems.map((item) => item.id));\n\n        actions.append(id, ...processedItems);\n      })();\n    },\n  };\n}\n\nexport function getDropOperation(): DropOperation {\n  return 'move';\n}\n\nexport async function processDroppedItems(\n  items: DropItem[],\n  acceptedDragTypes: string[],\n) {\n  return await Promise.all(\n    items\n      .filter(isTextDropItem)\n      .map((item) => processDroppedItem(item, acceptedDragTypes)),\n  );\n}\n\nexport async function processDroppedItem(\n  item: TextDropItem,\n  acceptedDragTypes: string[],\n) {\n  const payload = await getDroppedItemPayload(item, acceptedDragTypes);\n\n  return payload\n    ? JSON.parse(payload)\n    : Promise.reject(new Error('No supported type payload'));\n}\n\nexport async function getDroppedItemPayload(\n  item: TextDropItem,\n  acceptedDragTypes: string[],\n) {\n  return await Promise.any(\n    acceptedDragTypes.map(\n      async (type) =>\n        (await item.getText(type)) ??\n        Promise.reject(new Error('Unsupported type')),\n    ),\n  );\n}\n"]}

package/dist/hooks/index.d.ts

@@ -1,13 +1,13 @@
-export { useCollectionRender } from './use-collection-render/use-collection-render.js';
-export { useContextProps } from './use-context-props/use-context-props.js';
-export { DefaultsProvider, useDefaultProps, useDefaults } from './use-defaults/use-defaults.js';
+export { useCollectionRender } from './use-collection-render/index.js';
+export { useContextProps } from './use-context-props/index.js';
+export { DefaultsProvider, useDefaultProps, useDefaults } from './use-defaults/index.js';
 export { DefaultsContext, DefaultsProviderProps } from './use-defaults/types.js';
-export { usePropagatingPress } from './use-propagating-press/use-propagating-press.js';
-export { useSlot } from './use-slot/use-slot.js';
+export { usePropagatingPress } from './use-propagating-press/index.js';
+export { useSlot } from './use-slot/index.js';
+export { ThemeProvider, useTheme } from './use-theme/index.js';
 export { ThemeContext, ThemeProviderProps, ThemeVars } from './use-theme/types.js';
-export { ThemeProvider, useTheme } from './use-theme/use-theme.js';
-export { useTree } from './use-tree/use-tree.js';
-export { useUpdateEffect } from './use-update-effect/use-update-effect.js';
+export { useTree } from './use-tree/index.js';
+export { useUpdateEffect } from './use-update-effect/index.js';
 import '@react-types/shared';
 import 'react';
 import 'react-aria-components';
@@ -18,8 +18,8 @@ import '../types/generic.js';
 import '../types/react-aria.js';
 import '../components/group/types.js';
 import '../components/number-field/types.js';
-import '../components/button/types.js';
 import '../types/props.js';
+import '../components/button/types.js';
 import '../components/icon/types.js';
 import '../components/input/types.js';
 import '../components/checkbox/types.js';
@@ -49,9 +49,9 @@ import '../components/tree/types.js';
 import '../types/use-tree.js';
 import '@react-stately/data';
 import '@react-aria/interactions';
-import '../components/query-builder/types.js';
-import 'react-querybuilder';
 import '../types/vanilla-extract.js';
 import '@vanilla-extract/css';
-import '../utils/css.js';
+import '../utils/css/index.js';
 import '../types/deckgl.js';
+import '../components/query-builder/types.js';
+import 'react-querybuilder';

package/dist/hooks/use-collection-render/index.d.ts

@@ -1,3 +1,11 @@
-export { useCollectionRender } from './use-collection-render.js';
-import '@react-types/shared';
-import 'react';
+import { Collection, Node, ItemDropTarget } from '@react-types/shared';
+import { ReactNode } from 'react';
+
+/**
+ * Copied from RAC, unexported hook: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/Collection.tsx#L148
+ *
+ * Hook serves as the basis of the root and branch renderers for Collections: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/Collection.tsx#L139
+ */
+declare function useCollectionRender(collection: Collection<Node<unknown>>, parent: Node<unknown> | null, renderDropIndicator?: (target: ItemDropTarget) => ReactNode): ReactNode;
+
+export { useCollectionRender };