@embeddable.com/remarkable-ui 0.1.6 → 0.1.9

package/dist/remarkable-ui/charts/bars/bars.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=bars.types.js.map

package/dist/remarkable-ui/charts/bars/bars.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bars.types.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/bars.types.ts"],"names":[],"mappings":""}

package/dist/remarkable-ui/charts/bars/bars.utils.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBarChartOptions = exports.getBarChartData = void 0;
+const charts_constants_1 = require("../charts.constants");
+const styles_utils_1 = require("../../styles/styles.utils");
+const mergician_1 = require("mergician");
+const bars_constants_1 = require("./bars.constants");
+const getBarChartData = (data) => {
+    return {
+        ...data,
+        datasets: data.datasets?.map((dataset, index) => {
+            const colors = charts_constants_1.chartContrastColors[index % charts_constants_1.chartContrastColors.length];
+            const defaultDataset = {
+                ...dataset,
+                backgroundColor: colors,
+                borderColor: colors,
+            };
+            return (0, mergician_1.mergician)(defaultDataset, dataset);
+        }),
+    };
+};
+exports.getBarChartData = getBarChartData;
+const getDatalabelTotalDisplay = (context, showTotalLabels) => showTotalLabels && context.datasetIndex === context.chart.data.datasets.length - 1
+    ? 'auto'
+    : false;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getDatalabelTotalFormatter = (_value, context) => {
+    const { datasets } = context.chart.data;
+    const i = context.dataIndex;
+    const total = datasets.reduce((sum, ds) => {
+        const val = ds.data[i];
+        return sum + (val || 0);
+    }, 0);
+    return total > 0 ? total : '';
+};
+const getBarVerticalChartOptions = (config) => {
+    return (0, mergician_1.mergician)(bars_constants_1.defaultBarChartOptions, {
+        indexAxis: 'x',
+        plugins: {
+            datalabels: {
+                labels: {
+                    total: {
+                        anchor: (context) => {
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'end' : 'start';
+                        },
+                        align: (context) => {
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'top' : 'bottom';
+                        },
+                        display: (context) => getDatalabelTotalDisplay(context, config.showTotalLabels),
+                        formatter: getDatalabelTotalFormatter,
+                    },
+                    value: {
+                        anchor: (context) => {
+                            if (config.stacked) {
+                                return 'center';
+                            }
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'end' : 'start';
+                        },
+                        align: (context) => {
+                            if (config.stacked) {
+                                return 'center';
+                            }
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'top' : 'bottom';
+                        },
+                    },
+                },
+            },
+        },
+        scales: {
+            y: {
+                stacked: config.stacked,
+                grid: { display: true },
+                ticks: {
+                    color: (0, styles_utils_1.getStyle)('--em-chart-grid-font-color-muted'),
+                    // ...(config.stacked === 'percentage' && {
+                    //   callback: (value: number | string) => value + '%',
+                    // }),
+                },
+                min: config.yAxisRangeMin,
+                // max: config.stacked === 'percentage' ? 100 : config.yAxisRangeMax,
+                max: config.yAxisRangeMax,
+                type: config.showLogarithmicScale ? 'logarithmic' : 'linear',
+                title: {
+                    text: config.yAxisLabel ?? '',
+                },
+            },
+            x: {
+                stacked: config.stacked,
+                ticks: {
+                    color: (0, styles_utils_1.getStyle)('--em-chart-grid-font-color-default'),
+                },
+                reverse: config.reverseXAxis,
+                title: {
+                    text: config.xAxisLabel ?? '',
+                },
+            },
+        },
+    });
+};
+const getBarHorizontalChartOptions = (config) => {
+    return (0, mergician_1.mergician)(bars_constants_1.defaultBarChartOptions, {
+        indexAxis: 'y',
+        plugins: {
+            datalabels: {
+                labels: {
+                    total: {
+                        anchor: (context) => {
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'end' : 'start';
+                        },
+                        align: (context) => {
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'right' : 'left';
+                        },
+                        display: (context) => getDatalabelTotalDisplay(context, config.showTotalLabels),
+                        formatter: getDatalabelTotalFormatter,
+                    },
+                    value: {
+                        anchor: (context) => {
+                            if (config.stacked) {
+                                return 'center';
+                            }
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'end' : 'start';
+                        },
+                        align: (context) => {
+                            if (config.stacked) {
+                                return 'center';
+                            }
+                            const value = context.dataset.data[context.dataIndex];
+                            return value >= 0 ? 'right' : 'left';
+                        },
+                    },
+                },
+            },
+        },
+        scales: {
+            x: {
+                stacked: config.stacked,
+                grid: { display: true },
+                ticks: {
+                    color: (0, styles_utils_1.getStyle)('--em-chart-grid-font-color-muted'),
+                    // ...(config.stacked === 'percentage' && {
+                    //   callback: (value: number | string) => value + '%',
+                    // }),
+                },
+                min: config.xAxisRangeMin,
+                // max: config.stacked === 'percentage' ? 100 : config.xAxisRangeMax,
+                max: config.xAxisRangeMax,
+                type: config.showLogarithmicScale ? 'logarithmic' : 'linear',
+                title: {
+                    text: config.xAxisLabel ?? '',
+                },
+            },
+            y: {
+                stacked: config.stacked,
+                ticks: {
+                    color: (0, styles_utils_1.getStyle)('--em-chart-grid-font-color-default'),
+                },
+                reverse: config.reverseYAxis,
+                title: {
+                    text: config.yAxisLabel ?? '',
+                },
+            },
+        },
+    });
+};
+const getBarChartOptions = (props) => {
+    const { horizontal = false, showLegend = false, showTooltips = true, showValueLabels = false, showTotalLabels = false, } = props;
+    const getOptions = horizontal ? getBarHorizontalChartOptions : getBarVerticalChartOptions;
+    const options = getOptions(props);
+    return (0, mergician_1.mergician)(options, {
+        layout: {
+            padding: {
+                // Hack: dataLabels can get cut off if they are at the edge of the chart
+                top: !horizontal && (showValueLabels || showTotalLabels) ? 30 : 0,
+                right: horizontal && (showValueLabels || showTotalLabels) ? 30 : 0,
+            },
+        },
+        elements: {
+            bar: {
+                borderRadius: (0, styles_utils_1.getStyleNumber)('--em-chart-style-border-radius-default'),
+                // stacked === 'percentage' ? 0 : getStyleNumber('--em-chart-style-border-radius-default'),
+            },
+        },
+        plugins: {
+            legend: { display: showLegend },
+            datalabels: {
+                display: (context) => {
+                    return showValueLabels && context.dataset.data[context.dataIndex] !== 0 ? 'auto' : false;
+                },
+            },
+            tooltip: {
+                enabled: showTooltips,
+            },
+        },
+    });
+};
+exports.getBarChartOptions = getBarChartOptions;
+//# sourceMappingURL=bars.utils.js.map

