@extend-ai/react-xlsx 0.8.1 → 0.8.2

package/dist/index.cjs

@@ -6309,6 +6309,84 @@ function resizeImageRect(rect, handle, deltaX, deltaY, minimumSize = 16) {
   return { height, left, top, width };
 }
 
+// src/safe-calculate.ts
+var SHEET_REF_REGEX = /'((?:[^']|'')+)'!|([A-Za-z_\u0080-\uFFFF][\w.\u0080-\uFFFF]*)!/g;
+function collectReferencedSheetNames(workbook) {
+  const referenced = /* @__PURE__ */ new Set();
+  for (let sheetIdx = 0; sheetIdx < workbook.sheetCount; sheetIdx += 1) {
+    let sheet;
+    try {
+      sheet = workbook.getSheet(sheetIdx);
+    } catch {
+      continue;
+    }
+    const cells = sheet.formulaCells;
+    if (!Array.isArray(cells)) {
+      continue;
+    }
+    for (const cell of cells) {
+      const formula = cell?.formula;
+      if (!formula) {
+        continue;
+      }
+      SHEET_REF_REGEX.lastIndex = 0;
+      let match;
+      while ((match = SHEET_REF_REGEX.exec(formula)) !== null) {
+        const raw = match[1] ?? match[2];
+        if (!raw) {
+          continue;
+        }
+        referenced.add(raw.replace(/''/g, "'"));
+      }
+    }
+  }
+  return referenced;
+}
+function hasUnresolvedSheetReferences(workbook) {
+  let names;
+  try {
+    names = workbook.sheetNames;
+  } catch {
+    return false;
+  }
+  const known = new Set(names);
+  const referenced = collectReferencedSheetNames(workbook);
+  for (const name of referenced) {
+    if (!known.has(name)) {
+      return true;
+    }
+  }
+  return false;
+}
+function safeCalculate(workbook, options = {}) {
+  if (hasUnresolvedSheetReferences(workbook)) {
+    return { workbook, calculated: false, skipReason: "unresolved-sheet-refs" };
+  }
+  try {
+    workbook.calculate();
+    return { workbook, calculated: true, skipReason: null };
+  } catch (err) {
+    console.warn("[react-xlsx] workbook.calculate() trapped; falling back to cached formula values", err);
+    if (options.reparse) {
+      try {
+        return { workbook: options.reparse(), calculated: false, skipReason: "calculate-trapped" };
+      } catch (reparseErr) {
+        console.warn("[react-xlsx] workbook reparse after calculate trap failed", reparseErr);
+      }
+    }
+    return { workbook, calculated: false, skipReason: "calculate-trapped" };
+  }
+}
+function tryRecalculate(workbook) {
+  try {
+    workbook.calculate();
+    return { calculated: true, error: null };
+  } catch (err) {
+    console.warn("[react-xlsx] workbook.calculate() trapped during recalculation", err);
+    return { calculated: false, error: err };
+  }
+}
+
 // src/wasm.ts
 var wasmModulePromise = null;
 function getSheetsWasmModule() {
@@ -7117,18 +7195,21 @@ async function resolveWorkbookBuffer({ file, src }, signal) {
 }
 async function parseWorkbookBuffer(buffer) {
   const wasmModule = await getSheetsWasmModule();
-  const workbook = wasmModule.Workbook.fromBytes(new Uint8Array(buffer));
+  const initialWorkbook = wasmModule.Workbook.fromBytes(new Uint8Array(buffer));
   let totalFormulas = 0;
-  for (let index = 0; index < workbook.sheetCount; index += 1) {
-    totalFormulas += workbook.getSheet(index).formulaCount;
+  for (let index = 0; index < initialWorkbook.sheetCount; index += 1) {
+    totalFormulas += initialWorkbook.getSheet(index).formulaCount;
   }
   const shouldAutoCalculate = totalFormulas <= FORMULA_COUNT_THRESHOLD;
-  if (shouldAutoCalculate) {
-    workbook.calculate();
+  if (!shouldAutoCalculate) {
+    return { shouldAutoCalculate, workbook: initialWorkbook };
   }
+  const result = safeCalculate(initialWorkbook, {
+    reparse: () => wasmModule.Workbook.fromBytes(new Uint8Array(buffer))
+  });
   return {
-    shouldAutoCalculate,
-    workbook
+    shouldAutoCalculate: result.calculated,
+    workbook: result.workbook
   };
 }
 function scheduleLowPriorityTask(task) {
@@ -8369,7 +8450,10 @@ function useXlsxViewerController(options) {
     if (!shouldAutoCalculate) {
       return;
     }
-    targetWorkbook.calculate();
+    const result = tryRecalculate(targetWorkbook);
+    if (!result.calculated) {
+      setShouldAutoCalculate(false);
+    }
   }, [shouldAutoCalculate]);
   const getActiveWorksheet = React.useCallback(() => {
     if (!workbook || !activeSheet) {
@@ -9006,8 +9090,12 @@ function useXlsxViewerController(options) {
     if (!workbook) {
       return;
     }
-    workbook.calculate();
-    refreshWorkbookState(workbook);
+    const result = tryRecalculate(workbook);
+    if (result.calculated) {
+      refreshWorkbookState(workbook);
+      return;
+    }
+    setShouldAutoCalculate(false);
   }, [refreshWorkbookState, workbook]);
   const resizeColumn = React.useCallback((col, widthPx) => {
     if (readOnly && !canResizeReadOnly || !workbook || !activeSheet) {
@@ -20491,6 +20579,7 @@ function GridRow({
   actualRow,
   editingCell,
   editingValue,
+  frozenRowHeaderZIndex,
   getCellData,
   headerLabelLiveScale,
   leadingSpacerWidth,
@@ -20507,6 +20596,7 @@ function GridRow({
   readOnly,
   renderCellAdornment,
   rowHeight,
+  rowHeaderZIndex,
   rowHeaderWidth,
   stickyLeftByCol,
   stickyTop,
@@ -20539,7 +20629,7 @@ function GridRow({
           textAlign: "center",
           userSelect: "none",
           width: rowHeaderWidth,
-          zIndex: stickyTop !== void 0 ? 45 : 35
+          zIndex: stickyTop !== void 0 ? frozenRowHeaderZIndex : rowHeaderZIndex
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { position: "relative" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -22348,7 +22438,7 @@ function XlsxGrid({
     const geometryCell = resolvePointerCellFromGeometry(clientX, clientY);
     const hitCell = resolvePointerCellFromHitTest(clientX, clientY);
     const actualRow = hitCell && rowIndexByActual.has(hitCell.row) ? hitCell.row : geometryCell?.row;
-    const actualCol = geometryCell?.col ?? hitCell?.col;
+    const actualCol = hitCell?.col ?? geometryCell?.col;
     if (actualRow === void 0 || actualCol === void 0) {
       return null;
     }
@@ -25003,7 +25093,7 @@ function XlsxGrid({
         paneContext.textBaseline = "middle";
         paneContext.fillText(`${row.actualRow + 1}`, rowHeaderWidth / 2, row.localTop + row.height / 2);
       }
-      cornerContext.fillStyle = palette.rowHeaderSurface;
+      cornerContext.fillStyle = palette.headerSurface;
       cornerContext.fillRect(0, 0, rowHeaderWidth, headerHeight);
       cornerContext.strokeStyle = palette.border;
       cornerContext.lineWidth = 1;
@@ -25286,7 +25376,18 @@ function XlsxGrid({
   const canvasSelectionTransition = shouldAnimateCanvasSelection ? "left 120ms cubic-bezier(0.22, 1, 0.36, 1), top 120ms cubic-bezier(0.22, 1, 0.36, 1), width 120ms cubic-bezier(0.22, 1, 0.36, 1), height 120ms cubic-bezier(0.22, 1, 0.36, 1), opacity 100ms linear" : "none";
   const rowColSpan = renderedCols.length + 1 + (leadingColumnSpacerWidth > 0 ? 1 : 0) + (trailingColumnSpacerWidth > 0 ? 1 : 0);
   const gutterSeparatorShadow = `inset -1px 0 0 ${palette.border}, inset 0 -1px 0 ${palette.border}`;
-  const canvasHeaderOverlayZIndex = 1e5;
+  const maxDrawingOverlayZIndex = Math.max(
+    0,
+    ...shapes.map((shape) => shape.zIndex + 20),
+    ...formControls.map((control) => control.zIndex + 20),
+    ...images.map((image) => image.zIndex + 22),
+    ...charts.map((chart) => chart.zIndex + 22)
+  );
+  const rowHeaderOverlayZIndex = Math.max(35, maxDrawingOverlayZIndex + 1);
+  const canvasHeaderOverlayZIndex = Math.max(50, rowHeaderOverlayZIndex + 1);
+  const stickyHeaderOverlayZIndex = canvasHeaderOverlayZIndex + 1;
+  const cornerHeaderOverlayZIndex = canvasHeaderOverlayZIndex + 2;
+  const frozenRowHeaderOverlayZIndex = rowHeaderOverlayZIndex;
   const headerCellStyle = scaleCssProperties({
     backgroundColor: palette.headerSurface,
     borderBottom: "none",
@@ -25303,7 +25404,7 @@ function XlsxGrid({
     top: 0,
     userSelect: "none",
     whiteSpace: "nowrap",
-    zIndex: 50
+    zIndex: canvasHeaderOverlayZIndex
   }, zoomFactor);
   const columnResizeHandleStyle = scaleCssProperties({
     backgroundColor: "transparent",
@@ -25392,7 +25493,7 @@ function XlsxGrid({
     display: topFrozenHeaderCanvasWidth > 0 && drawingViewport.height > 0 ? "block" : "none",
     left: displayRowHeaderWidth,
     top: 0,
-    zIndex: canvasHeaderOverlayZIndex + 1
+    zIndex: stickyHeaderOverlayZIndex
   };
   const canvasTopScrollHeaderStyle = {
     ...canvasHeaderBaseStyle,
@@ -25406,7 +25507,7 @@ function XlsxGrid({
     display: leftFrozenHeaderCanvasHeight > 0 && drawingViewport.width > 0 ? "block" : "none",
     left: 0,
     top: displayHeaderHeight,
-    zIndex: canvasHeaderOverlayZIndex + 1
+    zIndex: stickyHeaderOverlayZIndex
   };
   const canvasLeftScrollHeaderStyle = {
     ...canvasHeaderBaseStyle,
@@ -25422,7 +25523,7 @@ function XlsxGrid({
     position: "absolute",
     top: 0,
     transformOrigin: "0 0",
-    zIndex: canvasHeaderOverlayZIndex + 1
+    zIndex: cornerHeaderOverlayZIndex
   };
   const editingOverlayRect = experimentalCanvas && editingCell ? resolveCellDisplayRect(editingCell) : null;
   const activeCellAdornment = experimentalCanvas && activeCell ? renderCellAdornment(activeCell) : null;
@@ -26756,7 +26857,7 @@ function XlsxGrid({
                         )),
                         trailingColumnSpacerWidth > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("col", { style: { width: trailingColumnSpacerWidth } }) : null
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { style: { position: "sticky", top: 0, zIndex: 50 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { style: { position: "sticky", top: 0, zIndex: canvasHeaderOverlayZIndex }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { children: [
                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "th",
                           {
@@ -26765,7 +26866,7 @@ function XlsxGrid({
                               backgroundColor: palette.headerSurface,
                               left: 0,
                               width: displayRowHeaderWidth,
-                              zIndex: 60
+                              zIndex: cornerHeaderOverlayZIndex
                             }
                           }
                         ),
@@ -26779,7 +26880,7 @@ function XlsxGrid({
                             style: {
                               ...headerCellStyle,
                               left: stickyLeftByCol.get(column.actualCol),
-                              zIndex: stickyLeftByCol.has(column.actualCol) ? 55 : headerCellStyle.zIndex
+                              zIndex: stickyLeftByCol.has(column.actualCol) ? stickyHeaderOverlayZIndex : headerCellStyle.zIndex
                             },
                             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { position: "relative" }, children: [
                               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -26834,6 +26935,7 @@ function XlsxGrid({
                                 actualRow,
                                 editingCell,
                                 editingValue,
+                                frozenRowHeaderZIndex: frozenRowHeaderOverlayZIndex,
                                 getCellData,
                                 leadingSpacerWidth: leadingColumnSpacerWidth,
                                 onCellClick: handleCellClick,
@@ -26850,6 +26952,7 @@ function XlsxGrid({
                                 readOnly,
                                 renderCellAdornment,
                                 rowHeight: virtualRow.size,
+                                rowHeaderZIndex: rowHeaderOverlayZIndex,
                                 rowHeaderWidth: displayRowHeaderWidth,
                                 stickyLeftByCol,
                                 stickyTop: stickyTopByRow.get(actualRow),