@embeddable.com/remarkable-pro 0.1.13 → 0.1.15

package/dist/definition-MZjy6eIS.js

@@ -0,0 +1,123 @@
+import { m as L, j as p, P as j, V as M, l as y } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as A, definePreview as T } from "@embeddable.com/react";
+import { g as _, a as I } from "./pies.utils-D1eHYGQw.js";
+import { a as O, r as R } from "./component.utils-DNw0iugA.js";
+import { C as z } from "./ChartCard-rrXP6aUC.js";
+import { i as s } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as i } from "./preview.data.constants-D0uQPYd1.js";
+const r = (e) => {
+  var m;
+  const t = A();
+  O(t);
+  const {
+    description: P,
+    dimension: a,
+    maxLegendItems: f,
+    measure: n,
+    results: o,
+    showLegend: w,
+    showTooltips: v,
+    showValueLabels: b,
+    title: V,
+    onSegmentClick: l
+  } = R(e), { hideMenu: D } = e, S = _(
+    { data: o.data, dimension: a, measure: n, maxLegendItems: f },
+    t
+  ), k = L(
+    I(n, t),
+    ((m = t.charts.pieChartPro) == null ? void 0 : m.options) ?? {}
+  ), x = (d) => {
+    var c, u;
+    l && l({
+      dimensionValue: d === void 0 || (u = (c = o.data) == null ? void 0 : c[d]) == null ? void 0 : u[a.name]
+    });
+  };
+  return /* @__PURE__ */ p.jsx(
+    z,
+    {
+      data: o,
+      dimensionsAndMeasures: [a, n],
+      errorMessage: o.error,
+      description: P,
+      title: V,
+      hideMenu: D,
+      children: /* @__PURE__ */ p.jsx(
+        j,
+        {
+          data: S,
+          options: k,
+          showLegend: w,
+          showTooltips: v,
+          showValueLabels: b,
+          onSegmentClick: x
+        }
+      )
+    }
+  );
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: r
+}, Symbol.toStringTag, { value: "Module" })), E = {
+  name: "PieChartPro",
+  label: "Pie Chart",
+  category: "Pie Charts",
+  inputs: [
+    s.dataset,
+    s.measure,
+    s.dimension,
+    s.title,
+    s.description,
+    s.tooltip,
+    s.showLegend,
+    s.maxLegendItems,
+    s.showTooltips,
+    s.showValueLabels
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A segment is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked dimension",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, h = {
+  dimension: i.dimension,
+  measure: i.measure,
+  results: i.results1Measure1Dimension,
+  showValueLabels: !1,
+  hideMenu: !0
+}, F = T(r, h), g = (e) => ({
+  from: e.dataset,
+  select: [e.measure, e.dimension]
+}), C = (e) => y(g(e)), q = {
+  onSegmentClick: (e) => ({
+    dimensionValue: e.dimensionValue ?? M.noFilter()
+  })
+}, B = (e) => ({
+  ...e,
+  results: C(e)
+}), X = {
+  Component: r,
+  meta: E,
+  preview: F,
+  previewConfig: h,
+  config: {
+    props: B,
+    events: q
+  },
+  results: {
+    loadDataArgs: g,
+    loadData: C
+  }
+};
+export {
+  W as i,
+  X as p
+};
+//# sourceMappingURL=definition-MZjy6eIS.js.map

package/dist/definition-MZjy6eIS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-MZjy6eIS.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx","../src/components/charts/pies/PieChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!onSegmentClick) return;\n\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'PieChartPro',\n  label: 'Pie Chart',\n  category: 'Pie Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: { dimensionValue?: string }) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const pieChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}

package/dist/definition-qU43EQTj.js

