@embeddable.com/remarkable-ui 0.1.7 → 0.1.10

package/dist/BarChartDefaultHorizontalPro.js

@@ -0,0 +1,112 @@
+import { i as L, r as w, m as M, j as n, d as V, a as y, b as z, t as P, c as k, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as F, l as W, n as Y, V as E, o as G } from "./component.constants-Bu7urPvk.js";
+import { useTheme as O, defineComponent as _ } from "@embeddable.com/react";
+import { C as q } from "./object.utils-DgP__R-5.js";
+import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-CARsYBdm.js";
+const U = (a) => {
+  var o, i;
+  const e = O();
+  L(e);
+  const {
+    description: l,
+    dimension: r,
+    measures: s,
+    reverseYAxis: m,
+    showLegend: x,
+    showLogarithmicScale: u,
+    showTooltips: h,
+    showValueLabels: d,
+    title: c,
+    xAxisLabel: C,
+    xAxisRangeMax: g,
+    xAxisRangeMin: p,
+    yAxisLabel: A,
+    yAxisMaxItems: b,
+    onBarClicked: f
+  } = w(a), t = J(a.results, a.dimension), B = K(
+    { data: t.data, dimension: r, measures: s, maxItems: b },
+    e
+  ), D = M(
+    N({ measure: s[0], horizontal: !0, onBarClicked: f }, e),
+    // Format X axis based on first measure
+    ((i = (o = e.charts) == null ? void 0 : o.barChartDefaultHorizontalPro) == null ? void 0 : i.options) || {}
+  );
+  return /* @__PURE__ */ n.jsx(
+    q,
+    {
+      data: t,
+      dimensionsAndMeasures: [r, ...s],
+      errorMessage: t.error,
+      subtitle: l,
+      title: c,
+      children: /* @__PURE__ */ n.jsx(
+        Q,
+        {
+          horizontal: !0,
+          data: B,
+          options: D,
+          reverseYAxis: m,
+          showLegend: x,
+          showLogarithmicScale: u,
+          showTooltips: h,
+          showValueLabels: d,
+          xAxisLabel: C,
+          xAxisRangeMax: g,
+          xAxisRangeMin: p,
+          yAxisLabel: A
+        }
+      )
+    }
+  );
+}, X = {
+  name: "BarChartDefaultHorizontalPro",
+  label: "Bar Chart - Default Horizontal",
+  category: "Bar Charts",
+  inputs: [
+    V,
+    y,
+    z,
+    P,
+    k,
+    v,
+    H,
+    R,
+    j,
+    I,
+    S,
+    T,
+    F,
+    W,
+    Y
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, sa = _(U, X, {
+  props: (a) => ({
+    ...a,
+    results: G({
+      from: a.dataset,
+      select: [...a.measures, a.dimension]
+    })
+  }),
+  events: {
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || E.noFilter()
+    })
+  }
+});
+export {
+  sa as default,
+  X as meta
+};
+//# sourceMappingURL=BarChartDefaultHorizontalPro.js.map

package/dist/BarChartDefaultHorizontalPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartDefaultHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.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';\nimport { useChartDataWithFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultHorizontalProProps = {\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  onBarClicked: (args: { axisDimensionValue: string | null }) => void;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    title,\n    xAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisLabel,\n    yAxisMaxItems,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useChartDataWithFillGaps(props.results, props.dimension);\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measure: measures[0]!, horizontal: true, onBarClicked }, theme), // Format X axis based on first measure\n    theme.charts?.barChartDefaultHorizontalPro?.options || {},\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      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultHorizontalPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartDefaultHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\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: 'BarChartDefaultHorizontalPro',\n  label: 'Bar Chart - Default Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measures,\n    dimensionWithDateBounds,\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: '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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartDefaultHorizontalPro, 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    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","description","dimension","measures","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","title","xAxisLabel","xAxisRangeMax","xAxisRangeMin","yAxisLabel","yAxisMaxItems","onBarClicked","resolveI18nProps","results","useChartDataWithFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","BarChartDefaultHorizontalPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;AA8BA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;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,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAUC,EAAyBrB,EAAM,SAASA,EAAM,SAAS,GAEjEsB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUW,EAAA;AAAA,IACrDhB;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,SAASpB,EAAS,CAAC,GAAI,YAAY,IAAM,cAAAY,EAAA,GAAgBjB,CAAK;AAAA;AAAA,MACtF0B,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcc,EAAQ;AAAA,MACtB,UAAUhB;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,MAAAT;AAAA,UACA,SAAAE;AAAA,UACA,cAAAjB;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,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCnEagB,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA3B;AAAA,IACA4B;AAAA,IACAtB;AAAA,IACAR;AAAA,IACAI;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,GAEAkB,KAAeC,EAAgBrC,GAA8BiC,GAAM;AAAA,EACjE,OAAO,CAACK,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,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/BarChartDefaultPro.js

