@embeddable.com/remarkable-pro 0.3.7 → 0.3.9

package/dist/{definition-Dkpznjd4.js → definition-DTw_4bG-.js}

@@ -1,13 +1,13 @@
-import { m as z, j as u, B as F, V as x, l as O } from "./index-3F2_3p7g.js";
+import { m as z, j as u, B as F, V as x, l as O } from "./index-BpJ2xsEV.js";
 import { useTheme as _, definePreview as H } from "@embeddable.com/react";
 import { i as W, r as X } from "./component.utils-oQMZT7TK.js";
-import { C as E, a as U } from "./ChartCard-DoGFLbS2.js";
-import { g as q, a as J } from "./bars.utils-Bi7mE9CJ.js";
-import { u as K } from "./charts.fillGaps.hooks-CWY0cZuI.js";
-import { C as N, g as Q } from "./granularity.utils-D8sR_MWc.js";
-import { c as Y } from "./charts.utils-B-Ryq4Nc.js";
-import { i as e, s as C } from "./component.inputs.constants-C1gOvjv8.js";
-import { p as c } from "./preview.data.constants-Cg6C5D3p.js";
+import { C as E, a as U } from "./ChartCard-jnVaCkEl.js";
+import { g as q, a as J } from "./bars.utils-BR7xdKJL.js";
+import { u as K } from "./charts.fillGaps.hooks-tjjJ-L-X.js";
+import { C as N, g as Q } from "./granularity.utils-Ck8am6YG.js";
+import { c as Y } from "./charts.utils-CM-dKk0n.js";
+import { i as e, s as C } from "./component.inputs.constants-WqUoEXZX.js";
+import { p as c } from "./preview.data.constants-DyU7ur6g.js";
 import { g as Z } from "./clientContext.utils-DpB5KsfX.js";
 const d = (a) => {
   var p, h;
@@ -176,4 +176,4 @@ export {
   he as b,
   pe as i
 };
-//# sourceMappingURL=definition-Dkpznjd4.js.map
+//# sourceMappingURL=definition-DTw_4bG-.js.map

package/dist/{definition-Dkpznjd4.js.map → definition-DTw_4bG-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Dkpznjd4.js","sources":["../src/components/charts/bars/BarChartDefaultPro/index.tsx","../src/components/charts/bars/BarChartDefaultPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { BarChartBaseProps } from '../bars.types';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type BarChartDefaultProProps = BarChartBaseProps & {\n  reverseXAxis?: boolean;\n  xAxisMaxItems?: number;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n};\n\nconst BarChartDefaultPro = (props: BarChartDefaultProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    yAxisRangeMin,\n    xAxisMaxItems,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    reverseXAxis,\n    dimension,\n    granularity,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: xAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: false, data, dimension }, theme), // Format Y axis based on first measure\n    theme.charts?.barChartDefaultPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartDefaultPro',\n  label: 'Bar Chart - Default',\n  description:\n    'Vertical bar chart with one categorical x-axis dimension and one or more measures. Use to compare values across discrete categories.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    {\n      ...inputs.dimensionWithGranularitySelectField,\n      label: 'X-axis',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.xAxisMaxItems,\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [...inputs.measures, dimension ?? inputs.dimension],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarChartProOptionsClickArg) => ({\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]: [BarChartDefaultProState, (state: BarChartDefaultProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barChartDefaultPro = {\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":["BarChartDefaultPro","props","theme","useTheme","i18nSetup","measures","yAxisRangeMin","xAxisMaxItems","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","showValueLabels","reverseXAxis","dimension","granularity","setGranularity","onBarClicked","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barChartDefaultPro"],"mappings":"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"}
+{"version":3,"file":"definition-DTw_4bG-.js","sources":["../src/components/charts/bars/BarChartDefaultPro/index.tsx","../src/components/charts/bars/BarChartDefaultPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { BarChartBaseProps } from '../bars.types';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type BarChartDefaultProProps = BarChartBaseProps & {\n  reverseXAxis?: boolean;\n  xAxisMaxItems?: number;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n};\n\nconst BarChartDefaultPro = (props: BarChartDefaultProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    yAxisRangeMin,\n    xAxisMaxItems,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    reverseXAxis,\n    dimension,\n    granularity,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: xAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: false, data, dimension }, theme), // Format Y axis based on first measure\n    theme.charts?.barChartDefaultPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartDefaultPro',\n  label: 'Bar Chart - Default',\n  description:\n    'Vertical bar chart with one categorical x-axis dimension and one or more measures. Use to compare values across discrete categories.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    {\n      ...inputs.dimensionWithGranularitySelectField,\n      label: 'X-axis',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.xAxisMaxItems,\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [...inputs.measures, dimension ?? inputs.dimension],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarChartProOptionsClickArg) => ({\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]: [BarChartDefaultProState, (state: BarChartDefaultProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barChartDefaultPro = {\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":["BarChartDefaultPro","props","theme","useTheme","i18nSetup","measures","yAxisRangeMin","xAxisMaxItems","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","showValueLabels","reverseXAxis","dimension","granularity","setGranularity","onBarClicked","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barChartDefaultPro"],"mappings":"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"}

package/dist/{definition-Cxe578BR.js → definition-DanyoB3T.js}

@@ -1,11 +1,11 @@
-import { m as A, j as p, G as S, V as b, l as g } from "./index-3F2_3p7g.js";
+import { m as A, j as p, G as S, V as b, l as g } from "./index-BpJ2xsEV.js";
 import { useTheme as j, definePreview as F } from "@embeddable.com/react";
-import { g as O, a as H, c as z } from "./pies.utils-BugpaUpo.js";
-import { g as U } from "./formatter.utils-D8VAiDYp.js";
+import { g as O, a as H, c as z } from "./pies.utils-DmDV0WY9.js";
+import { g as U } from "./formatter.utils-CFf9W7Jq.js";
 import { i as E, r as G } from "./component.utils-oQMZT7TK.js";
-import { C as W, a as q } from "./ChartCard-DoGFLbS2.js";
-import { i as a, s as B } from "./component.inputs.constants-C1gOvjv8.js";
-import { p as i } from "./preview.data.constants-Cg6C5D3p.js";
+import { C as W, a as q } from "./ChartCard-jnVaCkEl.js";
+import { i as a, s as B } from "./component.inputs.constants-WqUoEXZX.js";
+import { p as i } from "./preview.data.constants-DyU7ur6g.js";
 const l = (e) => {
   var d, u, c;
   const t = j(), P = U(t);
@@ -156,4 +156,4 @@ export {
   oe as d,
   ne as i
 };
-//# sourceMappingURL=definition-Cxe578BR.js.map
+//# sourceMappingURL=definition-DanyoB3T.js.map

package/dist/{definition-Cxe578BR.js.map → definition-DanyoB3T.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Cxe578BR.js","sources":["../src/components/charts/pies/DonutLabelChartPro/index.tsx","../src/components/charts/pies/DonutLabelChartPro/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 { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText?: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    resultsInnerLabel,\n    innerLabelMeasure,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { innerLabelText, onSegmentClick } = resolvedI18nProps;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutLabelChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\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, Measure, 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: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  description:\n    'Same as DonutChartPro with a customizable center text label. Use when the center space can provide a useful summary (e.g. total, label).',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    { ...inputs.measure, name: 'innerLabelMeasure', label: 'Inner label measure' },\n    {\n      ...inputs.string,\n      name: 'innerLabelText',\n      label: 'Inner label text',\n      description: 'Text to display inside the donut chart',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.menuOptions,\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  innerLabelText: 'Total',\n  resultsInnerLabel: {\n    isLoading: false,\n    error: undefined,\n    data: [{ users: 500 }],\n  },\n  innerLabelMeasure: {\n    name: 'users',\n    title: 'Users',\n    nativeType: 'number',\n    __type__: 'measure',\n  } as Measure,\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 loadDataResultsInnerLabelArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.innerLabelMeasure],\n});\n\nconst loadDataResultsInnerLabel = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsInnerLabelArgs(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  resultsInnerLabel: loadDataResultsInnerLabel(inputs),\n});\n\nexport const donutLabelChartPro = {\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  resultsInnerLabel: {\n    loadDataArgs: loadDataResultsInnerLabelArgs,\n    loadData: loadDataResultsInnerLabel,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","resultsInnerLabel","innerLabelMeasure","resolvedI18nProps","resolveI18nProps","innerLabelText","onSegmentClick","data","getPieChartProData","handleClick","createPieClickHandler","label","_b","_a","options","mergician","getPieChartProOptions","_c","jsx","ChartCard","asChartCardHeaderProps","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","loadDataResultsInnerLabelArgs","loadDataResultsInnerLabel","events","value","Value","donutLabelChartPro"],"mappings":"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"}
+{"version":3,"file":"definition-DanyoB3T.js","sources":["../src/components/charts/pies/DonutLabelChartPro/index.tsx","../src/components/charts/pies/DonutLabelChartPro/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 { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText?: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    resultsInnerLabel,\n    innerLabelMeasure,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { innerLabelText, onSegmentClick } = resolvedI18nProps;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutLabelChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\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, Measure, 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: 'DonutLabelChartPro',\n  label: 'Donut Label Chart',\n  description:\n    'Same as DonutChartPro with a customizable center text label. Use when the center space can provide a useful summary (e.g. total, label).',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    { ...inputs.measure, name: 'innerLabelMeasure', label: 'Inner label measure' },\n    {\n      ...inputs.string,\n      name: 'innerLabelText',\n      label: 'Inner label text',\n      description: 'Text to display inside the donut chart',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.menuOptions,\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  innerLabelText: 'Total',\n  resultsInnerLabel: {\n    isLoading: false,\n    error: undefined,\n    data: [{ users: 500 }],\n  },\n  innerLabelMeasure: {\n    name: 'users',\n    title: 'Users',\n    nativeType: 'number',\n    __type__: 'measure',\n  } as Measure,\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 loadDataResultsInnerLabelArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.innerLabelMeasure],\n});\n\nconst loadDataResultsInnerLabel = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsInnerLabelArgs(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  resultsInnerLabel: loadDataResultsInnerLabel(inputs),\n});\n\nexport const donutLabelChartPro = {\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  resultsInnerLabel: {\n    loadDataArgs: loadDataResultsInnerLabelArgs,\n    loadData: loadDataResultsInnerLabel,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","resultsInnerLabel","innerLabelMeasure","resolvedI18nProps","resolveI18nProps","innerLabelText","onSegmentClick","data","getPieChartProData","handleClick","createPieClickHandler","label","_b","_a","options","mergician","getPieChartProOptions","_c","jsx","ChartCard","asChartCardHeaderProps","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","loadDataResultsInnerLabelArgs","loadDataResultsInnerLabel","events","value","Value","donutLabelChartPro"],"mappings":"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"}

package/dist/{definition-BH3qZ4TD.js → definition-DeAu3Owr.js}

@@ -1,11 +1,11 @@
-import { j as d, $ as j, V as g } from "./index-3F2_3p7g.js";
+import { j as d, $ as j, V as g } from "./index-BpJ2xsEV.js";
 import { useTheme as x, definePreview as A } from "@embeddable.com/react";
 import { useState as p, useEffect as f } from "react";
 import { i as $, r as E, a as N } from "./component.utils-oQMZT7TK.js";
-import { E as _ } from "./EditorCard-CXZ06jv0.js";
-import { g as D } from "./dimensionsAndMeasures.utils-Df-k9Ai-.js";
-import { i as a } from "./component.inputs.constants-C1gOvjv8.js";
-import { p as h } from "./preview.data.constants-Cg6C5D3p.js";
+import { E as _ } from "./EditorCard-UMHyz0mi.js";
+import { g as D } from "./dimensionsAndMeasures.utils-Bkihe1T9.js";
+import { i as a } from "./component.inputs.constants-WqUoEXZX.js";
+import { p as h } from "./preview.data.constants-DyU7ur6g.js";
 const u = (t) => {
   const m = x();
   $(m);
@@ -130,4 +130,4 @@ export {
   L as i,
   Q as m
 };
-//# sourceMappingURL=definition-BH3qZ4TD.js.map
+//# sourceMappingURL=definition-DeAu3Owr.js.map

package/dist/{definition-BH3qZ4TD.js.map → definition-DeAu3Owr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-BH3qZ4TD.js","sources":["../src/components/editors/MeasureMultiSelectFieldPro/index.tsx","../src/components/editors/MeasureMultiSelectFieldPro/definition.ts"],"sourcesContent":["import { Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\nimport { useState, useEffect } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../theme/i18n/i18n';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\n\nexport type MeasureMultiSelectFieldProProps = {\n  selectedMeasures?: Measure[];\n  measureOptions?: Measure[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Measure[]) => void;\n} & EditorCardHeaderProps;\n\nconst MeasureMultiSelectFieldPro = (props: MeasureMultiSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedMeasures = [], measureOptions = [], clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  const [searchValue, setSearchValue] = useState('');\n  const [pendingValues, setPendingValues] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (clearable) return;\n    if (selectedMeasures.length > 0) return;\n    const first = measureOptions[0];\n    if (!first) return;\n\n    onChange([first]);\n  }, [clearable, selectedMeasures.length, measureOptions, onChange]);\n\n  // Normalize selectedMeasures titles by resolving them against measureOptions.\n  // Variable defaults may store measures with model-qualified titles (e.g. \"Products # of orders\"),\n  // while measureOptions always has the correct display title (e.g. \"# of orders\").\n  // Firing onChange with the resolved measure objects ensures the variable and any dependent\n  // components (e.g. charts) receive correctly-formatted measures.\n  useEffect(() => {\n    if (!selectedMeasures.length || !measureOptions.length) return;\n\n    const normalized = selectedMeasures.map(\n      (m) => measureOptions.find((o) => o.name === m.name) ?? m,\n    );\n\n    if (normalized.every((norm, i) => norm.title === selectedMeasures[i]?.title)) return;\n\n    onChange(normalized);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    JSON.stringify(selectedMeasures.map((m) => `${m.name}:${m.title}`)),\n    JSON.stringify(measureOptions.map((m) => `${m.name}:${m.title}`)),\n    onChange,\n  ]);\n\n  const currentMeasureName = selectedMeasures.map((m) => m.name);\n\n  const options = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: measureOptions,\n    searchValue,\n    theme,\n  });\n\n  const handleChange = (newValues: string[]) => {\n    const selectedNamesSet = new Set(newValues);\n    onChange(measureOptions.filter((m) => selectedNamesSet.has(m.name)));\n  };\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <MultiSelectField\n        isClearable={clearable}\n        disableApplyButton={!clearable && pendingValues.length === 0}\n        isSearchable\n        values={currentMeasureName}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={i18n.t('common.noOptionsFound')}\n        onChange={handleChange}\n        onPendingChange={setPendingValues}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MeasureMultiSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'MeasureMultiSelectFieldPro',\n  label: 'Measure Multi Select Field',\n  description:\n    'Multi-select dropdown of measures. Pairs with a measure-array variable that drives which measures another chart plots; emits onChange.',\n  category: 'Dropdowns - dimensions and measures',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.measureOptions,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select values...' },\n    {\n      ...inputs.measure,\n      array: true,\n      name: 'selectedMeasures',\n      label: 'Selected measures',\n      category: 'Pre-configured Variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected measures updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected values',\n          type: 'measure',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'measure multi-select values',\n      type: 'measure',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedMeasures'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  measureOptions: [previewData.measure, previewData.measureVariant],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n    measureOptions: inputs.measureOptions ?? [],\n    selectedMeasures: inputs.selectedMeasures ?? [],\n  };\n};\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: Array.isArray(value) && value.length ? value : Value.noFilter(),\n    };\n  },\n};\n\nexport const measureMultiSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["MeasureMultiSelectFieldPro","props","theme","useTheme","i18nSetup","selectedMeasures","measureOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","searchValue","setSearchValue","useState","pendingValues","setPendingValues","useEffect","first","normalized","m","o","norm","_a","currentMeasureName","options","getDimensionAndMeasureOptions","handleChange","newValues","selectedNamesSet","jsx","EditorCard","MultiSelectField","i18n","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","measureMultiSelectFieldPro"],"mappings":"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"}
+{"version":3,"file":"definition-DeAu3Owr.js","sources":["../src/components/editors/MeasureMultiSelectFieldPro/index.tsx","../src/components/editors/MeasureMultiSelectFieldPro/definition.ts"],"sourcesContent":["import { Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\nimport { useState, useEffect } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../theme/i18n/i18n';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\n\nexport type MeasureMultiSelectFieldProProps = {\n  selectedMeasures?: Measure[];\n  measureOptions?: Measure[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Measure[]) => void;\n} & EditorCardHeaderProps;\n\nconst MeasureMultiSelectFieldPro = (props: MeasureMultiSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedMeasures = [], measureOptions = [], clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  const [searchValue, setSearchValue] = useState('');\n  const [pendingValues, setPendingValues] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (clearable) return;\n    if (selectedMeasures.length > 0) return;\n    const first = measureOptions[0];\n    if (!first) return;\n\n    onChange([first]);\n  }, [clearable, selectedMeasures.length, measureOptions, onChange]);\n\n  // Normalize selectedMeasures titles by resolving them against measureOptions.\n  // Variable defaults may store measures with model-qualified titles (e.g. \"Products # of orders\"),\n  // while measureOptions always has the correct display title (e.g. \"# of orders\").\n  // Firing onChange with the resolved measure objects ensures the variable and any dependent\n  // components (e.g. charts) receive correctly-formatted measures.\n  useEffect(() => {\n    if (!selectedMeasures.length || !measureOptions.length) return;\n\n    const normalized = selectedMeasures.map(\n      (m) => measureOptions.find((o) => o.name === m.name) ?? m,\n    );\n\n    if (normalized.every((norm, i) => norm.title === selectedMeasures[i]?.title)) return;\n\n    onChange(normalized);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    JSON.stringify(selectedMeasures.map((m) => `${m.name}:${m.title}`)),\n    JSON.stringify(measureOptions.map((m) => `${m.name}:${m.title}`)),\n    onChange,\n  ]);\n\n  const currentMeasureName = selectedMeasures.map((m) => m.name);\n\n  const options = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: measureOptions,\n    searchValue,\n    theme,\n  });\n\n  const handleChange = (newValues: string[]) => {\n    const selectedNamesSet = new Set(newValues);\n    onChange(measureOptions.filter((m) => selectedNamesSet.has(m.name)));\n  };\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <MultiSelectField\n        isClearable={clearable}\n        disableApplyButton={!clearable && pendingValues.length === 0}\n        isSearchable\n        values={currentMeasureName}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={i18n.t('common.noOptionsFound')}\n        onChange={handleChange}\n        onPendingChange={setPendingValues}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MeasureMultiSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'MeasureMultiSelectFieldPro',\n  label: 'Measure Multi Select Field',\n  description:\n    'Multi-select dropdown of measures. Pairs with a measure-array variable that drives which measures another chart plots; emits onChange.',\n  category: 'Dropdowns - dimensions and measures',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.measureOptions,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select values...' },\n    {\n      ...inputs.measure,\n      array: true,\n      name: 'selectedMeasures',\n      label: 'Selected measures',\n      category: 'Pre-configured Variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected measures updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected values',\n          type: 'measure',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'measure multi-select values',\n      type: 'measure',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedMeasures'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  measureOptions: [previewData.measure, previewData.measureVariant],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n    measureOptions: inputs.measureOptions ?? [],\n    selectedMeasures: inputs.selectedMeasures ?? [],\n  };\n};\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: Array.isArray(value) && value.length ? value : Value.noFilter(),\n    };\n  },\n};\n\nexport const measureMultiSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["MeasureMultiSelectFieldPro","props","theme","useTheme","i18nSetup","selectedMeasures","measureOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","searchValue","setSearchValue","useState","pendingValues","setPendingValues","useEffect","first","normalized","m","o","norm","_a","currentMeasureName","options","getDimensionAndMeasureOptions","handleChange","newValues","selectedNamesSet","jsx","EditorCard","MultiSelectField","i18n","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","measureMultiSelectFieldPro"],"mappings":"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"}

package/dist/{definition-CJMrnR4k.js → definition-Df9xEGGh.js}

@@ -1,17 +1,17 @@
-import { p as q, u as j, m as J, v as K, L as Q, w as Z, P as ee, j as I, B as ae, V as P, l as se } from "./index-3F2_3p7g.js";
+import { p as q, u as j, m as J, v as K, L as Q, w as Z, P as ee, j as I, B as ae, V as P, l as se } from "./index-BpJ2xsEV.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
 import { i as oe, r as re } from "./component.utils-oQMZT7TK.js";
-import { C as te, a as le } from "./ChartCard-DoGFLbS2.js";
-import { C as me, g as de } from "./granularity.utils-D8sR_MWc.js";
-import { u as ce } from "./charts.fillGaps.hooks-CWY0cZuI.js";
-import { g as W } from "./formatter.utils-D8VAiDYp.js";
+import { C as te, a as le } from "./ChartCard-jnVaCkEl.js";
+import { C as me, g as de } from "./granularity.utils-Ck8am6YG.js";
+import { u as ce } from "./charts.fillGaps.hooks-tjjJ-L-X.js";
+import { g as W } from "./formatter.utils-CFf9W7Jq.js";
 import { g as T } from "./styles.utils-C8CnV0SB.js";
 import { i as z, s as ue } from "./color.utils-BSg_DFOh.js";
-import { g as pe, a as Y, b as be } from "./charts.utils-B-Ryq4Nc.js";
-import { a as ge } from "./bars.utils-Bi7mE9CJ.js";
-import { g as xe } from "./dimension.utils-4qaXsySV.js";
-import { i as s, s as D } from "./component.inputs.constants-C1gOvjv8.js";
-import { p as v } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as pe, a as Y, b as be } from "./charts.utils-CM-dKk0n.js";
+import { a as ge } from "./bars.utils-BR7xdKJL.js";
+import { g as xe } from "./dimension.utils-CiM7fJ79.js";
+import { i as s, s as D } from "./component.inputs.constants-WqUoEXZX.js";
+import { p as v } from "./preview.data.constants-DyU7ur6g.js";
 import { g as he } from "./clientContext.utils-DpB5KsfX.js";
 const ye = (e, a) => {
   if (!e.data)
@@ -421,4 +421,4 @@ export {
   ye as g,
   Ye as i
 };
-//# sourceMappingURL=definition-CJMrnR4k.js.map
+//# sourceMappingURL=definition-Df9xEGGh.js.map

package/dist/{definition-CJMrnR4k.js.map → definition-Df9xEGGh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-CJMrnR4k.js","sources":["../src/components/charts/combo/BarLineChartPro/BarLineChartPro.utils.ts","../src/components/charts/combo/BarLineChartPro/index.tsx","../src/components/charts/combo/BarLineChartPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { mergician } from 'mergician';\nimport type { ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../../charts.utils';\nimport { getBarChartProOptions } from '../../bars/bars.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nexport const getBarLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    maxItems?: number;\n    showSecondaryAxis: boolean;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dimension, barMeasures, lineMeasures, maxItems, showSecondaryAxis } = props;\n  const measures = [...barMeasures, ...lineMeasures];\n  const groupedData = groupTailAsOther(data, dimension, measures, maxItems);\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n\n  const labels = groupedData.map((item) => item[dimension.name]);\n\n  const barDatasets = barMeasures.map((measure, index) => ({\n    order: 1,\n    label: themeFormatter.dimensionOrMeasureTitle(measure),\n    data: groupedData.map((item) => item[measure.name] ?? 0),\n    backgroundColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'background',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n    borderColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'border',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n  }));\n\n  const lineDatasets = lineMeasures.map((measure, index) => {\n    const colorIndex = barMeasures.length + index;\n    const lineColor = measure.inputs?.['lineColor'];\n    const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n    const backgroundColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'background',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    const borderColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'border',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    return {\n      type: 'line' as const,\n      order: 0,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      data: groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null)),\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      borderColor,\n      borderDash: measure.inputs?.['dashedLine']\n        ? [\n            getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n            getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n          ]\n        : undefined,\n      fill: Boolean(measure.inputs?.['fillUnderLine']),\n      yAxisID: showSecondaryAxis && Boolean(measure.inputs?.['useSecondaryAxis']) ? 'y1' : 'y',\n    };\n  });\n\n  return {\n    labels,\n    datasets: [...barDatasets, ...lineDatasets] as ChartData<'bar'>['datasets'],\n  };\n};\n\nexport const getBarLineChartProOptions = (\n  options: {\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    dimension: Dimension;\n    data: ChartData<'bar'>;\n    showSecondaryAxis: boolean;\n    showValueLabels?: boolean;\n    showValueLabelsLine?: boolean;\n    yAxisSecondaryLabel?: string;\n    yAxisSecondaryMin?: number;\n    yAxisSecondaryMax?: number;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const {\n    barMeasures,\n    lineMeasures,\n    dimension,\n    data,\n    showSecondaryAxis,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n  } = options;\n\n  const measures = [...barMeasures, ...lineMeasures];\n  const themeFormatter = getThemeFormatter(theme);\n\n  const baseOptions = getBarChartProOptions(\n    { measures: barMeasures, horizontal: false, data, dimension },\n    theme,\n  );\n\n  const datalabelsOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\n      datalabels: {\n        display: (context) => {\n          const isLineSeries = context.datasetIndex >= barMeasures.length;\n          const show = isLineSeries ? showValueLabelsLine : showValueLabels;\n          return show && context.dataset.data[context.dataIndex] !== 0 ? 'auto' : false;\n        },\n        labels: {\n          value: {\n            formatter: (value, context) => {\n              const measure = measures[context.datasetIndex];\n              if (!measure) return value;\n              if (measure.inputs?.showValueAsPercentage) {\n                return getDatalabelPercentage(\n                  Number(value),\n                  context.dataset.data,\n                  measure.inputs?.decimalPlaces,\n                );\n              }\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n    },\n  };\n\n  const tooltipOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex];\n            if (!measure) return '';\n            const raw = context.raw as number;\n            const formatted = themeFormatter.data(measure, raw);\n            const percentage = measure.inputs?.showValueAsPercentage\n              ? ` (${getDatalabelPercentage(raw, context.dataset.data, measure.inputs?.decimalPlaces)})`\n              : '';\n            return `${context.dataset.label}: ${formatted}${percentage}`;\n          },\n        },\n      },\n    },\n  };\n\n  const interactionOptions: Partial<ChartOptions<'bar'>> = {\n    interaction: {\n      mode: 'index',\n      intersect: false,\n    },\n  };\n\n  const secondaryAxisOptions: Partial<ChartOptions<'bar'>> = showSecondaryAxis\n    ? {\n        scales: {\n          y1: {\n            type: 'linear',\n            position: 'right',\n            min: yAxisSecondaryMin,\n            max: yAxisSecondaryMax,\n            title: {\n              display: Boolean(yAxisSecondaryLabel),\n              text: yAxisSecondaryLabel ?? '',\n            },\n            grid: { drawOnChartArea: false },\n            ticks: {\n              callback: (value) => {\n                const firstLineMeasure = lineMeasures[0];\n                if (!firstLineMeasure) return value;\n                return themeFormatter.data(firstLineMeasure, value);\n              },\n            },\n          },\n        },\n      }\n    : {};\n\n  return mergician(\n    baseOptions,\n    datalabelsOptions,\n    tooltipOptions,\n    interactionOptions,\n    secondaryAxisOptions,\n    theme.charts?.barLineChartPro?.options ?? {},\n  );\n};\n\nexport const createBarLineClickHandler = ({\n  data,\n  dimension,\n  granularity,\n  barMeasures,\n  onBarClicked,\n  onLineClicked,\n}: {\n  data: ChartData;\n  dimension: Dimension;\n  granularity?: Granularity;\n  barMeasures: Measure[];\n  onBarClicked?: (args: BarLineChartProClickArg) => void;\n  onLineClicked?: (args: BarLineChartProClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n\n    const dimensionValue = data?.labels?.[element.index] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    });\n    const clickArg: BarLineChartProClickArg = { dimensionValue, dimensionTimeRange };\n\n    if (element.datasetIndex < barMeasures.length) {\n      onBarClicked?.(clickArg);\n    } else {\n      onLineClicked?.(clickArg);\n    }\n  };\n};\n","import { Chart as ChartJS, LineController, LineElement, PointElement } from 'chart.js';\nimport { useTheme } from '@embeddable.com/react';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarLineChartProProps } from '../combo.types';\nimport {\n  createBarLineClickHandler,\n  getBarLineChartProData,\n  getBarLineChartProOptions,\n} from './BarLineChartPro.utils';\n\nChartJS.register(LineController, LineElement, PointElement);\n\nconst BarLineChartPro = (props: BarLineChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    lineMeasures = [],\n    xAxisMaxItems,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n    reverseXAxis,\n    dimension,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    onLineClicked,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const showSecondaryAxis = lineMeasures.some((m) => Boolean(m.inputs?.['useSecondaryAxis']));\n\n  const results = useFillGaps({ results: props.results, dimension });\n\n  const data = getBarLineChartProData(\n    {\n      data: results.data,\n      dimension,\n      barMeasures: measures,\n      lineMeasures,\n      maxItems: xAxisMaxItems,\n      showSecondaryAxis,\n    },\n    theme,\n  );\n\n  const options = getBarLineChartProOptions(\n    {\n      barMeasures: measures,\n      lineMeasures,\n      dimension,\n      data,\n      showSecondaryAxis,\n      showValueLabels,\n      showValueLabelsLine,\n      yAxisSecondaryLabel,\n      yAxisSecondaryMin,\n      yAxisSecondaryMax,\n    },\n    theme,\n  );\n\n  const handleClick = createBarLineClickHandler({\n    data,\n    dimension,\n    granularity,\n    barMeasures: measures,\n    onBarClicked,\n    onLineClicked,\n  });\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures, ...lineMeasures]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels || showValueLabelsLine}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarLineChartPro;\nexport type { BarLineChartProProps };\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nconst meta = {\n  name: 'BarLineChartPro',\n  label: 'Bar + Line Chart',\n  category: 'Combo Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Bar measures',\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    {\n      ...inputs.measures,\n      name: 'lineMeasures',\n      label: 'Line measures',\n      required: false,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.color, name: 'lineColor', label: 'Line color' },\n        { ...subInputs.boolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n        { ...subInputs.boolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...subInputs.boolean, name: 'useSecondaryAxis', label: 'Assign to secondary axis' },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    { ...inputs.showValueLabels, name: 'showValueLabelsLine', label: 'Show value labels - line' },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.reverseXAxis,\n    inputs.xAxisMaxItems,\n    {\n      ...inputs.yAxisLabel,\n      name: 'yAxisSecondaryLabel',\n      label: 'Secondary Y-axis label',\n      description: 'Label for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMin,\n      name: 'yAxisSecondaryMin',\n      label: 'Secondary Y-axis min',\n      description: 'Minimum value for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMax,\n      name: 'yAxisSecondaryMax',\n      label: 'Secondary Y-axis max',\n      description: 'Maximum value for the right-hand Y-axis used by line series.',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarLineChartProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  lineMeasures: [previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    ...(inputs.measures ?? []),\n    ...(inputs.lineMeasures ?? []),\n    dimension ?? inputs.dimension,\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarLineChartProClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n  onLineClicked: (value: BarLineChartProClickArg) => ({\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]: [BarLineChartProState, (state: BarLineChartProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barLineChartPro = {\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":["getBarLineChartProData","props","theme","data","dimension","barMeasures","lineMeasures","maxItems","showSecondaryAxis","measures","groupedData","groupTailAsOther","themeFormatter","getThemeFormatter","chartColors","getChartColors","labels","item","barDatasets","measure","index","getDimensionMeasureColor","lineDatasets","colorIndex","lineColor","_a","zeroFill","_b","backgroundColor","isColorValid","borderColor","setColorAlpha","_c","getStyleNumber","_d","_e","getBarLineChartProOptions","options","showValueLabels","showValueLabelsLine","yAxisSecondaryLabel","yAxisSecondaryMin","yAxisSecondaryMax","baseOptions","getBarChartProOptions","mergician","context","value","getDatalabelPercentage","label","getDimensionWithoutTruncation","raw","formatted","percentage","firstLineMeasure","createBarLineClickHandler","granularity","onBarClicked","onLineClicked","elementAtEvent","element","dimensionValue","dimensionTimeRange","getTimeRangeFromDimensionValue","clickArg","ChartJS","LineController","LineElement","PointElement","BarLineChartPro","useTheme","i18nSetup","xAxisMaxItems","yAxisRangeMin","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","reverseXAxis","setGranularity","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","m","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barLineChartPro"],"mappings":"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"}
+{"version":3,"file":"definition-Df9xEGGh.js","sources":["../src/components/charts/combo/BarLineChartPro/BarLineChartPro.utils.ts","../src/components/charts/combo/BarLineChartPro/index.tsx","../src/components/charts/combo/BarLineChartPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { mergician } from 'mergician';\nimport type { ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../../charts.utils';\nimport { getBarChartProOptions } from '../../bars/bars.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nexport const getBarLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    maxItems?: number;\n    showSecondaryAxis: boolean;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dimension, barMeasures, lineMeasures, maxItems, showSecondaryAxis } = props;\n  const measures = [...barMeasures, ...lineMeasures];\n  const groupedData = groupTailAsOther(data, dimension, measures, maxItems);\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n\n  const labels = groupedData.map((item) => item[dimension.name]);\n\n  const barDatasets = barMeasures.map((measure, index) => ({\n    order: 1,\n    label: themeFormatter.dimensionOrMeasureTitle(measure),\n    data: groupedData.map((item) => item[measure.name] ?? 0),\n    backgroundColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'background',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n    borderColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'border',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n  }));\n\n  const lineDatasets = lineMeasures.map((measure, index) => {\n    const colorIndex = barMeasures.length + index;\n    const lineColor = measure.inputs?.['lineColor'];\n    const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n    const backgroundColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'background',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    const borderColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'border',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    return {\n      type: 'line' as const,\n      order: 0,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      data: groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null)),\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      borderColor,\n      borderDash: measure.inputs?.['dashedLine']\n        ? [\n            getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n            getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n          ]\n        : undefined,\n      fill: Boolean(measure.inputs?.['fillUnderLine']),\n      yAxisID: showSecondaryAxis && Boolean(measure.inputs?.['useSecondaryAxis']) ? 'y1' : 'y',\n    };\n  });\n\n  return {\n    labels,\n    datasets: [...barDatasets, ...lineDatasets] as ChartData<'bar'>['datasets'],\n  };\n};\n\nexport const getBarLineChartProOptions = (\n  options: {\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    dimension: Dimension;\n    data: ChartData<'bar'>;\n    showSecondaryAxis: boolean;\n    showValueLabels?: boolean;\n    showValueLabelsLine?: boolean;\n    yAxisSecondaryLabel?: string;\n    yAxisSecondaryMin?: number;\n    yAxisSecondaryMax?: number;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const {\n    barMeasures,\n    lineMeasures,\n    dimension,\n    data,\n    showSecondaryAxis,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n  } = options;\n\n  const measures = [...barMeasures, ...lineMeasures];\n  const themeFormatter = getThemeFormatter(theme);\n\n  const baseOptions = getBarChartProOptions(\n    { measures: barMeasures, horizontal: false, data, dimension },\n    theme,\n  );\n\n  const datalabelsOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\n      datalabels: {\n        display: (context) => {\n          const isLineSeries = context.datasetIndex >= barMeasures.length;\n          const show = isLineSeries ? showValueLabelsLine : showValueLabels;\n          return show && context.dataset.data[context.dataIndex] !== 0 ? 'auto' : false;\n        },\n        labels: {\n          value: {\n            formatter: (value, context) => {\n              const measure = measures[context.datasetIndex];\n              if (!measure) return value;\n              if (measure.inputs?.showValueAsPercentage) {\n                return getDatalabelPercentage(\n                  Number(value),\n                  context.dataset.data,\n                  measure.inputs?.decimalPlaces,\n                );\n              }\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n    },\n  };\n\n  const tooltipOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex];\n            if (!measure) return '';\n            const raw = context.raw as number;\n            const formatted = themeFormatter.data(measure, raw);\n            const percentage = measure.inputs?.showValueAsPercentage\n              ? ` (${getDatalabelPercentage(raw, context.dataset.data, measure.inputs?.decimalPlaces)})`\n              : '';\n            return `${context.dataset.label}: ${formatted}${percentage}`;\n          },\n        },\n      },\n    },\n  };\n\n  const interactionOptions: Partial<ChartOptions<'bar'>> = {\n    interaction: {\n      mode: 'index',\n      intersect: false,\n    },\n  };\n\n  const secondaryAxisOptions: Partial<ChartOptions<'bar'>> = showSecondaryAxis\n    ? {\n        scales: {\n          y1: {\n            type: 'linear',\n            position: 'right',\n            min: yAxisSecondaryMin,\n            max: yAxisSecondaryMax,\n            title: {\n              display: Boolean(yAxisSecondaryLabel),\n              text: yAxisSecondaryLabel ?? '',\n            },\n            grid: { drawOnChartArea: false },\n            ticks: {\n              callback: (value) => {\n                const firstLineMeasure = lineMeasures[0];\n                if (!firstLineMeasure) return value;\n                return themeFormatter.data(firstLineMeasure, value);\n              },\n            },\n          },\n        },\n      }\n    : {};\n\n  return mergician(\n    baseOptions,\n    datalabelsOptions,\n    tooltipOptions,\n    interactionOptions,\n    secondaryAxisOptions,\n    theme.charts?.barLineChartPro?.options ?? {},\n  );\n};\n\nexport const createBarLineClickHandler = ({\n  data,\n  dimension,\n  granularity,\n  barMeasures,\n  onBarClicked,\n  onLineClicked,\n}: {\n  data: ChartData;\n  dimension: Dimension;\n  granularity?: Granularity;\n  barMeasures: Measure[];\n  onBarClicked?: (args: BarLineChartProClickArg) => void;\n  onLineClicked?: (args: BarLineChartProClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n\n    const dimensionValue = data?.labels?.[element.index] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    });\n    const clickArg: BarLineChartProClickArg = { dimensionValue, dimensionTimeRange };\n\n    if (element.datasetIndex < barMeasures.length) {\n      onBarClicked?.(clickArg);\n    } else {\n      onLineClicked?.(clickArg);\n    }\n  };\n};\n","import { Chart as ChartJS, LineController, LineElement, PointElement } from 'chart.js';\nimport { useTheme } from '@embeddable.com/react';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarLineChartProProps } from '../combo.types';\nimport {\n  createBarLineClickHandler,\n  getBarLineChartProData,\n  getBarLineChartProOptions,\n} from './BarLineChartPro.utils';\n\nChartJS.register(LineController, LineElement, PointElement);\n\nconst BarLineChartPro = (props: BarLineChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    lineMeasures = [],\n    xAxisMaxItems,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n    reverseXAxis,\n    dimension,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    onLineClicked,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const showSecondaryAxis = lineMeasures.some((m) => Boolean(m.inputs?.['useSecondaryAxis']));\n\n  const results = useFillGaps({ results: props.results, dimension });\n\n  const data = getBarLineChartProData(\n    {\n      data: results.data,\n      dimension,\n      barMeasures: measures,\n      lineMeasures,\n      maxItems: xAxisMaxItems,\n      showSecondaryAxis,\n    },\n    theme,\n  );\n\n  const options = getBarLineChartProOptions(\n    {\n      barMeasures: measures,\n      lineMeasures,\n      dimension,\n      data,\n      showSecondaryAxis,\n      showValueLabels,\n      showValueLabelsLine,\n      yAxisSecondaryLabel,\n      yAxisSecondaryMin,\n      yAxisSecondaryMax,\n    },\n    theme,\n  );\n\n  const handleClick = createBarLineClickHandler({\n    data,\n    dimension,\n    granularity,\n    barMeasures: measures,\n    onBarClicked,\n    onLineClicked,\n  });\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures, ...lineMeasures]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels || showValueLabelsLine}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarLineChartPro;\nexport type { BarLineChartProProps };\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nconst meta = {\n  name: 'BarLineChartPro',\n  label: 'Bar + Line Chart',\n  category: 'Combo Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Bar measures',\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    {\n      ...inputs.measures,\n      name: 'lineMeasures',\n      label: 'Line measures',\n      required: false,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.color, name: 'lineColor', label: 'Line color' },\n        { ...subInputs.boolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n        { ...subInputs.boolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...subInputs.boolean, name: 'useSecondaryAxis', label: 'Assign to secondary axis' },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    { ...inputs.showValueLabels, name: 'showValueLabelsLine', label: 'Show value labels - line' },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.reverseXAxis,\n    inputs.xAxisMaxItems,\n    {\n      ...inputs.yAxisLabel,\n      name: 'yAxisSecondaryLabel',\n      label: 'Secondary Y-axis label',\n      description: 'Label for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMin,\n      name: 'yAxisSecondaryMin',\n      label: 'Secondary Y-axis min',\n      description: 'Minimum value for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMax,\n      name: 'yAxisSecondaryMax',\n      label: 'Secondary Y-axis max',\n      description: 'Maximum value for the right-hand Y-axis used by line series.',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarLineChartProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  lineMeasures: [previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    ...(inputs.measures ?? []),\n    ...(inputs.lineMeasures ?? []),\n    dimension ?? inputs.dimension,\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarLineChartProClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n  onLineClicked: (value: BarLineChartProClickArg) => ({\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]: [BarLineChartProState, (state: BarLineChartProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barLineChartPro = {\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":["getBarLineChartProData","props","theme","data","dimension","barMeasures","lineMeasures","maxItems","showSecondaryAxis","measures","groupedData","groupTailAsOther","themeFormatter","getThemeFormatter","chartColors","getChartColors","labels","item","barDatasets","measure","index","getDimensionMeasureColor","lineDatasets","colorIndex","lineColor","_a","zeroFill","_b","backgroundColor","isColorValid","borderColor","setColorAlpha","_c","getStyleNumber","_d","_e","getBarLineChartProOptions","options","showValueLabels","showValueLabelsLine","yAxisSecondaryLabel","yAxisSecondaryMin","yAxisSecondaryMax","baseOptions","getBarChartProOptions","mergician","context","value","getDatalabelPercentage","label","getDimensionWithoutTruncation","raw","formatted","percentage","firstLineMeasure","createBarLineClickHandler","granularity","onBarClicked","onLineClicked","elementAtEvent","element","dimensionValue","dimensionTimeRange","getTimeRangeFromDimensionValue","clickArg","ChartJS","LineController","LineElement","PointElement","BarLineChartPro","useTheme","i18nSetup","xAxisMaxItems","yAxisRangeMin","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","reverseXAxis","setGranularity","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","m","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barLineChartPro"],"mappings":"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"}

package/dist/{definition-akR2s4L2.js → definition-Djha-scF.js}

@@ -1,13 +1,13 @@
-import { j as T, Q as se, l as x } from "./index-3F2_3p7g.js";
+import { j as T, Q as se, l as x } from "./index-BpJ2xsEV.js";
 import { useTheme as ne, definePreview as te } from "@embeddable.com/react";
 import { i as ae, a as ie } from "./component.utils-oQMZT7TK.js";
-import { C as re, a as le } from "./ChartCard-DoGFLbS2.js";
+import { C as re, a as le } from "./ChartCard-jnVaCkEl.js";
 import { useRef as me, useState as P, useEffect as ue } from "react";
-import { u as C } from "./charts.fillGaps.hooks-CWY0cZuI.js";
-import { g as A } from "./formatter.utils-D8VAiDYp.js";
+import { u as C } from "./charts.fillGaps.hooks-tjjJ-L-X.js";
+import { g as A } from "./formatter.utils-CFf9W7Jq.js";
 import { u as de } from "./tables.hooks-fVC_4V5K.js";
-import { i as a, s as b } from "./component.inputs.constants-C1gOvjv8.js";
-import { p as d } from "./preview.data.constants-Cg6C5D3p.js";
+import { i as a, s as b } from "./component.inputs.constants-WqUoEXZX.js";
+import { p as d } from "./preview.data.constants-DyU7ur6g.js";
 import { g as F } from "./clientContext.utils-DpB5KsfX.js";
 const ce = (e, o) => {
   const s = A(o);
@@ -257,4 +257,4 @@ export {
   Be as i,
   Ee as p
 };
-//# sourceMappingURL=definition-akR2s4L2.js.map
+//# sourceMappingURL=definition-Djha-scF.js.map

package/dist/{definition-akR2s4L2.js.map → definition-Djha-scF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-akR2s4L2.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/utils/array.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx","../src/components/charts/tables/PivotTablePro/definition.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","export const sortArrayByProp = <T, K extends keyof T>(\n  arr: T[],\n  prop: K,\n  order: 'asc' | 'desc' = 'asc',\n): T[] => {\n  return [...arr].sort((a, b) => {\n    if (a[prop] < b[prop]) return order === 'asc' ? -1 : 1;\n    if (a[prop] > b[prop]) return order === 'asc' ? 1 : -1;\n    return 0;\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useEffect, useRef, useState } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { sortArrayByProp } from '../../../../utils/array.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport type PivotTableProProps = {\n  results: DataResponse;\n  resultsSubRows?: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  subRowDimension?: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n  expandedRowKeys: string[];\n  setExpandedRowKey: (expandedRowKeys: string) => void;\n} & ChartCardHeaderProps;\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    resultsSubRows,\n    measures,\n    rowDimension,\n    subRowDimension,\n    columnDimension,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    expandedRowKeys,\n    setExpandedRowKey,\n  } = props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotSubRowDimension = subRowDimension\n    ? getPivotDimension({ dimension: subRowDimension }, theme)\n    : undefined;\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n\n  const [loadingRows, setLoadingRows] = useState(new Set<string>());\n  const [subRowsByRow, setSubRowsByRow] = useState(new Map<string, any[]>());\n\n  const handleRowExpand = (rowKey: string) => {\n    setLoadingRows((prev) => new Set(prev).add(rowKey));\n    setExpandedRowKey(rowKey);\n  };\n\n  useEffect(() => {\n    // No results or no expandedRowKeys, nothing to load\n    if (!resultsSubRows || !resultsSubRows?.data || expandedRowKeys.length === 0) {\n      return;\n    }\n\n    const subRowsByRowData = new Map<string, any[]>();\n    expandedRowKeys.forEach((rowKey) => {\n      const containsSubRow = resultsSubRows.data?.some(\n        (row) => String(row[rowDimension.name]) === rowKey,\n      );\n\n      if (containsSubRow) {\n        const subRows =\n          resultsSubRows.data?.filter((row) => String(row[rowDimension.name]) === rowKey) ?? [];\n        const subRowsSorted = subRowDimension\n          ? sortArrayByProp(subRows, subRowDimension.name, 'asc')\n          : subRows;\n\n        subRowsByRowData.set(rowKey, subRowsSorted);\n        setLoadingRows((prev) => {\n          const next = new Set(prev);\n          next.delete(rowKey);\n          return next;\n        });\n      }\n    });\n    setSubRowsByRow(subRowsByRowData);\n  }, [resultsSubRows, expandedRowKeys, rowDimension, subRowDimension]);\n\n  const data: DataResponse = {\n    ...props.results,\n    isLoading: Boolean(props.results?.isLoading || resultsSubRows?.isLoading),\n  };\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      data={data}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n        expandableRows={Boolean(subRowDimension)}\n        subRowsByRow={subRowsByRow}\n        loadingRows={loadingRows}\n        onRowExpand={handleRowExpand}\n        subRowDimension={pivotSubRowDimension}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\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: 'PivotTablePro',\n  label: 'Pivot Table',\n  description:\n    'Cross-tabulated table — row and column dimensions intersected by one or more measures.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Measures to display',\n      inputs: [\n        ...inputs.measures.inputs,\n        {\n          ...subInputs.boolean,\n          name: 'showColumnTotal',\n          label: 'Show column total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showRowTotal',\n          label: 'Show row total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showAsPercentage',\n          label: 'Show as percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Primary row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimension,\n      label: 'Secondary row dimension (optional)',\n      name: 'subRowDimension',\n      required: false,\n      description:\n        'When set, each primary row becomes expandable. Clicking a row loads a breakdown by the second dimension.',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type PivotTableProState = {\n  expandedRowKeys?: string[];\n};\n\nconst previewConfig = {\n  measures: [{ ...previewData.measure, inputs: { showRowTotal: true, showColumnTotal: true } }],\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  expandedRowKeys: [],\n  setExpandedRowKey: () => {},\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\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 loadDataResultsSubRowsArgs = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.subRowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.rowDimension,\n      operator: 'equals',\n      value: expandedRowKeys,\n    },\n  ],\n});\n\nconst loadDataResultsSubRows = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n  clientContext?: ThemeClientContext,\n): DataResponse | undefined => {\n  if (expandedRowKeys.length > 0) {\n    return loadData(loadDataResultsSubRowsArgs(inputs, expandedRowKeys, clientContext));\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [PivotTableProState, (state: PivotTableProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const expandedRowKeys = state?.expandedRowKeys ?? [];\n\n  return {\n    ...inputs,\n    state,\n    expandedRowKeys,\n    setExpandedRowKey: (rowKey: string) =>\n      setState({ expandedRowKeys: [...expandedRowKeys, rowKey] }),\n    results: loadDataResults(inputs, clientContext),\n    resultsSubRows: loadDataResultsSubRows(inputs, expandedRowKeys, clientContext),\n  };\n};\n\nexport const pivotTablePro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsSubRows: {\n    loadDataArgs: loadDataResultsSubRowsArgs,\n    loadData: loadDataResultsSubRows,\n  },\n} as const;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","sortArrayByProp","arr","prop","order","a","b","PivotTablePro","useTheme","i18nSetup","resultsSubRows","rowDimension","subRowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","expandedRowKeys","setExpandedRowKey","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotSubRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","loadingRows","setLoadingRows","useState","subRowsByRow","setSubRowsByRow","handleRowExpand","rowKey","prev","useEffect","subRowsByRowData","subRows","subRowsSorted","next","data","jsx","ChartCard","asChartCardHeaderProps","PivotTable","i18n","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsSubRowsArgs","loadDataResultsSubRows","state","setState","pivotTablePro"],"mappings":"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"}
+{"version":3,"file":"definition-Djha-scF.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/utils/array.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx","../src/components/charts/tables/PivotTablePro/definition.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","export const sortArrayByProp = <T, K extends keyof T>(\n  arr: T[],\n  prop: K,\n  order: 'asc' | 'desc' = 'asc',\n): T[] => {\n  return [...arr].sort((a, b) => {\n    if (a[prop] < b[prop]) return order === 'asc' ? -1 : 1;\n    if (a[prop] > b[prop]) return order === 'asc' ? 1 : -1;\n    return 0;\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useEffect, useRef, useState } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { sortArrayByProp } from '../../../../utils/array.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport type PivotTableProProps = {\n  results: DataResponse;\n  resultsSubRows?: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  subRowDimension?: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n  expandedRowKeys: string[];\n  setExpandedRowKey: (expandedRowKeys: string) => void;\n} & ChartCardHeaderProps;\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    resultsSubRows,\n    measures,\n    rowDimension,\n    subRowDimension,\n    columnDimension,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    expandedRowKeys,\n    setExpandedRowKey,\n  } = props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotSubRowDimension = subRowDimension\n    ? getPivotDimension({ dimension: subRowDimension }, theme)\n    : undefined;\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n\n  const [loadingRows, setLoadingRows] = useState(new Set<string>());\n  const [subRowsByRow, setSubRowsByRow] = useState(new Map<string, any[]>());\n\n  const handleRowExpand = (rowKey: string) => {\n    setLoadingRows((prev) => new Set(prev).add(rowKey));\n    setExpandedRowKey(rowKey);\n  };\n\n  useEffect(() => {\n    // No results or no expandedRowKeys, nothing to load\n    if (!resultsSubRows || !resultsSubRows?.data || expandedRowKeys.length === 0) {\n      return;\n    }\n\n    const subRowsByRowData = new Map<string, any[]>();\n    expandedRowKeys.forEach((rowKey) => {\n      const containsSubRow = resultsSubRows.data?.some(\n        (row) => String(row[rowDimension.name]) === rowKey,\n      );\n\n      if (containsSubRow) {\n        const subRows =\n          resultsSubRows.data?.filter((row) => String(row[rowDimension.name]) === rowKey) ?? [];\n        const subRowsSorted = subRowDimension\n          ? sortArrayByProp(subRows, subRowDimension.name, 'asc')\n          : subRows;\n\n        subRowsByRowData.set(rowKey, subRowsSorted);\n        setLoadingRows((prev) => {\n          const next = new Set(prev);\n          next.delete(rowKey);\n          return next;\n        });\n      }\n    });\n    setSubRowsByRow(subRowsByRowData);\n  }, [resultsSubRows, expandedRowKeys, rowDimension, subRowDimension]);\n\n  const data: DataResponse = {\n    ...props.results,\n    isLoading: Boolean(props.results?.isLoading || resultsSubRows?.isLoading),\n  };\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      data={data}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n        expandableRows={Boolean(subRowDimension)}\n        subRowsByRow={subRowsByRow}\n        loadingRows={loadingRows}\n        onRowExpand={handleRowExpand}\n        subRowDimension={pivotSubRowDimension}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\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: 'PivotTablePro',\n  label: 'Pivot Table',\n  description:\n    'Cross-tabulated table — row and column dimensions intersected by one or more measures.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Measures to display',\n      inputs: [\n        ...inputs.measures.inputs,\n        {\n          ...subInputs.boolean,\n          name: 'showColumnTotal',\n          label: 'Show column total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showRowTotal',\n          label: 'Show row total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showAsPercentage',\n          label: 'Show as percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Primary row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimension,\n      label: 'Secondary row dimension (optional)',\n      name: 'subRowDimension',\n      required: false,\n      description:\n        'When set, each primary row becomes expandable. Clicking a row loads a breakdown by the second dimension.',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type PivotTableProState = {\n  expandedRowKeys?: string[];\n};\n\nconst previewConfig = {\n  measures: [{ ...previewData.measure, inputs: { showRowTotal: true, showColumnTotal: true } }],\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  expandedRowKeys: [],\n  setExpandedRowKey: () => {},\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\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 loadDataResultsSubRowsArgs = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.subRowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.rowDimension,\n      operator: 'equals',\n      value: expandedRowKeys,\n    },\n  ],\n});\n\nconst loadDataResultsSubRows = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n  clientContext?: ThemeClientContext,\n): DataResponse | undefined => {\n  if (expandedRowKeys.length > 0) {\n    return loadData(loadDataResultsSubRowsArgs(inputs, expandedRowKeys, clientContext));\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [PivotTableProState, (state: PivotTableProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const expandedRowKeys = state?.expandedRowKeys ?? [];\n\n  return {\n    ...inputs,\n    state,\n    expandedRowKeys,\n    setExpandedRowKey: (rowKey: string) =>\n      setState({ expandedRowKeys: [...expandedRowKeys, rowKey] }),\n    results: loadDataResults(inputs, clientContext),\n    resultsSubRows: loadDataResultsSubRows(inputs, expandedRowKeys, clientContext),\n  };\n};\n\nexport const pivotTablePro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsSubRows: {\n    loadDataArgs: loadDataResultsSubRowsArgs,\n    loadData: loadDataResultsSubRows,\n  },\n} as const;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","sortArrayByProp","arr","prop","order","a","b","PivotTablePro","useTheme","i18nSetup","resultsSubRows","rowDimension","subRowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","expandedRowKeys","setExpandedRowKey","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotSubRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","loadingRows","setLoadingRows","useState","subRowsByRow","setSubRowsByRow","handleRowExpand","rowKey","prev","useEffect","subRowsByRowData","subRows","subRowsSorted","next","data","jsx","ChartCard","asChartCardHeaderProps","PivotTable","i18n","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsSubRowsArgs","loadDataResultsSubRows","state","setState","pivotTablePro"],"mappings":"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"}

package/dist/{definition-CKxyYAvz.js → definition-DkgbKZS3.js}

@@ -1,8 +1,8 @@
 import { useTheme as i, definePreview as c } from "@embeddable.com/react";
-import { j as s, Y as l } from "./index-3F2_3p7g.js";
+import { j as s, Y as l } from "./index-BpJ2xsEV.js";
 import { useMemo as d } from "react";
 import { b as m, i as p } from "./component.utils-oQMZT7TK.js";
-import { i as u } from "./component.inputs.constants-C1gOvjv8.js";
+import { i as u } from "./component.inputs.constants-WqUoEXZX.js";
 const w = "_container_im29b_1", f = {
   container: w
 }, k = (n) => n.replaceAll(/\{\{([^{}]+)\}\}/g, (o, e) => m(e)), g = (n) => n == null ? void 0 : n.replaceAll(String.raw`\n`, `
@@ -44,4 +44,4 @@ export {
   S as i,
   y as m
 };
-//# sourceMappingURL=definition-CKxyYAvz.js.map
+//# sourceMappingURL=definition-DkgbKZS3.js.map