@dxos/plugin-sheet 0.7.1 → 0.7.2-main.f1adc9f

package/dist/lib/node-esm/{chunk-6GSTEN7N.mjs → chunk-7F3BRKP7.mjs}

@@ -977,9 +977,9 @@ var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo
 };
 
 // packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
-import React4, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState4 } from "react";
+import React5, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState4 } from "react";
 import { useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { DropdownMenu, Icon, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { DropdownMenu, Icon, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
 import { closestCell, defaultSizeRow, editorKeys, Grid as Grid2, GridCellEditor } from "@dxos/react-ui-grid";
 
@@ -1038,8 +1038,28 @@ var RangeList = ({ sheet }) => {
   })))));
 };
 
+// packages/plugins/plugin-sheet/src/components/SheetObjectSettings.tsx
+import React4 from "react";
+import { SPACE_PLUGIN } from "@dxos/plugin-space/meta";
+import { Input, useTranslation as useTranslation2 } from "@dxos/react-ui";
+var SheetObjectSettings = ({ sheet }) => {
+  const { t } = useTranslation2(SPACE_PLUGIN);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-1"
+  }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Label, null, t("name label")), /* @__PURE__ */ React4.createElement(Input.TextInput, {
+    placeholder: t("name placeholder"),
+    value: sheet.name ?? "",
+    onChange: (event) => {
+      sheet.name = event.target.value;
+    }
+  }))), /* @__PURE__ */ React4.createElement(RangeList, {
+    sheet
+  }));
+};
+
 // packages/plugins/plugin-sheet/src/components/index.ts
-var SheetContainer = lazy(() => import("./SheetContainer-T47T2NYJ.mjs"));
+var SheetContainer = lazy(() => import("./SheetContainer-CH2RYBXJ.mjs"));
 
 // packages/plugins/plugin-sheet/src/integrations/thread-ranges.ts
 var completeCellRangeToThreadCursor = (range) => {
@@ -1077,6 +1097,9 @@ var useUpdateFocusedCellOnThreadSelection = (grid) => {
           ...range.to,
           plane: "grid"
         }, true);
+        return {
+          data: true
+        };
       }
     }
   }, [
@@ -1348,7 +1371,7 @@ var sheetColDefault = {
   }
 };
 var GridSheet = () => {
-  const { t } = useTranslation2(SHEET_PLUGIN);
+  const { t } = useTranslation3(SHEET_PLUGIN);
   const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
   const [dxGrid, setDxGrid] = useState4(null);
   const [extraplanarFocus, setExtraplanarFocus] = useState4(null);
@@ -1608,14 +1631,14 @@ var GridSheet = () => {
   ]);
   useUpdateFocusedCellOnThreadSelection(dxGrid);
   useSelectThreadOnCellFocus();
-  return /* @__PURE__ */ React4.createElement("div", {
+  return /* @__PURE__ */ React5.createElement("div", {
     role: "none",
     className: "relative min-bs-0"
-  }, /* @__PURE__ */ React4.createElement(GridCellEditor, {
+  }, /* @__PURE__ */ React5.createElement(GridCellEditor, {
     getCellContent,
     extension,
     onBlur: handleBlur
-  }), /* @__PURE__ */ React4.createElement(Grid2.Content, {
+  }), /* @__PURE__ */ React5.createElement(Grid2.Content, {
     initialCells,
     limitColumns: DEFAULT_COLUMNS,
     limitRows: DEFAULT_ROWS,
@@ -1635,32 +1658,35 @@ var GridSheet = () => {
     className: "[--dx-grid-base:var(--surface-bg)] [&_.dx-grid]:border-bs [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator",
     activeRefs,
     ref: setDxGrid
-  }), /* @__PURE__ */ React4.createElement(DropdownMenu.Root, {
+  }), /* @__PURE__ */ React5.createElement(DropdownMenu.Root, {
     modal: false,
     open: !!contextMenuOpen,
     onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
-  }, /* @__PURE__ */ React4.createElement(DropdownMenu.VirtualTrigger, {
+  }, /* @__PURE__ */ React5.createElement(DropdownMenu.VirtualTrigger, {
     virtualRef: contextMenuAnchorRef
-  }), /* @__PURE__ */ React4.createElement(DropdownMenu.Content, {
+  }), /* @__PURE__ */ React5.createElement(DropdownMenu.Content, {
     side: contextMenuAxis === "col" ? "bottom" : "right",
     sideOffset: 4,
     collisionPadding: 8
-  }, /* @__PURE__ */ React4.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-before")
-  }, /* @__PURE__ */ React4.createElement(Icon, {
+  }, /* @__PURE__ */ React5.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+    onClick: () => handleAxisMenuAction("insert-before"),
+    "data-testid": `grid.${contextMenuAxis}.insert-before`
+  }, /* @__PURE__ */ React5.createElement(Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ React4.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-after")
-  }, /* @__PURE__ */ React4.createElement(Icon, {
+  }), /* @__PURE__ */ React5.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+    onClick: () => handleAxisMenuAction("insert-after"),
+    "data-testid": `grid.${contextMenuAxis}.insert-after`
+  }, /* @__PURE__ */ React5.createElement(Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ React4.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("drop")
-  }, /* @__PURE__ */ React4.createElement(Icon, {
+  }), /* @__PURE__ */ React5.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+    onClick: () => handleAxisMenuAction("drop"),
+    "data-testid": `grid.${contextMenuAxis}.drop`
+  }, /* @__PURE__ */ React5.createElement(Icon, {
     size: 5,
     icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ React4.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React4.createElement(DropdownMenu.Arrow, null))));
+  }), /* @__PURE__ */ React5.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React5.createElement(DropdownMenu.Arrow, null))));
 };
 
 export {
@@ -1671,7 +1697,7 @@ export {
   useSheetContext,
   SheetProvider,
   GridSheet,
-  RangeList,
+  SheetObjectSettings,
   SheetContainer
 };
-//# sourceMappingURL=chunk-6GSTEN7N.mjs.map
+//# sourceMappingURL=chunk-7F3BRKP7.mjs.map