@dxos/plugin-sheet 0.6.14-staging.54a8bab → 0.6.14-staging.7b35391

package/dist/lib/node/{chunk-STZ7S7RF.cjs → chunk-OO24XJBV.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_STZ7S7RF_exports = {};
-__export(chunk_STZ7S7RF_exports, {
+var chunk_OO24XJBV_exports = {};
+__export(chunk_OO24XJBV_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   GridSheet: () => GridSheet,
   RangeList: () => RangeList,
@@ -38,7 +38,7 @@ __export(chunk_STZ7S7RF_exports, {
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_STZ7S7RF_exports);
+module.exports = __toCommonJS(chunk_OO24XJBV_exports);
 var import_chunk_O7XR4R7Y = require("./chunk-O7XR4R7Y.cjs");
 var import_chunk_AWKOWDMI = require("./chunk-AWKOWDMI.cjs");
 var import_chunk_2ZVZI2KJ = require("./chunk-2ZVZI2KJ.cjs");
@@ -1027,7 +1027,7 @@ var RangeList = ({ sheet }) => {
     onClick: () => handleDeleteRange(range)
   })))));
 };
-var SheetContainer = (0, import_react7.lazy)(() => import("./SheetContainer-PJE74VO4.cjs"));
+var SheetContainer = (0, import_react7.lazy)(() => import("./SheetContainer-MPFKXY26.cjs"));
 var completeCellRangeToThreadCursor = (range) => {
   return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;
 };
@@ -1199,11 +1199,12 @@ var gridCellGetter = (model) => {
 };
 var rowLabelCell = (row) => ({
   value: (0, import_react_ui_grid3.rowToA1Notation)(row),
-  className: "text-end !pie-1",
+  className: "text-end !pie-1 text-subdued",
   resizeHandle: "row"
 });
 var colLabelCell = (col) => ({
   value: (0, import_react_ui_grid3.colToA1Notation)(col),
+  className: "text-subdued",
   resizeHandle: "col"
 });
 var cellGetter = (model) => {
@@ -1235,7 +1236,7 @@ var cellGetter = (model) => {
 };
 var useSheetModelDxGridProps = (dxGrid, model) => {
   const [columns, setColumns] = (0, import_react5.useState)(createDxGridColumns(model));
-  const [rows, setRows] = (0, import_react5.useState)(createDxGridColumns(model));
+  const [rows, setRows] = (0, import_react5.useState)(createDxGridRows(model));
   (0, import_react5.useEffect)(() => {
     const cellsAccessor = (0, import_echo2.createDocAccessor)(model.sheet, [
       "cells"
@@ -1310,11 +1311,11 @@ var frozen = {
 };
 var sheetRowDefault = {
   frozenRowsStart: {
-    size: 32,
+    size: import_react_ui_grid2.defaultSizeRow,
     readonly: true
   },
   grid: {
-    size: 32,
+    size: import_react_ui_grid2.defaultSizeRow,
     resizeable: true
   }
 };
@@ -1330,7 +1331,7 @@ var sheetColDefault = {
 };
 var GridSheet = () => {
   const { t } = (0, import_react_ui.useTranslation)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN);
-  const { id, model, editing, setEditing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs } = useSheetContext();
+  const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs } = useSheetContext();
   const [dxGrid, setDxGrid] = (0, import_react4.useState)(null);
   const [extraplanarFocus, setExtraplanarFocus] = (0, import_react4.useState)(null);
   const dispatch = (0, import_app_framework.useIntentDispatcher)();
@@ -1356,25 +1357,24 @@ var GridSheet = () => {
   }, [
     editing
   ]);
-  const handleClose = (0, import_react4.useCallback)((value, { key, shift }) => {
-    if (value !== void 0) {
-      model.setValue(dxGridCellIndexToSheetCellAddress(editing.index), value);
+  const handleClose = (0, import_react4.useCallback)((_value, event) => {
+    if (event) {
+      const { key, shift } = event;
+      const axis = [
+        "Enter",
+        "ArrowUp",
+        "ArrowDown"
+      ].includes(key) ? "row" : [
+        "Tab",
+        "ArrowLeft",
+        "ArrowRight"
+      ].includes(key) ? "col" : void 0;
+      const delta = key.startsWith("Arrow") ? [
+        "ArrowUp",
+        "ArrowLeft"
+      ].includes(key) ? -1 : 1 : shift ? -1 : 1;
+      dxGrid?.refocus(axis, delta);
     }
-    setEditing(null);
-    const axis = [
-      "Enter",
-      "ArrowUp",
-      "ArrowDown"
-    ].includes(key) ? "row" : [
-      "Tab",
-      "ArrowLeft",
-      "ArrowRight"
-    ].includes(key) ? "col" : void 0;
-    const delta = key.startsWith("Arrow") ? [
-      "ArrowUp",
-      "ArrowLeft"
-    ].includes(key) ? -1 : 1 : shift ? -1 : 1;
-    dxGrid?.refocus(axis, delta);
   }, [
     model,
     editing,
@@ -1384,7 +1384,6 @@ var GridSheet = () => {
     if (value !== void 0) {
       model.setValue(dxGridCellIndexToSheetCellAddress(editing.index), value);
     }
-    setEditing(null);
   }, [
     model,
     editing
@@ -1610,8 +1609,8 @@ var GridSheet = () => {
     onKeyDown: handleKeyDown,
     onContextMenu: handleContextMenu,
     onClick: handleClick,
-    overscroll: "inline",
-    className: "[--dx-grid-base:var(--surface-bg)]",
+    overscroll: "trap",
+    className: "[--dx-grid-base:var(--surface-bg)] [&_.dx-grid]:border-bs [&_.dx-grid]:border-separator",
     activeRefs,
     ref: setDxGrid
   }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Root, {
@@ -1653,4 +1652,4 @@ var GridSheet = () => {
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-STZ7S7RF.cjs.map
+//# sourceMappingURL=chunk-OO24XJBV.cjs.map