package/dist/remarkable-ui/charts/bars/bars.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bars.utils.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/bars.utils.ts"],"names":[],"mappings":"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"}

package/dist/remarkable-ui/charts/chartjs.constants.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chartjsOptions = exports.chartjsOptionsPlugins = void 0;
+const styles_utils_1 = require("../styles/styles.utils");
+exports.chartjsOptionsPlugins = {
+    datalabels: {
+        display: 'auto',
+        backgroundColor: (0, styles_utils_1.getStyle)('--em-label-background-color-default'),
+        borderRadius: (0, styles_utils_1.getStyleNumber)('--em-label-border-radius-default'),
+        padding: {
+            top: (0, styles_utils_1.getStyleNumber)('--em-label-padding-top-bottom'),
+            bottom: (0, styles_utils_1.getStyleNumber)('--em-label-padding-top-bottom'),
+            right: (0, styles_utils_1.getStyleNumber)('--em-label-padding-left-right'),
+            left: (0, styles_utils_1.getStyleNumber)('--em-label-padding-left-right'),
+        },
+        color: (0, styles_utils_1.getStyle)('--em-label-label-font-color-default'),
+        font: {
+            // TODO: replace later
+            family: 'Inter, sans-serif',
+            size: (0, styles_utils_1.getStyleNumber)('--em-label-label-font-size'),
+            weight: (0, styles_utils_1.getStyleNumber)('--em-label-label-font-weight'),
+        },
+        anchor: 'center',
+        align: 'center',
+    },
+    legend: {
+        display: true,
+        position: 'bottom',
+        labels: {
+            boxWidth: (0, styles_utils_1.getStyleNumber)('--em-category-indicator-size-width'),
+            boxHeight: (0, styles_utils_1.getStyleNumber)('--em-category-indicator-size-height'),
+            usePointStyle: true,
+            color: (0, styles_utils_1.getStyle)('--em-category-group-item-label-color-default'),
+            padding: (0, styles_utils_1.getStyleNumber)('--em-chart-gap-default'),
+            font: {
+                size: (0, styles_utils_1.getStyleNumber)('--em-category-group-item-label-font-size'),
+                weight: (0, styles_utils_1.getStyleNumber)('--em-category-group-item-label-font-weight'),
+                lineHeight: (0, styles_utils_1.getStyleNumber)('--em-category-group-item-label-font-line-height'),
+            },
+        },
+    },
+    tooltip: {
+        usePointStyle: true,
+        caretSize: 0,
+        enabled: true,
+        backgroundColor: (0, styles_utils_1.getStyle)('--em-chart-tooltip-background-color-default'),
+        cornerRadius: (0, styles_utils_1.getStyleNumber)('--em-chart-tooltip-border-radius-default'),
+        padding: (0, styles_utils_1.getStyleNumber)('--em-chart-tooltip-padding-default'),
+        displayColors: true,
+        bodyColor: (0, styles_utils_1.getStyle)('--em-foreground-color-inverted'),
+        bodyAlign: 'left',
+        boxPadding: (0, styles_utils_1.getStyleNumber)('--em-category-indicator-gap-default'),
+        bodyFont: {
+            size: (0, styles_utils_1.getStyleNumber)('--em-category-group-item-label-font-size'),
+            weight: (0, styles_utils_1.getStyleNumber)('--em-category-group-item-label-font-weight'),
+            family: 'Inter, sans-serif',
+        },
+        titleAlign: 'left',
+        titleColor: (0, styles_utils_1.getStyle)('--em-chart-tooltip-label-color-default'),
+        titleFont: {
+            size: (0, styles_utils_1.getStyleNumber)('--em-chart-tooltip-title-font-size'),
+            weight: (0, styles_utils_1.getStyleNumber)('--em-chart-tooltip-title-font-weight'),
+            family: 'Inter, sans-serif',
+        },
+    },
+};
+exports.chartjsOptions = {
+    responsive: true,
+    maintainAspectRatio: false,
+    plugins: exports.chartjsOptionsPlugins,
+};
+//# sourceMappingURL=chartjs.constants.js.map

