@embeddable.com/remarkable-ui 0.1.7 → 0.1.9

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.d.ts

@@ -0,0 +1,126 @@
+export declare const meta: {
+    readonly name: "BarChartGroupedHorizontalPro";
+    readonly label: "Bar Chart - Grouped Horizontal";
+    readonly category: "Bar 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: "yAxis";
+        readonly label: "Y-axis";
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "groupBy";
+        readonly label: "Group by";
+        readonly type: "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: "showTooltips";
+        readonly type: "boolean";
+        readonly label: "Show Tooltips";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }, {
+        readonly defaultValue: false;
+        readonly name: "showValueLabels";
+        readonly type: "boolean";
+        readonly label: "Show Value Labels";
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "showLogarithmicScale";
+        readonly type: "boolean";
+        readonly label: "Show Logarithmic Scale";
+        readonly defaultValue: false;
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "xAxisLabel";
+        readonly type: "string";
+        readonly label: "X-axis Label";
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "yAxisLabel";
+        readonly type: "string";
+        readonly label: "Y-axis Label";
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "reverseYAxis";
+        readonly type: "boolean";
+        readonly label: "Reverse Y-axis";
+        readonly defaultValue: false;
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "xAxisRangeMin";
+        readonly type: "number";
+        readonly label: "X-axis Range Min";
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "xAxisRangeMax";
+        readonly type: "number";
+        readonly label: "X-axis Range Max";
+        readonly category: "Axes Settings";
+    }];
+    readonly events: [{
+        readonly name: "onBarClicked";
+        readonly label: "A bar is clicked";
+        readonly properties: [{
+            readonly name: "axisDimensionValue";
+            readonly label: "Clicked Axis Dimension Value";
+            readonly type: "string";
+        }, {
+            readonly name: "groupingDimensionValue";
+            readonly label: "Clicked Grouping Dimension Value";
+            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=BarChartGroupedHorizontalPro.emb.d.ts.map

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartGroupedHorizontalPro.emb.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCyB,CAAC;;;;;;;;;;AAE3C,wBAkBG"}

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.js

@@ -0,0 +1,70 @@
+"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: 'BarChartGroupedHorizontalPro',
+    label: 'Bar Chart - Grouped Horizontal',
+    category: 'Bar Charts',
+    inputs: [
+        component_constants_1.dataset,
+        component_constants_1.measure,
+        { ...component_constants_1.dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },
+        { ...component_constants_1.dimension, name: 'groupBy', label: 'Group by' },
+        component_constants_1.title,
+        component_constants_1.description,
+        component_constants_1.showLegend,
+        component_constants_1.showTooltips,
+        { ...component_constants_1.showValueLabels, defaultValue: false },
+        component_constants_1.showLogarithmicScale,
+        component_constants_1.xAxisLabel,
+        component_constants_1.yAxisLabel,
+        component_constants_1.reverseYAxis,
+        component_constants_1.xAxisRangeMin,
+        component_constants_1.xAxisRangeMax,
+    ],
+    events: [
+        {
+            name: 'onBarClicked',
+            label: 'A bar is clicked',
+            properties: [
+                {
+                    name: 'axisDimensionValue',
+                    label: 'Clicked Axis Dimension Value',
+                    type: 'string',
+                },
+                {
+                    name: 'groupingDimensionValue',
+                    label: 'Clicked Grouping Dimension Value',
+                    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.yAxis, inputs.groupBy, inputs.measure],
+            }),
+        };
+    },
+    events: {
+        onBarClicked: (value) => {
+            return {
+                axisDimensionValue: value.axisDimensionValue || core_1.Value.noFilter(),
+                groupingDimensionValue: value.groupingDimensionValue || core_1.Value.noFilter(),
+            };
+        },
+    },
+});
+//# sourceMappingURL=BarChartGroupedHorizontalPro.emb.js.map

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartGroupedHorizontalPro.emb.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAuD;AACvD,iDAAuF;AACvF,oDAAmD;AACnD,sEAgBsC;AAEzB,QAAA,IAAI,GAAG;IAClB,IAAI,EAAE,8BAA8B;IACpC,KAAK,EAAE,gCAAgC;IACvC,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE;QACN,6BAAO;QACP,6BAAO;QACP,EAAE,GAAG,6CAAuB,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC9D,EAAE,GAAG,+BAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;QACpD,2BAAK;QACL,iCAAW;QACX,gCAAU;QACV,kCAAY;QACZ,EAAE,GAAG,qCAAe,EAAE,YAAY,EAAE,KAAK,EAAE;QAC3C,0CAAoB;QACpB,gCAAU;QACV,gCAAU;QACV,kCAAY;QACZ,mCAAa;QACb,mCAAa;KACd;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,kBAAkB;YACzB,UAAU,EAAE;gBACV;oBACE,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,8BAA8B;oBACrC,IAAI,EAAE,QAAQ;iBACf;gBACD;oBACE,IAAI,EAAE,wBAAwB;oBAC9B,KAAK,EAAE,kCAAkC;oBACzC,IAAI,EAAE,QAAQ;iBACf;aACF;SACF;KACF;CACuC,CAAC;AAE3C,kBAAe,IAAA,uBAAe,EAAC,eAA4B,EAAE,YAAI,EAAE;IACjE,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,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;aACvD,CAAC;SACH,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,OAAO;gBACL,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,YAAK,CAAC,QAAQ,EAAE;gBAChE,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,IAAI,YAAK,CAAC,QAAQ,EAAE;aACzE,CAAC;QACJ,CAAC;KACF;CACF,CAAC,CAAC"}

package/dist/remarkable-pro/components/charts/bars/{BarChartHorizontalGroupedPro → BarChartGroupedHorizontalPro}/index.d.ts

@@ -1,5 +1,5 @@
 import { DataResponse, Dimension, Measure } from '@embeddable.com/core';
-type BarChartHorizontalGroupedProProps = {
+type BarChartGroupedHorizontalProProps = {
     description: string;
     groupBy: Dimension;
     measure: Measure;
@@ -16,10 +16,11 @@ type BarChartHorizontalGroupedProProps = {
     yAxisLabel: string;
     xAxisRangeMax?: number;
     xAxisRangeMin?: number;
-    onSegmentClick: (args: {
-        dimensionValue: string | null;
+    onBarClicked: (args: {
+        axisDimensionValue: string | null;
+        groupingDimensionValue: string | null;
     }) => void;
 };
-declare const BarChartHorizontalGroupedPro: (props: BarChartHorizontalGroupedProProps) => import("react/jsx-runtime").JSX.Element;
-export default BarChartHorizontalGroupedPro;
+declare const BarChartGroupedHorizontalPro: (props: BarChartGroupedHorizontalProProps) => import("react/jsx-runtime").JSX.Element;
+export default BarChartGroupedHorizontalPro;
 //# sourceMappingURL=index.d.ts.map

package/dist/remarkable-pro/components/charts/bars/{BarChartHorizontalGroupedPro → BarChartGroupedHorizontalPro}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartHorizontalGroupedPro/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAExE,KAAK,iCAAiC,GAAG;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,OAAO,iCAAiC,4CAyE7E,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGxE,KAAK,iCAAiC,GAAG;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE;QACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;QAClC,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;KACvC,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,OAAO,iCAAiC,4CAiE7E,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@embeddable.com/react");
+const i18n_1 = require("../../../../theme/i18n/i18n");
+const ChartCard_1 = require("../../shared/ChartCard/ChartCard");
+const component_utils_1 = require("../../../component.utils");
+const BarChart_1 = require("../../../../../remarkable-ui/charts/bars/BarChart");
+const bars_utils_1 = require("../bars.utils");
+const mergician_1 = require("mergician");
+const charts_fillGaps_hooks_1 = require("../../charts.fillGaps.hooks");
+const BarChartGroupedHorizontalPro = (props) => {
+    const theme = (0, react_1.useTheme)();
+    (0, i18n_1.i18nSetup)(theme);
+    const { description, groupBy, measure, reverseYAxis, showLegend, showLogarithmicScale, showTooltips, showTotalLabels, showValueLabels, title, yAxis, xAxisLabel, yAxisLabel, xAxisRangeMax, xAxisRangeMin, onBarClicked, } = (0, component_utils_1.resolveI18nProps)(props);
+    const results = (0, charts_fillGaps_hooks_1.useChartDataWithFillGaps)(props.results, props.yAxis);
+    const data = (0, bars_utils_1.getBarStackedChartProData)({
+        data: results.data,
+        dimension: yAxis,
+        groupDimension: groupBy,
+        measure,
+    }, theme);
+    const options = (0, mergician_1.mergician)((0, bars_utils_1.getBarChartProOptions)({ measure, horizontal: true, onBarClicked }, theme), // Format X axis based on first measure
+    theme.charts?.barChartGroupedHorizontalPro?.options || {});
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { data: results, dimensionsAndMeasures: [measure, yAxis, groupBy], errorMessage: results.error, subtitle: description, title: title, children: (0, jsx_runtime_1.jsx)(BarChart_1.BarChart, { data: data, showLegend: showLegend, showTooltips: showTooltips, showValueLabels: showValueLabels, showLogarithmicScale: showLogarithmicScale, xAxisLabel: xAxisLabel, yAxisLabel: yAxisLabel, reverseYAxis: reverseYAxis, xAxisRangeMin: xAxisRangeMin, xAxisRangeMax: xAxisRangeMax, showTotalLabels: showTotalLabels, options: options, horizontal: true }) }));
+};
+exports.default = BarChartGroupedHorizontalPro;
+//# sourceMappingURL=index.js.map

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx"],"names":[],"mappings":";;;AAAA,iDAAiD;AAEjD,sDAAwD;AACxD,gEAA6D;AAC7D,8DAA4D;AAC5D,gFAA6E;AAC7E,8CAAiF;AACjF,yCAAsC;AAEtC,uEAAuE;AAyBvE,MAAM,4BAA4B,GAAG,CAAC,KAAwC,EAAE,EAAE;IAChF,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAClC,IAAA,gBAAS,EAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,EACJ,WAAW,EACX,OAAO,EACP,OAAO,EACP,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,GACb,GAAG,IAAA,kCAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG,IAAA,gDAAwB,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,IAAI,GAAG,IAAA,sCAAyB,EACpC;QACE,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,OAAO;QACvB,OAAO;KACR,EACD,KAAK,CACN,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,qBAAS,EACvB,IAAA,kCAAqB,EAAC,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,EAAE,uCAAuC;IAClH,KAAK,CAAC,MAAM,EAAE,4BAA4B,EAAE,OAAO,IAAI,EAAE,CAC1D,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAS,IACR,IAAI,EAAE,OAAO,EACb,qBAAqB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,EAChD,YAAY,EAAE,OAAO,CAAC,KAAK,EAC3B,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,YAEZ,uBAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,UAAU,SACV,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,4BAA4B,CAAC"}

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.d.ts

@@ -0,0 +1,126 @@
+export declare const meta: {
+    readonly name: "BarChartGroupedPro";
+    readonly label: "Bar Chart - Grouped";
+    readonly category: "Bar 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: "xAxis";
+        readonly label: "X-axis";
+        readonly type: "dimension";
+        readonly config: {
+            readonly dataset: "dataset";
+        };
+        readonly required: true;
+        readonly category: "Component Data";
+        readonly inputs: any[];
+    }, {
+        readonly name: "groupBy";
+        readonly label: "Group by";
+        readonly type: "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: "showTooltips";
+        readonly type: "boolean";
+        readonly label: "Show Tooltips";
+        readonly defaultValue: true;
+        readonly category: "Component Settings";
+    }, {
+        readonly defaultValue: false;
+        readonly name: "showValueLabels";
+        readonly type: "boolean";
+        readonly label: "Show Value Labels";
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "showLogarithmicScale";
+        readonly type: "boolean";
+        readonly label: "Show Logarithmic Scale";
+        readonly defaultValue: false;
+        readonly category: "Component Settings";
+    }, {
+        readonly name: "xAxisLabel";
+        readonly type: "string";
+        readonly label: "X-axis Label";
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "yAxisLabel";
+        readonly type: "string";
+        readonly label: "Y-axis Label";
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "reverseXAxis";
+        readonly type: "boolean";
+        readonly label: "Reverse X-axis";
+        readonly defaultValue: false;
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "yAxisRangeMin";
+        readonly type: "number";
+        readonly label: "Y-axis Range Min";
+        readonly category: "Axes Settings";
+    }, {
+        readonly name: "yAxisRangeMax";
+        readonly type: "number";
+        readonly label: "Y-axis Range Max";
+        readonly category: "Axes Settings";
+    }];
+    readonly events: [{
+        readonly name: "onBarClicked";
+        readonly label: "A bar is clicked";
+        readonly properties: [{
+            readonly name: "axisDimensionValue";
+            readonly label: "Clicked Axis Dimension Value";
+            readonly type: "string";
+        }, {
+            readonly name: "groupingDimensionValue";
+            readonly label: "Clicked Grouping Dimension Value";
+            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=BarChartGroupedPro.emb.d.ts.map

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartGroupedPro.emb.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCyB,CAAC;;;;;;;;;;AAE3C,wBAkBG"}

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.js

@@ -0,0 +1,70 @@
+"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: 'BarChartGroupedPro',
+    label: 'Bar Chart - Grouped',
+    category: 'Bar Charts',
+    inputs: [
+        component_constants_1.dataset,
+        component_constants_1.measure,
+        { ...component_constants_1.dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },
+        { ...component_constants_1.dimension, name: 'groupBy', label: 'Group by' },
+        component_constants_1.title,
+        component_constants_1.description,
+        component_constants_1.showLegend,
+        component_constants_1.showTooltips,
+        { ...component_constants_1.showValueLabels, defaultValue: false },
+        component_constants_1.showLogarithmicScale,
+        component_constants_1.xAxisLabel,
+        component_constants_1.yAxisLabel,
+        component_constants_1.reverseXAxis,
+        component_constants_1.yAxisRangeMin,
+        component_constants_1.yAxisRangeMax,
+    ],
+    events: [
+        {
+            name: 'onBarClicked',
+            label: 'A bar is clicked',
+            properties: [
+                {
+                    name: 'axisDimensionValue',
+                    label: 'Clicked Axis Dimension Value',
+                    type: 'string',
+                },
+                {
+                    name: 'groupingDimensionValue',
+                    label: 'Clicked Grouping Dimension Value',
+                    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.xAxis, inputs.groupBy, inputs.measure],
+            }),
+        };
+    },
+    events: {
+        onBarClicked: (value) => {
+            return {
+                axisDimensionValue: value.axisDimensionValue || core_1.Value.noFilter(),
+                groupingDimensionValue: value.groupingDimensionValue || core_1.Value.noFilter(),
+            };
+        },
+    },
+});
+//# sourceMappingURL=BarChartGroupedPro.emb.js.map

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartGroupedPro.emb.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAuD;AACvD,iDAAuF;AACvF,oDAAyC;AACzC,sEAgBsC;AAEzB,QAAA,IAAI,GAAG;IAClB,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE;QACN,6BAAO;QACP,6BAAO;QACP,EAAE,GAAG,6CAAuB,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC9D,EAAE,GAAG,+BAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;QACpD,2BAAK;QACL,iCAAW;QACX,gCAAU;QACV,kCAAY;QACZ,EAAE,GAAG,qCAAe,EAAE,YAAY,EAAE,KAAK,EAAE;QAC3C,0CAAoB;QACpB,gCAAU;QACV,gCAAU;QACV,kCAAY;QACZ,mCAAa;QACb,mCAAa;KACd;IACD,MAAM,EAAE;QACN;YACE,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,kBAAkB;YACzB,UAAU,EAAE;gBACV;oBACE,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,8BAA8B;oBACrC,IAAI,EAAE,QAAQ;iBACf;gBACD;oBACE,IAAI,EAAE,wBAAwB;oBAC9B,KAAK,EAAE,kCAAkC;oBACzC,IAAI,EAAE,QAAQ;iBACf;aACF;SACF;KACF;CACuC,CAAC;AAE3C,kBAAe,IAAA,uBAAe,EAAC,eAAkB,EAAE,YAAI,EAAE;IACvD,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,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;aACvD,CAAC;SACH,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,OAAO;gBACL,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,YAAK,CAAC,QAAQ,EAAE;gBAChE,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,IAAI,YAAK,CAAC,QAAQ,EAAE;aACzE,CAAC;QACJ,CAAC;KACF;CACF,CAAC,CAAC"}

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.d.ts

@@ -16,8 +16,9 @@ type BarChartGroupedProProps = {
     yAxisLabel: string;
     yAxisRangeMax?: number;
     yAxisRangeMin?: number;
-    onSegmentClick: (args: {
-        dimensionValue: string | null;
+    onBarClicked: (args: {
+        axisDimensionValue: string | null;
+        groupingDimensionValue: string | null;
     }) => void;
 };
 declare const BarChartGroupedPro: (props: BarChartGroupedProProps) => import("react/jsx-runtime").JSX.Element;

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAExE,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAwEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGxE,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE;QACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;QAClC,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;KACvC,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAgEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@embeddable.com/react");
+const i18n_1 = require("../../../../theme/i18n/i18n");
+const ChartCard_1 = require("../../shared/ChartCard/ChartCard");
+const component_utils_1 = require("../../../component.utils");
+const BarChart_1 = require("../../../../../remarkable-ui/charts/bars/BarChart");
+const bars_utils_1 = require("../bars.utils");
+const mergician_1 = require("mergician");
+const charts_fillGaps_hooks_1 = require("../../charts.fillGaps.hooks");
+const BarChartGroupedPro = (props) => {
+    const theme = (0, react_1.useTheme)();
+    (0, i18n_1.i18nSetup)(theme);
+    const { description, groupBy, measure, reverseXAxis, showLegend, showLogarithmicScale, showTooltips, showTotalLabels, showValueLabels, title, xAxis, xAxisLabel, yAxisLabel, yAxisRangeMax, yAxisRangeMin, onBarClicked, } = (0, component_utils_1.resolveI18nProps)(props);
+    const results = (0, charts_fillGaps_hooks_1.useChartDataWithFillGaps)(props.results, props.xAxis);
+    const data = (0, bars_utils_1.getBarStackedChartProData)({
+        data: results.data,
+        dimension: xAxis,
+        groupDimension: groupBy,
+        measure,
+    }, theme);
+    const options = (0, mergician_1.mergician)((0, bars_utils_1.getBarChartProOptions)({ measure, horizontal: false, onBarClicked }, theme), theme.charts?.barChartGroupedPro?.options || {});
+    return ((0, jsx_runtime_1.jsx)(ChartCard_1.ChartCard, { data: results, dimensionsAndMeasures: [measure, xAxis, groupBy], errorMessage: results.error, subtitle: description, title: title, children: (0, jsx_runtime_1.jsx)(BarChart_1.BarChart, { data: data, showLegend: showLegend, showTooltips: showTooltips, showValueLabels: showValueLabels, showLogarithmicScale: showLogarithmicScale, xAxisLabel: xAxisLabel, yAxisLabel: yAxisLabel, reverseXAxis: reverseXAxis, yAxisRangeMin: yAxisRangeMin, yAxisRangeMax: yAxisRangeMax, showTotalLabels: showTotalLabels, options: options }) }));
+};
+exports.default = BarChartGroupedPro;
+//# sourceMappingURL=index.js.map

package/dist/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.tsx"],"names":[],"mappings":";;;AAAA,iDAAiD;AAEjD,sDAAwD;AACxD,gEAA6D;AAC7D,8DAA4D;AAC5D,gFAA6E;AAC7E,8CAAiF;AACjF,yCAAsC;AAEtC,uEAAuE;AAyBvE,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC5D,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAClC,IAAA,gBAAS,EAAC,KAAK,CAAC,CAAC;IAEjB,MAAM,EACJ,WAAW,EACX,OAAO,EACP,OAAO,EACP,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,GACb,GAAG,IAAA,kCAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG,IAAA,gDAAwB,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,IAAI,GAAG,IAAA,sCAAyB,EACpC;QACE,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,SAAS,EAAE,KAAK;QAChB,cAAc,EAAE,OAAO;QACvB,OAAO;KACR,EACD,KAAK,CACN,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,qBAAS,EACvB,IAAA,kCAAqB,EAAC,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,EAC1E,KAAK,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,IAAI,EAAE,CAChD,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAS,IACR,IAAI,EAAE,OAAO,EACb,qBAAqB,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,EAChD,YAAY,EAAE,OAAO,CAAC,KAAK,EAC3B,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,YAEZ,uBAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,GAChB,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}