@rowsncolumns/charts 27.0.30

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

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createChart = exports.ensureValidEndIndex = void 0;
+var tslib_1 = require("tslib");
+var utils_1 = require("@rowsncolumns/utils");
+var immer_1 = require("immer");
+var chart_spec_utils_1 = require("../utils/chart-spec-utils");
+// For external interface
+(0, immer_1.enablePatches)();
+/**
+ * Ensures endIndex is at least minValue.
+ */
+var ensureValidEndIndex = function (endIndex, minValue) { return (typeof endIndex === "number" ? Math.max(endIndex, minValue) : minValue); };
+exports.ensureValidEndIndex = ensureValidEndIndex;
+var createChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, getFormattedValue = _a.getFormattedValue, getEffectiveValue = _a.getEffectiveValue, createHistory = _a.createHistory, idCreationStrategy = _a.idCreationStrategy;
+    return function (sheetId, activeCell, selections, chartSpec) {
+        var _a, _b, _c;
+        var saveHistory = createHistory();
+        var lastSelection = selections.length
+            ? selections[selections.length - 1]
+            : { range: (0, utils_1.selectionBoundsFromCells)(activeCell) };
+        // Use the first column (beneath the header) as the category/domain axis.
+        var categoryAxis = [
+            tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { startRowIndex: lastSelection.range.startRowIndex + 1, endRowIndex: (0, exports.ensureValidEndIndex)(lastSelection.range.endRowIndex, lastSelection.range.startRowIndex + 1), endColumnIndex: lastSelection.range.startColumnIndex, sheetId: sheetId }),
+        ];
+        var len = lastSelection.range.endColumnIndex - lastSelection.range.startColumnIndex;
+        // Build one series per numeric column after the category column.
+        var chartData = len === 0
+            ? [
+                {
+                    dataLabel: (_a = getFormattedValue(sheetId, lastSelection.range.startRowIndex, lastSelection.range.startColumnIndex)) !== null && _a !== void 0 ? _a : "",
+                    sources: categoryAxis,
+                    aggregateType: "COUNT",
+                },
+            ]
+            : Array.from({ length: len })
+                .map(function (_, index) {
+                var columnIndex = lastSelection.range.startColumnIndex +
+                    index +
+                    categoryAxis.length;
+                var dataLabel = getFormattedValue(sheetId, lastSelection.range.startRowIndex, columnIndex);
+                var dataStartRowIndex = lastSelection.range.startRowIndex + 1;
+                var dataStartColumnIndex = columnIndex;
+                var firstEffectiveValue = getEffectiveValue(sheetId, dataStartRowIndex, dataStartColumnIndex);
+                var isNumberOrEmpty = +(0, utils_1.isNumber)(firstEffectiveValue) ||
+                    firstEffectiveValue === undefined;
+                if (!isNumberOrEmpty) {
+                    return null;
+                }
+                return {
+                    dataLabel: dataLabel,
+                    sources: [
+                        tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { startRowIndex: dataStartRowIndex, endRowIndex: (0, exports.ensureValidEndIndex)(lastSelection.range.endRowIndex, dataStartRowIndex), startColumnIndex: columnIndex, endColumnIndex: columnIndex, sheetId: sheetId }),
+                    ],
+                };
+            })
+                .filter(Boolean);
+        var chartTypeConfig = len === 0
+            ? (0, chart_spec_utils_1.getDefaultChartTypeSpec)("pie")
+            : (0, chart_spec_utils_1.getDefaultChartTypeSpec)("line");
+        var baseSpec = tslib_1.__assign(tslib_1.__assign({}, chartTypeConfig), { dataRange: tslib_1.__assign(tslib_1.__assign({}, lastSelection.range), { sheetId: sheetId }), domains: [
+                {
+                    sources: categoryAxis,
+                },
+            ], series: chartData });
+        var finalChartSpec = chartSpec !== null && chartSpec !== void 0 ? chartSpec : {
+            chartId: (_b = idCreationStrategy === null || idCreationStrategy === void 0 ? void 0 : idCreationStrategy("chart")) !== null && _b !== void 0 ? _b : (0, utils_1.uuid)(),
+            position: {
+                overlayPosition: {
+                    heightPixels: 300,
+                    offsetXPixels: 0,
+                    offsetYPixels: 0,
+                    widthPixels: 400,
+                    anchorCell: activeCell,
+                },
+                sheetId: 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.
+        var hasExplicitChartType = !!((_c = chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.spec) === null || _c === void 0 ? void 0 : _c.chartType);
+        if (!hasExplicitChartType &&
+            (0, chart_spec_utils_1.isBasicChartSpec)(finalChartSpec.spec) &&
+            finalChartSpec.spec.domains.length === 1 &&
+            finalChartSpec.spec.series.length === 1) {
+            finalChartSpec.spec = tslib_1.__assign(tslib_1.__assign({}, finalChartSpec.spec), (0, chart_spec_utils_1.getDefaultChartTypeSpec)("pie"));
+        }
+        // Update charts
+        onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
+                // Validate id
+                if (chartSpec) {
+                    var exists = draft.find(function (c) { return c.chartId === chartSpec.chartId; });
+                    if (exists) {
+                        chartSpec.chartId = (0, utils_1.uuid)();
+                    }
+                }
+                draft.push(finalChartSpec);
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            saveHistory({
+                charts: { patches: patches, inversePatches: inversePatches },
+            });
+            return nextState;
+        });
+        return finalChartSpec;
+    };
+};
+exports.createChart = createChart;

