@extend-ai/react-xlsx 0.20.1 → 0.20.3

package/dist/index.d.cts

@@ -814,7 +814,17 @@ interface XlsxChartWall {
     lineColor?: string;
     thickness?: number;
 }
+interface XlsxChartRenderSource {
+    kind: "bar" | "line";
+    xml: string;
+    themeColors?: Record<string, string>;
+    themeOverrideXml?: string;
+    styleXml?: string;
+    colorStyleXml?: string;
+}
 interface XlsxChart {
+    /** Original chart appearance used with the current workbook values during rendering. */
+    renderSource?: XlsxChartRenderSource;
     anchor: XlsxImageAnchor;
     autoTitleDeleted?: boolean;
     axes: XlsxChartAxis[];

package/dist/index.d.ts

@@ -814,7 +814,17 @@ interface XlsxChartWall {
     lineColor?: string;
     thickness?: number;
 }
+interface XlsxChartRenderSource {
+    kind: "bar" | "line";
+    xml: string;
+    themeColors?: Record<string, string>;
+    themeOverrideXml?: string;
+    styleXml?: string;
+    colorStyleXml?: string;
+}
 interface XlsxChart {
+    /** Original chart appearance used with the current workbook values during rendering. */
+    renderSource?: XlsxChartRenderSource;
     anchor: XlsxImageAnchor;
     autoTitleDeleted?: boolean;
     axes: XlsxChartAxis[];

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./chunk-3JTCYAUX.js";
+import "./chunk-HKMFMIKE.js";
 import {
   getBuiltinChartColor,
   getBuiltinChartSurfaceStyle,
@@ -1629,6 +1629,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);
@@ -10427,7 +10442,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 = React.useCallback((chartId, seriesIndex, formula) => {
@@ -10442,7 +10461,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" ? {