@opengeni/react 0.57.0 → 1.0.2-canary.37191796234001

package/dist/{chunk-7WCLAEFV.js → chunk-A4UJB2MM.js}

@@ -4,7 +4,7 @@ import {
   editableArtifactAccessRevoked,
   editableArtifactStatusLabel,
   useEditableArtifactView
-} from "./chunk-KCGXPP5V.js";
+} from "./chunk-Y2PRMYLC.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -21,6 +21,26 @@ import {
   useState
 } from "react";
 
+// src/components/artifacts/spreadsheet-general-display.ts
+function formatSpreadsheetGeneralDisplay(value) {
+  if (value === null || value === void 0) return "";
+  if (value instanceof Date) return Number.isNaN(value.getTime()) ? "" : value.toLocaleDateString();
+  if (typeof value === "boolean") return value ? "TRUE" : "FALSE";
+  if (typeof value === "number") {
+    if (Object.is(value, -0) || value === 0) return "0";
+    if (!Number.isFinite(value)) return String(value);
+    const rounded = Number(value.toPrecision(15));
+    return String(Number.isFinite(rounded) ? rounded : value);
+  }
+  return String(value);
+}
+function spreadsheetCellEditSource(value) {
+  if (value === null || value === void 0) return "";
+  if (value instanceof Date) return Number.isNaN(value.getTime()) ? "" : value.toLocaleDateString();
+  if (typeof value === "boolean") return value ? "TRUE" : "FALSE";
+  return String(value);
+}
+
 // src/components/artifacts/spreadsheet-canvas.ts
 var TILE_SIZE = 256;
 var MAX_CACHE_PHYSICAL_PIXELS = 32e6;