package/dist/remarkable-ui/charts/chartjs.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartjs.constants.js","sourceRoot":"","sources":["../../../src/remarkable-ui/charts/chartjs.constants.ts"],"names":[],"mappings":";;;AACA,yDAAkE;AAErD,QAAA,qBAAqB,GAAqC;IACrE,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,IAAA,uBAAQ,EAAC,qCAAqC,CAAC;QAChE,YAAY,EAAE,IAAA,6BAAc,EAAC,kCAAkC,CAAC;QAChE,OAAO,EAAE;YACP,GAAG,EAAE,IAAA,6BAAc,EAAC,+BAA+B,CAAC;YACpD,MAAM,EAAE,IAAA,6BAAc,EAAC,+BAA+B,CAAC;YACvD,KAAK,EAAE,IAAA,6BAAc,EAAC,+BAA+B,CAAC;YACtD,IAAI,EAAE,IAAA,6BAAc,EAAC,+BAA+B,CAAC;SACtD;QACD,KAAK,EAAE,IAAA,uBAAQ,EAAC,qCAAqC,CAAC;QACtD,IAAI,EAAE;YACJ,sBAAsB;YACtB,MAAM,EAAE,mBAAmB;YAC3B,IAAI,EAAE,IAAA,6BAAc,EAAC,4BAA4B,CAAC;YAClD,MAAM,EAAE,IAAA,6BAAc,EAAC,8BAA8B,CAAC;SACvD;QACD,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,QAAQ;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE;YACN,QAAQ,EAAE,IAAA,6BAAc,EAAC,oCAAoC,CAAC;YAC9D,SAAS,EAAE,IAAA,6BAAc,EAAC,qCAAqC,CAAC;YAChE,aAAa,EAAE,IAAI;YACnB,KAAK,EAAE,IAAA,uBAAQ,EAAC,8CAA8C,CAAC;YAC/D,OAAO,EAAE,IAAA,6BAAc,EAAC,wBAAwB,CAAC;YACjD,IAAI,EAAE;gBACJ,IAAI,EAAE,IAAA,6BAAc,EAAC,0CAA0C,CAAC;gBAChE,MAAM,EAAE,IAAA,6BAAc,EAAC,4CAA4C,CAAC;gBACpE,UAAU,EAAE,IAAA,6BAAc,EAAC,iDAAiD,CAAC;aAC9E;SACF;KACF;IACD,OAAO,EAAE;QACP,aAAa,EAAE,IAAI;QACnB,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,IAAA,uBAAQ,EAAC,6CAA6C,CAAC;QACxE,YAAY,EAAE,IAAA,6BAAc,EAAC,0CAA0C,CAAC;QACxE,OAAO,EAAE,IAAA,6BAAc,EAAC,oCAAoC,CAAC;QAC7D,aAAa,EAAE,IAAI;QACnB,SAAS,EAAE,IAAA,uBAAQ,EAAC,gCAAgC,CAAC;QACrD,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,IAAA,6BAAc,EAAC,qCAAqC,CAAC;QACjE,QAAQ,EAAE;YACR,IAAI,EAAE,IAAA,6BAAc,EAAC,0CAA0C,CAAC;YAChE,MAAM,EAAE,IAAA,6BAAc,EAAC,4CAA4C,CAAC;YACpE,MAAM,EAAE,mBAAmB;SAC5B;QACD,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,IAAA,uBAAQ,EAAC,wCAAwC,CAAC;QAC9D,SAAS,EAAE;YACT,IAAI,EAAE,IAAA,6BAAc,EAAC,oCAAoC,CAAC;YAC1D,MAAM,EAAE,IAAA,6BAAc,EAAC,sCAAsC,CAAC;YAC9D,MAAM,EAAE,mBAAmB;SAC5B;KACF;CACF,CAAC;AAEW,QAAA,cAAc,GAA0B;IACnD,UAAU,EAAE,IAAI;IAChB,mBAAmB,EAAE,KAAK;IAC1B,OAAO,EAAE,6BAAqB;CAC/B,CAAC"}

