@embeddable.com/remarkable-pro 0.2.13 → 0.3.0

package/dist/definition-JVacQ97-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-JVacQ97-.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, ScatterDataPoint } from 'chart.js';\nimport { Context } from 'chartjs-plugin-datalabels';\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, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport type {\n  ChartClickArgs,\n  ScatterChartInputPoint,\n  ScatterDatasetExtended,\n} from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { getDimensionFieldName } from '../../../../utils/data.utils';\nimport {\n  measureToNullableNumber,\n  rawValueToString,\n  NULL_GROUP_KEY,\n  getScatterScales,\n  type RawValue,\n} from '../scatter.utils';\n\nconst buildDatalabelsValue = (\n  xMeasure: Measure,\n  yMeasure: Measure,\n  formatValue: (measure: Measure, value: number | null | undefined) => string,\n) => ({\n  formatter: (_value: ScatterDataPoint | number | null, context: Context) => {\n    const ds = context.dataset as ScatterDatasetExtended;\n    const raw = ds.originalData?.[context.dataIndex];\n    if (!raw) return '';\n    return `${formatValue(xMeasure, raw.x)}, ${formatValue(yMeasure, raw.y)}`;\n  },\n});\n\nexport const getScatterChartProOptions = (\n  {\n    xMeasure,\n    yMeasure,\n    noValueLabel,\n    showPointLabels,\n  }: {\n    xMeasure: Measure;\n    yMeasure: Measure;\n    noValueLabel: string;\n    showPointLabels?: boolean;\n  },\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  const pointRadius = getStyleNumber('--em-scatterchart-point-radius', '0.375rem');\n  const labelGap = getStyleNumber('--em-scatterchart-label-stack-gap', '0.25rem');\n  const labelLineHeight = getStyleNumber('--em-scatterchart-label-stack-height', '1.25rem');\n\n  const captionOffset = pointRadius + labelGap;\n  const valueOffset = showPointLabels\n    ? pointRadius + labelGap + labelLineHeight + labelGap\n    : pointRadius + labelGap;\n\n  return {\n    scales: getScatterScales(xMeasure, yMeasure, (measure: Measure, value: number) =>\n      themeFormatter.data(measure, value),\n    ),\n    plugins: {\n      tooltip: {\n        callbacks: {\n          label: (ctx) => {\n            const ds = ctx.dataset as ScatterDatasetExtended;\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            display: 'auto',\n            ...buildDatalabelsValue(xMeasure, yMeasure, formatValue),\n            anchor: 'center',\n            align: 'bottom',\n            offset: valueOffset,\n          },\n          caption: {\n            display: 'auto',\n            anchor: 'center',\n            align: 'bottom',\n            offset: captionOffset,\n          },\n        },\n      },\n    },\n  };\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, RawValue> | undefined;\n  if (!row) return null;\n\n  const pointField = getDimensionFieldName(pointDimension);\n  const groupField = groupByDimension ? getDimensionFieldName(groupByDimension) : undefined;\n\n  const pointDimensionValue = rawValueToString(row[pointField]);\n  const groupByDimensionValue = groupField ? rawValueToString(row[groupField]) : null;\n\n  return {\n    xMeasureValue: rawValueToString(row[xMeasure.name]),\n    yMeasureValue: rawValueToString(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\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 './ScatterChartPro.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, showPointLabels }, 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 './ScatterChartPro.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 meta = {\n  name: 'ScatterChartPro',\n  label: 'Scatter Chart',\n  description:\n    'Scatter plot showing the relationship between two measures across a grouping dimension. Use to spot correlations.',\n  category: 'Scatter Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.xMeasure,\n    inputs.yMeasure,\n    { ...inputs.dimension, name: 'pointDimension', label: 'Point dimension' },\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    {\n      ...inputs.boolean,\n      name: 'showPointLabels',\n      label: 'Show point labels',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\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        { name: 'xMeasureValue', label: 'Clicked X measure value', type: 'string' },\n        { name: 'yMeasureValue', label: 'Clicked Y measure value', type: 'string' },\n        { name: 'pointDimensionValue', label: 'Clicked point dimension value', type: 'string' },\n        { name: 'groupByDimensionValue', label: 'Clicked group by value', type: 'string' },\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":["buildDatalabelsValue","xMeasure","yMeasure","formatValue","_value","context","raw","_a","getScatterChartProOptions","noValueLabel","showPointLabels","theme","themeFormatter","getThemeFormatter","measure","value","pointRadius","getStyleNumber","labelGap","labelLineHeight","captionOffset","valueOffset","getScatterScales","ctx","ds","orig","prefix","getPointClickData","point","datasets","data","pointDimension","groupByDimension","rowIdx","_b","row","pointField","getDimensionFieldName","groupField","pointDimensionValue","rawValueToString","groupByDimensionValue","getTimeRangeFromDimensionValue","createScatterClickHandler","results","onPointClick","elementAtEvent","element","clickData","getScatterChartProData","props","chartColors","getChartColors","overrideColor","getColor","color","dimensionOrMeasure","index","getDimensionMeasureColor","buildPoint","rowIndex","rawPoint","pointLabel","measureToNullableNumber","i","groupDim","bucket","key","NULL_GROUP_KEY","points","b","firstRowIndex","groupValue","seriesLabel","colorKey","ScatterChartPro","useTheme","i18nSetup","pointColor","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisRangeMin","xAxisRangeMax","yAxisRangeMin","yAxisRangeMax","reverseXAxis","hideMenu","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","ScatterChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","_state","_setState","scatterChartPro"],"mappings":"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"}

package/dist/{definition-CCTIw2u2.js → definition-Vo_CL9pX.js}

@@ -1,49 +1,49 @@
-import { m as v, j as m, T as L, V as d, l as R } from "./index-7D6uMJ-C.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-CCu6j_sX.js";
-import { a as I, r as _ } from "./component.utils-Dua9clQJ.js";
-import { C as O } from "./ChartCard-DXg1i7Y2.js";
-import { i as s, s as F } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as i } from "./preview.data.constants-BSjhK_tx.js";
+import { a9 as L, a7 as l, P as R, V as d, a8 as T } from "./index-Cddhb628.js";
+import { useTheme as M, definePreview as S } from "@embeddable.com/react";
+import { g as j, a as y, c as A } from "./pies.utils-C50IfEz6.js";
+import { i as I, r as _ } from "./component.utils-oQMZT7TK.js";
+import { C as O } from "./ChartCard-CZ0PnrNg.js";
+import { i as s, s as F } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as i } from "./preview.data.constants-HvHDcvh2.js";
 const r = (e) => {
-  var l;
-  const t = j();
-  I(t);
-  const { description: g, title: h, tooltip: C } = _(e), {
-    dimension: a,
+  var m;
+  const o = M();
+  I(o);
+  const { description: h, title: g, tooltip: C } = _(e), {
+    dimension: t,
     maxLegendItems: P,
     measure: n,
-    results: o,
+    results: a,
     showLegend: f,
     showTooltips: w,
     showValueLabels: b,
     onSegmentClick: k
-  } = e, { hideMenu: V } = e, x = S(
-    { data: o.data, dimension: a, measure: n, maxLegendItems: P },
-    t
-  ), D = v(
-    y({ measure: n, dimension: a }, t),
-    ((l = t.charts.pieChartPro) == null ? void 0 : l.options) ?? {}
-  ), T = A({ results: o, dimension: a, onClicked: k });
-  return /* @__PURE__ */ m.jsx(
+  } = e, { hideMenu: D } = e, V = j(
+    { data: a.data, dimension: t, measure: n, maxLegendItems: P },
+    o
+  ), v = L(
+    y({ measure: n, dimension: t }, o),
+    ((m = o.charts.pieChartPro) == null ? void 0 : m.options) ?? {}
+  ), x = A({ results: a, dimension: t, onClicked: k });
+  return /* @__PURE__ */ l.jsx(
     O,
     {
-      data: o,
-      dimensionsAndMeasures: [a, n],
-      errorMessage: o.error,
-      description: g,
-      title: h,
+      data: a,
+      dimensionsAndMeasures: [t, n],
+      errorMessage: a.error,
+      description: h,
+      title: g,
       tooltip: C,
-      hideMenu: V,
-      children: /* @__PURE__ */ m.jsx(
-        L,
+      hideMenu: D,
+      children: /* @__PURE__ */ l.jsx(
+        R,
         {
-          data: x,
-          options: D,
+          data: V,
+          options: v,
           showLegend: f,
           showTooltips: w,
           showValueLabels: b,
-          onClick: T
+          onClick: x
         }
       )
     }
@@ -54,6 +54,7 @@ const r = (e) => {
 }, Symbol.toStringTag, { value: "Module" })), z = {
   name: "PieChartPro",
   label: "Pie Chart",
+  description: "Pie chart for parts-of-whole over one dimension with one measure. Prefer DonutChartPro for a modern look.",
   category: "Pie Charts",
   inputs: [
     s.dataset,
@@ -91,10 +92,10 @@ const r = (e) => {
   results: i.results1Measure1Dimension,
   showValueLabels: !1,
   hideMenu: !0
-}, E = M(r, c), u = (e) => ({
+}, E = S(r, c), u = (e) => ({
   from: e.dataset,
   select: [e.measure, e.dimension]
-}), p = (e) => R(u(e)), H = {
+}), p = (e) => T(u(e)), H = {
   onSegmentClick: (e) => ({
     dimensionValue: e.dimensionValue ?? d.noFilter(),
     dimensionTimeRange: e.dimensionTimeRange ?? d.noFilter()
@@ -120,4 +121,4 @@ export {
   W as i,
   X as p
 };
-//# sourceMappingURL=definition-CCTIw2u2.js.map
+//# sourceMappingURL=definition-Vo_CL9pX.js.map

package/dist/definition-Vo_CL9pX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-Vo_CL9pX.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, createPieClickHandler } 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 { description, title, tooltip } = resolveI18nProps(props);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    onSegmentClick,\n  } = 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, dimension }, theme),\n    theme.charts.pieChartPro?.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      <PieChart\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 PieChartPro;\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: 'PieChartPro',\n  label: 'Pie Chart',\n  description:\n    'Pie chart for parts-of-whole over one dimension with one measure. Prefer DonutChartPro for a modern look.',\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 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","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","onSegmentClick","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","PieChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}

package/dist/{definition-BAAazBwk.js → definition-guumiEeC.js}

@@ -1,26 +1,26 @@
-import { t as q, y as j, m as J, z as K, L as Q, E as Z, P as ee, j as F, B as ae, V as T, l as se } from "./index-7D6uMJ-C.js";
+import { _ as U, a3 as j, a9 as J, g as K, q as Q, r as Z, v as ee, a7 as F, B as ae, V as T, a8 as se } from "./index-Cddhb628.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
-import { a as oe, r as re } from "./component.utils-Dua9clQJ.js";
-import { C as te } from "./ChartCard-DXg1i7Y2.js";
-import { C as le, g as me } from "./granularity.utils-DwARRSja.js";
-import { u as de } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { g as E } from "./formatter.utils-Y14po21h.js";
-import { g as k } from "./styles.utils-C8CnV0SB.js";
+import { i as oe, r as re } from "./component.utils-oQMZT7TK.js";
+import { C as te } from "./ChartCard-CZ0PnrNg.js";
+import { C as le, g as de } from "./granularity.utils-DnAzYxES.js";
+import { u as me } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { b as _ } from "./formatter.utils-Dm_mQlX1.js";
+import { a as v } from "./styles.utils-BfpH_m_W.js";
 import { i as z, s as ue } from "./color.utils-BSg_DFOh.js";
-import { g as ce, a as Y, b as be } from "./charts.utils-DOtSJB7u.js";
-import { a as ge } from "./bars.utils-BRcrvn99.js";
-import { g as pe } from "./dimension.utils-DlzeRFgr.js";
-import { i as s, s as S } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as v } from "./preview.data.constants-BSjhK_tx.js";
+import { d as ce, g as Y, b as be } from "./charts.utils-BoJ5LrTC.js";
+import { a as pe } from "./bars.utils-D8yNEyOY.js";
+import { g as ge } from "./dimension.utils-DN43DaL5.js";
+import { i as s, s as S } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as k } from "./preview.data.constants-HvHDcvh2.js";
 import { g as xe } from "./clientContext.utils-DpB5KsfX.js";
 const he = (e, a) => {
   if (!e.data)
     return { labels: [], datasets: [{ data: [] }] };
-  const { data: o, dimension: m, barMeasures: l, lineMeasures: d, maxItems: f, showSecondaryAxis: x } = e, h = [...l, ...d], b = ce(o, m, h, f), g = E(a), u = q(), D = b.map((n) => n[m.name]), y = l.map((n, A) => ({
+  const { data: o, dimension: d, barMeasures: l, lineMeasures: m, maxItems: f, showSecondaryAxis: x } = e, h = [...l, ...m], b = ce(o, d, h, f), p = _(a), u = U(), D = b.map((n) => n[d.name]), y = l.map((n, A) => ({
     order: 1,
-    label: g.dimensionOrMeasureTitle(n),
+    label: p.dimensionOrMeasureTitle(n),
     data: b.map((c) => c[n.name] ?? 0),
-    backgroundColor: k({
+    backgroundColor: v({
       dimensionOrMeasure: n,
       theme: a,
       color: "background",
@@ -28,7 +28,7 @@ const he = (e, a) => {
       index: A,
       chartColors: u
     }),
-    borderColor: k({
+    borderColor: v({
       dimensionOrMeasure: n,
       theme: a,
       color: "border",
@@ -36,16 +36,16 @@ const he = (e, a) => {
       index: A,
       chartColors: u
     })
-  })), O = d.map((n, A) => {
-    var r, t, p, V, w;
-    const c = l.length + A, L = (r = n.inputs) == null ? void 0 : r.lineColor, M = !!((t = n.inputs) != null && t.connectGaps), C = z(L) ? L : k({
+  })), O = m.map((n, A) => {
+    var r, t, g, V, w;
+    const c = l.length + A, M = (r = n.inputs) == null ? void 0 : r.lineColor, L = !!((t = n.inputs) != null && t.connectGaps), C = z(M) ? M : v({
       dimensionOrMeasure: n,
       theme: a,
       color: "background",
       value: n.name,
       index: c,
       chartColors: u
-    }), i = z(L) ? L : k({
+    }), i = z(M) ? M : v({
       dimensionOrMeasure: n,
       theme: a,
       color: "border",
@@ -56,12 +56,12 @@ const he = (e, a) => {
     return {
       type: "line",
       order: 0,
-      label: g.dimensionOrMeasureTitle(n),
-      data: b.map((R) => R[n.name] ?? (M ? 0 : null)),
+      label: p.dimensionOrMeasureTitle(n),
+      data: b.map((R) => R[n.name] ?? (L ? 0 : null)),
       backgroundColor: ue(C, 0.5),
       pointBackgroundColor: C,
       borderColor: i,
-      borderDash: (p = n.inputs) != null && p.dashedLine ? [
+      borderDash: (g = n.inputs) != null && g.dashedLine ? [
         j("--em-linechart-line-dash", "0.25rem"),
         j("--em-linechart-line-gap", "0.25rem")
       ] : void 0,
@@ -74,20 +74,20 @@ const he = (e, a) => {
     datasets: [...y, ...O]
   };
 }, ye = (e, a) => {
-  var M, C;
+  var L, C;
   const {
     barMeasures: o,
-    lineMeasures: m,
+    lineMeasures: d,
     dimension: l,
-    data: d,
+    data: m,
     showSecondaryAxis: f,
     showValueLabels: x,
     showValueLabelsLine: h,
     yAxisSecondaryLabel: b,
-    yAxisSecondaryMin: g,
+    yAxisSecondaryMin: p,
     yAxisSecondaryMax: u
-  } = e, D = [...o, ...m], y = E(a), O = ge(
-    { measures: o, horizontal: !1, data: d, dimension: l },
+  } = e, D = [...o, ...d], y = _(a), O = pe(
+    { measures: o, horizontal: !1, data: m, dimension: l },
     a
   );
   return J(
@@ -99,9 +99,9 @@ const he = (e, a) => {
           labels: {
             value: {
               formatter: (i, r) => {
-                var p;
+                var g;
                 const t = D[r.datasetIndex];
-                return t ? (p = t.inputs) != null && p.showValueAsPercentage ? Y(Number(i), r.dataset.data) : y.data(t, i) : i;
+                return t ? (g = t.inputs) != null && g.showValueAsPercentage ? Y(Number(i), r.dataset.data) : y.data(t, i) : i;
               }
             }
           }
@@ -121,8 +121,8 @@ const he = (e, a) => {
               var w;
               const r = D[i.datasetIndex];
               if (!r) return "";
-              const t = i.raw, p = y.data(r, t), V = (w = r.inputs) != null && w.showValueAsPercentage ? ` (${Y(t, i.dataset.data)})` : "";
-              return `${i.dataset.label}: ${p}${V}`;
+              const t = i.raw, g = y.data(r, t), V = (w = r.inputs) != null && w.showValueAsPercentage ? ` (${Y(t, i.dataset.data)})` : "";
+              return `${i.dataset.label}: ${g}${V}`;
             }
           }
         }
@@ -139,7 +139,7 @@ const he = (e, a) => {
         y1: {
           type: "linear",
           position: "right",
-          min: g,
+          min: p,
           max: u,
           title: {
             display: !!b,
@@ -148,32 +148,32 @@ const he = (e, a) => {
           grid: { drawOnChartArea: !1 },
           ticks: {
             callback: (i) => {
-              const r = m[0];
+              const r = d[0];
               return r ? y.data(r, i) : i;
             }
           }
         }
       }
     } : {},
-    ((C = (M = a.charts) == null ? void 0 : M.barLineChartPro) == null ? void 0 : C.options) ?? {}
+    ((C = (L = a.charts) == null ? void 0 : L.barLineChartPro) == null ? void 0 : C.options) ?? {}
   );
 }, fe = ({
   data: e,
   dimension: a,
   granularity: o,
-  barMeasures: m,
+  barMeasures: d,
   onBarClicked: l,
-  onLineClicked: d
+  onLineClicked: m
 }) => ({ elementAtEvent: f }) => {
   var u;
   const x = f[0];
   if (!x) return;
-  const h = (u = e == null ? void 0 : e.labels) == null ? void 0 : u[x.index], b = pe({
+  const h = (u = e == null ? void 0 : e.labels) == null ? void 0 : u[x.index], b = ge({
     value: h,
     stateGranularity: o,
     dimension: a
-  }), g = { dimensionValue: h, dimensionTimeRange: b };
-  x.datasetIndex < m.length ? l == null || l(g) : d == null || d(g);
+  }), p = { dimensionValue: h, dimensionTimeRange: b };
+  x.datasetIndex < d.length ? l == null || l(p) : m == null || m(p);
 };
 K.register(Q, Z, ee);
 const I = (e) => {
@@ -181,14 +181,14 @@ const I = (e) => {
   oe(a);
   const {
     measures: o,
-    lineMeasures: m = [],
+    lineMeasures: d = [],
     xAxisMaxItems: l,
-    yAxisRangeMin: d,
+    yAxisRangeMin: m,
     yAxisRangeMax: f,
     showLegend: x,
     showTooltips: h,
     showLogarithmicScale: b,
-    showValueLabels: g,
+    showValueLabels: p,
     showValueLabelsLine: u,
     yAxisSecondaryLabel: D,
     yAxisSecondaryMin: y,
@@ -196,19 +196,19 @@ const I = (e) => {
     reverseXAxis: n,
     hideMenu: A,
     dimension: c,
-    granularity: L,
-    setGranularity: M,
+    granularity: M,
+    setGranularity: L,
     onBarClicked: C,
     onLineClicked: i
-  } = e, { tooltip: r, description: t, title: p, xAxisLabel: V, yAxisLabel: w } = re(e), R = m.some((U) => {
+  } = e, { tooltip: r, description: t, title: g, xAxisLabel: V, yAxisLabel: w } = re(e), R = d.some((N) => {
     var G;
-    return !!((G = U.inputs) != null && G.useSecondaryAxis);
-  }), P = de({ results: e.results, dimension: c }), B = he(
+    return !!((G = N.inputs) != null && G.useSecondaryAxis);
+  }), B = me({ results: e.results, dimension: c }), P = he(
     {
-      data: P.data,
+      data: B.data,
       dimension: c,
       barMeasures: o,
-      lineMeasures: m,
+      lineMeasures: d,
       maxItems: l,
       showSecondaryAxis: R
     },
@@ -216,59 +216,59 @@ const I = (e) => {
   ), X = ye(
     {
       barMeasures: o,
-      lineMeasures: m,
+      lineMeasures: d,
       dimension: c,
-      data: B,
+      data: P,
       showSecondaryAxis: R,
-      showValueLabels: g,
+      showValueLabels: p,
       showValueLabelsLine: u,
       yAxisSecondaryLabel: D,
       yAxisSecondaryMin: y,
       yAxisSecondaryMax: O
     },
     a
-  ), H = fe({
-    data: B,
+  ), q = fe({
+    data: P,
     dimension: c,
-    granularity: L,
+    granularity: M,
     barMeasures: o,
     onBarClicked: C,
     onLineClicked: i
-  }), N = !p && !t && !r;
+  }), H = !g && !t && !r;
   return /* @__PURE__ */ F.jsxs(
     te,
     {
-      data: P,
-      dimensionsAndMeasures: [c, ...o, ...m],
-      errorMessage: P.error,
+      data: B,
+      dimensionsAndMeasures: [c, ...o, ...d],
+      errorMessage: B.error,
       description: t,
-      title: p,
+      title: g,
       tooltip: r,
       hideMenu: A,
       children: [
-        M && /* @__PURE__ */ F.jsx(
+        L && /* @__PURE__ */ F.jsx(
           le,
           {
-            hasMarginTop: N,
+            hasMarginTop: H,
             dimension: c,
-            onChange: M
+            onChange: L
           }
         ),
         /* @__PURE__ */ F.jsx(
           ae,
           {
-            data: B,
+            data: P,
             showLegend: x,
             showTooltips: h,
-            showValueLabels: g || u,
+            showValueLabels: p || u,
             showLogarithmicScale: b,
             xAxisLabel: V,
             yAxisLabel: w,
             reverseXAxis: n,
-            yAxisRangeMin: d,
+            yAxisRangeMin: m,
             yAxisRangeMax: f,
             options: X,
-            onClick: H
+            onClick: q
           }
         )
       ]
@@ -364,12 +364,12 @@ const I = (e) => {
     }
   ]
 }, W = {
-  dimension: v.dimension,
-  measures: [v.measure],
-  lineMeasures: [v.measureVariant],
-  results: v.results2Measures1Dimension,
+  dimension: k.dimension,
+  measures: [k.measure],
+  lineMeasures: [k.measureVariant],
+  results: k.results2Measures1Dimension,
   hideMenu: !0
-}, Le = ie(I, W), _ = (e, a, o) => ({
+}, Me = ie(I, W), $ = (e, a, o) => ({
   limit: e.maxResults,
   from: e.dataset,
   select: [
@@ -378,7 +378,7 @@ const I = (e) => {
     a ?? e.dimension
   ],
   timezone: xe(o == null ? void 0 : o.timezone)
-}), $ = (e, a, o) => se(_(e, a, o)), Me = {
+}), E = (e, a, o) => se($(e, a, o)), Le = {
   onBarClicked: (e) => ({
     axisDimensionValue: e.dimensionValue ?? T.noFilter(),
     axisDimensionTimeRange: e.dimensionTimeRange ?? T.noFilter()
@@ -387,8 +387,8 @@ const I = (e) => {
     axisDimensionValue: e.dimensionValue ?? T.noFilter(),
     axisDimensionTimeRange: e.dimensionTimeRange ?? T.noFilter()
   })
-}, Ce = (e, [a, o], m) => {
-  const l = me(
+}, Ce = (e, [a, o], d) => {
+  const l = de(
     e.dimension,
     a == null ? void 0 : a.granularity
   );
@@ -396,21 +396,21 @@ const I = (e) => {
     ...e,
     dimension: l,
     granularity: a == null ? void 0 : a.granularity,
-    setGranularity: (d) => o({ granularity: d }),
-    results: $(e, l, m)
+    setGranularity: (m) => o({ granularity: m }),
+    results: E(e, l, d)
   };
 }, Ye = {
   Component: I,
   meta: Ae,
-  preview: Le,
+  preview: Me,
   previewConfig: W,
   config: {
     props: Ce,
-    events: Me
+    events: Le
   },
   results: {
-    loadDataArgs: _,
-    loadData: $
+    loadDataArgs: $,
+    loadData: E
   }
 };
 export {
@@ -420,4 +420,4 @@ export {
   he as g,
   ze as i
 };
-//# sourceMappingURL=definition-BAAazBwk.js.map
+//# sourceMappingURL=definition-guumiEeC.js.map