@extend-ai/react-xlsx 0.3.0 → 0.5.0

package/dist/index.d.cts

@@ -507,6 +507,7 @@ interface UseXlsxViewerControllerOptions {
     maxFileSizeBytes?: number;
     readOnly?: boolean;
     readOnlyAboveBytes?: number;
+    skipXmlParsing?: boolean;
     src?: string;
     useWorker?: boolean;
 }

package/dist/index.d.ts

@@ -507,6 +507,7 @@ interface UseXlsxViewerControllerOptions {
     maxFileSizeBytes?: number;
     readOnly?: boolean;
     readOnlyAboveBytes?: number;
+    skipXmlParsing?: boolean;
     src?: string;
     useWorker?: boolean;
 }

package/dist/index.js

@@ -5961,11 +5961,14 @@ var XlsxWorkerClient = class {
     }
     this.pendingRequests.clear();
   }
-  loadWorkbook(buffer) {
+  loadWorkbook(buffer, skipXmlParsing = false) {
     const workerBuffer = cloneArrayBufferForTransfer(buffer);
     return this.request({
       id: 0,
-      payload: { buffer: workerBuffer },
+      payload: {
+        buffer: workerBuffer,
+        skipXmlParsing
+      },
       type: "load"
     }, [workerBuffer]);
   }
@@ -5976,11 +5979,14 @@ var XlsxWorkerClient = class {
       type: "getCellSnapshot"
     });
   }
-  parseCharts(buffer) {
+  parseCharts(buffer, skipXmlParsing = false) {
     const workerBuffer = cloneArrayBufferForTransfer(buffer);
     return this.request({
       id: 0,
-      payload: { buffer: workerBuffer },
+      payload: {
+        buffer: workerBuffer,
+        skipXmlParsing
+      },
       type: "parseCharts"
     }, [workerBuffer]);
   }
@@ -7131,8 +7137,8 @@ function createBasicWorkbookAssets(workbook) {
     themePalette: { colorsByIndex: {} }
   };
 }
