@accelint/design-toolkit 8.1.1 → 9.0.0

package/dist/hooks/use-tree/actions/index.d.ts

@@ -1,7 +1,19 @@
-import { UseTreeActionsOptions, TreeActions } from '../types.js';
-import '@react-types/shared';
-import 'react';
-import 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { TreeActions, UseTreeActionsOptions } from "../types.js";
+import "client-only";
+
+//#region src/hooks/use-tree/actions/index.d.ts
 
 /**
  * Stateless hook that transforms tree data according to actions
@@ -33,6 +45,9 @@ import 'react-aria-components';
  * ]);Type T | undefined is not assignable to type T | undefined. Two different types with this name exist, but they are unrelated.
  * ```
  */
-declare function useTreeActions<T>({ nodes, }: UseTreeActionsOptions<T>): TreeActions<T>;
-
+declare function useTreeActions<T>({
+  nodes
+}: UseTreeActionsOptions<T>): TreeActions<T>;
+//#endregion
 export { useTreeActions };
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-tree/actions/index.js

@@ -1,4 +1,182 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import'client-only';import {useUpdateEffect}from'@react-aria/utils';import {useRef}from'react';import {Cache}from'./cache.js';function V({nodes:n}){const e=useRef(new Cache(n)).current;useUpdateEffect(()=>{e.rebuild(n);},[n]);function u(o){return e.getNode(o)}function i(o,t){return e.addNodes(o,t,"after"),e.toTree(true)}function l(o,t){return e.addNodes(o,t,"before"),e.toTree(true)}function f(o,t){for(const r of t)e.insertNode(o,r,0);return e.toTree(true)}function c(o,t){return e.moveNodes(o,t,"after"),e.toTree()}function N(o,t){return e.moveNodes(o,t,"before"),e.toTree()}function a(o,t){for(const r of t)e.moveNode(o,r,0);return e.toTree()}function y(o,t){const r=e.getNode(o);return e.setNode(o,t(r)),e.toTree(true)}function p(o){for(const t of o.values())e.deleteNode(t);return e.toTree(true)}function A(o){d();for(const t of o){const r=e.getNode(t);e.setNode(r.key,{...r,isSelected:true});}return e.toTree()}function m(){return e.setAllNodes({isSelected:true}),e.toTree()}function d(){return e.setAllNodes({isSelected:false}),e.toTree()}function K(o){T();for(const t of o){const r=e.getNode(t);e.setNode(r.key,{...r,isExpanded:true});}return e.toTree()}function S(){return e.setAllNodes({isExpanded:true}),e.toTree()}function T(){return e.setAllNodes({isExpanded:false}),e.toTree()}function g(o){s();for(const t of o){const r=e.getNode(t);e.setNode(r.key,{...r,isVisible:true});}return e.toTree(true)}function v(){return e.setAllNodes({isVisible:true}),e.toTree(true)}function s(){return e.setAllNodes({isVisible:false}),e.toTree(true)}return {getNode:u,insertAfter:i,insertBefore:l,insertInto:f,moveAfter:c,moveBefore:N,moveInto:a,remove:p,updateNode:y,collapseAll:T,expandAll:S,onExpandedChange:K,selectAll:m,unselectAll:d,onSelectionChange:A,hideAll:s,revealAll:v,onVisibilityChange:g}}export{V as useTreeActions};//# sourceMappingURL=index.js.map
+import { Cache } from "./cache.js";
+import "client-only";
+import { useRef } from "react";
+import { useUpdateEffect } from "@react-aria/utils";
+
+//#region src/hooks/use-tree/actions/index.ts
+/**
+* Stateless hook that transforms tree data according to actions
+* it takes in nodes and returns a new version of the tree.
+*
+* Note: each operation returns the whole tree. Future iterations
+* might want to return only the changed portion of the tree.
+*
+* @returns {TreeActions<T>} Object containing all tree manipulation functions
+*
+* @example
+* ```tsx
+* const treeActions = useTreeActions({
+*   nodes: [
+*     {
+*       key: 'root',
+*       label: 'Root',
+*       children: [
+*         { key: 'child1', label: 'Child 1' },
+*         { key: 'child2', label: 'Child 2' }
+*       ]
+*     }
+*   ]
+* });
+*
+* // Use tree actions
+* const updatedTree = treeActions.insertAfter('child1', [
+*   { key: 'newChild', label: 'New Child' }
+* ]);Type T | undefined is not assignable to type T | undefined. Two different types with this name exist, but they are unrelated.
+* ```
+*/
+function useTreeActions({ nodes }) {
+	const cache = useRef(new Cache(nodes)).current;
+	useUpdateEffect(() => {
+		cache.rebuild(nodes);
+	}, [nodes]);
+	/** GET NODE **/
+	function getNode(key) {
+		return cache.getNode(key);
+	}
+	/** INSERT NODES **/
+	function insertAfter(target, nodes$1) {
+		cache.addNodes(target, nodes$1, "after");
+		return cache.toTree(true);
+	}
+	function insertBefore(target, nodes$1) {
+		cache.addNodes(target, nodes$1, "before");
+		return cache.toTree(true);
+	}
+	function insertInto(target, nodes$1) {
+		for (const node of nodes$1) cache.insertNode(target, node, 0);
+		return cache.toTree(true);
+	}
+	/** MOVE NODES **/
+	function moveAfter(target, keys) {
+		cache.moveNodes(target, keys, "after");
+		return cache.toTree();
+	}
+	function moveBefore(target, keys) {
+		cache.moveNodes(target, keys, "before");
+		return cache.toTree();
+	}
+	function moveInto(target, keys) {
+		for (const key of keys) cache.moveNode(target, key, 0);
+		return cache.toTree();
+	}
+	/** UPDATE NODES **/
+	function updateNode(key, callback) {
+		const node = cache.getNode(key);
+		cache.setNode(key, callback(node));
+		return cache.toTree(true);
+	}
+	/** REMOVE NODES **/
+	function remove(keys) {
+		for (const key of keys.values()) cache.deleteNode(key);
+		return cache.toTree(true);
+	}
+	/** SELECTION **/
+	function onSelectionChange(keys) {
+		unselectAll();
+		for (const key of keys) {
+			const node = cache.getNode(key);
+			cache.setNode(node.key, {
+				...node,
+				isSelected: true
+			});
+		}
+		return cache.toTree();
+	}
+	function selectAll() {
+		cache.setAllNodes({ isSelected: true });
+		return cache.toTree();
+	}
+	function unselectAll() {
+		cache.setAllNodes({ isSelected: false });
+		return cache.toTree();
+	}
+	/** EXPANSION **/
+	function onExpandedChange(keys) {
+		collapseAll();
+		for (const key of keys) {
+			const node = cache.getNode(key);
+			cache.setNode(node.key, {
+				...node,
+				isExpanded: true
+			});
+		}
+		return cache.toTree();
+	}
+	function expandAll() {
+		cache.setAllNodes({ isExpanded: true });
+		return cache.toTree();
+	}
+	function collapseAll() {
+		cache.setAllNodes({ isExpanded: false });
+		return cache.toTree();
+	}
+	/** VISIBILITY **/
+	function onVisibilityChange(keys) {
+		hideAll();
+		for (const key of keys) {
+			const node = cache.getNode(key);
+			cache.setNode(node.key, {
+				...node,
+				isVisible: true
+			});
+		}
+		return cache.toTree(true);
+	}
+	function revealAll() {
+		cache.setAllNodes({ isVisible: true });
+		return cache.toTree(true);
+	}
+	function hideAll() {
+		cache.setAllNodes({ isVisible: false });
+		return cache.toTree(true);
+	}
+	return {
+		getNode,
+		insertAfter,
+		insertBefore,
+		insertInto,
+		moveAfter,
+		moveBefore,
+		moveInto,
+		remove,
+		updateNode,
+		collapseAll,
+		expandAll,
+		onExpandedChange,
+		selectAll,
+		unselectAll,
+		onSelectionChange,
+		hideAll,
+		revealAll,
+		onVisibilityChange
+	};
+}
+
+//#endregion
+export { useTreeActions };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-tree/actions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/use-tree/actions/index.ts"],"names":["h","Cache","k","b","nodes","node","keys","key","callback","cache","unselectAll","collapseAll","hideAll"],"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'use client';\n\nimport 'client-only';\nimport { useUpdateEffect } from '@react-aria/utils';\nimport { useRef } from 'react';\nimport { Cache } from './cache';\nimport type { Key } from '@react-types/shared';\nimport type {\n  TreeActions,\n  TreeData,\n  TreeNode,\n  TreeNodeBase,\n  UseTreeActionsOptions,\n} from '../types';\n\n/**\n * Stateless hook that transforms tree data according to actions\n * it takes in nodes and returns a new version of the tree.\n *\n * Note: each operation returns the whole tree. Future iterations\n * might want to return only the changed portion of the tree.\n *\n * @returns {TreeActions<T>} Object containing all tree manipulation functions\n *\n * @example\n * ```tsx\n * const treeActions = useTreeActions({\n *   nodes: [\n *     {\n *       key: 'root',\n *       label: 'Root',\n *       children: [\n *         { key: 'child1', label: 'Child 1' },\n *         { key: 'child2', label: 'Child 2' }\n *       ]\n *     }\n *   ]\n * });\n *\n * // Use tree actions\n * const updatedTree = treeActions.insertAfter('child1', [\n *   { key: 'newChild', label: 'New Child' }\n * ]);Type T | undefined is not assignable to type T | undefined. Two different types with this name exist, but they are unrelated.\n * ```\n */\nexport function useTreeActions<T>({\n  nodes,\n}: UseTreeActionsOptions<T>): TreeActions<T> {\n  const cache = useRef(new Cache<T>(nodes)).current;\n\n  useUpdateEffect(() => {\n    cache.rebuild(nodes);\n  }, [nodes]);\n\n  /** GET NODE **/\n  function getNode(key: Key) {\n    return cache.getNode(key);\n  }\n\n  /** INSERT NODES **/\n  function insertAfter(\n    target: Key | null,\n    nodes: TreeNode<T>[],\n  ): TreeNode<T>[] {\n    cache.addNodes(target, nodes, 'after');\n\n    return cache.toTree(true);\n  }\n\n  function insertBefore(\n    target: Key | null,\n    nodes: TreeNode<T>[],\n  ): TreeNode<T>[] {\n    cache.addNodes(target, nodes, 'before');\n\n    return cache.toTree(true);\n  }\n\n  function insertInto(target: Key | null, nodes: TreeNode<T>[]): TreeNode<T>[] {\n    for (const node of nodes) {\n      cache.insertNode(target, node, 0);\n    }\n\n    return cache.toTree(true);\n  }\n\n  /** MOVE NODES **/\n  function moveAfter(target: Key | null, keys: Set<Key>): TreeNode<T>[] {\n    cache.moveNodes(target, keys, 'after');\n\n    return cache.toTree();\n  }\n\n  function moveBefore(target: Key | null, keys: Set<Key>): TreeNode<T>[] {\n    cache.moveNodes(target, keys, 'before');\n\n    return cache.toTree();\n  }\n\n  function moveInto(target: Key | null, keys: Set<Key>): TreeNode<T>[] {\n    for (const key of keys) {\n      cache.moveNode(target, key, 0);\n    }\n\n    return cache.toTree();\n  }\n\n  /** UPDATE NODES **/\n  function updateNode(\n    key: Key,\n    callback: (node: TreeNodeBase<T>) => TreeNodeBase<T>,\n  ): TreeNode<T>[] {\n    const node = cache.getNode(key);\n\n    cache.setNode(key, callback(node));\n\n    return cache.toTree(true);\n  }\n\n  /** REMOVE NODES **/\n  function remove(keys: Set<Key>): TreeNode<T>[] {\n    for (const key of keys.values()) {\n      cache.deleteNode(key);\n    }\n\n    return cache.toTree(true);\n  }\n\n  /** SELECTION **/\n  function onSelectionChange(keys: Set<Key>): TreeNode<T>[] {\n    unselectAll();\n\n    for (const key of keys) {\n      const node = cache.getNode(key);\n\n      cache.setNode(node.key, {\n        ...node,\n        isSelected: true,\n      });\n    }\n\n    return cache.toTree();\n  }\n\n  function selectAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isSelected: true });\n\n    return cache.toTree();\n  }\n\n  function unselectAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isSelected: false });\n\n    return cache.toTree();\n  }\n\n  /** EXPANSION **/\n  function onExpandedChange(keys: Set<Key>): TreeNode<T>[] {\n    collapseAll();\n\n    for (const key of keys) {\n      const node = cache.getNode(key);\n\n      cache.setNode(node.key, {\n        ...node,\n        isExpanded: true,\n      });\n    }\n\n    return cache.toTree();\n  }\n\n  function expandAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isExpanded: true });\n\n    return cache.toTree();\n  }\n\n  function collapseAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isExpanded: false });\n\n    return cache.toTree();\n  }\n\n  /** VISIBILITY **/\n  function onVisibilityChange(keys: Set<Key>): TreeData<T> {\n    hideAll();\n\n    for (const key of keys) {\n      const node = cache.getNode(key);\n      cache.setNode(node.key, {\n        ...node,\n        isVisible: true,\n      });\n    }\n    return cache.toTree(true);\n  }\n\n  function revealAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isVisible: true });\n\n    return cache.toTree(true);\n  }\n\n  function hideAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isVisible: false });\n\n    return cache.toTree(true);\n  }\n\n  return {\n    getNode,\n    insertAfter,\n    insertBefore,\n    insertInto,\n    moveAfter,\n    moveBefore,\n    moveInto,\n    remove,\n    updateNode,\n\n    // Expansion\n    collapseAll,\n    expandAll,\n    onExpandedChange,\n\n    // Selection\n    selectAll,\n    unselectAll,\n    onSelectionChange,\n\n    // Visibility\n    hideAll,\n    revealAll,\n    onVisibilityChange,\n  };\n}\n"]}
+{"version":3,"file":"index.js","names":["nodes"],"sources":["../../../../src/hooks/use-tree/actions/index.ts"],"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'use client';\n\nimport 'client-only';\nimport { useUpdateEffect } from '@react-aria/utils';\nimport { useRef } from 'react';\nimport { Cache } from './cache';\nimport type { Key } from '@react-types/shared';\nimport type {\n  TreeActions,\n  TreeData,\n  TreeNode,\n  TreeNodeBase,\n  UseTreeActionsOptions,\n} from '../types';\n\n/**\n * Stateless hook that transforms tree data according to actions\n * it takes in nodes and returns a new version of the tree.\n *\n * Note: each operation returns the whole tree. Future iterations\n * might want to return only the changed portion of the tree.\n *\n * @returns {TreeActions<T>} Object containing all tree manipulation functions\n *\n * @example\n * ```tsx\n * const treeActions = useTreeActions({\n *   nodes: [\n *     {\n *       key: 'root',\n *       label: 'Root',\n *       children: [\n *         { key: 'child1', label: 'Child 1' },\n *         { key: 'child2', label: 'Child 2' }\n *       ]\n *     }\n *   ]\n * });\n *\n * // Use tree actions\n * const updatedTree = treeActions.insertAfter('child1', [\n *   { key: 'newChild', label: 'New Child' }\n * ]);Type T | undefined is not assignable to type T | undefined. Two different types with this name exist, but they are unrelated.\n * ```\n */\nexport function useTreeActions<T>({\n  nodes,\n}: UseTreeActionsOptions<T>): TreeActions<T> {\n  const cache = useRef(new Cache<T>(nodes)).current;\n\n  useUpdateEffect(() => {\n    cache.rebuild(nodes);\n  }, [nodes]);\n\n  /** GET NODE **/\n  function getNode(key: Key) {\n    return cache.getNode(key);\n  }\n\n  /** INSERT NODES **/\n  function insertAfter(\n    target: Key | null,\n    nodes: TreeNode<T>[],\n  ): TreeNode<T>[] {\n    cache.addNodes(target, nodes, 'after');\n\n    return cache.toTree(true);\n  }\n\n  function insertBefore(\n    target: Key | null,\n    nodes: TreeNode<T>[],\n  ): TreeNode<T>[] {\n    cache.addNodes(target, nodes, 'before');\n\n    return cache.toTree(true);\n  }\n\n  function insertInto(target: Key | null, nodes: TreeNode<T>[]): TreeNode<T>[] {\n    for (const node of nodes) {\n      cache.insertNode(target, node, 0);\n    }\n\n    return cache.toTree(true);\n  }\n\n  /** MOVE NODES **/\n  function moveAfter(target: Key | null, keys: Set<Key>): TreeNode<T>[] {\n    cache.moveNodes(target, keys, 'after');\n\n    return cache.toTree();\n  }\n\n  function moveBefore(target: Key | null, keys: Set<Key>): TreeNode<T>[] {\n    cache.moveNodes(target, keys, 'before');\n\n    return cache.toTree();\n  }\n\n  function moveInto(target: Key | null, keys: Set<Key>): TreeNode<T>[] {\n    for (const key of keys) {\n      cache.moveNode(target, key, 0);\n    }\n\n    return cache.toTree();\n  }\n\n  /** UPDATE NODES **/\n  function updateNode(\n    key: Key,\n    callback: (node: TreeNodeBase<T>) => TreeNodeBase<T>,\n  ): TreeNode<T>[] {\n    const node = cache.getNode(key);\n\n    cache.setNode(key, callback(node));\n\n    return cache.toTree(true);\n  }\n\n  /** REMOVE NODES **/\n  function remove(keys: Set<Key>): TreeNode<T>[] {\n    for (const key of keys.values()) {\n      cache.deleteNode(key);\n    }\n\n    return cache.toTree(true);\n  }\n\n  /** SELECTION **/\n  function onSelectionChange(keys: Set<Key>): TreeNode<T>[] {\n    unselectAll();\n\n    for (const key of keys) {\n      const node = cache.getNode(key);\n\n      cache.setNode(node.key, {\n        ...node,\n        isSelected: true,\n      });\n    }\n\n    return cache.toTree();\n  }\n\n  function selectAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isSelected: true });\n\n    return cache.toTree();\n  }\n\n  function unselectAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isSelected: false });\n\n    return cache.toTree();\n  }\n\n  /** EXPANSION **/\n  function onExpandedChange(keys: Set<Key>): TreeNode<T>[] {\n    collapseAll();\n\n    for (const key of keys) {\n      const node = cache.getNode(key);\n\n      cache.setNode(node.key, {\n        ...node,\n        isExpanded: true,\n      });\n    }\n\n    return cache.toTree();\n  }\n\n  function expandAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isExpanded: true });\n\n    return cache.toTree();\n  }\n\n  function collapseAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isExpanded: false });\n\n    return cache.toTree();\n  }\n\n  /** VISIBILITY **/\n  function onVisibilityChange(keys: Set<Key>): TreeData<T> {\n    hideAll();\n\n    for (const key of keys) {\n      const node = cache.getNode(key);\n      cache.setNode(node.key, {\n        ...node,\n        isVisible: true,\n      });\n    }\n    return cache.toTree(true);\n  }\n\n  function revealAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isVisible: true });\n\n    return cache.toTree(true);\n  }\n\n  function hideAll(): TreeNode<T>[] {\n    cache.setAllNodes({ isVisible: false });\n\n    return cache.toTree(true);\n  }\n\n  return {\n    getNode,\n    insertAfter,\n    insertBefore,\n    insertInto,\n    moveAfter,\n    moveBefore,\n    moveInto,\n    remove,\n    updateNode,\n\n    // Expansion\n    collapseAll,\n    expandAll,\n    onExpandedChange,\n\n    // Selection\n    selectAll,\n    unselectAll,\n    onSelectionChange,\n\n    // Visibility\n    hideAll,\n    revealAll,\n    onVisibilityChange,\n  };\n}\n"],"mappings":"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"}