package/dist/remarkable-ui/charts/chartjs.utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSegmentIndexClicked = void 0;
+const getSegmentIndexClicked = (event, chartRef) => {
+    const chart = chartRef.current;
+    if (!chart)
+        return undefined;
+    const points = chart.getElementsAtEventForMode(event.nativeEvent, 'nearest', { intersect: true }, false);
+    return points[0]?.index;
+};
+exports.getSegmentIndexClicked = getSegmentIndexClicked;
+//# sourceMappingURL=chartjs.utils.js.map

package/dist/remarkable-ui/charts/chartjs.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartjs.utils.js","sourceRoot":"","sources":["../../../src/remarkable-ui/charts/chartjs.utils.ts"],"names":[],"mappings":";;;AAEO,MAAM,sBAAsB,GAAG,CACpC,KAA0C,EAC1C,QAAoD,EAChC,EAAE;IACtB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;IAE/B,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAE7B,MAAM,MAAM,GAAG,KAAK,CAAC,yBAAyB,CAC5C,KAAK,CAAC,WAAW,EACjB,SAAS,EACT,EAAE,SAAS,EAAE,IAAI,EAAE,EACnB,KAAK,CACN,CAAC;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;AAC1B,CAAC,CAAC;AAhBW,QAAA,sBAAsB,0BAgBjC"}

