@embeddable.com/remarkable-pro 0.1.1 → 0.1.3
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.
- package/dist/BarChartDefaultHorizontalPro.js +9 -8
- package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
- package/dist/BarChartDefaultPro.js +5 -4
- package/dist/BarChartDefaultPro.js.map +1 -1
- package/dist/BarChartGroupedHorizontalPro.js +5 -4
- package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
- package/dist/BarChartGroupedPro.js +7 -6
- package/dist/BarChartGroupedPro.js.map +1 -1
- package/dist/BarChartStackedHorizontalPro.js +10 -9
- package/dist/BarChartStackedHorizontalPro.js.map +1 -1
- package/dist/BarChartStackedPro.js +13 -12
- package/dist/BarChartStackedPro.js.map +1 -1
- package/dist/ChartCard-OT66j3V3.js +117 -0
- package/dist/ChartCard-OT66j3V3.js.map +1 -0
- package/dist/{ChartGranularitySelectField-C_6Mugcw.js → ChartGranularitySelectField-awLCjaEw.js} +3 -3
- package/dist/{ChartGranularitySelectField-C_6Mugcw.js.map → ChartGranularitySelectField-awLCjaEw.js.map} +1 -1
- package/dist/{Color.type.emb-De2K8PVb.js → Color.type.emb-Chs0ckWV.js} +11493 -11117
- package/dist/Color.type.emb-Chs0ckWV.js.map +1 -0
- package/dist/ColorEditor.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +9 -8
- package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
- package/dist/DateRangePickerCustomPro.js +42 -41
- package/dist/DateRangePickerCustomPro.js.map +1 -1
- package/dist/DateRangeSelectFieldPro.js +6 -5
- package/dist/DateRangeSelectFieldPro.js.map +1 -1
- package/dist/{DimensionAndMeasureSingleSelectField-CJ1yAcRd.js → DimensionAndMeasureSingleSelectField-BDdFGAJw.js} +3 -3
- package/dist/{DimensionAndMeasureSingleSelectField-CJ1yAcRd.js.map → DimensionAndMeasureSingleSelectField-BDdFGAJw.js.map} +1 -1
- package/dist/DimensionSingleSelectFieldPro.js +32 -31
- package/dist/DimensionSingleSelectFieldPro.js.map +1 -1
- package/dist/DonutChartPro.js +16 -15
- package/dist/DonutChartPro.js.map +1 -1
- package/dist/DonutLabelChartPro.js +10 -9
- package/dist/DonutLabelChartPro.js.map +1 -1
- package/dist/EditorCard-C79wijeo.js +33 -0
- package/dist/EditorCard-C79wijeo.js.map +1 -0
- package/dist/{GranularitySelectField-DuRk6qY8.js → GranularitySelectField-BVQgGkjc.js} +3 -3
- package/dist/{GranularitySelectField-DuRk6qY8.js.map → GranularitySelectField-BVQgGkjc.js.map} +1 -1
- package/dist/GranularitySelectFieldPro.js +18 -17
- package/dist/GranularitySelectFieldPro.js.map +1 -1
- package/dist/HeatMapPro.js +5 -4
- package/dist/HeatMapPro.js.map +1 -1
- package/dist/{IconCalendarFilled-CYiLMPm9.js → IconCalendarFilled-CPoPNAfd.js} +2 -2
- package/dist/{IconCalendarFilled-CYiLMPm9.js.map → IconCalendarFilled-CPoPNAfd.js.map} +1 -1
- package/dist/KpiChartNumberComparisonPro.js +5 -4
- package/dist/KpiChartNumberComparisonPro.js.map +1 -1
- package/dist/KpiChartNumberPro.js +12 -5
- package/dist/KpiChartNumberPro.js.map +1 -1
- package/dist/LineChartComparisonDefaultPro.js +8 -7
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +5 -4
- package/dist/LineChartDefaultPro.js.map +1 -1
- package/dist/LineChartGroupedPro.js +5 -4
- package/dist/LineChartGroupedPro.js.map +1 -1
- package/dist/MeasureSingleSelectFieldPro.js +32 -31
- package/dist/MeasureSingleSelectFieldPro.js.map +1 -1
- package/dist/MultiSelectFieldPro.js +9 -8
- package/dist/MultiSelectFieldPro.js.map +1 -1
- package/dist/PieChartPro.js +9 -8
- package/dist/PieChartPro.js.map +1 -1
- package/dist/PivotTablePro.js +5 -4
- package/dist/PivotTablePro.js.map +1 -1
- package/dist/SingleSelectFieldPro.js +23 -22
- package/dist/SingleSelectFieldPro.js.map +1 -1
- package/dist/TableChartPaginated.js +10 -9
- package/dist/TableChartPaginated.js.map +1 -1
- package/dist/TableScrollable.js +244 -242
- package/dist/TableScrollable.js.map +1 -1
- package/dist/{bars.utils-7WiIKMS8.js → bars.utils-DzcvCtRj.js} +7 -7
- package/dist/{bars.utils-7WiIKMS8.js.map → bars.utils-DzcvCtRj.js.map} +1 -1
- package/dist/{charts.utils-CeUb1OP-.js → charts.utils-B9hA-AJt.js} +725 -688
- package/dist/charts.utils-B9hA-AJt.js.map +1 -0
- package/dist/{component.inputs.constants-DzpzJ9Na.js → component.inputs.constants-DMsQ1KIy.js} +92 -86
- package/dist/component.inputs.constants-DMsQ1KIy.js.map +1 -0
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts +1 -0
- package/dist/components/charts/shared/ChartCard/ChartCard.d.ts.map +1 -1
- package/dist/components/charts/tables/HeatMapPro/index.d.ts.map +1 -1
- package/dist/components/charts/tables/PivotTablePro/index.d.ts.map +1 -1
- package/dist/components/charts/tables/TableChartPaginated/index.d.ts.map +1 -1
- package/dist/components/charts/tables/TableScrollable/index.d.ts.map +1 -1
- package/dist/components/component.inputs.constants.d.ts +6 -0
- package/dist/components/component.inputs.constants.d.ts.map +1 -1
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/ComparisonPeriodSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/MultiSelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/MultiSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/SingleSelectFieldPro/index.d.ts +2 -2
- package/dist/components/editors/SingleSelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts +2 -2
- package/dist/components/editors/dates/DateRangePickerCustomPro/index.d.ts.map +1 -1
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts +2 -2
- package/dist/components/editors/dates/DateRangePickerPresetsPro/index.d.ts.map +1 -1
- package/dist/components/editors/shared/EditorCard/EditorCard.d.ts +6 -3
- package/dist/components/editors/shared/EditorCard/EditorCard.d.ts.map +1 -1
- package/dist/embeddable-components.json +28 -28
- package/dist/embeddable-theme-0137e.js +1090 -1053
- package/dist/{formatter.utils-CiN6axbW.js → formatter.utils-wIg0a9Bk.js} +2 -2
- package/dist/{formatter.utils-CiN6axbW.js.map → formatter.utils-wIg0a9Bk.js.map} +1 -1
- package/dist/index-5XDqQ63V.js +60 -0
- package/dist/index-5XDqQ63V.js.map +1 -0
- package/dist/{index-Cd59K5g3.js → index-B8Ssaj05.js} +6 -6
- package/dist/{index-Cd59K5g3.js.map → index-B8Ssaj05.js.map} +1 -1
- package/dist/{index-APJ7mYHR.js → index-BBNdJ1lY.js} +5 -5
- package/dist/{index-APJ7mYHR.js.map → index-BBNdJ1lY.js.map} +1 -1
- package/dist/index-BJ0atkgQ.js +93 -0
- package/dist/index-BJ0atkgQ.js.map +1 -0
- package/dist/index-BNh5_nFd.js +37 -0
- package/dist/index-BNh5_nFd.js.map +1 -0
- package/dist/index-BPkVCSJK.js +99 -0
- package/dist/index-BPkVCSJK.js.map +1 -0
- package/dist/index-Bhm26I4T.js +94 -0
- package/dist/index-Bhm26I4T.js.map +1 -0
- package/dist/index-BqknHuCo.js +88 -0
- package/dist/index-BqknHuCo.js.map +1 -0
- package/dist/index-CdwBu2mT.js +83 -0
- package/dist/index-CdwBu2mT.js.map +1 -0
- package/dist/index-CjU578lr.js +98 -0
- package/dist/index-CjU578lr.js.map +1 -0
- package/dist/index-CoDJGGqe.js +346 -0
- package/dist/{index-BEckqi71.js.map → index-CoDJGGqe.js.map} +1 -1
- package/dist/index-CzcB2c9U.js +114 -0
- package/dist/index-CzcB2c9U.js.map +1 -0
- package/dist/index-D00O-VX5.js +178 -0
- package/dist/index-D00O-VX5.js.map +1 -0
- package/dist/index-D01rdEuG.js +183 -0
- package/dist/index-D01rdEuG.js.map +1 -0
- package/dist/index-DDMj32YH.js +32 -0
- package/dist/index-DDMj32YH.js.map +1 -0
- package/dist/index-DI4o8g2o.js +92 -0
- package/dist/index-DI4o8g2o.js.map +1 -0
- package/dist/index-DViBsw3u.js +91 -0
- package/dist/index-DViBsw3u.js.map +1 -0
- package/dist/index-DlmQkA1e.js +37 -0
- package/dist/index-DlmQkA1e.js.map +1 -0
- package/dist/{index-CTds3eHF.js → index-oVUlHLZC.js} +5 -5
- package/dist/{index-CTds3eHF.js.map → index-oVUlHLZC.js.map} +1 -1
- package/dist/index-uoo8E0Rh.js +84 -0
- package/dist/index-uoo8E0Rh.js.map +1 -0
- package/dist/{index-BCVHDZZk.js → index-x7_4cBXP.js} +51 -51
- package/dist/index-x7_4cBXP.js.map +1 -0
- package/dist/index.js +29 -29
- package/dist/{pies.utils-MOzFigDD.js → pies.utils-Cwg8P8bS.js} +5 -5
- package/dist/{pies.utils-MOzFigDD.js.map → pies.utils-Cwg8P8bS.js.map} +1 -1
- package/dist/{preview.data.constants-BBIMPXYy.js → preview.data.constants-DHMnpP3S.js} +2 -2
- package/dist/{preview.data.constants-BBIMPXYy.js.map → preview.data.constants-DHMnpP3S.js.map} +1 -1
- package/dist/remarkable-pro.css +1 -1
- package/dist/{tables.utils-C7MWIQsp.js → tables.utils-C7oD63FD.js} +4 -4
- package/dist/tables.utils-C7oD63FD.js.map +1 -0
- package/dist/{timeRange.utils-LHM3sXwE.js → timeRange.utils-CzFonlg0.js} +2 -2
- package/dist/{timeRange.utils-LHM3sXwE.js.map → timeRange.utils-CzFonlg0.js.map} +1 -1
- package/package.json +8 -7
- package/dist/ChartCard-CfVMn37p.js +0 -116
- package/dist/ChartCard-CfVMn37p.js.map +0 -1
- package/dist/Color.type.emb-De2K8PVb.js.map +0 -1
- package/dist/EditorCard-B9UFM_uA.js +0 -32
- package/dist/EditorCard-B9UFM_uA.js.map +0 -1
- package/dist/charts.utils-CeUb1OP-.js.map +0 -1
- package/dist/component.inputs.constants-DzpzJ9Na.js.map +0 -1
- package/dist/index-387srVl0.js +0 -93
- package/dist/index-387srVl0.js.map +0 -1
- package/dist/index-3xjxWqDJ.js +0 -90
- package/dist/index-3xjxWqDJ.js.map +0 -1
- package/dist/index-7JWw7tI5.js +0 -47
- package/dist/index-7JWw7tI5.js.map +0 -1
- package/dist/index-BCVHDZZk.js.map +0 -1
- package/dist/index-BEckqi71.js +0 -346
- package/dist/index-BYB6yWhD.js +0 -92
- package/dist/index-BYB6yWhD.js.map +0 -1
- package/dist/index-BnOZcps-.js +0 -98
- package/dist/index-BnOZcps-.js.map +0 -1
- package/dist/index-Bv9-6Ht7.js +0 -113
- package/dist/index-Bv9-6Ht7.js.map +0 -1
- package/dist/index-C26JokZs.js +0 -91
- package/dist/index-C26JokZs.js.map +0 -1
- package/dist/index-CEDNCQK8.js +0 -31
- package/dist/index-CEDNCQK8.js.map +0 -1
- package/dist/index-ClEmYHgx.js +0 -60
- package/dist/index-ClEmYHgx.js.map +0 -1
- package/dist/index-Cp90DbOu.js +0 -83
- package/dist/index-Cp90DbOu.js.map +0 -1
- package/dist/index-Crpz4FA4.js +0 -87
- package/dist/index-Crpz4FA4.js.map +0 -1
- package/dist/index-D37a5H7U.js +0 -182
- package/dist/index-D37a5H7U.js.map +0 -1
- package/dist/index-DADSJYlJ.js +0 -177
- package/dist/index-DADSJYlJ.js.map +0 -1
- package/dist/index-DeWASjPW.js +0 -97
- package/dist/index-DeWASjPW.js.map +0 -1
- package/dist/index-DffpQwrs.js +0 -82
- package/dist/index-DffpQwrs.js.map +0 -1
- package/dist/index-mtJHlsB1.js +0 -47
- package/dist/index-mtJHlsB1.js.map +0 -1
- package/dist/tables.utils-C7MWIQsp.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-D01rdEuG.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n }\n\n const themeFormatter = getThemeFormatter(theme);\n\n const groupedData = props.data;\n\n return {\n labels: groupedData.map((item) => {\n return item[props.dimension.name];\n }),\n datasets: props.measures.map((measure, index) => {\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const lineColor = measure.inputs?.['lineColor'];\n const chartColors = getChartColors();\n const backgroundColor = isColorValid(lineColor)\n ? lineColor\n : getDimensionMeasureColor({\n dimensionOrMeasure: measure,\n theme,\n color: 'background',\n value: measure.name,\n chartColors,\n index,\n });\n\n const borderColor = isColorValid(lineColor)\n ? lineColor\n : getDimensionMeasureColor({\n dimensionOrMeasure: measure,\n theme,\n color: 'border',\n value: measure.name,\n chartColors,\n index,\n });\n\n return {\n clip: props.hasMinMaxYAxisRange,\n label: themeFormatter.dimensionOrMeasureTitle(measure),\n data: values,\n backgroundColor: setColorAlpha(backgroundColor, 0.5),\n pointBackgroundColor: backgroundColor,\n borderDash: measure.inputs?.['dashedLine']\n ? [\n getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n ]\n : undefined,\n borderColor,\n fill: Boolean(measure.inputs?.['fillUnderLine']),\n } as ChartData<'line'>['datasets'][number];\n }),\n };\n};\n\nexport const getLineChartProOptions = (\n options: {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n onLineClicked?: LineChartProOptionsClick;\n },\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, onLineClicked } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const label = context[0]?.label;\n return themeFormatter.data(dimension, label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex]!;\n const raw = context.raw as number;\n return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n ticks: {\n callback: (value) => {\n if (!data || !data.labels) return undefined;\n\n const label = data.labels[Number(value)] as string;\n return themeFormatter.data(dimension, label);\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n onClick: (_event, elements, chart) => {\n if (!onLineClicked) return;\n\n const element = elements[0];\n const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n onLineClicked({\n dimensionValue,\n });\n },\n };\n\n return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.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 LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n setGranularity: (granularity: Granularity) => void;\n onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n hideMenu,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n setGranularity,\n onLineClicked,\n } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n });\n\n const data = getLineChartProData(\n {\n data: results.data,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n },\n theme,\n );\n const options = getLineChartProOptions(\n { data, dimension: xAxis, measures, onLineClicked },\n theme,\n );\n\n const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartPro;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart"],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { j as n, K as j } from "./Color.type.emb-Chs0ckWV.js";
|
|
2
|
+
import { useTheme as x } from "@embeddable.com/react";
|
|
3
|
+
import { a as g, r as v } from "./component.inputs.constants-DMsQ1KIy.js";
|
|
4
|
+
import { C } from "./ChartCard-OT66j3V3.js";
|
|
5
|
+
import { g as S } from "./formatter.utils-wIg0a9Bk.js";
|
|
6
|
+
const b = (r) => {
|
|
7
|
+
var a, s;
|
|
8
|
+
const o = x();
|
|
9
|
+
g(o);
|
|
10
|
+
const { title: i, description: m, results: e, measure: t, fontSize: u, tooltip: l } = v(r), { hideMenu: d } = r, p = (s = (a = e.data) == null ? void 0 : a[0]) == null ? void 0 : s[t.name], c = S(o), f = (h) => c.data(t, h);
|
|
11
|
+
return /* @__PURE__ */ n.jsx(
|
|
12
|
+
C,
|
|
13
|
+
{
|
|
14
|
+
data: e,
|
|
15
|
+
dimensionsAndMeasures: [t],
|
|
16
|
+
errorMessage: e.error,
|
|
17
|
+
description: m,
|
|
18
|
+
title: i,
|
|
19
|
+
tooltip: l,
|
|
20
|
+
hideMenu: d,
|
|
21
|
+
children: /* @__PURE__ */ n.jsx(j, { value: p, valueFormatter: f, valueFontSize: u })
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
25
|
+
__proto__: null,
|
|
26
|
+
default: b
|
|
27
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
28
|
+
export {
|
|
29
|
+
b as K,
|
|
30
|
+
P as i
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=index-DDMj32YH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DDMj32YH.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype KpiChartNumberProProp = {\n results: DataResponse;\n measure: Measure;\n fontSize?: number;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, results, measure, fontSize, tooltip } = resolveI18nProps(props);\n const { hideMenu } = props;\n\n const value = results.data?.[0]?.[measure.name];\n\n const themeFormatter = getThemeFormatter(theme);\n const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <KpiChart value={value} valueFormatter={valueFormatter} valueFontSize={fontSize} />\n </ChartCard>\n );\n};\n\nexport default KpiChartNumberPro;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","results","measure","fontSize","tooltip","resolveI18nProps","hideMenu","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","jsx","ChartCard","KpiChart"],"mappings":";;;;;AAeA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,SAAAC,EAAA,IAAYC,EAAiBV,CAAK,GACpF,EAAE,UAAAW,MAAaX,GAEfY,KAAQC,KAAAC,IAAAR,EAAQ,SAAR,gBAAAQ,EAAe,OAAf,gBAAAD,EAAoBN,EAAQ,OAEpCQ,IAAiBC,EAAkBf,CAAK,GACxCgB,IAAiB,CAACC,MAA0BH,EAAe,KAAKR,GAASW,CAAa;AAE5F,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMd;AAAA,MACN,uBAAuB,CAACC,CAAO;AAAA,MAC/B,cAAcD,EAAQ;AAAA,MACtB,aAAAD;AAAA,MACA,OAAAD;AAAA,MACA,SAAAK;AAAA,MACA,UAAAE;AAAA,MAEA,UAAAQ,gBAAAA,EAAAA,IAACE,GAAA,EAAS,OAAAT,GAAc,gBAAAK,GAAgC,eAAeT,EAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGvF;;;;"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { m as T, j as o, B as k } from "./Color.type.emb-Chs0ckWV.js";
|
|
2
|
+
import { useTheme as w } from "@embeddable.com/react";
|
|
3
|
+
import { a as _, r as v } from "./component.inputs.constants-DMsQ1KIy.js";
|
|
4
|
+
import { C as G } from "./ChartCard-OT66j3V3.js";
|
|
5
|
+
import { b as O, a as R } from "./bars.utils-DzcvCtRj.js";
|
|
6
|
+
import { u as z } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
+
import { C as D } from "./ChartGranularitySelectField-awLCjaEw.js";
|
|
8
|
+
const F = (e) => {
|
|
9
|
+
var d, u;
|
|
10
|
+
const a = w();
|
|
11
|
+
_(a);
|
|
12
|
+
const { tooltip: i, description: n, title: l, xAxisLabel: h, yAxisLabel: x } = v(e), {
|
|
13
|
+
groupBy: m,
|
|
14
|
+
measure: r,
|
|
15
|
+
reverseXAxis: g,
|
|
16
|
+
showLegend: p,
|
|
17
|
+
showLogarithmicScale: C,
|
|
18
|
+
showTooltips: f,
|
|
19
|
+
showTotalLabels: b,
|
|
20
|
+
showValueLabels: y,
|
|
21
|
+
xAxis: s,
|
|
22
|
+
yAxisRangeMax: S,
|
|
23
|
+
yAxisRangeMin: A,
|
|
24
|
+
setGranularity: B,
|
|
25
|
+
onBarClicked: M
|
|
26
|
+
} = e, { hideMenu: j } = e, t = z({
|
|
27
|
+
results: e.results,
|
|
28
|
+
dimension: e.xAxis
|
|
29
|
+
}), c = O(
|
|
30
|
+
{
|
|
31
|
+
data: t.data,
|
|
32
|
+
dimension: s,
|
|
33
|
+
groupDimension: m,
|
|
34
|
+
measure: r
|
|
35
|
+
},
|
|
36
|
+
a
|
|
37
|
+
), L = T(
|
|
38
|
+
R(
|
|
39
|
+
{ measures: [r], horizontal: !1, onBarClicked: M, data: c, dimension: s },
|
|
40
|
+
a
|
|
41
|
+
),
|
|
42
|
+
((u = (d = a.charts) == null ? void 0 : d.barChartStackedPro) == null ? void 0 : u.options) || {}
|
|
43
|
+
), P = !l && !n && !i;
|
|
44
|
+
return /* @__PURE__ */ o.jsxs(
|
|
45
|
+
G,
|
|
46
|
+
{
|
|
47
|
+
data: t,
|
|
48
|
+
dimensionsAndMeasures: [r, s, m],
|
|
49
|
+
errorMessage: t.error,
|
|
50
|
+
description: n,
|
|
51
|
+
title: l,
|
|
52
|
+
tooltip: i,
|
|
53
|
+
hideMenu: j,
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ o.jsx(
|
|
56
|
+
D,
|
|
57
|
+
{
|
|
58
|
+
hasMarginTop: P,
|
|
59
|
+
dimension: s,
|
|
60
|
+
onChange: B
|
|
61
|
+
}
|
|
62
|
+
),
|
|
63
|
+
/* @__PURE__ */ o.jsx(
|
|
64
|
+
k,
|
|
65
|
+
{
|
|
66
|
+
data: c,
|
|
67
|
+
showLegend: p,
|
|
68
|
+
showTooltips: f,
|
|
69
|
+
showValueLabels: y,
|
|
70
|
+
showLogarithmicScale: C,
|
|
71
|
+
xAxisLabel: h,
|
|
72
|
+
yAxisLabel: x,
|
|
73
|
+
reverseXAxis: g,
|
|
74
|
+
yAxisRangeMin: A,
|
|
75
|
+
yAxisRangeMax: S,
|
|
76
|
+
showTotalLabels: b,
|
|
77
|
+
options: L,
|
|
78
|
+
stacked: !0
|
|
79
|
+
}
|
|
80
|
+
)
|
|
81
|
+
]
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
85
|
+
__proto__: null,
|
|
86
|
+
default: F
|
|
87
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
88
|
+
export {
|
|
89
|
+
F as B,
|
|
90
|
+
K as i
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=index-DI4o8g2o.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DI4o8g2o.js","sources":["../src/components/charts/bars/BarChartStackedPro/index.tsx"],"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 { getBarChartProOptions, getBarStackedChartProData } 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\ntype BarChartStackedProProps = {\n groupBy: Dimension;\n maxLegendItems?: number;\n measure: Measure;\n results: DataResponse;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTotalLabels?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxis: Dimension;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n setGranularity: (granularity: Granularity) => void;\n onBarClicked?: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n const {\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n xAxis,\n yAxisRangeMax,\n yAxisRangeMin,\n setGranularity,\n onBarClicked,\n } = props;\n\n const { hideMenu } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartStackedPro?.options || {},\n );\n\n const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseXAxis={reverseXAxis}\n yAxisRangeMin={yAxisRangeMin}\n yAxisRangeMax={yAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n stacked\n />\n </ChartCard>\n );\n};\n\nexport default BarChartStackedPro;\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","hideMenu","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAmCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AACf,QAAM,EAAE,SAAAG,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBT,CAAK,GAEhF;AAAA,IACJ,SAAAU;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEtB,GAEE,EAAE,UAAAuB,MAAavB,GAEfwB,IAAUC,EAAY;AAAA,IAC1B,SAASzB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEK0B,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWN;AAAA,MACX,gBAAgBR;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFV;AAAA,EAAA,GAGI2B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACnB,CAAO,GAAG,YAAY,IAAO,cAAAW,GAAc,MAAAI,GAAM,WAAWR,EAAA;AAAA,MACzEjB;AAAA,IAAA;AAAA,MAEF8B,KAAAC,IAAA/B,EAAM,WAAN,gBAAA+B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC,GAG1CE,IAAkC,CAAC3B,KAAS,CAACD,KAAe,CAACD;AAEnE,SACE8B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,uBAAuB,CAACb,GAASO,GAAOR,CAAO;AAAA,MAC/C,cAAcc,EAAQ;AAAA,MACtB,aAAAnB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAF;AAAA,MACA,UAAAmB;AAAA,MAEA,UAAA;AAAA,QAAAa,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcJ;AAAA,YACd,WAAWf;AAAA,YACX,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZe,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAZ;AAAA,YACA,YAAAb;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAP;AAAA,YACA,YAAAC;AAAA,YACA,cAAAI;AAAA,YACA,eAAAQ;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAH;AAAA,YACA,SAAAY;AAAA,YACA,SAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { m as T, j as t, B as w } from "./Color.type.emb-Chs0ckWV.js";
|
|
2
|
+
import { useTheme as G } from "@embeddable.com/react";
|
|
3
|
+
import { a as _, r as v } from "./component.inputs.constants-DMsQ1KIy.js";
|
|
4
|
+
import { C as O } from "./ChartCard-OT66j3V3.js";
|
|
5
|
+
import { b as R, a as k } from "./bars.utils-DzcvCtRj.js";
|
|
6
|
+
import { u as z } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
+
import { C as D } from "./ChartGranularitySelectField-awLCjaEw.js";
|
|
8
|
+
const F = (e) => {
|
|
9
|
+
var d, c;
|
|
10
|
+
const s = G();
|
|
11
|
+
_(s);
|
|
12
|
+
const {
|
|
13
|
+
groupBy: i,
|
|
14
|
+
measure: r,
|
|
15
|
+
reverseXAxis: h,
|
|
16
|
+
showLegend: p,
|
|
17
|
+
showLogarithmicScale: x,
|
|
18
|
+
showTooltips: g,
|
|
19
|
+
showTotalLabels: C,
|
|
20
|
+
showValueLabels: f,
|
|
21
|
+
xAxis: a,
|
|
22
|
+
yAxisRangeMax: b,
|
|
23
|
+
yAxisRangeMin: y,
|
|
24
|
+
setGranularity: A,
|
|
25
|
+
onBarClicked: B
|
|
26
|
+
} = e, { tooltip: n, description: l, title: m, xAxisLabel: M, yAxisLabel: j } = v(e), { hideMenu: S } = e, o = z({
|
|
27
|
+
results: e.results,
|
|
28
|
+
dimension: e.xAxis
|
|
29
|
+
}), u = R(
|
|
30
|
+
{
|
|
31
|
+
data: o.data,
|
|
32
|
+
dimension: a,
|
|
33
|
+
groupDimension: i,
|
|
34
|
+
measure: r
|
|
35
|
+
},
|
|
36
|
+
s
|
|
37
|
+
), L = T(
|
|
38
|
+
k(
|
|
39
|
+
{ measures: [r], horizontal: !1, onBarClicked: B, data: u, dimension: a },
|
|
40
|
+
s
|
|
41
|
+
),
|
|
42
|
+
((c = (d = s.charts) == null ? void 0 : d.barChartGroupedPro) == null ? void 0 : c.options) || {}
|
|
43
|
+
), P = !m && !l && !n;
|
|
44
|
+
return /* @__PURE__ */ t.jsxs(
|
|
45
|
+
O,
|
|
46
|
+
{
|
|
47
|
+
data: o,
|
|
48
|
+
dimensionsAndMeasures: [r, a, i],
|
|
49
|
+
errorMessage: o.error,
|
|
50
|
+
description: l,
|
|
51
|
+
title: m,
|
|
52
|
+
tooltip: n,
|
|
53
|
+
hideMenu: S,
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ t.jsx(
|
|
56
|
+
D,
|
|
57
|
+
{
|
|
58
|
+
hasMarginTop: P,
|
|
59
|
+
dimension: a,
|
|
60
|
+
onChange: A
|
|
61
|
+
}
|
|
62
|
+
),
|
|
63
|
+
/* @__PURE__ */ t.jsx(
|
|
64
|
+
w,
|
|
65
|
+
{
|
|
66
|
+
data: u,
|
|
67
|
+
showLegend: p,
|
|
68
|
+
showTooltips: g,
|
|
69
|
+
showValueLabels: f,
|
|
70
|
+
showLogarithmicScale: x,
|
|
71
|
+
xAxisLabel: M,
|
|
72
|
+
yAxisLabel: j,
|
|
73
|
+
reverseXAxis: h,
|
|
74
|
+
yAxisRangeMin: y,
|
|
75
|
+
yAxisRangeMax: b,
|
|
76
|
+
showTotalLabels: C,
|
|
77
|
+
options: L
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
84
|
+
__proto__: null,
|
|
85
|
+
default: F
|
|
86
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
87
|
+
export {
|
|
88
|
+
F as B,
|
|
89
|
+
K as i
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=index-DViBsw3u.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DViBsw3u.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx"],"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 { getBarChartProOptions, getBarStackedChartProData } 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\ntype BarChartGroupedProProps = {\n groupBy: Dimension;\n measure: Measure;\n results: DataResponse;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showTotalLabels?: boolean;\n showValueLabels?: boolean;\n xAxis: Dimension;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n setGranularity: (granularity: Granularity) => void;\n onBarClicked?: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n xAxis,\n yAxisRangeMax,\n yAxisRangeMin,\n setGranularity,\n onBarClicked,\n } = props;\n\n const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n const { hideMenu } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartGroupedPro?.options || {},\n );\n\n const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\n <BarChart\n data={data}\n showLegend={showLegend}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n showLogarithmicScale={showLogarithmicScale}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n reverseXAxis={reverseXAxis}\n yAxisRangeMin={yAxisRangeMin}\n yAxisRangeMax={yAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default BarChartGroupedPro;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAkCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,SAAAG;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEhB,GAEE,EAAE,SAAAiB,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBtB,CAAK,GAEhF,EAAE,UAAAuB,MAAavB,GAEfwB,IAAUC,EAAY;AAAA,IAC1B,SAASzB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEK0B,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWZ;AAAA,MACX,gBAAgBR;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFJ;AAAA,EAAA,GAGI2B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACzB,CAAO,GAAG,YAAY,IAAO,cAAAW,GAAc,MAAAU,GAAM,WAAWd,EAAA;AAAA,MACzEX;AAAA,IAAA;AAAA,MAEF8B,KAAAC,IAAA/B,EAAM,WAAN,gBAAA+B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC,GAG1CE,IAAkC,CAACd,KAAS,CAACD,KAAe,CAACD;AAEnE,SACEiB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,uBAAuB,CAACnB,GAASO,GAAOR,CAAO;AAAA,MAC/C,cAAcoB,EAAQ;AAAA,MACtB,aAAAN;AAAA,MACA,OAAAC;AAAA,MACA,SAAAF;AAAA,MACA,UAAAM;AAAA,MAEA,UAAA;AAAA,QAAAa,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcJ;AAAA,YACd,WAAWrB;AAAA,YACX,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZqB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAZ;AAAA,YACA,YAAAnB;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAY;AAAA,YACA,YAAAC;AAAA,YACA,cAAAf;AAAA,YACA,eAAAQ;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAH;AAAA,YACA,SAAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { j as l, M as O } from "./Color.type.emb-Chs0ckWV.js";
|
|
2
|
+
import { g as b } from "./formatter.utils-wIg0a9Bk.js";
|
|
3
|
+
import { useTheme as j } from "@embeddable.com/react";
|
|
4
|
+
import { E as v } from "./EditorCard-C79wijeo.js";
|
|
5
|
+
import { r as x, i as F } from "./component.inputs.constants-DMsQ1KIy.js";
|
|
6
|
+
const _ = 200, P = (n) => {
|
|
7
|
+
var i, r;
|
|
8
|
+
const m = j(), c = b(m), { tooltip: d, title: u, description: p, placeholder: h } = x(n), { dimension: t, optionalSecondDimension: a, results: o, selectedValues: g, setSearchValue: f, onChange: s } = n, S = ((i = o.data) == null ? void 0 : i.map((e) => ({
|
|
9
|
+
value: a ? e[a.name] : e[t.name],
|
|
10
|
+
label: c.data(t, e[t.name])
|
|
11
|
+
}))) ?? [], M = !o.isLoading && (((r = o.data) == null ? void 0 : r.length) ?? 0) === 0;
|
|
12
|
+
return /* @__PURE__ */ l.jsx(v, { title: u, description: p, tooltip: d, children: /* @__PURE__ */ l.jsx(
|
|
13
|
+
O,
|
|
14
|
+
{
|
|
15
|
+
isClearable: !0,
|
|
16
|
+
isSearchable: !0,
|
|
17
|
+
isLoading: o.isLoading,
|
|
18
|
+
values: g ?? [],
|
|
19
|
+
options: S,
|
|
20
|
+
placeholder: h,
|
|
21
|
+
noOptionsMessage: M ? F.t("common.noOptionsFound") : void 0,
|
|
22
|
+
onChange: (e) => s == null ? void 0 : s(e),
|
|
23
|
+
onSearch: f,
|
|
24
|
+
avoidCollisions: !1
|
|
25
|
+
}
|
|
26
|
+
) });
|
|
27
|
+
}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
28
|
+
__proto__: null,
|
|
29
|
+
MAX_OPTIONS: _,
|
|
30
|
+
default: P
|
|
31
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
32
|
+
export {
|
|
33
|
+
_ as M,
|
|
34
|
+
P as a,
|
|
35
|
+
I as i
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=index-DlmQkA1e.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DlmQkA1e.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n dimension: Dimension;\n optionalSecondDimension?: Dimension;\n placeholder?: string;\n results: DataResponse;\n selectedValues?: string[];\n maxOptions?: number;\n setSearchValue?: (search: string) => void;\n onChange?: (newValues: string[]) => void;\n} & EditorCardHeaderProps;\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n const theme: Theme = useTheme() as Theme;\n const themeFormatter = getThemeFormatter(theme);\n\n const { tooltip, title, description, placeholder } = resolveI18nProps(props);\n const { dimension, optionalSecondDimension, results, selectedValues, setSearchValue, onChange } =\n props;\n\n const options =\n results.data?.map((data) => {\n return {\n value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n label: themeFormatter.data(dimension, data[dimension.name]),\n };\n }) ?? [];\n\n const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n return (\n <EditorCard title={title} description={description} tooltip={tooltip}>\n <MultiSelectField\n isClearable\n isSearchable\n isLoading={results.isLoading}\n values={selectedValues ?? []}\n options={options}\n placeholder={placeholder}\n noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n onChange={(newValues) => onChange?.(newValues)}\n onSearch={setSearchValue}\n avoidCollisions={false}\n />\n </EditorCard>\n );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","tooltip","title","description","placeholder","resolveI18nProps","dimension","optionalSecondDimension","results","selectedValues","setSearchValue","onChange","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues"],"mappings":";;;;;AASO,MAAMA,IAAc,KAarBC,IAAsB,CAACC,MAAoC;;AAC/D,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GAExC,EAAE,SAAAI,GAAS,OAAAC,GAAO,aAAAC,GAAa,aAAAC,EAAA,IAAgBC,EAAiBT,CAAK,GACrE,EAAE,WAAAU,GAAW,yBAAAC,GAAyB,SAAAC,GAAS,gBAAAC,GAAgB,gBAAAC,GAAgB,UAAAC,MACnFf,GAEIgB,MACJC,IAAAL,EAAQ,SAAR,gBAAAK,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOP,IAA0BO,EAAKP,EAAwB,IAAI,IAAIO,EAAKR,EAAU,IAAI;AAAA,IACzF,OAAOP,EAAe,KAAKO,GAAWQ,EAAKR,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFS,IAA+B,CAACP,EAAQ,gBAAcQ,IAAAR,EAAQ,SAAR,gBAAAQ,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,aAAAC,GAA0B,SAAAF,GAClD,UAAAgB,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,WAAWX,EAAQ;AAAA,MACnB,QAAQC,KAAkB,CAAA;AAAA,MAC1B,SAAAG;AAAA,MACA,aAAAR;AAAA,MACA,kBAAkBW,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAcV,KAAA,gBAAAA,EAAWU;AAAA,MACpC,UAAUX;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { m as S, j as l, P as b } from "./Color.type.emb-
|
|
1
|
+
import { m as S, j as l, P as b } from "./Color.type.emb-Chs0ckWV.js";
|
|
2
2
|
import { useTheme as v } from "@embeddable.com/react";
|
|
3
|
-
import { g as M, a as _ } from "./pies.utils-
|
|
4
|
-
import { a as k, r as w } from "./component.inputs.constants-
|
|
5
|
-
import { C as L } from "./ChartCard-
|
|
3
|
+
import { g as M, a as _ } from "./pies.utils-Cwg8P8bS.js";
|
|
4
|
+
import { a as k, r as w } from "./component.inputs.constants-DMsQ1KIy.js";
|
|
5
|
+
import { C as L } from "./ChartCard-OT66j3V3.js";
|
|
6
6
|
const O = (s) => {
|
|
7
7
|
var n;
|
|
8
8
|
const e = v();
|
|
@@ -60,4 +60,4 @@ export {
|
|
|
60
60
|
O as P,
|
|
61
61
|
A as i
|
|
62
62
|
};
|
|
63
|
-
//# sourceMappingURL=index-
|
|
63
|
+
//# sourceMappingURL=index-oVUlHLZC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-oVUlHLZC.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx"],"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\ntype PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const {\n description,\n dimension,\n maxLegendItems,\n measure,\n results,\n showLegend,\n showTooltips,\n showValueLabels,\n title,\n onSegmentClick,\n } = resolveI18nProps(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 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"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart"],"mappings":";;;;;AAYA,MAAMA,IAAc,CAACC,MAA4B;;AAC/C,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpB,EAAE,UAAAe,MAAaf,GAEfgB,IAAOC;AAAA,IACX,EAAE,MAAMT,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIiB,IAAUC;AAAA,IACdC,EAAsBb,GAASN,CAAK;AAAA,MACpCoB,IAAApB,EAAM,OAAO,gBAAb,gBAAAoB,EAA0B,YAAW,CAAA;AAAA,EAAC,GAGlCC,IAAqB,CAACC,MAA8B;;AACxD,IAAKV,KAELA,EAAe;AAAA,MACb,gBAAgBU,MAAU,WAAwBC,KAAAH,IAAAb,EAAQ,SAAR,gBAAAa,EAAeE,OAAf,OAAZ,SAAYC,EAAwBnB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEoB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMlB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,aAAAJ;AAAA,MACA,OAAAQ;AAAA,MACA,UAAAG;AAAA,MAEA,UAAAU,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAT;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { m as z, j as o, B as L } from "./Color.type.emb-Chs0ckWV.js";
|
|
2
|
+
import { useTheme as T } from "@embeddable.com/react";
|
|
3
|
+
import { a as w, r as _ } from "./component.inputs.constants-DMsQ1KIy.js";
|
|
4
|
+
import { C as v } from "./ChartCard-OT66j3V3.js";
|
|
5
|
+
import { g as D, a as G } from "./bars.utils-DzcvCtRj.js";
|
|
6
|
+
import { u as H } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
+
import { C as I } from "./ChartGranularitySelectField-awLCjaEw.js";
|
|
8
|
+
const O = (t) => {
|
|
9
|
+
var u, h;
|
|
10
|
+
const r = T();
|
|
11
|
+
w(r);
|
|
12
|
+
const {
|
|
13
|
+
hideMenu: c,
|
|
14
|
+
dimension: a,
|
|
15
|
+
measures: e,
|
|
16
|
+
showValueLabels: x,
|
|
17
|
+
reverseYAxis: d,
|
|
18
|
+
showLegend: p,
|
|
19
|
+
showLogarithmicScale: g,
|
|
20
|
+
showTooltips: f,
|
|
21
|
+
xAxisRangeMax: C,
|
|
22
|
+
xAxisRangeMin: M,
|
|
23
|
+
yAxisMaxItems: b,
|
|
24
|
+
setGranularity: j,
|
|
25
|
+
onBarClicked: y
|
|
26
|
+
} = t, { description: i, title: n, tooltip: l, xAxisLabel: A, yAxisLabel: B } = _(t), s = H({
|
|
27
|
+
results: t.results,
|
|
28
|
+
dimension: a
|
|
29
|
+
}), m = D(
|
|
30
|
+
{ data: s.data, dimension: a, measures: e, maxItems: b },
|
|
31
|
+
r
|
|
32
|
+
), P = z(
|
|
33
|
+
G({ measures: e, horizontal: !0, onBarClicked: y, data: m, dimension: a }, r),
|
|
34
|
+
// Format X axis based on first measure
|
|
35
|
+
((h = (u = r.charts) == null ? void 0 : u.barChartDefaultHorizontalPro) == null ? void 0 : h.options) || {}
|
|
36
|
+
), S = !n && !i && !l;
|
|
37
|
+
return /* @__PURE__ */ o.jsxs(
|
|
38
|
+
v,
|
|
39
|
+
{
|
|
40
|
+
data: s,
|
|
41
|
+
dimensionsAndMeasures: [a, ...e],
|
|
42
|
+
errorMessage: s.error,
|
|
43
|
+
description: i,
|
|
44
|
+
title: n,
|
|
45
|
+
tooltip: l,
|
|
46
|
+
hideMenu: c,
|
|
47
|
+
children: [
|
|
48
|
+
/* @__PURE__ */ o.jsx(
|
|
49
|
+
I,
|
|
50
|
+
{
|
|
51
|
+
hasMarginTop: S,
|
|
52
|
+
dimension: a,
|
|
53
|
+
onChange: j
|
|
54
|
+
}
|
|
55
|
+
),
|
|
56
|
+
/* @__PURE__ */ o.jsx(
|
|
57
|
+
L,
|
|
58
|
+
{
|
|
59
|
+
horizontal: !0,
|
|
60
|
+
data: m,
|
|
61
|
+
options: P,
|
|
62
|
+
reverseYAxis: d,
|
|
63
|
+
showLegend: p,
|
|
64
|
+
showLogarithmicScale: g,
|
|
65
|
+
showTooltips: f,
|
|
66
|
+
showValueLabels: x,
|
|
67
|
+
xAxisLabel: A,
|
|
68
|
+
xAxisRangeMax: C,
|
|
69
|
+
xAxisRangeMin: M,
|
|
70
|
+
yAxisLabel: B
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
77
|
+
__proto__: null,
|
|
78
|
+
default: O
|
|
79
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
80
|
+
export {
|
|
81
|
+
O as B,
|
|
82
|
+
J as i
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=index-uoo8E0Rh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-uoo8E0Rh.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx"],"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\ntype 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 <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={dimension}\n onChange={setGranularity}\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"],"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"],"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,MAEA,UAAA;AAAA,QAAA+B,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcJ;AAAA,YACd,WAAA3B;AAAA,YACA,UAAUU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZoB,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;;;;"}
|