@rowsncolumns/charts 27.0.30

package/dist/esm/interface/create-chart.js

@@ -0,0 +1,126 @@
+import { isNumber, selectionBoundsFromCells, uuid } from "@rowsncolumns/utils";
+import { enablePatches, produceWithPatches } from "immer";
+import { isBasicChartSpec, getDefaultChartTypeSpec, } from "../utils/chart-spec-utils";
+// For external interface
+enablePatches();
+/**
+ * Ensures endIndex is at least minValue.
+ */
+export const ensureValidEndIndex = (endIndex, minValue) => (typeof endIndex === "number" ? Math.max(endIndex, minValue) : minValue);
+export const createChart = ({ onChangeCharts, getFormattedValue, getEffectiveValue, createHistory, idCreationStrategy, }) => {
+    return (sheetId, activeCell, selections, chartSpec) => {
+        const saveHistory = createHistory();
+        const lastSelection = selections.length
+            ? selections[selections.length - 1]
+            : { range: selectionBoundsFromCells(activeCell) };
+        // Use the first column (beneath the header) as the category/domain axis.
+        const categoryAxis = [
+            {
+                ...lastSelection.range,
+                startRowIndex: lastSelection.range.startRowIndex + 1,
+                endRowIndex: ensureValidEndIndex(lastSelection.range.endRowIndex, lastSelection.range.startRowIndex + 1),
+                endColumnIndex: lastSelection.range.startColumnIndex,
+                sheetId,
+            },
+        ];
+        const len = lastSelection.range.endColumnIndex - lastSelection.range.startColumnIndex;
+        // Build one series per numeric column after the category column.
+        const chartData = len === 0
+            ? [
+                {
+                    dataLabel: getFormattedValue(sheetId, lastSelection.range.startRowIndex, lastSelection.range.startColumnIndex) ?? "",
+                    sources: categoryAxis,
+                    aggregateType: "COUNT",
+                },
+            ]
+            : Array.from({ length: len })
+                .map((_, index) => {
+                const columnIndex = lastSelection.range.startColumnIndex +
+                    index +
+                    categoryAxis.length;
+                const dataLabel = getFormattedValue(sheetId, lastSelection.range.startRowIndex, columnIndex);
+                const dataStartRowIndex = lastSelection.range.startRowIndex + 1;
+                const dataStartColumnIndex = columnIndex;
+                const firstEffectiveValue = getEffectiveValue(sheetId, dataStartRowIndex, dataStartColumnIndex);
+                const isNumberOrEmpty = +isNumber(firstEffectiveValue) ||
+                    firstEffectiveValue === undefined;
+                if (!isNumberOrEmpty) {
+                    return null;
+                }
+                return {
+                    dataLabel,
+                    sources: [
+                        {
+                            ...lastSelection.range,
+                            startRowIndex: dataStartRowIndex,
+                            endRowIndex: ensureValidEndIndex(lastSelection.range.endRowIndex, dataStartRowIndex),
+                            startColumnIndex: columnIndex,
+                            endColumnIndex: columnIndex,
+                            sheetId,
+                        },
+                    ],
+                };
+            })
+                .filter(Boolean);
+        const chartTypeConfig = len === 0
+            ? getDefaultChartTypeSpec("pie")
+            : getDefaultChartTypeSpec("line");
+        const baseSpec = {
+            ...chartTypeConfig,
+            dataRange: {
+                ...lastSelection.range,
+                sheetId,
+            },
+            domains: [
+                {
+                    sources: categoryAxis,
+                },
+            ],
+            series: chartData,
+        };
+        const finalChartSpec = chartSpec ?? {
+            chartId: idCreationStrategy?.("chart") ?? uuid(),
+            position: {
+                overlayPosition: {
+                    heightPixels: 300,
+                    offsetXPixels: 0,
+                    offsetYPixels: 0,
+                    widthPixels: 400,
+                    anchorCell: activeCell,
+                },
+                sheetId,
+            },
+            spec: baseSpec,
+        };
+        // When users supply their own chart spec (via editor/API) and only add a single
+        // domain + single series, match Google Sheets by defaulting to a pie chart.
+        const hasExplicitChartType = !!chartSpec?.spec?.chartType;
+        if (!hasExplicitChartType &&
+            isBasicChartSpec(finalChartSpec.spec) &&
+            finalChartSpec.spec.domains.length === 1 &&
+            finalChartSpec.spec.series.length === 1) {
+            finalChartSpec.spec = {
+                ...finalChartSpec.spec,
+                ...getDefaultChartTypeSpec("pie"),
+            };
+        }
+        // Update charts
+        onChangeCharts?.((prevCharts) => {
+            const [nextState, patches, inversePatches] = produceWithPatches(prevCharts, (draft) => {
+                // Validate id
+                if (chartSpec) {
+                    const exists = draft.find((c) => c.chartId === chartSpec.chartId);
+                    if (exists) {
+                        chartSpec.chartId = uuid();
+                    }
+                }
+                draft.push(finalChartSpec);
+            });
+            saveHistory({
+                charts: { patches, inversePatches },
+            });
+            return nextState;
+        });
+        return finalChartSpec;
+    };
+};