package/dist/remarkable-ui/charts/charts.constants.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chartContrastColors = exports.chartColors = void 0;
+const styles_utils_1 = require("../styles/styles.utils");
+exports.chartColors = [
+    (0, styles_utils_1.getStyle)('--em-chart-color-1'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-2'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-3'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-4'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-5'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-6'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-7'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-8'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-9'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-10'),
+];
+exports.chartContrastColors = [
+    (0, styles_utils_1.getStyle)('--em-chart-color-1'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-4'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-7'),
+    (0, styles_utils_1.getStyle)('--em-chart-color-10'),
+];
+//# sourceMappingURL=charts.constants.js.map

package/dist/remarkable-ui/charts/charts.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.constants.js","sourceRoot":"","sources":["../../../src/remarkable-ui/charts/charts.constants.ts"],"names":[],"mappings":";;;AAAA,yDAAkD;AAErC,QAAA,WAAW,GAAa;IACnC,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,qBAAqB,CAAC;CAChC,CAAC;AAEW,QAAA,mBAAmB,GAAa;IAC3C,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,oBAAoB,CAAC;IAC9B,IAAA,uBAAQ,EAAC,qBAAqB,CAAC;CAChC,CAAC"}

package/dist/remarkable-ui/charts/pies/DonutChart.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DonutChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_chartjs_2_1 = require("react-chartjs-2");
+const chart_js_1 = require("chart.js");
+const chartjs_plugin_datalabels_1 = __importDefault(require("chartjs-plugin-datalabels"));
+const chartjs_plugin_annotation_1 = __importDefault(require("chartjs-plugin-annotation"));
+const pies_utils_1 = require("./pies.utils");
+const chartjs_utils_1 = require("../chartjs.utils");
+const mergician_1 = require("mergician");
+const pies_constants_1 = require("./pies.constants");
+const charts_module_css_1 = __importDefault(require("../charts.module.css"));
+chart_js_1.Chart.register(chart_js_1.ArcElement, chart_js_1.Tooltip, chart_js_1.Legend, chartjs_plugin_datalabels_1.default, chartjs_plugin_annotation_1.default);
+const DonutChart = ({ label, subLabel, options = {}, data, onSegmentClick, }) => {
+    const chartRef = (0, react_1.useRef)(null);
+    const isDonutLabel = Boolean(label || subLabel);
+    const donutLabelOptions = (0, mergician_1.mergician)(isDonutLabel
+        ? {
+            plugins: {
+                annotation: {
+                    annotations: {
+                        innerlabel: {
+                            content: [label ?? '', subLabel ?? ''],
+                        },
+                    },
+                },
+            },
+        }
+        : {}, isDonutLabel ? pies_constants_1.defaultDonutLabelChartOptions : pies_constants_1.defaultDonutChartOptions, options);
+    const handleSegmentClick = (event) => {
+        const indexClicked = (0, chartjs_utils_1.getSegmentIndexClicked)(event, chartRef);
+        onSegmentClick?.(indexClicked);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: charts_module_css_1.default.chartContainer, children: (0, jsx_runtime_1.jsx)(react_chartjs_2_1.Pie, { ref: chartRef, data: (0, pies_utils_1.getPieChartData)(data), options: donutLabelOptions, onClick: handleSegmentClick }) }));
+};
+exports.DonutChart = DonutChart;
+//# sourceMappingURL=DonutChart.js.map

package/dist/remarkable-ui/charts/pies/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/DonutChart.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,qDAAsC;AACtC,uCAAyE;AACzE,0FAAwD;AACxD,0FAAyD;AACzD,6CAA+C;AAC/C,oDAA0D;AAC1D,yCAAsC;AAEtC,qDAA2F;AAC3F,6EAA0C;AAE1C,gBAAO,CAAC,QAAQ,CAAC,qBAAU,EAAE,kBAAO,EAAE,iBAAM,EAAE,mCAAe,EAAE,mCAAgB,CAAC,CAAC;AAI1E,MAAM,UAAU,GAA6B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,cAAc,GACf,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC;IAEhD,MAAM,iBAAiB,GAAG,IAAA,qBAAS,EACjC,YAAY;QACV,CAAC,CAAC;YACE,OAAO,EAAE;gBACP,UAAU,EAAE;oBACV,WAAW,EAAE;wBACX,UAAU,EAAE;4BACV,OAAO,EAAE,CAAC,KAAK,IAAI,EAAE,EAAE,QAAQ,IAAI,EAAE,CAAC;yBACvC;qBACF;iBACF;aACF;SACF;QACH,CAAC,CAAC,EAAE,EACN,YAAY,CAAC,CAAC,CAAC,8CAA6B,CAAC,CAAC,CAAC,yCAAwB,EACvE,OAAO,CACR,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACxE,MAAM,YAAY,GAAG,IAAA,sCAAsB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC7D,cAAc,EAAE,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,2BAAM,CAAC,cAAc,YACnC,uBAAC,qBAAG,IACF,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAA,4BAAe,EAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,kBAAkB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB"}

