npm - @embeddable.com/remarkable-pro - Versions diffs - 0.2.13 → 0.3.1 - Mend

@embeddable.com/remarkable-pro 0.2.13 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (607) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-BAAazBwk.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(Number(value), context.dataset.data);\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)})`\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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"}
1	+ {"version":3,"file":"definition-guumiEeC.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(Number(value), context.dataset.data);\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)})`\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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"}

package/dist/{definition-DoSn_GaJ.js → definition-hXPLrfc9.js} RENAMED Viewed

@@ -1,13 +1,13 @@
-import { m as H, j as m, B as F, V as f, l as I } from "./index-7D6uMJ-C.js";
+import { a9 as j, a7 as m, B as F, V as f, a8 as I } from "./index-Cddhb628.js";
 import { useTheme as _, definePreview as O } from "@embeddable.com/react";
-import { a as W, r as Y } from "./component.utils-Dua9clQJ.js";
-import { C as E } from "./ChartCard-DXg1i7Y2.js";
-import { g as q, a as J } from "./bars.utils-BRcrvn99.js";
-import { u as K } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { C as N, g as Q } from "./granularity.utils-DwARRSja.js";
-import { c as U } from "./charts.utils-DOtSJB7u.js";
-import { i as e, s as b } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as u } from "./preview.data.constants-BSjhK_tx.js";
+import { i as W, r as Y } from "./component.utils-oQMZT7TK.js";
+import { C as E } from "./ChartCard-CZ0PnrNg.js";
+import { g as q, a as J } from "./bars.utils-D8yNEyOY.js";
+import { u as K } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { C as N, g as Q } from "./granularity.utils-DnAzYxES.js";
+import { a as U } from "./charts.utils-BoJ5LrTC.js";
+import { i as e, s as b } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as u } from "./preview.data.constants-HvHDcvh2.js";
 import { g as X } from "./clientContext.utils-DpB5KsfX.js";
 const d = (a) => {
   var x, C;
@@ -18,31 +18,31 @@ const d = (a) => {
     dimension: r,
     measures: o,
     showValueLabels: t,
-    reverseYAxis: M,
-    showLegend: w,
+    reverseYAxis: w,
+    showLegend: M,
     showLogarithmicScale: R,
     showTooltips: z,
     xAxisRangeMax: B,
-    xAxisRangeMin: k,
-    yAxisMaxItems: v,
-    granularity: L,
+    xAxisRangeMin: P,
+    yAxisMaxItems: k,
+    granularity: v,
     setGranularity: c,
-    onBarClicked: P
-  } = a, { description: g, title: p, tooltip: h, xAxisLabel: T, yAxisLabel: S } = Y(a), n = K({
+    onBarClicked: L
+  } = a, { description: h, title: g, tooltip: p, xAxisLabel: S, yAxisLabel: T } = Y(a), n = K({
     results: a.results,
     dimension: r
   }), l = q(
-    { data: n.data, dimension: r, measures: o, maxItems: v },
+    { data: n.data, dimension: r, measures: o, maxItems: k },
     s
-  ), V = H(
+  ), V = j(
     J({ measures: o, horizontal: !0, data: l, dimension: r }, s),
     // Format X axis based on first measure
     ((C = (x = s.charts) == null ? void 0 : x.barChartDefaultHorizontalPro) == null ? void 0 : C.options) ?? {}
-  ), j = !p && !g && !h, G = U({
+  ), G = !g && !h && !p, H = U({
     data: l,
     dimension: r,
-    granularity: L,
-    onClicked: P
+    granularity: v,
+    onClicked: L
   });
   return /* @__PURE__ */ m.jsxs(
     E,
@@ -50,15 +50,15 @@ const d = (a) => {
       data: n,
       dimensionsAndMeasures: [r, ...o],
       errorMessage: n.error,
-      description: g,
-      title: p,
-      tooltip: h,
+      description: h,
+      title: g,
+      tooltip: p,
       hideMenu: i,
       children: [
         c && /* @__PURE__ */ m.jsx(
           N,
           {
-            hasMarginTop: j,
+            hasMarginTop: G,
             dimension: r,
             onChange: c
           }
@@ -69,27 +69,28 @@ const d = (a) => {
             horizontal: !0,
             data: l,
             options: V,
-            reverseYAxis: M,
-            showLegend: w,
+            reverseYAxis: w,
+            showLegend: M,
             showLogarithmicScale: R,
             showTooltips: z,
             showValueLabels: t,
-            xAxisLabel: T,
+            xAxisLabel: S,
             xAxisRangeMax: B,
-            xAxisRangeMin: k,
-            yAxisLabel: S,
-            onClick: G
+            xAxisRangeMin: P,
+            yAxisLabel: T,
+            onClick: H
           }
         )
       ]
     }
   );
-}, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: d
 }, Symbol.toStringTag, { value: "Module" })), Z = {
   name: "BarChartDefaultHorizontalPro",
   label: "Bar Chart - Default Horizontal",
+  description: "Same as BarChartDefaultPro but with horizontal bars. Pick when category labels are long or numerous.",
   category: "Bar Charts",
   inputs: [
     e.dataset,
@@ -157,7 +158,7 @@ const d = (a) => {
     setGranularity: (t) => i({ granularity: t }),
     results: A(a, o, r)
   };
-}, pe = {
+}, ge = {
   Component: d,
   meta: Z,
   preview: $,
@@ -172,7 +173,7 @@ const d = (a) => {
   }
 };
 export {
-  pe as b,
-  ge as i
+  ge as b,
+  he as i
 };
-//# sourceMappingURL=definition-DoSn_GaJ.js.map
+//# sourceMappingURL=definition-hXPLrfc9.js.map

package/dist/definition-hXPLrfc9.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"definition-hXPLrfc9.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/components/charts/bars/BarChartDefaultHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { BarChartBaseProps } from '../bars.types';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type BarChartDefaultHorizontalProProps = BarChartBaseProps & {\n reverseYAxis?: boolean;\n xAxisRangeMax?: number;\n xAxisRangeMin?: number;\n yAxisMaxItems?: number;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n hideMenu,\n dimension,\n measures,\n showValueLabels,\n reverseYAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n xAxisRangeMax,\n xAxisRangeMin,\n yAxisMaxItems,\n granularity,\n setGranularity,\n onBarClicked,\n } = props;\n\n const { description, title, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n const results = useFillGaps({\n results: props.results,\n dimension,\n });\n\n const data = getBarChartProData(\n { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions({ measures, horizontal: true, data, dimension }, theme), // Format X axis based on first measure\n theme.charts?.barChartDefaultHorizontalPro?.options ?? {},\n );\n\n const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n const handleClick = createSimpleClickHandler({\n data,\n dimension,\n granularity,\n onClicked: onBarClicked,\n });\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[dimension, ...measures]}\n errorMessage={results.error}\n 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 horizontal\n data={data}\n options={options}\n reverseYAxis={reverseYAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n xAxisRangeMax={xAxisRangeMax}\n xAxisRangeMin={xAxisRangeMin}\n yAxisLabel={yAxisLabel}\n onClick={handleClick}\n />\n </ChartCard>\n );\n};\n\nexport default BarChartDefaultHorizontalPro;\n","import {\n DataResponse,\n Dimension,\n Granularity,\n LoadDataRequest,\n Value,\n loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n name: 'BarChartDefaultHorizontalPro',\n label: 'Bar Chart - Default Horizontal',\n description:\n 'Same as BarChartDefaultPro but with horizontal bars. Pick when category labels are long or numerous.',\n category: 'Bar Charts',\n inputs: [\n inputs.dataset,\n {\n ...inputs.measures,\n inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n },\n { ...inputs.dimensionWithGranularitySelectField, label: 'Y-axis' },\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.reverseYAxis,\n inputs.xAxisRangeMin,\n inputs.xAxisRangeMax,\n inputs.yAxisMaxItems,\n inputs.maxResults,\n ],\n events: [\n {\n name: 'onBarClicked',\n label: 'A bar is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked axis dimension value',\n type: 'string',\n },\n {\n name: 'axisDimensionTimeRange',\n label: 'Clicked axis dimension time range',\n type: 'timeRange',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartDefaultHorizontalProState = {\n granularity?: Granularity;\n};\n\nconst previewConfig = {\n dimension: previewData.dimension,\n measures: [previewData.measure],\n results: previewData.results1Measure1Dimension,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n dimension?: Dimension,\n clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: [...inputs.measures, dimension ?? inputs.dimension],\n limit: inputs.maxResults,\n timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n dimension: Dimension,\n clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n onBarClicked: (value: BarChartProOptionsClickArg) => ({\n axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n BarChartDefaultHorizontalProState,\n (state: BarChartDefaultHorizontalProState) => void,\n ],\n clientContext: ThemeClientContext,\n) => {\n const dimensionWithGranularity = getDimensionWithGranularity(\n inputs.dimension,\n state?.granularity,\n );\n\n return {\n ...inputs,\n dimension: dimensionWithGranularity,\n setGranularity: (granularity: Granularity) => setState({ granularity }),\n results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n };\n};\n\nexport const barChartDefaultHorizontalPro = {\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":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","hideMenu","dimension","measures","showValueLabels","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","xAxisRangeMax","xAxisRangeMin","yAxisMaxItems","granularity","setGranularity","onBarClicked","description","title","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barChartDefaultHorizontalPro"],"mappings":"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"}

package/dist/{definition-mZP4v8qO.js → definition-xgUWvTDV.js} RENAMED Viewed

@@ -1,16 +1,16 @@
-import { j as C, O as oe, Q as se, J as re, V as z, l as N } from "./index-7D6uMJ-C.js";
+import { a7 as C, p as oe, h as se, L as re, V as I, a8 as z } from "./index-Cddhb628.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
-import { useState as te, useEffect as G } from "react";
-import { a as me, r as le } from "./component.utils-Dua9clQJ.js";
-import { C as de } from "./ChartCard-DXg1i7Y2.js";
-import { u as I } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { C as ce, g as pe } from "./granularity.utils-DwARRSja.js";
-import { g as ue, a as ge, c as De, l as h } from "./definition-BHWtQ59c.js";
-import { g as he } from "./formatter.utils-Y14po21h.js";
-import { g as ve } from "./timeRange.utils-CcP33PfM.js";
-import { s as K } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as u } from "./preview.data.constants-BSjhK_tx.js";
-import { g as O } from "./clientContext.utils-DpB5KsfX.js";
+import { useState as te, useEffect as W } from "react";
+import { i as me, r as le } from "./component.utils-oQMZT7TK.js";
+import { C as de } from "./ChartCard-CZ0PnrNg.js";
+import { u as k } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { C as ce, g as pe } from "./granularity.utils-DnAzYxES.js";
+import { g as ue, a as ge, c as he, l as D } from "./definition-CaY0LXUV.js";
+import { b as De } from "./formatter.utils-Dm_mQlX1.js";
+import { g as ve } from "./timeRange.utils-kK6r26ZO.js";
+import { s as K } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as u } from "./preview.data.constants-HvHDcvh2.js";
+import { g as G } from "./clientContext.utils-DpB5KsfX.js";
 const fe = ({
   measures: e,
   resultsKpis: a,
@@ -84,65 +84,65 @@ const fe = ({
     yAxisRangeMax: v,
     yAxisRangeMin: S,
     comparisonPeriod: x,
-    comparisonDateRange: E,
-    showComparisonAxis: H,
+    comparisonDateRange: H,
+    showComparisonAxis: E,
     primaryDateRange: R,
     setGranularity: j,
-    setComparisonDateRange: A,
+    setComparisonDateRange: L,
     onLineClicked: J,
-    resultsKpis: Q,
-    resultsKpisComparison: X
-  } = e, [b, F] = te(((V = i[0]) == null ? void 0 : V.name) ?? ""), D = i.find((f) => f.name === b);
-  G(() => {
+    resultsKpis: X,
+    resultsKpisComparison: Y
+  } = e, [b, F] = te(((V = i[0]) == null ? void 0 : V.name) ?? ""), h = i.find((f) => f.name === b);
+  W(() => {
     i.length !== 0 && (i.some((f) => f.name === b) || F(i[0].name));
-  }, [i, b]), G(() => {
+  }, [i, b]), W(() => {
     const f = ve(
       R,
       x,
       a
     );
-    A == null || A(f);
+    L == null || L(f);
   }, [x, JSON.stringify(R), a]);
-  const p = I({
+  const p = k({
     results: e.results,
     dimension: m,
     externalDateBounds: R
-  }), t = I({
+  }), t = k({
     results: e.resultsComparison,
     dimension: m,
-    externalDateBounds: E
-  }), L = !!(R && x), w = ue(
+    externalDateBounds: H
+  }), A = !!(R && x), w = ue(
     {
       data: p.data,
-      dataComparison: L ? (t == null ? void 0 : t.data) ?? [] : void 0,
+      dataComparison: A ? (t == null ? void 0 : t.data) ?? [] : void 0,
       dimension: m,
-      measures: D ? [D] : [],
+      measures: h ? [h] : [],
       hasMinMaxYAxisRange: S != null || v != null
     },
     a
-  ), Y = ge(
+  ), q = ge(
     {
       data: w,
       dimension: m,
-      measures: D ? [D] : [],
+      measures: h ? [h] : [],
       xAxisLabel: n,
-      showComparisonAxis: H,
-      showDataComparison: L
+      showComparisonAxis: E,
+      showDataComparison: A
     },
     a
-  ), q = De({
+  ), Q = he({
     data: w,
-    measures: D ? [D] : [],
+    measures: h ? [h] : [],
     dimension: m,
     onClicked: J
   }), U = {
     isLoading: !!(p.isLoading || t != null && t.isLoading),
     data: !(p != null && p.data) && !(t != null && t.data) ? void 0 : [...p.data ?? [], ...(t == null ? void 0 : t.data) ?? []]
-  }, Z = !o && !s && !r, ee = he(a), ae = fe({
+  }, Z = !o && !s && !r, ee = De(a), ae = fe({
     measures: i,
-    resultsKpis: Q,
-    resultsKpisComparison: X,
-    showDataComparison: L,
+    resultsKpis: X,
+    resultsKpisComparison: Y,
+    showDataComparison: A,
     themeFormatter: ee
   });
   return /* @__PURE__ */ C.jsxs(
@@ -178,23 +178,26 @@ const fe = ({
             yAxisLabel: d,
             yAxisRangeMax: v,
             yAxisRangeMin: S,
-            options: Y,
-            onClick: q
+            options: q,
+            onClick: Q
           }
         )
       ]
     }
   );
-}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LineChartComparisonWithKpiTabsPro: M,
   default: M
 }, Symbol.toStringTag, { value: "Module" })), Te = {
-  ...h.meta,
+  ...D.meta,
   name: "LineChartComparisonWithKpiTabsPro",
   label: "Line Chart Comparison - With KPI Tabs",
+  description: "Line chart with comparison overlay and KPI tabs. Takes one or more measures, a time dimension, a timeRange variable, and a comparison period.",
+  defaultHeight: 526,
+  defaultWidth: 1280,
   inputs: [
-    ...h.meta.inputs.map((e) => {
+    ...D.meta.inputs.map((e) => {
       if (e.name === "measures") {
         const a = e;
         return {
@@ -225,7 +228,7 @@ const fe = ({
       return e;
     })
   ]
-}, W = {
+}, N = {
   xAxis: u.dimension,
   measures: [u.measure, u.measureVariant],
   results: u.results2Measures1Dimension,
@@ -236,32 +239,32 @@ const fe = ({
   comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
   primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
   hideMenu: !0
-}, Pe = ie(M, W), Re = h.results.loadData, be = h.resultsComparison.loadData, k = (e, a, o) => {
+}, Pe = ie(M, N), Re = D.results.loadData, be = D.resultsComparison.loadData, B = (e, a, o) => {
   const s = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   return {
     from: e.dataset,
     select: [...e.measures],
     filters: e.primaryDateRange && s ? [{ property: s, operator: "inDateRange", value: e.primaryDateRange }] : void 0,
-    timezone: O(o == null ? void 0 : o.timezone)
+    timezone: G(o == null ? void 0 : o.timezone)
   };
-}, B = (e, a, o) => N(k(e, a, o)), _ = (e, a, o, s) => {
+}, O = (e, a, o) => z(B(e, a, o)), _ = (e, a, o, s) => {
   const r = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   return {
     from: e.dataset,
     select: [...e.measures],
     filters: [{ property: r, operator: "inDateRange", value: o }],
-    timezone: O(s == null ? void 0 : s.timezone)
+    timezone: G(s == null ? void 0 : s.timezone)
   };
 }, $ = (e, a, o, s) => {
   const r = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   if (e.primaryDateRange && r && (o != null && o.comparisonDateRange))
-    return N(
+    return z(
       _(e, a, o.comparisonDateRange, s)
     );
 }, Me = {
   onLineClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? z.noFilter(),
-    axisDimensionTimeRange: e.dimensionTimeRange ?? z.noFilter()
+    axisDimensionValue: e.dimensionValue ?? I.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? I.noFilter()
   })
 }, xe = (e, [a, o], s) => {
   const r = pe(e.xAxis, a == null ? void 0 : a.granularity);
@@ -278,7 +281,7 @@ const fe = ({
       a,
       s
     ),
-    resultsKpis: B(e, r, s),
+    resultsKpis: O(e, r, s),
     resultsKpisComparison: $(
       e,
       r,
@@ -286,17 +289,17 @@ const fe = ({
       s
     )
   };
-}, ke = {
+}, Be = {
   Component: M,
   meta: Te,
   preview: Pe,
-  previewConfig: W,
+  previewConfig: N,
   config: { props: xe, events: Me },
-  results: h.results,
-  resultsComparison: h.resultsComparison,
+  results: D.results,
+  resultsComparison: D.resultsComparison,
   resultsKpis: {
-    loadDataArgs: k,
-    loadData: B
+    loadDataArgs: B,
+    loadData: O
   },
   resultsKpisComparison: {
     loadDataArgs: _,
@@ -304,7 +307,7 @@ const fe = ({
   }
 };
 export {
-  We as i,
-  ke as l
+  Ne as i,
+  Be as l
 };
-//# sourceMappingURL=definition-mZP4v8qO.js.map
+//# sourceMappingURL=definition-xgUWvTDV.js.map

package/dist/definition-xgUWvTDV.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"definition-xgUWvTDV.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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"}