@embeddable.com/remarkable-pro 0.0.24 → 0.0.26

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,16 +1,17 @@
-import { V as r, l as o } from "./Color.type.emb-DWdIUAm5.js";
-import { definePreview as t, defineComponent as n } from "@embeddable.com/react";
-import { B as i } from "./index-CBcVtvlk.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as s } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { V as l, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
+import { B as n } from "./index-fcVfPVmY.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as r } from "./preview.data.constants-37wUPKG8.js";
+import { g as p } from "./granularity.utils-CA504xa0.js";
+const x = {
   name: "BarChartDefaultHorizontalPro",
   label: "Bar Chart - Default Horizontal",
   category: "Bar Charts",
   inputs: [
     e.dataset,
-    e.measures,
-    { ...e.dimensionWithDateBounds, label: "Y-axis" },
+    { ...e.measures, inputs: [...e.measures.inputs, e.color] },
+    { ...e.dimensionWithGranularitySelectField, label: "Y-axis" },
     e.title,
     e.description,
     e.showLegend,
@@ -37,28 +38,38 @@ const l = {
       ]
     }
   ]
-}, c = t(i, {
-  dimension: s.dimension,
-  measures: [s.measure],
-  results: s.results1Measure1Dimension,
-  hideMenu: !0
-}), f = n(i, l, {
-  props: (a) => ({
-    ...a,
-    results: o({
-      from: a.dataset,
-      select: [...a.measures, a.dimension]
-    })
-  }),
+}, g = u(n, {
+  dimension: r.dimension,
+  measures: [r.measure],
+  results: r.results1Measure1Dimension,
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), C = d(n, x, {
+  props: (a, [i, o]) => {
+    const s = p(
+      a.dimension,
+      i == null ? void 0 : i.granularity
+    );
+    return {
+      ...a,
+      dimension: s,
+      setGranularity: (t) => o({ granularity: t }),
+      results: m({
+        from: a.dataset,
+        select: [...a.measures, s]
+      })
+    };
+  },
   events: {
     onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || r.noFilter()
+      axisDimensionValue: a.axisDimensionValue || l.noFilter()
     })
   }
 });
 export {
-  f as default,
-  l as meta,
-  c as preview
+  C as default,
+  x as meta,
+  g as preview
 };
 //# sourceMappingURL=BarChartDefaultHorizontalPro.js.map

