@rowsncolumns/charts 27.0.30

package/dist/cjs/basic-chart/helpers.d.ts

@@ -0,0 +1,12 @@
+import type { EmbeddedChart } from "@rowsncolumns/spreadsheet";
+export declare const chartTypeToEchartsType: (type: EmbeddedChart["spec"]["chartType"]) => "bar" | "line" | "pie" | "radar" | "boxplot" | "funnel" | "treemap" | "sunburst" | "scatter" | "map";
+/**
+ * Map OOXML `<c:marker><c:symbol>` values to echarts symbol names.
+ * Returns undefined for "auto" / unknown — caller defaults to "circle".
+ */
+export declare const mapMarkerSymbolToEcharts: (symbol: string | undefined | null) => string | undefined;
+export declare const getEchartsSeriesStyle: (type: EmbeddedChart["spec"]["chartType"]) => {
+    areaStyle: {};
+} | undefined;
+export declare const showXAxis: (type: EmbeddedChart["spec"]["chartType"]) => boolean;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/basic-chart/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../basic-chart/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,eAAO,MAAM,sBAAsB,GACjC,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,yGA6DzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,QAAQ,MAAM,GAAG,SAAS,GAAG,IAAI,KAChC,MAAM,GAAG,SAuBX,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC;;aASzC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,YAejE,CAAC"}

package/dist/cjs/basic-chart/helpers.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showXAxis = exports.getEchartsSeriesStyle = exports.mapMarkerSymbolToEcharts = exports.chartTypeToEchartsType = void 0;
+var chartTypeToEchartsType = function (type) {
+    switch (type) {
+        case "column":
+            return "bar";
+        case "line":
+            return "line";
+        case "area":
+            return "line";
+        case "bubble":
+            return "scatter";
+        case "scatter":
+            return "scatter";
+        // Doughnut is rendered as a pie series with an inner radius — the
+        // hole is set on `series.radius` at the caller. See basic-chart.tsx.
+        case "doughnut":
+            return "pie";
+        // Histogram is rendered as a bar series with pre-binned data. The
+        // caller computes bins from the source values before emitting the
+        // series. See basic-chart.tsx.
+        case "histogram":
+            return "bar";
+        case "boxplot":
+            return "boxplot";
+        // Radar is its own echarts series type; the caller also emits a
+        // top-level `radar.indicator` config. See basic-chart.tsx.
+        case "radar":
+            return "radar";
+        // Stock is rendered "line-derived": each price role (open/high/low/
+        // close) becomes its own line series. The caller fans the stock
+        // series out before emitting. See basic-chart.tsx.
+        case "stock":
+            return "line";
+        case "waterfall":
+            return "bar";
+        case "funnel":
+            return "funnel";
+        // Combo defaults to bar; per-series seriesChartType overrides each
+        // trace independently. See chart-editor "Series type" selector.
+        case "combo":
+            return "bar";
+        // Region map (filled map) renders as an echarts `map` series over a
+        // lazily loaded/registered GeoJSON. See basic-chart.tsx.
+        case "regionMap":
+            return "map";
+        default:
+            return type;
+    }
+};
+exports.chartTypeToEchartsType = chartTypeToEchartsType;
+/**
+ * Map OOXML `<c:marker><c:symbol>` values to echarts symbol names.
+ * Returns undefined for "auto" / unknown — caller defaults to "circle".
+ */
+var mapMarkerSymbolToEcharts = function (symbol) {
+    switch (symbol) {
+        case "circle":
+        case "dot":
+            return "circle";
+        case "square":
+            return "rect";
+        case "diamond":
+            return "diamond";
+        case "triangle":
+            return "triangle";
+        case "x":
+        case "plus":
+            return "pin";
+        case "star":
+            return "diamond";
+        case "dash":
+            return "rect";
+        case "none":
+            return "none";
+        default:
+            return undefined;
+    }
+};
+exports.mapMarkerSymbolToEcharts = mapMarkerSymbolToEcharts;
+var getEchartsSeriesStyle = function (type) {
+    switch (type) {
+        case "area":
+            return { areaStyle: {} };
+        default:
+            return undefined;
+    }
+};
+exports.getEchartsSeriesStyle = getEchartsSeriesStyle;
+var showXAxis = function (type) {
+    if (type === "line" ||
+        type === "area" ||
+        type === "bar" ||
+        type === "column" ||
+        type === "bubble" ||
+        type === "histogram" ||
+        // Stock is line-derived and lives on a category x-axis. Radar is
+        // axis-less (it uses a polar `radar` indicator instead).
+        type === "stock") {
+        return true;
+    }
+    return false;
+};
+exports.showXAxis = showXAxis;

