@embeddable.com/remarkable-ui 1.0.5 → 1.0.6

package/dist/BarChartGroupedPro.js

@@ -1,44 +1,45 @@
-import { i as L, r as w, m as G, j as m, B as k, d as P, w as R, b as M, z as j, t as v, c as S, A as T, s as F, e as X, f as z, g as q, x as E, y as I, p as O, q as W, u as _, V as u, o as H } from "./component.constants-B5vygi6l.js";
-import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
-import { C as N } from "./ChartCard-BzLW_64B.js";
+import { m as L, j as m, B as w, V as u, l as G } from "./TablePaginated-pVrIngVd.js";
+import { useTheme as k, defineComponent as P } from "@embeddable.com/react";
+import { i as R, r as M, d as v, q as j, a as S, u as T, t as F, b as X, v as q, s as z, c as E, e as I, f as O, x as W, y as _, l as H, n as J, o as K } from "./component.constants-VpbbPSIL.js";
+import { C as N } from "./ChartCard-FOSghcoD.js";
 import "react";
-import { b as Q, a as U } from "./bars.utils-CAMiF7iA.js";
+import { b as Q, a as U } from "./bars.utils-8ka9OKUG.js";
 import { u as Y } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const Z = (e) => {
   var n, l;
-  const a = J();
-  L(a);
+  const a = k();
+  R(a);
   const {
     description: d,
-    groupBy: o,
+    groupBy: i,
     measure: s,
     reverseXAxis: x,
     showLegend: p,
     showLogarithmicScale: c,
-    showTooltips: g,
-    showTotalLabels: h,
+    showTooltips: h,
+    showTotalLabels: g,
     showValueLabels: b,
-    title: A,
+    title: C,
     xAxis: r,
-    xAxisLabel: C,
+    xAxisLabel: A,
     yAxisLabel: B,
     yAxisRangeMax: y,
-    yAxisRangeMin: V,
-    onBarClicked: f
-  } = w(e), i = Y({
+    yAxisRangeMin: f,
+    onBarClicked: V
+  } = M(e), o = Y({
     results: e.results,
     dimension: e.xAxis
   }), t = Q(
     {
-      data: i.data,
+      data: o.data,
       dimension: r,
-      groupDimension: o,
+      groupDimension: i,
       measure: s
     },
     a
-  ), D = G(
+  ), D = L(
     U(
-      { measures: [s], horizontal: !1, onBarClicked: f, data: t, dimension: r },
+      { measures: [s], horizontal: !1, onBarClicked: V, data: t, dimension: r },
       a
     ),
     ((l = (n = a.charts) == null ? void 0 : n.barChartGroupedPro) == null ? void 0 : l.options) || {}
@@ -46,25 +47,25 @@ const Z = (e) => {
   return /* @__PURE__ */ m.jsx(
     N,
     {
-      data: i,
-      dimensionsAndMeasures: [s, r, o],
-      errorMessage: i.error,
+      data: o,
+      dimensionsAndMeasures: [s, r, i],
+      errorMessage: o.error,
       subtitle: d,
-      title: A,
+      title: C,
       children: /* @__PURE__ */ m.jsx(
-        k,
+        w,
         {
           data: t,
           showLegend: p,
-          showTooltips: g,
+          showTooltips: h,
           showValueLabels: b,
           showLogarithmicScale: c,
-          xAxisLabel: C,
+          xAxisLabel: A,
           yAxisLabel: B,
           reverseXAxis: x,
-          yAxisRangeMin: V,
+          yAxisRangeMin: f,
           yAxisRangeMax: y,
-          showTotalLabels: h,
+          showTotalLabels: g,
           options: D
         }
       )
@@ -75,22 +76,22 @@ const Z = (e) => {
   label: "Bar Chart - Grouped",
   category: "Bar Charts",
   inputs: [
-    P,
-    R,
-    { ...M, name: "xAxis", label: "X-axis" },
-    { ...j, name: "groupBy", label: "Group by" },
     v,
-    S,
-    T,
+    j,
+    { ...S, name: "xAxis", label: "X-axis" },
+    { ...T, name: "groupBy", label: "Group by" },
     F,
     X,
-    { ...z, defaultValue: !1 },
     q,
+    z,
     E,
-    I,
+    { ...I, defaultValue: !1 },
     O,
     W,
-    _
+    _,
+    H,
+    J,
+    K
   ],
   events: [
     {
@@ -110,10 +111,10 @@ const Z = (e) => {
       ]
     }
   ]
-}, te = K(Z, $, {
+}, ne = P(Z, $, {
   props: (e) => ({
     ...e,
-    results: H({
+    results: G({
       limit: e.maxResults,
       from: e.dataset,
       select: [e.xAxis, e.groupBy, e.measure]
@@ -127,7 +128,7 @@ const Z = (e) => {
   }
 });
 export {
-  te as default,
+  ne as default,
   $ as meta
 };
 //# sourceMappingURL=BarChartGroupedPro.js.map

package/dist/BarChartGroupedPro.js.map

@@ -1 +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';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\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  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => 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    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    xAxis,\n    xAxisLabel,\n    yAxisLabel,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\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(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options || {},\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        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  dimensionWithDateBounds,\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  maxResults,\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    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping 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        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartGroupedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}
+{"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';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\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  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => 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    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    xAxis,\n    xAxisLabel,\n    yAxisLabel,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\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(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options || {},\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        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  dimensionWithDateBounds,\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  maxResults,\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    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping 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        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartGroupedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartStackedHorizontalPro.js

@@ -1,13 +1,14 @@
-import { i as L, r as f, m as w, j as m, B as S, d as z, w as P, b as R, z as M, t as H, c as T, A as j, s as v, e as F, f as G, g as Y, x as E, y as I, h as O, k as W, l as _, C as q, V as u, o as J } from "./component.constants-B5vygi6l.js";
-import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
-import { C as Q } from "./ChartCard-BzLW_64B.js";
+import { m as D, j as m, B as L, V as u, l as w } from "./TablePaginated-pVrIngVd.js";
+import { useTheme as S, defineComponent as z } from "@embeddable.com/react";
+import { i as P, r as R, d as M, q as j, a as v, u as H, t as T, b as F, v as G, s as Y, c as q, e as E, f as I, x as O, y as W, g as _, h as J, j as K, w as N } from "./component.constants-VpbbPSIL.js";
+import { C as Q } from "./ChartCard-FOSghcoD.js";
 import "react";
-import { b as U, a as X } from "./bars.utils-CAMiF7iA.js";
+import { b as U, a as X } from "./bars.utils-8ka9OKUG.js";
 import { u as Z } from "./charts.fillGaps.hooks-5WclK2CD.js";
 const $ = (a) => {
   var n, l;
-  const e = K();
-  L(e);
+  const e = S();
+  P(e);
   const {
     description: d,
     groupBy: i,
@@ -22,10 +23,10 @@ const $ = (a) => {
     yAxis: o,
     xAxisLabel: A,
     yAxisLabel: B,
-    xAxisRangeMax: k,
-    xAxisRangeMin: y,
+    xAxisRangeMax: y,
+    xAxisRangeMin: k,
     onBarClicked: V
-  } = f(a), r = Z({
+  } = R(a), r = Z({
     results: a.results,
     dimension: a.yAxis
   }), t = U(
@@ -36,7 +37,7 @@ const $ = (a) => {
       measure: s
     },
     e
-  ), D = w(
+  ), f = D(
     X(
       { measures: [s], horizontal: !0, onBarClicked: V, data: t, dimension: o },
       e
@@ -52,7 +53,7 @@ const $ = (a) => {
       subtitle: d,
       title: C,
       children: /* @__PURE__ */ m.jsx(
-        S,
+        L,
         {
           data: t,
           showLegend: c,
@@ -62,10 +63,10 @@ const $ = (a) => {
           xAxisLabel: A,
           yAxisLabel: B,
           reverseYAxis: x,
-          xAxisRangeMin: y,
-          xAxisRangeMax: k,
+          xAxisRangeMin: k,
+          xAxisRangeMax: y,
           showTotalLabels: p,
-          options: D,
+          options: f,
           stacked: !0,
           horizontal: !0
         }
@@ -77,23 +78,23 @@ const $ = (a) => {
   label: "Bar Chart - Stacked Horizontal",
   category: "Bar Charts",
   inputs: [
-    z,
-    P,
-    { ...R, name: "yAxis", label: "Y-axis" },
-    { ...M, name: "groupBy", label: "Group by" },
-    H,
-    T,
+    M,
     j,
-    v,
+    { ...v, name: "yAxis", label: "Y-axis" },
+    { ...H, name: "groupBy", label: "Group by" },
+    T,
     F,
-    { ...G, defaultValue: !1 },
+    G,
     Y,
-    E,
+    q,
+    { ...E, defaultValue: !1 },
     I,
     O,
     W,
     _,
-    q
+    J,
+    K,
+    N
   ],
   events: [
     {
@@ -113,10 +114,10 @@ const $ = (a) => {
       ]
     }
   ]
-}, na = N($, aa, {
+}, la = z($, aa, {
   props: (a) => ({
     ...a,
-    results: J({
+    results: w({
       limit: a.maxResults,
       from: a.dataset,
       select: [a.yAxis, a.groupBy, a.measure]
@@ -130,7 +131,7 @@ const $ = (a) => {
   }
 });
 export {
-  na as default,
+  la as default,
   aa as meta
 };
 //# sourceMappingURL=BarChartStackedHorizontalPro.js.map

package/dist/BarChartStackedHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.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';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\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  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => 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    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\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(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\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        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\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 BarChartStackedHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\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  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\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: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.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';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\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  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => 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    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\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(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\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        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\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 BarChartStackedHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\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  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\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: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartStackedPro.js

@@ -1,13 +1,14 @@
-import { i as D, r as L, m as w, j as m, B as S, d as P, w as R, b as M, z as T, t as j, c as v, A as F, s as G, e as X, f as z, g as q, x as E, y as I, p as O, q as W, u as _, C as H, V as u, o as J } from "./component.constants-B5vygi6l.js";
-import { useTheme as K, defineComponent as N } from "@embeddable.com/react";
-import { C as Q } from "./ChartCard-BzLW_64B.js";
+import { m as D, j as m, B as L, V as u, l as w } from "./TablePaginated-pVrIngVd.js";
+import { useTheme as S, defineComponent as P } from "@embeddable.com/react";
+import { i as R, r as M, d as v, q as T, a as j, u as F, t as G, b as X, v as q, s as z, c as E, e as I, f as O, x as W, y as _, l as H, n as J, o as K, w as N } from "./component.constants-VpbbPSIL.js";
+import { C as Q } from "./ChartCard-FOSghcoD.js";
 import "react";
-import { b as U, a as Y } from "./bars.utils-CAMiF7iA.js";
+import { b as U, a as Y } from "./bars.utils-8ka9OKUG.js";
 import { u as Z } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const $ = (e) => {
+const $ = (a) => {
   var n, l;
-  const a = K();
-  D(a);
+  const e = S();
+  R(e);
   const {
     description: d,
     groupBy: o,
@@ -15,19 +16,19 @@ const $ = (e) => {
     reverseXAxis: x,
     showLegend: c,
     showLogarithmicScale: h,
-    showTooltips: g,
-    showTotalLabels: p,
+    showTooltips: p,
+    showTotalLabels: g,
     showValueLabels: b,
     title: C,
     xAxis: i,
     xAxisLabel: A,
     yAxisLabel: B,
     yAxisRangeMax: y,
-    yAxisRangeMin: k,
-    onBarClicked: V
-  } = L(e), r = Z({
-    results: e.results,
-    dimension: e.xAxis
+    yAxisRangeMin: f,
+    onBarClicked: k
+  } = M(a), r = Z({
+    results: a.results,
+    dimension: a.xAxis
   }), t = U(
     {
       data: r.data,
@@ -35,13 +36,13 @@ const $ = (e) => {
       groupDimension: o,
       measure: s
     },
-    a
-  ), f = w(
+    e
+  ), V = D(
     Y(
-      { measures: [s], horizontal: !1, onBarClicked: V, data: t, dimension: i },
-      a
+      { measures: [s], horizontal: !1, onBarClicked: k, data: t, dimension: i },
+      e
     ),
-    ((l = (n = a.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
+    ((l = (n = e.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
   );
   return /* @__PURE__ */ m.jsx(
     Q,
@@ -52,47 +53,47 @@ const $ = (e) => {
       subtitle: d,
       title: C,
       children: /* @__PURE__ */ m.jsx(
-        S,
+        L,
         {
           data: t,
           showLegend: c,
-          showTooltips: g,
+          showTooltips: p,
           showValueLabels: b,
           showLogarithmicScale: h,
           xAxisLabel: A,
           yAxisLabel: B,
           reverseXAxis: x,
-          yAxisRangeMin: k,
+          yAxisRangeMin: f,
           yAxisRangeMax: y,
-          showTotalLabels: p,
-          options: f,
+          showTotalLabels: g,
+          options: V,
           stacked: !0
         }
       )
     }
   );
-}, ee = {
+}, aa = {
   name: "BarChartStackedPro",
   label: "Bar Chart - Stacked",
   category: "Bar Charts",
   inputs: [
-    P,
-    R,
-    { ...M, name: "xAxis", label: "X-axis" },
-    { ...T, name: "groupBy", label: "Group by" },
-    j,
     v,
-    F,
+    T,
+    { ...j, name: "xAxis", label: "X-axis" },
+    { ...F, name: "groupBy", label: "Group by" },
     G,
     X,
-    { ...z, defaultValue: !1 },
     q,
+    z,
     E,
-    I,
+    { ...I, defaultValue: !1 },
     O,
     W,
     _,
-    H
+    H,
+    J,
+    K,
+    N
   ],
   events: [
     {
@@ -112,24 +113,24 @@ const $ = (e) => {
       ]
     }
   ]
-}, ne = N($, ee, {
-  props: (e) => ({
-    ...e,
-    results: J({
-      limit: e.maxResults,
-      from: e.dataset,
-      select: [e.xAxis, e.groupBy, e.measure]
+}, la = P($, aa, {
+  props: (a) => ({
+    ...a,
+    results: w({
+      limit: a.maxResults,
+      from: a.dataset,
+      select: [a.xAxis, a.groupBy, a.measure]
     })
   }),
   events: {
-    onBarClicked: (e) => ({
-      axisDimensionValue: e.axisDimensionValue || u.noFilter(),
-      groupingDimensionValue: e.groupingDimensionValue || u.noFilter()
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || u.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue || u.noFilter()
     })
   }
 });
 export {
-  ne as default,
-  ee as meta
+  la as default,
+  aa as meta
 };
 //# sourceMappingURL=BarChartStackedPro.js.map

package/dist/BarChartStackedPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartStackedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.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';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  maxLegendItems?: number;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTotalLabels?: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const {\n    description,\n    groupBy,\n    measure,\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    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\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(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedPro?.options || {},\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        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        stacked\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\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  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedPro',\n  label: 'Bar Chart - Stacked',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\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: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"BarChartStackedPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartStackedPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartStackedPro/BarChartStackedPro.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';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  maxLegendItems?: number;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTotalLabels?: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const {\n    description,\n    groupBy,\n    measure,\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    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\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(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedPro?.options || {},\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        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        stacked\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\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  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedPro',\n  label: 'Bar Chart - Stacked',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\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: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}