@embeddable.com/remarkable-ui 0.1.6 → 0.1.9

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.d.ts

@@ -0,0 +1,103 @@
+export declare const meta: {
+    readonly name: "DonutLabelChartPro";
+    readonly label: "Donut Label Chart";
+    readonly category: "Pie Charts";
+    readonly inputs: [{
+        readonly name: "dataset";
+        readonly type: "dataset";
+        readonly label: "Dataset";
+        readonly required: true;
+        readonly category: "Component Data";
+    }, {
+        readonly name: "measure";
+        readonly type: "measure";
+        readonly label: "Measure";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "dimension";
+        readonly type: "dimension";
+        readonly label: "Dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "innerLabelMeasure";
+        readonly label: "Inner Label Measure";
+        readonly type: "measure";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "innerLabelText";
+        readonly type: "string";
+        readonly label: "Inner Label Text";
+        readonly description: "Text to display inside the donut chart";
+        readonly required: false;
+        readonly category: "Component Data";
+    }, {
+        readonly name: "title";
+        readonly type: "string";
+        readonly label: "Title";
+        readonly category: "Component Header";
+    }, {
+        readonly name: "description";
+        readonly type: "string";
+        readonly label: "Description";
+        readonly category: "Component Header";
+    }, {
+        readonly name: "showLegend";
+        readonly type: "boolean";
+        readonly label: "Show Legend";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "maxLegendItems";
+        readonly type: "number";
+        readonly label: "Max Legend Items";
+        readonly defaultValue: 10;
+        readonly category: "Component Data";
+    }, {
+        readonly name: "showTooltips";
+        readonly type: "boolean";
+        readonly label: "Show Tooltips";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "showValueLabels";
+        readonly type: "boolean";
+        readonly label: "Show Value Labels";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }];
+    readonly events: [{
+        readonly name: "onSegmentClick";
+        readonly label: "A segment is clicked";
+        readonly properties: [{
+            readonly name: "dimensionValue";
+            readonly label: "Clicked Dimension";
+            readonly type: "string";
+        }];
+    }];
+};
+declare const _default: {
+    ({ propsUpdateListener, clientContext, embeddableTheme, ...props }: {
+        propsUpdateListener: HTMLElement;
+        componentId: string;
+        clientContext: any;
+        embeddableTheme: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default _default;
+//# sourceMappingURL=DonutLabelChartPro.emb.d.ts.map

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutLabelChartPro.emb.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCyB,CAAC;;;;;;;;;;AAE3C,wBAqBG"}

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.meta = void 0;
+const index_1 = __importDefault(require("./index"));
+const core_1 = require("@embeddable.com/core");
+const react_1 = require("@embeddable.com/react");
+const component_constants_1 = require("../../../component.constants");
+exports.meta = {
+    name: 'DonutLabelChartPro',
+    label: 'Donut Label Chart',
+    category: 'Pie Charts',
+    inputs: [
+        component_constants_1.dataset,
+        component_constants_1.measure,
+        component_constants_1.dimension,
+        { ...component_constants_1.measure, name: 'innerLabelMeasure', label: 'Inner Label Measure' },
+        {
+            name: 'innerLabelText',
+            type: 'string',
+            label: 'Inner Label Text',
+            description: 'Text to display inside the donut chart',
+            required: false,
+            category: 'Component Data',
+        },
+        component_constants_1.title,
+        component_constants_1.description,
+        component_constants_1.showLegend,
+        component_constants_1.maxLegendItems,
+        component_constants_1.showTooltips,
+        component_constants_1.showValueLabels,
+    ],
+    events: [
+        {
+            name: 'onSegmentClick',
+            label: 'A segment is clicked',
+            properties: [
+                {
+                    name: 'dimensionValue',
+                    label: 'Clicked Dimension',
+                    type: 'string',
+                },
+            ],
+        },
+    ],
+};
+exports.default = (0, react_1.defineComponent)(index_1.default, exports.meta, {
+    props: (inputs) => {
+        return {
+            ...inputs,
+            results: (0, core_1.loadData)({
+                from: inputs.dataset,
+                select: [inputs.measure, inputs.dimension],
+            }),
+            resultsInnerLabel: (0, core_1.loadData)({
+                from: inputs.dataset,
+                select: [inputs.innerLabelMeasure],
+            }),
+        };
+    },
+    events: {
+        onSegmentClick: (value) => {
+            return {
+                dimensionValue: value.dimensionValue || core_1.Value.noFilter(),
+            };
+        },
+    },
+});
+//# sourceMappingURL=DonutLabelChartPro.emb.js.map

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutLabelChartPro.emb.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/DonutLabelChartPro.emb.ts"],"names":[],"mappings":";;;;;;AAAA,oDAAoC;AACpC,+CAAuD;AACvD,iDAAuF;AACvF,sEAUsC;AAEzB,QAAA,IAAI,GAAG;IAClB,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE;QACN,6BAAO;QACP,6BAAO;QACP,+BAAS;QACT,EAAE,GAAG,6BAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,qBAAqB,EAAE;QACvE;YACE,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,kBAAkB;YACzB,WAAW,EAAE,wCAAwC;YACrD,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,gBAAgB;SAC3B;QACD,2BAAK;QACL,iCAAW;QACX,gCAAU;QACV,oCAAc;QACd,kCAAY;QACZ,qCAAe;KAChB;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,sBAAsB;YAC7B,UAAU,EAAE;gBACV;oBACE,IAAI,EAAE,gBAAgB;oBACtB,KAAK,EAAE,mBAAmB;oBAC1B,IAAI,EAAE,QAAQ;iBACf;aACF;SACF;KACF;CACuC,CAAC;AAE3C,kBAAe,IAAA,uBAAe,EAAC,eAAa,EAAE,YAAI,EAAE;IAClD,KAAK,EAAE,CAAC,MAA2B,EAAE,EAAE;QACrC,OAAO;YACL,GAAG,MAAM;YACT,OAAO,EAAE,IAAA,eAAQ,EAAC;gBAChB,IAAI,EAAE,MAAM,CAAC,OAAO;gBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;aAC3C,CAAC;YACF,iBAAiB,EAAE,IAAA,eAAQ,EAAC;gBAC1B,IAAI,EAAE,MAAM,CAAC,OAAO;gBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC;aACnC,CAAC;SACH,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACxB,OAAO;gBACL,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,YAAK,CAAC,QAAQ,EAAE;aACzD,CAAC;QACJ,CAAC;KACF;CACF,CAAC,CAAC"}

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@embeddable.com/react");
+const pies_utils_1 = require("../pies.utils");
+const formatter_utils_1 = require("../../../../theme/formatter/formatter.utils");
+const i18n_1 = require("../../../../theme/i18n/i18n");
+const ChartCard_1 = require("../../shared/ChartCard/ChartCard");
+const remarkable_ui_1 = require("../../../../../remarkable-ui");
+const mergician_1 = require("mergician");
+const component_utils_1 = require("../../../component.utils");
+const DonutChartPro = (props) => {
+    const theme = (0, react_1.useTheme)();
+    const themeFormatter = (0, formatter_utils_1.getThemeFormatter)(theme);
+    (0, i18n_1.i18nSetup)(theme);
+    const { description, dimension, maxLegendItems, measure, results, showLegend, showTooltips, showValueLabels, title, innerLabelMeasure, resultsInnerLabel, innerLabelText, onSegmentClick, } = (0, component_utils_1.resolveI18nProps)(props);
+    const data = (0, pies_utils_1.getPieChartData)({ data: results.data, dimension, measure, maxLegendItems }, theme);
+    const handleSegmentClick = (index) => {
+        onSegmentClick({
+            dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],
+        });
+    };
+    const label = themeFormatter.data(innerLabelMeasure, resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name]);
+    const options = (0, mergician_1.mergician)((0, pies_utils_1.getDefaultPieChartOptions)({
+        measure,
+        showTooltips,
+        showLegend,
+        showValueLabels,
+    }, theme), theme.charts.donutLabelChartPro?.options ?? {});
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { data: results, dimensionsAndMeasures: [dimension, measure], errorMessage: results.error, subtitle: description, title: title, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.DonutChart, { label: label, subLabel: innerLabelText, data: data, options: options, onSegmentClick: handleSegmentClick }) }));
+};
+exports.default = DonutChartPro;
+//# sourceMappingURL=index.js.map