package/dist/remarkable-ui/charts/pies/DonutChart.stories.d.ts

@@ -1,6 +1,6 @@
-import { StoryObj } from '@storybook/react-webpack5';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import('react').FC<import('./DonutChart').DonutLabelChartProps>;
+    component: import("react").FC<import("./DonutChart").DonutLabelChartProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/charts/pies/DonutChart.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const DonutChart_1 = require("./DonutChart");
+const pies_constants_1 = require("./pies.constants");
+const pies_mock_1 = require("./pies.mock");
+const meta = {
+    component: DonutChart_1.DonutChart,
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        label: 'Total',
+        subLabel: (pies_mock_1.pieDataMock.datasets[0]?.data ?? []).reduce((a, b) => a + b, 0).toString(),
+        data: pies_mock_1.pieDataMock,
+        options: pies_constants_1.defaultDonutChartOptions,
+    },
+};
+//# sourceMappingURL=DonutChart.stories.js.map

package/dist/remarkable-ui/charts/pies/DonutChart.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/DonutChart.stories.tsx"],"names":[],"mappings":";;;AAEA,6CAA0C;AAC1C,qDAA4D;AAC5D,2CAA0C;AAE1C,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,uBAAU;CACY,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,CAAC,uBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;QACrF,IAAI,EAAE,uBAAW;QACjB,OAAO,EAAE,yCAAwB;KAClC;CACF,CAAC"}

package/dist/remarkable-ui/charts/pies/PieChart.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_chartjs_2_1 = require("react-chartjs-2");
+const chart_js_1 = require("chart.js");
+const pies_utils_1 = require("./pies.utils");
+const chartjs_plugin_datalabels_1 = __importDefault(require("chartjs-plugin-datalabels"));
+const chartjs_utils_1 = require("../chartjs.utils");
+const mergician_1 = require("mergician");
+const pies_constants_1 = require("./pies.constants");
+const charts_module_css_1 = __importDefault(require("../charts.module.css"));
+chart_js_1.Chart.register(chart_js_1.ArcElement, chart_js_1.Tooltip, chart_js_1.Legend, chartjs_plugin_datalabels_1.default);
+const PieChart = ({ data, options = {}, onSegmentClick }) => {
+    const chartRef = (0, react_1.useRef)(null);
+    const pieOptions = (0, mergician_1.mergician)(pies_constants_1.defaultPieChartOptions, options);
+    const handleSegmentClick = (event) => {
+        const indexClicked = (0, chartjs_utils_1.getSegmentIndexClicked)(event, chartRef);
+        onSegmentClick?.(indexClicked);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: charts_module_css_1.default.chartContainer, children: (0, jsx_runtime_1.jsx)(react_chartjs_2_1.Pie, { ref: chartRef, data: (0, pies_utils_1.getPieChartData)(data), options: pieOptions, onClick: handleSegmentClick }) }));
+};
+exports.PieChart = PieChart;
+//# sourceMappingURL=PieChart.js.map

package/dist/remarkable-ui/charts/pies/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/PieChart.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,qDAAsC;AACtC,uCAAyE;AACzE,6CAA+C;AAC/C,0FAAwD;AACxD,oDAA0D;AAC1D,yCAAsC;AAEtC,qDAA0D;AAC1D,6EAA0C;AAE1C,gBAAO,CAAC,QAAQ,CAAC,qBAAU,EAAE,kBAAO,EAAE,iBAAM,EAAE,mCAAe,CAAC,CAAC;AAIxD,MAAM,QAAQ,GAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,UAAU,GAAG,IAAA,qBAAS,EAAC,uCAAsB,EAAE,OAAO,CAAC,CAAC;IAE9D,MAAM,kBAAkB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACxE,MAAM,YAAY,GAAG,IAAA,sCAAsB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC7D,cAAc,EAAE,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,2BAAM,CAAC,cAAc,YACnC,uBAAC,qBAAG,IACF,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAA,4BAAe,EAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,kBAAkB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB"}

package/dist/remarkable-ui/charts/pies/PieChart.stories.d.ts

