@djangocfg/ui-tools 2.1.411 → 2.1.413

package/dist/tree/index.mjs

@@ -2,11 +2,12 @@ import { __name } from '../chunk-PAWJFY3S.mjs';
 import * as React from 'react';
 import { createContext, memo, useMemo, useReducer, useRef, useCallback, useEffect, Fragment as Fragment$1 } from 'react';
 import { cn } from '@djangocfg/ui-core/lib';
+import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuSeparator, ContextMenuItem, ContextMenuShortcut } from '@djangocfg/ui-core/components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, FolderOpen, Folder, File, Loader2, Search, X, AlertCircle } from 'lucide-react';
 import { useHotkey } from '@djangocfg/ui-core/hooks';
 
-// src/tools/Tree/types.ts
+// src/tools/data/Tree/types.ts
 var DEFAULT_TREE_LABELS = {
   loading: "Loading\u2026",
   empty: "Nothing to show",
@@ -16,7 +17,7 @@ var DEFAULT_TREE_LABELS = {
   ariaLabel: "Tree"
 };
 
-// src/tools/Tree/data/childCache.ts
+// src/tools/data/Tree/data/childCache.ts
 var createChildCache = /* @__PURE__ */ __name(() => /* @__PURE__ */ new Map(), "createChildCache");
 var resolveChildren = /* @__PURE__ */ __name((cache, node) => {
   if (Array.isArray(node.children)) {
@@ -30,7 +31,7 @@ var resolveChildren = /* @__PURE__ */ __name((cache, node) => {
   return { children: null, status: entry.status, error: entry.error };
 }, "resolveChildren");
 
-// src/tools/Tree/data/flatten.ts
+// src/tools/data/Tree/data/flatten.ts
 var isNodeFolder = /* @__PURE__ */ __name((node) => {
   if (typeof node.isFolder === "boolean") return node.isFolder;
   return Array.isArray(node.children);
@@ -70,7 +71,7 @@ function flattenTree({
 }
 __name(flattenTree, "flattenTree");
 
-// src/tools/Tree/data/persist.ts
+// src/tools/data/Tree/data/persist.ts
 var KEY_PREFIX = "@djangocfg/tree:";
 var VERSION = 1;
 function safeStorage() {
@@ -119,7 +120,7 @@ function clearTreeState(key) {
 }
 __name(clearTreeState, "clearTreeState");
 
-// src/tools/Tree/data/appearance.ts
+// src/tools/data/Tree/data/appearance.ts
 var DENSITY_PRESETS = {
   compact: { rowHeight: 24, iconSize: 14, fontSize: 13, gap: 6 },
   cozy: { rowHeight: 28, iconSize: 16, fontSize: 13, gap: 8 },
@@ -1152,6 +1153,36 @@ function useTreeTypeAhead({
   }, [containerRef, enabled]);
 }
 __name(useTreeTypeAhead, "useTreeTypeAhead");
+function actionsToRenderContextMenu(resolve) {
+  return (rowProps, trigger) => {
+    const items = resolve(rowProps);
+    if (!items || items.length === 0) return trigger;
+    return /* @__PURE__ */ jsxs(ContextMenu, { children: [
+      /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx(ContextMenuContent, { children: items.map((item, idx) => {
+        if (item === "separator") {
+          return /* @__PURE__ */ jsx(ContextMenuSeparator, {}, `sep-${idx}`);
+        }
+        const Icon = item.icon;
+        return /* @__PURE__ */ jsxs(
+          ContextMenuItem,
+          {
+            disabled: item.disabled,
+            variant: item.destructive ? "destructive" : void 0,
+            onSelect: () => item.onSelect(rowProps),
+            children: [
+              Icon ? /* @__PURE__ */ jsx(Icon, {}) : null,
+              item.label,
+              item.shortcut ? /* @__PURE__ */ jsx(ContextMenuShortcut, { children: item.shortcut }) : null
+            ]
+          },
+          item.id
+        );
+      }) })
+    ] });
+  };
+}
+__name(actionsToRenderContextMenu, "actionsToRenderContextMenu");
 function TreeRoot(props) {
   const {
     data,
@@ -1175,12 +1206,18 @@ function TreeRoot(props) {
     renderLabel,
     renderActions,
     renderContextMenu,
+    contextMenuActions,
     labels,
     persistKey,
     persistSelection = false,
     className,
     style
   } = props;
+  const resolvedRenderContextMenu = useMemo(() => {
+    if (renderContextMenu) return renderContextMenu;
+    if (contextMenuActions) return actionsToRenderContextMenu(contextMenuActions);
+    return void 0;
+  }, [renderContextMenu, contextMenuActions]);
   return /* @__PURE__ */ jsx(
     TreeProvider,
     {
@@ -1202,7 +1239,7 @@ function TreeRoot(props) {
       renderIcon,
       renderLabel,
       renderActions,
-      renderContextMenu,
+      renderContextMenu: resolvedRenderContextMenu,
       labels,
       persistKey,
       persistSelection,
@@ -1321,7 +1358,7 @@ function TreeError({ children, className }) {
 }
 __name(TreeError, "TreeError");
 
-// src/tools/Tree/data/createDemoTree.ts
+// src/tools/data/Tree/data/createDemoTree.ts
 function createDemoTree({
   depth = 3,
   breadth = 4,