package/dist/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/DonutLabelChartPro/index.tsx"],"names":[],"mappings":";;;AAAA,iDAAiD;AAEjD,8CAAmG;AAGnG,iFAAgF;AAChF,sDAAwD;AACxD,gEAA6D;AAC7D,gEAA0D;AAC1D,yCAAsC;AACtC,8DAA4D;AAQ5D,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAClC,MAAM,cAAc,GAAG,IAAA,mCAAiB,EAAC,KAAK,CAAC,CAAC;IAChD,IAAA,gBAAS,EAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,EACJ,WAAW,EACX,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,KAAK,EACL,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,GAAG,IAAA,kCAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,KAAK,CAAC,CAAC;IAEhG,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;QACvD,cAAc,CAAC;YACb,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;SAC1F,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAC/B,iBAAiB,EACjB,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CACvD,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,qBAAS,EACvB,IAAA,sCAAyB,EACvB;QACE,OAAO;QACP,YAAY;QACZ,UAAU;QACV,eAAe;KACU,EAC3B,KAAK,CACN,EACD,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,OAAO,IAAI,EAAE,CAC/C,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAS,IACR,IAAI,EAAE,OAAO,EACb,qBAAqB,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,EAC3C,YAAY,EAAE,OAAO,CAAC,KAAK,EAC3B,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,YAEZ,uBAAC,0BAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,kBAAkB,GAClC,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.d.ts

