@extend-ai/react-xlsx 0.20.1 → 0.20.2

package/dist/{chunk-GXJO6CK6.js → chunk-GXYDJPHM.js}

@@ -1,9 +1,15 @@
 import {
   chartRenderer,
+  officeChartRenderer,
   preloadChartRenderers,
   regionMapResources,
   useChartModule
-} from "./chunk-WSQDFXDW.js";
+} from "./chunk-3LMOGW6A.js";
+import {
+  getBuiltinChartColor,
+  getBuiltinChartSurfaceStyle,
+  resolveBuiltinChartColor
+} from "./chunk-VWGKYABF.js";
 import {
   $,
   A,
@@ -15,19 +21,16 @@ import {
   _,
   bn,
   d,
-  getBuiltinChartColor,
-  getBuiltinChartSurfaceStyle,
   h,
   k2 as k,
   nn,
   pn,
   q,
-  resolveBuiltinChartColor,
   u,
   w,
   x,
   y
-} from "./chunk-NBH72POD.js";
+} from "./chunk-PUI6QI4U.js";
 
 // src/range-reference.ts
 var XLSX_MAX_ROWS = 1048576;
@@ -1849,6 +1852,21 @@ function applyChartStyleFromXml(chart, chartPath, archive, themePalette) {
       chart.axes = [...chart.axes, seriesAxis];
     }
   }
+  const kind = chartTypeNode.localName === "lineChart" && chart.chartType === "Line" ? "line" : chartTypeNode.localName === "barChart" && chart.chartType === "ColumnClustered" ? "bar" : null;
+  const groupCount = Array.from(plotArea.children).filter((entry) => entry.localName.endsWith("Chart")).length;
+  if (kind && groupCount === 1 && !chart.is3d && !plotArea.querySelector("trendline, errBars, dropLines, hiLowLines, upDownBars, dateAx, multiLvlStrRef, pictureOptions") && getLocalChildren(chartTypeNode, "ser").length === chart.series.length) {
+    chart.renderSource = {
+      kind,
+      xml: chartXml,
+      themeColors: themePalette ? Object.fromEntries(Object.entries(THEME_COLOR_INDEX_BY_NAME).flatMap(([key, index]) => {
+        const color = themePalette.colorsByIndex[index];
+        return color ? [[key, color]] : [];
+      })) : void 0,
+      themeOverrideXml: readArchiveText(archive, relationships.get("http://schemas.openxmlformats.org/officeDocument/2006/relationships/themeOverride")) ?? void 0,
+      styleXml: readArchiveText(archive, relationships.get(CHART_STYLE_REL_TYPE)) ?? void 0,
+      colorStyleXml: readArchiveText(archive, relationships.get(CHART_COLOR_STYLE_REL_TYPE)) ?? void 0
+    };
+  }
   applyChartSeriesStyleFromXml(chart, chartTypeNode, themePalette);
   applyFallbackSeriesStyles();
   applyBuiltinChartDefaults(chart, themePalette);
@@ -10579,7 +10597,11 @@ function useXlsxViewerController(options) {
     if (imageAssetsRef.current && hydratedChartAssets) {
       updateWorkbookChartDefinition(imageAssetsRef.current, hydratedChartAssets, id, patch);
     }
-    setChartsByWorkbookSheetIndex((current) => current.map((sheetCharts) => sheetCharts.map((chart) => chart.id === id ? { ...chart, ...patch } : chart)));
+    setChartsByWorkbookSheetIndex((current) => current.map((sheetCharts) => sheetCharts.map((chart) => {
+      if (chart.id !== id) return chart;
+      const appearanceUnchanged = Object.keys(patch).every((key) => key === "anchor" || key === "title");
+      return { ...chart, renderSource: appearanceUnchanged ? chart.renderSource : void 0, ...patch };
+    })));
     setRevision((current) => current + 1);
   }, [ensureChartAssetsHydrated, getChartById, readOnly, recordHistoryBeforeMutation, sheets, workbook]);
   const setChartSeriesFormula = q((chartId, seriesIndex, formula) => {
@@ -10594,7 +10616,7 @@ function useXlsxViewerController(options) {
     if (!nextChart) {
       return false;
     }
-    updateChart(chartId, { series: nextChart.series });
+    updateChart(chartId, { series: nextChart.series, renderSource: chart.renderSource });
     const selectedSeries = nextChart.series[seriesIndex];
     if (selectedSeries) {
       setSelectedChartElement((current) => current && current.chartId === chartId && current.kind !== "chart" ? {
@@ -13542,13 +13564,19 @@ function MapChartSvg({ renderer, loadingFallback, ...props }) {
   const resources = useChartModule(regionMapResources);
   return resources ? /* @__PURE__ */ u(renderer.MemoChartSvg, { ...props }) : /* @__PURE__ */ u(S, { children: loadingFallback("map") });
 }
-function ChartSvg({ loadingFallback, ...props }) {
+function LegacyChartSvg({ loadingFallback, ...props }) {
   const renderer = useChartModule(chartRenderer);
   if (!renderer) return /* @__PURE__ */ u(S, { children: loadingFallback("renderer") });
   return props.chart.chartType === "RegionMap" ? /* @__PURE__ */ u(MapChartSvg, { ...props, renderer, loadingFallback }) : /* @__PURE__ */ u(renderer.MemoChartSvg, { ...props });
 }
+function SharedChart(props) {
+  const module = useChartModule(officeChartRenderer);
+  if (!module) return /* @__PURE__ */ u(S, { children: props.loadingFallback("renderer") });
+  const fallback = /* @__PURE__ */ u(LegacyChartSvg, { ...props });
+  return module.renderer ? /* @__PURE__ */ u(module.SharedChartSvg, { ...props, renderer: module.renderer, fallback }) : fallback;
+}
 function MemoChartSvg(props) {
-  return /* @__PURE__ */ u(ChartLoadBoundary, { children: /* @__PURE__ */ u(ChartSvg, { ...props }) }, props.chart.id);
+  return /* @__PURE__ */ u(ChartLoadBoundary, { children: props.chart.renderSource ? /* @__PURE__ */ u(SharedChart, { ...props, source: props.chart.renderSource }) : /* @__PURE__ */ u(LegacyChartSvg, { ...props }) }, props.chart.id);
 }
 
 // src/XlsxViewer.tsx
@@ -18793,8 +18821,8 @@ function XlsxGrid({
     zoomScale
   } = controller;
   h(() => {
-    if (showImages) preloadChartRenderers([charts]);
-  }, [charts, showImages]);
+    if (showImages && !isChartsLoading) preloadChartRenderers([charts]);
+  }, [charts, isChartsLoading, showImages]);
   const formControlItemsById = T(() => new Map(
     formControls.flatMap((control) => control.controlIndex !== void 0 && (control.kind === "dropdown" || control.kind === "listbox") ? [[control.id, getFormControlItems(control.controlIndex, control.sheetIndex)]] : [])
   ), [formControls, getFormControlItems]);
@@ -27069,4 +27097,4 @@ export {
   __createContentNode,
   __createContentRoot
 };
-//# sourceMappingURL=chunk-GXJO6CK6.js.map
+//# sourceMappingURL=chunk-GXYDJPHM.js.map