@embeddable.com/remarkable-pro 0.2.5 → 0.2.6

package/dist/{definition-RYVGlC6K.js.map → definition-D-KGeUhT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-RYVGlC6K.js","sources":["../src/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/components/charts/lines/LineChartGroupedPro/index.tsx","../src/components/charts/lines/LineChartGroupedPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { setColorAlpha } from '../../../../utils/color.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { getLineChartProOptionsOnClick, LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, hasMinMaxYAxisRange } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter((d) => d != null);\n\n  const chartColors = getChartColors();\n  const datasets: ChartData<'line'>['datasets'] = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'background',\n      value: `${groupDimension.name}.${groupByItem}`,\n      chartColors,\n      index,\n    });\n\n    const borderColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'border',\n      value: `${groupDimension.name}.${groupByItem}`,\n      chartColors,\n      index,\n    });\n\n    const dataset = {\n      clip: hasMinMaxYAxisRange,\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    } as ChartData<'line'>['datasets'][number];\n\n    return dataset;\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProOptions = (\n  options: {\n    dimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(\n    getLineChartProOptionsOnClick({ onLineClicked }),\n    lineChartOptions,\n    theme.charts?.lineChartGroupedPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type LineChartGroupedProPropsOnLineClicked = {\n  axisDimensionValue: string | null;\n  groupingDimensionValue: string | null;\n};\n\nexport type LineChartGroupedProProp = {\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartGroupedProOptions(\n    { data, dimension: xAxis, measure, onLineClicked },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartGroupedPro;\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 { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.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';\n\nconst meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measure,\n      inputs: [\n        ...inputs.measure.inputs,\n        {\n          ...inputs.boolean,\n          name: 'fillUnderLine',\n          label: 'Fill under line',\n          category: 'Component Settings',\n        },\n        {\n          ...inputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n          category: 'Component Settings',\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\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  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartGroupedProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [xAxis ?? inputs.xAxis, inputs.groupBy, inputs.measure],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartGroupedProState, (state: LineChartGroupedProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const lineChartGroupedPro = {\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":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","hasMinMaxYAxisRange","axis","d","groupBy","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getDimensionMeasureColor","borderColor","setColorAlpha","_a","axisItem","record","getLineChartGroupedProOptions","options","onLineClicked","lineChartOptions","value","context","label","raw","mergician","getLineChartProOptionsOnClick","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartGroupedPro"],"mappings":"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"}
+{"version":3,"file":"definition-D-KGeUhT.js","sources":["../src/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/components/charts/lines/LineChartGroupedPro/index.tsx","../src/components/charts/lines/LineChartGroupedPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { setColorAlpha } from '../../../../utils/color.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { getLineChartProOptionsOnClick, LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, hasMinMaxYAxisRange } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter((d) => d != null);\n\n  const chartColors = getChartColors();\n  const datasets: ChartData<'line'>['datasets'] = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'background',\n      value: `${groupDimension.name}.${groupByItem}`,\n      chartColors,\n      index,\n    });\n\n    const borderColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'border',\n      value: `${groupDimension.name}.${groupByItem}`,\n      chartColors,\n      index,\n    });\n\n    const dataset = {\n      clip: hasMinMaxYAxisRange,\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    } as ChartData<'line'>['datasets'][number];\n\n    return dataset;\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProOptions = (\n  options: {\n    dimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(\n    getLineChartProOptionsOnClick({ onLineClicked }),\n    lineChartOptions,\n    theme.charts?.lineChartGroupedPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type LineChartGroupedProPropsOnLineClicked = {\n  axisDimensionValue: string | null;\n  groupingDimensionValue: string | null;\n};\n\nexport type LineChartGroupedProProp = {\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartGroupedProOptions(\n    { data, dimension: xAxis, measure, onLineClicked },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartGroupedPro;\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 { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.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';\n\nconst meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measure,\n      inputs: [\n        ...inputs.measure.inputs,\n        {\n          ...inputs.boolean,\n          name: 'fillUnderLine',\n          label: 'Fill under line',\n          category: 'Component Settings',\n        },\n        {\n          ...inputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n          category: 'Component Settings',\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\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  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartGroupedProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [xAxis ?? inputs.xAxis, inputs.groupBy, inputs.measure],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartGroupedProState, (state: LineChartGroupedProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const lineChartGroupedPro = {\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":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","hasMinMaxYAxisRange","axis","d","groupBy","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getDimensionMeasureColor","borderColor","setColorAlpha","_a","axisItem","record","getLineChartGroupedProOptions","options","onLineClicked","lineChartOptions","value","context","label","raw","mergician","getLineChartProOptionsOnClick","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartGroupedPro"],"mappings":"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"}

package/dist/{definition-hgg6kcIq.js → definition-D30Z62sw.js}

@@ -2,10 +2,10 @@ import { j as p, O as E, Q as V, l as k } from "./index-B9eYAQkT.js";
 import { useTheme as N, definePreview as I } from "@embeddable.com/react";
 import { a as Q, r as q } from "./component.utils-Dua9clQJ.js";
 import { C as J } from "./ChartCard-Cv9hqNdM.js";
-import { g } from "./formatter.utils-ClBgeuH1.js";
-import { u as h } from "./charts.fillGaps.hooks-CPpTEo01.js";
+import { g } from "./formatter.utils-BZMmas2O.js";
+import { u as h } from "./charts.fillGaps.hooks-DgH30vXI.js";
 import { u as K } from "./tables.hooks-fVC_4V5K.js";
-import { i as o } from "./component.inputs.constants-Bf2Ty2En.js";
+import { i as o } from "./component.inputs.constants-DnFrZzR7.js";
 import { p as i } from "./preview.data.constants-Cf1TpbZu.js";
 import { g as L } from "./clientContext.utils-DpB5KsfX.js";
 const f = (e, t) => {
@@ -198,4 +198,4 @@ export {
   le as h,
   me as i
 };
-//# sourceMappingURL=definition-hgg6kcIq.js.map
+//# sourceMappingURL=definition-D30Z62sw.js.map

package/dist/{definition-hgg6kcIq.js.map → definition-D30Z62sw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-hgg6kcIq.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\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: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      hideMenu={hideMenu}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\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 { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\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  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\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.measure],\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 props = (\n  inputs: Inputs<typeof meta>,\n  _state: unknown,\n  clientContext?: ThemeClientContext,\n) => ({\n  ...inputs,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const heatMapPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","heatMapPro"],"mappings":"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"}
+{"version":3,"file":"definition-D30Z62sw.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\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: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      hideMenu={hideMenu}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\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 { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\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  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\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.measure],\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 props = (\n  inputs: Inputs<typeof meta>,\n  _state: unknown,\n  clientContext?: ThemeClientContext,\n) => ({\n  ...inputs,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const heatMapPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","heatMapPro"],"mappings":"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"}

package/dist/{definition-DEqyuC5t.js → definition-D59NL3vt.js}

@@ -3,8 +3,8 @@ import { useTheme as j, definePreview as x } from "@embeddable.com/react";
 import { useState as c, useEffect as w } from "react";
 import { a as A, r as E, i as _ } from "./component.utils-Dua9clQJ.js";
 import { E as D } from "./EditorCard-DdYPPSGd.js";
-import { g as N } from "./dimensionsAndMeasures.utils-z1Fh_wO2.js";
-import { i as t } from "./component.inputs.constants-Bf2Ty2En.js";
+import { g as N } from "./dimensionsAndMeasures.utils-DsVzuJ1x.js";
+import { i as t } from "./component.inputs.constants-DnFrZzR7.js";
 import { p as m } from "./preview.data.constants-Cf1TpbZu.js";
 const l = (e) => {
   const i = j();
@@ -116,4 +116,4 @@ export {
   L as i,
   Q as m
 };
-//# sourceMappingURL=definition-DEqyuC5t.js.map
+//# sourceMappingURL=definition-D59NL3vt.js.map

package/dist/{definition-DEqyuC5t.js.map → definition-D59NL3vt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-DEqyuC5t.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  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  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","currentMeasureName","m","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-D59NL3vt.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  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  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","currentMeasureName","m","options","getDimensionAndMeasureOptions","handleChange","newValues","selectedNamesSet","jsx","EditorCard","MultiSelectField","i18n","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","measureMultiSelectFieldPro"],"mappings":";;;;;;;;AAkBA,MAAMA,IAA6B,CAACC,MAA2C;AAC7E,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,IAAmB,IAAI,gBAAAC,IAAiB,CAAA,GAAI,WAAAC,GAAW,UAAAC,EAAA,IAAaP,GACtE,EAAE,OAAAQ,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBZ,CAAK,GAErE,CAACa,GAAaC,CAAc,IAAIC,EAAS,EAAE,GAC3C,CAACC,GAAeC,CAAgB,IAAIF,EAAmB,CAAA,CAAE;AAE/D,EAAAG,EAAU,MAAM;AAEd,QADIZ,KACAF,EAAiB,SAAS,EAAG;AACjC,UAAMe,IAAQd,EAAe,CAAC;AAC9B,IAAKc,KAELZ,EAAS,CAACY,CAAK,CAAC;AAAA,EAClB,GAAG,CAACb,GAAWF,EAAiB,QAAQC,GAAgBE,CAAQ,CAAC;AAEjE,QAAMa,IAAqBhB,EAAiB,IAAI,CAACiB,MAAMA,EAAE,IAAI,GAEvDC,IAAUC,EAA8B;AAAA,IAC5C,uBAAuBlB;AAAA,IACvB,aAAAQ;AAAA,IACA,OAAAZ;AAAA,EAAA,CACD,GAEKuB,IAAe,CAACC,MAAwB;AAC5C,UAAMC,IAAmB,IAAI,IAAID,CAAS;AAC1C,IAAAlB,EAASF,EAAe,OAAO,CAACgB,MAAMK,EAAiB,IAAIL,EAAE,IAAI,CAAC,CAAC;AAAA,EACrE;AAEA,SACEM,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAApB,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAiB,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAavB;AAAA,MACb,oBAAoB,CAACA,KAAaU,EAAc,WAAW;AAAA,MAC3D,cAAY;AAAA,MACZ,QAAQI;AAAA,MACR,SAAAE;AAAA,MACA,aAAAX;AAAA,MACA,kBAAkBmB,EAAK,EAAE,uBAAuB;AAAA,MAChD,UAAUN;AAAA,MACV,iBAAiBP;AAAA,MACjB,UAAUH;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;8CC7DMiB,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,mBAAA;AAAA,IACvC;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,EAAE,GAAGA,EAAO,WAAW,cAAc,GAAA;AAAA,EAAM;AAAA,EAE7C,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,kBAAkB;AAAA,MAC3B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,gBAAgB,CAACC,EAAY,SAASA,EAAY,cAAc;AAAA,EAChE,UAAU,MAAM;AAClB,CAAC,GAEKrC,IAAQ,CAACgC,OACN;AAAA,EACL,GAAGA;AAAAA,EACH,gBAAgBA,EAAO,kBAAkB,CAAA;AAAA,EACzC,kBAAkBA,EAAO,oBAAoB,CAAA;AAAC,IAI5CM,IAAS;AAAA,EACb,UAAU,CAACC,OACF;AAAA,IACL,OAAO,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAASA,IAAQN,EAAM,SAAA;AAAA,EAAS;AAG3E,GAEaO,IAA6B;AAAA,EAAA,WACxCJ;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAlC;AAAA,IACA,QAAAsC;AAAA,EAAA;AAEJ;"}

package/dist/{definition-CUA9oFdm.js → definition-DISg7Yca.js}

@@ -1,9 +1,9 @@
 import { useTheme as x, definePreview as C } from "@embeddable.com/react";
 import { j as p, M as P, V as f, l as w } from "./index-B9eYAQkT.js";
-import { g as j } from "./formatter.utils-ClBgeuH1.js";
+import { g as j } from "./formatter.utils-BZMmas2O.js";
 import { E as T } from "./EditorCard-DdYPPSGd.js";
 import { r as _, i as q } from "./component.utils-Dua9clQJ.js";
-import { i as t } from "./component.inputs.constants-Bf2Ty2En.js";
+import { i as t } from "./component.inputs.constants-DnFrZzR7.js";
 import { p as g } from "./preview.data.constants-Cf1TpbZu.js";
 const v = 200, d = (e) => {
   var m, c;
@@ -127,4 +127,4 @@ export {
   X as i,
   G as m
 };
-//# sourceMappingURL=definition-CUA9oFdm.js.map
+//# sourceMappingURL=definition-DISg7Yca.js.map

package/dist/{definition-CUA9oFdm.js.map → definition-DISg7Yca.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-CUA9oFdm.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx","../src/components/editors/MultiSelectFieldPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\nexport type MultiSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues?: string[];\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n} & EditorCardHeaderProps;\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const { tooltip, title, description, placeholder } = resolveI18nProps(props);\n  const { dimension, optionalSecondDimension, results, selectedValues, setSearchValue, onChange } =\n    props;\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData, LoadDataRequest, DataResponse } from '@embeddable.com/core';\nimport Component, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns - values',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select values...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValues',\n      array: true,\n      label: 'Selected values',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected values updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected values',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nconst preview = definePreview(Component, {\n  dimension: previewData.dimension,\n  results: previewData.results1Measure1Dimension,\n  onChange: () => null,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  state?: MultiSelectDropdownState,\n): LoadDataRequest => {\n  const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n  return {\n    limit: inputs.maxOptions,\n    from: inputs.dataset,\n    select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n    filters: state?.searchValue\n      ? [{ operator, property: inputs.dimension, value: state.searchValue }]\n      : undefined,\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  state?: MultiSelectDropdownState,\n): DataResponse => loadData(loadDataResultsArgs(inputs, state));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n) => ({\n  ...inputs,\n  setSearchValue: (searchValue: string) => setState({ searchValue }),\n  results: loadDataResults(inputs, state),\n});\n\nconst events = {\n  onChange: (selectedValues: string[]) => {\n    return {\n      value: selectedValues.length ? selectedValues : Value.noFilter(),\n    };\n  },\n};\n\nexport const multiSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","tooltip","title","description","placeholder","resolveI18nProps","dimension","optionalSecondDimension","results","selectedValues","setSearchValue","onChange","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues","meta","inputs","Value","preview","definePreview","Component","previewData","loadDataResultsArgs","state","operator","loadDataResults","loadData","setState","searchValue","events","multiSelectFieldPro"],"mappings":"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"}
+{"version":3,"file":"definition-DISg7Yca.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx","../src/components/editors/MultiSelectFieldPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\nexport type MultiSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues?: string[];\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n} & EditorCardHeaderProps;\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const { tooltip, title, description, placeholder } = resolveI18nProps(props);\n  const { dimension, optionalSecondDimension, results, selectedValues, setSearchValue, onChange } =\n    props;\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData, LoadDataRequest, DataResponse } from '@embeddable.com/core';\nimport Component, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns - values',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select values...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValues',\n      array: true,\n      label: 'Selected values',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected values updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected values',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nconst preview = definePreview(Component, {\n  dimension: previewData.dimension,\n  results: previewData.results1Measure1Dimension,\n  onChange: () => null,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  state?: MultiSelectDropdownState,\n): LoadDataRequest => {\n  const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n  return {\n    limit: inputs.maxOptions,\n    from: inputs.dataset,\n    select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n    filters: state?.searchValue\n      ? [{ operator, property: inputs.dimension, value: state.searchValue }]\n      : undefined,\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  state?: MultiSelectDropdownState,\n): DataResponse => loadData(loadDataResultsArgs(inputs, state));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n) => ({\n  ...inputs,\n  setSearchValue: (searchValue: string) => setState({ searchValue }),\n  results: loadDataResults(inputs, state),\n});\n\nconst events = {\n  onChange: (selectedValues: string[]) => {\n    return {\n      value: selectedValues.length ? selectedValues : Value.noFilter(),\n    };\n  },\n};\n\nexport const multiSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","tooltip","title","description","placeholder","resolveI18nProps","dimension","optionalSecondDimension","results","selectedValues","setSearchValue","onChange","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues","meta","inputs","Value","preview","definePreview","Component","previewData","loadDataResultsArgs","state","operator","loadDataResults","loadData","setState","searchValue","events","multiSelectFieldPro"],"mappings":"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"}

package/dist/definition-DIkjRBmH.js

@@ -0,0 +1,260 @@
+import { y as M, T as Q, U as Y, j as L, W as Z, X as $, V as ee, l as v } from "./index-B9eYAQkT.js";
+import { useTheme as ae, definePreview as oe } from "@embeddable.com/react";
+import { a as te, r as se, i as ne } from "./component.utils-Dua9clQJ.js";
+import { C as ie } from "./ChartCard-Cv9hqNdM.js";
+import { useState as le, useRef as re, useCallback as de, useEffect as I } from "react";
+import { g as ce, a as me } from "./tables.utils-CigVmDOc.js";
+import { i as t, s as S, g as ge } from "./component.inputs.constants-DnFrZzR7.js";
+import { p as f } from "./preview.data.constants-Cf1TpbZu.js";
+const ue = M("--em-tablechart-cell-height", "2.5rem"), De = M("--em-tablechart-cell-height", "2.5rem"), fe = M("--em-tablechart-pagination-height", "3rem");
+let j;
+const P = (e) => {
+  const a = ae();
+  te(a);
+  const [n, o] = le(!1), { title: i, description: h, tooltip: w } = se(e), {
+    hideMenu: b,
+    totalResults: l,
+    results: s,
+    allResults: c,
+    dimensionsAndMeasures: r,
+    displayNullAs: U,
+    showIndex: q,
+    clickDimension: C,
+    state: g,
+    setState: p,
+    onRowClicked: T
+  } = e, B = ce({ dimensionsAndMeasures: r, displayNullAs: U }, a), k = (s == null ? void 0 : s.data) || [], F = me({ rows: k, clickDimension: C }), R = re(null), { height: W } = Q(R), u = Y({
+    availableHeight: W,
+    headerHeight: ue,
+    rowHeight: De,
+    footerHeight: fe
+  }), m = de(
+    (d) => {
+      p == null || p((D) => ({
+        ...D,
+        ...d
+      }));
+    },
+    [p]
+  ), X = (d) => {
+    o(!0), m({ isLoadingDownloadData: !0 }), j = (D) => d({
+      title: i,
+      data: D,
+      dimensionsAndMeasures: r,
+      containerRef: R,
+      theme: a
+    });
+  }, J = (d) => {
+    var y;
+    if (!T || !C) return;
+    const D = (y = k[d]) == null ? void 0 : y[C.name];
+    T(D);
+  };
+  I(() => {
+    u && m({ pageSize: u });
+  }, [u, m]), I(() => {
+    if (n) {
+      if (!c || c.isLoading)
+        return;
+      j(c.data), o(!1), m({ isLoadingDownloadData: !1 });
+    }
+  }, [n, c, m]);
+  const K = (d) => {
+    m({ sort: d });
+  }, x = (g == null ? void 0 : g.page) ?? 0;
+  return /* @__PURE__ */ L.jsx(
+    ie,
+    {
+      ref: R,
+      title: i,
+      description: h,
+      tooltip: w,
+      data: s,
+      dimensionsAndMeasures: r,
+      errorMessage: s == null ? void 0 : s.error,
+      onCustomDownload: X,
+      hideMenu: b,
+      children: /* @__PURE__ */ L.jsx(
+        Z,
+        {
+          onRowIndexClick: J,
+          headers: B,
+          rows: F,
+          showIndex: q,
+          page: x,
+          pageSize: u,
+          paginationLabel: ne.t("charts.tablePaginated.pagination", {
+            page: x + 1,
+            totalPages: $(l == null ? void 0 : l.total, u) ?? "?"
+          }),
+          total: l == null ? void 0 : l.total,
+          sort: g == null ? void 0 : g.sort,
+          onSortChange: K,
+          onPageChange: (d) => m({ page: d })
+        }
+      )
+    }
+  );
+}, xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: P
+}, Symbol.toStringTag, { value: "Module" })), he = {
+  name: "TableChartPaginated",
+  label: "Table Chart - Paginated",
+  category: "Table Charts",
+  inputs: [
+    { ...t.dataset, config: { hideSort: !0 } },
+    {
+      ...t.dimensionsAndMeasures,
+      label: "Columns",
+      inputs: [
+        ...t.dimensionsAndMeasures.inputs,
+        S.width,
+        S.align,
+        S.tableCellStyle
+      ]
+    },
+    t.title,
+    t.description,
+    t.tooltip,
+    {
+      ...t.boolean,
+      name: "showIndex",
+      label: "Show index column",
+      defaultValue: !0,
+      category: "Component Settings"
+    },
+    t.displayNullAs,
+    { ...t.maxResults, label: "Max results to download" },
+    {
+      ...t.dimensionSimple,
+      label: "Dimension to set on click",
+      name: "clickDimension",
+      category: "Data Mapping for Interactions",
+      required: !1
+    },
+    {
+      ...t.sortDimensionOrMeasure,
+      name: "sortColumn",
+      label: "Default sort column",
+      category: "Component Settings"
+    },
+    { ...t.sortDirection, label: "Default sort direction", category: "Component Settings" }
+  ],
+  events: [
+    {
+      name: "onRowClicked",
+      label: "A row is clicked",
+      properties: [
+        {
+          name: "rowDimensionValue",
+          label: "Clicked row dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, A = 3;
+var z;
+const V = {
+  dimensionsAndMeasures: [f.dimension, f.dimensionGroup, f.measure],
+  results: {
+    ...f.results1Measure2Dimensions,
+    data: (z = f.results1Measure2Dimensions.data) == null ? void 0 : z.slice(0, A)
+  },
+  totalResults: { data: [], total: A, isLoading: !1 },
+  state: {
+    page: 0,
+    pageSize: A,
+    isLoadingDownloadData: !1,
+    hideMenu: !0
+  },
+  hideMenu: !0
+}, be = oe(P, V), pe = (e) => ({
+  page: 0,
+  pageSize: void 0,
+  sort: e != null && e.sortColumn ? {
+    id: e.sortColumn.name,
+    direction: ge(e.sortDirection) ?? "asc"
+  } : void 0,
+  isLoadingDownloadData: !1
+}), H = (e, a, n, o, i) => ({
+  from: e.dataset,
+  select: i,
+  offset: a * n,
+  limit: n,
+  orderBy: o
+}), O = (e, a, n, o, i) => v(H(e, a, n, o, i)), _ = (e, a) => ({
+  from: e.dataset,
+  select: a,
+  offset: 0,
+  limit: 0,
+  countRows: !0
+}), E = (e, a) => v(_(e, a)), N = (e, a) => ({
+  from: e.dataset,
+  select: e.dimensionsAndMeasures,
+  orderBy: a,
+  limit: e.maxResults
+}), G = (e, a) => v(N(e, a)), we = {
+  onRowClicked: (e) => ({
+    rowDimensionValue: e === void 0 ? ee.noFilter() : e
+  })
+}, Ce = (e, [a, n]) => {
+  var l, s;
+  const o = {
+    ...pe(e),
+    ...a
+  }, i = e.dimensionsAndMeasures.find((c) => {
+    var r;
+    return c.name === ((r = o.sort) == null ? void 0 : r.id);
+  }) ?? (((l = e.sortColumn) == null ? void 0 : l.name) === ((s = o.sort) == null ? void 0 : s.id) ? e.sortColumn : void 0), h = i && o.sort ? [{ property: i, direction: o.sort.direction }] : [], w = e.dimensionsAndMeasures.some(
+    (c) => {
+      var r;
+      return c.name === ((r = e.clickDimension) == null ? void 0 : r.name);
+    }
+  ), b = [
+    ...e.dimensionsAndMeasures,
+    ...e.clickDimension && !w ? [e.clickDimension] : []
+  ];
+  return {
+    ...e,
+    state: o,
+    setState: n,
+    results: o.pageSize ? O(
+      e,
+      o.page,
+      o.pageSize,
+      h,
+      b
+    ) : void 0,
+    totalResults: E(e, b),
+    allResults: o.isLoadingDownloadData ? G(e, h) : void 0
+  };
+}, ye = {
+  Component: P,
+  meta: he,
+  preview: be,
+  previewConfig: V,
+  config: {
+    props: Ce,
+    events: we
+  },
+  results: {
+    loadDataArgs: H,
+    loadData: O
+  },
+  totalResults: {
+    loadDataArgs: _,
+    loadData: E
+  },
+  allResults: {
+    loadDataArgs: N,
+    loadData: G
+  }
+};
+export {
+  pe as d,
+  xe as i,
+  ye as t
+};
+//# sourceMappingURL=definition-DIkjRBmH.js.map

package/dist/definition-DIkjRBmH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DIkjRBmH.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useResizeObserver,\n  TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  results: DataResponse;\n  showIndex?: boolean;\n  state?: TableChartPaginatedProState;\n\n  totalResults?: DataResponse;\n  onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState?.((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!onRowClicked || !clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  const handleSortChange = (newSort: TableSort<any> | undefined) => {\n    handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n  };\n\n  const currentPage = state?.page ?? 0;\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n      hideMenu={hideMenu}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={currentPage}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: currentPage + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={state?.sort}\n        onSortChange={handleSortChange}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n","import {\n  DataResponse,\n  LoadDataRequest,\n  OrderBy,\n  OrderDirection,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getSortDirectionValue } from '../../../types/SortDirection.type.emb';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    { ...inputs.dataset, config: { hideSort: true } },\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n    {\n      ...inputs.sortDimensionOrMeasure,\n      name: 'sortColumn',\n      label: 'Default sort column',\n      category: 'Component Settings',\n    },\n    { ...inputs.sortDirection, label: 'Default sort direction', category: 'Component Settings' },\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState = (\n  inputs?: Inputs<typeof meta>,\n): TableChartPaginatedProState => ({\n  page: 0,\n  pageSize: undefined,\n  sort: inputs?.sortColumn\n    ? {\n        id: inputs.sortColumn.name,\n        direction: getSortDirectionValue(inputs.sortDirection as OrderDirection) ?? 'asc',\n      }\n    : undefined,\n  isLoadingDownloadData: false,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: page * pageSize,\n  limit: pageSize,\n  orderBy,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: 0,\n  limit: 0,\n  countRows: true,\n});\n\nconst loadDataTotalResults = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  orderBy: OrderBy[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: inputs.dimensionsAndMeasures,\n  orderBy,\n  limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n  loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: rowDimensionValue === undefined ? Value.noFilter() : rowDimensionValue,\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const mergedState: TableChartPaginatedProState = {\n    ...defaultTableChartPaginatedState(inputs),\n    ...state,\n  };\n\n  const sortColumn =\n    inputs.dimensionsAndMeasures.find((x) => x.name === mergedState.sort?.id) ??\n    (inputs.sortColumn?.name === mergedState.sort?.id ? inputs.sortColumn : undefined);\n  const orderBy: OrderBy[] =\n    sortColumn && mergedState.sort\n      ? [{ property: sortColumn, direction: mergedState.sort.direction }]\n      : [];\n\n  const hasClickDimension = inputs.dimensionsAndMeasures.some(\n    (col) => col.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(inputs.clickDimension && !hasClickDimension ? [inputs.clickDimension] : []),\n  ];\n\n  return {\n    ...inputs,\n    state: mergedState,\n    setState,\n    results: mergedState.pageSize\n      ? loadDataResults(\n          inputs,\n          mergedState.page,\n          mergedState.pageSize,\n          orderBy,\n          dimensionsAndMeasuresToLoad,\n        )\n      : undefined,\n    totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n    allResults: mergedState.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n  };\n};\n\nexport const tableChartPaginated = {\n  Component: TablePaginatedChart,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  totalResults: {\n    loadDataArgs: loadDataTotalResultsArgs,\n    loadData: loadDataTotalResults,\n  },\n  allResults: {\n    loadDataArgs: loadDataAllResultsArgs,\n    loadData: loadDataAllResults,\n  },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","title","description","tooltip","resolveI18nProps","hideMenu","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","getSortDirectionValue","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","Value","mergedState","sortColumn","x","_b","hasClickDimension","col","tableChartPaginated"],"mappings":"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"}