@@ -0,0 +1,111 @@
+import { i as L, r as y, m as w, j as n, d as M, a as V, b as P, t as v, c as k, s as R, e as j, f as I, g as S, x as T, y as F, p as W, q as X, u as q, v as z, V as E, o as G } from "./component.constants-Bu7urPvk.js";
+import { useTheme as O, defineComponent as _ } from "@embeddable.com/react";
+import { C as H } from "./object.utils-DgP__R-5.js";
+import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-CARsYBdm.js";
+const U = (a) => {
+  var i, o;
+  const s = O();
+  L(s);
+  const {
+    description: l,
+    dimension: r,
+    measures: e,
+    title: m,
+    xAxisLabel: x,
+    xAxisMaxItems: u,
+    yAxisLabel: d,
+    yAxisRangeMin: h,
+    yAxisRangeMax: c,
+    showLegend: C,
+    showLogarithmicScale: p,
+    showTooltips: g,
+    showValueLabels: A,
+    reverseXAxis: b,
+    onBarClicked: f
+  } = y(a), t = J(a.results, a.dimension), B = K(
+    { data: t.data, dimension: r, measures: e, maxItems: u },
+    s
+  ), D = w(
+    N({ measure: e[0], horizontal: !1, onBarClicked: f }, s),
+    // Format Y axis based on first measure
+    ((o = (i = s.charts) == null ? void 0 : i.barChartDefaultPro) == null ? void 0 : o.options) || {}
+  );
+  return /* @__PURE__ */ n.jsx(
+    H,
+    {
+      data: t,
+      dimensionsAndMeasures: [r, ...e],
+      errorMessage: t.error,
+      subtitle: l,
+      title: m,
+      children: /* @__PURE__ */ n.jsx(
+        Q,
+        {
+          data: B,
+          showLegend: C,
+          showTooltips: g,
+          showValueLabels: A,
+          showLogarithmicScale: p,
+          xAxisLabel: x,
+          yAxisLabel: d,
+          reverseXAxis: b,
+          yAxisRangeMin: h,
+          yAxisRangeMax: c,
+          options: D
+        }
+      )
+    }
+  );
+}, Y = {
+  name: "BarChartDefaultPro",
+  label: "Bar Chart - Default",
+  category: "Bar Charts",
+  inputs: [
+    M,
+    V,
+    P,
+    v,
+    k,
+    R,
+    j,
+    I,
+    S,
+    T,
+    F,
+    W,
+    X,
+    q,
+    z
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, ea = _(U, Y, {
+  props: (a) => ({
+    ...a,
+    results: G({
+      from: a.dataset,
+      select: [...a.measures, a.dimension]
+    })
+  }),
+  events: {
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || E.noFilter()
+    })
+  }
+});
+export {
+  ea as default,
+  Y as meta
+};
+//# sourceMappingURL=BarChartDefaultPro.js.map

package/dist/BarChartDefaultPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.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';\nimport { useChartDataWithFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  title: string;\n  xAxisLabel: string;\n  xAxisMaxItems: number;\n  yAxisLabel: string;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  reverseXAxis: boolean;\n  onBarClicked: (args: { axisDimensionValue: string | null }) => void;\n};\n\nconst BarChartDefaultPro = (props: BarChartDefaultProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    title,\n    xAxisLabel,\n    xAxisMaxItems,\n    yAxisLabel,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    reverseXAxis,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useChartDataWithFillGaps(props.results, props.dimension);\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: xAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measure: measures[0]!, horizontal: false, onBarClicked }, theme), // Format Y axis based on first measure\n    theme.charts?.barChartDefaultPro?.options || {},\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        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        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartDefaultPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measures,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseXAxis,\n  yAxisRangeMin,\n  yAxisRangeMax,\n  xAxisMaxItems,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartDefaultPro',\n  label: 'Bar Chart - Default',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measures,\n    dimensionWithDateBounds,\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    xAxisMaxItems,\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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartDefaultPro, 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    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartDefaultPro","props","theme","useTheme","i18nSetup","description","dimension","measures","title","xAxisLabel","xAxisMaxItems","yAxisLabel","yAxisRangeMin","yAxisRangeMax","showLegend","showLogarithmicScale","showTooltips","showValueLabels","reverseXAxis","onBarClicked","resolveI18nProps","results","useChartDataWithFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","BarChartDefaultPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;AA8BA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAUC,EAAyBrB,EAAM,SAASA,EAAM,SAAS,GAEjEsB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUG,EAAA;AAAA,IACrDR;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,SAASpB,EAAS,CAAC,GAAI,YAAY,IAAO,cAAAY,EAAA,GAAgBjB,CAAK;AAAA;AAAA,MACvF0B,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcc,EAAQ;AAAA,MACtB,UAAUhB;AAAA,MACV,OAAAG;AAAA,MAEA,UAAAsB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAT;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAC;AAAA,UACA,sBAAAF;AAAA,UACA,YAAAN;AAAA,UACA,YAAAE;AAAA,UACA,cAAAO;AAAA,UACA,eAAAN;AAAA,UACA,eAAAC;AAAA,UACA,SAAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GClEaQ,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA3B;AAAA,IACA4B;AAAA,IACA3B;AAAA,IACAH;AAAA,IACAS;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACAN;AAAA,IACAE;AAAA,IACAO;AAAA,IACAN;AAAA,IACAC;AAAA,IACAH;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,GAEA0B,KAAeC,EAAgBrC,GAAoBiC,GAAM;AAAA,EACvD,OAAO,CAACK,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,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/BarChartGroupedHorizontalPro.js

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

package/dist/BarChartGroupedHorizontalPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartGroupedHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.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';\nimport { useChartDataWithFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartGroupedHorizontalProProps = {\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 BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\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 = useChartDataWithFillGaps(props.results, props.yAxis);\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({ measure, horizontal: true, onBarClicked }, theme), // Format X axis based on first measure\n    theme.charts?.barChartGroupedHorizontalPro?.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        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartGroupedHorizontalPro 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  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped 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    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\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(BarChartGroupedHorizontalPro, 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    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useChartDataWithFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","BarChartGroupedHorizontalPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;AAkCA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAUC,EAAyBtB,EAAM,SAASA,EAAM,KAAK,GAE7DuB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWP;AAAA,MACX,gBAAgBT;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC,EAAsB,EAAE,SAAArB,GAAS,YAAY,IAAM,cAAAa,EAAA,GAAgBlB,CAAK;AAAA;AAAA,MACxE2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAASQ,GAAOT,CAAO;AAAA,MAC/C,cAAcgB,EAAQ;AAAA,MACtB,UAAUjB;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAf;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAc;AAAA,UACA,YAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN,GC9EaQ,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA5B;AAAA,IACA,EAAE,GAAG6B,GAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IACpD,EAAE,GAAGC,GAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IACxCvB;AAAA,IACAT;AAAA,IACAI;AAAA,IACAE;AAAA,IACA,EAAE,GAAGE,GAAiB,cAAc,GAAA;AAAA,IACpCH;AAAA,IACAM;AAAA,IACAC;AAAA,IACAT;AAAA,IACAW;AAAA,IACAD;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,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAoB,KAAeC,EAAgBvC,GAA8BkC,GAAM;AAAA,EACjE,OAAO,CAACM,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}

package/dist/BarChartGroupedPro.js