@@ -0,0 +1,159 @@
+import { m as G, j as n, B as V, V as H, l as T } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as k, definePreview as F } from "@embeddable.com/react";
+import { a as I, r as _ } from "./component.utils-DNw0iugA.js";
+import { C as O } from "./ChartCard-rrXP6aUC.js";
+import { g as W, a as Y } from "./bars.utils-BrpDJfO5.js";
+import { u as E } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { C as q, g as J } from "./granularity.utils-DFrZaG56.js";
+import { i as e } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as l } from "./preview.data.constants-D0uQPYd1.js";
+const m = (a) => {
+  var p, g;
+  const s = k();
+  I(s);
+  const {
+    hideMenu: o,
+    dimension: r,
+    measures: t,
+    showValueLabels: D,
+    reverseYAxis: y,
+    showLegend: A,
+    showLogarithmicScale: M,
+    showTooltips: w,
+    xAxisRangeMax: v,
+    xAxisRangeMin: B,
+    yAxisMaxItems: L,
+    setGranularity: u,
+    onBarClicked: P
+  } = a, { description: c, title: d, tooltip: x, xAxisLabel: R, yAxisLabel: z } = _(a), i = E({
+    results: a.results,
+    dimension: r
+  }), h = W(
+    { data: i.data, dimension: r, measures: t, maxItems: L },
+    s
+  ), S = G(
+    Y({ measures: t, horizontal: !0, onBarClicked: P, data: h, dimension: r }, s),
+    // Format X axis based on first measure
+    ((g = (p = s.charts) == null ? void 0 : p.barChartDefaultHorizontalPro) == null ? void 0 : g.options) ?? {}
+  ), j = !d && !c && !x;
+  return /* @__PURE__ */ n.jsxs(
+    O,
+    {
+      data: i,
+      dimensionsAndMeasures: [r, ...t],
+      errorMessage: i.error,
+      description: c,
+      title: d,
+      tooltip: x,
+      hideMenu: o,
+      children: [
+        u && /* @__PURE__ */ n.jsx(
+          q,
+          {
+            hasMarginTop: j,
+            dimension: r,
+            onChange: u
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          V,
+          {
+            horizontal: !0,
+            data: h,
+            options: S,
+            reverseYAxis: y,
+            showLegend: A,
+            showLogarithmicScale: M,
+            showTooltips: w,
+            showValueLabels: D,
+            xAxisLabel: R,
+            xAxisRangeMax: v,
+            xAxisRangeMin: B,
+            yAxisLabel: z
+          }
+        )
+      ]
+    }
+  );
+}, ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: m
+}, Symbol.toStringTag, { value: "Module" })), K = {
+  name: "BarChartDefaultHorizontalPro",
+  label: "Bar Chart - Default Horizontal",
+  category: "Bar Charts",
+  inputs: [
+    e.dataset,
+    { ...e.measures, inputs: [...e.measures.inputs, e.color] },
+    { ...e.dimensionWithGranularitySelectField, label: "Y-axis" },
+    e.title,
+    e.description,
+    e.tooltip,
+    e.showLegend,
+    e.showTooltips,
+    e.showValueLabels,
+    e.showLogarithmicScale,
+    e.xAxisLabel,
+    e.yAxisLabel,
+    e.reverseYAxis,
+    e.xAxisRangeMin,
+    e.xAxisRangeMax,
+    e.yAxisMaxItems,
+    e.maxResults
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked axis dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, f = {
+  dimension: l.dimension,
+  measures: [l.measure],
+  results: l.results1Measure1Dimension,
+  hideMenu: !0
+}, N = F(m, f), C = (a, s) => ({
+  from: a.dataset,
+  select: [...a.measures, s ?? a.dimension],
+  limit: a.maxResults
+}), b = (a, s) => T(C(a, s)), Q = {
+  onBarClicked: (a) => ({
+    axisDimensionValue: a.axisDimensionValue ?? H.noFilter()
+  })
+}, U = (a, [s, o]) => {
+  const r = J(
+    a.dimension,
+    s == null ? void 0 : s.granularity
+  );
+  return {
+    ...a,
+    dimension: r,
+    setGranularity: (t) => o({ granularity: t }),
+    results: b(a, r)
+  };
+}, ne = {
+  Component: m,
+  meta: K,
+  preview: N,
+  previewConfig: f,
+  config: {
+    props: U,
+    events: Q
+  },
+  results: {
+    loadDataArgs: C,
+    loadData: b
+  }
+};
+export {
+  ne as b,
+  ie as i
+};
+//# sourceMappingURL=definition-qU43EQTj.js.map

package/dist/definition-qU43EQTj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-qU43EQTj.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/components/charts/bars/BarChartDefaultHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } 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, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartDefaultHorizontalProProps = {\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  xAxisLabel?: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisLabel?: string;\n  yAxisMaxItems?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onBarClicked?: (args: { axisDimensionValue: string | null }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    hideMenu,\n    dimension,\n    measures,\n    showValueLabels,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisMaxItems,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { description, title, tooltip, xAxisLabel, yAxisLabel } = 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  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\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 {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nconst 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.tooltip,\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    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 type BarChartDefaultHorizontalProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [...inputs.measures, dimension ?? inputs.dimension],\n  limit: inputs.maxResults,\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, dimension: Dimension): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, dimension));\n\nconst events = {\n  onBarClicked: (value: { axisDimensionValue?: string }) => ({\n    axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartDefaultHorizontalProState,\n    (state: BarChartDefaultHorizontalProState) => void,\n  ],\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity),\n  };\n};\n\nexport const barChartDefaultHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","hideMenu","dimension","measures","showValueLabels","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","xAxisRangeMax","xAxisRangeMin","yAxisMaxItems","setGranularity","onBarClicked","description","title","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","granularity","barChartDefaultHorizontalPro"],"mappings":"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"}