package/dist/esm/interface/delete-chart.d.ts

@@ -0,0 +1,4 @@
+import { type CellData } from "@rowsncolumns/spreadsheet";
+import type { UseOnDeleteChartProps } from "../hooks/use-on-delete-chart";
+export declare const deleteChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnDeleteChartProps<T>) => (chartId: string | number) => void;
+//# sourceMappingURL=delete-chart.d.ts.map

package/dist/esm/interface/delete-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-chart.d.ts","sourceRoot":"","sources":["../../../interface/delete-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MACjB,SAAS,MAAM,GAAG,MAAM,SAsBjC,CAAC"}

package/dist/esm/interface/delete-chart.js

@@ -0,0 +1,20 @@
+import { enablePatches, produceWithPatches } from "immer";
+// For external interface
+enablePatches();
+export const deleteChart = ({ onChangeCharts, createHistory, }) => {
+    return (chartId) => {
+        const saveHistory = createHistory();
+        onChangeCharts?.((prevCharts) => {
+            const [nextState, patches, inversePatches] = produceWithPatches(prevCharts, (draft) => {
+                const chartIndex = draft.findIndex((chart) => chart.chartId === chartId);
+                if (chartIndex !== -1) {
+                    draft.splice(chartIndex, 1);
+                }
+            });
+            saveHistory({
+                charts: { patches, inversePatches },
+            });
+            return nextState;
+        });
+    };
+};

package/dist/esm/interface/move-chart.d.ts

@@ -0,0 +1,5 @@
+import type { CellInterface } from "@rowsncolumns/grid";
+import { type CellData } from "@rowsncolumns/spreadsheet";
+import type { UseOnMoveChartProps } from "../hooks/use-on-move-chart";
+export declare const moveChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnMoveChartProps<T>) => (chartId: string | number, anchorCell: CellInterface, offsetXPixels: number, offsetYPixels: number) => void;
+//# sourceMappingURL=move-chart.d.ts.map

package/dist/esm/interface/move-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-chart.d.ts","sourceRoot":"","sources":["../../../interface/move-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG3C,mBAAmB,CAAC,CAAC,CAAC,MAErB,SAAS,MAAM,GAAG,MAAM,EACxB,YAAY,aAAa,EACzB,eAAe,MAAM,EACrB,eAAe,MAAM,SAuBxB,CAAC"}

package/dist/esm/interface/move-chart.js

@@ -0,0 +1,22 @@
+import { enablePatches, produceWithPatches } from "immer";
+// For external interface
+enablePatches();
+export const moveChart = ({ onChangeCharts, createHistory, }) => {
+    return (chartId, anchorCell, offsetXPixels, offsetYPixels) => {
+        const saveHistory = createHistory();
+        onChangeCharts?.((prevCharts) => {
+            const [nextState, patches, inversePatches] = produceWithPatches(prevCharts, (draft) => {
+                const chart = draft.find((chart) => chart.chartId === chartId);
+                if (chart) {
+                    chart.position.overlayPosition.anchorCell = anchorCell;
+                    chart.position.overlayPosition.offsetXPixels = offsetXPixels;
+                    chart.position.overlayPosition.offsetYPixels = offsetYPixels;
+                }
+            });
+            saveHistory({
+                charts: { patches, inversePatches },
+            });
+            return nextState;
+        });
+    };
+};

package/dist/esm/interface/resize-chart.d.ts