package/dist/cjs/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/cjs/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/cjs/interface/delete-chart.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteChart = void 0;
+var tslib_1 = require("tslib");
+var immer_1 = require("immer");
+// For external interface
+(0, immer_1.enablePatches)();
+var deleteChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return function (chartId) {
+        var saveHistory = createHistory();
+        onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
+                var chartIndex = draft.findIndex(function (chart) { return chart.chartId === chartId; });
+                if (chartIndex !== -1) {
+                    draft.splice(chartIndex, 1);
+                }
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            saveHistory({
+                charts: { patches: patches, inversePatches: inversePatches },
+            });
+            return nextState;
+        });
+    };
+};
+exports.deleteChart = deleteChart;

package/dist/cjs/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/cjs/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/cjs/interface/move-chart.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveChart = void 0;
+var tslib_1 = require("tslib");
+var immer_1 = require("immer");
+// For external interface
+(0, immer_1.enablePatches)();
+var moveChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return function (chartId, anchorCell, offsetXPixels, offsetYPixels) {
+        var saveHistory = createHistory();
+        onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
+                var chart = draft.find(function (chart) { return chart.chartId === chartId; });
+                if (chart) {
+                    chart.position.overlayPosition.anchorCell = anchorCell;
+                    chart.position.overlayPosition.offsetXPixels = offsetXPixels;
+                    chart.position.overlayPosition.offsetYPixels = offsetYPixels;
+                }
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            saveHistory({
+                charts: { patches: patches, inversePatches: inversePatches },
+            });
+            return nextState;
+        });
+    };
+};
+exports.moveChart = moveChart;

package/dist/cjs/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/cjs/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/cjs/interface/resize-chart.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizeChart = void 0;
+var tslib_1 = require("tslib");
+var immer_1 = require("immer");
+// For external interface
+(0, immer_1.enablePatches)();
+var resizeChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return function (chartId, anchorCell, offsetXPixels, offsetYPixels, width, height) {
+        var saveHistory = createHistory();
+        onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
+                var chart = draft.find(function (chart) { return 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;
+                }
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            saveHistory({
+                charts: { patches: patches, inversePatches: inversePatches },
+            });
+            return nextState;
+        });
+    };
+};
+exports.resizeChart = resizeChart;

package/dist/cjs/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/cjs/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/cjs/interface/update-chart.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateChart = void 0;
+var tslib_1 = require("tslib");
+var immer_1 = require("immer");
+var chart_spec_utils_1 = require("../utils/chart-spec-utils");
+// For external interface
+(0, immer_1.enablePatches)();
+var updateChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return function (chart) {
+        var saveHistory = createHistory();
+        onChangeCharts === null || onChangeCharts === void 0 ? void 0 : onChangeCharts(function (prevCharts) {
+            var _a = tslib_1.__read((0, immer_1.produceWithPatches)(prevCharts, function (draft) {
+                var _a;
+                var chartIdx = draft.findIndex(function (cur) { return cur.chartId === chart.chartId; });
+                if (chartIdx !== -1) {
+                    var existingChart = draft[chartIdx];
+                    draft[chartIdx] = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, existingChart), chart), { spec: (0, chart_spec_utils_1.mergeChartSpec)(existingChart.spec, (_a = chart.spec) !== null && _a !== void 0 ? _a : {}) });
+                }
+            }), 3), nextState = _a[0], patches = _a[1], inversePatches = _a[2];
+            saveHistory({
+                charts: { patches: patches, inversePatches: inversePatches },
+            });
+            return nextState;
+        });
+    };
+};
+exports.updateChart = updateChart;

package/dist/cjs/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/cjs/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"}