@embeddable.com/remarkable-pro 0.2.7 → 0.2.8

package/dist/definition-CQsDRZCj.js

@@ -0,0 +1,366 @@
+import { t as X, m as G, j as _, J, V as L, l as U } from "./index-DhX_i17N.js";
+import { useTheme as Y, definePreview as q } from "@embeddable.com/react";
+import { a as H, r as Q, i as W } from "./component.utils-Dua9clQJ.js";
+import { C as Z } from "./ChartCard-CnFskmyD.js";
+import { g as v } from "./dimension.utils-jwBcagYn.js";
+import { a as w, g as I } from "./formatter.utils-CQ25D0x2.js";
+import { g as ee } from "./styles.utils-C8CnV0SB.js";
+import { i as s, s as te } from "./component.inputs.constants-Btzhai00.js";
+import { p as D } from "./preview.data.constants-C__PriSe.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 = Y();
+  H(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: O, 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(
+        J,
+        {
+          data: B,
+          options: E,
+          nullBandLabel: P,
+          showLegend: i,
+          showTooltips: r,
+          showPointLabels: g,
+          showValueLabels: x,
+          showLogarithmicScale: h,
+          xAxisLabel: O,
+          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 = q(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)
+}), j = (e, n) => U($(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: j(e, d)
+}), Ve = {
+  Component: k,
+  meta: le,
+  preview: ue,
+  previewConfig: N,
+  config: {
+    props: ce,
+    events: me
+  },
+  results: {
+    loadDataArgs: $,
+    loadData: j
+  }
+};
+export {
+  Me as i,
+  Ve as s
+};
+//# sourceMappingURL=definition-CQsDRZCj.js.map

package/dist/definition-CQsDRZCj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CQsDRZCj.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":"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"}

package/dist/definition-CdNZlvx8.js

@@ -0,0 +1,157 @@
+import { j as c, G as N, L as B, V as v, l as X } from "./index-DhX_i17N.js";
+import { useTheme as Y, definePreview as q } from "@embeddable.com/react";
+import { useState as J, useEffect as Q } from "react";
+import { a as U, r as Z } from "./component.utils-Dua9clQJ.js";
+import { C as $ } from "./ChartCard-CnFskmyD.js";
+import { u as ee } from "./charts.fillGaps.hooks-BNF-g1iW.js";
+import { C as ae, g as se } from "./granularity.utils-Ci8GeTuK.js";
+import { g as re, a as ie, l as f } from "./definition-DVwHCfly.js";
+import { g as te } from "./formatter.utils-CQ25D0x2.js";
+import { c as ne } from "./charts.utils-D9vzv_R0.js";
+import { p as o } from "./preview.data.constants-C__PriSe.js";
+import { g as oe } from "./clientContext.utils-DpB5KsfX.js";
+const x = (a) => {
+  var y;
+  const e = Y();
+  U(e);
+  const { title: l, description: t, tooltip: n, xAxisLabel: g, yAxisLabel: K } = Z(a), {
+    hideMenu: S,
+    measures: r,
+    xAxis: i,
+    reverseXAxis: G,
+    showLegend: k,
+    showLogarithmicScale: F,
+    showTooltips: V,
+    showValueLabels: W,
+    yAxisRangeMax: C,
+    yAxisRangeMin: A,
+    granularity: z,
+    setGranularity: D,
+    onLineClicked: O,
+    resultsKpis: m
+  } = a, [u, M] = J(((y = r[0]) == null ? void 0 : y.name) ?? ""), d = r.find((s) => s.name === u);
+  Q(() => {
+    r.length !== 0 && (r.some((s) => s.name === u) || M(r[0].name));
+  }, [r, u]);
+  const h = ee({
+    results: a.results,
+    dimension: i
+  }), p = re(
+    {
+      data: h.data,
+      dimension: i,
+      measures: d ? [d] : [],
+      hasMinMaxYAxisRange: A != null || C != null
+    },
+    e
+  ), _ = ie(
+    { data: p, dimension: i, measures: d ? [d] : [] },
+    e
+  ), E = !l && !t && !n, H = ne({
+    data: p,
+    dimension: i,
+    granularity: z,
+    onClicked: O
+  }), T = te(e), I = r.map((s) => {
+    var b, L;
+    return {
+      id: s.name,
+      label: T.dimensionOrMeasureTitle(s),
+      value: ((L = (b = m == null ? void 0 : m.data) == null ? void 0 : b[0]) == null ? void 0 : L[s.name]) == null ? "-" : T.data(s, m.data[0][s.name])
+    };
+  });
+  return /* @__PURE__ */ c.jsxs(
+    $,
+    {
+      data: h,
+      dimensionsAndMeasures: [...r, i],
+      errorMessage: h.error,
+      description: t,
+      title: l,
+      tooltip: n,
+      hideMenu: S,
+      children: [
+        /* @__PURE__ */ c.jsx(N, { items: I, value: u, onChange: M }),
+        D && /* @__PURE__ */ c.jsx(
+          ae,
+          {
+            hasMarginTop: E,
+            dimension: i,
+            onChange: D
+          }
+        ),
+        /* @__PURE__ */ c.jsx(
+          B,
+          {
+            data: p,
+            reverseXAxis: G,
+            showLegend: k,
+            showLogarithmicScale: F,
+            showTooltips: V,
+            showValueLabels: W,
+            xAxisLabel: g,
+            yAxisLabel: K,
+            yAxisRangeMax: C,
+            yAxisRangeMin: A,
+            options: _,
+            onClick: H
+          }
+        )
+      ]
+    }
+  );
+}, Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: x
+}, Symbol.toStringTag, { value: "Module" })), le = {
+  ...f.meta,
+  name: "LineChartWithKpiTabsPro",
+  label: "Line Chart - With Kpi Tabs"
+}, R = {
+  xAxis: o.dimension,
+  measures: [o.measure, o.measureVariant],
+  results: o.results1Measure1Dimension,
+  resultsKpis: o.results2Measures,
+  hideMenu: !0
+}, me = q(x, R), ue = f.results.loadDataArgs, P = f.results.loadData, j = (a, e) => ({
+  from: a.dataset,
+  select: [...a.measures],
+  timezone: oe(e == null ? void 0 : e.timezone)
+}), w = (a, e) => X(j(a, e)), de = {
+  onLineClicked: (a) => ({
+    axisDimensionValue: a.dimensionValue ?? v.noFilter(),
+    axisDimensionTimeRange: a.dimensionTimeRange ?? v.noFilter()
+  })
+}, ce = (a, [e, l], t) => {
+  const n = se(a.xAxis, e == null ? void 0 : e.granularity);
+  return {
+    ...a,
+    xAxis: n,
+    granularity: e == null ? void 0 : e.granularity,
+    setGranularity: (g) => l({ granularity: g }),
+    results: P(a, n, t),
+    resultsKpis: w(a, t)
+  };
+}, ve = {
+  Component: x,
+  meta: le,
+  preview: me,
+  previewConfig: R,
+  config: {
+    props: ce,
+    events: de
+  },
+  results: {
+    loadDataArgs: ue,
+    loadData: P
+  },
+  resultsKpis: {
+    loadDataArgs: j,
+    loadData: w
+  }
+};
+export {
+  Le as i,
+  ve as l
+};
+//# sourceMappingURL=definition-CdNZlvx8.js.map