@@ -0,0 +1,5 @@
+import type { CellInterface } from "@rowsncolumns/grid";
+import { type CellData } from "@rowsncolumns/spreadsheet";
+import type { UseOnResizeChartProps } from "../hooks/use-on-resize-chart";
+export declare const resizeChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnResizeChartProps<T>) => (chartId: string | number, anchorCell: CellInterface, offsetXPixels: number, offsetYPixels: number, width: number, height: number) => void;
+//# sourceMappingURL=resize-chart.d.ts.map

package/dist/esm/interface/resize-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-chart.d.ts","sourceRoot":"","sources":["../../../interface/resize-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MAEvB,SAAS,MAAM,GAAG,MAAM,EACxB,YAAY,aAAa,EACzB,eAAe,MAAM,EACrB,eAAe,MAAM,EACrB,OAAO,MAAM,EACb,QAAQ,MAAM,SAyBjB,CAAC"}

package/dist/esm/interface/resize-chart.js

@@ -0,0 +1,24 @@
+import { enablePatches, produceWithPatches } from "immer";
+// For external interface
+enablePatches();
+export const resizeChart = ({ onChangeCharts, createHistory, }) => {
+    return (chartId, anchorCell, offsetXPixels, offsetYPixels, width, height) => {
+        const saveHistory = createHistory();
+        onChangeCharts?.((prevCharts) => {
+            const [nextState, patches, inversePatches] = produceWithPatches(prevCharts, (draft) => {
+                const chart = draft.find((chart) => chart.chartId === chartId);
+                if (chart) {
+                    chart.position.overlayPosition.anchorCell = anchorCell;
+                    chart.position.overlayPosition.offsetXPixels = offsetXPixels;
+                    chart.position.overlayPosition.offsetYPixels = offsetYPixels;
+                    chart.position.overlayPosition.widthPixels = width;
+                    chart.position.overlayPosition.heightPixels = height;
+                }
+            });
+            saveHistory({
+                charts: { patches, inversePatches },
+            });
+            return nextState;
+        });
+    };
+};

package/dist/esm/interface/update-chart.d.ts

@@ -0,0 +1,4 @@
+import { type CellData, type EmbeddedChart } from "@rowsncolumns/spreadsheet";
+import type { UseOnUpdateChartProps } from "../hooks/use-on-update-chart";
+export declare const updateChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnUpdateChartProps<T>) => (chart: Partial<EmbeddedChart>) => void;
+//# sourceMappingURL=update-chart.d.ts.map

package/dist/esm/interface/update-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-chart.d.ts","sourceRoot":"","sources":["../../../interface/update-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM1E,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAG7C,qBAAqB,CAAC,CAAC,CAAC,MACjB,OAAO,OAAO,CAAC,aAAa,CAAC,SA2BtC,CAAC"}

package/dist/esm/interface/update-chart.js

@@ -0,0 +1,26 @@
+import { enablePatches, produceWithPatches } from "immer";
+import { mergeChartSpec } from "../utils/chart-spec-utils";
+// For external interface
+enablePatches();
+export const updateChart = ({ onChangeCharts, createHistory, }) => {
+    return (chart) => {
+        const saveHistory = createHistory();
+        onChangeCharts?.((prevCharts) => {
+            const [nextState, patches, inversePatches] = produceWithPatches(prevCharts, (draft) => {
+                const chartIdx = draft.findIndex((cur) => cur.chartId === chart.chartId);
+                if (chartIdx !== -1) {
+                    const existingChart = draft[chartIdx];
+                    draft[chartIdx] = {
+                        ...existingChart,
+                        ...chart,
+                        spec: mergeChartSpec(existingChart.spec, chart.spec ?? {}),
+                    };
+                }
+            });
+            saveHistory({
+                charts: { patches, inversePatches },
+            });
+            return nextState;
+        });
+    };
+};

package/dist/esm/plotly/basic-chart/basic-chart.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { EChartComponentProps } from "../../types";
+export type BasicChartProps = EChartComponentProps;
+export declare const BasicChart: ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, onDeleteChart, onRequestEdit, onRequestCalculate, isSelected, }: BasicChartProps) => React.JSX.Element;
+//# sourceMappingURL=basic-chart.d.ts.map

package/dist/esm/plotly/basic-chart/basic-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-chart.d.ts","sourceRoot":"","sources":["../../../../plotly/basic-chart/basic-chart.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAyRxD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC;AA+DnD,eAAO,MAAM,UAAU,GAAI,mLAcxB,eAAe,sBA+tDjB,CAAC"}