@embeddable.com/remarkable-pro 0.0.4 → 0.0.6

package/dist/LineChartComparisonDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport {\n  getChartContrastColors,\n  getChartjsAxisOptionsScalesTicksDefault,\n  getChartjsAxisOptionsScalesTitle,\n  getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\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  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n  const chartContrastColors = getChartContrastColors();\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartContrastColors,\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  onLineClicked: LineChartProOptionsClick;\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(dimension, context[0].label);\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(dimension, contextItem.label);\n            }\n\n            const dataIndex = contextItem?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\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 getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { onLineClicked, dimension } = options;\n\n  const getOptions =\n    dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\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, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\ntype LineChartComparisonDefaultProProps = {\n  description: string;\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  title: string;\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  setComparisonDateRange: (dateRange: TimeRange) => void;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\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({ results: props.results, dimension: xAxis });\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      onLineClicked,\n    },\n    theme,\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  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionTime,\n  genericBoolean,\n  genericTimeRange,\n  maxResults,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange, Value } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport ColorType from '../../../../editors/ColorEditor/Color.type.emb';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          type: ColorType,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          type: ColorType,\n          category: 'Component Settings',\n          name: 'previousLineColor',\n          label: 'Previous line color',\n        },\n        {\n          ...genericBoolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...genericBoolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimension, label: 'X-axis', name: 'xAxis' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...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\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    {\n      ...genericBoolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n    },\n    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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const orderBy: OrderBy[] = [\n      {\n        property: inputs.xAxis,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              limit: inputs.maxResults,\n              from: inputs.dataset,\n              select: [...inputs.measures, inputs.xAxis],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\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","themeKey","getObjectStableKey","isLineDashed","_b","chartContrastColors","getChartContrastColors","lineColorTemp","_c","lineColor","isColorValid","getColor","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","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart","meta","genericBoolean","ColorType","genericTimeRange","ComparisonPeriodType","dimensionTime","maxResults","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData","Value"],"mappings":"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"}
+{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionTime,\n  genericBoolean,\n  genericTimeRange,\n  maxResults,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange, Value } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport ColorType from '../../../../editors/ColorEditor/Color.type.emb';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          type: ColorType,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          type: ColorType,\n          category: 'Component Settings',\n          name: 'previousLineColor',\n          label: 'Previous line color',\n        },\n        {\n          ...genericBoolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...genericBoolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimension, label: 'X-axis', name: 'xAxis' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...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\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    {\n      ...genericBoolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n    },\n    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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const orderBy: OrderBy[] = [\n      {\n        property: inputs.xAxis,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              limit: inputs.maxResults,\n              from: inputs.dataset,\n              select: [...inputs.measures, inputs.xAxis],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measures","genericBoolean","ColorType","dimension","genericTimeRange","ComparisonPeriodType","dimensionTime","title","description","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseXAxis","yAxisRangeMin","yAxisRangeMax","maxResults","LineChartComparisonDefaultPro_emb","defineComponent","LineChartComparisonDefaultPro","inputs","state","setState","orderBy","timeProperty","comparisonDateRange","loadData","value","Value"],"mappings":"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"}

package/dist/LineChartDefaultPro.js

@@ -1,190 +1,42 @@
-import { useTheme as V, defineComponent as v } from "@embeddable.com/react";
-import { a as w, r as R, v as F, E as L, g as x, z as P, F as S, G as T, I as B, J as O, K as j, M as G, N as I, O as $, P as K, S as N, T as X, H as z } from "./component.constants-h6et83ck.js";
-import { a as E, h as f, m as U, j as A, L as Y, V as _, l as H } from "./index-BR6dp5RX.js";
-import { C as J } from "./ChartCard-C7c2rTst.js";
-import { g as D } from "./formatter.utils-DXzI4Hz_.js";
-import { g as W, a as k } from "./object.utils-D_Zzon-H.js";
-import { i as y, s as q } from "./color.utils-BSg_DFOh.js";
-import { u as Q } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as Z } from "./Color.type.emb-CSPAaucR.js";
-const ee = (e, l) => {
-  if (!e.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const m = D(l), i = W(l), c = e.data;
-  return {
-    labels: c.map((s) => s[e.dimension.name]),
-    datasets: e.measures.map((s, n) => {
-      var d, b, g, C;
-      const u = !!((d = s.inputs) != null && d.connectGaps), h = c.map((p) => p[s.name] ?? (u ? 0 : null)), r = (b = s.inputs) == null ? void 0 : b.lineColor, a = E(), t = y(r) ? r : k(
-        `${i}.charts.backgroundColors`,
-        s.name,
-        l.charts.backgroundColors ?? a,
-        n
-      ), o = y(r) ? r : k(
-        `${i}.charts.borderColors`,
-        s.name,
-        l.charts.borderColors ?? a,
-        n
-      );
-      return {
-        clip: e.hasMinMaxYAxisRange,
-        label: m.dimensionOrMeasureTitle(s),
-        data: h,
-        backgroundColor: q(t, 0.5),
-        pointBackgroundColor: t,
-        borderDash: (g = s.inputs) != null && g.dashedLine ? [
-          f("--em-linechart-line-dash", "0.25rem"),
-          f("--em-linechart-line-gap", "0.25rem")
-        ] : void 0,
-        borderColor: o,
-        fill: !!((C = s.inputs) != null && C.fillUnderLine)
-      };
-    })
-  };
-}, ae = (e, l) => {
-  var h, r;
-  const { dimension: m, data: i, measures: c, onLineClicked: s } = e, n = D(l);
-  return U({
-    plugins: {
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a, t) => {
-              const o = c[t.datasetIndex];
-              return n.data(o, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var o;
-            const t = (o = a[0]) == null ? void 0 : o.label;
-            return n.data(m, t);
-          },
-          label: (a) => {
-            const t = c[a.datasetIndex], o = a.raw;
-            return `${n.data(m, a.dataset.label) || ""}: ${n.data(t, o)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (!i || !i.labels) return;
-            const t = i.labels[Number(a)];
-            return n.data(m, t);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => n.data(c[0], a)
-        }
-      }
-    },
-    onClick: (a, t, o) => {
-      const d = t[0], b = d ? o.data.labels[d.index] : null;
-      s({
-        dimensionValue: b
-      });
-    }
-  }, ((r = (h = l.charts) == null ? void 0 : h.lineChartDefaultPro) == null ? void 0 : r.options) || {});
-}, se = (e) => {
-  const l = V();
-  w(l);
-  const { title: m, description: i, xAxisLabel: c, yAxisLabel: s } = R(e), {
-    measures: n,
-    xAxis: u,
-    reverseXAxis: h,
-    showLegend: r,
-    showLogarithmicScale: a,
-    showTooltips: t,
-    showValueLabels: o,
-    yAxisRangeMax: d,
-    yAxisRangeMin: b,
-    onLineClicked: g
-  } = e, C = Q({
-    results: e.results,
-    dimension: u
-  }), p = ee(
-    {
-      data: C.data,
-      dimension: u,
-      measures: n,
-      hasMinMaxYAxisRange: b != null || d != null
-    },
-    l
-  ), M = ae(
-    { data: p, dimension: u, measures: n, onLineClicked: g },
-    l
-  );
-  return /* @__PURE__ */ A.jsx(
-    J,
-    {
-      data: C,
-      dimensionsAndMeasures: [...n, u],
-      errorMessage: C.error,
-      subtitle: i,
-      title: m,
-      children: /* @__PURE__ */ A.jsx(
-        Y,
-        {
-          data: p,
-          reverseXAxis: h,
-          showLegend: r,
-          showLogarithmicScale: a,
-          showTooltips: t,
-          showValueLabels: o,
-          xAxisLabel: c,
-          yAxisLabel: s,
-          yAxisRangeMax: d,
-          yAxisRangeMin: b,
-          options: M
-        }
-      )
-    }
-  );
-}, te = {
+import { defineComponent as i } from "@embeddable.com/react";
+import { v as l, E as s, g as a, z as n, F as t, G as o, I as r, J as m, K as u, M as d, N as c, O as p, P as x, S as L, T as f, H as C } from "./component.constants-Dhb2rtRh.js";
+import { L as h } from "./index-YMH6QSSf.js";
+import { V as b, l as g } from "./index-CK9V-wz1.js";
+import { C as A } from "./Color.type.emb-CWTlQmpX.js";
+const D = {
   name: "LineChartDefaultPro",
   label: "Line Chart - Default",
   category: "Line Charts",
   inputs: [
-    F,
+    l,
     {
-      ...L,
+      ...s,
       inputs: [
-        ...L.inputs,
-        { ...x, name: "fillUnderLine", label: "Fill under line" },
+        ...s.inputs,
+        { ...a, name: "fillUnderLine", label: "Fill under line" },
         {
-          type: Z,
+          type: A,
           category: "Component Settings",
           name: "lineColor",
           label: "Line color"
         },
-        { ...x, name: "connectGaps", label: "Connect gaps", defaultValue: !0 },
-        { ...x, name: "dashedLine", label: "Dashed line", defaultValue: !1 }
+        { ...a, name: "connectGaps", label: "Connect gaps", defaultValue: !0 },
+        { ...a, name: "dashedLine", label: "Dashed line", defaultValue: !1 }
       ]
     },
-    { ...P, label: "X-axis", name: "xAxis" },
-    S,
-    T,
-    B,
-    O,
-    j,
-    G,
-    I,
-    $,
-    K,
-    N,
-    X,
-    z
+    { ...n, label: "X-axis", name: "xAxis" },
+    t,
+    o,
+    r,
+    m,
+    u,
+    d,
+    c,
+    p,
+    x,
+    L,
+    f,
+    C
   ],
   events: [
     {
@@ -199,10 +51,10 @@ const ee = (e, l) => {
       ]
     }
   ]
-}, be = v(se, te, {
+}, P = i(h, D, {
   props: (e) => ({
     ...e,
-    results: H({
+    results: g({
       limit: e.maxResults,
       from: e.dataset,
       select: [...e.measures, e.xAxis]
@@ -210,12 +62,12 @@ const ee = (e, l) => {
   }),
   events: {
     onLineClicked: (e) => ({
-      axisDimensionValue: e.dimensionValue || _.noFilter()
+      axisDimensionValue: e.dimensionValue || b.noFilter()
     })
   }
 });
 export {
-  be as default,
-  te as meta
+  P as default,
+  D as meta
 };
 //# sourceMappingURL=LineChartDefaultPro.js.map

package/dist/LineChartDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx","../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getChartContrastColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\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: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n      const chartContrastColors = getChartContrastColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.backgroundColors`,\n            measure.name,\n            theme.charts.backgroundColors ?? chartContrastColors,\n            index,\n          );\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.borderColors`,\n            measure.name,\n            theme.charts.borderColors ?? chartContrastColors,\n            index,\n          );\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\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        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport ColorType from '../../../../editors/ColorEditor/Color.type.emb';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          type: ColorType,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n      ],\n    },\n    { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartContrastColors","getChartContrastColors","backgroundColor","isColorValid","getColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","ColorType","dimensionWithDateBounds","maxResults","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData","Value"],"mappings":"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"}
+{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport ColorType from '../../../../editors/ColorEditor/Color.type.emb';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          type: ColorType,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n      ],\n    },\n    { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measures","genericBoolean","ColorType","dimensionWithDateBounds","title","description","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisLabel","yAxisLabel","reverseXAxis","yAxisRangeMin","yAxisRangeMax","maxResults","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData","value","Value"],"mappings":";;;;;AAwBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA;AAAA,MACE,GAAGC;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAS;AAAA,QACZ,EAAE,GAAGC,GAAgB,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACnD;AAAA,UACE,MAAMC;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,EAAE,GAAGD,GAAgB,MAAM,eAAe,OAAO,gBAAgB,cAAc,GAAA;AAAA,QAC/E,EAAE,GAAGA,GAAgB,MAAM,cAAc,OAAO,eAAe,cAAc,GAAA;AAAA,MAAM;AAAA,IACrF;AAAA,IAEF,EAAE,GAAGE,GAAyB,OAAO,UAAU,MAAM,QAAA;AAAA,IACrDC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAqBpB,GAAM;AAAA,EACxD,OAAO,CAACqB,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,OAAOD,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,KAAK;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,eAAe,CAACE,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE/D;AAEJ,CAAC;"}

package/dist/LineChartGroupedPro.js

@@ -1,179 +1,35 @@
-import { useTheme as P, defineComponent as R } from "@embeddable.com/react";
-import { a as F, r as $, v, D as w, g as y, z as S, w as j, F as O, G as T, H as B, I as K, J as X, K as N, M as U, N as Y, O as z, P as E, S as H, T as J } from "./component.constants-h6et83ck.js";
-import { a as W, m as _, j as D, L as q, V as G, l as Q } from "./index-BR6dp5RX.js";
-import { C as Z } from "./ChartCard-C7c2rTst.js";
-import { g as M } from "./formatter.utils-DXzI4Hz_.js";
-import { g as I, a as V } from "./object.utils-D_Zzon-H.js";
-import { s as ee } from "./color.utils-BSg_DFOh.js";
-import { g as ae } from "./lines.utils-CFEUUo4k.js";
-import { u as se } from "./charts.fillGaps.hooks-YayOXVmt.js";
-const ne = (e, t) => {
-  const c = M(t), { data: r = [], dimension: l, groupDimension: i, measure: n, hasMinMaxYAxisRange: u } = e, m = [...new Set(r.map((s) => s[l.name]).filter((s) => s != null))].sort(), d = [...new Set(r.map((s) => s[i.name]))].filter((s) => s != null), a = I(t), o = W(), p = d.map((s, g) => {
-    var x;
-    const b = V(
-      `${a}.charts.backgroundColors`,
-      `${i.name}.${s}`,
-      t.charts.backgroundColors ?? o,
-      g
-    ), h = V(
-      `${a}.charts.borderColors`,
-      `${i.name}.${s}`,
-      t.charts.borderColors ?? o,
-      g
-    );
-    return {
-      clip: u,
-      label: c.data(i, s),
-      rawLabel: s,
-      backgroundColor: ee(b, 0.5),
-      pointBackgroundColor: b,
-      fill: (x = n.inputs) == null ? void 0 : x.fillUnderLine,
-      borderColor: h,
-      data: m.map((L) => {
-        var A;
-        const f = r.find(
-          (k) => k[i.name] === s && k[l.name] === L
-        );
-        return (f == null ? void 0 : f[n.name]) ?? ((A = n.inputs) != null && A.connectGaps ? 0 : null);
-      })
-    };
-  });
-  return {
-    labels: m,
-    datasets: p
-  };
-}, te = (e, t) => {
-  var m, d;
-  const { dimension: c, data: r, measure: l, onLineClicked: i } = e, n = M(t), u = {
-    plugins: {
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a) => n.data(l, a)
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var p;
-            const o = (p = a[0]) == null ? void 0 : p.label;
-            return n.data(c, o);
-          },
-          label: (a) => {
-            const o = a.raw;
-            return `${a.dataset.label}: ${n.data(l, o)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (!r || !r.labels) return;
-            const o = r.labels[Number(a)];
-            return n.data(c, o);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => n.data(l, a)
-        }
-      }
-    }
-  };
-  return _(
-    ae({ onLineClicked: i }),
-    u,
-    ((d = (m = t.charts) == null ? void 0 : m.lineChartGroupedPro) == null ? void 0 : d.options) || {}
-  );
-}, oe = (e) => {
-  const t = P();
-  F(t);
-  const { title: c, description: r, xAxisLabel: l, yAxisLabel: i } = $(e), {
-    measure: n,
-    xAxis: u,
-    groupBy: m,
-    reverseXAxis: d,
-    showLegend: a,
-    showLogarithmicScale: o,
-    showTooltips: p,
-    showValueLabels: s,
-    yAxisRangeMax: g,
-    yAxisRangeMin: b,
-    onLineClicked: h
-  } = e, C = se({
-    results: e.results,
-    dimension: e.xAxis
-  }), x = ne(
-    {
-      data: C.data,
-      dimension: u,
-      groupDimension: m,
-      measure: n,
-      hasMinMaxYAxisRange: b != null || g != null
-    },
-    t
-  ), L = te(
-    { data: x, dimension: u, measure: n, onLineClicked: h },
-    t
-  );
-  return /* @__PURE__ */ D.jsx(
-    Z,
-    {
-      data: C,
-      dimensionsAndMeasures: [n, u, m],
-      errorMessage: C.error,
-      subtitle: r,
-      title: c,
-      children: /* @__PURE__ */ D.jsx(
-        q,
-        {
-          data: x,
-          reverseXAxis: d,
-          showLegend: a,
-          showLogarithmicScale: o,
-          showTooltips: p,
-          showValueLabels: s,
-          xAxisLabel: l,
-          yAxisLabel: i,
-          yAxisRangeMax: g,
-          yAxisRangeMin: b,
-          options: L
-        }
-      )
-    }
-  );
-}, re = {
+import { defineComponent as n } from "@embeddable.com/react";
+import { v as o, D as a, g as i, z as l, w as r, F as t, G as m, H as u, I as p, J as d, K as g, M as x, N as c, O as L, P as b, S as V, T as h } from "./component.constants-Dhb2rtRh.js";
+import { L as C } from "./index-BPkkRwcA.js";
+import { V as s, l as D } from "./index-CK9V-wz1.js";
+const f = {
   name: "LineChartGroupedPro",
   label: "Line Chart - Grouped",
   category: "Line Charts",
   inputs: [
-    v,
+    o,
     {
-      ...w,
+      ...a,
       inputs: [
-        ...w.inputs,
-        { ...y, name: "fillUnderLine", label: "Fill under line" },
-        { ...y, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
+        ...a.inputs,
+        { ...i, name: "fillUnderLine", label: "Fill under line" },
+        { ...i, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
       ]
     },
-    { ...S, name: "xAxis", label: "X-axis" },
-    { ...j, name: "groupBy", label: "Group by" },
-    O,
-    T,
-    B,
-    K,
-    X,
-    N,
-    U,
-    Y,
-    z,
-    E,
-    H,
-    J
+    { ...l, name: "xAxis", label: "X-axis" },
+    { ...r, name: "groupBy", label: "Group by" },
+    t,
+    m,
+    u,
+    p,
+    d,
+    g,
+    x,
+    c,
+    L,
+    b,
+    V,
+    h
   ],
   events: [
     {
@@ -193,10 +49,10 @@ const ne = (e, t) => {
       ]
     }
   ]
-}, xe = R(oe, re, {
+}, w = n(C, f, {
   props: (e) => ({
     ...e,
-    results: Q({
+    results: D({
       limit: e.maxResults,
       from: e.dataset,
       select: [e.xAxis, e.groupBy, e.measure]
@@ -204,13 +60,13 @@ const ne = (e, t) => {
   }),
   events: {
     onLineClicked: (e) => ({
-      axisDimensionValue: e.dimensionValue || G.noFilter(),
-      groupingDimensionValue: e.groupingDimensionValue || G.noFilter()
+      axisDimensionValue: e.dimensionValue || s.noFilter(),
+      groupingDimensionValue: e.groupingDimensionValue || s.noFilter()
     })
   }
 });
 export {
-  xe as default,
-  re as meta
+  w as default,
+  f as meta
 };
 //# sourceMappingURL=LineChartGroupedPro.js.map