@embeddable.com/remarkable-pro 0.0.3 → 0.0.5

package/README.md

@@ -1,26 +1,77 @@
-# Remarkable UI
+# Remarkable PRO is Embeddable’s production-ready component suite.
 
-**Remarkable UI** is an open-source library of **beautiful components** for analytics – charts, controls, tables, and more – designed to be styled with **granular CSS variables**.
+Remarkable PRO is component library to use inside of [Embeddable](https://embeddable.com/).
 
-👉 Remarkable UI forms part of the [Embeddable](https://embeddable.com) ecosystem but can also be used independently.
+It provides [Embeddable](https://embeddable.com/) ready-to-go components, editors and granular styling via CSS variables inside the theme.
 
-## 🎨 Styling with CSS Variables
+Under the hood it uses the open source [Remarkable UI](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) library.
 
-Every part of a Remarkable UI component can be styled with granular CSS variables.
+## 📦 Installation
 
-There are **three layers** of variables in our system:
+```bash
+npm install @embeddable.com/remarkable-pro
+```
 
-1. **Base variables**
-   – Raw CSS primitives (colors, spacing, type scales)  
-   – _Don’t override_—they’re the foundation.
-2. **Semantic variables**  
-   – “Meaningful” tokens built from base vars (e.g. --background-default, --foreground-error, --font-default)  
-   – Control _global_ look-and-feel: light vs. dark palettes, brand colors, default text styles.
-3. **Component variables**  
-   – Element-specific tokens (namespaced by component, e.g. --icn-btn-background-hover, --dropdown-padding)  
-   – Fine-tune individual components without touching global semantics.
+## 🧩 Setup (embeddable.config.ts)
+
+```ts
+export default defineConfig({
+  ...
+  componentLibraries: ["@embeddable.com/remarkable-pro"]
+});
+```
+
+## 🚀 Remarkable PRO includes
+
+- All core visualisations: bar, line, pie/donut, KPI tiles, tables, heatmaps, etc.
+- All essential controls: dropdowns, multi-selects, date pickers (UTC-safe), and - custom filters.
+- In-built interactivity: every chart supports click to filter.
+- i18n: internationalisation, built-in.
+- Consistent colors: automatic color-value assignment. And lots more.
+
+## 🎨 Theme styling
+
+The components and editors are part of the [Remarkable UI](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) library, that uses its own [design system](https://github.com/embeddable-hq/remarkable-ui/blob/main/src/styles/global.tokens.ts) to style them.
+
+To update this styles, simply specify your css variable overrides inside your root embeddable.theme.ts file.
+
+```ts
+const themeProvider = (clientContext: any, parentTheme: Theme): Theme => {
+  const newTheme: DeepPartial<Theme> = {
+    styles: {
+      '--em-button-background--primary': 'gray',
+      '--em-card-border-radius': '20px',
+      ...
+    },
+  };
+  const theme = defineTheme(parentTheme, newTheme) as Theme;
+  return theme;
+};
+```
+
+## 📁 Project Structure
+
+```
+src/
+  assets/        # Icons and static assets
+  components/    # Chart, table, editor components
+  editors/       # Editor components and utilities
+  theme/         # Theme constants, types, and utils
+  types/         # Shared TypeScript types
+  utils.ts/      # Utility functions
+```
 
 ## 🛠 Contributing
 
-Remarkable UI is under active development, and we’d love feedback or contributions.  
-Feel free to open issues or suggest improvements.
+We welcome feedback and contributions!
+
+1. Fork the repository
+2. Create a feature branch
+3. Commit your changes
+4. Open a pull request
+
+Please follow our code style and add tests for new features.
+
+## 📄 License
+
+MIT — see the `LICENSE` file for details.

package/dist/BarChartDefaultHorizontalPro.js

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

package/dist/BarChartDefaultHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartDefaultHorizontalPro.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/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 '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } 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 = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: true, onBarClicked, data, dimension }, 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, label: 'Y-axis' },\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","useFillGaps","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,EAAY;AAAA,IAC1B,SAASrB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKiB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUW,EAAA;AAAA,IACrDhB;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAApB,GAAU,YAAY,IAAM,cAAAY,GAAc,MAAAI,GAAM,WAAAjB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC1F0B,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,GCtEagB,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA3B;AAAA,IACA,EAAE,GAAG4B,GAAyB,OAAO,SAAA;AAAA,IACrCtB;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;"}
+{"version":3,"file":"BarChartDefaultHorizontalPro.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.ts"],"sourcesContent":["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, label: 'Y-axis' },\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":["meta","dataset","measures","dimensionWithDateBounds","title","description","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseYAxis","xAxisRangeMin","xAxisRangeMax","yAxisMaxItems","BarChartDefaultHorizontalPro_emb","defineComponent","BarChartDefaultHorizontalPro","inputs","loadData","value","Value"],"mappings":";;;;AAqBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAyB,OAAO,SAAA;AAAA,IACrCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;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,GAEAC,IAAeC,EAAgBC,GAA8BlB,GAAM;AAAA,EACjE,OAAO,CAACmB,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

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

package/dist/BarChartDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartDefaultPro.js","sources":["../src/components/charts/bars/BarChartDefaultPro/index.tsx","../src/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 '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } 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 = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: xAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: false, onBarClicked, data, dimension }, 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, label: 'X-axis' },\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","useFillGaps","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,EAAY;AAAA,IAC1B,SAASrB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKiB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUG,EAAA;AAAA,IACrDR;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAApB,GAAU,YAAY,IAAO,cAAAY,GAAc,MAAAI,GAAM,WAAAjB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC3F0B,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,GCrEaQ,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA3B;AAAA,IACA,EAAE,GAAG4B,GAAyB,OAAO,SAAA;AAAA,IACrC3B;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;"}
+{"version":3,"file":"BarChartDefaultPro.js","sources":["../src/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.ts"],"sourcesContent":["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, label: 'X-axis' },\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":["meta","dataset","measures","dimensionWithDateBounds","title","description","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseXAxis","yAxisRangeMin","yAxisRangeMax","xAxisMaxItems","BarChartDefaultPro_emb","defineComponent","BarChartDefaultPro","inputs","loadData","value","Value"],"mappings":";;;;AAqBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAyB,OAAO,SAAA;AAAA,IACrCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;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,GAEAC,IAAeC,EAAgBC,GAAoBlB,GAAM;AAAA,EACvD,OAAO,CAACmB,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

@@ -1,97 +1,28 @@
-import { m as L, j as m, B as w, V as u, l as G } from "./index-DedIqjbn.js";
-import { useTheme as z, defineComponent as R } from "@embeddable.com/react";
-import { a as k, r as M, v as P, D as H, z as v, w as j, F, G as S, H as T, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W } from "./component.constants-uP1WYyUb.js";
-import { C as _ } from "./ChartCard-CsKQOusx.js";
-import { b as q, a as Q } from "./bars.utils-BU_k5fia.js";
-import { u as X } from "./charts.fillGaps.hooks-YayOXVmt.js";
-const Z = (e) => {
-  var n, l;
-  const a = z();
-  k(a);
-  const {
-    description: d,
-    groupBy: i,
-    measure: s,
-    reverseYAxis: x,
-    showLegend: p,
-    showLogarithmicScale: h,
-    showTooltips: c,
-    showTotalLabels: g,
-    showValueLabels: b,
-    title: C,
-    yAxis: o,
-    xAxisLabel: A,
-    yAxisLabel: B,
-    xAxisRangeMax: V,
-    xAxisRangeMin: y,
-    onBarClicked: D
-  } = M(e), r = X({
-    results: e.results,
-    dimension: e.yAxis
-  }), t = q(
-    {
-      data: r.data,
-      dimension: o,
-      groupDimension: i,
-      measure: s
-    },
-    a
-  ), f = L(
-    Q(
-      { measures: [s], horizontal: !0, onBarClicked: D, data: t, dimension: o },
-      a
-    ),
-    ((l = (n = a.charts) == null ? void 0 : n.barChartGroupedHorizontalPro) == null ? void 0 : l.options) || {}
-  );
-  return /* @__PURE__ */ m.jsx(
-    _,
-    {
-      data: r,
-      dimensionsAndMeasures: [s, o, i],
-      errorMessage: r.error,
-      subtitle: d,
-      title: C,
-      children: /* @__PURE__ */ m.jsx(
-        w,
-        {
-          data: t,
-          showLegend: p,
-          showTooltips: c,
-          showValueLabels: b,
-          showLogarithmicScale: h,
-          xAxisLabel: A,
-          yAxisLabel: B,
-          reverseYAxis: x,
-          xAxisRangeMin: y,
-          xAxisRangeMax: V,
-          showTotalLabels: g,
-          options: f,
-          horizontal: !0
-        }
-      )
-    }
-  );
-}, $ = {
+import { V as e, l as s } from "./index-D8D1R5YG.js";
+import { defineComponent as o } from "@embeddable.com/react";
+import { B as i } from "./index-D1L8EF47.js";
+import { v as r, D as n, z as l, w as t, F as m, G as u, H as p, I as d, J as x, K as g, M as c, N as V, O as b, R as h, U as B, V as D } from "./component.constants-C7cqSNbp.js";
+const C = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",
   category: "Bar Charts",
   inputs: [
-    P,
-    H,
-    { ...v, name: "yAxis", label: "Y-axis" },
-    { ...j, name: "groupBy", label: "Group by" },
-    F,
-    S,
-    T,
-    Y,
-    I,
-    { ...O, defaultValue: !1 },
-    E,
-    J,
-    K,
-    N,
-    U,
-    W
+    r,
+    n,
+    { ...l, name: "yAxis", label: "Y-axis" },
+    { ...t, name: "groupBy", label: "Group by" },
+    m,
+    u,
+    p,
+    d,
+    x,
+    { ...g, defaultValue: !1 },
+    c,
+    V,
+    b,
+    h,
+    B,
+    D
   ],
   events: [
     {
@@ -111,24 +42,24 @@ const Z = (e) => {
       ]
     }
   ]
-}, te = R(Z, $, {
-  props: (e) => ({
-    ...e,
-    results: G({
-      limit: e.maxResults,
-      from: e.dataset,
-      select: [e.yAxis, e.groupBy, e.measure]
+}, k = o(i, C, {
+  props: (a) => ({
+    ...a,
+    results: s({
+      limit: a.maxResults,
+      from: a.dataset,
+      select: [a.yAxis, a.groupBy, a.measure]
     })
   }),
   events: {
-    onBarClicked: (e) => ({
-      axisDimensionValue: e.axisDimensionValue || u.noFilter(),
-      groupingDimensionValue: e.groupingDimensionValue || u.noFilter()
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || e.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue || e.noFilter()
     })
   }
 });
 export {
-  te as default,
-  $ as meta
+  k as default,
+  C as meta
 };
 //# sourceMappingURL=BarChartGroupedHorizontalPro.js.map

package/dist/BarChartGroupedHorizontalPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartGroupedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/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 '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype 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 = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.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  maxResults,\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    maxResults,\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        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":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartGroupedHorizontalPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"BarChartGroupedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/BarChartGroupedHorizontalPro.emb.ts"],"sourcesContent":["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  maxResults,\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    maxResults,\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        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","dataset","measure","dimensionWithDateBounds","dimension","title","description","maxResults","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseYAxis","xAxisRangeMin","xAxisRangeMax","BarChartGroupedHorizontalPro_emb","defineComponent","BarChartGroupedHorizontalPro","inputs","loadData","value","Value"],"mappings":";;;;AAsBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IACpD,EAAE,GAAGC,GAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IACxCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAiB,cAAc,GAAA;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;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,GAEAC,IAAeC,EAAgBC,GAA8BnB,GAAM;AAAA,EACjE,OAAO,CAACoB,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,OAAOD,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,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,MACtD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}