package/dist/definition-CdNZlvx8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CdNZlvx8.js","sources":["../src/components/charts/lines/LineChartWithKpiTabsPro/index.tsx","../src/components/charts/lines/LineChartWithKpiTabsPro/definition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartTabs, ChartTabsProps, LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport {\n  getLineChartProData,\n  getLineChartProOptions,\n} from '../LineChartDefaultPro/LineChartDefaultPro.utils';\nimport { LineChartProProps } from '../LineChartDefaultPro';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type LineChartWithKpiTabsProProps = LineChartProProps & {\n  resultsKpis: DataResponse;\n};\n\nconst LineChartWithKpiTabsPro = (props: LineChartWithKpiTabsProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    granularity,\n    setGranularity,\n    onLineClicked,\n    resultsKpis,\n  } = props;\n\n  const [activeMeasureName, setActiveMeasureName] = useState(measures[0]?.name ?? '');\n  const activeMeasure = measures.find((m) => m.name === activeMeasureName);\n\n  useEffect(() => {\n    if (measures.length === 0) return;\n    if (measures.some((m) => m.name === activeMeasureName)) return;\n    setActiveMeasureName(measures[0]!.name);\n  }, [measures, activeMeasureName]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures: activeMeasure ? [activeMeasure] : [] },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const chartTabsItems: ChartTabsProps['items'] = measures.map((measure) => ({\n    id: measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(measure),\n    value:\n      resultsKpis?.data?.[0]?.[measure.name] == null\n        ? '-'\n        : themeFormatter.data(measure, resultsKpis.data[0][measure.name]),\n  }));\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartTabs items={chartTabsItems} value={activeMeasureName} onChange={setActiveMeasureName} />\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartWithKpiTabsPro;\n","import { DataResponse, Granularity, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { lineChartDefaultPro, LineChartDefaultProState } from '../LineChartDefaultPro/definition';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { LineChartProOptionsClickArg } from '../lines.types';\n\nconst meta = {\n  ...lineChartDefaultPro.meta,\n  name: 'LineChartWithKpiTabsPro',\n  label: 'Line Chart - With Kpi Tabs',\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure, previewData.measureVariant],\n  results: previewData.results1Measure1Dimension,\n  resultsKpis: previewData.results2Measures,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\n// Reuse loadData and loadDataArgs from LineChartDefaultPro for main results,\nconst loadDataResultsArgs = lineChartDefaultPro.results.loadDataArgs;\nconst loadDataResults = lineChartDefaultPro.results.loadData;\n\nconst loadDataResultsKpisArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [...inputs.measures],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResultsKpis = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsKpisArgs(inputs, clientContext));\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n    resultsKpis: loadDataResultsKpis(inputs, clientContext),\n  };\n};\n\nexport const lineChartWithKpiTabsPro = {\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  resultsKpis: {\n    loadDataArgs: loadDataResultsKpisArgs,\n    loadData: loadDataResultsKpis,\n  },\n} as const;\n"],"names":["LineChartWithKpiTabsPro","props","theme","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","measures","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","granularity","setGranularity","onLineClicked","resultsKpis","activeMeasureName","setActiveMeasureName","useState","_a","activeMeasure","m","useEffect","results","useFillGaps","data","getLineChartProData","options","getLineChartProOptions","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","themeFormatter","getThemeFormatter","chartTabsItems","measure","_b","jsxs","ChartCard","jsx","ChartTabs","ChartGranularitySelectField","LineChart","meta","lineChartDefaultPro","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadDataResultsKpisArgs","inputs","clientContext","getClientContextTimezone","loadDataResultsKpis","loadData","events","value","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartWithKpiTabsPro"],"mappings":"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"}