@@ -1,6 +1,6 @@
-import { StoryObj } from '@storybook/react-webpack5';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
-    component: import('react').FC<import('./pies.types').BasePieChartProps>;
+    component: import("react").FC<import("./pies.types").BasePieChartProps>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/remarkable-ui/charts/pies/PieChart.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Large = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PieChart_1 = require("./PieChart");
+const pies_constants_1 = require("./pies.constants");
+const pies_mock_1 = require("./pies.mock");
+const meta = {
+    component: PieChart_1.PieChart,
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        data: pies_mock_1.pieDataMock,
+        options: pies_constants_1.defaultPieChartOptions,
+    },
+};
+const Large = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: 400, height: 400 }, children: (0, jsx_runtime_1.jsx)(PieChart_1.PieChart, { data: pies_mock_1.pieDataMock, options: pies_constants_1.defaultPieChartOptions }) }));
+};
+exports.Large = Large;
+//# sourceMappingURL=PieChart.stories.js.map

package/dist/remarkable-ui/charts/pies/PieChart.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.stories.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/PieChart.stories.tsx"],"names":[],"mappings":";;;;AAEA,yCAAsC;AACtC,qDAA0D;AAC1D,2CAA0C;AAE1C,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,mBAAQ;CACY,CAAC;AAElC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAW;QACjB,OAAO,EAAE,uCAAsB;KAChC;CACF,CAAC;AAEK,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACrC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,uBAAW,EAAE,OAAO,EAAE,uCAAsB,GAAI,GAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,KAAK,SAMhB"}

package/dist/remarkable-ui/charts/pies/pies.constants.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultDonutLabelChartOptions = exports.defaultDonutChartOptions = exports.defaultPieChartOptions = void 0;
+const styles_utils_1 = require("../../styles/styles.utils");
+const chartjs_constants_1 = require("../chartjs.constants");
+exports.defaultPieChartOptions = chartjs_constants_1.chartjsOptions;
+exports.defaultDonutChartOptions = {
+    cutout: '60%',
+    ...exports.defaultPieChartOptions,
+};
+exports.defaultDonutLabelChartOptions = {
+    cutout: '60%',
+    ...exports.defaultPieChartOptions,
+    plugins: {
+        ...exports.defaultPieChartOptions.plugins,
+        annotation: {
+            annotations: {
+                innerlabel: {
+                    type: 'doughnutLabel',
+                    font: [
+                        {
+                            size: (0, styles_utils_1.getStyleNumber)('--em-pie-chart-donut-number-font-size'),
+                            weight: (0, styles_utils_1.getStyleNumber)('--em-pie-chart-donut-number-font-weight'),
+                            height: (0, styles_utils_1.getStyleNumber)('--em-pie-chart-donut-number-font-line-height'),
+                            family: 'Inter, sans-serif',
+                        },
+                        {
+                            size: (0, styles_utils_1.getStyleNumber)('--em-pie-chart-donut-label-font-size'),
+                            weight: (0, styles_utils_1.getStyleNumber)('--em-pie-chart-donut-label-font-weight'),
+                            height: (0, styles_utils_1.getStyleNumber)('--em-pie-chart-donut-label-font-line-height'),
+                            family: 'Inter, sans-serif',
+                        },
+                    ],
+                    color: [
+                        (0, styles_utils_1.getStyle)('--em-pie-chart-donut-number-color-default'),
+                        (0, styles_utils_1.getStyle)('--em-pie-chart-donut-label-color-default'),
+                    ],
+                },
+                // According to the last comment, a fix should be coming in the next release:
+                // https://github.com/chartjs/chartjs-plugin-annotation/commit/1e95744fb98e6fe9426f8b6a7bd17b1fcdee2f42
+            },
+        },
+    },
+};
+//# sourceMappingURL=pies.constants.js.map

