@embeddable.com/remarkable-pro 0.2.7 → 0.2.9

package/dist/definition-DSD1tzfc.js

@@ -0,0 +1,366 @@
+import { t as X, m as G, j as _, O as U, V as L, l as Y } from "./index-CuEaD6nM.js";
+import { useTheme as q, definePreview as H } from "@embeddable.com/react";
+import { a as J, r as Q, i as W } from "./component.utils-Dua9clQJ.js";
+import { C as Z } from "./ChartCard-CRWGszUn.js";
+import { g as v } from "./dimension.utils-CCt6ioOB.js";
+import { a as w, g as I } from "./formatter.utils-DrM8pNZU.js";
+import { g as ee } from "./styles.utils-C8CnV0SB.js";
+import { i as s, s as te } from "./component.inputs.constants-By5BzrXa.js";
+import { p as D } from "./preview.data.constants-DGIhRSwN.js";
+import { g as ae } from "./clientContext.utils-DpB5KsfX.js";
+const ne = ({
+  xMeasure: e,
+  yMeasure: n,
+  noValueLabel: l
+}, d) => {
+  const u = I(d), m = (t, a) => a == null ? l : u.data(t, a);
+  return {
+    scales: {
+      x: {
+        ticks: {
+          callback: (t) => {
+            const a = typeof t == "number" ? t : Number(t);
+            return u.data(e, a);
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (t) => {
+            const a = typeof t == "number" ? t : Number(t);
+            return u.data(n, a);
+          }
+        }
+      }
+    },
+    plugins: {
+      tooltip: {
+        callbacks: {
+          label: (t) => {
+            var g;
+            const a = t.dataset, i = ((g = a.originalData) == null ? void 0 : g[t.dataIndex]) ?? t.dataset.data[t.dataIndex], r = a.label ? `${a.label}: ` : "";
+            return i ? `${r}(${m(e, i.x)}, ${m(n, i.y)})` : r;
+          }
+        }
+      },
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (t, a) => {
+              var g;
+              const r = ((g = a.dataset.originalData) == null ? void 0 : g[a.dataIndex]) ?? a.dataset.data[a.dataIndex];
+              return r ? `(${m(e, r.x)}, ${m(n, r.y)})` : "";
+            }
+          }
+        }
+      }
+    }
+  };
+}, R = (e) => e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e), oe = (e, n, l, d, u, m, t) => {
+  var C, y;
+  const a = (y = (C = n[e.datasetIndex]) == null ? void 0 : C.data[e.index]) == null ? void 0 : y.rowIndex;
+  if (a === void 0) return null;
+  const i = l == null ? void 0 : l[a];
+  if (!i) return null;
+  const r = w(m), g = t ? w(t) : void 0, x = R(i[r]), h = g ? R(i[g]) : null;
+  return {
+    xMeasureValue: R(i[d.name]),
+    yMeasureValue: R(i[u.name]),
+    pointDimensionValue: x,
+    groupByDimensionValue: h,
+    pointDimensionTimeRange: v({
+      value: x,
+      dimension: m
+    }),
+    groupByDimensionTimeRange: v({
+      value: h ?? void 0,
+      dimension: t
+    })
+  };
+}, se = ({
+  datasets: e,
+  results: n,
+  xMeasure: l,
+  yMeasure: d,
+  pointDimension: u,
+  groupByDimension: m,
+  onPointClick: t
+}) => ({ elementAtEvent: a }) => {
+  const i = a[0];
+  if (!i) return;
+  const r = oe(
+    i,
+    e,
+    n.data,
+    l,
+    d,
+    u,
+    m
+  );
+  r && (t == null || t(r));
+}, f = "__scatter_null_group__", T = (e) => {
+  if (e == null) return null;
+  if (typeof e == "number") return Number.isFinite(e) ? e : null;
+  const n = Number(e);
+  return Number.isFinite(n) ? n : null;
+}, re = (e, n) => {
+  var y;
+  const l = I(n), d = X(), u = e.data ?? [], m = w(e.pointDimension), t = ((y = e.pointColor) == null ? void 0 : y.trim()) || void 0;
+  if (!u.length)
+    return { datasets: [{ label: "", data: [] }] };
+  const a = (o, c, p, b) => t ?? ee({ dimensionOrMeasure: c, theme: n, color: o, value: p, index: b, chartColors: d }), i = (o, c) => {
+    const p = o[m], b = p == null ? e.noValueLabel : String(l.data(e.pointDimension, p));
+    return {
+      x: T(o[e.xMeasure.name]),
+      y: T(o[e.yMeasure.name]),
+      pointLabel: b,
+      label: b,
+      rowIndex: c
+    };
+  };
+  if (!e.groupByDimension)
+    return {
+      datasets: [
+        {
+          label: l.dimensionOrMeasureTitle(e.yMeasure),
+          data: u.map((o, c) => i(o, c)),
+          pointBackgroundColor: a("background", e.xMeasure, e.xMeasure.name, 0),
+          pointBorderColor: a("border", e.xMeasure, e.xMeasure.name, 0)
+        }
+      ]
+    };
+  const r = e.groupByDimension, g = w(r), x = /* @__PURE__ */ new Map();
+  return u.forEach((o, c) => {
+    const p = o[g] == null ? f : String(o[g]), b = x.get(p) ?? [];
+    b.push(i(o, c)), x.set(p, b);
+  }), { datasets: [...x.keys()].sort((o, c) => o === f ? 1 : c === f ? -1 : o.localeCompare(c)).map((o, c) => {
+    var V;
+    const p = x.get(o), b = p[0].rowIndex, S = o === f ? null : (V = u[b]) == null ? void 0 : V[g], A = o === f ? e.noValueLabel : l.data(r, S), M = o === f ? `${r.name}.null` : `${r.name}.${o}`;
+    return {
+      label: A,
+      data: p,
+      pointBackgroundColor: a("background", r, M, c),
+      pointBorderColor: a("border", r, M, c)
+    };
+  }) };
+}, k = (e) => {
+  var F;
+  const n = q();
+  J(n);
+  const {
+    xMeasure: l,
+    yMeasure: d,
+    pointDimension: u,
+    groupByDimension: m,
+    results: t,
+    pointColor: a,
+    showLegend: i,
+    showTooltips: r,
+    showPointLabels: g,
+    showValueLabels: x,
+    showLogarithmicScale: h,
+    xAxisRangeMin: C,
+    xAxisRangeMax: y,
+    yAxisRangeMin: o,
+    yAxisRangeMax: c,
+    reverseXAxis: p,
+    onPointClick: b,
+    hideMenu: S
+  } = e, { title: A, description: M, tooltip: V, xAxisLabel: j, yAxisLabel: z } = Q(e), P = W.t("charts.scatterChart.noValue"), B = re(
+    {
+      data: t.data,
+      xMeasure: l,
+      yMeasure: d,
+      pointDimension: u,
+      groupByDimension: m,
+      noValueLabel: P,
+      pointColor: a
+    },
+    n
+  ), K = se({
+    datasets: B.datasets,
+    results: t,
+    xMeasure: l,
+    yMeasure: d,
+    pointDimension: u,
+    groupByDimension: m,
+    onPointClick: b
+  }), E = G(
+    ne({ xMeasure: l, yMeasure: d, noValueLabel: P }, n),
+    ((F = n.charts.scatterChartPro) == null ? void 0 : F.options) ?? {}
+  );
+  return /* @__PURE__ */ _.jsx(
+    Z,
+    {
+      data: t,
+      dimensionsAndMeasures: [
+        u,
+        l,
+        d,
+        ...m ? [m] : []
+      ],
+      errorMessage: t.error,
+      description: M,
+      title: A,
+      tooltip: V,
+      hideMenu: S,
+      children: /* @__PURE__ */ _.jsx(
+        U,
+        {
+          data: B,
+          options: E,
+          nullBandLabel: P,
+          showLegend: i,
+          showTooltips: r,
+          showPointLabels: g,
+          showValueLabels: x,
+          showLogarithmicScale: h,
+          xAxisLabel: j,
+          yAxisLabel: z,
+          xAxisRangeMin: C,
+          xAxisRangeMax: y,
+          yAxisRangeMin: o,
+          yAxisRangeMax: c,
+          reverseXAxis: p,
+          onClick: K
+        }
+      )
+    }
+  );
+}, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: k
+}, Symbol.toStringTag, { value: "Module" })), ie = {
+  ...s.boolean,
+  name: "showPointLabels",
+  label: "Show point labels",
+  defaultValue: !1,
+  category: "Component Settings"
+}, le = {
+  name: "ScatterChartPro",
+  label: "Scatter Chart",
+  category: "Scatter Charts",
+  inputs: [
+    s.dataset,
+    s.xMeasure,
+    s.yMeasure,
+    {
+      ...s.dimension,
+      name: "pointDimension",
+      label: "Point dimension"
+    },
+    {
+      ...s.dimension,
+      name: "groupByDimension",
+      label: "Group by (optional)",
+      required: !1
+    },
+    {
+      ...te.color,
+      name: "pointColor",
+      label: "Point color",
+      category: "Component Settings"
+    },
+    s.title,
+    s.description,
+    s.tooltip,
+    s.showLegend,
+    s.showTooltips,
+    ie,
+    s.showValueLabels,
+    s.showLogarithmicScale,
+    s.xAxisLabel,
+    s.yAxisLabel,
+    s.reverseXAxis,
+    s.xAxisRangeMin,
+    s.xAxisRangeMax,
+    s.yAxisRangeMin,
+    s.yAxisRangeMax,
+    s.maxResults
+  ],
+  events: [
+    {
+      name: "onPointClick",
+      label: "A point is clicked",
+      properties: [
+        {
+          name: "xMeasureValue",
+          label: "Clicked X measure value",
+          type: "string"
+        },
+        {
+          name: "yMeasureValue",
+          label: "Clicked Y measure value",
+          type: "string"
+        },
+        {
+          name: "pointDimensionValue",
+          label: "Clicked point dimension value",
+          type: "string"
+        },
+        {
+          name: "groupByDimensionValue",
+          label: "Clicked group by value",
+          type: "string"
+        },
+        {
+          name: "pointDimensionTimeRange",
+          label: "Clicked point dimension time range",
+          type: "timeRange"
+        },
+        {
+          name: "groupByDimensionTimeRange",
+          label: "Clicked group by time range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ]
+}, N = {
+  dataset: D.dataset,
+  xMeasure: D.measure,
+  yMeasure: D.measureVariant,
+  pointDimension: D.dimension,
+  results: D.results2Measures1Dimension,
+  showLegend: !0,
+  hideMenu: !0
+}, ue = H(k, N), $ = (e, n) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [
+    e.xMeasure,
+    e.yMeasure,
+    e.pointDimension,
+    ...e.groupByDimension ? [e.groupByDimension] : []
+  ],
+  timezone: ae(n == null ? void 0 : n.timezone)
+}), O = (e, n) => Y($(e, n)), me = {
+  onPointClick: (e) => ({
+    xMeasureValue: e.xMeasureValue ?? L.noFilter(),
+    yMeasureValue: e.yMeasureValue ?? L.noFilter(),
+    pointDimensionValue: e.pointDimensionValue ?? L.noFilter(),
+    groupByDimensionValue: e.groupByDimensionValue ?? L.noFilter()
+  })
+}, ce = (e, [n, l], d) => ({
+  ...e,
+  pointColor: e.pointColor,
+  results: O(e, d)
+}), Ve = {
+  Component: k,
+  meta: le,
+  preview: ue,
+  previewConfig: N,
+  config: {
+    props: ce,
+    events: me
+  },
+  results: {
+    loadDataArgs: $,
+    loadData: O
+  }
+};
+export {
+  Me as i,
+  Ve as s
+};
+//# sourceMappingURL=definition-DSD1tzfc.js.map

package/dist/definition-DSD1tzfc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DSD1tzfc.js","sources":["../src/components/charts/scatter/ScatterChartPro/ScatterChartPro.utils.ts","../src/components/charts/scatter/ScatterChartPro/index.tsx","../src/components/charts/scatter/ScatterChartPro/definition.ts"],"sourcesContent":["import { ChartData, type ChartOptions } from 'chart.js';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport type {\n  ChartClickArgs,\n  ScatterChartInputPoint,\n  ScatterDatasetWithOriginal,\n} from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport type { ScatterChartProOptionsClickArg } from '../scatter.types';\nimport { getDimensionFieldName } from '../../../../utils/data.utils';\n\nexport const getScatterChartProOptions = (\n  {\n    xMeasure,\n    yMeasure,\n    noValueLabel,\n  }: { xMeasure: Measure; yMeasure: Measure; noValueLabel: string },\n  theme: Theme,\n): Partial<ChartOptions<'scatter'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  const formatValue = (measure: Measure, value: number | null | undefined): string => {\n    if (value === null || value === undefined) return noValueLabel;\n    return themeFormatter.data(measure, value);\n  };\n\n  return {\n    scales: {\n      x: {\n        ticks: {\n          callback: (tickValue) => {\n            const v = typeof tickValue === 'number' ? tickValue : Number(tickValue);\n            return themeFormatter.data(xMeasure, v);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (tickValue) => {\n            const v = typeof tickValue === 'number' ? tickValue : Number(tickValue);\n            return themeFormatter.data(yMeasure, v);\n          },\n        },\n      },\n    },\n    plugins: {\n      tooltip: {\n        callbacks: {\n          label: (ctx) => {\n            const ds = ctx.dataset as ScatterDatasetWithOriginal;\n            const orig =\n              ds.originalData?.[ctx.dataIndex] ??\n              (ctx.dataset.data[ctx.dataIndex] as\n                | { x: number | null; y: number | null }\n                | undefined);\n            const prefix = ds.label ? `${ds.label}: ` : '';\n            if (!orig) return prefix;\n            return `${prefix}(${formatValue(xMeasure, orig.x)}, ${formatValue(yMeasure, orig.y)})`;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (_value, context) => {\n              const ds = context.dataset as ScatterDatasetWithOriginal;\n              const raw =\n                ds.originalData?.[context.dataIndex] ??\n                (context.dataset.data[context.dataIndex] as\n                  | { x: number | null; y: number | null }\n                  | undefined);\n              if (!raw) return '';\n              return `(${formatValue(xMeasure, raw.x)}, ${formatValue(yMeasure, raw.y)})`;\n            },\n          },\n        },\n      },\n    },\n  };\n};\n\ntype CellValue = string | number | boolean | null | undefined;\n\nconst getCellValue = (value: CellValue): string => {\n  if (value === null || value === undefined) return '';\n  if (typeof value === 'object') return JSON.stringify(value);\n  return String(value);\n};\n\nexport type ScatterPoint = ScatterChartInputPoint & { rowIndex: number };\n\nexport const getPointClickData = (\n  point: { datasetIndex: number; index: number },\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'],\n  data: DataResponse['data'],\n  xMeasure: Measure,\n  yMeasure: Measure,\n  pointDimension: Dimension,\n  groupByDimension?: Dimension,\n): ScatterChartProOptionsClickArg | null => {\n  const rowIdx = datasets[point.datasetIndex]?.data[point.index]?.rowIndex;\n  if (rowIdx === undefined) return null;\n  const row = data?.[rowIdx] as Record<string, CellValue> | undefined;\n  if (!row) return null;\n\n  const pointField = getDimensionFieldName(pointDimension);\n  const groupField = groupByDimension ? getDimensionFieldName(groupByDimension) : undefined;\n\n  const pointDimensionValue = getCellValue(row[pointField]);\n  const groupByDimensionValue = groupField ? getCellValue(row[groupField]) : null;\n\n  return {\n    xMeasureValue: getCellValue(row[xMeasure.name]),\n    yMeasureValue: getCellValue(row[yMeasure.name]),\n    pointDimensionValue,\n    groupByDimensionValue,\n    pointDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: pointDimensionValue,\n      dimension: pointDimension,\n    }),\n    groupByDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: groupByDimensionValue ?? undefined,\n      dimension: groupByDimension,\n    }),\n  };\n};\n\nexport const createScatterClickHandler = ({\n  datasets,\n  results,\n  xMeasure,\n  yMeasure,\n  pointDimension,\n  groupByDimension,\n  onPointClick,\n}: {\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'];\n  results: DataResponse;\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const clickData = getPointClickData(\n      element,\n      datasets,\n      results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n    );\n    if (clickData) onPointClick?.(clickData);\n  };\n};\n\nconst NULL_GROUP_KEY = '__scatter_null_group__';\n\nexport const measureToNullableNumber = (value: unknown): number | null => {\n  if (value === null || value === undefined) return null;\n  if (typeof value === 'number') return Number.isFinite(value) ? value : null;\n  const n = Number(value);\n  return Number.isFinite(n) ? n : null;\n};\n\nexport const getScatterChartProData = (\n  props: {\n    data: DataResponse['data'];\n    xMeasure: Measure;\n    yMeasure: Measure;\n    pointDimension: Dimension;\n    groupByDimension?: Dimension | null;\n    noValueLabel: string;\n    pointColor?: string;\n  },\n  theme: Theme,\n): ChartData<'scatter', ScatterPoint[]> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n  const data = (props.data ?? []) as Record<string, unknown>[];\n  const pointField = getDimensionFieldName(props.pointDimension);\n  const overrideColor = props.pointColor?.trim() || undefined;\n\n  if (!data.length) {\n    return { datasets: [{ label: '', data: [] }] };\n  }\n\n  const getColor = (\n    color: 'background' | 'border',\n    dimensionOrMeasure: Dimension | Measure,\n    value: string,\n    index: number,\n  ) =>\n    overrideColor ??\n    getDimensionMeasureColor({ dimensionOrMeasure, theme, color, value, index, chartColors });\n\n  const buildPoint = (row: Record<string, unknown>, rowIndex: number): ScatterPoint => {\n    const rawPoint = row[pointField];\n    const pointLabel =\n      rawPoint == null\n        ? props.noValueLabel\n        : String(themeFormatter.data(props.pointDimension, rawPoint as string | number | boolean));\n    return {\n      x: measureToNullableNumber(row[props.xMeasure.name]),\n      y: measureToNullableNumber(row[props.yMeasure.name]),\n      pointLabel,\n      label: pointLabel,\n      rowIndex,\n    };\n  };\n\n  if (!props.groupByDimension) {\n    return {\n      datasets: [\n        {\n          label: themeFormatter.dimensionOrMeasureTitle(props.yMeasure),\n          data: data.map((row, i) => buildPoint(row, i)),\n          pointBackgroundColor: getColor('background', props.xMeasure, props.xMeasure.name, 0),\n          pointBorderColor: getColor('border', props.xMeasure, props.xMeasure.name, 0),\n        },\n      ],\n    };\n  }\n\n  const groupDim = props.groupByDimension;\n  const groupField = getDimensionFieldName(groupDim);\n  const bucket = new Map<string, ScatterPoint[]>();\n\n  data.forEach((row, rowIndex) => {\n    const key = row[groupField] == null ? NULL_GROUP_KEY : String(row[groupField]);\n    const points = bucket.get(key) ?? [];\n    points.push(buildPoint(row, rowIndex));\n    bucket.set(key, points);\n  });\n\n  const sortedKeys = [...bucket.keys()].sort((a, b) => {\n    if (a === NULL_GROUP_KEY) return 1;\n    if (b === NULL_GROUP_KEY) return -1;\n    return a.localeCompare(b);\n  });\n\n  const datasets = sortedKeys.map((key, index) => {\n    const points = bucket.get(key)!;\n    const firstRowIndex = points[0]!.rowIndex;\n    const groupValue = key === NULL_GROUP_KEY ? null : data[firstRowIndex]?.[groupField];\n    const seriesLabel =\n      key === NULL_GROUP_KEY\n        ? props.noValueLabel\n        : themeFormatter.data(groupDim, groupValue as string | number | boolean);\n    const colorKey = key === NULL_GROUP_KEY ? `${groupDim.name}.null` : `${groupDim.name}.${key}`;\n\n    return {\n      label: seriesLabel,\n      data: points,\n      pointBackgroundColor: getColor('background', groupDim, colorKey, index),\n      pointBorderColor: getColor('border', groupDim, colorKey, index),\n    };\n  });\n\n  return { datasets };\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { ScatterChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  createScatterClickHandler,\n  getScatterChartProData,\n  getScatterChartProOptions,\n} from './ScatterChartPro.utils';\n\nimport type { ScatterChartProOptionsClickArg } from '../scatter.types';\n\nexport type ScatterChartProProps = {\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  results: DataResponse;\n  pointColor?: string;\n  showLegend?: boolean;\n  showTooltips?: boolean;\n  showPointLabels?: boolean;\n  showValueLabels?: boolean;\n  showLogarithmicScale?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMin?: number;\n  xAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  reverseXAxis?: boolean;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nconst ScatterChartPro = (props: ScatterChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    results,\n    pointColor,\n    showLegend,\n    showTooltips,\n    showPointLabels,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    reverseXAxis,\n    onPointClick,\n    hideMenu,\n  } = props;\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const noValueLabel = i18n.t('charts.scatterChart.noValue');\n\n  const chartData = getScatterChartProData(\n    {\n      data: results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n      noValueLabel,\n      pointColor,\n    },\n    theme,\n  );\n\n  const handleClick = createScatterClickHandler({\n    datasets: chartData.datasets,\n    results,\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    onPointClick,\n  });\n\n  const chartOptions = mergician(\n    getScatterChartProOptions({ xMeasure, yMeasure, noValueLabel }, theme),\n    theme.charts.scatterChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[\n        pointDimension,\n        xMeasure,\n        yMeasure,\n        ...(groupByDimension ? [groupByDimension] : []),\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ScatterChart\n        data={chartData}\n        options={chartOptions}\n        nullBandLabel={noValueLabel}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showPointLabels={showPointLabels}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        reverseXAxis={reverseXAxis}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default ScatterChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport type { ScatterChartProOptionsClickArg } from '../scatter.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst showPointLabels = {\n  ...inputs.boolean,\n  name: 'showPointLabels',\n  label: 'Show point labels',\n  defaultValue: false,\n  category: 'Component Settings',\n} as const;\n\nconst meta = {\n  name: 'ScatterChartPro',\n  label: 'Scatter Chart',\n  category: 'Scatter Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.xMeasure,\n    inputs.yMeasure,\n    {\n      ...inputs.dimension,\n      name: 'pointDimension',\n      label: 'Point dimension',\n    },\n    {\n      ...inputs.dimension,\n      name: 'groupByDimension',\n      label: 'Group by (optional)',\n      required: false,\n    },\n    {\n      ...subInputs.color,\n      name: 'pointColor',\n      label: 'Point color',\n      category: 'Component Settings',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    showPointLabels,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onPointClick',\n      label: 'A point is clicked',\n      properties: [\n        {\n          name: 'xMeasureValue',\n          label: 'Clicked X measure value',\n          type: 'string',\n        },\n        {\n          name: 'yMeasureValue',\n          label: 'Clicked Y measure value',\n          type: 'string',\n        },\n        {\n          name: 'pointDimensionValue',\n          label: 'Clicked point dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupByDimensionValue',\n          label: 'Clicked group by value',\n          type: 'string',\n        },\n        {\n          name: 'pointDimensionTimeRange',\n          label: 'Clicked point dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupByDimensionTimeRange',\n          label: 'Clicked group by time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type ScatterChartProState = Record<string, never>;\n\nconst previewConfig = {\n  dataset: previewData.dataset,\n  xMeasure: previewData.measure,\n  yMeasure: previewData.measureVariant,\n  pointDimension: previewData.dimension,\n  results: previewData.results2Measures1Dimension,\n  showLegend: true,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    inputs.xMeasure,\n    inputs.yMeasure,\n    inputs.pointDimension,\n    ...(inputs.groupByDimension ? [inputs.groupByDimension] : []),\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst events = {\n  onPointClick: (value: ScatterChartProOptionsClickArg) => ({\n    xMeasureValue: value.xMeasureValue ?? Value.noFilter(),\n    yMeasureValue: value.yMeasureValue ?? Value.noFilter(),\n    pointDimensionValue: value.pointDimensionValue ?? Value.noFilter(),\n    groupByDimensionValue: value.groupByDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [_state, _setState]: [ScatterChartProState, (state: ScatterChartProState) => void],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  pointColor: inputs.pointColor as string | undefined,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const scatterChartPro = {\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":["getScatterChartProOptions","xMeasure","yMeasure","noValueLabel","theme","themeFormatter","getThemeFormatter","formatValue","measure","value","tickValue","v","ctx","ds","orig","_a","prefix","_value","context","raw","getCellValue","getPointClickData","point","datasets","data","pointDimension","groupByDimension","rowIdx","_b","row","pointField","getDimensionFieldName","groupField","pointDimensionValue","groupByDimensionValue","getTimeRangeFromDimensionValue","createScatterClickHandler","results","onPointClick","elementAtEvent","element","clickData","NULL_GROUP_KEY","measureToNullableNumber","getScatterChartProData","props","chartColors","getChartColors","overrideColor","getColor","color","dimensionOrMeasure","index","getDimensionMeasureColor","buildPoint","rowIndex","rawPoint","pointLabel","i","groupDim","bucket","key","points","a","b","firstRowIndex","groupValue","seriesLabel","colorKey","ScatterChartPro","useTheme","i18nSetup","pointColor","showLegend","showTooltips","showPointLabels","showValueLabels","showLogarithmicScale","xAxisRangeMin","xAxisRangeMax","yAxisRangeMin","yAxisRangeMax","reverseXAxis","hideMenu","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","ScatterChart","inputs","meta","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","_state","_setState","scatterChartPro"],"mappings":";;;;;;;;;;AAeO,MAAMA,KAA4B,CACvC;AAAA,EACE,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,GACAC,MACqC;AACrC,QAAMC,IAAiBC,EAAkBF,CAAK,GAExCG,IAAc,CAACC,GAAkBC,MACjCA,KAAU,OAAoCN,IAC3CE,EAAe,KAAKG,GAASC,CAAK;AAG3C,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACC,MAAc;AACvB,kBAAMC,IAAI,OAAOD,KAAc,WAAWA,IAAY,OAAOA,CAAS;AACtE,mBAAOL,EAAe,KAAKJ,GAAUU,CAAC;AAAA,UACxC;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACD,MAAc;AACvB,kBAAMC,IAAI,OAAOD,KAAc,WAAWA,IAAY,OAAOA,CAAS;AACtE,mBAAOL,EAAe,KAAKH,GAAUS,CAAC;AAAA,UACxC;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,SAAS;AAAA,MACP,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACC,MAAQ;;AACd,kBAAMC,IAAKD,EAAI,SACTE,MACJC,IAAAF,EAAG,iBAAH,gBAAAE,EAAkBH,EAAI,eACrBA,EAAI,QAAQ,KAAKA,EAAI,SAAS,GAG3BI,IAASH,EAAG,QAAQ,GAAGA,EAAG,KAAK,OAAO;AAC5C,mBAAKC,IACE,GAAGE,CAAM,IAAIT,EAAYN,GAAUa,EAAK,CAAC,CAAC,KAAKP,EAAYL,GAAUY,EAAK,CAAC,CAAC,MADjEE;AAAA,UAEpB;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW,CAACC,GAAQC,MAAY;;AAE9B,oBAAMC,MACJJ,IAFSG,EAAQ,QAEd,iBAAH,gBAAAH,EAAkBG,EAAQ,eACzBA,EAAQ,QAAQ,KAAKA,EAAQ,SAAS;AAGzC,qBAAKC,IACE,IAAIZ,EAAYN,GAAUkB,EAAI,CAAC,CAAC,KAAKZ,EAAYL,GAAUiB,EAAI,CAAC,CAAC,MADvD;AAAA,YAEnB;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ,GAIMC,IAAe,CAACX,MAChBA,KAAU,OAAoC,KAC9C,OAAOA,KAAU,WAAiB,KAAK,UAAUA,CAAK,IACnD,OAAOA,CAAK,GAKRY,KAAoB,CAC/BC,GACAC,GACAC,GACAvB,GACAC,GACAuB,GACAC,MAC0C;;AAC1C,QAAMC,KAASC,KAAAb,IAAAQ,EAASD,EAAM,YAAY,MAA3B,gBAAAP,EAA8B,KAAKO,EAAM,WAAzC,gBAAAM,EAAiD;AAChE,MAAID,MAAW,OAAW,QAAO;AACjC,QAAME,IAAML,KAAA,gBAAAA,EAAOG;AACnB,MAAI,CAACE,EAAK,QAAO;AAEjB,QAAMC,IAAaC,EAAsBN,CAAc,GACjDO,IAAaN,IAAmBK,EAAsBL,CAAgB,IAAI,QAE1EO,IAAsBb,EAAaS,EAAIC,CAAU,CAAC,GAClDI,IAAwBF,IAAaZ,EAAaS,EAAIG,CAAU,CAAC,IAAI;AAE3E,SAAO;AAAA,IACL,eAAeZ,EAAaS,EAAI5B,EAAS,IAAI,CAAC;AAAA,IAC9C,eAAemB,EAAaS,EAAI3B,EAAS,IAAI,CAAC;AAAA,IAC9C,qBAAA+B;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAyBC,EAA+B;AAAA,MACtD,OAAOF;AAAA,MACP,WAAWR;AAAA,IAAA,CACZ;AAAA,IACD,2BAA2BU,EAA+B;AAAA,MACxD,OAAOD,KAAyB;AAAA,MAChC,WAAWR;AAAA,IAAA,CACZ;AAAA,EAAA;AAEL,GAEaU,KAA4B,CAAC;AAAA,EACxC,UAAAb;AAAA,EACA,SAAAc;AAAA,EACA,UAAApC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAuB;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAY;AACF,MASS,CAAC,EAAE,gBAAAC,QAAqB;AAC7B,QAAMC,IAAUD,EAAe,CAAC;AAChC,MAAI,CAACC,EAAS;AACd,QAAMC,IAAYpB;AAAA,IAChBmB;AAAA,IACAjB;AAAA,IACAc,EAAQ;AAAA,IACRpC;AAAA,IACAC;AAAA,IACAuB;AAAA,IACAC;AAAA,EAAA;AAEF,EAAIe,qBAA0BA;AAChC,GAGIC,IAAiB,0BAEVC,IAA0B,CAAClC,MAAkC;AACxE,MAAIA,KAAU,KAA6B,QAAO;AAClD,MAAI,OAAOA,KAAU,SAAU,QAAO,OAAO,SAASA,CAAK,IAAIA,IAAQ;AACvE,QAAM,IAAI,OAAOA,CAAK;AACtB,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC,GAEamC,KAAyB,CACpCC,GASAzC,MACyC;;AACzC,QAAMC,IAAiBC,EAAkBF,CAAK,GACxC0C,IAAcC,EAAA,GACdvB,IAAQqB,EAAM,QAAQ,CAAA,GACtBf,IAAaC,EAAsBc,EAAM,cAAc,GACvDG,MAAgBjC,IAAA8B,EAAM,eAAN,gBAAA9B,EAAkB,WAAU;AAElD,MAAI,CAACS,EAAK;AACR,WAAO,EAAE,UAAU,CAAC,EAAE,OAAO,IAAI,MAAM,CAAA,EAAC,CAAG,EAAA;AAG7C,QAAMyB,IAAW,CACfC,GACAC,GACA1C,GACA2C,MAEAJ,KACAK,GAAyB,EAAE,oBAAAF,GAAoB,OAAA/C,GAAO,OAAA8C,GAAO,OAAAzC,GAAO,OAAA2C,GAAO,aAAAN,GAAa,GAEpFQ,IAAa,CAACzB,GAA8B0B,MAAmC;AACnF,UAAMC,IAAW3B,EAAIC,CAAU,GACzB2B,IACJD,KAAY,OACRX,EAAM,eACN,OAAOxC,EAAe,KAAKwC,EAAM,gBAAgBW,CAAqC,CAAC;AAC7F,WAAO;AAAA,MACL,GAAGb,EAAwBd,EAAIgB,EAAM,SAAS,IAAI,CAAC;AAAA,MACnD,GAAGF,EAAwBd,EAAIgB,EAAM,SAAS,IAAI,CAAC;AAAA,MACnD,YAAAY;AAAA,MACA,OAAOA;AAAA,MACP,UAAAF;AAAA,IAAA;AAAA,EAEJ;AAEA,MAAI,CAACV,EAAM;AACT,WAAO;AAAA,MACL,UAAU;AAAA,QACR;AAAA,UACE,OAAOxC,EAAe,wBAAwBwC,EAAM,QAAQ;AAAA,UAC5D,MAAMrB,EAAK,IAAI,CAACK,GAAK6B,MAAMJ,EAAWzB,GAAK6B,CAAC,CAAC;AAAA,UAC7C,sBAAsBT,EAAS,cAAcJ,EAAM,UAAUA,EAAM,SAAS,MAAM,CAAC;AAAA,UACnF,kBAAkBI,EAAS,UAAUJ,EAAM,UAAUA,EAAM,SAAS,MAAM,CAAC;AAAA,QAAA;AAAA,MAC7E;AAAA,IACF;AAIJ,QAAMc,IAAWd,EAAM,kBACjBb,IAAaD,EAAsB4B,CAAQ,GAC3CC,wBAAa,IAAA;AAEnB,SAAApC,EAAK,QAAQ,CAACK,GAAK0B,MAAa;AAC9B,UAAMM,IAAMhC,EAAIG,CAAU,KAAK,OAAOU,IAAiB,OAAOb,EAAIG,CAAU,CAAC,GACvE8B,IAASF,EAAO,IAAIC,CAAG,KAAK,CAAA;AAClC,IAAAC,EAAO,KAAKR,EAAWzB,GAAK0B,CAAQ,CAAC,GACrCK,EAAO,IAAIC,GAAKC,CAAM;AAAA,EACxB,CAAC,GA0BM,EAAE,UAxBU,CAAC,GAAGF,EAAO,KAAA,CAAM,EAAE,KAAK,CAACG,GAAGC,MACzCD,MAAMrB,IAAuB,IAC7BsB,MAAMtB,IAAuB,KAC1BqB,EAAE,cAAcC,CAAC,CACzB,EAE2B,IAAI,CAACH,GAAKT,MAAU;;AAC9C,UAAMU,IAASF,EAAO,IAAIC,CAAG,GACvBI,IAAgBH,EAAO,CAAC,EAAG,UAC3BI,IAAaL,MAAQnB,IAAiB,QAAO3B,IAAAS,EAAKyC,CAAa,MAAlB,gBAAAlD,EAAsBiB,IACnEmC,IACJN,MAAQnB,IACJG,EAAM,eACNxC,EAAe,KAAKsD,GAAUO,CAAuC,GACrEE,IAAWP,MAAQnB,IAAiB,GAAGiB,EAAS,IAAI,UAAU,GAAGA,EAAS,IAAI,IAAIE,CAAG;AAE3F,WAAO;AAAA,MACL,OAAOM;AAAA,MACP,MAAML;AAAA,MACN,sBAAsBb,EAAS,cAAcU,GAAUS,GAAUhB,CAAK;AAAA,MACtE,kBAAkBH,EAAS,UAAUU,GAAUS,GAAUhB,CAAK;AAAA,IAAA;AAAA,EAElE,CAAC,EAEQ;AACX,GCtOMiB,IAAkB,CAACxB,MAAgC;;AACvD,QAAMzC,IAAQkE,EAAA;AACd,EAAAC,EAAUnE,CAAK;AAEf,QAAM;AAAA,IACJ,UAAAH;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAuB;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAW;AAAA,IACA,YAAAmC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAA5C;AAAA,IACA,UAAA6C;AAAA,EAAA,IACEtC,GAEE,EAAE,OAAAuC,GAAO,aAAAC,GAAa,SAAAC,GAAS,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiB5C,CAAK,GAEhF1C,IAAeuF,EAAK,EAAE,6BAA6B,GAEnDC,IAAY/C;AAAA,IAChB;AAAA,MACE,MAAMP,EAAQ;AAAA,MACd,UAAApC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAuB;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAvB;AAAA,MACA,YAAAqE;AAAA,IAAA;AAAA,IAEFpE;AAAA,EAAA,GAGIwF,IAAcxD,GAA0B;AAAA,IAC5C,UAAUuD,EAAU;AAAA,IACpB,SAAAtD;AAAA,IACA,UAAApC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAuB;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAY;AAAA,EAAA,CACD,GAEKuD,IAAeC;AAAA,IACnB9F,GAA0B,EAAE,UAAAC,GAAU,UAAAC,GAAU,cAAAC,EAAA,GAAgBC,CAAK;AAAA,MACrEW,IAAAX,EAAM,OAAO,oBAAb,gBAAAW,EAA8B,YAAW,CAAA;AAAA,EAAC;AAG5C,SACEgF,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM3D;AAAA,MACN,uBAAuB;AAAA,QACrBZ;AAAA,QACAxB;AAAA,QACAC;AAAA,QACA,GAAIwB,IAAmB,CAACA,CAAgB,IAAI,CAAA;AAAA,MAAC;AAAA,MAE/C,cAAcW,EAAQ;AAAA,MACtB,aAAAgD;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAH;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAMN;AAAA,UACN,SAASE;AAAA,UACT,eAAe1F;AAAA,UACf,YAAAsE;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,YAAAU;AAAA,UACA,YAAAC;AAAA,UACA,eAAAV;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,cAAAC;AAAA,UACA,SAASU;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA;AAGN;;;8CCxHMjB,KAAkB;AAAA,EACtB,GAAGuB,EAAO;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AACZ,GAEMC,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACND,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGE,GAAU;AAAA,MACb,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZF,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPvB;AAAA,IACAuB,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,QAER;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,QAER;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,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAIMG,IAAgB;AAAA,EACpB,SAASC,EAAY;AAAA,EACrB,UAAUA,EAAY;AAAA,EACtB,UAAUA,EAAY;AAAA,EACtB,gBAAgBA,EAAY;AAAA,EAC5B,SAASA,EAAY;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AACZ,GAEMC,KAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAC1BR,GACAS,OACqB;AAAA,EACrB,OAAOT,EAAO;AAAA,EACd,MAAMA,EAAO;AAAA,EACb,QAAQ;AAAA,IACNA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,GAAIA,EAAO,mBAAmB,CAACA,EAAO,gBAAgB,IAAI,CAAA;AAAA,EAAC;AAAA,EAE7D,UAAUU,GAAyBD,KAAA,gBAAAA,EAAe,QAAQ;AAC5D,IAEME,IAAkB,CACtBX,GACAS,MACiBG,EAASJ,EAAoBR,GAAQS,CAAa,CAAC,GAEhEI,KAAS;AAAA,EACb,cAAc,CAACtG,OAA2C;AAAA,IACxD,eAAeA,EAAM,iBAAiBuG,EAAM,SAAA;AAAA,IAC5C,eAAevG,EAAM,iBAAiBuG,EAAM,SAAA;AAAA,IAC5C,qBAAqBvG,EAAM,uBAAuBuG,EAAM,SAAA;AAAA,IACxD,uBAAuBvG,EAAM,yBAAyBuG,EAAM,SAAA;AAAA,EAAS;AAEzE,GAEMnE,KAAQ,CACZqD,GACA,CAACe,GAAQC,CAAS,GAClBP,OACI;AAAA,EACJ,GAAGT;AAAAA,EACH,YAAYA,EAAO;AAAA,EACnB,SAASW,EAAgBX,GAAQS,CAAa;AAChD,IAEaQ,KAAkB;AAAA,EAAA,WAC7BV;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAAxD;AAAA,IACA,QAAAkE;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcL;AAAA,IACd,UAAUG;AAAA,EAAA;AAEd;"}

package/dist/definition-DiFeLhuO.js

@@ -0,0 +1,128 @@
+import { m as L, j as m, J as R, V as d, l as T } from "./index-CuEaD6nM.js";
+import { useTheme as j, definePreview as M } from "@embeddable.com/react";
+import { g as S, a as y, c as A } from "./pies.utils-Cpnx2_fq.js";
+import { a as I, r as _ } from "./component.utils-Dua9clQJ.js";
+import { C as O } from "./ChartCard-CRWGszUn.js";
+import { i as s, s as F } from "./component.inputs.constants-By5BzrXa.js";
+import { p as i } from "./preview.data.constants-DGIhRSwN.js";
+const r = (e) => {
+  var l;
+  const t = j();
+  I(t);
+  const {
+    description: g,
+    title: h,
+    tooltip: C
+  } = _(e), {
+    dimension: o,
+    maxLegendItems: f,
+    measure: a,
+    results: n,
+    showLegend: P,
+    showTooltips: w,
+    showValueLabels: D,
+    hideMenu: b,
+    onSegmentClick: k
+  } = e, V = S(
+    { data: n.data, dimension: o, measure: a, maxLegendItems: f },
+    t
+  ), x = L(
+    y({ measure: a, dimension: o }, t),
+    ((l = t.charts.donutChartPro) == null ? void 0 : l.options) ?? {}
+  ), v = A({ results: n, dimension: o, onClicked: k });
+  return /* @__PURE__ */ m.jsx(
+    O,
+    {
+      data: n,
+      dimensionsAndMeasures: [o, a],
+      errorMessage: n.error,
+      description: g,
+      title: h,
+      tooltip: C,
+      hideMenu: b,
+      children: /* @__PURE__ */ m.jsx(
+        R,
+        {
+          data: V,
+          options: x,
+          showLegend: P,
+          showTooltips: w,
+          showValueLabels: D,
+          onClick: v
+        }
+      )
+    }
+  );
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: r
+}, Symbol.toStringTag, { value: "Module" })), z = {
+  name: "DonutChartPro",
+  label: "Donut Chart",
+  category: "Pie Charts",
+  inputs: [
+    s.dataset,
+    { ...s.measure, inputs: [...s.measure.inputs, F.showValueAsPercentage] },
+    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"
+        },
+        {
+          name: "dimensionTimeRange",
+          label: "Clicked dimension time range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ]
+}, u = {
+  dimension: i.dimension,
+  measure: i.measure,
+  results: i.results1Measure1Dimension,
+  showValueLabels: !1,
+  hideMenu: !0
+}, E = M(r, u), c = (e) => ({
+  from: e.dataset,
+  select: [e.measure, e.dimension]
+}), p = (e) => T(c(e)), H = {
+  onSegmentClick: (e) => ({
+    dimensionValue: e.dimensionValue ?? d.noFilter(),
+    dimensionTimeRange: e.dimensionTimeRange ?? d.noFilter()
+  })
+}, J = (e) => ({
+  ...e,
+  results: p(e)
+}), X = {
+  Component: r,
+  meta: z,
+  preview: E,
+  previewConfig: u,
+  config: {
+    props: J,
+    events: H
+  },
+  results: {
+    loadDataArgs: c,
+    loadData: p
+  }
+};
+export {
+  X as d,
+  W as i
+};
+//# sourceMappingURL=definition-DiFeLhuO.js.map

package/dist/definition-DiFeLhuO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DiFeLhuO.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, createPieClickHandler } 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\n    title,\n    tooltip,\n  } = resolveI18nProps(props);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    hideMenu,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\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 { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  category: 'Pie Charts',\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\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          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\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: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? 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","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","hideMenu","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","donutChartPro"],"mappings":"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"}