@rowsncolumns/charts 27.0.30

package/dist/cjs/components/editors/chart-range-input.d.ts

@@ -0,0 +1,17 @@
+import type { SheetRange } from "@rowsncolumns/spreadsheet";
+import React from "react";
+type ChartRangeInputProps = {
+    sheetId: number;
+    range?: SheetRange;
+    onChangeRange(range: SheetRange): void;
+    required?: boolean;
+    placeholder?: string;
+    className?: string;
+};
+/**
+ * Formula range input that keeps the raw text the user is typing in
+ * local state and only forwards complete, valid ranges to the caller.
+ */
+export declare const ChartRangeInput: ({ sheetId, range, onChangeRange, required, placeholder, className, }: ChartRangeInputProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=chart-range-input.d.ts.map

package/dist/cjs/components/editors/chart-range-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-range-input.d.ts","sourceRoot":"","sources":["../../../../components/editors/chart-range-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,sEAO7B,oBAAoB,sBAWtB,CAAC"}

package/dist/cjs/components/editors/chart-range-input.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartRangeInput = void 0;
+var tslib_1 = require("tslib");
+var spreadsheet_1 = require("@rowsncolumns/spreadsheet");
+var react_1 = tslib_1.__importDefault(require("react"));
+/**
+ * Formula range input that keeps the raw text the user is typing in
+ * local state and only forwards complete, valid ranges to the caller.
+ */
+var ChartRangeInput = function (_a) {
+    var sheetId = _a.sheetId, range = _a.range, onChangeRange = _a.onChangeRange, required = _a.required, placeholder = _a.placeholder, className = _a.className;
+    var formulaInput = (0, spreadsheet_1.useFormulaInputState)(sheetId, range);
+    return (react_1.default.createElement(spreadsheet_1.FormulaInput, { value: formulaInput.value, onChange: function (value) { return formulaInput.onChange(value, onChangeRange); }, required: required, placeholder: placeholder, className: className }));
+};
+exports.ChartRangeInput = ChartRangeInput;

package/dist/cjs/config.d.ts

@@ -0,0 +1,19 @@
+import type { ChartSpec } from "@rowsncolumns/spreadsheet";
+export declare const CHART_TYPES: Array<[string, Array<[string, Partial<ChartSpec>]>]>;
+/**
+ * True when a spec is doughnut-shaped: the first-class
+ * `chartType: "doughnut"` token, or the two legacy pie encodings —
+ * `doughnutHoleSize` on a pie (SDK-authored), or a pie with a nonzero
+ * inner radius (the old picker preset wrote
+ * `{ chartType: "pie", radius: ["40%", "70%"] }`).
+ */
+export declare const isDoughnutSpec: (spec: Partial<ChartSpec>) => boolean;
+/**
+ * Derive the picker label for an existing spec — the inverse of the
+ * CHART_TYPES presets. Purely read-only: opening a chart in the editor
+ * uses this for display and never rewrites the spec, so SDK-authored
+ * specs (doughnutHoleSize, PERCENT_STACKED, …) round-trip unchanged.
+ * Falls back to the capitalized chartType when no preset matches.
+ */
+export declare const getChartPresetLabel: (spec: Partial<ChartSpec>) => string;
+//# sourceMappingURL=config.d.ts.map

package/dist/cjs/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA8F3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAa1E,CAAC;AAYJ;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,OAQzD,CAAC;AAcF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,MAmB9D,CAAC"}

package/dist/cjs/config.js

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChartPresetLabel = exports.isDoughnutSpec = exports.CHART_TYPES = void 0;
+var tslib_1 = require("tslib");
+var LINE_CHART_TYPES = [
+    ["Line", { chartType: "line", smooth: false }],
+    [
+        "Stacked line",
+        { chartType: "line", smooth: false, stackedType: "STACKED" },
+    ],
+    ["Smooth line", { chartType: "line", smooth: true }],
+];
+var COLUMN_CHART_TYPES = [
+    ["Clustered Column", { chartType: "column", stackedType: "UNSTACKED" }],
+    ["Stacked column", { chartType: "column", stackedType: "STACKED" }],
+    [
+        "100% stacked column",
+        { chartType: "column", stackedType: "PERCENT_STACKED" },
+    ],
+];
+var BAR_CHART_TYPES = [
+    ["Clustered Bar", { chartType: "bar", stackedType: "UNSTACKED" }],
+    ["Stacked Bar", { chartType: "bar", stackedType: "STACKED" }],
+    ["100% stacked Bar", { chartType: "bar", stackedType: "PERCENT_STACKED" }],
+];
+var PIE_CHART_TYPES = [
+    [
+        "2D Pie",
+        { chartType: "pie", stackedType: "UNSTACKED", radius: [0, "75%"] },
+    ],
+    // A first-class doughnut token. The hole is controlled by
+    // spec.doughnutHoleSize (0-1 fraction, renderer default 0.5) via the
+    // editor's "Chart options" section; the preset deliberately omits it
+    // so re-picking "Doughnut" never clobbers an authored hole size.
+    ["Doughnut", { chartType: "doughnut", stackedType: "UNSTACKED" }],
+];
+var BUBBLE_CHART_TYPES = [
+    [
+        "Bubble",
+        {
+            chartType: "bubble",
+            bubbleLabels: [{ sources: [] }],
+            // domains: [{ sources: [] }],
+            // series: [{ sources: [] }],
+            useFirstRowAsHeaders: true,
+        },
+    ],
+    [
+        "Scatter",
+        {
+            chartType: "scatter",
+            bubbleLabels: [{ sources: [] }],
+            // domains: [{ sources: [] }],
+            // series: [{ sources: [] }],
+            useFirstRowAsHeaders: true,
+        },
+    ],
+];
+var HIERARCHY_CHART_TYPES = [
+    ["Treemap", { chartType: "treemap", useFirstRowAsHeaders: true }],
+    ["Sunburst", { chartType: "sunburst", useFirstRowAsHeaders: true }],
+];
+var STATISTICAL_CHART_TYPES = [
+    ["Histogram", { chartType: "histogram" }],
+    ["Box & Whisker", { chartType: "boxplot" }],
+];
+var FLOW_CHART_TYPES = [
+    ["Waterfall", { chartType: "waterfall" }],
+    ["Funnel", { chartType: "funnel" }],
+];
+var COMBO_CHART_TYPES = [
+    ["Combo (mixed series)", { chartType: "combo" }],
+];
+var RADAR_CHART_TYPES = [
+    ["Radar", { chartType: "radar", radarStyle: "standard" }],
+    ["Radar with markers", { chartType: "radar", radarStyle: "marker" }],
+    ["Filled radar", { chartType: "radar", radarStyle: "filled" }],
+];
+var STOCK_CHART_TYPES = [
+    ["Stock (HLC)", { chartType: "stock", stockVariant: "HLC" }],
+    ["Stock (OHLC)", { chartType: "stock", stockVariant: "OHLC" }],
+];
+exports.CHART_TYPES = [
+    ["Bar", BAR_CHART_TYPES],
+    ["Column", COLUMN_CHART_TYPES],
+    ["Line", LINE_CHART_TYPES],
+    ["Pie", PIE_CHART_TYPES],
+    ["Scatter & Bubble", BUBBLE_CHART_TYPES],
+    ["Hierarchy", HIERARCHY_CHART_TYPES],
+    ["Statistical", STATISTICAL_CHART_TYPES],
+    ["Flow", FLOW_CHART_TYPES],
+    ["Radar", RADAR_CHART_TYPES],
+    ["Stock", STOCK_CHART_TYPES],
+    ["Combo", COMBO_CHART_TYPES],
+];
+/** Parse a radius entry ("40%" | 40 | 0) into a number, NaN-safe. */
+var parseRadiusValue = function (value) {
+    if (typeof value === "number")
+        return value;
+    if (typeof value === "string") {
+        var parsed = Number.parseFloat(value);
+        return Number.isFinite(parsed) ? parsed : 0;
+    }
+    return 0;
+};
+/**
+ * True when a spec is doughnut-shaped: the first-class
+ * `chartType: "doughnut"` token, or the two legacy pie encodings —
+ * `doughnutHoleSize` on a pie (SDK-authored), or a pie with a nonzero
+ * inner radius (the old picker preset wrote
+ * `{ chartType: "pie", radius: ["40%", "70%"] }`).
+ */
+var isDoughnutSpec = function (spec) {
+    var loose = spec;
+    if (loose.chartType === "doughnut")
+        return true;
+    if (loose.chartType !== "pie")
+        return false;
+    var holeSize = loose.doughnutHoleSize;
+    if (typeof holeSize === "number" && holeSize > 0)
+        return true;
+    var radius = loose.radius;
+    return Array.isArray(radius) && parseRadiusValue(radius[0]) > 0;
+};
+exports.isDoughnutSpec = isDoughnutSpec;
+/**
+ * Fields that distinguish presets sharing a chartType, with the value
+ * an absent field is equivalent to (e.g. no stackedType renders
+ * unstacked, so `{ chartType: "column" }` is "Clustered Column").
+ */
+var PRESET_DISCRIMINATORS = [
+    ["stackedType", "UNSTACKED"],
+    ["smooth", false],
+    ["radarStyle", "standard"],
+    ["stockVariant", "HLC"],
+];
+/**
+ * Derive the picker label for an existing spec — the inverse of the
+ * CHART_TYPES presets. Purely read-only: opening a chart in the editor
+ * uses this for display and never rewrites the spec, so SDK-authored
+ * specs (doughnutHoleSize, PERCENT_STACKED, …) round-trip unchanged.
+ * Falls back to the capitalized chartType when no preset matches.
+ */
+var getChartPresetLabel = function (spec) {
+    var e_1, _a, e_2, _b;
+    var _c;
+    // Doughnut first — it has several encodings (see isDoughnutSpec) and
+    // the legacy pie-based ones would otherwise match the pie presets.
+    if ((0, exports.isDoughnutSpec)(spec))
+        return "Doughnut";
+    var loose = spec;
+    try {
+        for (var CHART_TYPES_1 = tslib_1.__values(exports.CHART_TYPES), CHART_TYPES_1_1 = CHART_TYPES_1.next(); !CHART_TYPES_1_1.done; CHART_TYPES_1_1 = CHART_TYPES_1.next()) {
+            var _d = tslib_1.__read(CHART_TYPES_1_1.value, 2), presets = _d[1];
+            var _loop_1 = function (name_1, config) {
+                if (config.chartType !== spec.chartType)
+                    return "continue";
+                var looseConfig = config;
+                var matches = PRESET_DISCRIMINATORS.every(function (_a) {
+                    var _b, _c;
+                    var _d = tslib_1.__read(_a, 2), key = _d[0], absentValue = _d[1];
+                    var presetValue = (_b = looseConfig[key]) !== null && _b !== void 0 ? _b : absentValue;
+                    var specValue = (_c = loose[key]) !== null && _c !== void 0 ? _c : absentValue;
+                    return presetValue === specValue;
+                });
+                if (matches)
+                    return { value: name_1 };
+            };
+            try {
+                for (var presets_1 = (e_2 = void 0, tslib_1.__values(presets)), presets_1_1 = presets_1.next(); !presets_1_1.done; presets_1_1 = presets_1.next()) {
+                    var _e = tslib_1.__read(presets_1_1.value, 2), name_1 = _e[0], config = _e[1];
+                    var state_1 = _loop_1(name_1, config);
+                    if (typeof state_1 === "object")
+                        return state_1.value;
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (presets_1_1 && !presets_1_1.done && (_b = presets_1.return)) _b.call(presets_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (CHART_TYPES_1_1 && !CHART_TYPES_1_1.done && (_a = CHART_TYPES_1.return)) _a.call(CHART_TYPES_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    var chartType = (_c = spec.chartType) !== null && _c !== void 0 ? _c : "";
+    return chartType.charAt(0).toUpperCase() + chartType.slice(1);
+};
+exports.getChartPresetLabel = getChartPresetLabel;

package/dist/cjs/hooks/use-chart-editor.d.ts

@@ -0,0 +1,8 @@
+import type { EmbeddedChart, OverlayPosition } from "@rowsncolumns/spreadsheet";
+export declare const useChartEditor: () => {
+    onRequestEditChart: (chart: EmbeddedChart) => void;
+    updateSelectedChartPosition: (chartId: string | number, overlayPosition: Partial<OverlayPosition>) => void;
+    selectedChart: EmbeddedChart | undefined;
+    isEditInProgress: boolean;
+};
+//# sourceMappingURL=use-chart-editor.d.ts.map

package/dist/cjs/hooks/use-chart-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-editor.d.ts","sourceRoot":"","sources":["../../../hooks/use-chart-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAKhF,eAAO,MAAM,cAAc;gCAKf,aAAa;2CAWX,MAAM,GAAG,MAAM,mBAAmB,OAAO,CAAC,eAAe,CAAC;;;CAyBvE,CAAC"}

package/dist/cjs/hooks/use-chart-editor.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChartEditor = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var editing_chart_atom_1 = require("../atoms/editing-chart.atom");
+var useChartEditor = function () {
+    var _a = tslib_1.__read((0, react_1.useState)(), 2), chart = _a[0], setChart = _a[1];
+    var setChartEditorDialogState = (0, editing_chart_atom_1.useSetChartEditorDialogState)();
+    var onRequestEditChart = (0, react_1.useCallback)(function (chart) {
+        // Open resize dialog
+        setChartEditorDialogState(true);
+        // Set editing chart
+        setChart(chart);
+    }, [setChartEditorDialogState]);
+    var updateSelectedChartPosition = (0, react_1.useCallback)(function (chartId, overlayPosition) {
+        setChart(function (prev) {
+            return prev && prev.chartId === chartId
+                ? tslib_1.__assign(tslib_1.__assign({}, prev), { position: tslib_1.__assign(tslib_1.__assign({}, prev.position), { overlayPosition: tslib_1.__assign(tslib_1.__assign({}, prev.position.overlayPosition), overlayPosition) }) }) : prev;
+        });
+    }, []);
+    return {
+        onRequestEditChart: onRequestEditChart,
+        updateSelectedChartPosition: updateSelectedChartPosition,
+        selectedChart: chart,
+        isEditInProgress: !!chart,
+    };
+};
+exports.useChartEditor = useChartEditor;

package/dist/cjs/hooks/use-charts.d.ts

@@ -0,0 +1,35 @@
+import type { EmbeddedChart } from "@rowsncolumns/spreadsheet";
+import type { UseSpreadsheetProps, useSpreadsheetState } from "@rowsncolumns/spreadsheet-state";
+export type UseChartsProps = {
+    /**
+     * Callback when chart state is changed
+     */
+    onChangeCharts?: React.Dispatch<React.SetStateAction<EmbeddedChart[]>>;
+    /**
+     * Create a spreadsheet history
+     */
+    createHistory: ReturnType<typeof useSpreadsheetState>["createHistory"];
+    /**
+     * Get formatted value
+     */
+    getFormattedValue: ReturnType<typeof useSpreadsheetState>["getFormattedValue"];
+    /**
+     * Get effective value
+     */
+    getEffectiveValue: ReturnType<typeof useSpreadsheetState>["getEffectiveValue"];
+    /**
+     * Id Creation strategy
+     */
+    idCreationStrategy?: UseSpreadsheetProps["idCreationStrategy"];
+};
+export declare const useCharts: ({ onChangeCharts, getFormattedValue, getEffectiveValue, createHistory, idCreationStrategy, }: UseChartsProps) => {
+    selectedChart: EmbeddedChart | undefined;
+    onRequestEditChart: (chart: EmbeddedChart) => void;
+    updateSelectedChartPosition: (chartId: string | number, overlayPosition: Partial<import("@rowsncolumns/spreadsheet").OverlayPosition>) => void;
+    onCreateChart: (sheetId: number, activeCell: import("@rowsncolumns/grid").CellInterface, selections: import("@rowsncolumns/grid").SelectionArea<import("@rowsncolumns/spreadsheet").SelectionAttributes>[], chartSpec?: EmbeddedChart) => EmbeddedChart;
+    onDeleteChart: (chartId: string | number) => void;
+    onMoveChart: (chartId: string | number, anchorCell: import("@rowsncolumns/grid").CellInterface, offsetXPixels: number, offsetYPixels: number) => void;
+    onResizeChart: (chartId: string | number, anchorCell: import("@rowsncolumns/grid").CellInterface, offsetXPixels: number, offsetYPixels: number, width: number, height: number) => void;
+    onUpdateChart: (chart: EmbeddedChart) => void;
+};
+//# sourceMappingURL=use-charts.d.ts.map

package/dist/cjs/hooks/use-charts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-charts.d.ts","sourceRoot":"","sources":["../../../hooks/use-charts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAUzC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACvE;;OAEG;IACH,aAAa,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,eAAe,CAAC,CAAC;IACvE;;OAEG;IACH,iBAAiB,EAAE,UAAU,CAC3B,OAAO,mBAAmB,CAC3B,CAAC,mBAAmB,CAAC,CAAC;IACvB;;OAEG;IACH,iBAAiB,EAAE,UAAU,CAC3B,OAAO,mBAAmB,CAC3B,CAAC,mBAAmB,CAAC,CAAC;IACvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,8FAMvB,cAAc;;;;;;;;;CA6EhB,CAAC"}

package/dist/cjs/hooks/use-charts.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCharts = void 0;
+var react_1 = require("react");
+var use_chart_editor_1 = require("./use-chart-editor");
+var use_on_delete_chart_1 = require("./use-on-delete-chart");
+var use_on_move_chart_1 = require("./use-on-move-chart");
+var use_on_resize_chart_1 = require("./use-on-resize-chart");
+var use_on_update_chart_1 = require("./use-on-update-chart");
+var use_on_create_chart_1 = require("./use-on-create-chart");
+var useCharts = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, getFormattedValue = _a.getFormattedValue, getEffectiveValue = _a.getEffectiveValue, createHistory = _a.createHistory, idCreationStrategy = _a.idCreationStrategy;
+    var _b = (0, use_chart_editor_1.useChartEditor)(), selectedChart = _b.selectedChart, onRequestEditChart = _b.onRequestEditChart, updateSelectedChartPosition = _b.updateSelectedChartPosition;
+    var onDeleteChart = (0, use_on_delete_chart_1.useOnDeleteChart)({
+        onChangeCharts: onChangeCharts,
+        createHistory: createHistory,
+    });
+    // Charts and embeds
+    var handleMoveChart = (0, use_on_move_chart_1.useOnMoveChart)({
+        onChangeCharts: onChangeCharts,
+        createHistory: createHistory,
+    });
+    var handleResizeChart = (0, use_on_resize_chart_1.useOnResizeChart)({
+        onChangeCharts: onChangeCharts,
+        createHistory: createHistory,
+    });
+    var onMoveChart = (0, react_1.useCallback)(function (chartId, anchorCell, offsetXPixels, offsetYPixels) {
+        handleMoveChart(chartId, anchorCell, offsetXPixels, offsetYPixels);
+        updateSelectedChartPosition(chartId, {
+            anchorCell: anchorCell,
+            offsetXPixels: offsetXPixels,
+            offsetYPixels: offsetYPixels,
+        });
+    }, [handleMoveChart, updateSelectedChartPosition]);
+    var onResizeChart = (0, react_1.useCallback)(function (chartId, anchorCell, offsetXPixels, offsetYPixels, width, height) {
+        handleResizeChart(chartId, anchorCell, offsetXPixels, offsetYPixels, width, height);
+        updateSelectedChartPosition(chartId, {
+            anchorCell: anchorCell,
+            offsetXPixels: offsetXPixels,
+            offsetYPixels: offsetYPixels,
+            widthPixels: width,
+            heightPixels: height,
+        });
+    }, [handleResizeChart, updateSelectedChartPosition]);
+    var onUpdateChart = (0, use_on_update_chart_1.useOnUpdateChart)({
+        onChangeCharts: onChangeCharts,
+        createHistory: createHistory,
+    });
+    var onCreateChart = (0, use_on_create_chart_1.useOnCreateChart)({
+        onChangeCharts: onChangeCharts,
+        createHistory: createHistory,
+        getFormattedValue: getFormattedValue,
+        getEffectiveValue: getEffectiveValue,
+        idCreationStrategy: idCreationStrategy,
+    });
+    return {
+        selectedChart: selectedChart,
+        onRequestEditChart: onRequestEditChart,
+        updateSelectedChartPosition: updateSelectedChartPosition,
+        onCreateChart: onCreateChart,
+        onDeleteChart: onDeleteChart,
+        onMoveChart: onMoveChart,
+        onResizeChart: onResizeChart,
+        onUpdateChart: onUpdateChart,
+    };
+};
+exports.useCharts = useCharts;

package/dist/cjs/hooks/use-on-create-chart.d.ts

@@ -0,0 +1,13 @@
+import { CellInterface, SelectionArea } from "@rowsncolumns/grid";
+import { type CellData, SelectionAttributes, EmbeddedChart } from "@rowsncolumns/spreadsheet";
+import type { UseSpreadsheetProps, useSpreadsheetState } from "@rowsncolumns/spreadsheet-state";
+import { UseChartsProps } from "./use-charts";
+export type UseOnCreateChartProps<T extends CellData> = {
+    onChangeCharts: UseSpreadsheetProps<T>["onChangeCharts"];
+    createHistory: ReturnType<typeof useSpreadsheetState>["createHistory"];
+    getFormattedValue: ReturnType<typeof useSpreadsheetState>["getFormattedValue"];
+    getEffectiveValue: ReturnType<typeof useSpreadsheetState>["getEffectiveValue"];
+    idCreationStrategy?: UseChartsProps["idCreationStrategy"];
+};
+export declare const useOnCreateChart: <T extends CellData>({ onChangeCharts, getFormattedValue, getEffectiveValue, createHistory, idCreationStrategy, }: UseOnCreateChartProps<T>) => (sheetId: number, activeCell: CellInterface, selections: SelectionArea<SelectionAttributes>[], chartSpec?: EmbeddedChart) => EmbeddedChart;
+//# sourceMappingURL=use-on-create-chart.d.ts.map

package/dist/cjs/hooks/use-on-create-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-create-chart.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-create-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EACL,KAAK,QAAQ,EACb,mBAAmB,EACnB,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACtD,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzD,aAAa,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,eAAe,CAAC,CAAC;IACvE,iBAAiB,EAAE,UAAU,CAC3B,OAAO,mBAAmB,CAC3B,CAAC,mBAAmB,CAAC,CAAC;IACvB,iBAAiB,EAAE,UAAU,CAC3B,OAAO,mBAAmB,CAC3B,CAAC,mBAAmB,CAAC,CAAC;IACvB,kBAAkB,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,QAAQ,EAAE,8FAMlD,qBAAqB,CAAC,CAAC,CAAC,eAGZ,MAAM,cACH,aAAa,cACb,aAAa,CAAC,mBAAmB,CAAC,EAAE,cACpC,aAAa,kBAkB9B,CAAC"}

package/dist/cjs/hooks/use-on-create-chart.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnCreateChart = void 0;
+var react_1 = require("react");
+var create_chart_1 = require("../interface/create-chart");
+var useOnCreateChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, getFormattedValue = _a.getFormattedValue, getEffectiveValue = _a.getEffectiveValue, createHistory = _a.createHistory, idCreationStrategy = _a.idCreationStrategy;
+    return (0, react_1.useCallback)(function (sheetId, activeCell, selections, chartSpec) {
+        return (0, create_chart_1.createChart)({
+            onChangeCharts: onChangeCharts,
+            getFormattedValue: getFormattedValue,
+            getEffectiveValue: getEffectiveValue,
+            createHistory: createHistory,
+            idCreationStrategy: idCreationStrategy,
+        })(sheetId, activeCell, selections, chartSpec);
+    }, [
+        onChangeCharts,
+        getFormattedValue,
+        getEffectiveValue,
+        createHistory,
+        idCreationStrategy,
+    ]);
+};
+exports.useOnCreateChart = useOnCreateChart;

package/dist/cjs/hooks/use-on-delete-chart.d.ts

@@ -0,0 +1,8 @@
+import { type CellData } from "@rowsncolumns/spreadsheet";
+import type { UseSpreadsheetProps, useSpreadsheetState } from "@rowsncolumns/spreadsheet-state";
+export type UseOnDeleteChartProps<T extends CellData> = {
+    onChangeCharts: UseSpreadsheetProps<T>["onChangeCharts"];
+    createHistory: ReturnType<typeof useSpreadsheetState>["createHistory"];
+};
+export declare const useOnDeleteChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnDeleteChartProps<T>) => (chartId: string | number) => void;
+//# sourceMappingURL=use-on-delete-chart.d.ts.map

package/dist/cjs/hooks/use-on-delete-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-delete-chart.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-delete-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAEd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACtD,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzD,aAAa,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,eAAe,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAGlD,qBAAqB,CAAC,CAAC,CAAC,uCAc1B,CAAC"}

package/dist/cjs/hooks/use-on-delete-chart.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnDeleteChart = void 0;
+var spreadsheet_1 = require("@rowsncolumns/spreadsheet");
+var react_1 = require("react");
+var delete_chart_1 = require("../interface/delete-chart");
+var useOnDeleteChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    var focusSheet = (0, spreadsheet_1.useFocusSheet)();
+    return (0, react_1.useCallback)(function (chartId) {
+        (0, delete_chart_1.deleteChart)({
+            onChangeCharts: onChangeCharts,
+            createHistory: createHistory,
+        })(chartId);
+        // Keep focus on
+        focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
+    }, [onChangeCharts, createHistory, focusSheet]);
+};
+exports.useOnDeleteChart = useOnDeleteChart;

package/dist/cjs/hooks/use-on-move-chart.d.ts

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

package/dist/cjs/hooks/use-on-move-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-move-chart.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-move-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACpD,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzD,aAAa,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,eAAe,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAGhD,mBAAmB,CAAC,CAAC,CAAC,6IAUxB,CAAC"}

package/dist/cjs/hooks/use-on-move-chart.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnMoveChart = void 0;
+var react_1 = require("react");
+var move_chart_1 = require("../interface/move-chart");
+var useOnMoveChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return (0, react_1.useCallback)(function (chartId, anchorCell, offsetXPixels, offsetYPixels) {
+        (0, move_chart_1.moveChart)({
+            onChangeCharts: onChangeCharts,
+            createHistory: createHistory,
+        })(chartId, anchorCell, offsetXPixels, offsetYPixels);
+    }, [onChangeCharts, createHistory]);
+};
+exports.useOnMoveChart = useOnMoveChart;

package/dist/cjs/hooks/use-on-resize-chart.d.ts

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

package/dist/cjs/hooks/use-on-resize-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-resize-chart.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-resize-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACtD,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzD,aAAa,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,eAAe,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAGlD,qBAAqB,CAAC,CAAC,CAAC,4KAU1B,CAAC"}

package/dist/cjs/hooks/use-on-resize-chart.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnResizeChart = void 0;
+var react_1 = require("react");
+var resize_chart_1 = require("../interface/resize-chart");
+var useOnResizeChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return (0, react_1.useCallback)(function (chartId, anchorCell, offsetXPixels, offsetYPixels, width, height) {
+        (0, resize_chart_1.resizeChart)({
+            onChangeCharts: onChangeCharts,
+            createHistory: createHistory,
+        })(chartId, anchorCell, offsetXPixels, offsetYPixels, width, height);
+    }, [onChangeCharts, createHistory]);
+};
+exports.useOnResizeChart = useOnResizeChart;

package/dist/cjs/hooks/use-on-update-chart.d.ts

@@ -0,0 +1,9 @@
+import type { CellData } from "@rowsncolumns/spreadsheet";
+import type { EmbeddedChart } from "@rowsncolumns/spreadsheet";
+import type { UseSpreadsheetProps, useSpreadsheetState } from "@rowsncolumns/spreadsheet-state";
+export type UseOnUpdateChartProps<T extends CellData> = {
+    onChangeCharts: UseSpreadsheetProps<T>["onChangeCharts"];
+    createHistory: ReturnType<typeof useSpreadsheetState>["createHistory"];
+};
+export declare const useOnUpdateChart: <T extends CellData>({ onChangeCharts, createHistory, }: UseOnUpdateChartProps<T>) => (chart: EmbeddedChart) => void;
+//# sourceMappingURL=use-on-update-chart.d.ts.map

package/dist/cjs/hooks/use-on-update-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-update-chart.d.ts","sourceRoot":"","sources":["../../../hooks/use-on-update-chart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAKzC,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,QAAQ,IAAI;IACtD,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzD,aAAa,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,eAAe,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,QAAQ,EAAE,oCAGlD,qBAAqB,CAAC,CAAC,CAAC,aAEf,aAAa,SAQxB,CAAC"}

package/dist/cjs/hooks/use-on-update-chart.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnUpdateChart = void 0;
+var react_1 = require("react");
+var update_chart_1 = require("../interface/update-chart");
+var useOnUpdateChart = function (_a) {
+    var onChangeCharts = _a.onChangeCharts, createHistory = _a.createHistory;
+    return (0, react_1.useCallback)(function (chart) {
+        (0, update_chart_1.updateChart)({
+            onChangeCharts: onChangeCharts,
+            createHistory: createHistory,
+        })(chart);
+    }, [onChangeCharts, createHistory]);
+};
+exports.useOnUpdateChart = useOnUpdateChart;

package/dist/cjs/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./hooks/use-charts";
+export * from "./components/dialogs/chart-editor-dialog";
+export * from "./components/editors/chart-editor";
+export * from "./basic-chart";
+export { registerChartGeoMap } from "./utils/region-map-loader";
+export * from "./interface/create-chart";
+export * from "./interface/delete-chart";
+export * from "./interface/move-chart";
+export * from "./interface/resize-chart";
+export * from "./interface/update-chart";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,eAAe,CAAC;AAI9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAGhE,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerChartGeoMap = void 0;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./hooks/use-charts"), exports);
+tslib_1.__exportStar(require("./components/dialogs/chart-editor-dialog"), exports);
+tslib_1.__exportStar(require("./components/editors/chart-editor"), exports);
+tslib_1.__exportStar(require("./basic-chart"), exports);
+// Region-map (filled map / choropleth) host API — register additional
+// geo scopes (e.g. a US-states GeoJSON) for `chartType: "regionMap"`.
+var region_map_loader_1 = require("./utils/region-map-loader");
+Object.defineProperty(exports, "registerChartGeoMap", { enumerable: true, get: function () { return region_map_loader_1.registerChartGeoMap; } });
+// Chart interface functions
+tslib_1.__exportStar(require("./interface/create-chart"), exports);
+tslib_1.__exportStar(require("./interface/delete-chart"), exports);
+tslib_1.__exportStar(require("./interface/move-chart"), exports);
+tslib_1.__exportStar(require("./interface/resize-chart"), exports);
+tslib_1.__exportStar(require("./interface/update-chart"), exports);

package/dist/cjs/interface/create-chart.d.ts

@@ -0,0 +1,9 @@
+import { CellInterface, SelectionArea } from "@rowsncolumns/grid";
+import { type CellData, SelectionAttributes, EmbeddedChart } from "@rowsncolumns/spreadsheet";
+import type { UseOnCreateChartProps } from "../hooks/use-on-create-chart";
+/**
+ * Ensures endIndex is at least minValue.
+ */
+export declare const ensureValidEndIndex: (endIndex: number | undefined, minValue: number) => number;
+export declare const createChart: <T extends CellData>({ onChangeCharts, getFormattedValue, getEffectiveValue, createHistory, idCreationStrategy, }: UseOnCreateChartProps<T>) => (sheetId: number, activeCell: CellInterface, selections: SelectionArea<SelectionAttributes>[], chartSpec?: EmbeddedChart) => EmbeddedChart;
+//# sourceMappingURL=create-chart.d.ts.map

package/dist/cjs/interface/create-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-chart.d.ts","sourceRoot":"","sources":["../../../interface/create-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EACL,KAAK,QAAQ,EACb,mBAAmB,EACnB,aAAa,EAKd,MAAM,2BAA2B,CAAC;AAInC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAa1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,UAAU,MAAM,GAAG,SAAS,EAC5B,UAAU,MAAM,KACf,MAAkF,CAAC;AAEtF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,QAAQ,EAAE,8FAM7C,qBAAqB,CAAC,CAAC,CAAC,MAEvB,SAAS,MAAM,EACf,YAAY,aAAa,EACzB,YAAY,aAAa,CAAC,mBAAmB,CAAC,EAAE,EAChD,YAAY,aAAa,kBAyJ5B,CAAC"}