@embeddable.com/remarkable-ui 0.1.4 → 0.1.6

package/dist/BarChartGroupedPro.js

@@ -0,0 +1,125 @@
+import { i as V, r as v, m as P, j as d, d as M, a as G, b as u, t as R, c as T, s as j, e as D, f as X, g as E, x as F, y as I, h as O, k as _, l as q, n as z, V as H, o as J } from "./component.constants-NgQHE7x7.js";
+import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
+import { C as Q } from "./object.utils-fwmkLUFj.js";
+import { g as U, a as W, B as Y } from "./bars.utils-BNWXOTjn.js";
+const Z = (e) => {
+  var n, l;
+  const s = K();
+  V(s);
+  const {
+    description: c,
+    groupBy: t,
+    measure: r,
+    results: o,
+    reverseXAxis: h,
+    showLegend: p,
+    showLogarithmicScale: g,
+    showTooltips: x,
+    showTotalLabels: b,
+    showValueLabels: C,
+    title: A,
+    xAxis: i,
+    xAxisLabel: y,
+    yAxisLabel: B,
+    yAxisRangeMax: L,
+    yAxisRangeMin: f,
+    onSegmentClick: w
+  } = v(e), a = U(
+    {
+      data: o.data,
+      dimension: i,
+      groupDimension: t,
+      measure: r
+    },
+    s
+  ), k = P(
+    W(s, r),
+    // Format Y axis based on first measure
+    ((l = (n = s.charts) == null ? void 0 : n.barChartPro) == null ? void 0 : l.options) || {}
+  ), S = (m) => {
+    !a || !a.labels || a.labels.length === 0 || w({
+      dimensionValue: m === void 0 ? null : a.labels[m]
+    });
+  };
+  return /* @__PURE__ */ d.jsx(
+    Q,
+    {
+      data: o,
+      dimensionsAndMeasures: [r, i, t],
+      errorMessage: o.error,
+      subtitle: c,
+      title: A,
+      children: /* @__PURE__ */ d.jsx(
+        Y,
+        {
+          data: a,
+          onSegmentClick: S,
+          showLegend: p,
+          showTooltips: x,
+          showValueLabels: C,
+          showLogarithmicScale: g,
+          xAxisLabel: y,
+          yAxisLabel: B,
+          reverseXAxis: h,
+          yAxisRangeMin: f,
+          yAxisRangeMax: L,
+          showTotalLabels: b,
+          options: k
+        }
+      )
+    }
+  );
+}, $ = {
+  name: "BarChartGroupedPro",
+  label: "Bar Chart Grouped",
+  category: "Bar Charts",
+  inputs: [
+    M,
+    G,
+    { ...u, name: "xAxis", label: "X-axis" },
+    { ...u, name: "groupBy", label: "Group by" },
+    R,
+    T,
+    j,
+    D,
+    { ...X, defaultValue: !1 },
+    E,
+    F,
+    I,
+    O,
+    _,
+    q,
+    z
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked Dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, oe = N(Z, $, {
+  props: (e) => ({
+    ...e,
+    results: J({
+      from: e.dataset,
+      select: [e.xAxis, e.groupBy, e.measure]
+    })
+  }),
+  events: {
+    onSegmentClick: (e) => ({
+      dimensionValue: e.dimensionValue || H.noFilter()
+    })
+  }
+});
+export {
+  oe as default,
+  $ as meta
+};
+//# sourceMappingURL=BarChartGroupedPro.js.map

package/dist/BarChartGroupedPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartGroupedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui/charts/bars/BarChart';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\n\ntype BarChartGroupedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onSegmentClick: (args: { dimensionValue: string | null }) => void;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    results,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    xAxis,\n    xAxisLabel,\n    yAxisLabel,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(theme, measure), // Format Y axis based on first measure\n    theme.charts?.barChartPro?.options || {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!data || !data.labels || data.labels.length === 0) return;\n\n    onSegmentClick({\n      dimensionValue: index === undefined ? null : (data.labels[index] as string),\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        onSegmentClick={handleSegmentClick}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartGroupedPro from './index';\nimport {\n  dataset,\n  description,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseXAxis,\n  yAxisRangeMin,\n  yAxisRangeMax,\n  showTotalLabels,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart Grouped',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimension, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartGroupedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","results","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onSegmentClick","resolveI18nProps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","handleSegmentClick","index","jsx","ChartCard","BarChart","meta","dataset","dimension","BarChartGroupedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartHorizontalGroupedPro.js

@@ -0,0 +1,126 @@
+import { i as k, r as v, m as P, j as u, d as M, a as z, b as d, t as G, c as R, s as T, e as j, f as D, g as H, x as Y, y as q, p as E, q as F, u as I, n as O, V as _, o as J } from "./component.constants-NgQHE7x7.js";
+import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
+import { C as Q } from "./object.utils-fwmkLUFj.js";
+import { g as U, a as W, B as X } from "./bars.utils-BNWXOTjn.js";
+const Z = (e) => {
+  var n, l;
+  const s = K();
+  k(s);
+  const {
+    description: c,
+    groupBy: t,
+    measure: o,
+    results: r,
+    reverseYAxis: h,
+    showLegend: p,
+    showLogarithmicScale: x,
+    showTooltips: g,
+    showTotalLabels: b,
+    showValueLabels: C,
+    title: A,
+    yAxis: i,
+    xAxisLabel: y,
+    yAxisLabel: B,
+    xAxisRangeMax: L,
+    xAxisRangeMin: f,
+    onSegmentClick: w
+  } = v(e), a = U(
+    {
+      data: r.data,
+      dimension: i,
+      groupDimension: t,
+      measure: o
+    },
+    s
+  ), S = P(
+    W(s, o, !0),
+    // Format X axis based on first measure
+    ((l = (n = s.charts) == null ? void 0 : n.barChartPro) == null ? void 0 : l.options) || {}
+  ), V = (m) => {
+    !a || !a.labels || a.labels.length === 0 || w({
+      dimensionValue: m === void 0 ? null : a.labels[m]
+    });
+  };
+  return /* @__PURE__ */ u.jsx(
+    Q,
+    {
+      data: r,
+      dimensionsAndMeasures: [o, i, t],
+      errorMessage: r.error,
+      subtitle: c,
+      title: A,
+      children: /* @__PURE__ */ u.jsx(
+        X,
+        {
+          data: a,
+          onSegmentClick: V,
+          showLegend: p,
+          showTooltips: g,
+          showValueLabels: C,
+          showLogarithmicScale: x,
+          xAxisLabel: y,
+          yAxisLabel: B,
+          reverseYAxis: h,
+          xAxisRangeMin: f,
+          xAxisRangeMax: L,
+          showTotalLabels: b,
+          options: S,
+          horizontal: !0
+        }
+      )
+    }
+  );
+}, $ = {
+  name: "BarChartHorizontalGroupedPro",
+  label: "Bar Chart Horizontal Grouped",
+  category: "Bar Charts",
+  inputs: [
+    M,
+    z,
+    { ...d, name: "yAxis", label: "Y-axis" },
+    { ...d, name: "groupBy", label: "Group by" },
+    G,
+    R,
+    T,
+    j,
+    { ...D, defaultValue: !1 },
+    H,
+    Y,
+    q,
+    E,
+    F,
+    I,
+    O
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked Dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, re = N(Z, $, {
+  props: (e) => ({
+    ...e,
+    results: J({
+      from: e.dataset,
+      select: [e.yAxis, e.groupBy, e.measure]
+    })
+  }),
+  events: {
+    onSegmentClick: (e) => ({
+      dimensionValue: e.dimensionValue || _.noFilter()
+    })
+  }
+});
+export {
+  re as default,
+  $ as meta
+};
+//# sourceMappingURL=BarChartHorizontalGroupedPro.js.map

package/dist/BarChartHorizontalGroupedPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartHorizontalGroupedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartHorizontalGroupedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartHorizontalGroupedPro/BarChartHorizontalGroupedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui/charts/bars/BarChart';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\n\ntype BarChartHorizontalGroupedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onSegmentClick: (args: { dimensionValue: string | null }) => void;\n};\n\nconst BarChartHorizontalGroupedPro = (props: BarChartHorizontalGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    results,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(theme, measure, true), // Format X axis based on first measure\n    theme.charts?.barChartPro?.options || {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!data || !data.labels || data.labels.length === 0) return;\n\n    onSegmentClick({\n      dimensionValue: index === undefined ? null : (data.labels[index] as string),\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        onSegmentClick={handleSegmentClick}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalGroupedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartHorizontalGroupedPro from './index';\nimport {\n  dataset,\n  description,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  showTotalLabels,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartHorizontalGroupedPro',\n  label: 'Bar Chart Horizontal Grouped',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimension, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartHorizontalGroupedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","results","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onSegmentClick","resolveI18nProps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","handleSegmentClick","index","jsx","ChartCard","BarChart","meta","dataset","dimension","BarChartHorizontalGroupedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/{BarHorizontalChartPro.js → BarChartHorizontalPro.js}

@@ -1,7 +1,7 @@
-import { i as V, r as k, m as y, j as d, d as P, a as z, b as R, t as j, c as H, s as I, e as D, f as T, g as Y, x as q, y as E, p as F, q as O, u as _, v as G, V as J, o as K } from "./component.constants-CevNd84w.js";
+import { i as V, r as k, m as y, j as d, d as P, v as z, b as R, t as j, c as H, s as I, e as D, f as T, g as Y, x as q, y as E, p as F, q as O, u as _, w as G, V as J, o as K } from "./component.constants-NgQHE7x7.js";
 import { useTheme as N, defineComponent as Q } from "@embeddable.com/react";
-import { C as U } from "./object.utils-D2JZchGX.js";
-import { g as W, a as X, B as Z } from "./bars.utils-o2NkYLSR.js";
+import { C as U } from "./object.utils-fwmkLUFj.js";
+import { b as W, a as X, B as Z } from "./bars.utils-BNWXOTjn.js";
 const $ = (e) => {
   var r, i;
   const a = N();
@@ -21,10 +21,10 @@ const $ = (e) => {
     xAxisRangeMax: A,
     xAxisRangeMin: L,
     yAxisLabel: v,
-    yAxisMaxItems: B,
-    onSegmentClick: f
-  } = k(e), w = W(
-    { data: s.data, dimension: t, measures: o, maxItems: B },
+    yAxisMaxItems: w,
+    onSegmentClick: B
+  } = k(e), f = W(
+    { data: s.data, dimension: t, measures: o, maxItems: w },
     a
   ), M = y(
     X(a, o[0], !0),
@@ -32,7 +32,7 @@ const $ = (e) => {
     ((i = (r = a.charts) == null ? void 0 : r.barChartPro) == null ? void 0 : i.options) || {}
   ), S = (n) => {
     var l, m;
-    f({
+    B({
       dimensionValue: n === void 0 || (m = (l = s.data) == null ? void 0 : l[n]) == null ? void 0 : m[t.name]
     });
   };
@@ -48,7 +48,7 @@ const $ = (e) => {
         Z,
         {
           horizontal: !0,
-          data: w,
+          data: f,
           options: M,
           reverseYAxis: x,
           showLegend: h,
@@ -65,8 +65,8 @@ const $ = (e) => {
     }
   );
 }, ee = {
-  name: "BarHorizontalChartPro",
-  label: "Bar Horizontal Chart",
+  name: "BarChartHorizontalPro",
+  label: "Bar Chart Horizontal",
   category: "Bar Charts",
   inputs: [
     P,
@@ -116,4 +116,4 @@ export {
   re as default,
   ee as meta
 };
-//# sourceMappingURL=BarHorizontalChartPro.js.map
+//# sourceMappingURL=BarChartHorizontalPro.js.map

package/dist/{BarHorizontalChartPro.js.map → BarChartHorizontalPro.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BarHorizontalChartPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarHorizontalChartPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarHorizontalChartPro/BarHorizontalChartPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui/charts/bars/BarChart';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\n\ntype BarHorizontalChartProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisLabel: string;\n  yAxisMaxItems: number;\n  onSegmentClick: (args: { dimensionValue: string | null }) => void;\n};\n\nconst BarHorizontalChartPro = (props: BarHorizontalChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    results,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    title,\n    xAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisLabel,\n    yAxisMaxItems,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(theme, measures[0]!, true), // Format X axis based on first measure\n    theme.charts?.barChartPro?.options || {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarHorizontalChartPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarHorizontalChartPro from './index';\nimport {\n  dataset,\n  description,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measures,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n  yAxisMaxItems,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarHorizontalChartPro',\n  label: 'Bar Horizontal Chart',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measures,\n    dimension,\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisMaxItems,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarHorizontalChartPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarHorizontalChartPro","props","theme","useTheme","i18nSetup","description","dimension","measures","results","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","title","xAxisLabel","xAxisRangeMax","xAxisRangeMin","yAxisLabel","yAxisMaxItems","onSegmentClick","resolveI18nProps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","handleSegmentClick","index","jsx","ChartCard","BarChart","meta","dataset","BarHorizontalChartPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;AA6BA,MAAMA,IAAwB,CAACC,MAAsC;;AACnE,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAOC;AAAA,IACX,EAAE,MAAMf,EAAQ,MAAM,WAAAF,GAAW,UAAAC,GAAU,UAAUY,EAAA;AAAA,IACrDjB;AAAA,EAAA,GAGIsB,IAAUC;AAAA,IACdC,EAAsBxB,GAAOK,EAAS,CAAC,GAAI,EAAI;AAAA;AAAA,MAC/CoB,KAAAC,IAAA1B,EAAM,WAAN,gBAAA0B,EAAc,gBAAd,gBAAAD,EAA2B,YAAW,CAAA;AAAA,EAAC,GAGnCE,IAAqB,CAACC,MAA8B;;AACxD,IAAAV,EAAe;AAAA,MACb,gBAAgBU,MAAU,WAAwBH,KAAAC,IAAApB,EAAQ,SAAR,gBAAAoB,EAAeE,OAAf,OAAZ,SAAYH,EAAwBrB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEyB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMxB;AAAA,MACN,uBAAuB,CAACF,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcC,EAAQ;AAAA,MACtB,UAAUH;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,cAAAf;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,UACA,gBAAgBW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN,GCxEaK,KAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA5B;AAAA,IACAD;AAAA,IACAQ;AAAA,IACAT;AAAA,IACAK;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACAI;AAAA,IACAG;AAAA,IACAT;AAAA,IACAQ;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAiB,KAAeC,EAAgBrC,GAAuBkC,IAAM;AAAA,EAC1D,OAAO,CAACI,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}
+{"version":3,"file":"BarChartHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartHorizontalPro/BarChartHorizontalPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui/charts/bars/BarChart';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\n\ntype BarChartHorizontalProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisLabel: string;\n  yAxisMaxItems: number;\n  onSegmentClick: (args: { dimensionValue: string | null }) => void;\n};\n\nconst BarChartHorizontalPro = (props: BarChartHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    results,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    title,\n    xAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisLabel,\n    yAxisMaxItems,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(theme, measures[0]!, true), // Format X axis based on first measure\n    theme.charts?.barChartPro?.options || {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measures,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n  yAxisMaxItems,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartHorizontalPro',\n  label: 'Bar Chart Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measures,\n    dimension,\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisMaxItems,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalPro","props","theme","useTheme","i18nSetup","description","dimension","measures","results","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","title","xAxisLabel","xAxisRangeMax","xAxisRangeMin","yAxisLabel","yAxisMaxItems","onSegmentClick","resolveI18nProps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","handleSegmentClick","index","jsx","ChartCard","BarChart","meta","dataset","BarChartHorizontalPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;AA6BA,MAAMA,IAAwB,CAACC,MAAsC;;AACnE,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAOC;AAAA,IACX,EAAE,MAAMf,EAAQ,MAAM,WAAAF,GAAW,UAAAC,GAAU,UAAUY,EAAA;AAAA,IACrDjB;AAAA,EAAA,GAGIsB,IAAUC;AAAA,IACdC,EAAsBxB,GAAOK,EAAS,CAAC,GAAI,EAAI;AAAA;AAAA,MAC/CoB,KAAAC,IAAA1B,EAAM,WAAN,gBAAA0B,EAAc,gBAAd,gBAAAD,EAA2B,YAAW,CAAA;AAAA,EAAC,GAGnCE,IAAqB,CAACC,MAA8B;;AACxD,IAAAV,EAAe;AAAA,MACb,gBAAgBU,MAAU,WAAwBH,KAAAC,IAAApB,EAAQ,SAAR,gBAAAoB,EAAeE,OAAf,OAAZ,SAAYH,EAAwBrB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEyB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMxB;AAAA,MACN,uBAAuB,CAACF,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcC,EAAQ;AAAA,MACtB,UAAUH;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,cAAAf;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,UACA,gBAAgBW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN,GCxEaK,KAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA5B;AAAA,IACAD;AAAA,IACAQ;AAAA,IACAT;AAAA,IACAK;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACAI;AAAA,IACAG;AAAA,IACAT;AAAA,IACAQ;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAiB,KAAeC,EAAgBrC,GAAuBkC,IAAM;AAAA,EAC1D,OAAO,CAACI,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/BarChartHorizontalStackedPro.js

@@ -0,0 +1,127 @@
+import { i as V, r as v, m as P, j as c, d as M, a as z, b as d, t as R, c as T, s as j, e as D, f as H, g as Y, x as q, y as E, p as F, q as G, u as I, n as O, V as _, o as J } from "./component.constants-NgQHE7x7.js";
+import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
+import { C as Q } from "./object.utils-fwmkLUFj.js";
+import { g as U, a as W, B as X } from "./bars.utils-BNWXOTjn.js";
+const Z = (e) => {
+  var n, l;
+  const s = K();
+  V(s);
+  const {
+    description: u,
+    groupBy: r,
+    measure: t,
+    results: o,
+    reverseYAxis: h,
+    showLegend: x,
+    showLogarithmicScale: g,
+    showTooltips: p,
+    showTotalLabels: b,
+    showValueLabels: C,
+    title: A,
+    yAxis: i,
+    xAxisLabel: k,
+    yAxisLabel: S,
+    xAxisRangeMax: y,
+    xAxisRangeMin: B,
+    onSegmentClick: L
+  } = v(e), a = U(
+    {
+      data: o.data,
+      dimension: i,
+      groupDimension: r,
+      measure: t
+    },
+    s
+  ), f = P(
+    W(s, t, !0),
+    // Format Y axis based on first measure
+    ((l = (n = s.charts) == null ? void 0 : n.barChartPro) == null ? void 0 : l.options) || {}
+  ), w = (m) => {
+    !a || !a.labels || a.labels.length === 0 || L({
+      dimensionValue: m === void 0 ? null : a.labels[m]
+    });
+  };
+  return /* @__PURE__ */ c.jsx(
+    Q,
+    {
+      data: o,
+      dimensionsAndMeasures: [t, i, r],
+      errorMessage: o.error,
+      subtitle: u,
+      title: A,
+      children: /* @__PURE__ */ c.jsx(
+        X,
+        {
+          data: a,
+          onSegmentClick: w,
+          showLegend: x,
+          showTooltips: p,
+          showValueLabels: C,
+          showLogarithmicScale: g,
+          xAxisLabel: k,
+          yAxisLabel: S,
+          reverseYAxis: h,
+          xAxisRangeMin: B,
+          xAxisRangeMax: y,
+          showTotalLabels: b,
+          options: f,
+          stacked: "stacked",
+          horizontal: !0
+        }
+      )
+    }
+  );
+}, $ = {
+  name: "BarChartHorizontalStackedPro",
+  label: "Bar Chart Horizontal Stacked",
+  category: "Bar Charts",
+  inputs: [
+    M,
+    z,
+    { ...d, name: "yAxis", label: "Y-axis" },
+    { ...d, name: "groupBy", label: "Group by" },
+    R,
+    T,
+    j,
+    D,
+    { ...H, defaultValue: !1 },
+    Y,
+    q,
+    E,
+    F,
+    G,
+    I,
+    O
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked Dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, oe = N(Z, $, {
+  props: (e) => ({
+    ...e,
+    results: J({
+      from: e.dataset,
+      select: [e.yAxis, e.groupBy, e.measure]
+    })
+  }),
+  events: {
+    onSegmentClick: (e) => ({
+      dimensionValue: e.dimensionValue || _.noFilter()
+    })
+  }
+});
+export {
+  oe as default,
+  $ as meta
+};
+//# sourceMappingURL=BarChartHorizontalStackedPro.js.map

package/dist/BarChartHorizontalStackedPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartHorizontalStackedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartHorizontalStackedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartHorizontalStackedPro/BarChartHorizontalStackedPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui/charts/bars/BarChart';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\n\ntype BarChartHorizontalStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onSegmentClick: (args: { dimensionValue: string | null }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    results,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(theme, measure, true), // Format Y axis based on first measure\n    theme.charts?.barChartPro?.options || {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!data || !data.labels || data.labels.length === 0) return;\n\n    onSegmentClick({\n      dimensionValue: index === undefined ? null : (data.labels[index] as string),\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        onSegmentClick={handleSegmentClick}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked=\"stacked\"\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartHorizontalStackedPro from './index';\nimport {\n  dataset,\n  description,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  showTotalLabels,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartHorizontalStackedPro',\n  label: 'Bar Chart Horizontal Stacked',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimension, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartHorizontalStackedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","results","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onSegmentClick","resolveI18nProps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","handleSegmentClick","index","jsx","ChartCard","BarChart","meta","dataset","dimension","BarChartHorizontalStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartPro.js

@@ -1,7 +1,7 @@
-import { i as M, r as S, m as V, j as d, d as P, a as R, b as j, t as I, c as D, s as T, e as X, f as E, g as F, x as O, y as _, h as q, k as z, l as G, n as H, V as J, o as K } from "./component.constants-CevNd84w.js";
+import { i as M, r as S, m as V, j as d, d as P, v as R, b as j, t as I, c as D, s as T, e as X, f as z, g as E, x as F, y as O, h as _, k as q, l as G, z as H, V as J, o as K } from "./component.constants-NgQHE7x7.js";
 import { useTheme as N, defineComponent as Q } from "@embeddable.com/react";
-import { C as U } from "./object.utils-D2JZchGX.js";
-import { g as W, a as Y, B as Z } from "./bars.utils-o2NkYLSR.js";
+import { C as U } from "./object.utils-fwmkLUFj.js";
+import { b as W, a as Y, B as Z } from "./bars.utils-BNWXOTjn.js";
 const $ = (e) => {
   var o, i;
   const a = N();
@@ -20,19 +20,19 @@ const $ = (e) => {
     showLegend: b,
     showLogarithmicScale: A,
     showTooltips: L,
-    showValueLabels: y,
-    reverseXAxis: B,
-    onSegmentClick: f
-  } = S(e), k = W(
+    showValueLabels: v,
+    reverseXAxis: y,
+    onSegmentClick: B
+  } = S(e), f = W(
     { data: s.data, dimension: t, measures: r, maxItems: g },
     a
-  ), v = V(
+  ), k = V(
     Y(a, r[0]),
     // Format Y axis based on first measure
     ((i = (o = a.charts) == null ? void 0 : o.barChartPro) == null ? void 0 : i.options) || {}
   ), w = (n) => {
     var l, m;
-    f({
+    B({
       dimensionValue: n === void 0 || (m = (l = s.data) == null ? void 0 : l[n]) == null ? void 0 : m[t.name]
     });
   };
@@ -47,18 +47,18 @@ const $ = (e) => {
       children: /* @__PURE__ */ d.jsx(
         Z,
         {
-          data: k,
+          data: f,
           onSegmentClick: w,
           showLegend: b,
           showTooltips: L,
-          showValueLabels: y,
+          showValueLabels: v,
           showLogarithmicScale: A,
           xAxisLabel: x,
           yAxisLabel: u,
-          reverseXAxis: B,
+          reverseXAxis: y,
           yAxisRangeMin: p,
           yAxisRangeMax: C,
-          options: v
+          options: k
         }
       )
     }
@@ -75,12 +75,12 @@ const $ = (e) => {
     D,
     T,
     X,
+    z,
     E,
     F,
     O,
     _,
     q,
-    z,
     G,
     H
   ],