@particle-academy/fancy-sheets 0.6.2 → 0.6.3

package/dist/index.d.cts

@@ -105,12 +105,14 @@ interface SelectionState {
 interface SpreadsheetContextMenuItem {
     /** Display label */
     label: string;
-    /** Called with the active cell address when the item is clicked */
-    onClick: (address: string) => void;
+    /** Called with the active cell address when the item is clicked (omit for submenu parents) */
+    onClick?: (address: string) => void;
     /** Whether the item is disabled — static or per-cell function */
     disabled?: boolean | ((address: string) => boolean);
     /** Render with danger styling */
     danger?: boolean;
+    /** Nested sub-items — renders as a submenu when present */
+    items?: SpreadsheetContextMenuItem[];
 }
 interface SpreadsheetProps {
     children: ReactNode;

package/dist/index.d.ts

@@ -105,12 +105,14 @@ interface SelectionState {
 interface SpreadsheetContextMenuItem {
     /** Display label */
     label: string;
-    /** Called with the active cell address when the item is clicked */
-    onClick: (address: string) => void;
+    /** Called with the active cell address when the item is clicked (omit for submenu parents) */
+    onClick?: (address: string) => void;
     /** Whether the item is disabled — static or per-cell function */
     disabled?: boolean | ((address: string) => boolean);
     /** Render with danger styling */
     danger?: boolean;
+    /** Nested sub-items — renders as a submenu when present */
+    items?: SpreadsheetContextMenuItem[];
 }
 interface SpreadsheetProps {
     children: ReactNode;

package/dist/index.js

@@ -2033,6 +2033,26 @@ function tsvToCells(tsv) {
   const cols = Math.max(...values.map((v) => v.length));
   return { values, rows, cols };
 }
+function renderMenuItems(items, activeCell) {
+  return items.map((item, i) => {
+    if (item.items && item.items.length > 0) {
+      return /* @__PURE__ */ jsxs(ContextMenu.Sub, { children: [
+        /* @__PURE__ */ jsx(ContextMenu.SubTrigger, { children: item.label }),
+        /* @__PURE__ */ jsx(ContextMenu.SubContent, { children: renderMenuItems(item.items, activeCell) })
+      ] }, i);
+    }
+    return /* @__PURE__ */ jsx(
+      ContextMenu.Item,
+      {
+        onClick: () => item.onClick?.(activeCell),
+        disabled: typeof item.disabled === "function" ? item.disabled(activeCell) : item.disabled,
+        danger: item.danger,
+        children: item.label
+      },
+      i
+    );
+  });
+}
 function SpreadsheetGrid({ className }) {
   const {
     columnCount,
@@ -2252,16 +2272,7 @@ function SpreadsheetGrid({ className }) {
         if (!items || items.length === 0) return null;
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(ContextMenu.Separator, {}),
-          items.map((item, i) => /* @__PURE__ */ jsx(
-            ContextMenu.Item,
-            {
-              onClick: () => item.onClick(selection.activeCell),
-              disabled: typeof item.disabled === "function" ? item.disabled(selection.activeCell) : item.disabled,
-              danger: item.danger,
-              children: item.label
-            },
-            i
-          ))
+          renderMenuItems(items, selection.activeCell)
         ] });
       })()
     ] })