package/dist/hooks/use-tree/state/index.d.ts

@@ -1,8 +1,22 @@
-import { UseTreeStateOptions, UseTreeState } from '../types.js';
-import '@react-types/shared';
-import 'react';
-import 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare function useTreeState<T>({ items, }: UseTreeStateOptions<T>): UseTreeState<T>;
+import { UseTreeState, UseTreeStateOptions } from "../types.js";
+import "client-only";
 
+//#region src/hooks/use-tree/state/index.d.ts
+declare function useTreeState<T>({
+  items
+}: UseTreeStateOptions<T>): UseTreeState<T>;
+//#endregion
 export { useTreeState };
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-tree/state/index.js

@@ -1,4 +1,110 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import'client-only';import {useState}from'react';import {useTreeActions}from'../actions/index.js';import {processDroppedItems}from'./utils.js';function E({items:d}){const[s,t]=useState(d),o=useTreeActions({nodes:s}),l={getItems:e=>[...e].map(n=>{const r=o.getNode(n);return {key:`${n}`,"text/plain":JSON.stringify(r)}}),onReorder:e=>{e.target.dropPosition==="before"?t(o.moveBefore(e.target.key,e.keys)):t(o.moveAfter(e.target.key,e.keys));},onInsert:({items:e,target:n})=>{(async()=>{const r=await processDroppedItems(e,l.acceptedDragTypes??[]);t(o.remove(new Set(r.map(i=>i.id)))),n.dropPosition==="before"?t(o.insertBefore(n.key,r)):n.dropPosition==="after"&&t(o.insertAfter(n.key,r));})();},onItemDrop:({target:e,items:n})=>{(async()=>{const r=o.getNode(e.key),[i]=n;if(e.dropPosition==="on"&&r&&i&&i.kind!=="directory"){const a=await i.getText("key");a&&t(o.moveInto(e.key,new Set([a])));}})();},onRootDrop:({items:e})=>{(async()=>{const n=await processDroppedItems(e,l.acceptedDragTypes??[]);t(o.remove(new Set(n.map(r=>r.key)))),t(o.insertAfter(null,n));})();}};function f(){t(o.collapseAll());}function m(){t(o.expandAll());}function y(e){t(o.onExpandedChange(e));}function p(){t(o.selectAll());}function D(){t(o.unselectAll());}function g(e){if(e==="all")return p();t(o.onSelectionChange(e));}function u(){t(o.hideAll());}function A(){t(o.revealAll());}function C(e){t(o.onVisibilityChange(e));}return {nodes:s,actions:{collapseAll:f,expandAll:m,onExpandedChange:y,selectAll:p,unselectAll:D,onSelectionChange:g,hideAll:u,revealAll:A,onVisibilityChange:C},dragAndDropConfig:l}}export{E as useTreeState};//# sourceMappingURL=index.js.map
+import { useTreeActions } from "../actions/index.js";
+import { processDroppedItems } from "./utils.js";
+import "client-only";
+import { useState } from "react";
+
+//#region src/hooks/use-tree/state/index.ts
+function useTreeState({ items }) {
+	const [nodes, setNodes] = useState(items);
+	const actions = useTreeActions({ nodes });
+	const dragAndDropConfig = {
+		getItems: (keys) => [...keys].map((key) => {
+			const node = actions.getNode(key);
+			return {
+				key: `${key}`,
+				"text/plain": JSON.stringify(node)
+			};
+		}),
+		onReorder: (e) => {
+			if (e.target.dropPosition === "before") setNodes(actions.moveBefore(e.target.key, e.keys));
+			else setNodes(actions.moveAfter(e.target.key, e.keys));
+		},
+		onInsert: ({ items: items$1, target }) => {
+			(async () => {
+				const processedItems = await processDroppedItems(items$1, dragAndDropConfig.acceptedDragTypes ?? []);
+				setNodes(actions.remove(new Set(processedItems.map((item) => item.id))));
+				if (target.dropPosition === "before") setNodes(actions.insertBefore(target.key, processedItems));
+				else if (target.dropPosition === "after") setNodes(actions.insertAfter(target.key, processedItems));
+			})();
+		},
+		onItemDrop: ({ target, items: items$1 }) => {
+			(async () => {
+				const targetNode = actions.getNode(target.key);
+				const [item] = items$1;
+				if (target.dropPosition === "on" && targetNode && item && item.kind !== "directory") {
+					const key = await item.getText("key");
+					if (key) setNodes(actions.moveInto(target.key, new Set([key])));
+				}
+			})();
+		},
+		onRootDrop: ({ items: items$1 }) => {
+			(async () => {
+				const processedItems = await processDroppedItems(items$1, dragAndDropConfig.acceptedDragTypes ?? []);
+				setNodes(actions.remove(new Set(processedItems.map((item) => item.key))));
+				setNodes(actions.insertAfter(null, processedItems));
+			})();
+		}
+	};
+	function collapseAll() {
+		setNodes(actions.collapseAll());
+	}
+	function expandAll() {
+		setNodes(actions.expandAll());
+	}
+	function onExpandedChange(keys) {
+		setNodes(actions.onExpandedChange(keys));
+	}
+	function selectAll() {
+		setNodes(actions.selectAll());
+	}
+	function unselectAll() {
+		setNodes(actions.unselectAll());
+	}
+	function onSelectionChange(keys) {
+		if (keys === "all") return selectAll();
+		setNodes(actions.onSelectionChange(keys));
+	}
+	function hideAll() {
+		setNodes(actions.hideAll());
+	}
+	function revealAll() {
+		setNodes(actions.revealAll());
+	}
+	function onVisibilityChange(keys) {
+		setNodes(actions.onVisibilityChange(keys));
+	}
+	return {
+		nodes,
+		actions: {
+			collapseAll,
+			expandAll,
+			onExpandedChange,
+			selectAll,
+			unselectAll,
+			onSelectionChange,
+			hideAll,
+			revealAll,
+			onVisibilityChange
+		},
+		dragAndDropConfig
+	};
+}
+
+//#endregion
+export { useTreeState };
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-tree/state/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/use-tree/state/index.ts"],"names":["useState","items","useTreeActions","S","nodes","dragAndDropConfig","keys","key","node","actions","setNodes","processDroppedItems","c","item","target","collapseAll","expandAll","onExpandedChange","selectAll","unselectAll","onSelectionChange","hideAll","revealAll"],"mappings":"+IAiCE,SAEA,CAAA,CAAA,CAAA,KAAsB,EAAIA,CAAAA,CAASC,CAAK,KACxBC,CAAkB,CAAE,CAAA,CAAA,CAAA,CAAAC,QAAA,CAAAC,CAAM,CAAC,CAAA,CAErCC,CAAAA,cAAuC,CAC3C,CAAA,KAAA,CAAA,CAAA,CAAWC,CAAAA,CAAAA,CACT,CAAC,CAAA,QAAS,CAAKC,CAAAA,EAAQ,CACrB,GAAA,CAAA,CAAA,CAAMC,GAAOC,CAAQ,CAAA,EAAA,CAAA,MAAW,CAEhC,CAAA,CAAA,CAAA,OACE,CAAK,CAAA,CAAA,CAAGF,OACR,CAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAc,aAAK,CAAA,IAEvB,CAAC,SACH,CAAA,CAAA,CAAY,CAAA,CAAA,CAAuC,CAC7C,SAAS,0BACFE,GAAQ,QAAA,CAAA,CAAW,CAAA,CAAE,WAAY,CAAA,CAAE,OAE5CC,IAAiB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAU,EAAE,CAAA,CAAA,SAAY,EAAE,CAAA,MAE/C,CACA,UAAW,CAAE,YAAO,CAAA,CAAA,CAAA,KAAO,CAA0C,CAAA,CAClE,SAAY,GACX,CAAA,CAAA,SAAuB,CAAMC,MAET,CAAA,CAAA,MAAAC,mBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,iBAIV,EAAA,KAAW,CAAA,CAAA,CAAA,OAAwBC,IAASA,GAAO,CAAC,CAAC,CAC/D,GAEIC,CAAO,0BACAL,GAAQ,QAAA,CAAA,CAAA,CAAA,CAAaK,CAAAA,YACd,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YACPL,cAAoBK,CAAAA,CAAO,WAG1C,CAAA,CACA,cAAa,CAAE,WAAQ,CAAA,CAAA,CAAA,MAAgD,CAAA,CACpE,SAAY,GACX,CAAA,CAAA,SAA2B,CAAA,MAAe,CAAA,CAAA,CAAG,CAAA,OAG7C,CAAA,CAAA,CACEA,+BAGK,IAAA,EAAA,CAAS,cAEd,WAAY,CAAA,CAAMD,MAAK,CAAA,CAAA,MAAQ,CAAK,SAGjB,KAAA,CAAA,CAAA,CAAA,EAASC,CAAO,WAAS,CAAI,CAACP,CAAG,GAAG,CAEzD,IACC,GAEL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAa,CAAE,CAAA,UAA8C,CAAA,CAC1D,CAAA,KAAA,CAAA,CAAA,CAAY,GACX,CAAA,CAAA,UAA6BI,MAET,CAAA,CAAA,MAAAC,mBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,iBAIV,EAAA,EAAO,CAAA,CAAA,CAAI,SAAmB,CAAKC,IAASA,GAAK,CAAG,CAAC,CAAC,GAEhEH,CAAAA,CAASD,EAAQ,YAAY,CAAA,CAAA,WAGnC,CAAA,cAESM,CAAc,CACrBL,UAAiB,CAAA,EAAA,CAAA,CAAA,CAAY,CAAC,CAChC,WAESM,EAAY,EACnBN,UAAiB,CAAA,EAAA,CAAU,CAAC,CAC9B,CAEA,UAASO,EAAiBX,EAAgB,CACxCI,kCAGOQ,CAAAA,CAAAA,CAAY,EACnBR,UAAiB,CAAA,EAAA,CAAU,CAAC,CAC9B,CAEA,UAASS,EAAc,EACrBT,UAAiB,CAAA,EAAA,CAAA,CAAA,CAAY,CAAC,CAChC,WAESU,EAAkBd,EAAiB,CAC1C,aACE,CAAA,GAAA,CAAA,GAAOY,KAGAT,CAAAA,gCAGFY,GAAU,EACjBX,CAAAA,SAAiB,CAAA,EAAS,CAC5B,CAEA,CAAA,CAAA,CAAA,SAAqB,EACnBA,CAAAA,SAAiB,CAAA,EAAA,CAAU,CAAC,CAC9B,CAEA,CAAA,WAA4BJ,EAAgB,CAC1CI,SAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,uBAIjBN,CAAAA,OACA,CAAA,KAEE,CAAA,CAAA,CAAA,OAAAW,CAAAA,CACA,WAAAC,CACA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,gBAGAE,CACA,YAAAC,CAAAA,CACA,WAAA,CAAA,CAAA,CAAA,2BAIAG,CACA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,kBAEF,CAAA,CAAA,CAAA,CAAA,iBAEJ,CAAA,CAAA,CAAA","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'use client';\n\nimport 'client-only';\nimport { useState } from 'react';\nimport { useTreeActions } from '../actions';\nimport { processDroppedItems } from './utils';\nimport type {\n  DragItem,\n  DroppableCollectionInsertDropEvent,\n  DroppableCollectionOnItemDropEvent,\n  DroppableCollectionReorderEvent,\n  DroppableCollectionRootDropEvent,\n  Key,\n  Selection,\n} from '@react-types/shared';\nimport type {\n  DragAndDropConfig,\n  UseTreeState,\n  UseTreeStateOptions,\n} from '../types';\n\nexport function useTreeState<T>({\n  items,\n}: UseTreeStateOptions<T>): UseTreeState<T> {\n  const [nodes, setNodes] = useState(items);\n  const actions = useTreeActions<T>({ nodes });\n\n  const dragAndDropConfig: DragAndDropConfig = {\n    getItems: (keys: Set<Key>): DragItem[] =>\n      [...keys].map((key) => {\n        const node = actions.getNode(key);\n\n        return {\n          key: `${key}`,\n          'text/plain': JSON.stringify(node),\n        };\n      }),\n    onReorder: (e: DroppableCollectionReorderEvent) => {\n      if (e.target.dropPosition === 'before') {\n        setNodes(actions.moveBefore(e.target.key, e.keys));\n      } else {\n        setNodes(actions.moveAfter(e.target.key, e.keys));\n      }\n    },\n    onInsert: ({ items, target }: DroppableCollectionInsertDropEvent) => {\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          dragAndDropConfig.acceptedDragTypes ?? [],\n        );\n\n        setNodes(\n          actions.remove(new Set(processedItems.map((item) => item.id))),\n        );\n\n        if (target.dropPosition === 'before') {\n          setNodes(actions.insertBefore(target.key, processedItems));\n        } else if (target.dropPosition === 'after') {\n          setNodes(actions.insertAfter(target.key, processedItems));\n        }\n      })();\n    },\n    onItemDrop: ({ target, items }: DroppableCollectionOnItemDropEvent) => {\n      (async () => {\n        const targetNode = actions.getNode(target.key);\n        const [item] = items;\n\n        if (\n          target.dropPosition === 'on' &&\n          targetNode &&\n          item &&\n          item.kind !== 'directory'\n        ) {\n          const key = await item.getText('key');\n\n          if (key) {\n            setNodes(actions.moveInto(target.key, new Set([key])));\n          }\n        }\n      })();\n    },\n    onRootDrop: ({ items }: DroppableCollectionRootDropEvent) => {\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          dragAndDropConfig.acceptedDragTypes ?? [],\n        );\n\n        setNodes(\n          actions.remove(new Set(processedItems.map((item) => item.key))),\n        );\n        setNodes(actions.insertAfter(null, processedItems));\n      })();\n    },\n  };\n\n  function collapseAll() {\n    setNodes(actions.collapseAll());\n  }\n\n  function expandAll() {\n    setNodes(actions.expandAll());\n  }\n\n  function onExpandedChange(keys: Set<Key>) {\n    setNodes(actions.onExpandedChange(keys));\n  }\n\n  function selectAll() {\n    setNodes(actions.selectAll());\n  }\n\n  function unselectAll() {\n    setNodes(actions.unselectAll());\n  }\n\n  function onSelectionChange(keys: Selection) {\n    if (keys === 'all') {\n      return selectAll();\n    }\n\n    setNodes(actions.onSelectionChange(keys));\n  }\n\n  function hideAll() {\n    setNodes(actions.hideAll());\n  }\n\n  function revealAll() {\n    setNodes(actions.revealAll());\n  }\n\n  function onVisibilityChange(keys: Set<Key>) {\n    setNodes(actions.onVisibilityChange(keys));\n  }\n\n  return {\n    nodes,\n    actions: {\n      // Expansion\n      collapseAll,\n      expandAll,\n      onExpandedChange,\n\n      // Selection\n      selectAll,\n      unselectAll,\n      onSelectionChange,\n\n      // Visibility\n      hideAll,\n      revealAll,\n      onVisibilityChange,\n    },\n    dragAndDropConfig,\n  };\n}\n"]}
+{"version":3,"file":"index.js","names":["dragAndDropConfig: DragAndDropConfig","items"],"sources":["../../../../src/hooks/use-tree/state/index.ts"],"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'use client';\n\nimport 'client-only';\nimport { useState } from 'react';\nimport { useTreeActions } from '../actions';\nimport { processDroppedItems } from './utils';\nimport type {\n  DragItem,\n  DroppableCollectionInsertDropEvent,\n  DroppableCollectionOnItemDropEvent,\n  DroppableCollectionReorderEvent,\n  DroppableCollectionRootDropEvent,\n  Key,\n  Selection,\n} from '@react-types/shared';\nimport type {\n  DragAndDropConfig,\n  UseTreeState,\n  UseTreeStateOptions,\n} from '../types';\n\nexport function useTreeState<T>({\n  items,\n}: UseTreeStateOptions<T>): UseTreeState<T> {\n  const [nodes, setNodes] = useState(items);\n  const actions = useTreeActions<T>({ nodes });\n\n  const dragAndDropConfig: DragAndDropConfig = {\n    getItems: (keys: Set<Key>): DragItem[] =>\n      [...keys].map((key) => {\n        const node = actions.getNode(key);\n\n        return {\n          key: `${key}`,\n          'text/plain': JSON.stringify(node),\n        };\n      }),\n    onReorder: (e: DroppableCollectionReorderEvent) => {\n      if (e.target.dropPosition === 'before') {\n        setNodes(actions.moveBefore(e.target.key, e.keys));\n      } else {\n        setNodes(actions.moveAfter(e.target.key, e.keys));\n      }\n    },\n    onInsert: ({ items, target }: DroppableCollectionInsertDropEvent) => {\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          dragAndDropConfig.acceptedDragTypes ?? [],\n        );\n\n        setNodes(\n          actions.remove(new Set(processedItems.map((item) => item.id))),\n        );\n\n        if (target.dropPosition === 'before') {\n          setNodes(actions.insertBefore(target.key, processedItems));\n        } else if (target.dropPosition === 'after') {\n          setNodes(actions.insertAfter(target.key, processedItems));\n        }\n      })();\n    },\n    onItemDrop: ({ target, items }: DroppableCollectionOnItemDropEvent) => {\n      (async () => {\n        const targetNode = actions.getNode(target.key);\n        const [item] = items;\n\n        if (\n          target.dropPosition === 'on' &&\n          targetNode &&\n          item &&\n          item.kind !== 'directory'\n        ) {\n          const key = await item.getText('key');\n\n          if (key) {\n            setNodes(actions.moveInto(target.key, new Set([key])));\n          }\n        }\n      })();\n    },\n    onRootDrop: ({ items }: DroppableCollectionRootDropEvent) => {\n      (async () => {\n        const processedItems = await processDroppedItems(\n          items,\n          dragAndDropConfig.acceptedDragTypes ?? [],\n        );\n\n        setNodes(\n          actions.remove(new Set(processedItems.map((item) => item.key))),\n        );\n        setNodes(actions.insertAfter(null, processedItems));\n      })();\n    },\n  };\n\n  function collapseAll() {\n    setNodes(actions.collapseAll());\n  }\n\n  function expandAll() {\n    setNodes(actions.expandAll());\n  }\n\n  function onExpandedChange(keys: Set<Key>) {\n    setNodes(actions.onExpandedChange(keys));\n  }\n\n  function selectAll() {\n    setNodes(actions.selectAll());\n  }\n\n  function unselectAll() {\n    setNodes(actions.unselectAll());\n  }\n\n  function onSelectionChange(keys: Selection) {\n    if (keys === 'all') {\n      return selectAll();\n    }\n\n    setNodes(actions.onSelectionChange(keys));\n  }\n\n  function hideAll() {\n    setNodes(actions.hideAll());\n  }\n\n  function revealAll() {\n    setNodes(actions.revealAll());\n  }\n\n  function onVisibilityChange(keys: Set<Key>) {\n    setNodes(actions.onVisibilityChange(keys));\n  }\n\n  return {\n    nodes,\n    actions: {\n      // Expansion\n      collapseAll,\n      expandAll,\n      onExpandedChange,\n\n      // Selection\n      selectAll,\n      unselectAll,\n      onSelectionChange,\n\n      // Visibility\n      hideAll,\n      revealAll,\n      onVisibilityChange,\n    },\n    dragAndDropConfig,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,aAAgB,EAC9B,SAC0C;CAC1C,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CACzC,MAAM,UAAU,eAAkB,EAAE,OAAO,CAAC;CAE5C,MAAMA,oBAAuC;EAC3C,WAAW,SACT,CAAC,GAAG,KAAK,CAAC,KAAK,QAAQ;GACrB,MAAM,OAAO,QAAQ,QAAQ,IAAI;AAEjC,UAAO;IACL,KAAK,GAAG;IACR,cAAc,KAAK,UAAU,KAAK;IACnC;IACD;EACJ,YAAY,MAAuC;AACjD,OAAI,EAAE,OAAO,iBAAiB,SAC5B,UAAS,QAAQ,WAAW,EAAE,OAAO,KAAK,EAAE,KAAK,CAAC;OAElD,UAAS,QAAQ,UAAU,EAAE,OAAO,KAAK,EAAE,KAAK,CAAC;;EAGrD,WAAW,EAAE,gBAAO,aAAiD;AACnE,IAAC,YAAY;IACX,MAAM,iBAAiB,MAAM,oBAC3BC,SACA,kBAAkB,qBAAqB,EAAE,CAC1C;AAED,aACE,QAAQ,OAAO,IAAI,IAAI,eAAe,KAAK,SAAS,KAAK,GAAG,CAAC,CAAC,CAC/D;AAED,QAAI,OAAO,iBAAiB,SAC1B,UAAS,QAAQ,aAAa,OAAO,KAAK,eAAe,CAAC;aACjD,OAAO,iBAAiB,QACjC,UAAS,QAAQ,YAAY,OAAO,KAAK,eAAe,CAAC;OAEzD;;EAEN,aAAa,EAAE,QAAQ,qBAAgD;AACrE,IAAC,YAAY;IACX,MAAM,aAAa,QAAQ,QAAQ,OAAO,IAAI;IAC9C,MAAM,CAAC,QAAQA;AAEf,QACE,OAAO,iBAAiB,QACxB,cACA,QACA,KAAK,SAAS,aACd;KACA,MAAM,MAAM,MAAM,KAAK,QAAQ,MAAM;AAErC,SAAI,IACF,UAAS,QAAQ,SAAS,OAAO,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;OAGxD;;EAEN,aAAa,EAAE,qBAA8C;AAC3D,IAAC,YAAY;IACX,MAAM,iBAAiB,MAAM,oBAC3BA,SACA,kBAAkB,qBAAqB,EAAE,CAC1C;AAED,aACE,QAAQ,OAAO,IAAI,IAAI,eAAe,KAAK,SAAS,KAAK,IAAI,CAAC,CAAC,CAChE;AACD,aAAS,QAAQ,YAAY,MAAM,eAAe,CAAC;OACjD;;EAEP;CAED,SAAS,cAAc;AACrB,WAAS,QAAQ,aAAa,CAAC;;CAGjC,SAAS,YAAY;AACnB,WAAS,QAAQ,WAAW,CAAC;;CAG/B,SAAS,iBAAiB,MAAgB;AACxC,WAAS,QAAQ,iBAAiB,KAAK,CAAC;;CAG1C,SAAS,YAAY;AACnB,WAAS,QAAQ,WAAW,CAAC;;CAG/B,SAAS,cAAc;AACrB,WAAS,QAAQ,aAAa,CAAC;;CAGjC,SAAS,kBAAkB,MAAiB;AAC1C,MAAI,SAAS,MACX,QAAO,WAAW;AAGpB,WAAS,QAAQ,kBAAkB,KAAK,CAAC;;CAG3C,SAAS,UAAU;AACjB,WAAS,QAAQ,SAAS,CAAC;;CAG7B,SAAS,YAAY;AACnB,WAAS,QAAQ,WAAW,CAAC;;CAG/B,SAAS,mBAAmB,MAAgB;AAC1C,WAAS,QAAQ,mBAAmB,KAAK,CAAC;;AAG5C,QAAO;EACL;EACA,SAAS;GAEP;GACA;GACA;GAGA;GACA;GACA;GAGA;GACA;GACA;GACD;EACD;EACD"}

package/dist/hooks/use-tree/state/utils.d.ts

@@ -1,7 +1,21 @@
-import { DropItem, TextDropItem } from '@react-types/shared';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { DropItem, TextDropItem } from "@react-types/shared";
+
+//#region src/hooks/use-tree/state/utils.d.ts
 declare function processDroppedItems(items: DropItem[], acceptedDragTypes: string[]): Promise<any[]>;
 declare function processDroppedItem(item: TextDropItem, acceptedDragTypes: string[]): Promise<any>;
 declare function getDroppedItemPayload(item: TextDropItem, acceptedDragTypes: string[]): Promise<string>;
-
+//#endregion
 export { getDroppedItemPayload, processDroppedItem, processDroppedItems };
+//# sourceMappingURL=utils.d.ts.map

package/dist/hooks/use-tree/state/utils.js

@@ -1,2 +1,30 @@
-import {isTextDropItem}from'@react-aria/dnd';async function n(r,t){return await Promise.all(r.filter(isTextDropItem).map(e=>p(e,t)))}async function p(r,t){const e=await a(r,t);return e?JSON.parse(e):Promise.reject(new Error("No supported type payload"))}async function a(r,t){return await Promise.any(t.map(async e=>await r.getText(e)??Promise.reject(new Error("Unsupported type"))))}export{a as getDroppedItemPayload,p as processDroppedItem,n as processDroppedItems};//# sourceMappingURL=utils.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { isTextDropItem } from "@react-aria/dnd";
+
+//#region src/hooks/use-tree/state/utils.ts
+async function processDroppedItems(items, acceptedDragTypes) {
+	return await Promise.all(items.filter(isTextDropItem).map((item) => processDroppedItem(item, acceptedDragTypes)));
+}
+async function processDroppedItem(item, acceptedDragTypes) {
+	const payload = await getDroppedItemPayload(item, acceptedDragTypes);
+	return payload ? JSON.parse(payload) : Promise.reject(/* @__PURE__ */ new Error("No supported type payload"));
+}
+async function getDroppedItemPayload(item, acceptedDragTypes) {
+	return await Promise.any(acceptedDragTypes.map(async (type) => await item.getText(type) ?? Promise.reject(/* @__PURE__ */ new Error("Unsupported type"))));
+}
+
+//#endregion
+export { getDroppedItemPayload, processDroppedItem, processDroppedItems };
 //# sourceMappingURL=utils.js.map

package/dist/hooks/use-tree/state/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/use-tree/state/utils.ts"],"names":["processDroppedItems","items","acceptedDragTypes","isTextDropItem","item","processDroppedItem","payload","getDroppedItemPayload","type"],"mappings":"6CAgBA,eAAsBA,CAAAA,CACpBC,EACAC,CAAAA,CACA,CACA,OAAO,MAAM,QAAQ,GAAA,CACnBD,CAAAA,CACG,MAAA,CAAOE,cAAc,EACrB,GAAA,CAAKC,CAAAA,EAASC,CAAAA,CAAmBD,CAAAA,CAAMF,CAAiB,CAAC,CAC9D,CACF,CAEA,eAAsBG,CAAAA,CACpBD,CAAAA,CACAF,CAAAA,CACA,CACA,MAAMI,CAAAA,CAAU,MAAMC,CAAAA,CAAsBH,CAAAA,CAAMF,CAAiB,CAAA,CAEnE,OAAOI,CAAAA,CACH,IAAA,CAAK,MAAMA,CAAO,CAAA,CAClB,OAAA,CAAQ,MAAA,CAAO,IAAI,KAAA,CAAM,2BAA2B,CAAC,CAC3D,CAEA,eAAsBC,CAAAA,CACpBH,CAAAA,CACAF,CAAAA,CACA,CACA,OAAO,MAAM,OAAA,CAAQ,GAAA,CACnBA,EAAkB,GAAA,CAChB,MAAOM,CAAAA,EACJ,MAAMJ,EAAK,OAAA,CAAQI,CAAI,CAAA,EACxB,OAAA,CAAQ,OAAO,IAAI,KAAA,CAAM,kBAAkB,CAAC,CAChD,CACF,CACF","file":"utils.js","sourcesContent":["// __private-exports\n/*\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 { DropItem, TextDropItem } from '@react-types/shared';\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,"file":"utils.js","names":[],"sources":["../../../../src/hooks/use-tree/state/utils.ts"],"sourcesContent":["// __private-exports\n/*\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 { DropItem, TextDropItem } from '@react-types/shared';\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"],"mappings":";;;;;;;;;;;;;;;;AAgBA,eAAsB,oBACpB,OACA,mBACA;AACA,QAAO,MAAM,QAAQ,IACnB,MACG,OAAO,eAAe,CACtB,KAAK,SAAS,mBAAmB,MAAM,kBAAkB,CAAC,CAC9D;;AAGH,eAAsB,mBACpB,MACA,mBACA;CACA,MAAM,UAAU,MAAM,sBAAsB,MAAM,kBAAkB;AAEpE,QAAO,UACH,KAAK,MAAM,QAAQ,GACnB,QAAQ,uBAAO,IAAI,MAAM,4BAA4B,CAAC;;AAG5D,eAAsB,sBACpB,MACA,mBACA;AACA,QAAO,MAAM,QAAQ,IACnB,kBAAkB,IAChB,OAAO,SACJ,MAAM,KAAK,QAAQ,KAAK,IACzB,QAAQ,uBAAO,IAAI,MAAM,mBAAmB,CAAC,CAChD,CACF"}