@@ -0,0 +1,86 @@
+export declare const meta: {
+    readonly name: "PieChartPro";
+    readonly label: "Pie Chart";
+    readonly category: "Pie Charts";
+    readonly inputs: [{
+        readonly name: "dataset";
+        readonly type: "dataset";
+        readonly label: "Dataset";
+        readonly required: true;
+        readonly category: "Component Data";
+    }, {
+        readonly name: "measure";
+        readonly type: "measure";
+        readonly label: "Measure";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "dimension";
+        readonly type: "dimension";
+        readonly label: "Dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "title";
+        readonly type: "string";
+        readonly label: "Title";
+        readonly category: "Component Header";
+    }, {
+        readonly name: "description";
+        readonly type: "string";
+        readonly label: "Description";
+        readonly category: "Component Header";
+    }, {
+        readonly name: "showLegend";
+        readonly type: "boolean";
+        readonly label: "Show Legend";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "maxLegendItems";
+        readonly type: "number";
+        readonly label: "Max Legend Items";
+        readonly defaultValue: 10;
+        readonly category: "Component Data";
+    }, {
+        readonly name: "showTooltips";
+        readonly type: "boolean";
+        readonly label: "Show Tooltips";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "showValueLabels";
+        readonly type: "boolean";
+        readonly label: "Show Value Labels";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }];
+    readonly events: [{
+        readonly name: "onSegmentClick";
+        readonly label: "A segment is clicked";
+        readonly properties: [{
+            readonly name: "dimensionValue";
+            readonly label: "Clicked Dimension";
+            readonly type: "string";
+        }];
+    }];
+};
+declare const _default: {
+    ({ propsUpdateListener, clientContext, embeddableTheme, ...props }: {
+        propsUpdateListener: HTMLElement;
+        componentId: string;
+        clientContext: any;
+        embeddableTheme: any;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default _default;
+//# sourceMappingURL=PieChartPro.emb.d.ts.map

package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChartPro.emb.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ByB,CAAC;;;;;;;;;;AAE3C,wBAiBG"}

package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.meta = void 0;
+const core_1 = require("@embeddable.com/core");
+const react_1 = require("@embeddable.com/react");
+const index_1 = __importDefault(require("./index"));
+const component_constants_1 = require("../../../component.constants");
+exports.meta = {
+    name: 'PieChartPro',
+    label: 'Pie Chart',
+    category: 'Pie Charts',
+    inputs: [
+        component_constants_1.dataset,
+        component_constants_1.measure,
+        component_constants_1.dimension,
+        component_constants_1.title,
+        component_constants_1.description,
+        component_constants_1.showLegend,
+        component_constants_1.maxLegendItems,
+        component_constants_1.showTooltips,
+        component_constants_1.showValueLabels,
+    ],
+    events: [
+        {
+            name: 'onSegmentClick',
+            label: 'A segment is clicked',
+            properties: [
+                {
+                    name: 'dimensionValue',
+                    label: 'Clicked Dimension',
+                    type: 'string',
+                },
+            ],
+        },
+    ],
+};
+exports.default = (0, react_1.defineComponent)(index_1.default, exports.meta, {
+    props: (inputs) => {
+        return {
+            ...inputs,
+            results: (0, core_1.loadData)({
+                from: inputs.dataset,
+                select: [inputs.measure, inputs.dimension],
+            }),
+        };
+    },
+    events: {
+        onSegmentClick: (value) => {
+            return {
+                dimensionValue: value.dimensionValue || core_1.Value.noFilter(),
+            };
+        },
+    },
+});
+//# sourceMappingURL=PieChartPro.emb.js.map

package/dist/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChartPro.emb.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAuD;AACvD,iDAAuF;AACvF,oDAAkC;AAClC,sEAUsC;AAEzB,QAAA,IAAI,GAAG;IAClB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE;QACN,6BAAO;QACP,6BAAO;QACP,+BAAS;QACT,2BAAK;QACL,iCAAW;QACX,gCAAU;QACV,oCAAc;QACd,kCAAY;QACZ,qCAAe;KAChB;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,sBAAsB;YAC7B,UAAU,EAAE;gBACV;oBACE,IAAI,EAAE,gBAAgB;oBACtB,KAAK,EAAE,mBAAmB;oBAC1B,IAAI,EAAE,QAAQ;iBACf;aACF;SACF;KACF;CACuC,CAAC;AAE3C,kBAAe,IAAA,uBAAe,EAAC,eAAW,EAAE,YAAI,EAAE;IAChD,KAAK,EAAE,CAAC,MAA2B,EAAE,EAAE;QACrC,OAAO;YACL,GAAG,MAAM;YACT,OAAO,EAAE,IAAA,eAAQ,EAAC;gBAChB,IAAI,EAAE,MAAM,CAAC,OAAO;gBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;aAC3C,CAAC;SACH,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACxB,OAAO;gBACL,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,YAAK,CAAC,QAAQ,EAAE;aACzD,CAAC;QACJ,CAAC;KACF;CACF,CAAC,CAAC"}

package/dist/remarkable-pro/components/charts/pies/PieChartPro/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@embeddable.com/react");
+const remarkable_ui_1 = require("../../../../../remarkable-ui");
+const pies_utils_1 = require("../pies.utils");
+const i18n_1 = require("../../../../theme/i18n/i18n");
+const ChartCard_1 = require("../../shared/ChartCard/ChartCard");
+const mergician_1 = require("mergician");
+const component_utils_1 = require("../../../component.utils");
+const PieChartPro = (props) => {
+    const theme = (0, react_1.useTheme)();
+    (0, i18n_1.i18nSetup)(theme);
+    const { description, dimension, maxLegendItems, measure, results, showLegend, showTooltips, showValueLabels, title, onSegmentClick, } = (0, component_utils_1.resolveI18nProps)(props);
+    const data = (0, pies_utils_1.getPieChartData)({ data: results.data, dimension, measure, maxLegendItems }, theme);
+    const options = (0, mergician_1.mergician)((0, pies_utils_1.getDefaultPieChartOptions)({
+        measure,
+        showTooltips,
+        showLegend,
+        showValueLabels,
+    }, theme), theme.charts.pieChartPro?.options ?? {});
+    const handleSegmentClick = (index) => {
+        onSegmentClick({
+            dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { data: results, dimensionsAndMeasures: [dimension, measure], errorMessage: results.error, subtitle: description, title: title, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.PieChart, { data: data, options: options, onSegmentClick: handleSegmentClick }) }));
+};
+exports.default = PieChartPro;
+//# sourceMappingURL=index.js.map

package/dist/remarkable-pro/components/charts/pies/PieChartPro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/pies/PieChartPro/index.tsx"],"names":[],"mappings":";;;AAAA,iDAAiD;AACjD,gEAAwD;AAExD,8CAAmG;AAEnG,sDAAwD;AACxD,gEAA6D;AAC7D,yCAAsC;AACtC,8DAA4D;AAI5D,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAClC,IAAA,gBAAS,EAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,EACJ,WAAW,EACX,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,KAAK,EACL,cAAc,GACf,GAAG,IAAA,kCAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,KAAK,CAAC,CAAC;IAEhG,MAAM,OAAO,GAAG,IAAA,qBAAS,EACvB,IAAA,sCAAyB,EACvB;QACE,OAAO;QACP,YAAY;QACZ,UAAU;QACV,eAAe;KACU,EAC3B,KAAK,CACN,EACD,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,IAAI,EAAE,CACxC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAyB,EAAE,EAAE;QACvD,cAAc,CAAC;YACb,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;SAC1F,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAS,IACR,IAAI,EAAE,OAAO,EACb,qBAAqB,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,EAC3C,YAAY,EAAE,OAAO,CAAC,KAAK,EAC3B,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,YAEZ,uBAAC,wBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,kBAAkB,GAAI,GACpE,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/remarkable-pro/components/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-pro/components/charts/pies/pies.types.js.map

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

package/dist/remarkable-pro/components/charts/pies/pies.utils.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultPieChartOptions = exports.getPieChartData = void 0;
+const charts_utils_1 = require("../charts.utils");
+const theme_constants_1 = require("../../../theme/theme.constants");
+const formatter_utils_1 = require("../../../theme/formatter/formatter.utils");
+const styles_utils_1 = require("../../../theme/styles/styles.utils");
+const remarkable_ui_1 = require("../../../../remarkable-ui");
+const i18n_1 = require("../../../theme/i18n/i18n");
+const object_utils_1 = require("../../../utils.ts/object.utils");
+const getPieChartData = (props, theme = theme_constants_1.remarkableTheme) => {
+    const themeFormatter = (0, formatter_utils_1.getThemeFormatter)(theme);
+    if (!props.data)
+        return {
+            labels: [],
+            datasets: [{ data: [] }],
+        };
+    const groupedData = (0, charts_utils_1.groupTailAsOther)(props.data, props.dimension, [props.measure], props.maxLegendItems);
+    const themeKey = (0, object_utils_1.getObjectStableKey)(theme);
+    const backgroundColor = groupedData.map((item, i) => (0, styles_utils_1.getColor)(`${themeKey}.charts.backgroundColors`, `${props.dimension.name}.${item[props.dimension.name]}`, theme.charts.backgroundColors ?? remarkable_ui_1.chartColors, i));
+    const borderColor = groupedData.map((item, i) => (0, styles_utils_1.getColor)(`${themeKey}.charts.borderColors`, `${props.dimension.name}.${item[props.dimension.name]}`, theme.charts.borderColors ?? remarkable_ui_1.chartColors, i));
+    return {
+        labels: groupedData.map((item) => {
+            const value = item[props.dimension.name];
+            const formattedValue = themeFormatter.data(props.dimension, value);
+            // If formatter did not work, try i18n translation
+            if (value === formattedValue) {
+                return i18n_1.i18n.t(value);
+            }
+            return formattedValue;
+        }),
+        datasets: [
+            {
+                data: groupedData.map((item) => item[props.measure.name]),
+                backgroundColor,
+                borderColor,
+            },
+        ],
+    };
+};
+exports.getPieChartData = getPieChartData;
+const getDefaultPieChartOptions = (options, theme = theme_constants_1.remarkableTheme) => {
+    const themeFormatter = (0, formatter_utils_1.getThemeFormatter)(theme);
+    return {
+        plugins: {
+            legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },
+            datalabels: {
+                display: options.showValueLabels ? 'auto' : false,
+                formatter: (value) => themeFormatter.data(options.measure, value),
+            },
+            tooltip: {
+                enabled: options.showTooltips,
+                callbacks: {
+                    label(context) {
+                        const raw = context.raw;
+                        const total = context.dataset.data.reduce(
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        (sum, v) => sum + parseFloat(v), 0);
+                        const pct = Math.round((raw / total) * 100);
+                        return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;
+                    },
+                },
+            },
+        },
+    };
+};
+exports.getDefaultPieChartOptions = getDefaultPieChartOptions;
+//# sourceMappingURL=pies.utils.js.map

package/dist/remarkable-pro/components/charts/pies/pies.utils.js.map

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

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.d.ts

@@ -1,4 +1,4 @@
-import { default as React, CSSProperties, FC } from 'react';
+import React, { CSSProperties, FC } from 'react';
 import { DataResponse, Dimension, Measure } from '@embeddable.com/core';
 type ChartCardProps = {
     title: string;

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_react_1 = require("@tabler/icons-react");
+const remarkable_ui_1 = require("../../../../../remarkable-ui");
+const ChartCard_module_css_1 = __importDefault(require("./ChartCard.module.css"));
+const react_2 = require("@embeddable.com/react");
+const ChartCardLoading_1 = require("./ChartCardLoading/ChartCardLoading");
+const ChartCardMenuPro_1 = require("./ChartCardMenuPro/ChartCardMenuPro");
+const i18n_1 = require("../../../../theme/i18n/i18n");
+const ChartCard = ({ title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props }) => {
+    const theme = (0, react_2.useTheme)();
+    (0, i18n_1.i18nSetup)(theme);
+    const chartRef = (0, react_1.useRef)(null);
+    const hasData = data.data && data.data.length > 0;
+    const getDisplay = () => {
+        if (!hasData && data.isLoading) {
+            return (0, jsx_runtime_1.jsx)(remarkable_ui_1.Skeleton, {});
+        }
+        if (errorMessage) {
+            return ((0, jsx_runtime_1.jsx)(remarkable_ui_1.CardContentInfo, { className: ChartCard_module_css_1.default.error, icon: icons_react_1.IconAlertCircle, title: i18n_1.i18n.t('charts.errorTitle'), message: errorMessage }));
+        }
+        if (!hasData) {
+            return ((0, jsx_runtime_1.jsx)(remarkable_ui_1.CardContentInfo, { title: i18n_1.i18n.t('charts.emptyTitle'), message: i18n_1.i18n.t('charts.emptyMessage') }));
+        }
+        return children;
+    };
+    return ((0, jsx_runtime_1.jsxs)(remarkable_ui_1.Card, { ref: chartRef, className: ChartCard_module_css_1.default.chartCard, ...props, children: [(0, jsx_runtime_1.jsx)(remarkable_ui_1.CardHeader, { title: title, subtitle: subtitle, rightContent: (0, jsx_runtime_1.jsx)("div", { "data-no-export": true, className: ChartCard_module_css_1.default.rightContent, children: data.isLoading ? ((0, jsx_runtime_1.jsx)(ChartCardLoading_1.ChartCardLoading, {})) : ((0, jsx_runtime_1.jsx)(ChartCardMenuPro_1.ChartCardMenuPro, { title: title, containerRef: chartRef, data: data.data, dimensionsAndMeasures: dimensionsAndMeasures })) }) }), (0, jsx_runtime_1.jsx)(remarkable_ui_1.CardContent, { children: getDisplay() })] }));
+};
+exports.ChartCard = ChartCard;
+//# sourceMappingURL=ChartCard.js.map

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAyD;AACzD,qDAAsD;AACtD,gEAMsC;AACtC,kFAA4C;AAE5C,iDAAiD;AACjD,0EAAuE;AACvE,0EAAuE;AAEvE,sDAA8D;AAavD,MAAM,SAAS,GAAuB,CAAC,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,qBAAqB,GAAG,EAAE,EAC1B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAU,IAAA,gBAAQ,GAAW,CAAC;IACzC,IAAA,gBAAS,EAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC/B,OAAO,uBAAC,wBAAQ,KAAG,CAAC;QACtB,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,CACL,uBAAC,+BAAe,IACd,SAAS,EAAE,8BAAM,CAAC,KAAK,EACvB,IAAI,EAAE,6BAAe,EACrB,KAAK,EAAE,WAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAClC,OAAO,EAAE,YAAY,GACrB,CACH,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,CACL,uBAAC,+BAAe,IACd,KAAK,EAAE,WAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAClC,OAAO,EAAE,WAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,GACtC,CACH,CAAC;QACJ,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAI,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,8BAAM,CAAC,SAAS,KAAM,KAAK,aACzD,uBAAC,0BAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EACV,wDAAoB,SAAS,EAAE,8BAAM,CAAC,YAAY,YAC/C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,uBAAC,mCAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,mCAAgB,IACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,GACG,GAER,EAEF,uBAAC,2BAAW,cAAE,UAAU,EAAE,GAAe,IACpC,CACR,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,SAAS,aAoEpB"}

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.d.ts

@@ -1,13 +1,13 @@
 declare const meta: {
-    component: import('react').FC<{
+    component: import("react").FC<{
         title: string;
         subtitle?: string;
         children: React.ReactNode;
-        data: import('@embeddable.com/core').DataResponse;
+        data: import("@embeddable.com/core").DataResponse;
         isLoading?: boolean;
         errorMessage?: string;
-        style?: import('react').CSSProperties;
-        dimensionsAndMeasures?: (import('@embeddable.com/core').Dimension | import('@embeddable.com/core').Measure)[];
+        style?: import("react").CSSProperties;
+        dimensionsAndMeasures?: (import("@embeddable.com/core").Dimension | import("@embeddable.com/core").Measure)[];
     }>;
 };
 export default meta;

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartLoadingWithNoData = exports.ChartLoading = exports.ChartLoadedWithNoData = exports.ChartLoadedWithError = exports.ChartLoaded = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ChartCard_1 = require("./ChartCard");
+const remarkable_ui_1 = require("../../../../../remarkable-ui");
+const remarkable_ui_2 = require("../../../../../remarkable-ui");
+const meta = {
+    component: ChartCard_1.ChartCard,
+};
+exports.default = meta;
+const data = {
+    labels: ['Red', 'Blue', 'Yellow'],
+    datasets: [
+        {
+            label: '# of colors',
+            data: [300, 50, 100],
+        },
+    ],
+};
+const ChartLoaded = () => {
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { title: "Chart Title", data: { data: [{}], isLoading: false }, style: { height: '300px' }, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.PieChart, { data: data, options: remarkable_ui_2.defaultPieChartOptions }) }));
+};
+exports.ChartLoaded = ChartLoaded;
+const ChartLoadedWithError = () => {
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { data: { data: [{}], isLoading: false }, title: "Chart Title", subtitle: "Chart Subtitle", style: { height: '300px' }, errorMessage: "An error occurred while loading the chart.", children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.PieChart, { data: data, options: remarkable_ui_2.defaultPieChartOptions }) }));
+};
+exports.ChartLoadedWithError = ChartLoadedWithError;
+const ChartLoadedWithNoData = () => {
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { data: { data: [], isLoading: false }, title: "Chart Title", subtitle: "Chart Subtitle", style: { height: '300px' }, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.PieChart, { data: data, options: remarkable_ui_2.defaultPieChartOptions }) }));
+};
+exports.ChartLoadedWithNoData = ChartLoadedWithNoData;
+const ChartLoading = () => {
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { title: "Chart Title", subtitle: "Chart Subtitle", data: { data: [{}], isLoading: true }, style: { height: '300px' }, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.PieChart, { data: data, options: remarkable_ui_2.defaultPieChartOptions }) }));
+};
+exports.ChartLoading = ChartLoading;
+const ChartLoadingWithNoData = () => {
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { title: "Chart Title", subtitle: "Chart Subtitle", data: { data: [], isLoading: true }, style: { height: '300px' }, children: (0, jsx_runtime_1.jsx)(remarkable_ui_1.PieChart, { data: data, options: remarkable_ui_2.defaultPieChartOptions }) }));
+};
+exports.ChartLoadingWithNoData = ChartLoadingWithNoData;
+//# sourceMappingURL=ChartCard.stories.js.map

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.stories.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAAwC;AACxC,gEAAwD;AAExD,gEAAsE;AAEtE,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,qBAAS;CACY,CAAC;AAEnC,kBAAe,IAAI,CAAC;AAEpB,MAAM,IAAI,GAAqB;IAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC;IACjC,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC;SACrB;KACF;CACF,CAAC;AAEK,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,uBAAC,qBAAS,IACR,KAAK,EAAC,aAAa,EACnB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EACtC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAE1B,uBAAC,wBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,sCAAsB,GAAI,GAC/C,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,CACL,uBAAC,qBAAS,IACR,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EACtC,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAC1B,YAAY,EAAC,4CAA4C,YAEzD,uBAAC,wBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,sCAAsB,GAAI,GAC/C,CACb,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,CACL,uBAAC,qBAAS,IACR,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EACpC,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAE1B,uBAAC,wBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,sCAAsB,GAAI,GAC/C,CACb,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AAEK,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,uBAAC,qBAAS,IACR,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,gBAAgB,EACzB,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAE1B,uBAAC,wBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,sCAAsB,GAAI,GAC/C,CACb,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,YAAY,gBAWvB;AAEK,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,OAAO,CACL,uBAAC,qBAAS,IACR,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,gBAAgB,EACzB,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EACnC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAE1B,uBAAC,wBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,sCAAsB,GAAI,GAC/C,CACb,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC"}

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartCardLoading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_react_1 = require("@tabler/icons-react");
+const ChartCardLoading_module_css_1 = __importDefault(require("./ChartCardLoading.module.css"));
+const ChartCardLoading = () => (0, jsx_runtime_1.jsx)(icons_react_1.IconLoader2, { className: ChartCardLoading_module_css_1.default.loading });
+exports.ChartCardLoading = ChartCardLoading;
+//# sourceMappingURL=ChartCardLoading.js.map

package/dist/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCardLoading.js","sourceRoot":"","sources":["../../../../../../../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAkD;AAClD,gGAAmD;AAE5C,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAE,qCAAM,CAAC,OAAO,GAAI,CAAC;AAApE,QAAA,gBAAgB,oBAAoD"}