-function loadWorkbookImageAssets(bytes, workbook) {
-  if (!isZipWorkbook(bytes)) {
+function loadWorkbookImageAssets(bytes, workbook, skipXmlParsing = false) {
+  if (skipXmlParsing || !isZipWorkbook(bytes)) {
     return createBasicWorkbookAssets(workbook);
   }
   const parsedAssets = parseWorkbookImageAssets(bytes);
@@ -7202,6 +7208,7 @@ function useXlsxViewerController(options) {
     maxFileSizeBytes = DEFAULT_MAX_FILE_SIZE_BYTES,
     readOnly: requestedReadOnly = false,
     readOnlyAboveBytes = 0,
+    skipXmlParsing = false,
     src,
     useWorker = true
   } = options;
@@ -7335,6 +7342,9 @@ function useXlsxViewerController(options) {
     const visibleSheetIndexByWorkbookSheetIndex2 = buildVisibleSheetIndexMap(targetSheets);
     const quickAssets = loadWorkbookChartAssets(targetWorkbook, null, visibleSheetIndexByWorkbookSheetIndex2);
     setChartAssets(quickAssets);
+    if (skipXmlParsing) {
+      return;
+    }
     const hasCharts = quickAssets.chartsByWorkbookSheetIndex.some((sheetCharts) => sheetCharts.length > 0);
     if (!hasCharts) {
       setIsChartsLoading(false);
@@ -7396,7 +7406,7 @@ function useXlsxViewerController(options) {
       runMainThreadFallback();
       return;
     }
-    void getWorkerClient().parseCharts(buffer).then((result) => {
+    void getWorkerClient().parseCharts(buffer, skipXmlParsing).then((result) => {
       if (workerTimeoutHandle !== null) {
         window.clearTimeout(workerTimeoutHandle);
       }
@@ -7421,15 +7431,15 @@ function useXlsxViewerController(options) {
       }
       triggerFallback();
     });
-  }, [getWorkerClient, hasIncompleteWorkerChartSnapshot, setChartAssets, workerSupported]);
+  }, [getWorkerClient, hasIncompleteWorkerChartSnapshot, setChartAssets, skipXmlParsing, workerSupported]);
   const loadWorkbookOnMainThread = React.useCallback(async (buffer) => {
     const nextParsedWorkbook = await parseWorkbookBuffer(buffer);
-    const nextImageAssets = loadWorkbookImageAssets(new Uint8Array(buffer), nextParsedWorkbook.workbook);
+    const nextImageAssets = loadWorkbookImageAssets(new Uint8Array(buffer), nextParsedWorkbook.workbook, skipXmlParsing);
     return {
       imageAssets: nextImageAssets,
       parsedWorkbook: nextParsedWorkbook
     };
-  }, []);
+  }, [skipXmlParsing]);
   const refreshWorkbookState = React.useCallback((targetWorkbook) => {
     const nextSheets = buildSheetList(
       targetWorkbook,
@@ -7540,11 +7550,11 @@ function useXlsxViewerController(options) {
       }
       if (shouldUseWorkerForLoad) {
         try {
-          const snapshot = await getWorkerClient().loadWorkbook(buffer);
+          const snapshot = await getWorkerClient().loadWorkbook(buffer, skipXmlParsing);
           if (!isCurrent || abortController.signal.aborted) {
             return;
           }
-          if (hasIncompleteWorkerChartSnapshot(snapshot)) {
+          if (!skipXmlParsing && hasIncompleteWorkerChartSnapshot(snapshot)) {
             throw new Error("Worker chart payload incomplete");
           }
           setWorkbook(null);
@@ -7757,8 +7767,8 @@ function useXlsxViewerController(options) {
     setForcedReadOnly(shouldForceReadOnly);
     const shouldUseWorkerForLoad = workerSupported && (requestedReadOnly || shouldForceReadOnly);
     if (shouldUseWorkerForLoad) {
-      void getWorkerClient().loadWorkbook(deferredBuffer).then((snapshot) => {
-        if (hasIncompleteWorkerChartSnapshot(snapshot)) {
+      void getWorkerClient().loadWorkbook(deferredBuffer, skipXmlParsing).then((snapshot) => {
+        if (!skipXmlParsing && hasIncompleteWorkerChartSnapshot(snapshot)) {
           throw new Error("Worker chart payload incomplete");
         }
         deferredBufferRef.current = null;
@@ -7820,7 +7830,7 @@ function useXlsxViewerController(options) {
       return;
     }
     void parseWorkbookBuffer(deferredBuffer).then((nextParsedWorkbook) => {
-      const nextImageAssets = loadWorkbookImageAssets(new Uint8Array(deferredBuffer), nextParsedWorkbook.workbook);
+      const nextImageAssets = loadWorkbookImageAssets(new Uint8Array(deferredBuffer), nextParsedWorkbook.workbook, skipXmlParsing);
       deferredBufferRef.current = null;
       setDeferredLoadFileSize(null);
       setImageAssets(nextImageAssets);
@@ -18536,6 +18546,12 @@ function renderFileTooLarge(fileTooLargeState, renderProps, palette) {
   }
   return defaultNode;
 }
+function renderCustomFileTooLarge(fileTooLargeState, renderProps, palette) {
+  if (fileTooLargeState === void 0) {
+    return void 0;
+  }
+  return renderFileTooLarge(fileTooLargeState, renderProps, palette);
+}
 function renderDefaultChartLoadingCard(rect) {
   const bars = [18, 32, 24];
   const barWidth = Math.max(8, Math.min(12, Math.round(rect.width * 0.018)));
@@ -22864,7 +22880,17 @@ function XlsxViewerInner({
   toolbar
 }) {
   const palette = useViewerPalette(isDark);
-  return /* @__PURE__ */ jsx3(ViewerAppearanceContext.Provider, { value: { isDark }, children: /* @__PURE__ */ jsx3(ViewerContext.Provider, { value: controller, children: /* @__PURE__ */ jsxs3(
+  const { displayFileName, error } = controller;
+  const customFileTooLarge = error instanceof XlsxFileSizeLimitExceededError ? renderCustomFileTooLarge(
+    fileTooLargeState,
+    {
+      displayFileName,
+      fileSizeBytes: error.fileSizeBytes,
+      maxFileSizeBytes: error.maxFileSizeBytes
+    },
+    palette
+  ) : void 0;
+  return /* @__PURE__ */ jsx3(ViewerAppearanceContext.Provider, { value: { isDark }, children: /* @__PURE__ */ jsx3(ViewerContext.Provider, { value: controller, children: customFileTooLarge !== void 0 ? customFileTooLarge : /* @__PURE__ */ jsxs3(
     "div",
     {
       className: classNames("react-xlsx-viewer", className),