@dxos/plugin-sheet 0.6.10 → 0.6.11-staging.e6894a4

package/dist/lib/node/{SheetContainer-ESRTE7A5.cjs → SheetContainer-IQT6TR4Z.cjs}

@@ -26,13 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SheetContainer_ESRTE7A5_exports = {};
-__export(SheetContainer_ESRTE7A5_exports, {
+var SheetContainer_IQT6TR4Z_exports = {};
+__export(SheetContainer_IQT6TR4Z_exports, {
   default: () => SheetContainer_default
 });
-module.exports = __toCommonJS(SheetContainer_ESRTE7A5_exports);
-var import_chunk_4EGEA3KL = require("./chunk-4EGEA3KL.cjs");
-var import_chunk_3R3J7IZR = require("./chunk-3R3J7IZR.cjs");
+module.exports = __toCommonJS(SheetContainer_IQT6TR4Z_exports);
+var import_chunk_727C6YNP = require("./chunk-727C6YNP.cjs");
+var import_chunk_SVAIIXWQ = require("./chunk-SVAIIXWQ.cjs");
+var import_chunk_DSYKOI4E = require("./chunk-DSYKOI4E.cjs");
 var import_chunk_BJ6ZD7MN = require("./chunk-BJ6ZD7MN.cjs");
 var import_react = __toESM(require("react"));
 var import_react_ui_theme = require("@dxos/react-ui-theme");
@@ -181,12 +182,12 @@ var getCellAtPointer = (event) => {
   if (root) {
     const value = root.dataset[CELL_DATA_KEY];
     if (value) {
-      return (0, import_chunk_4EGEA3KL.addressFromA1Notation)(value);
+      return (0, import_chunk_SVAIIXWQ.addressFromA1Notation)(value);
     }
   }
 };
 var getCellElement = (root, cell) => {
-  const pos = (0, import_chunk_4EGEA3KL.addressToA1Notation)(cell);
+  const pos = (0, import_chunk_SVAIIXWQ.addressToA1Notation)(cell);
   return root.querySelector(`[data-${CELL_DATA_KEY}="${pos}"]`);
 };
 var handleNav = (ev, cursor, range, size) => {
@@ -314,7 +315,7 @@ var useRangeSelect = (cb) => {
   const onMouseMove = (ev) => {
     if (from) {
       let current = getCellAtPointer(ev);
-      if ((0, import_chunk_4EGEA3KL.posEquals)(current, from)) {
+      if ((0, import_chunk_SVAIIXWQ.posEquals)(current, from)) {
         current = void 0;
       }
       setTo(current);
@@ -327,7 +328,7 @@ var useRangeSelect = (cb) => {
   const onMouseUp = (ev) => {
     if (from) {
       let current = getCellAtPointer(ev);
-      if ((0, import_chunk_4EGEA3KL.posEquals)(current, from)) {
+      if ((0, import_chunk_SVAIIXWQ.posEquals)(current, from)) {
         current = void 0;
       }
       setFrom(void 0);
@@ -370,7 +371,7 @@ var FormattingModel = class {
     ];
     for (const [idx2, _formatting] of Object.entries(this.model.sheet.formatting)) {
       const range = this.model.rangeFromIndex(idx2);
-      if ((0, import_chunk_4EGEA3KL.inRange)(range, cell)) {
+      if ((0, import_chunk_SVAIIXWQ.inRange)(range, cell)) {
         if (_formatting.classNames) {
           classNames.push(..._formatting.classNames);
         }
@@ -382,16 +383,16 @@ var FormattingModel = class {
     const defaultNumber = "justify-end font-mono";
     const type = formatting?.type ?? this.model.getValueType(cell);
     switch (type) {
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Boolean: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Boolean: {
         return {
           value: value.toLocaleString().toUpperCase(),
           classNames: [
             ...classNames,
-            value ? "!text-green-500" : "!text-orange-500"
+            value ? "!text-greenText" : "!text-orangeText"
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Number: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Number: {
         return {
           value: value.toLocaleString(locales),
           classNames: [
@@ -400,7 +401,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Percent: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Percent: {
         return {
           value: value * 100 + "%",
           classNames: [
@@ -409,7 +410,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Currency: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Currency: {
         return {
           value: value.toLocaleString(locales, {
             style: "currency",
@@ -423,21 +424,21 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.DateTime: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.DateTime: {
         const date = this.model.toLocalDate(value);
         return {
           value: date.toLocaleString(locales),
           classNames
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Date: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Date: {
         const date = this.model.toLocalDate(value);
         return {
           value: date.toLocaleDateString(locales),
           classNames
         };
       }
-      case import_chunk_3R3J7IZR.ValueTypeEnum.Time: {
+      case import_chunk_DSYKOI4E.ValueTypeEnum.Time: {
         const date = this.model.toLocalDate(value);
         return {
           value: date.toLocaleTimeString(locales),
@@ -471,7 +472,7 @@ var useSheetContext = () => {
 };
 var mapFormulaBindingToId = (functions) => (formula) => {
   return formula.replace(/([a-zA-Z0-9]+)\((.*)\)/g, (match, binding, args) => {
-    if (import_chunk_4EGEA3KL.defaultFunctions.find((fn2) => fn2.name === binding) || binding === "EDGE") {
+    if (import_chunk_SVAIIXWQ.defaultFunctions.find((fn2) => fn2.name === binding) || binding === "EDGE") {
       return match;
     }
     const fn = functions.find((fn2) => fn2.binding === binding);
@@ -497,7 +498,7 @@ var mapFormulaBindingFromId = (functions) => (formula) => {
   });
 };
 var SheetContextProvider = ({ children, sheet, space, readonly, onInfo, ...options }) => {
-  const graph = (0, import_chunk_4EGEA3KL.useComputeGraph)(space, options);
+  const graph = (0, import_chunk_727C6YNP.useComputeGraph)(space, options);
   const [cursor, setCursor] = (0, import_react6.useState)();
   const [range, setRange] = (0, import_react6.useState)();
   const [editing, setEditing] = (0, import_react6.useState)(false);
@@ -506,7 +507,7 @@ var SheetContextProvider = ({ children, sheet, space, readonly, onInfo, ...optio
     let model2;
     let formatting2;
     const t = setTimeout(async () => {
-      model2 = new import_chunk_4EGEA3KL.SheetModel(graph, sheet, space, {
+      model2 = new import_chunk_SVAIIXWQ.SheetModel(graph, sheet, space, {
         readonly,
         mapFormulaBindingToId,
         mapFormulaBindingFromId
@@ -681,30 +682,30 @@ var highlightStyles = import_language.HighlightStyle.define([
   // Function.
   {
     tag: import_highlight.tags.name,
-    class: "text-primary-500"
+    class: "text-accentText"
   },
   // Range.
   {
     tag: import_highlight.tags.tagName,
-    class: "text-pink-500"
+    class: "text-pinkText"
   },
   // Values.
   {
     tag: import_highlight.tags.number,
-    class: "text-teal-500"
+    class: "text-tealText"
   },
   {
     tag: import_highlight.tags.bool,
-    class: "text-teal-500"
+    class: "text-tealText"
   },
   {
     tag: import_highlight.tags.string,
-    class: "text-teal-500"
+    class: "text-tealText"
   },
   // Error.
   {
     tag: import_highlight.tags.invalid,
-    class: "text-neutral-500"
+    class: "text-unAccent"
   }
 ]);
 var languageFacet = import_state.Facet.define();
@@ -726,7 +727,7 @@ var sheetExtension = ({ functions = [] }) => {
         root.className = "flex flex-col gap-2 text-sm";
         const title = document.createElement("h2");
         title.innerText = name;
-        title.className = "text-lg font-mono text-primary-500";
+        title.className = "text-lg font-mono text-accentText";
         root.appendChild(title);
         if (description) {
           const info = document.createElement("p");
@@ -737,7 +738,7 @@ var sheetExtension = ({ functions = [] }) => {
         if (syntax) {
           const detail = document.createElement("pre");
           detail.innerText = syntax;
-          detail.className = "whitespace-pre-wrap text-green-500";
+          detail.className = "whitespace-pre-wrap text-greenText";
           root.appendChild(detail);
         }
         return root;
@@ -791,8 +792,8 @@ var sheetExtension = ({ functions = [] }) => {
         // TODO(burdon): Factor out fragments.
         // TODO(burdon): Size to make width same as column.
         "!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]",
-        "[&>ul>li[aria-selected]]:!bg-primary-700",
-        "border-neutral-200 dark:border-neutral-700"
+        "[&>ul>li[aria-selected]]:!bg-accentSurface",
+        "border-separator"
       )
     }),
     import_view2.keymap.of([
@@ -842,6 +843,13 @@ var rangeExtension = (onInit) => {
               };
               break;
             }
+            case "CloseParen": {
+              activeRange = {
+                from,
+                to: from
+              };
+              break;
+            }
             case "RangeToken":
             case "CellToken":
               activeRange = {
@@ -875,11 +883,11 @@ var visitTree = (node, callback) => {
 };
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/Sheet/Sheet.tsx";
 var fragments = {
-  axis: "bg-neutral-50 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-200 text-xs select-none",
-  axisSelected: "bg-neutral-100 dark:bg-neutral-900 text-black dark:text-white",
-  cell: "dark:bg-neutral-850",
-  cellSelected: "bg-neutral-50 dark:bg-neutral-900 text-black dark:text-white border !border-primary-500",
-  border: "border-neutral-200 dark:border-neutral-700"
+  axis: "bg-axisSurface text-axisText text-xs select-none",
+  axisSelected: "bg-attention text-baseText",
+  cell: "bg-gridCell",
+  cellSelected: "bg-gridCellSelected text-baseText border !border-accentSurface",
+  border: "border-gridLine"
 };
 var SheetRoot = ({ children, ...props }) => {
   return /* @__PURE__ */ import_react3.default.createElement(SheetContextProvider, props, children);
@@ -1088,7 +1096,7 @@ var GridCorner = (props) => {
 };
 var MovingOverlay = ({ label }) => {
   return /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "flex w-full h-full justify-center items-center text-sm p-1 bg-primary-500/50 cursor-pointer"
+    className: "flex w-full h-full justify-center items-center text-sm p-1 bg-gridOverlay cursor-pointer"
   }, label);
 };
 var mouseConstraints = {
@@ -1227,9 +1235,9 @@ var GridRowCell = ({ idx, index, label, size, resize, selected, onSelect, onResi
   }, /* @__PURE__ */ import_react3.default.createElement("span", {
     className: "flex w-full justify-center"
   }, label), over?.id === idx && !isDragging && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute top-0 w-full min-h-[4px] border-b-4 border-primary-500"
+    className: "z-20 absolute top-0 w-full min-h-[4px] border-b-4 border-accentSurface"
   }), resizing && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute bottom-0 w-full min-h-[4px] border-b-4 border-primary-500"
+    className: "z-20 absolute bottom-0 w-full min-h-[4px] border-b-4 border-accentSurface"
   })));
 };
 var SheetColumns = /* @__PURE__ */ (0, import_react3.forwardRef)(({ columns, sizes, selected, onSelect, onResize, onMove }, forwardRef2) => {
@@ -1296,14 +1304,14 @@ var SheetColumns = /* @__PURE__ */ (0, import_react3.forwardRef)(({ columns, siz
     key: idx,
     idx,
     index,
-    label: (0, import_chunk_4EGEA3KL.columnLetter)(index),
+    label: (0, import_chunk_SVAIIXWQ.columnLetter)(index),
     size: sizes?.[idx] ?? defaultWidth,
     resize: index < columns.length - 1,
     selected: selected === index,
     onResize,
     onSelect
   }))), /* @__PURE__ */ (0, import_react_dom.createPortal)(/* @__PURE__ */ import_react3.default.createElement(import_core.DragOverlay, null, active && /* @__PURE__ */ import_react3.default.createElement(MovingOverlay, {
-    label: (0, import_chunk_4EGEA3KL.columnLetter)(active.data.current.index)
+    label: (0, import_chunk_SVAIIXWQ.columnLetter)(active.data.current.index)
   })), document.body))));
 });
 var GridColumnCell = ({ idx, index, label, size, resize, selected, onSelect, onResize }) => {
@@ -1364,9 +1372,9 @@ var GridColumnCell = ({ idx, index, label, size, resize, selected, onSelect, onR
   }, /* @__PURE__ */ import_react3.default.createElement("span", {
     className: "flex w-full justify-center"
   }, label), over?.id === idx && !isDragging && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute left-0 h-full min-w-[4px] border-l-4 border-primary-500"
+    className: "z-20 absolute left-0 h-full min-w-[4px] border-l-4 border-accentSurface"
   }), resizing && /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "z-20 absolute right-0 h-full min-h-[4px] border-l-4 border-primary-500"
+    className: "z-20 absolute right-0 h-full min-h-[4px] border-l-4 border-accentSurface"
   })));
 };
 var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, columns, rowSizes, columnSizes }, forwardRef2) => {
@@ -1537,9 +1545,9 @@ var SheetGrid = /* @__PURE__ */ (0, import_react3.forwardRef)(({ size, rows, col
         row,
         column
       };
-      const id = (0, import_chunk_4EGEA3KL.addressToA1Notation)(cell);
+      const id = (0, import_chunk_SVAIIXWQ.addressToA1Notation)(cell);
       const idx = model.addressToIndex(cell);
-      const active = (0, import_chunk_4EGEA3KL.posEquals)(cursor, cell);
+      const active = (0, import_chunk_SVAIIXWQ.posEquals)(cursor, cell);
       if (active && editing) {
         const value = initialText.current ?? model.getCellText(cell) ?? "";
         const handleClose = (value2) => {
@@ -1615,7 +1623,7 @@ var SelectionOverlay = ({ root }) => {
   return /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     style: bounds,
-    className: "z-10 absolute pointer-events-none bg-primary-500/20 border border-primary-500/50"
+    className: "z-10 absolute pointer-events-none bg-gridSelectionOverlay border border-gridOverlay"
   });
 };
 var SheetCell = ({ id, cell, style, active, onSelect }) => {
@@ -1646,7 +1654,7 @@ var GridCellEditor = ({ style, value, onNav, onClose }) => {
   const notifier = (0, import_react3.useRef)();
   (0, import_react3.useEffect)(() => {
     if (range) {
-      notifier.current?.((0, import_chunk_4EGEA3KL.rangeToA1Notation)(range));
+      notifier.current?.((0, import_chunk_SVAIIXWQ.rangeToA1Notation)(range));
     }
   }, [
     range
@@ -1693,10 +1701,10 @@ var SheetStatusBar = () => {
     className: "flex gap-4 items-center"
   }, /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex w-16 items-center font-mono"
-  }, range && (0, import_chunk_4EGEA3KL.rangeToA1Notation)(range) || cursor && (0, import_chunk_4EGEA3KL.addressToA1Notation)(cursor)), /* @__PURE__ */ import_react3.default.createElement("div", {
+  }, range && (0, import_chunk_SVAIIXWQ.rangeToA1Notation)(range) || cursor && (0, import_chunk_SVAIIXWQ.addressToA1Notation)(cursor)), /* @__PURE__ */ import_react3.default.createElement("div", {
     className: "flex gap-2 items-center"
   }, /* @__PURE__ */ import_react3.default.createElement(import_react2.Function, {
-    className: (0, import_react_ui_theme2.mx)("text-green-500", isFormula ? "visible" : "invisible")
+    className: (0, import_react_ui_theme2.mx)("text-greenText", isFormula ? "visible" : "invisible")
   }), /* @__PURE__ */ import_react3.default.createElement("span", {
     className: "font-mono"
   }, value))));
@@ -1741,14 +1749,15 @@ var Sheet = {
 var SheetContainer = ({ sheet, space, role, coordinate = {
   part: "main",
   entryId: ""
-} }) => {
+}, remoteFunctionUrl }) => {
   return /* @__PURE__ */ import_react.default.createElement("div", {
     role: "none",
     className: (0, import_react_ui_theme.mx)("flex", role === "article" && "row-span-2", role === "section" && "aspect-square border-y border-is border-separator", coordinate.part !== "solo" && "border-is border-separator")
   }, /* @__PURE__ */ import_react.default.createElement(Sheet.Root, {
     sheet,
-    space
+    space,
+    remoteFunctionUrl
   }, /* @__PURE__ */ import_react.default.createElement(Sheet.Main, null)));
 };
 var SheetContainer_default = SheetContainer;
-//# sourceMappingURL=SheetContainer-ESRTE7A5.cjs.map
+//# sourceMappingURL=SheetContainer-IQT6TR4Z.cjs.map