package/dist/remarkable-ui/charts/pies/pies.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pies.constants.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/pies.constants.ts"],"names":[],"mappings":";;;AACA,4DAAqE;AAErE,4DAAsD;AAEzC,QAAA,sBAAsB,GAAiC,kCAEnE,CAAC;AAEW,QAAA,wBAAwB,GAAiC;IACpE,MAAM,EAAE,KAAK;IACb,GAAG,8BAAsB;CAC1B,CAAC;AAEW,QAAA,6BAA6B,GAAiC;IACzE,MAAM,EAAE,KAAK;IACb,GAAG,8BAAsB;IACzB,OAAO,EAAE;QACP,GAAG,8BAAsB,CAAC,OAAO;QACjC,UAAU,EAAE;YACV,WAAW,EAAE;gBACX,UAAU,EAAE;oBACV,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE;wBACJ;4BACE,IAAI,EAAE,IAAA,6BAAc,EAAC,uCAAuC,CAAC;4BAC7D,MAAM,EAAE,IAAA,6BAAc,EAAC,yCAAyC,CAAC;4BACjE,MAAM,EAAE,IAAA,6BAAc,EAAC,8CAA8C,CAAC;4BACtE,MAAM,EAAE,mBAAmB;yBAC5B;wBACD;4BACE,IAAI,EAAE,IAAA,6BAAc,EAAC,sCAAsC,CAAC;4BAC5D,MAAM,EAAE,IAAA,6BAAc,EAAC,wCAAwC,CAAC;4BAChE,MAAM,EAAE,IAAA,6BAAc,EAAC,6CAA6C,CAAC;4BACrE,MAAM,EAAE,mBAAmB;yBAC5B;qBACF;oBACD,KAAK,EAAE;wBACL,IAAA,uBAAQ,EAAC,2CAA2C,CAAC;wBACrD,IAAA,uBAAQ,EAAC,0CAA0C,CAAC;qBACrD;iBACF;gBACD,6EAA6E;gBAC7E,uGAAuG;aACxD;SAClD;KACF;CACF,CAAC"}

package/dist/remarkable-ui/charts/pies/pies.mock.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pieDataMock = void 0;
+exports.pieDataMock = {
+    labels: ['Orange 1', 'Orange 2', 'Orange 3', 'Orange 4', 'Orange 5', 'Orange 6'],
+    datasets: [
+        {
+            data: [12, 19, 3, 5, 2, 3],
+        },
+    ],
+};
+//# sourceMappingURL=pies.mock.js.map

package/dist/remarkable-ui/charts/pies/pies.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pies.mock.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/pies.mock.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAChF,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAC3B;KACF;CACF,CAAC"}

package/dist/remarkable-ui/charts/pies/pies.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=pies.types.js.map

package/dist/remarkable-ui/charts/pies/pies.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pies.types.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/pies.types.ts"],"names":[],"mappings":""}

package/dist/remarkable-ui/charts/pies/pies.utils.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPieChartData = void 0;
+const mergician_1 = require("mergician");
+const charts_constants_1 = require("../charts.constants");
+const getPieChartData = (data) => {
+    const mergedData = {
+        ...data,
+        datasets: data.datasets?.map((dataset, index) => {
+            const colors = charts_constants_1.chartColors[index % charts_constants_1.chartColors.length];
+            const defaultDataset = {
+                backgroundColor: colors,
+                borderColor: colors,
+            };
+            const merged = (0, mergician_1.mergician)(defaultDataset, dataset);
+            return merged;
+        }) || [],
+    };
+    return mergedData;
+};
+exports.getPieChartData = getPieChartData;
+//# sourceMappingURL=pies.utils.js.map

package/dist/remarkable-ui/charts/pies/pies.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pies.utils.js","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/pies/pies.utils.ts"],"names":[],"mappings":";;;AACA,yCAAsC;AACtC,0DAAkD;AAE3C,MAAM,eAAe,GAAG,CAAC,IAAsB,EAAE,EAAE;IACxD,MAAM,UAAU,GAAwC;QACtD,GAAG,IAAI;QACP,QAAQ,EACN,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,8BAAW,CAAC,KAAK,GAAG,8BAAW,CAAC,MAAM,CAAC,CAAC;YACvD,MAAM,cAAc,GAAG;gBACrB,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,MAAM;aACpB,CAAC;YACF,MAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,cAAc,EAAE,OAAO,CAAwB,CAAC;YACzE,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,IAAI,EAAE;KACX,CAAC;IACF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B"}

package/dist/remarkable-ui/editors/InputField/InputField.d.ts

@@ -7,12 +7,12 @@ export type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
     onChange: (value: string) => void;
     clearable?: boolean;
 };
-export declare const InputField: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+export declare const InputField: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
     value?: string;
     placeholder?: string;
     startIcon?: TablerIcon;
     endIcon?: TablerIcon;
     onChange: (value: string) => void;
     clearable?: boolean;
-} & import('react').RefAttributes<HTMLInputElement>>;
+} & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InputField.d.ts.map