package/dist/definition-xVmuVR7S.js

@@ -0,0 +1,123 @@
+import { m as L, j as p, D as j, V as M, l as y } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as A, definePreview as T } from "@embeddable.com/react";
+import { g as _, a as I } from "./pies.utils-D1eHYGQw.js";
+import { a as O, r as R } from "./component.utils-DNw0iugA.js";
+import { C as z } from "./ChartCard-rrXP6aUC.js";
+import { i as t } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as r } from "./preview.data.constants-D0uQPYd1.js";
+const i = (e) => {
+  var m;
+  const s = A();
+  O(s);
+  const {
+    description: f,
+    dimension: a,
+    maxLegendItems: D,
+    measure: n,
+    results: o,
+    showLegend: P,
+    showTooltips: w,
+    showValueLabels: v,
+    title: b,
+    onSegmentClick: l
+  } = R(e), { hideMenu: V } = e, S = _(
+    { data: o.data, dimension: a, measure: n, maxLegendItems: D },
+    s
+  ), k = L(
+    I(n, s),
+    ((m = s.charts.donutChartPro) == null ? void 0 : m.options) ?? {}
+  ), x = (d) => {
+    var u, c;
+    l && l({
+      dimensionValue: d === void 0 || (c = (u = o.data) == null ? void 0 : u[d]) == null ? void 0 : c[a.name]
+    });
+  };
+  return /* @__PURE__ */ p.jsx(
+    z,
+    {
+      data: o,
+      dimensionsAndMeasures: [a, n],
+      errorMessage: o.error,
+      description: f,
+      title: b,
+      hideMenu: V,
+      children: /* @__PURE__ */ p.jsx(
+        j,
+        {
+          data: S,
+          options: k,
+          showLegend: P,
+          showTooltips: w,
+          showValueLabels: v,
+          onSegmentClick: x
+        }
+      )
+    }
+  );
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: i
+}, Symbol.toStringTag, { value: "Module" })), E = {
+  name: "DonutChartPro",
+  label: "Donut Chart",
+  category: "Pie Charts",
+  inputs: [
+    t.dataset,
+    t.measure,
+    t.dimension,
+    t.title,
+    t.description,
+    t.tooltip,
+    t.showLegend,
+    t.maxLegendItems,
+    t.showTooltips,
+    t.showValueLabels
+  ],
+  events: [
+    {
+      name: "onSegmentClick",
+      label: "A segment is clicked",
+      properties: [
+        {
+          name: "dimensionValue",
+          label: "Clicked dimension",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, h = {
+  dimension: r.dimension,
+  measure: r.measure,
+  results: r.results1Measure1Dimension,
+  showValueLabels: !1,
+  hideMenu: !0
+}, F = T(i, h), g = (e) => ({
+  from: e.dataset,
+  select: [e.measure, e.dimension]
+}), C = (e) => y(g(e)), q = {
+  onSegmentClick: (e) => ({
+    dimensionValue: e.dimensionValue ?? M.noFilter()
+  })
+}, B = (e) => ({
+  ...e,
+  results: C(e)
+}), X = {
+  Component: i,
+  meta: E,
+  preview: F,
+  previewConfig: h,
+  config: {
+    props: B,
+    events: q
+  },
+  results: {
+    loadDataArgs: g,
+    loadData: C
+  }
+};
+export {
+  X as d,
+  W as i
+};
+//# sourceMappingURL=definition-xVmuVR7S.js.map

package/dist/definition-xVmuVR7S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-xVmuVR7S.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx","../src/components/charts/pies/DonutChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!onSegmentClick) return;\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: { dimensionValue?: string }) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const donutChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","DonutChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","donutChartPro"],"mappings":"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"}

package/dist/editors/ColorEditor/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/editors/ColorEditor/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/editors/ColorEditor/index.test.tsx"],"names":[],"mappings":""}

package/dist/embeddable-components.json

@@ -1,66 +1,66 @@
 {
   "components": [
-    "EmptyBlockPro",
     "ComparisonPeriodSelectFieldPro",
     "DimensionSingleSelectFieldPro",
-    "MultiSelectFieldPro",
     "MeasureSingleSelectFieldPro",
-    "DateRangePickerCustomPro",
     "GranularitySelectFieldPro",
+    "MultiSelectFieldPro",
     "SingleSelectFieldPro",
-    "DateRangeSelectFieldPro",
-    "BarChartDefaultHorizontalPro",
+    "DateRangePickerCustomPro",
     "BarChartGroupedPro",
     "BarChartGroupedHorizontalPro",
-    "KpiChartNumberPro",
-    "BarChartDefaultPro",
+    "BarChartDefaultHorizontalPro",
     "BarChartStackedHorizontalPro",
-    "LineChartGroupedPro",
-    "LineChartDefaultPro",
-    "LineChartComparisonDefaultPro",
+    "BarChartDefaultPro",
+    "EmptyBlockPro",
+    "DateRangeSelectFieldPro",
     "BarChartStackedPro",
-    "KpiChartNumberComparisonPro",
+    "LineChartComparisonDefaultPro",
+    "LineChartDefaultPro",
+    "KpiChartNumberPro",
     "DonutChartPro",
-    "PivotTablePro",
+    "KpiChartNumberComparisonPro",
+    "TableScrollable",
     "DonutLabelChartPro",
+    "TableChartPaginated",
+    "LineChartGroupedPro",
     "PieChartPro",
-    "HorizontalDividerPro",
     "HeatMapPro",
-    "TableChartPaginated",
-    "TableScrollable"
+    "PivotTablePro",
+    "HorizontalDividerPro"
   ],
   "editors": [
     "ColorEditor"
   ],
   "previews": [
-    "EmptyBlockPro",
     "ComparisonPeriodSelectFieldPro",
     "DimensionSingleSelectFieldPro",
-    "MultiSelectFieldPro",
     "MeasureSingleSelectFieldPro",
-    "DateRangePickerCustomPro",
     "GranularitySelectFieldPro",
+    "MultiSelectFieldPro",
     "SingleSelectFieldPro",
-    "DateRangeSelectFieldPro",
-    "BarChartDefaultHorizontalPro",
+    "DateRangePickerCustomPro",
     "BarChartGroupedPro",
     "BarChartGroupedHorizontalPro",
-    "KpiChartNumberPro",
-    "BarChartDefaultPro",
+    "BarChartDefaultHorizontalPro",
     "BarChartStackedHorizontalPro",
-    "LineChartGroupedPro",
-    "LineChartDefaultPro",
-    "LineChartComparisonDefaultPro",
+    "BarChartDefaultPro",
+    "EmptyBlockPro",
+    "DateRangeSelectFieldPro",
     "BarChartStackedPro",
-    "KpiChartNumberComparisonPro",
+    "LineChartComparisonDefaultPro",
+    "LineChartDefaultPro",
+    "KpiChartNumberPro",
     "DonutChartPro",
-    "PivotTablePro",
+    "KpiChartNumberComparisonPro",
+    "TableScrollable",
     "DonutLabelChartPro",
+    "TableChartPaginated",
+    "LineChartGroupedPro",
     "PieChartPro",
-    "HorizontalDividerPro",
     "HeatMapPro",
-    "TableChartPaginated",
-    "TableScrollable"
+    "PivotTablePro",
+    "HorizontalDividerPro"
   ],
   "plugin": "react"
 }