npm - @embeddable.com/remarkable-pro - Versions diffs - 0.1.30 → 0.1.32 - Mend

@embeddable.com/remarkable-pro 0.1.30 → 0.1.32

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 (471) hide show

package/dist/{definition-BptFS0pI.js.map → definition-Bn3Fi9C4.js.map} RENAMED Viewed

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

package/dist/{definition-BfcrCqUL.js → definition-BqIza8Nx.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { j as d, Q as V, V as c } from "./index-C_yieA4G.js";
+import { j as d, M as V, V as c } from "./index-CJYh9LRs.js";
 import { useTheme as P, definePreview as F } from "@embeddable.com/react";
-import { i as n } from "./component.inputs.constants-CV2cw73o.js";
-import { p as u } from "./preview.data.constants-CF2ixBjn.js";
+import { i as n } from "./component.inputs.constants-C7tJAhsQ.js";
+import { p as u } from "./preview.data.constants--FLtEcg5.js";
 import { useState as m, useEffect as j } from "react";
-import { i as x, r as w, b as E } from "./component.utils-CKQTC8YE.js";
-import { E as _ } from "./EditorCard-D8Cir6hQ.js";
-import { g as N } from "./dimensionsAndMeasures.utils-Dk2-L1xC.js";
+import { a as x, r as w, i as E } from "./component.utils-Dua9clQJ.js";
+import { E as _ } from "./EditorCard-BABTQLwW.js";
+import { g as N } from "./dimensionsAndMeasures.utils-DtUfSnpA.js";
 const r = (e) => {
   const l = P();
   x(l);
@@ -14,13 +14,13 @@ const r = (e) => {
     dimensionAndMeasureOptions: t = [],
     clearable: a,
     onChange: o
-  } = e, { title: p, description: f, tooltip: M, placeholder: g } = w(e), [h, S] = m(""), [A, b] = m([]);
+  } = e, { title: p, description: f, tooltip: M, placeholder: g } = w(e), [h, S] = m(""), [A, v] = m([]);
   j(() => {
     if (a || i.length > 0) return;
     const s = t[0];
     s && o([s]);
   }, [a, i.length, t, o]);
-  const v = i.map((s) => s.name), y = N({
+  const b = i.map((s) => s.name), y = N({
     dimensionsAndMeasures: t,
     searchValue: h,
     theme: l
@@ -34,17 +34,17 @@ const r = (e) => {
       isClearable: a,
       disableApplyButton: !a && A.length === 0,
       isSearchable: !0,
-      values: v,
+      values: b,
       options: y,
       placeholder: g,
       noOptionsMessage: E.t("common.noOptionsFound"),
       onChange: C,
-      onPendingChange: b,
+      onPendingChange: v,
       onSearch: S,
       avoidCollisions: !1
     }
   ) });
-}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: r
 }, Symbol.toStringTag, { value: "Module" })), T = {
@@ -107,7 +107,7 @@ const r = (e) => {
   onChange: (e) => ({
     value: Array.isArray(e) && e.length ? e : c.noFilter()
   })
-}, L = {
+}, Q = {
   Component: r,
   meta: T,
   preview: q,
@@ -117,7 +117,7 @@ const r = (e) => {
   }
 };
 export {
-  L as d,
-  K as i
+  Q as d,
+  L as i
 };
-//# sourceMappingURL=definition-BfcrCqUL.js.map
+//# sourceMappingURL=definition-BqIza8Nx.js.map

package/dist/{definition-BfcrCqUL.js.map → definition-BqIza8Nx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-~~BfcrCqUL~~.js","sources":["../src/components/editors/DimensionOrMeasureMultiSelectFieldPro/index.tsx","../src/components/editors/DimensionOrMeasureMultiSelectFieldPro/definition.ts"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\nimport { useState, useEffect } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../theme/i18n/i18n';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\n\nexport type DimensionMeasureMultiSelectFieldProProps = {\n selectedDimensionsAndMeasures?: DimensionOrMeasure[];\n dimensionAndMeasureOptions?: DimensionOrMeasure[];\n placeholder?: string;\n clearable?: boolean;\n onChange: (value: DimensionOrMeasure[]) => void;\n} & EditorCardHeaderProps;\n\nconst DimensionMeasureMultiSelectFieldPro = (props: DimensionMeasureMultiSelectFieldProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n selectedDimensionsAndMeasures = [],\n dimensionAndMeasureOptions = [],\n clearable,\n onChange,\n } = props;\n const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n const [searchValue, setSearchValue] = useState('');\n const [pendingValues, setPendingValues] = useState<string[]>([]);\n\n useEffect(() => {\n if (clearable) return;\n if (selectedDimensionsAndMeasures.length > 0) return;\n const first = dimensionAndMeasureOptions[0];\n if (!first) return;\n\n onChange([first]);\n }, [clearable, selectedDimensionsAndMeasures.length, dimensionAndMeasureOptions, onChange]);\n\n const currentDimensionAndMeasureNames = selectedDimensionsAndMeasures.map((d) => d.name);\n\n const options = getDimensionAndMeasureOptions({\n dimensionsAndMeasures: dimensionAndMeasureOptions,\n searchValue,\n theme,\n });\n\n const handleChange = (newValues: string[]) => {\n const selectedNamesSet = new Set(newValues);\n onChange(dimensionAndMeasureOptions.filter((d) => selectedNamesSet.has(d.name)));\n };\n\n return (\n <EditorCard title={title} description={description} tooltip={tooltip}>\n <MultiSelectField\n isClearable={clearable}\n disableApplyButton={!clearable && pendingValues.length === 0}\n isSearchable\n values={currentDimensionAndMeasureNames}\n options={options}\n placeholder={placeholder}\n noOptionsMessage={i18n.t('common.noOptionsFound')}\n onChange={handleChange}\n onPendingChange={setPendingValues}\n onSearch={setSearchValue}\n avoidCollisions={false}\n />\n </EditorCard>\n );\n};\n\nexport default DimensionMeasureMultiSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\nimport Component from './index';\n\nconst meta = {\n name: 'DimensionMeasureMultiSelectFieldPro',\n label: 'Dimension and Measure Multi Select Field',\n category: 'Dropdowns - dimensions and measures',\n defaultWidth: 300,\n defaultHeight: 120,\n inputs: [\n inputs.dataset,\n inputs.dimensionAndMeasureOptions,\n inputs.title,\n inputs.description,\n inputs.tooltip,\n { ...inputs.placeholder, defaultValue: 'Select values...' },\n {\n ...inputs.dimensionsAndMeasures,\n name: 'selectedDimensionsAndMeasures',\n label: 'Selected dimensions and measures',\n category: 'Pre-configured Variables',\n required: false,\n config: {\n dataset: 'dataset',\n },\n },\n { ...inputs.clearable, defaultValue: false },\n ],\n events: [\n {\n name: 'onChange',\n label: 'Selected dimensions and measures updated',\n properties: [\n {\n name: 'value',\n label: 'Selected values',\n type: 'dimensionOrMeasure',\n array: true,\n },\n ],\n },\n ],\n variables: [\n {\n name: 'dimension-measure multi-select values',\n type: 'dimensionOrMeasure',\n array: true,\n defaultValue: Value.noFilter(),\n inputs: ['selectedDimensionsAndMeasures'],\n events: [{ name: 'onChange', property: 'value' }],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n dimensionAndMeasureOptions: [previewData.dimension, previewData.measure],\n onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n dimensionAndMeasureOptions: inputs.dimensionAndMeasureOptions ?? [],\n selectedDimensionsAndMeasures: inputs.selectedDimensionsAndMeasures ?? [],\n };\n};\n\nconst events = {\n onChange: (value: unknown) => {\n return {\n value: Array.isArray(value) && value.length ? value : Value.noFilter(),\n };\n },\n};\n\nexport const dimensionMeasureMultiSelectFieldPro = {\n Component,\n meta,\n preview,\n config: {\n props,\n events,\n },\n} as const;\n"],"names":["DimensionMeasureMultiSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimensionsAndMeasures","dimensionAndMeasureOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","searchValue","setSearchValue","useState","pendingValues","setPendingValues","useEffect","first","currentDimensionAndMeasureNames","d","options","getDimensionAndMeasureOptions","handleChange","newValues","selectedNamesSet","jsx","EditorCard","MultiSelectField","i18n","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","dimensionMeasureMultiSelectFieldPro"],"mappings":"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"}
1	+ {"version":3,"file":"definition-BqIza8Nx.js","sources":["../src/components/editors/DimensionOrMeasureMultiSelectFieldPro/index.tsx","../src/components/editors/DimensionOrMeasureMultiSelectFieldPro/definition.ts"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\nimport { useState, useEffect } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../theme/i18n/i18n';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\n\nexport type DimensionMeasureMultiSelectFieldProProps = {\n selectedDimensionsAndMeasures?: DimensionOrMeasure[];\n dimensionAndMeasureOptions?: DimensionOrMeasure[];\n placeholder?: string;\n clearable?: boolean;\n onChange: (value: DimensionOrMeasure[]) => void;\n} & EditorCardHeaderProps;\n\nconst DimensionMeasureMultiSelectFieldPro = (props: DimensionMeasureMultiSelectFieldProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n selectedDimensionsAndMeasures = [],\n dimensionAndMeasureOptions = [],\n clearable,\n onChange,\n } = props;\n const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n const [searchValue, setSearchValue] = useState('');\n const [pendingValues, setPendingValues] = useState<string[]>([]);\n\n useEffect(() => {\n if (clearable) return;\n if (selectedDimensionsAndMeasures.length > 0) return;\n const first = dimensionAndMeasureOptions[0];\n if (!first) return;\n\n onChange([first]);\n }, [clearable, selectedDimensionsAndMeasures.length, dimensionAndMeasureOptions, onChange]);\n\n const currentDimensionAndMeasureNames = selectedDimensionsAndMeasures.map((d) => d.name);\n\n const options = getDimensionAndMeasureOptions({\n dimensionsAndMeasures: dimensionAndMeasureOptions,\n searchValue,\n theme,\n });\n\n const handleChange = (newValues: string[]) => {\n const selectedNamesSet = new Set(newValues);\n onChange(dimensionAndMeasureOptions.filter((d) => selectedNamesSet.has(d.name)));\n };\n\n return (\n <EditorCard title={title} description={description} tooltip={tooltip}>\n <MultiSelectField\n isClearable={clearable}\n disableApplyButton={!clearable && pendingValues.length === 0}\n isSearchable\n values={currentDimensionAndMeasureNames}\n options={options}\n placeholder={placeholder}\n noOptionsMessage={i18n.t('common.noOptionsFound')}\n onChange={handleChange}\n onPendingChange={setPendingValues}\n onSearch={setSearchValue}\n avoidCollisions={false}\n />\n </EditorCard>\n );\n};\n\nexport default DimensionMeasureMultiSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\nimport Component from './index';\n\nconst meta = {\n name: 'DimensionMeasureMultiSelectFieldPro',\n label: 'Dimension and Measure Multi Select Field',\n category: 'Dropdowns - dimensions and measures',\n defaultWidth: 300,\n defaultHeight: 120,\n inputs: [\n inputs.dataset,\n inputs.dimensionAndMeasureOptions,\n inputs.title,\n inputs.description,\n inputs.tooltip,\n { ...inputs.placeholder, defaultValue: 'Select values...' },\n {\n ...inputs.dimensionsAndMeasures,\n name: 'selectedDimensionsAndMeasures',\n label: 'Selected dimensions and measures',\n category: 'Pre-configured Variables',\n required: false,\n config: {\n dataset: 'dataset',\n },\n },\n { ...inputs.clearable, defaultValue: false },\n ],\n events: [\n {\n name: 'onChange',\n label: 'Selected dimensions and measures updated',\n properties: [\n {\n name: 'value',\n label: 'Selected values',\n type: 'dimensionOrMeasure',\n array: true,\n },\n ],\n },\n ],\n variables: [\n {\n name: 'dimension-measure multi-select values',\n type: 'dimensionOrMeasure',\n array: true,\n defaultValue: Value.noFilter(),\n inputs: ['selectedDimensionsAndMeasures'],\n events: [{ name: 'onChange', property: 'value' }],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n dimensionAndMeasureOptions: [previewData.dimension, previewData.measure],\n onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n dimensionAndMeasureOptions: inputs.dimensionAndMeasureOptions ?? [],\n selectedDimensionsAndMeasures: inputs.selectedDimensionsAndMeasures ?? [],\n };\n};\n\nconst events = {\n onChange: (value: unknown) => {\n return {\n value: Array.isArray(value) && value.length ? value : Value.noFilter(),\n };\n },\n};\n\nexport const dimensionMeasureMultiSelectFieldPro = {\n Component,\n meta,\n preview,\n config: {\n props,\n events,\n },\n} as const;\n"],"names":["DimensionMeasureMultiSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimensionsAndMeasures","dimensionAndMeasureOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","searchValue","setSearchValue","useState","pendingValues","setPendingValues","useEffect","first","currentDimensionAndMeasureNames","d","options","getDimensionAndMeasureOptions","handleChange","newValues","selectedNamesSet","jsx","EditorCard","MultiSelectField","i18n","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","dimensionMeasureMultiSelectFieldPro"],"mappings":"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"}

package/dist/{definition-BLavB-t_.js → definition-BrVG5pTw.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import { m as G, j as n, B as H, V as T, l as k } from "./index-C_yieA4G.js";
+import { m as G, j as n, B as H, V as T, l as k } from "./index-CJYh9LRs.js";
 import { useTheme as I, definePreview as F } from "@embeddable.com/react";
-import { i as _, r as O } from "./component.utils-CKQTC8YE.js";
-import { C as W } from "./ChartCard-DRvWAJbb.js";
-import { g as Y, a as E } from "./bars.utils-CXXoLZ16.js";
-import { u as q } from "./charts.fillGaps.hooks-pnsCGEcn.js";
-import { C as J, g as K } from "./granularity.utils-BVNxXibN.js";
-import { i as e, s as f } from "./component.inputs.constants-CV2cw73o.js";
-import { p as l } from "./preview.data.constants-CF2ixBjn.js";
+import { a as _, r as O } from "./component.utils-Dua9clQJ.js";
+import { C as W } from "./ChartCard-Cqhxv7xl.js";
+import { g as Y, a as E } from "./bars.utils-jD7h2lii.js";
+import { u as q } from "./charts.fillGaps.hooks-CvKhAwUj.js";
+import { C as J, g as K } from "./granularity.utils-Hj10GihD.js";
+import { i as e, s as f } from "./component.inputs.constants-C7tJAhsQ.js";
+import { p as l } from "./preview.data.constants--FLtEcg5.js";
 const m = (a) => {
   var p, g;
   const s = I();
@@ -159,4 +159,4 @@ export {
   le as b,
   ne as i
 };
-//# sourceMappingURL=definition-BLavB-t_.js.map
+//# sourceMappingURL=definition-BrVG5pTw.js.map

package/dist/{definition-BLavB-t_.js.map → definition-BrVG5pTw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-BLavB-t_.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, ChartCardHeaderProps } 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 { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartDefaultHorizontalProProps = {\n dimension: Dimension;\n measures: Measure[];\n results: DataResponse;\n reverseYAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxisLabel?: string;\n xAxisRangeMax?: number;\n xAxisRangeMin?: number;\n yAxisLabel?: string;\n yAxisMaxItems?: number;\n setGranularity?: (granularity: Granularity) => void;\n onBarClicked?: (args: { axisDimensionValue: string \| null }) => void;\n} & ChartCardHeaderProps;\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 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, onBarClicked, 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 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 />\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';\n\nconst meta = {\n name: 'BarChartDefaultHorizontalPro',\n label: 'Bar Chart - Default Horizontal',\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 },\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): LoadDataRequest => ({\n from: inputs.dataset,\n select: [...inputs.measures, dimension ?? inputs.dimension],\n limit: inputs.maxResults,\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, dimension: Dimension): DataResponse =>\n loadData(loadDataResultsArgs(inputs, dimension));\n\nconst events = {\n onBarClicked: (value: { axisDimensionValue?: string }) => ({\n axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n BarChartDefaultHorizontalProState,\n (state: BarChartDefaultHorizontalProState) => void,\n ],\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),\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","setGranularity","onBarClicked","description","title","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","granularity","barChartDefaultHorizontalPro"],"mappings":"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"}
1	+ {"version":3,"file":"definition-BrVG5pTw.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, ChartCardHeaderProps } 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 { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartDefaultHorizontalProProps = {\n dimension: Dimension;\n measures: Measure[];\n results: DataResponse;\n reverseYAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxisLabel?: string;\n xAxisRangeMax?: number;\n xAxisRangeMin?: number;\n yAxisLabel?: string;\n yAxisMaxItems?: number;\n setGranularity?: (granularity: Granularity) => void;\n onBarClicked?: (args: { axisDimensionValue: string \| null }) => void;\n} & ChartCardHeaderProps;\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 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, onBarClicked, 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 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 />\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';\n\nconst meta = {\n name: 'BarChartDefaultHorizontalPro',\n label: 'Bar Chart - Default Horizontal',\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 },\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): LoadDataRequest => ({\n from: inputs.dataset,\n select: [...inputs.measures, dimension ?? inputs.dimension],\n limit: inputs.maxResults,\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, dimension: Dimension): DataResponse =>\n loadData(loadDataResultsArgs(inputs, dimension));\n\nconst events = {\n onBarClicked: (value: { axisDimensionValue?: string }) => ({\n axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n BarChartDefaultHorizontalProState,\n (state: BarChartDefaultHorizontalProState) => void,\n ],\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),\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","setGranularity","onBarClicked","description","title","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","granularity","barChartDefaultHorizontalPro"],"mappings":";;;;;;;;;AA8BA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,UAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEhB,GAEE,EAAE,aAAAiB,GAAa,OAAAC,GAAO,SAAAC,GAAS,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBtB,CAAK,GAEhFuB,IAAUC,EAAY;AAAA,IAC1B,SAASxB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKoB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAlB,GAAW,UAAAC,GAAU,UAAUQ,EAAA;AAAA,IACrDb;AAAA,EAAA,GAGI0B,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAAvB,GAAU,YAAY,IAAM,cAAAU,GAAc,MAAAS,GAAM,WAAApB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC1F6B,KAAAC,IAAA9B,EAAM,WAAN,gBAAA8B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC,GAGpDE,IAAkC,CAACd,KAAS,CAACD,KAAe,CAACE;AAEnE,SACEc,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,uBAAuB,CAAClB,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAciB,EAAQ;AAAA,MACtB,aAAAN;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAf;AAAA,MAEC,UAAA;AAAA,QAAAW,KACCoB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcJ;AAAA,YACd,WAAA3B;AAAA,YACA,UAAUU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdoB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,YAAU;AAAA,YACV,MAAAZ;AAAA,YACA,SAAAE;AAAA,YACA,cAAAnB;AAAA,YACA,YAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,iBAAAJ;AAAA,YACA,YAAAa;AAAA,YACA,eAAAR;AAAA,YACA,eAAAC;AAAA,YACA,YAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;;;8CCvFMiB,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ,CAAC,GAAGA,EAAO,SAAS,QAAQC,EAAU,OAAOA,EAAU,qBAAqB;AAAA,IAAA;AAAA,IAEtF,EAAE,GAAGD,EAAO,qCAAqC,OAAO,SAAA;AAAA,IACxDA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,GAMME,IAAgB;AAAA,EACpB,WAAWC,EAAY;AAAA,EACvB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAC1BP,GACAlC,OACqB;AAAA,EACrB,MAAMkC,EAAO;AAAA,EACb,QAAQ,CAAC,GAAGA,EAAO,UAAUlC,KAAakC,EAAO,SAAS;AAAA,EAC1D,OAAOA,EAAO;AAChB,IAEMQ,IAAkB,CAACR,GAA6BlC,MACpD2C,EAASF,EAAoBP,GAAQlC,CAAS,CAAC,GAE3C4C,IAAS;AAAA,EACb,cAAc,CAACC,OAA4C;AAAA,IACzD,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,EAAS;AAEnE,GAEMnD,IAAQ,CACZuC,GACA,CAACa,GAAOC,CAAQ,MAIb;AACH,QAAMC,IAA2BC;AAAA,IAC/BhB,EAAO;AAAA,IACPa,KAAA,gBAAAA,EAAO;AAAA,EAAA;AAGT,SAAO;AAAA,IACL,GAAGb;AAAAA,IACH,WAAWe;AAAA,IACX,gBAAgB,CAACE,MAA6BH,EAAS,EAAE,aAAAG,GAAa;AAAA,IACtE,SAAST,EAAgBR,GAAQe,CAAwB;AAAA,EAAA;AAE7D,GAEaG,KAA+B;AAAA,EAAA,WAC1CZ;AAAAA,EACA,MAAAP;AAAA,EACA,SAAAK;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAAzC;AAAA,IACA,QAAAiD;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcH;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}

package/dist/{definition-DfZXbg6N.js → definition-C8DCZNOR.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import { m as j, j as p, P as M, V as A, l as y } from "./index-C_yieA4G.js";
+import { m as j, j as p, P as M, V as A, l as y } from "./index-CJYh9LRs.js";
 import { useTheme as I, definePreview as T } from "@embeddable.com/react";
-import { g as _, a as O } from "./pies.utils-CkZgyjXM.js";
-import { i as R, r as z } from "./component.utils-CKQTC8YE.js";
-import { C as E } from "./ChartCard-DRvWAJbb.js";
-import { i as s, s as F } from "./component.inputs.constants-CV2cw73o.js";
-import { p as i } from "./preview.data.constants-CF2ixBjn.js";
+import { g as _, a as O } from "./pies.utils-BlPQ76Jf.js";
+import { a as R, r as z } from "./component.utils-Dua9clQJ.js";
+import { C as E } from "./ChartCard-Cqhxv7xl.js";
+import { i as s, s as F } from "./component.inputs.constants-C7tJAhsQ.js";
+import { p as i } from "./preview.data.constants--FLtEcg5.js";
 const r = (e) => {
   var m;
   const t = I();
@@ -119,4 +119,4 @@ export {
   Y as i,
   Z as p
 };
-//# sourceMappingURL=definition-DfZXbg6N.js.map
+//# sourceMappingURL=definition-C8DCZNOR.js.map

package/dist/{definition-DfZXbg6N.js.map → definition-C8DCZNOR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-~~DfZXbg6N~~.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx","../src/components/charts/pies/PieChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { description, title, tooltip } = resolveI18nProps(props);\n\n const {\n dimension,\n maxLegendItems,\n measure,\n results,\n showLegend,\n showTooltips,\n showValueLabels,\n onSegmentClick,\n } = props;\n\n const { hideMenu } = props;\n\n const data = getPieChartProData(\n { data: results.data, dimension, measure, maxLegendItems },\n theme,\n );\n\n const options = mergician(\n getPieChartProOptions(measure, theme),\n theme.charts.pieChartPro?.options ?? {},\n );\n\n const handleSegmentClick = (index: number \| undefined) => {\n if (!onSegmentClick) return;\n\n onSegmentClick({\n dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n });\n };\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[dimension, measure]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <PieChart\n data={data}\n options={options}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n onSegmentClick={handleSegmentClick}\n />\n </ChartCard>\n );\n};\n\nexport default PieChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n name: 'PieChartPro',\n label: 'Pie Chart',\n category: 'Pie Charts',\n inputs: [\n inputs.dataset,\n { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n inputs.dimension,\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.showLegend,\n inputs.maxLegendItems,\n inputs.showTooltips,\n inputs.showValueLabels,\n ],\n events: [\n {\n name: 'onSegmentClick',\n label: 'A segment is clicked',\n properties: [\n {\n name: 'dimensionValue',\n label: 'Clicked dimension',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n dimension: previewData.dimension,\n measure: previewData.measure,\n results: previewData.results1Measure1Dimension,\n showValueLabels: false,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n from: inputs.dataset,\n select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n onSegmentClick: (value: { dimensionValue?: string }) => ({\n dimensionValue: value.dimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n ...inputs,\n results: loadDataResults(inputs),\n});\n\nexport const pieChartPro = {\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":["PieChartPro","props","theme","useTheme","i18nSetup","description","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","onSegmentClick","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}
1	+ {"version":3,"file":"definition-C8DCZNOR.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx","../src/components/charts/pies/PieChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\nexport type PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { description, title, tooltip } = resolveI18nProps(props);\n\n const {\n dimension,\n maxLegendItems,\n measure,\n results,\n showLegend,\n showTooltips,\n showValueLabels,\n onSegmentClick,\n } = props;\n\n const { hideMenu } = props;\n\n const data = getPieChartProData(\n { data: results.data, dimension, measure, maxLegendItems },\n theme,\n );\n\n const options = mergician(\n getPieChartProOptions(measure, theme),\n theme.charts.pieChartPro?.options ?? {},\n );\n\n const handleSegmentClick = (index: number \| undefined) => {\n if (!onSegmentClick) return;\n\n onSegmentClick({\n dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n });\n };\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[dimension, measure]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <PieChart\n data={data}\n options={options}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n onSegmentClick={handleSegmentClick}\n />\n </ChartCard>\n );\n};\n\nexport default PieChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n name: 'PieChartPro',\n label: 'Pie Chart',\n category: 'Pie Charts',\n inputs: [\n inputs.dataset,\n { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n inputs.dimension,\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.showLegend,\n inputs.maxLegendItems,\n inputs.showTooltips,\n inputs.showValueLabels,\n ],\n events: [\n {\n name: 'onSegmentClick',\n label: 'A segment is clicked',\n properties: [\n {\n name: 'dimensionValue',\n label: 'Clicked dimension',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n dimension: previewData.dimension,\n measure: previewData.measure,\n results: previewData.results1Measure1Dimension,\n showValueLabels: false,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n from: inputs.dataset,\n select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n onSegmentClick: (value: { dimensionValue?: string }) => ({\n dimensionValue: value.dimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n ...inputs,\n results: loadDataResults(inputs),\n});\n\nexport const pieChartPro = {\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":["PieChartPro","props","theme","useTheme","i18nSetup","description","title","tooltip","resolveI18nProps","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","onSegmentClick","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}

package/dist/{definition-BEjk2-SO.js → definition-CN6Ieeer.js} RENAMED Viewed

@@ -1,14 +1,15 @@
-import { p as O, m as j, j as k, L as T, V as D, l as $ } from "./index-C_yieA4G.js";
+import { t as O, m as j, j as k, L as T, V as D, l as $ } from "./index-CJYh9LRs.js";
 import { useTheme as _, definePreview as B } from "@embeddable.com/react";
-import { i as W, r as X } from "./component.utils-CKQTC8YE.js";
-import { C as U } from "./ChartCard-DRvWAJbb.js";
-import { g as v, p as A } from "./preview.data.constants-CF2ixBjn.js";
+import { a as W, r as X } from "./component.utils-Dua9clQJ.js";
+import { C as U } from "./ChartCard-Cqhxv7xl.js";
+import { g as v } from "./formatter.utils-BLaKKpAa.js";
 import { g as G } from "./styles.utils-C8CnV0SB.js";
 import { s as Y } from "./color.utils-BSg_DFOh.js";
 import { g as z } from "./lines.utils-CEGfmIHB.js";
-import { u as E } from "./charts.fillGaps.hooks-pnsCGEcn.js";
-import { C as H, g as N } from "./granularity.utils-BVNxXibN.js";
-import { i as a } from "./component.inputs.constants-CV2cw73o.js";
+import { u as E } from "./charts.fillGaps.hooks-CvKhAwUj.js";
+import { C as H, g as N } from "./granularity.utils-Hj10GihD.js";
+import { i as a } from "./component.inputs.constants-C7tJAhsQ.js";
+import { p as A } from "./preview.data.constants--FLtEcg5.js";
 const q = (e, n) => {
   const u = v(n), { data: t = [], dimension: r, groupDimension: i, measure: l, hasMinMaxYAxisRange: g } = e, m = [...new Set(t.map((s) => s[r.name]).filter((s) => s != null))].sort(), c = [...new Set(t.map((s) => s[i.name]))].filter((s) => s != null), o = O(), d = c.map((s, C) => {
     var x;
@@ -166,7 +167,7 @@ const q = (e, n) => {
       ]
     }
   );
-}, ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: w
 }, Symbol.toStringTag, { value: "Module" })), K = {
@@ -251,7 +252,7 @@ const q = (e, n) => {
     setGranularity: (r) => u({ granularity: r }),
     results: V(e, t)
   };
-}, de = {
+}, pe = {
   Component: w,
   meta: K,
   preview: Q,
@@ -268,7 +269,7 @@ const q = (e, n) => {
 export {
   J as a,
   q as g,
-  ce as i,
-  de as l
+  de as i,
+  pe as l
 };
-//# sourceMappingURL=definition-BEjk2-SO.js.map
+//# sourceMappingURL=definition-CN6Ieeer.js.map