@@ -266,7 +286,7 @@ var SpreadsheetCanvasRenderer = class {
     paintTileGrid(context, input, tileLeft, tileTop, tileRight, tileBottom);
     for (const cell of cells) {
       const value = input.projection.valueAt(cell);
-      const text = displayValue(value);
+      const text = formatSpreadsheetGeneralDisplay(value);
       if (!text) continue;
       paintCellText(context, input, cell, text, tileLeft, tileTop);
     }
@@ -351,7 +371,7 @@ function paintSelection(context, input) {
   const top = input.columnHeaderHeight + input.rows.offsetAt(selection.top) - input.logicalScrollTop;
   const bottom = input.columnHeaderHeight + input.rows.offsetAt(selection.bottom + 1) - input.logicalScrollTop;
   context.save();
-  setFill(context, input.theme.accent, "#3b82f6");
+  setFill(context, input.theme.accent, "#545454");
   context.globalAlpha = 0.1;
   context.fillRect(left, top, right - left, bottom - top);
   context.restore();
@@ -360,7 +380,7 @@ function paintSelection(context, input) {
   const activeWidth = input.columns.sizeAt(selection.focusColumn);
   const activeHeight = input.rows.sizeAt(selection.focusRow);
   context.save();
-  setStroke(context, input.theme.accent, "#3b82f6");
+  setStroke(context, input.theme.accent, "#545454");
   context.lineWidth = 2;
   context.strokeRect(
     activeLeft + 1,
@@ -522,12 +542,6 @@ function ellipsize(context, input, maximumWidth) {
 function finitePositive(value, fallback) {
   return value !== void 0 && Number.isFinite(value) && value > 0 ? value : fallback;
 }
-function displayValue(value) {
-  if (value === null || value === void 0) return "";
-  if (value instanceof Date) return Number.isNaN(value.getTime()) ? "" : value.toLocaleDateString();
-  if (typeof value === "boolean") return value ? "TRUE" : "FALSE";
-  return String(value);
-}
 function columnName(index) {
   let value = index + 1;
   let result = "";
@@ -795,12 +809,6 @@ function isCellSelected(selection, row, col) {
   const normalized = normalizeSelection(selection);
   return row >= normalized.top && row <= normalized.bottom && col >= normalized.left && col <= normalized.right;
 }
-function displayValue2(value) {
-  if (value === null || value === void 0) return "";
-  if (value instanceof Date) return Number.isNaN(value.getTime()) ? "" : value.toLocaleDateString();
-  if (typeof value === "boolean") return value ? "TRUE" : "FALSE";
-  return String(value);
-}
 function parseCellInput(input) {
   if (input === "") return null;
   const normalized = input.trim();
@@ -909,7 +917,7 @@ function spreadsheetCanvasTheme(element) {
   const border = computedToken(style, "--og-color-border", "#d1d5db");
   const foreground = style.color || computedToken(style, "--og-color-fg", "#111827");
   const mutedForeground = computedToken(style, "--og-color-fg-muted", "#6b7280");
-  const accent = computedToken(style, "--og-color-accent", "#3b82f6");
+  const accent = computedToken(style, "--og-color-accent", "#545454");
   const error = computedToken(style, "--og-color-status-failed", "#dc2626");
   const fontFamily = style.fontFamily || computedToken(
     style,
@@ -1066,7 +1074,7 @@ function SpreadsheetArtifactSurface({
               {
                 type: "button",
                 onClick: addSheet,
-                className: "mt-3 rounded-og-sm bg-og-accent-deep px-3 py-1.5 text-og-sm font-medium text-og-accent-fg",
+                className: "mt-3 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium hover:bg-og-primary-hover",
                 children: "Add worksheet"
               }
             ) : null
@@ -1153,7 +1161,7 @@ function SpreadsheetGrid({
         const data = worksheet.cellData(row, col);
         return {
           value: data.formula ? workbook.valueAt(worksheet, { row, col }) : data.value,
-          input: data.formula ?? displayValue2(data.value),
+          input: data.formula ?? spreadsheetCellEditSource(data.value),
           format: data.format
         };
       }
@@ -2219,7 +2227,7 @@ function SpreadsheetProjectionGrid({
                                 role: "gridcell",
                                 "aria-colindex": col + 1,
                                 "aria-selected": selected,
-                                "aria-label": `${address}${value === null ? "" : `, ${displayValue2(value)}`}`,
+                                "aria-label": `${address}${value === null ? "" : `, ${formatSpreadsheetGeneralDisplay(value)}`}`,
                                 "data-og-cell": address,
                                 className: cn(
                                   "pointer-events-none absolute top-0 flex h-full min-w-0 overflow-hidden border-b border-r border-og-border px-1.5 text-og-fg",
@@ -2251,7 +2259,7 @@ function SpreadsheetProjectionGrid({
                                     onPointerDown: (event) => event.stopPropagation(),
                                     className: "pointer-events-auto absolute inset-0 size-full bg-og-surface-1 px-1.5 font-mono text-og-sm text-og-fg outline-hidden ring-2 ring-inset ring-og-accent"
                                   }
-                                ) : /* @__PURE__ */ jsx("span", { className: "block min-w-0 overflow-hidden text-ellipsis", children: displayValue2(value) })
+                                ) : /* @__PURE__ */ jsx("span", { className: "block min-w-0 overflow-hidden text-ellipsis", children: formatSpreadsheetGeneralDisplay(value) })
                               },
                               col
                             );
@@ -2268,7 +2276,7 @@ function SpreadsheetProjectionGrid({
                       role: "gridcell",
                       "aria-colindex": selection.focus.col + 1,
                       "aria-selected": "true",
-                      "aria-label": `${cellName(selection.focus)}${hiddenActiveValue == null ? "" : `, ${displayValue2(hiddenActiveValue)}`}`
+                      "aria-label": `${cellName(selection.focus)}${hiddenActiveValue == null ? "" : `, ${formatSpreadsheetGeneralDisplay(hiddenActiveValue)}`}`
                     }
                   ) }) : null
                 ]
@@ -2516,6 +2524,7 @@ function EditableSpreadsheetGrid({
 function EditableSpreadsheetArtifactSurface({
   session,
   title = "Workbook",
+  showHeader,
   subtitle,
   actions,
   initialSheetId,
@@ -2591,6 +2600,7 @@ function EditableSpreadsheetArtifactSurface({
     {
       modality: "spreadsheet",
       title,
+      showHeader,
       subtitle: subtitle ?? (accessRevoked ? editableArtifactStatusLabel(view) : metadata ? `${sheets.length} sheet${sheets.length === 1 ? "" : "s"}` : editableArtifactStatusLabel(view)),
       actions,
       footer: accessRevoked ? void 0 : footer,
@@ -2619,7 +2629,7 @@ function EditableSpreadsheetArtifactSurface({
             type: "button",
             onClick: () => void addSheet(),
             disabled: creatingSheet,
-            className: "mt-3 rounded-og-sm bg-og-accent-deep px-3 py-1.5 text-og-sm font-medium text-og-accent-fg outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:opacity-50",
+            className: "mt-3 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium hover:bg-og-primary-hover outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:opacity-50",
             children: creatingSheet ? "Adding\u2026" : "Add worksheet"
           }
         ) : null
@@ -2688,7 +2698,7 @@ function projectSdkViewport(sheet, metadataRevision, query, viewport, rowCount,
       const cell = byCoordinate.get(`${row}:${column}`);
       return cell ? {
         value: cell.value,
-        input: cell.formula ?? displayValue3(cell.value),
+        input: cell.formula ?? displayValue(cell.value),
         format: cell.format
       } : null;
     }
@@ -2756,7 +2766,7 @@ function sheetGeneration(sheet) {
   };
 }
 function spreadsheetCellInput(input, kind) {
-  if (kind === "formula") return { formula: input, cached: null };
+  if (kind === "formula") return { formula: input };
   if (input === "") return null;
   const normalized = input.trim();
   if (/^(?:true|false)$/i.test(normalized)) return normalized.toLowerCase() === "true";
@@ -2799,7 +2809,7 @@ function boundedSheetCount(requested, maximum, usedEnd) {
   const usedCount = usedEnd === void 0 || !Number.isSafeInteger(usedEnd) ? 1 : Math.max(1, Math.min(maximum, usedEnd + 1));
   return Math.max(requestedCount, usedCount);
 }
-function displayValue3(value) {
+function displayValue(value) {
   if (value === null || value === void 0) return "";
   if (value instanceof Date) return Number.isNaN(value.getTime()) ? "" : value.toISOString();
   if (typeof value === "boolean") return value ? "TRUE" : "FALSE";
@@ -2825,4 +2835,4 @@ export {
   EditableSpreadsheetGrid,
   EditableSpreadsheetArtifactSurface
 };
-//# sourceMappingURL=chunk-7WCLAEFV.js.map
+//# sourceMappingURL=chunk-A4UJB2MM.js.map