package/dist/cjs/basic-chart/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { EChartComponentProps } from "../types";
+export declare const ChartComponent: (props: EChartComponentProps) => React.JSX.Element;
+export default ChartComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/basic-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../basic-chart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGrD,eAAO,MAAM,cAAc,GAAI,OAAO,oBAAoB,sBAMzD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/cjs/basic-chart/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartComponent = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var basic_chart_1 = require("./basic-chart");
+var ChartComponent = function (props) {
+    return (react_1.default.createElement("div", { className: "shadow-lg bg-rnc-background flex-1 flex break-words flex-col" },
+        react_1.default.createElement(basic_chart_1.BasicChart, tslib_1.__assign({}, props))));
+};
+exports.ChartComponent = ChartComponent;
+exports.default = exports.ChartComponent;

package/dist/cjs/components/dialogs/chart-editor-dialog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const ChartEditorDialog: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=chart-editor-dialog.d.ts.map

package/dist/cjs/components/dialogs/chart-editor-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-editor-dialog.d.ts","sourceRoot":"","sources":["../../../../components/dialogs/chart-editor-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,iBAAiB,GAAI,eAE/B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAoBA,CAAC"}

package/dist/cjs/components/dialogs/chart-editor-dialog.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartEditorDialog = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var spreadsheet_1 = require("@rowsncolumns/spreadsheet");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var editing_chart_atom_1 = require("../../atoms/editing-chart.atom");
+var ChartEditorDialog = function (_a) {
+    var children = _a.children;
+    var _b = tslib_1.__read((0, editing_chart_atom_1.useChartEditorDialogState)(), 2), isOpen = _b[0], onOpenChange = _b[1];
+    var focusSheet = (0, spreadsheet_1.useFocusSheet)();
+    var closeDialog = function () {
+        onOpenChange(false);
+        focusSheet === null || focusSheet === void 0 ? void 0 : focusSheet();
+    };
+    return (react_1.default.createElement(ui_1.Dialog, { modal: false, open: isOpen },
+        react_1.default.createElement(ui_1.DialogContent, { onEscapeKeyDown: closeDialog, className: "translate-y-1/2" },
+            react_1.default.createElement(ui_1.DialogTitle, { className: "rnc-drag-handle cursor-move" }, "Chart editor"),
+            react_1.default.createElement(ui_1.DialogBody, null, children),
+            react_1.default.createElement(ui_1.DialogCloseButton, { onClick: closeDialog },
+                react_1.default.createElement(icons_1.Cross2Icon, null)))));
+};
+exports.ChartEditorDialog = ChartEditorDialog;

package/dist/cjs/components/editors/chart-editor.d.ts

@@ -0,0 +1,10 @@
+import type { EmbeddedChart } from "@rowsncolumns/spreadsheet";
+import React from "react";
+type ChartEditorProps = {
+    chart?: EmbeddedChart;
+    sheetId: number;
+    onSubmit?(chart: EmbeddedChart): void;
+};
+export declare const ChartEditor: ({ chart, sheetId, onSubmit }: ChartEditorProps) => React.JSX.Element;
+export default ChartEditor;
+//# sourceMappingURL=chart-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/chart-editor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,aAAa,EAEd,MAAM,2BAA2B,CAAC;AAuBnC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAuBvC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;CACvC,CAAC;AAuBF,eAAO,MAAM,WAAW,GAAI,8BAA8B,gBAAgB,sBAo9CzE,CAAC;AAEF,eAAe,WAAW,CAAC"}