package/dist/BarChartDefaultHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartDefaultHorizontalPro.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartDefaultHorizontalPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'BarChartDefaultHorizontalPro',\n  label: 'Bar Chart - Default Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measures,\n    { ...inputs.dimensionWithDateBounds, label: 'Y-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.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 const preview = definePreview(BarChartDefaultHorizontalPro, {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n});\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":["meta","inputs","preview","definePreview","BarChartDefaultHorizontalPro","previewData","BarChartDefaultHorizontalPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,yBAAyB,OAAO,SAAA;AAAA,IAC5CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAA8B;AAAA,EACjE,WAAWC,EAAY;AAAA,EACvB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAA8BJ,GAAM;AAAA,EACjE,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,MAAMP,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACQ,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}
+{"version":3,"file":"BarChartDefaultHorizontalPro.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.ts"],"sourcesContent":["import { Granularity, Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartDefaultHorizontalPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'BarChartDefaultHorizontalPro',\n  label: 'Bar Chart - Default Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measures, inputs: [...inputs.measures.inputs, inputs.color] },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'Y-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.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 const preview = definePreview(BarChartDefaultHorizontalPro, {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype BarChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(BarChartDefaultHorizontalPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [BarChartDefaultProState, (state: BarChartDefaultProState) => void],\n  ) => {\n    const dimensionWithGranularity = getDimensionWithGranularity(\n      inputs.dimension,\n      state?.granularity,\n    );\n\n    return {\n      ...inputs,\n      dimension: dimensionWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, dimensionWithGranularity],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","BarChartDefaultHorizontalPro","previewData","BarChartDefaultHorizontalPro_emb","defineComponent","state","setState","dimensionWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,UAAU,QAAQ,CAAC,GAAGA,EAAO,SAAS,QAAQA,EAAO,KAAK,EAAA;AAAA,IACtE,EAAE,GAAGA,EAAO,qCAAqC,OAAO,SAAA;AAAA,IACxDA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAA8B;AAAA,EACjE,WAAWC,EAAY;AAAA,EACvB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAA8BJ,GAAM;AAAA,EACjE,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,MACb;AACH,UAAMC,IAA2BC;AAAA,MAC/BV,EAAO;AAAA,MACPO,KAAA,gBAAAA,EAAO;AAAA,IAAA;AAGT,WAAO;AAAA,MACL,GAAGP;AAAAA,MACH,WAAWS;AAAA,MACX,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,MAAMZ,EAAO;AAAA,QACb,QAAQ,CAAC,GAAGA,EAAO,UAAUS,CAAwB;AAAA,MAAA,CACtD;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACI,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/BarChartDefaultPro.js

@@ -1,16 +1,20 @@
-import { V as r, l as t } from "./Color.type.emb-DWdIUAm5.js";
-import { definePreview as o, defineComponent as n } from "@embeddable.com/react";
-import { B as i } from "./index-D2oLkkYS.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as s } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { V as l, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
+import { B as t } from "./index-Cf96kZIH.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as s } from "./preview.data.constants-37wUPKG8.js";
+import { g as p } from "./granularity.utils-CA504xa0.js";
+const x = {
   name: "BarChartDefaultPro",
   label: "Bar Chart - Default",
   category: "Bar Charts",
   inputs: [
     e.dataset,
-    e.measures,
-    { ...e.dimensionWithDateBounds, label: "X-axis" },
+    { ...e.measures, inputs: [...e.measures.inputs, e.color] },
+    {
+      ...e.dimensionWithGranularitySelectField,
+      label: "X-axis"
+    },
     e.title,
     e.description,
     e.showLegend,
@@ -22,7 +26,8 @@ const l = {
     e.reverseXAxis,
     e.yAxisRangeMin,
     e.yAxisRangeMax,
-    e.xAxisMaxItems
+    e.xAxisMaxItems,
+    e.maxResults
   ],
   events: [
     {
@@ -37,28 +42,39 @@ const l = {
       ]
     }
   ]
-}, c = o(i, {
+}, g = u(t, {
   dimension: s.dimension,
   measures: [s.measure],
   results: s.results1Measure1Dimension,
-  hideMenu: !0
-}), f = n(i, l, {
-  props: (a) => ({
-    ...a,
-    results: t({
-      from: a.dataset,
-      select: [...a.measures, a.dimension]
-    })
-  }),
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), C = d(t, x, {
+  props: (a, [i, n]) => {
+    const r = p(
+      a.dimension,
+      i == null ? void 0 : i.granularity
+    );
+    return {
+      ...a,
+      dimension: r,
+      setGranularity: (o) => n({ granularity: o }),
+      results: m({
+        limit: a.maxResults,
+        from: a.dataset,
+        select: [...a.measures, r]
+      })
+    };
+  },
   events: {
     onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || r.noFilter()
+      axisDimensionValue: a.axisDimensionValue ?? l.noFilter()
     })
   }
 });
 export {
-  f as default,
-  l as meta,
-  c as preview
+  C as default,
+  x as meta,
+  g as preview
 };
 //# sourceMappingURL=BarChartDefaultPro.js.map

package/dist/BarChartDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartDefaultPro.js","sources":["../src/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartDefaultPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'BarChartDefaultPro',\n  label: 'Bar Chart - Default',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measures,\n    { ...inputs.dimensionWithDateBounds, label: 'X-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.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 const preview = definePreview(BarChartDefaultPro, {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n});\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":["meta","inputs","preview","definePreview","BarChartDefaultPro","previewData","BarChartDefaultPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,yBAAyB,OAAO,SAAA;AAAA,IAC5CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAAoB;AAAA,EACvD,WAAWC,EAAY;AAAA,EACvB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAoBJ,GAAM;AAAA,EACvD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,MAAMP,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACQ,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}
+{"version":3,"file":"BarChartDefaultPro.js","sources":["../src/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.ts"],"sourcesContent":["import { Granularity, Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartDefaultPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'BarChartDefaultPro',\n  label: 'Bar Chart - Default',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measures, inputs: [...inputs.measures.inputs, inputs.color] },\n    {\n      ...inputs.dimensionWithGranularitySelectField,\n      label: 'X-axis',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.xAxisMaxItems,\n    inputs.maxResults,\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 const preview = definePreview(BarChartDefaultPro, {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype BarChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(BarChartDefaultPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [BarChartDefaultProState, (state: BarChartDefaultProState) => void],\n  ) => {\n    const dimensionWithGranularity = getDimensionWithGranularity(\n      inputs.dimension,\n      state?.granularity,\n    );\n\n    return {\n      ...inputs,\n      dimension: dimensionWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, dimensionWithGranularity],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","BarChartDefaultPro","previewData","BarChartDefaultPro_emb","defineComponent","state","setState","dimensionWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,UAAU,QAAQ,CAAC,GAAGA,EAAO,SAAS,QAAQA,EAAO,KAAK,EAAA;AAAA,IACtE;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,IAETA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAAoB;AAAA,EACvD,WAAWC,EAAY;AAAA,EACvB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAAoBJ,GAAM;AAAA,EACvD,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,MACb;AACH,UAAMC,IAA2BC;AAAA,MAC/BV,EAAO;AAAA,MACPO,KAAA,gBAAAA,EAAO;AAAA,IAAA;AAGT,WAAO;AAAA,MACL,GAAGP;AAAAA,MACH,WAAWS;AAAA,MACX,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,OAAOZ,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAAC,GAAGA,EAAO,UAAUS,CAAwB;AAAA,MAAA,CACtD;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACI,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,16 +1,17 @@
-import { V as r, l as s } from "./Color.type.emb-DWdIUAm5.js";
-import { definePreview as n, defineComponent as t } from "@embeddable.com/react";
-import { B as o } from "./index-PyqBKn-b.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as i } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { V as s, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { definePreview as u, defineComponent as p } from "@embeddable.com/react";
+import { B as n } from "./index-B2N9BsUK.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as a } from "./preview.data.constants-37wUPKG8.js";
+import { g as d } from "./granularity.utils-CA504xa0.js";
+const x = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",
   category: "Bar Charts",
   inputs: [
     e.dataset,
     e.measure,
-    { ...e.dimensionWithDateBounds, name: "yAxis", label: "Y-axis" },
+    { ...e.dimensionWithGranularitySelectField, name: "yAxis", label: "Y-axis" },
     { ...e.dimension, name: "groupBy", label: "Group by" },
     e.title,
     e.description,
@@ -43,31 +44,38 @@ const l = {
       ]
     }
   ]
-}, g = n(o, {
-  yAxis: i.dimension,
-  groupBy: i.dimensionGroup,
-  measure: i.measure,
-  results: i.results1Measure2Dimensions,
-  hideMenu: !0
-}), c = t(o, l, {
-  props: (a) => ({
-    ...a,
-    results: s({
-      limit: a.maxResults,
-      from: a.dataset,
-      select: [a.yAxis, a.groupBy, a.measure]
-    })
-  }),
+}, A = u(n, {
+  yAxis: a.dimension,
+  groupBy: a.dimensionGroup,
+  measure: a.measure,
+  results: a.results1Measure2Dimensions,
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), B = p(n, x, {
+  props: (i, [r, l]) => {
+    const o = d(i.yAxis, r == null ? void 0 : r.granularity);
+    return {
+      ...i,
+      yAxis: o,
+      setGranularity: (t) => l({ granularity: t }),
+      results: m({
+        limit: i.maxResults,
+        from: i.dataset,
+        select: [o, i.groupBy, i.measure]
+      })
+    };
+  },
   events: {
-    onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || r.noFilter(),
-      groupingDimensionValue: a.groupingDimensionValue || r.noFilter()
+    onBarClicked: (i) => ({
+      axisDimensionValue: i.axisDimensionValue ?? s.noFilter(),
+      groupingDimensionValue: i.groupingDimensionValue ?? s.noFilter()
     })
   }
 });
 export {
-  c as default,
-  l as meta,
-  g as preview
+  B as default,
+  x as meta,
+  A as preview
 };
 //# sourceMappingURL=BarChartGroupedHorizontalPro.js.map

package/dist/BarChartGroupedHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartGroupedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartGroupedHorizontalPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.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 const preview = definePreview(BarChartGroupedHorizontalPro, {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n});\n\nexport default defineComponent(BarChartGroupedHorizontalPro, 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":["meta","inputs","preview","definePreview","BarChartGroupedHorizontalPro","previewData","BarChartGroupedHorizontalPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,yBAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IAC3D,EAAE,GAAGA,EAAO,WAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IAC/CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAA8B;AAAA,EACjE,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAA8BJ,GAAM;AAAA,EACjE,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,OAAOP,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACQ,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
+{"version":3,"file":"BarChartGroupedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.ts"],"sourcesContent":["import { Granularity, Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartGroupedHorizontalPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.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 const preview = definePreview(BarChartGroupedHorizontalPro, {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype BarChartGroupedHorizontalProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(BarChartGroupedHorizontalPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      BarChartGroupedHorizontalProState,\n      (state: BarChartGroupedHorizontalProState) => void,\n    ],\n  ) => {\n    const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n\n    return {\n      ...inputs,\n      yAxis: yAxisWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [yAxisWithGranularity, 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":["meta","inputs","preview","definePreview","BarChartGroupedHorizontalPro","previewData","BarChartGroupedHorizontalPro_emb","defineComponent","state","setState","yAxisWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,qCAAqC,MAAM,SAAS,OAAO,SAAA;AAAA,IACvE,EAAE,GAAGA,EAAO,WAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IAC/CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAA8B;AAAA,EACjE,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAA8BJ,GAAM;AAAA,EACjE,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,MAIb;AACH,UAAMC,IAAuBC,EAA4BV,EAAO,OAAOO,KAAA,gBAAAA,EAAO,WAAW;AAEzF,WAAO;AAAA,MACL,GAAGP;AAAAA,MACH,OAAOS;AAAA,MACP,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,OAAOZ,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACS,GAAsBT,EAAO,SAASA,EAAO,OAAO;AAAA,MAAA,CAC9D;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACa,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,16 +1,17 @@
-import { V as r, l as o } from "./Color.type.emb-DWdIUAm5.js";
-import { definePreview as n, defineComponent as t } from "@embeddable.com/react";
-import { B as s } from "./index-z7CRXEdV.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as i } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { V as o, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { definePreview as u, defineComponent as p } from "@embeddable.com/react";
+import { B as n } from "./index-CoOz-mWY.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as a } from "./preview.data.constants-37wUPKG8.js";
+import { g as d } from "./granularity.utils-CA504xa0.js";
+const x = {
   name: "BarChartGroupedPro",
   label: "Bar Chart - Grouped",
   category: "Bar Charts",
   inputs: [
     e.dataset,
     e.measure,
-    { ...e.dimensionWithDateBounds, name: "xAxis", label: "X-axis" },
+    { ...e.dimensionWithGranularitySelectField, name: "xAxis", label: "X-axis" },
     e.groupBy,
     e.title,
     e.description,
@@ -43,31 +44,38 @@ const l = {
       ]
     }
   ]
-}, g = n(s, {
-  xAxis: i.dimension,
-  groupBy: i.dimensionGroup,
-  measure: i.measure,
-  results: i.results1Measure2Dimensions,
-  hideMenu: !0
-}), c = t(s, l, {
-  props: (a) => ({
-    ...a,
-    results: o({
-      limit: a.maxResults,
-      from: a.dataset,
-      select: [a.xAxis, a.groupBy, a.measure]
-    })
-  }),
+}, A = u(n, {
+  xAxis: a.dimension,
+  groupBy: a.dimensionGroup,
+  measure: a.measure,
+  results: a.results1Measure2Dimensions,
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), B = p(n, x, {
+  props: (i, [r, l]) => {
+    const s = d(i.xAxis, r == null ? void 0 : r.granularity);
+    return {
+      ...i,
+      xAxis: s,
+      setGranularity: (t) => l({ granularity: t }),
+      results: m({
+        limit: i.maxResults,
+        from: i.dataset,
+        select: [s, i.groupBy, i.measure]
+      })
+    };
+  },
   events: {
-    onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || r.noFilter(),
-      groupingDimensionValue: a.groupingDimensionValue || r.noFilter()
+    onBarClicked: (i) => ({
+      axisDimensionValue: i.axisDimensionValue ?? o.noFilter(),
+      groupingDimensionValue: i.groupingDimensionValue ?? o.noFilter()
     })
   }
 });
 export {
-  c as default,
-  l as meta,
-  g as preview
+  B as default,
+  x as meta,
+  A as preview
 };
 //# sourceMappingURL=BarChartGroupedPro.js.map

package/dist/BarChartGroupedPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartGroupedPro.js","sources":["../src/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartGroupedPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.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 const preview = definePreview(BarChartGroupedPro, {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n});\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":["meta","inputs","preview","definePreview","BarChartGroupedPro","previewData","BarChartGroupedPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,yBAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IAC3DA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAAoB;AAAA,EACvD,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAoBJ,GAAM;AAAA,EACvD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,OAAOP,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACQ,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
+{"version":3,"file":"BarChartGroupedPro.js","sources":["../src/components/charts/bars/BarChartGroupedPro/BarChartGroupedPro.emb.ts"],"sourcesContent":["import { Granularity, Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartGroupedPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.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 const preview = definePreview(BarChartGroupedPro, {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype BarChartGroupedProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(BarChartGroupedPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => void],\n  ) => {\n    const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n    return {\n      ...inputs,\n      xAxis: xAxisWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [xAxisWithGranularity, 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":["meta","inputs","preview","definePreview","BarChartGroupedPro","previewData","BarChartGroupedPro_emb","defineComponent","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,qCAAqC,MAAM,SAAS,OAAO,SAAA;AAAA,IACvEA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAAoB;AAAA,EACvD,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAAoBJ,GAAM;AAAA,EACvD,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAuBC,EAA4BV,EAAO,OAAOO,KAAA,gBAAAA,EAAO,WAAW;AAEzF,WAAO;AAAA,MACL,GAAGP;AAAAA,MACH,OAAOS;AAAA,MACP,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,OAAOZ,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACS,GAAsBT,EAAO,SAASA,EAAO,OAAO;AAAA,MAAA,CAC9D;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACa,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}

package/dist/BarChartStackedHorizontalPro.js

@@ -1,16 +1,17 @@
-import { V as s, l as o } from "./Color.type.emb-DWdIUAm5.js";
-import { definePreview as n, defineComponent as t } from "@embeddable.com/react";
-import { B as r } from "./index-BXQNwmFh.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as i } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { V as o, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
+import { B as n } from "./index-Bd4SFepB.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as i } from "./preview.data.constants-37wUPKG8.js";
+import { g as p } from "./granularity.utils-CA504xa0.js";
+const x = {
   name: "BarChartStackedHorizontalPro",
   label: "Bar Chart - Stacked Horizontal",
   category: "Bar Charts",
   inputs: [
     e.dataset,
     e.measure,
-    { ...e.dimensionWithDateBounds, name: "yAxis", label: "Y-axis" },
+    { ...e.dimensionWithGranularitySelectField, name: "yAxis", label: "Y-axis" },
     e.groupBy,
     e.title,
     e.description,
@@ -44,31 +45,38 @@ const l = {
       ]
     }
   ]
-}, c = n(r, {
+}, A = u(n, {
   yAxis: i.dimension,
   groupBy: i.dimensionGroup,
   measure: i.measure,
   results: i.results1Measure2Dimensions,
-  hideMenu: !0
-}), g = t(r, l, {
-  props: (a) => ({
-    ...a,
-    results: o({
-      limit: a.maxResults,
-      from: a.dataset,
-      select: [a.yAxis, a.groupBy, a.measure]
-    })
-  }),
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), B = d(n, x, {
+  props: (a, [r, t]) => {
+    const s = p(a.yAxis, r == null ? void 0 : r.granularity);
+    return {
+      ...a,
+      yAxis: s,
+      setGranularity: (l) => t({ granularity: l }),
+      results: m({
+        limit: a.maxResults,
+        from: a.dataset,
+        select: [s, a.groupBy, a.measure]
+      })
+    };
+  },
   events: {
     onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || s.noFilter(),
-      groupingDimensionValue: a.groupingDimensionValue || s.noFilter()
+      axisDimensionValue: a.axisDimensionValue ?? o.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue ?? o.noFilter()
     })
   }
 });
 export {
-  g as default,
-  l as meta,
-  c as preview
+  B as default,
+  x as meta,
+  A as preview
 };
 //# sourceMappingURL=BarChartStackedHorizontalPro.js.map

package/dist/BarChartStackedHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.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 const preview = definePreview(BarChartStackedHorizontalPro, {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n});\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":["meta","inputs","preview","definePreview","BarChartStackedHorizontalPro","previewData","BarChartStackedHorizontalPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,yBAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IAC3DA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAA8B;AAAA,EACjE,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAA8BJ,GAAM;AAAA,EACjE,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,OAAOP,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACQ,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
+{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"sourcesContent":["import { Granularity, Value, loadData } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.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 const preview = definePreview(BarChartStackedHorizontalPro, {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype BarChartStackedHorizontalProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      BarChartStackedHorizontalProState,\n      (state: BarChartStackedHorizontalProState) => void,\n    ],\n  ) => {\n    const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n\n    return {\n      ...inputs,\n      yAxis: yAxisWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [yAxisWithGranularity, 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":["meta","inputs","preview","definePreview","BarChartStackedHorizontalPro","previewData","BarChartStackedHorizontalPro_emb","defineComponent","state","setState","yAxisWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,qCAAqC,MAAM,SAAS,OAAO,SAAA;AAAA,IACvEA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAEaC,IAAUC,EAAcC,GAA8B;AAAA,EACjE,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAA8BJ,GAAM;AAAA,EACjE,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,MAIb;AACH,UAAMC,IAAuBC,EAA4BV,EAAO,OAAOO,KAAA,gBAAAA,EAAO,WAAW;AAEzF,WAAO;AAAA,MACL,GAAGP;AAAAA,MACH,OAAOS;AAAA,MACP,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,OAAOZ,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACS,GAAsBT,EAAO,SAASA,EAAO,OAAO;AAAA,MAAA,CAC9D;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACa,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}

package/dist/BarChartStackedPro.js

@@ -1,16 +1,17 @@
-import { V as s, l as o } from "./Color.type.emb-DWdIUAm5.js";
-import { definePreview as n, defineComponent as t } from "@embeddable.com/react";
-import { B as r } from "./index-CiAXHm8i.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as i } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { V as n, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { definePreview as u, defineComponent as d } from "@embeddable.com/react";
+import { B as o } from "./index-rodtTo_t.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as i } from "./preview.data.constants-37wUPKG8.js";
+import { g as x } from "./granularity.utils-CA504xa0.js";
+const p = {
   name: "BarChartStackedPro",
   label: "Bar Chart - Stacked",
   category: "Bar Charts",
   inputs: [
     e.dataset,
     e.measure,
-    { ...e.dimensionWithDateBounds, name: "xAxis", label: "X-axis" },
+    { ...e.dimensionWithGranularitySelectField, name: "xAxis", label: "X-axis" },
     e.groupBy,
     e.title,
     e.description,
@@ -44,31 +45,38 @@ const l = {
       ]
     }
   ]
-}, c = n(r, {
+}, A = u(o, {
   xAxis: i.dimension,
   groupBy: i.dimensionGroup,
   measure: i.measure,
   results: i.results1Measure2Dimensions,
-  hideMenu: !0
-}), g = t(r, l, {
-  props: (a) => ({
-    ...a,
-    results: o({
-      limit: a.maxResults,
-      from: a.dataset,
-      select: [a.xAxis, a.groupBy, a.measure]
-    })
-  }),
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), B = d(o, p, {
+  props: (a, [r, t]) => {
+    const s = x(a.xAxis, r == null ? void 0 : r.granularity);
+    return {
+      ...a,
+      xAxis: s,
+      setGranularity: (l) => t({ granularity: l }),
+      results: m({
+        limit: a.maxResults,
+        from: a.dataset,
+        select: [s, a.groupBy, a.measure]
+      })
+    };
+  },
   events: {
     onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || s.noFilter(),
-      groupingDimensionValue: a.groupingDimensionValue || s.noFilter()
+      axisDimensionValue: a.axisDimensionValue ?? n.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue ?? n.noFilter()
     })
   }
 });
 export {
-  g as default,
-  l as meta,
-  c as preview
+  B as default,
+  p as meta,
+  A as preview
 };
 //# sourceMappingURL=BarChartStackedPro.js.map