@embeddable.com/remarkable-pro 0.3.5 → 0.3.7

package/dist/definition-CRNAhkO1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CRNAhkO1.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/components/charts/lines/LineChartComparisonDefaultPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport {\n  ChartClickArgs,\n  getChartColors,\n  getChartjsAxisOptionsScalesTicksDefault,\n  getChartjsAxisOptionsScalesTitle,\n  getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getDimensionWithoutTruncation } from '../../charts.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { LineChartProOptionsClick } from '../lines.types';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n  const chartColors = getChartColors();\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getDimensionMeasureColor({\n        dimensionOrMeasure: measure,\n        theme,\n        color: 'background',\n        value: measure.name,\n        chartColors,\n        index,\n      });\n\n  const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    rawLabel,\n    label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n    data: processedData,\n    backgroundColor: setColorAlpha(lineColor, 0.5),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n          getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [\n        { xAxisID: AXIS_ID_MAIN, data: [] },\n        { xAxisID: AXIS_ID_COMPARISON, data: [] },\n      ],\n    };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : dataComparison\n      ? Array.from(\n          new Set([\n            ...data.map((item) => item[dimension.name]),\n            ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n          ]),\n        )\n      : undefined;\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: labels ?? data.map((item) => item[dimension.name]),\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis?: boolean;\n  showDataComparison?: boolean;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(\n              { ...dimension, inputs: { ...dimension.inputs, maxCharacters: null } }, // tooltips titles do not truncate labels\n              context[0].label,\n            );\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\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        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const contextItem = context[0];\n\n            if (!showDataComparison && contextItem) {\n              return themeFormatter.data(\n                getDimensionWithoutTruncation(dimension),\n                contextItem.label,\n              );\n            }\n\n            const dataIndex = contextItem?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(\n                getDimensionWithoutTruncation(dimension),\n                mainDimensionLabels[dataIndex],\n              );\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(\n                getDimensionWithoutTruncation(dimension),\n                comparisonDimensionLabels[dataIndex],\n              );\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n\n            const comparisonLabel = comparisonDimensionLabels[Number(index)];\n            return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const createComparisonClickHandler = ({\n  data,\n  measures,\n  dimension,\n  granularity,\n  onClicked,\n}: {\n  data: ChartData<'line'>;\n  measures: Measure[];\n  dimension: Dimension;\n  granularity?: Granularity;\n  onClicked?: LineChartProOptionsClick;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n\n    const isComparisonPeriod = element.datasetIndex >= measures.length;\n\n    let dimensionValue: string | undefined;\n    if (isComparisonPeriod && dimension.nativeType === 'time') {\n      const dataset = data.datasets[element.datasetIndex] as { labels?: string[] };\n      dimensionValue = dataset.labels?.[element.index];\n    } else {\n      dimensionValue = data?.labels?.[element.index] as string | undefined;\n    }\n\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    });\n\n    const rawMeasureValue = data.datasets[element.datasetIndex]?.data?.[element.index];\n    const numericValue = rawMeasureValue === null ? Number.NaN : Number(rawMeasureValue);\n    const measureValue = Number.isFinite(numericValue) ? numericValue : undefined;\n\n    onClicked?.({ dimensionValue, dimensionTimeRange, measureValue });\n  };\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension } = options;\n\n  const getOptions =\n    dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n\n  return mergician(\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  createComparisonClickHandler,\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type LineChartComparisonDefaultProProps = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\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  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis?: boolean;\n  primaryDateRange: TimeRange;\n  granularity?: Granularity;\n  setGranularity?: (granularity: Granularity) => void;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\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    comparisonPeriod,\n    measures,\n    xAxis,\n    granularity,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setGranularity,\n    setComparisonDateRange,\n    onLineClicked,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange?.(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n    },\n    theme,\n  );\n\n  const handleClick = createComparisonClickHandler({\n    data,\n    measures,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\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        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  OrderBy,\n  TimeRange,\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.types';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  description:\n    'Line chart overlaying the current period and a comparison period. Pairs with a comparisonPeriod variable and a timeRange variable.',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'previousLineColor',\n          label: 'Previous line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.dimensionTime,\n      name: 'timePropertyForNonTimeDimensions',\n      label: 'Time property for non time dimensions',\n      description:\n        'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n      required: false,\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    {\n      ...inputs.boolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\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: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'measureValue',\n          label: 'Clicked measure value',\n          type: 'number',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonDefaultProMeasuresInput = Extract<\n  (typeof meta.inputs)[number],\n  { name: 'measures' }\n>;\n\nexport type LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [\n    {\n      ...previewData.measure,\n      inputs: {\n        previousLineDashed: true,\n      },\n    },\n  ],\n  results: previewData.results1Measure2Dimensions,\n  resultsComparison: previewData.results1Measure2DimensionsVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\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  const resolvedXAxis = xAxis ?? inputs.xAxis;\n  const orderBy: OrderBy[] = [{ property: resolvedXAxis, direction: 'asc' }];\n  const timeProperty =\n    resolvedXAxis.nativeType === 'time' ? resolvedXAxis : inputs.timePropertyForNonTimeDimensions;\n\n  return {\n    limit: inputs.maxResults,\n    from: inputs.dataset,\n    select: [...inputs.measures, resolvedXAxis],\n    orderBy,\n    filters:\n      inputs.primaryDateRange && timeProperty\n        ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n        : undefined,\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  comparisonDateRange: TimeRange,\n  clientContext: ThemeClientContext,\n): LoadDataRequest => {\n  const orderBy: OrderBy[] = [{ property: xAxis, direction: 'asc' }];\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n  return {\n    limit: inputs.maxResults,\n    from: inputs.dataset,\n    select: [...inputs.measures, xAxis],\n    orderBy,\n    filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  state: LineChartComparisonDefaultProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n  if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => {\n    return {\n      axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n      measureValue: value.measureValue,\n    };\n  },\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    LineChartComparisonDefaultProState,\n    (state: LineChartComparisonDefaultProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    comparisonDateRange: state?.comparisonDateRange,\n    setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n      setState({ ...state, comparisonDateRange }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n    resultsComparison: loadDataResultsComparison(\n      inputs,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n  };\n};\n\nexport const lineChartComparisonDefaultPro = {\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  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","isLineDashed","_b","chartColors","getChartColors","lineColorTemp","_c","lineColor","isColorValid","getDimensionMeasureColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","getDimensionWithoutTruncation","dataIndex","main","comparison","comparisonLabel","createComparisonClickHandler","granularity","onClicked","elementAtEvent","element","isComparisonPeriod","dimensionValue","dimensionTimeRange","getTimeRangeFromDimensionValue","rawMeasureValue","numericValue","measureValue","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","tooltip","yAxisLabel","resolveI18nProps","hideMenu","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setGranularity","setComparisonDateRange","onLineClicked","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","handleClick","resultsCombined","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","resolvedXAxis","orderBy","timeProperty","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","events","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartComparisonDefaultPro"],"mappings":"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"}

package/dist/definition-CRNmzeNB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CRNmzeNB.js","sources":["../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/LineChartComparisonWithKpiTabsPro.utils.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/index.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/definition.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { ChartTabsProps, KpiTrend } from '@embeddable.com/remarkable-ui';\nimport { GetThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype ComparisonKpiTabsParams = {\n  measures: Measure[];\n  resultsKpis: DataResponse | undefined;\n  resultsKpisComparison: DataResponse | undefined;\n  showDataComparison: boolean;\n  themeFormatter: GetThemeFormatter;\n};\n\nexport const getComparisonKpiTabsItems = ({\n  measures,\n  resultsKpis,\n  resultsKpisComparison,\n  showDataComparison,\n  themeFormatter,\n}: ComparisonKpiTabsParams): ChartTabsProps['items'] =>\n  measures.map((measure) => {\n    const kpiValue = resultsKpis?.data?.[0]?.[measure.name];\n    const kpiComparisonValue = resultsKpisComparison?.data?.[0]?.[measure.name];\n    const displayChangeAsPercentage = measure.inputs?.['displayChangeAsPercentage'] as\n      | boolean\n      | undefined;\n    const percentageDecimalPlaces = measure.inputs?.['percentageDecimalPlaces'] as\n      | number\n      | undefined;\n    return {\n      id: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      value: kpiValue == null ? '-' : themeFormatter.data(measure, kpiValue),\n      slot: getKpiTrendSlot({\n        measure,\n        kpiValue,\n        kpiComparisonValue,\n        showDataComparison,\n        displayChangeAsPercentage,\n        percentageDecimalPlaces,\n        themeFormatter,\n      }),\n    };\n  });\n\nconst getKpiTrendSlot = ({\n  measure,\n  kpiValue,\n  kpiComparisonValue,\n  showDataComparison,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  themeFormatter,\n}: {\n  measure: Measure;\n  kpiValue: unknown;\n  kpiComparisonValue: unknown;\n  showDataComparison: boolean;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  themeFormatter: GetThemeFormatter;\n}): ReactNode => {\n  if (!showDataComparison || kpiValue == null || kpiComparisonValue == null) return undefined;\n\n  const diff = (kpiValue as number) - (kpiComparisonValue as number);\n  const isPositive = diff > 0;\n  const reverseTrend = measure.inputs?.['invertChangeColors'] ? isPositive : !isPositive;\n  const trendText = getTrendText({\n    diff,\n    kpiComparisonValue: kpiComparisonValue as number,\n    displayChangeAsPercentage,\n    percentageDecimalPlaces,\n    measure,\n    themeFormatter,\n  });\n\n  return <KpiTrend value={trendText} reverseTrend={reverseTrend} />;\n};\n\nconst getTrendText = ({\n  diff,\n  kpiComparisonValue,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  measure,\n  themeFormatter,\n}: {\n  diff: number;\n  kpiComparisonValue: number;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  measure: Measure;\n  themeFormatter: GetThemeFormatter;\n}): string => {\n  const isPositive = diff > 0;\n  const sign = isPositive ? '+' : '';\n  if (displayChangeAsPercentage && kpiComparisonValue !== 0) {\n    const pct = (diff / kpiComparisonValue) * 100;\n    return `${sign}${pct.toFixed(percentageDecimalPlaces ?? 1)}%`;\n  }\n  return `${sign}${themeFormatter.data(measure, diff)}`;\n};\n","import { useEffect, useState } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartTabs, LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { getComparisonKpiTabsItems } from './LineChartComparisonWithKpiTabsPro.utils';\nimport {\n  createComparisonClickHandler,\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from '../LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils';\nimport { LineChartComparisonDefaultProProps } from '../LineChartComparisonDefaultPro';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\n\nexport type LineChartComparisonWithKpiTabsProProps = LineChartComparisonDefaultProProps & {\n  resultsKpis: DataResponse;\n  resultsKpisComparison?: DataResponse;\n};\n\nconst LineChartComparisonWithKpiTabsPro = (props: LineChartComparisonWithKpiTabsProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    comparisonPeriod,\n    comparisonDateRange,\n    showComparisonAxis,\n    primaryDateRange,\n    setGranularity,\n    setComparisonDateRange,\n    onLineClicked,\n    resultsKpis,\n    resultsKpisComparison,\n  } = props;\n\n  const [activeMeasureName, setActiveMeasureName] = useState(measures[0]?.name ?? '');\n  const activeMeasure = measures.find((m) => m.name === activeMeasureName);\n\n  useEffect(() => {\n    if (measures.length === 0) return;\n    if (measures.some((m) => m.name === activeMeasureName)) return;\n    setActiveMeasureName(measures[0]!.name);\n  }, [measures, activeMeasureName]);\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange?.(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n    },\n    theme,\n  );\n\n  const handleClick = createComparisonClickHandler({\n    data,\n    measures: activeMeasure ? [activeMeasure] : [],\n    dimension: xAxis,\n    onClicked: onLineClicked,\n  });\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const chartTabsItems = getComparisonKpiTabsItems({\n    measures,\n    resultsKpis,\n    resultsKpisComparison,\n    showDataComparison,\n    themeFormatter,\n  });\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartTabs items={chartTabsItems} value={activeMeasureName} onChange={setActiveMeasureName} />\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport { LineChartComparisonWithKpiTabsPro };\nexport default LineChartComparisonWithKpiTabsPro;\n","import {\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  TimeRange,\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.types';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport {\n  lineChartComparisonDefaultPro,\n  LineChartComparisonDefaultProMeasuresInput,\n  LineChartComparisonDefaultProState,\n} from '../LineChartComparisonDefaultPro/definition';\n\nconst meta = {\n  ...lineChartComparisonDefaultPro.meta,\n  name: 'LineChartComparisonWithKpiTabsPro',\n  label: 'Line Chart Comparison - With KPI Tabs',\n  description:\n    'Line chart with comparison overlay and KPI tabs. Takes one or more measures, a time dimension, a timeRange variable, and a comparison period.',\n  defaultHeight: 526,\n  defaultWidth: 1280,\n  inputs: [\n    ...lineChartComparisonDefaultPro.meta.inputs.map((input) => {\n      if (input.name === 'measures') {\n        const measuresInput = input as LineChartComparisonDefaultProMeasuresInput;\n        return {\n          ...measuresInput,\n          inputs: [\n            ...measuresInput.inputs,\n            {\n              ...subInputs.boolean,\n              name: 'invertChangeColors',\n              label: 'Reverse positive/negative colors',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.boolean,\n              name: 'displayChangeAsPercentage',\n              label: 'Display change as %',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.number,\n              name: 'percentageDecimalPlaces',\n              label: 'Percentage decimal places',\n              defaultValue: 1,\n            },\n          ],\n        };\n      }\n      return input;\n    }),\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonWithKpiTabsProState = LineChartComparisonDefaultProState;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure, previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  resultsComparison: previewData.results2Measures1Dimension,\n  resultsKpis: previewData.results2Measures,\n  resultsKpisComparison: previewData.results2MeasuresVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResults = lineChartComparisonDefaultPro.results.loadData;\nconst loadDataResultsComparison = lineChartComparisonDefaultPro.resultsComparison.loadData;\n\nconst loadDataResultsKpisArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters:\n      inputs.primaryDateRange && timeProperty\n        ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n        : undefined,\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpis = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n) => loadData(loadDataResultsKpisArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsKpisComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  comparisonDateRange: TimeRange,\n  clientContext: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpisComparison = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  state: LineChartComparisonWithKpiTabsProState,\n  clientContext: ThemeClientContext,\n) => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsKpisComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    LineChartComparisonWithKpiTabsProState,\n    (state: LineChartComparisonWithKpiTabsProState) => void,\n  ],\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({ ...state, granularity }),\n    comparisonDateRange: state?.comparisonDateRange,\n    setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n      setState({ ...state, comparisonDateRange }),\n    results: loadDataResults(inputs as never, xAxisWithGranularity, clientContext),\n    resultsComparison: loadDataResultsComparison(\n      inputs as never,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n    resultsKpis: loadDataResultsKpis(inputs, xAxisWithGranularity, clientContext),\n    resultsKpisComparison: loadDataResultsKpisComparison(\n      inputs,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n  };\n};\n\nexport const lineChartComparisonWithKpiTabsPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: { props, events },\n  results: lineChartComparisonDefaultPro.results,\n  resultsComparison: lineChartComparisonDefaultPro.resultsComparison,\n  resultsKpis: {\n    loadDataArgs: loadDataResultsKpisArgs,\n    loadData: loadDataResultsKpis,\n  },\n  resultsKpisComparison: {\n    loadDataArgs: loadDataResultsKpisComparisonArgs,\n    loadData: loadDataResultsKpisComparison,\n  },\n} as const;\n"],"names":["getComparisonKpiTabsItems","measures","resultsKpis","resultsKpisComparison","showDataComparison","themeFormatter","measure","kpiValue","_b","_a","kpiComparisonValue","_d","_c","displayChangeAsPercentage","_e","percentageDecimalPlaces","_f","getKpiTrendSlot","diff","isPositive","reverseTrend","trendText","getTrendText","jsx","KpiTrend","sign","pct","LineChartComparisonWithKpiTabsPro","props","theme","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","comparisonPeriod","comparisonDateRange","showComparisonAxis","primaryDateRange","setGranularity","setComparisonDateRange","onLineClicked","activeMeasureName","setActiveMeasureName","useState","activeMeasure","m","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","data","getLineChartComparisonProData","options","getLineChartComparisonProOptions","handleClick","createComparisonClickHandler","resultsCombined","granularitySelectorHasMarginTop","getThemeFormatter","chartTabsItems","jsxs","ChartCard","ChartTabs","ChartGranularitySelectField","LineChart","meta","lineChartComparisonDefaultPro","input","measuresInput","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResults","loadDataResultsComparison","loadDataResultsKpisArgs","inputs","clientContext","timeProperty","getClientContextTimezone","loadDataResultsKpis","loadData","loadDataResultsKpisComparisonArgs","loadDataResultsKpisComparison","state","events","value","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartComparisonWithKpiTabsPro"],"mappings":"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"}

package/dist/definition-CbuWm1Cr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CbuWm1Cr.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberComparisonProProp = {\n  changeFontSize?: number;\n  comparisonPeriod?: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize?: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  percentageDecimalPlaces?: number;\n  comparisonDateRange: TimeRange;\n  displayNullAs?: string;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    if (!setComparisonDateRange) return;\n\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  const resultsWithNullsHandled = getKpiResults(resultsCombined, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { DataResponse, loadData, LoadDataRequest, TimeRange } 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: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  description:\n    'KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\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.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters:\n    inputs.primaryDateRange && inputs.timeProperty\n      ? [\n          {\n            property: inputs.timeProperty,\n            operator: 'inDateRange',\n            value: inputs.primaryDateRange,\n          },\n        ]\n      : undefined,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  comparisonDateRange: TimeRange,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.timeProperty,\n      operator: 'inDateRange',\n      value: comparisonDateRange,\n    },\n  ],\n});\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  state: KpiChartNumberComparisonProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  if (inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    KpiChartNumberComparisonProState,\n    (state: KpiChartNumberComparisonProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n  comparisonDateRange: state?.comparisonDateRange,\n  setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n  results: loadDataResults(inputs, clientContext),\n  resultsComparison: loadDataResultsComparison(inputs, state, clientContext),\n});\n\nexport const kpiChartNumberComparisonPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","hideMenu","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","setState","kpiChartNumberComparisonPro"],"mappings":"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"}

package/dist/definition-CgHnmzj0.js

@@ -1,82 +0,0 @@
-import { j as m, K as j, l as w } from "./index-BDd5cXFC.js";
-import { useTheme as x, definePreview as D } from "@embeddable.com/react";
-import { i as M, r as y } from "./component.utils-oQMZT7TK.js";
-import { C as z } from "./ChartCard-Zy5lPApV.js";
-import { g as A } from "./formatter.utils-DE-_ADag.js";
-import { g as F } from "./kpis.utils-DsZ2GzuB.js";
-import { i as t } from "./component.inputs.constants-DoBT8ykS.js";
-import { p as u } from "./preview.data.constants-B3oyUsaQ.js";
-const o = (e) => {
-  var n, l;
-  const a = x();
-  M(a);
-  const { title: f, description: h, tooltip: g, displayNullAs: i } = y(e), { measure: r, fontSize: C, hideMenu: b, results: s } = e, v = (l = (n = s.data) == null ? void 0 : n[0]) == null ? void 0 : l[r.name], K = A(a), S = (P) => K.data(r, P), N = F(s, r, !!i);
-  return /* @__PURE__ */ m.jsx(
-    z,
-    {
-      data: N,
-      dimensionsAndMeasures: [r],
-      errorMessage: s.error,
-      description: h,
-      title: f,
-      tooltip: g,
-      hideMenu: b,
-      children: /* @__PURE__ */ m.jsx(
-        j,
-        {
-          displayNullAs: i,
-          value: v,
-          valueFormatter: S,
-          valueFontSize: C
-        }
-      )
-    }
-  );
-}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: o
-}, Symbol.toStringTag, { value: "Module" })), R = {
-  name: "KpiChartNumberPro",
-  label: "Kpi Chart - Number",
-  description: "Single big-number KPI showing one measure. Use for headline metrics without comparison.",
-  category: "Kpi Charts",
-  defaultHeight: 442,
-  defaultWidth: 630,
-  inputs: [
-    t.dataset,
-    t.measure,
-    t.title,
-    t.description,
-    t.displayNullAs,
-    t.tooltip,
-    t.fontSize
-  ]
-}, p = {
-  measure: { ...u.measure },
-  results: u.results1Measure,
-  fontSize: 100,
-  hideMenu: !0
-}, _ = D(o, p), d = (e) => ({
-  from: e.dataset,
-  select: [e.measure]
-}), c = (e) => w(d(e)), T = (e) => ({
-  ...e,
-  results: c(e)
-}), G = {
-  Component: o,
-  meta: R,
-  preview: _,
-  previewConfig: p,
-  config: {
-    props: T
-  },
-  results: {
-    loadDataArgs: d,
-    loadData: c
-  }
-};
-export {
-  q as i,
-  G as k
-};
-//# sourceMappingURL=definition-CgHnmzj0.js.map

package/dist/definition-CgHnmzj0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CgHnmzj0.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx","../src/components/charts/kpis/KpiChartNumberPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberProProp = {\n  results: DataResponse;\n  measure: Measure;\n  fontSize?: number;\n  displayNullAs?: string;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const { measure, fontSize, hideMenu, results } = props;\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  const resultsWithNullsHandled = getKpiResults(results, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\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';\n\nconst meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  description:\n    'Single big-number KPI showing one measure. Use for headline metrics without comparison.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    inputs.tooltip,\n    inputs.fontSize,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const kpiChartNumberPro = {\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":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","measure","fontSize","hideMenu","results","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","kpiChartNumberPro"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,EAAiBR,CAAK,GACvE,EAAE,SAAAS,GAAS,UAAAC,GAAU,UAAAC,GAAU,SAAAC,MAAYZ,GAE3Ca,KAAQC,KAAAC,IAAAH,EAAQ,SAAR,gBAAAG,EAAe,OAAf,gBAAAD,EAAoBL,EAAQ,OAEpCO,IAAiBC,EAAkBhB,CAAK,GACxCiB,IAAiB,CAACC,MAA0BH,EAAe,KAAKP,GAASU,CAAa,GAEtFC,IAA0BC,EAAcT,GAASH,GAAS,EAAQF,CAAc;AAEtF,SACEe,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAACX,CAAO;AAAA,MAC/B,cAAcG,EAAQ;AAAA,MACtB,aAAAP;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAK;AAAA,MAEA,UAAAW,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAAjB;AAAA,UACA,OAAAM;AAAA,UACA,gBAAAK;AAAA,UACA,eAAeR;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;;8CC3CMe,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAEX,GAEMC,IAAgB;AAAA,EACpB,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAACN,OAAkD;AAAA,EAC7E,MAAMA,EAAO;AAAA,EACb,QAAQ,CAACA,EAAO,OAAO;AACzB,IAEMO,IAAkB,CAACP,MACvBQ,EAASF,EAAoBN,CAAM,CAAC,GAEhC1B,IAAQ,CAAC0B,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,SAASO,EAAgBP,CAAM;AACjC,IAEaS,IAAoB;AAAA,EAAA,WAC/BJ;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA3B;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcgC;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}

package/dist/definition-CoQqvrmk.js

@@ -1,131 +0,0 @@
-import { m as L, j as m, G as R, V as d, l as T } from "./index-BDd5cXFC.js";
-import { useTheme as j, definePreview as y } from "@embeddable.com/react";
-import { g as M, a as S, c as A } from "./pies.utils-Drvky2f7.js";
-import { i as I, r as _ } from "./component.utils-oQMZT7TK.js";
-import { C as O } from "./ChartCard-Zy5lPApV.js";
-import { i as t, s as F } from "./component.inputs.constants-DoBT8ykS.js";
-import { p as i } from "./preview.data.constants-B3oyUsaQ.js";
-const r = (e) => {
-  var l;
-  const o = j();
-  I(o);
-  const {
-    description: h,
-    title: g,
-    tooltip: C
-  } = _(e), {
-    dimension: s,
-    maxLegendItems: f,
-    measure: a,
-    results: n,
-    showLegend: P,
-    showTooltips: w,
-    showValueLabels: D,
-    hideMenu: b,
-    onSegmentClick: k
-  } = e, v = M(
-    { data: n.data, dimension: s, measure: a, maxLegendItems: f },
-    o
-  ), V = L(
-    S({ measure: a, dimension: s }, o),
-    ((l = o.charts.donutChartPro) == null ? void 0 : l.options) ?? {}
-  ), x = A({ results: n, dimension: s, onClicked: k });
-  return /* @__PURE__ */ m.jsx(
-    O,
-    {
-      data: n,
-      dimensionsAndMeasures: [s, a],
-      errorMessage: n.error,
-      description: h,
-      title: g,
-      tooltip: C,
-      hideMenu: b,
-      children: /* @__PURE__ */ m.jsx(
-        R,
-        {
-          data: v,
-          options: V,
-          showLegend: P,
-          showTooltips: w,
-          showValueLabels: D,
-          onClick: x
-        }
-      )
-    }
-  );
-}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: r
-}, Symbol.toStringTag, { value: "Module" })), H = {
-  name: "DonutChartPro",
-  label: "Donut Chart",
-  description: "Donut chart for parts-of-whole over one dimension with one measure. Pick over PieChartPro when you want a center hole for a label or KPI.",
-  category: "Pie Charts",
-  defaultHeight: 442,
-  defaultWidth: 630,
-  inputs: [
-    t.dataset,
-    { ...t.measure, inputs: [...t.measure.inputs, F.showValueAsPercentage] },
-    t.dimension,
-    t.title,
-    t.description,
-    t.tooltip,
-    t.showLegend,
-    t.maxLegendItems,
-    t.showTooltips,
-    t.showValueLabels
-  ],
-  events: [
-    {
-      name: "onSegmentClick",
-      label: "A segment is clicked",
-      properties: [
-        {
-          name: "dimensionValue",
-          label: "Clicked dimension",
-          type: "string"
-        },
-        {
-          name: "dimensionTimeRange",
-          label: "Clicked dimension time range",
-          type: "timeRange"
-        }
-      ]
-    }
-  ]
-}, u = {
-  dimension: i.dimension,
-  measure: i.measure,
-  results: i.results1Measure1Dimension,
-  showValueLabels: !1,
-  hideMenu: !0
-}, z = y(r, u), c = (e) => ({
-  from: e.dataset,
-  select: [e.measure, e.dimension]
-}), p = (e) => T(c(e)), E = {
-  onSegmentClick: (e) => ({
-    dimensionValue: e.dimensionValue ?? d.noFilter(),
-    dimensionTimeRange: e.dimensionTimeRange ?? d.noFilter()
-  })
-}, G = (e) => ({
-  ...e,
-  results: p(e)
-}), X = {
-  Component: r,
-  meta: H,
-  preview: z,
-  previewConfig: u,
-  config: {
-    props: G,
-    events: E
-  },
-  results: {
-    loadDataArgs: c,
-    loadData: p
-  }
-};
-export {
-  X as d,
-  U as i
-};
-//# sourceMappingURL=definition-CoQqvrmk.js.map

package/dist/definition-CoQqvrmk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CoQqvrmk.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx","../src/components/charts/pies/DonutChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n\n    title,\n    tooltip,\n  } = resolveI18nProps(props);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    hideMenu,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'DonutChartPro',\n  label: 'Donut Chart',\n  description:\n    'Donut chart for parts-of-whole over one dimension with one measure. Pick over PieChartPro when you want a center hole for a label or KPI.',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked dimension',\n          type: 'string',\n        },\n        {\n          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const donutChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","hideMenu","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","DonutChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","donutChartPro"],"mappings":"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"}

package/dist/definition-CqWyAkfl.js.map

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