@@ -1,125 +1,123 @@
-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);
+import { i as L, r as w, m as G, j as l, d as k, w as P, b as M, z as R, t as j, c as v, s as S, e as T, f as F, g as X, x as z, y as W, p as q, q as E, u as I, V as u, o as O } from "./component.constants-Bu7urPvk.js";
+import { useTheme as _, defineComponent as H } from "@embeddable.com/react";
+import { C as J } from "./object.utils-DgP__R-5.js";
+import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-CARsYBdm.js";
+const Y = (e) => {
+  var t, n;
+  const a = _();
+  L(a);
   const {
-    description: c,
-    groupBy: t,
-    measure: r,
-    results: o,
-    reverseXAxis: h,
-    showLegend: p,
-    showLogarithmicScale: g,
-    showTooltips: x,
-    showTotalLabels: b,
-    showValueLabels: C,
-    title: A,
+    description: m,
+    groupBy: o,
+    measure: s,
+    reverseXAxis: d,
+    showLegend: x,
+    showLogarithmicScale: p,
+    showTooltips: h,
+    showTotalLabels: c,
+    showValueLabels: g,
+    title: b,
     xAxis: i,
-    xAxisLabel: y,
-    yAxisLabel: B,
-    yAxisRangeMax: L,
-    yAxisRangeMin: f,
-    onSegmentClick: w
-  } = v(e), a = U(
+    xAxisLabel: C,
+    yAxisLabel: A,
+    yAxisRangeMax: B,
+    yAxisRangeMin: y,
+    onBarClicked: D
+  } = w(e), r = K(e.results, e.xAxis), V = N(
     {
-      data: o.data,
+      data: r.data,
       dimension: i,
-      groupDimension: t,
-      measure: r
+      groupDimension: o,
+      measure: s
     },
-    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,
+    a
+  ), f = G(
+    Q({ measure: s, horizontal: !1, onBarClicked: D }, a),
+    ((n = (t = a.charts) == null ? void 0 : t.barChartGroupedPro) == null ? void 0 : n.options) || {}
+  );
+  return /* @__PURE__ */ l.jsx(
+    J,
     {
-      data: o,
-      dimensionsAndMeasures: [r, i, t],
-      errorMessage: o.error,
-      subtitle: c,
-      title: A,
-      children: /* @__PURE__ */ d.jsx(
-        Y,
+      data: r,
+      dimensionsAndMeasures: [s, i, o],
+      errorMessage: r.error,
+      subtitle: m,
+      title: b,
+      children: /* @__PURE__ */ l.jsx(
+        U,
         {
-          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
+          data: V,
+          showLegend: x,
+          showTooltips: h,
+          showValueLabels: g,
+          showLogarithmicScale: p,
+          xAxisLabel: C,
+          yAxisLabel: A,
+          reverseXAxis: d,
+          yAxisRangeMin: y,
+          yAxisRangeMax: B,
+          showTotalLabels: c,
+          options: f
         }
       )
     }
   );
-}, $ = {
+}, Z = {
   name: "BarChartGroupedPro",
-  label: "Bar Chart Grouped",
+  label: "Bar Chart - Grouped",
   category: "Bar Charts",
   inputs: [
-    M,
-    G,
-    { ...u, name: "xAxis", label: "X-axis" },
-    { ...u, name: "groupBy", label: "Group by" },
-    R,
-    T,
+    k,
+    P,
+    { ...M, name: "xAxis", label: "X-axis" },
+    { ...R, name: "groupBy", label: "Group by" },
     j,
-    D,
-    { ...X, defaultValue: !1 },
-    E,
-    F,
-    I,
-    O,
-    _,
+    v,
+    S,
+    T,
+    { ...F, defaultValue: !1 },
+    X,
+    z,
+    W,
     q,
-    z
+    E,
+    I
   ],
   events: [
     {
-      name: "onSegmentClick",
+      name: "onBarClicked",
       label: "A bar is clicked",
       properties: [
         {
-          name: "dimensionValue",
-          label: "Clicked Dimension value",
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked Grouping Dimension Value",
           type: "string"
         }
       ]
     }
   ]
-}, oe = N(Z, $, {
+}, re = H(Y, Z, {
   props: (e) => ({
     ...e,
-    results: J({
+    results: O({
       from: e.dataset,
       select: [e.xAxis, e.groupBy, e.measure]
     })
   }),
   events: {
-    onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || H.noFilter()
+    onBarClicked: (e) => ({
+      axisDimensionValue: e.axisDimensionValue || u.noFilter(),
+      groupingDimensionValue: e.groupingDimensionValue || u.noFilter()
     })
   }
 });
 export {
-  oe as default,
-  $ as meta
+  re as default,
+  Z 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/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":";;;;AA8BA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBrB,CAAK,GAEpBsB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMhB,EAAQ;AAAA,MACd,WAAWQ;AAAA,MACX,gBAAgBV;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsBzB,GAAOK,CAAO;AAAA;AAAA,MACpCqB,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,gBAAd,gBAAAD,EAA2B,YAAW,CAAA;AAAA,EAAC,GAGnCE,IAAqB,CAACC,MAA8B;AACxD,IAAI,CAACR,KAAQ,CAACA,EAAK,UAAUA,EAAK,OAAO,WAAW,KAEpDF,EAAe;AAAA,MACb,gBAAgBU,MAAU,SAAY,OAAQR,EAAK,OAAOQ,CAAK;AAAA,IAAA,CAChE;AAAA,EACH;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMzB;AAAA,MACN,uBAAuB,CAACD,GAASS,GAAOV,CAAO;AAAA,MAC/C,cAAcE,EAAQ;AAAA,MACtB,UAAUH;AAAA,MACV,OAAAU;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,gBAAgBO;AAAA,UAChB,YAAApB;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCjFaU,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA7B;AAAA,IACA,EAAE,GAAG8B,GAAW,MAAM,SAAS,OAAO,SAAA;AAAA,IACtC,EAAE,GAAGA,GAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IACxCtB;AAAA,IACAV;AAAA,IACAK;AAAA,IACAE;AAAA,IACA,EAAE,GAAGE,GAAiB,cAAc,GAAA;AAAA,IACpCH;AAAA,IACAM;AAAA,IACAC;AAAA,IACAT;AAAA,IACAW;AAAA,IACAD;AAAA,IACAN;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,GAEAyB,KAAeC,EAAgBvC,GAAoBmC,GAAM;AAAA,EACvD,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;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":"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';\nimport { useChartDataWithFillGaps } 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 = useChartDataWithFillGaps(props.results, props.xAxis);\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({ measure, horizontal: false, onBarClicked }, theme),\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} 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    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        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","useChartDataWithFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","BarChartGroupedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}