npm - @embeddable.com/remarkable-ui - Versions diffs - 0.1.39 → 0.1.41 - Mend

@embeddable.com/remarkable-ui 0.1.39 → 0.1.41

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

package/dist/LineChartComparisonDefaultPro.js CHANGED Viewed

@@ -1,20 +1,20 @@
 import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
-import { m as E, E as G, C as w, U, _ as I, $ as O, i as q, r as z, j as V, a0 as K, d as J, a as B, Y as A, a1 as S, z as W, X as H, W as Q, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as ie, y as oe, p as re, q as le, u as me, V as de, o as F } from "./component.constants-CeRyckoA.js";
-import { C as ce } from "./ChartCard-t-ie7CyA.js";
-import { useEffect as pe } from "react";
-import { g as ue } from "./timeRange.utils-D8QUTull.js";
-import { g as M } from "./formatter.utils-CRniOO_L.js";
-import { g as ge, a as xe } from "./object.utils-D_Zzon-H.js";
-import { i as he, s as be } from "./color.utils-CVyp-fGP.js";
-import { g as Ce } from "./lines.utils-CFEUUo4k.js";
+import { m as E, E as G, C as w, U, _ as I, $ as O, i as q, r as z, j as V, a0 as K, d as J, a as B, Y as A, a1 as S, z as W, X as H, W as Q, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as ie, y as oe, p as re, q as le, u as me, A as de, V as ce, o as F } from "./component.constants-6DERKpeq.js";
+import { C as pe } from "./ChartCard-CsgyAnzC.js";
+import { useEffect as ue } from "react";
+import { g as ge } from "./timeRange.utils-C61mst0e.js";
+import { g as M } from "./formatter.utils-R5zIrZIA.js";
+import { g as xe, a as he } from "./object.utils-D_Zzon-H.js";
+import { i as be, s as Ce } from "./color.utils-CVyp-fGP.js";
+import { g as fe } from "./lines.utils-CFEUUo4k.js";
 import { u as N } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
-import { C as fe } from "./ComparisonPeriod.type.emb-DAJ28BEm.js";
+import { C as ye } from "./ComparisonPeriod.type.emb-ZjbGbiV1.js";
 const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
   var P, k, h, u;
   const { data: n, measure: i, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((P = i.inputs) != null && P.connectGaps), g = e ? e.map((C) => {
     const D = n == null ? void 0 : n.find((T) => T[s.name] === C);
     return (D == null ? void 0 : D[i.name]) ?? (l ? 0 : null);
-  }) : n == null ? void 0 : n.map((C) => C[i.name] ?? (l ? 0 : null)), x = M(t), f = ge(t), o = !!((k = i.inputs) != null && k[r ? "previousLineDashed" : "lineDashed"]), m = (h = i.inputs) == null ? void 0 : h[r ? "previousLineColor" : "lineColor"], d = he(m) ? m : xe(
+  }) : n == null ? void 0 : n.map((C) => C[i.name] ?? (l ? 0 : null)), x = M(t), f = xe(t), o = !!((k = i.inputs) != null && k[r ? "previousLineDashed" : "lineDashed"]), m = (h = i.inputs) == null ? void 0 : h[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
     `${f}.charts.backgroundColors`,
     i.name,
     t.charts.backgroundColors ?? G,
@@ -26,7 +26,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     rawLabel: y,
     label: (r ? `${U.t("common.compared")} ` : "") + y,
     data: g,
-    backgroundColor: be(
+    backgroundColor: Ce(
       d,
       w("--em-line-chart-line-fill-opacity")
     ),
@@ -39,7 +39,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     fill: (u = i.inputs) == null ? void 0 : u.fillUnderLine,
     clip: b
   };
-}, ye = (a, t) => {
+}, De = (a, t) => {
   if (!a.data)
     return {
       labels: [],
@@ -83,7 +83,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     labels: e ?? n.map((g) => g[s.name]),
     datasets: [...p, ...l]
   };
-}, De = (a, t) => {
+}, Ae = (a, t) => {
   const { dimension: n, data: i, measures: s, xAxisLabel: c } = a, r = M(t);
   return {
     plugins: {
@@ -145,7 +145,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       }
     }
   };
-}, Ae = (a, t) => {
+}, Le = (a, t) => {
   var x, f;
   const { dimension: n, data: i, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: b } = a, e = M(t), p = ((x = i.datasets.find((o) => o.xAxisID === L)) == null ? void 0 : x.labels) ?? [], l = ((f = i.datasets.find((o) => o.xAxisID === v)) == null ? void 0 : f.labels) ?? [];
   return {
@@ -226,15 +226,15 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       }
     }
   };
-}, Le = (a, t) => {
+}, ve = (a, t) => {
   var c, r;
-  const { onLineClicked: n, dimension: i } = a, s = i.nativeType === "time" ? Ae : De;
+  const { onLineClicked: n, dimension: i } = a, s = i.nativeType === "time" ? Le : Ae;
   return E(
-    Ce({ onLineClicked: n }),
+    fe({ onLineClicked: n }),
     s(a, t),
     ((r = (c = t.charts) == null ? void 0 : c.lineChartComparisonDefaultPro) == null ? void 0 : r.options) || {}
   );
-}, ve = (a) => {
+}, Re = (a) => {
   const t = Y();
   q(t);
   const { title: n, description: i, xAxisLabel: s, yAxisLabel: c } = z(a), {
@@ -254,8 +254,8 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     setComparisonDateRange: P,
     onLineClicked: k
   } = a;
-  pe(() => {
-    const X = ue(
+  ue(() => {
+    const X = ge(
       d,
       r,
       t
@@ -266,7 +266,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     results: a.resultsComparison,
     dimension: e,
     externalDateBounds: y
-  }), C = !!(d && r), D = ye(
+  }), C = !!(d && r), D = De(
     {
       data: h.data,
       dataComparison: C ? (u == null ? void 0 : u.data) ?? [] : void 0,
@@ -275,7 +275,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       hasMinMaxYAxisRange: m != null || o != null
     },
     t
-  ), T = Le(
+  ), T = ve(
     {
       data: D,
       dimension: e,
@@ -291,7 +291,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     data: !(h != null && h.data) && !(u != null && u.data) ? void 0 : [...h.data ?? [], ...(u == null ? void 0 : u.data) ?? []]
   };
   return /* @__PURE__ */ V.jsx(
-    ce,
+    pe,
     {
       data: j,
       dimensionsAndMeasures: [...b, e],
@@ -316,7 +316,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       )
     }
   );
-}, Re = {
+}, Pe = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",
   category: "Line Charts",
@@ -358,7 +358,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
     },
     {
       name: "comparisonPeriod",
-      type: fe,
+      type: ye,
       label: "Comparison Period",
       description: "You can also connect this to a comparison period selector using its variable",
       category: "Component Data"
@@ -386,7 +386,8 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       name: "showComparisonAxis",
       label: "Display a comparison X-axis",
       defaultValue: !0
-    }
+    },
+    de
   ],
   events: [
     {
@@ -401,7 +402,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       ]
     }
   ]
-}, Ne = _(ve, Re, {
+}, $e = _(Re, Pe, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (a, [t, n]) => {
     const i = [
@@ -415,6 +416,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       comparisonDateRange: t == null ? void 0 : t.comparisonDateRange,
       setComparisonDateRange: (c) => n({ comparisonDateRange: c }),
       results: F({
+        limit: a.maxResults,
         from: a.dataset,
         select: [...a.measures, a.xAxis],
         orderBy: i,
@@ -427,6 +429,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
         ] : void 0
       }),
       resultsComparison: a.primaryDateRange && s && (t != null && t.comparisonDateRange) ? F({
+        limit: a.maxResults,
         from: a.dataset,
         select: [...a.measures, a.xAxis],
         orderBy: i,
@@ -442,12 +445,12 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
   },
   events: {
     onLineClicked: (a) => ({
-      axisDimensionValue: a.dimensionValue || de.noFilter()
+      axisDimensionValue: a.dimensionValue || ce.noFilter()
     })
   }
 });
 export {
-  Ne as default,
-  Re as meta
+  $e as default,
+  Pe as meta
 };
 //# sourceMappingURL=LineChartComparisonDefaultPro.js.map

package/dist/LineChartComparisonDefaultPro.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n chartjsAxisOptionsScalesTicksDefault,\n chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n props: {\n data: DataResponse['data'];\n measure: Measure;\n dimension: Dimension;\n labels?: string[];\n hasMinMaxYAxisRange: boolean;\n isPreviousPeriod?: boolean;\n index: number;\n },\n theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n const datasetLabels = data?.map((item) => item[dimension.name]);\n\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n const processedData = labels\n ? labels.map((label) => {\n const found = data?.find((item) => item[dimension.name] === label);\n return found?.[measure.name] ?? (zeroFill ? 0 : null);\n })\n : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const themeFormatter = getThemeFormatter(theme);\n const themeKey = getObjectStableKey(theme);\n\n const isLineDashed = Boolean(\n measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n );\n\n const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n const lineColor = isColorValid(lineColorTemp)\n ? lineColorTemp\n : getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n const dataset = {\n xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n labels: datasetLabels,\n rawLabel,\n label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n data: processedData,\n backgroundColor: setColorAlpha(\n lineColor,\n getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n ),\n pointBackgroundColor: lineColor,\n borderDash: isLineDashed\n ? [\n getStyleNumber('--em-line-chart-line-dash-length'),\n getStyleNumber('--em-line-chart-line-gap-length'),\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 ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\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 ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(\n (!showComparisonAxis \|\| comparisonDimensionLabels.length === 0) && xAxisLabel,\n ),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n if (comparisonDimensionLabels.length === 0) {\n return '';\n }\n\n const comparisonLabel = comparisonDimensionLabels[Number(index)];\n return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { onLineClicked, dimension } = options;\n\n const getOptions =\n dimension.nativeType === 'time'\n ? getLineChartComparisonTimeOptions\n : getLineChartComparisonNonTimeOptions;\n\n return mergician(\n getLineChartProOptions({ onLineClicked }),\n getOptions(options, theme),\n theme.charts?.lineChartComparisonDefaultPro?.options \|\| {},\n );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n getLineChartComparisonProData,\n getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\ntype LineChartComparisonDefaultProProps = {\n description: string;\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n resultsComparison: DataResponse \| undefined;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n comparisonPeriod?: string;\n comparisonDateRange: TimeRange;\n showComparisonAxis: boolean;\n primaryDateRange: TimeRange;\n setComparisonDateRange: (dateRange: TimeRange) => void;\n onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n comparisonPeriod,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n primaryDateRange,\n comparisonDateRange,\n showComparisonAxis,\n setComparisonDateRange,\n onLineClicked,\n } = props;\n\n useEffect(() => {\n const newComparisonDateRange = getComparisonPeriodDateRange(\n primaryDateRange,\n comparisonPeriod,\n theme,\n );\n setComparisonDateRange(newComparisonDateRange);\n }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n const resultsComparison = useFillGaps({\n results: props.resultsComparison,\n dimension: xAxis,\n externalDateBounds: comparisonDateRange,\n });\n\n const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n const data = getLineChartComparisonProData(\n {\n data: results.data,\n dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null \|\| yAxisRangeMax != null),\n },\n theme,\n );\n\n const options = getLineChartComparisonProOptions(\n {\n data: data,\n dimension: xAxis,\n measures,\n xAxisLabel,\n showComparisonAxis,\n showDataComparison,\n onLineClicked,\n },\n theme,\n );\n\n const resultsCombined: DataResponse = {\n isLoading: Boolean(results.isLoading \|\| resultsComparison?.isLoading),\n data:\n !results?.data && !resultsComparison?.data\n ? undefined\n : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n };\n\n return (\n <ChartCard\n data={resultsCombined}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error \|\| resultsComparison?.error}\n subtitle={description}\n title={title}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimension,\n dimensionTime,\n genericBoolean,\n genericTimeRange,\n measures,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n subInputColor,\n title,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange, Value } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n name: 'LineChartComparisonDefaultPro',\n label: 'Line Chart Comparison - Default',\n category: 'Line Charts',\n inputs: [\n dataset,\n {\n ...measures,\n inputs: [\n ...measures.inputs,\n { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputColor,\n name: 'lineColor',\n label: 'Line color',\n },\n { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n {\n ...genericBoolean,\n name: 'lineDashed',\n label: 'Primary line dashed',\n defaultValue: false,\n },\n {\n ...genericBoolean,\n name: 'previousLineDashed',\n label: 'Compared line dashed',\n defaultValue: true,\n },\n { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n ],\n },\n { ...dimension, label: 'X-axis', name: 'xAxis' },\n {\n ...genericTimeRange,\n name: 'primaryDateRange',\n label: 'Primary Date Range',\n description: 'You can also connect this to a date range selector using its variable',\n category: 'Component Data',\n },\n {\n name: 'comparisonPeriod',\n type: ComparisonPeriodType,\n label: 'Comparison Period',\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n {\n ...dimensionTime,\n name: 'timePropertyForNonTimeDimensions',\n label: 'Time property for non time dimensions',\n description:\n 'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n required: false,\n },\n\n title,\n description,\n showLegend,\n showTooltips,\n showValueLabels,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n {\n ...genericBoolean,\n name: 'showComparisonAxis',\n label: 'Display a comparison X-axis',\n defaultValue: true,\n },\n ],\n events: [\n {\n name: 'onLineClicked',\n label: 'A line is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n props: (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n LineChartComparisonDefaultProState,\n (state: LineChartComparisonDefaultProState) => void,\n ],\n ) => {\n const orderBy: OrderBy[] = [\n {\n property: inputs.xAxis,\n direction: 'asc',\n },\n ];\n\n const timeProperty =\n inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n ...inputs,\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n results: loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters:\n inputs.primaryDateRange && timeProperty\n ? [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: inputs.primaryDateRange,\n },\n ]\n : undefined,\n }),\n resultsComparison:\n inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n ? loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters: [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: state.comparisonDateRange,\n },\n ],\n })\n : undefined,\n };\n },\n events: {\n onLineClicked: (value: LineChartProOptionsClickArg) => {\n return {\n axisDimensionValue: value.dimensionValue \|\| Value.noFilter(),\n };\n },\n },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData","Value"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAe,YACfC,IAAqB,kBAErBC,IAAgC,CACpCC,GASAC,MAC0C;;AAC1C,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,kBAAAC,GAAkB,qBAAAC,GAAqB,QAAAC,MAAWR,GACrFS,IAAgBP,KAAA,gBAAAA,EAAM,IAAI,CAACQ,MAASA,EAAKN,EAAU,IAAI,IAEvDO,IAAW,IAAQC,IAAAT,EAAQ,WAAR,QAAAS,EAAiB,cAEpCC,IAAgBL,IAClBA,EAAO,IAAI,CAACM,MAAU;AACpB,UAAMC,IAAQb,KAAA,gBAAAA,EAAM,KAAK,CAACQ,MAASA,EAAKN,EAAU,IAAI,MAAMU;AAC5D,YAAOC,KAAA,gBAAAA,EAAQZ,EAAQ,WAAUQ,IAAW,IAAI;AAAA,EAClD,CAAC,IACDT,KAAA,gBAAAA,EAAM,IAAI,CAACQ,MAASA,EAAKP,EAAQ,IAAI,MAAMQ,IAAW,IAAI,QAExDK,IAAiBC,EAAkBhB,CAAK,GACxCiB,IAAWC,GAAmBlB,CAAK,GAEnCmB,IAAe,IACnBC,IAAAlB,EAAQ,WAAR,QAAAkB,EAAiBf,IAAmB,uBAAuB,gBAGvDgB,KAAgBC,IAAApB,EAAQ,WAAR,gBAAAoB,EAAiBjB,IAAmB,sBAAsB,cAC1EkB,IAAYC,GAAaH,CAAa,IACxCA,IACAI;AAAA,IACE,GAAGR,CAAQ;AAAA,IACXf,EAAQ;AAAA,IACRF,EAAM,OAAO,oBAAoB0B;AAAA,IACjCtB;AAAA,EAAA,GAGAuB,IAAWZ,EAAe,wBAAwBb,CAAO;AAwB/D,SAtBgB;AAAA,IACd,SAASG,IAAmBR,IAAqBD;AAAA,IACjD,QAAQY;AAAA,IACR,UAAAmB;AAAA,IACA,QAAQtB,IAAmB,GAAGuB,EAAK,EAAE,iBAAiB,CAAC,MAAM,MAAMD;AAAA,IACnE,MAAMf;AAAA,IACN,iBAAiBiB;AAAA,MACfN;AAAA,MACAO,EAAe,mCAAmC;AAAA,IAAA;AAAA,IAEpD,sBAAsBP;AAAA,IACtB,YAAYJ,IACR;AAAA,MACEW,EAAe,kCAAkC;AAAA,MACjDA,EAAe,iCAAiC;AAAA,IAAA,IAElD;AAAA,IACJ,aAAaP;AAAA,IACb,OAAMQ,IAAA7B,EAAQ,WAAR,gBAAA6B,EAAiB;AAAA,IACvB,MAAMzB;AAAA,EAAA;AAIV,GAEa0B,KAAgC,CAC3CjC,GAOAC,MACsB;AACtB,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU;AAAA,QACR,EAAE,SAASH,GAAc,MAAM,GAAC;AAAA,QAChC,EAAE,SAASC,GAAoB,MAAM,CAAA,EAAC;AAAA,MAAE;AAAA,IAC1C;AAIJ,QAAM,EAAE,MAAAI,GAAM,gBAAAgC,GAAgB,WAAA9B,GAAW,UAAA+B,GAAU,qBAAA5B,MAAwBP,GAIrEQ,IADkBJ,EAAU,eAAe,SAE7C,SACA8B,IACE,MAAM;AAAA,wBACA,IAAI;AAAA,MACN,GAAGhC,EAAK,IAAI,CAACQ,MAASA,EAAKN,EAAU,IAAI,CAAC;AAAA,MAC1C,IAAI8B,KAAA,gBAAAA,EAAgB,IAAI,CAACxB,MAASA,EAAKN,EAAU,IAAI,OAAM,CAAA;AAAA,IAAC,CAC7D;AAAA,EAAA,IAEH,QAEAgC,IAAmBD,EAAS;AAAA,IAAI,CAAChC,GAASE,MAC9CN;AAAA,MACE;AAAA,QACE,MAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAC;AAAA,QACA,QAAAI;AAAA,QACA,qBAAAD;AAAA,QACA,OAAAF;AAAA,MAAA;AAAA,MAEFJ;AAAA,IAAA;AAAA,EACF,GAGIoC,IAAqBF,EAAS;AAAA,IAAI,CAAChC,GAASE,MAChDN;AAAA,MACE;AAAA,QACE,MAAMmC;AAAA,QACN,SAAA/B;AAAA,QACA,WAAAC;AAAA,QACA,QAAAI;AAAA,QACA,qBAAAD;AAAA,QACA,OAAAF;AAAA,QACA,kBAAkB;AAAA,MAAA;AAAA,MAEpBJ;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQO,KAAUN,EAAK,IAAI,CAACQ,MAASA,EAAKN,EAAU,IAAI,CAAC;AAAA,IACzD,UAAU,CAAC,GAAGgC,GAAkB,GAAGC,CAAkB;AAAA,EAAA;AAEzD,GAYMC,KAAuC,CAC3CC,GACAtC,MACyB;AACzB,QAAM,EAAE,WAAAG,GAAW,MAAAF,GAAM,UAAAiC,GAAU,YAAAK,MAAeD,GAC5CvB,IAAiBC,EAAkBhB,CAAK;AAsE9C,SApE+C;AAAA,IAC7C,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,QAAQ,CAACwC,GAAYC,MAAc;AACjC,gBAAI,CAACD,EAAY,QAAO;AACxB,kBAAME,IAAUD,EAAU,SAASD,EAAW,YAAa;AAE3D,mBAAO,MAAM,QAAQE,EAAQ,IAAI,KAAKA,EAAQ,KAAK,SAAS;AAAA,UAC9D;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW,CAACC,GAAwBC,MAAY;AAC9C,oBAAM1C,IAAUgC,EAASU,EAAQ,eAAeV,EAAS,MAAM;AAC/D,qBAAOnB,EAAe,KAAKb,GAASyC,CAAK;AAAA,YAC3C;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACC,MACDA,EAAQ,CAAC,IAEP7B,EAAe,KAAKZ,GAAWyC,EAAQ,CAAC,EAAE,KAAK,IAF9B;AAAA,UAI1B,OAAO,CAACA,MAAY;AAClB,kBAAM1C,IAAUgC,EAASU,EAAQ,eAAeV,EAAS,MAAM,GACzDW,IAAMD,EAAQ;AACpB,mBAAO,GAAGA,EAAQ,QAAQ,KAAK,KAAK7B,EAAe,KAAKb,GAAS2C,CAAG,CAAC;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,QAAQ;AAAA,MACN,GAAG;AAAA,QACD,SAAS;AAAA,MAAA;AAAA,MAEX,CAACjD,CAAY,GAAG;AAAA,QACd,OAAO;AAAA,UACL,GAAGkD;AAAA,UACH,MAAMP;AAAA,UACN,SAAS,EAAQA;AAAA,QAAU;AAAA,QAE7B,MAAM,EAAE,SAAS,GAAA;AAAA,QACjB,OAAO;AAAA,UACL,GAAGQ;AAAA,UACH,SAAS3C,GAAO;;AACd,mBAAOW,EAAe,KAAKZ,IAAWQ,IAAAV,EAAK,WAAL,gBAAAU,EAAcP,EAAgB;AAAA,UACtE;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,CAACP,CAAkB,GAAG;AAAA,QACpB,SAAS;AAAA,MAAA;AAAA,MAEX,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAAC8C,MACF5B,EAAe,KAAKmB,EAAS,CAAC,GAAIS,CAAK;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAIJ,GAEMK,KAAoC,CACxCV,GACAtC,MACyB;;AACzB,QAAM,EAAE,WAAAG,GAAW,MAAAF,GAAM,UAAAiC,GAAU,YAAAK,GAAY,oBAAAU,GAAoB,oBAAAC,MAAuBZ,GACpFvB,IAAiBC,EAAkBhB,CAAK,GAExCmD,MACHxC,IAAAV,EAAK,SAAS,KAAK,CAACmD,MAAOA,EAAG,YAAYxD,CAAY,MAAtD,gBAAAe,EAAmF,WACpF,CAAA,GACI0C,MACHjC,IAAAnB,EAAK,SAAS,KAAK,CAACmD,MAAOA,EAAG,YAAYvD,CAAkB,MAA5D,gBAAAuB,EACG,WAAU,CAAA;AAsGhB,SApG+C;AAAA,IAC7C,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,QAAQ,CAACoB,GAAYC,MAAc;AACjC,gBAAI,CAACD,EAAY,QAAO;AACxB,kBAAME,IAAUD,EAAU,SAASD,EAAW,YAAa;AAE3D,mBAAO,MAAM,QAAQE,EAAQ,IAAI,KAAKA,EAAQ,KAAK,SAAS;AAAA,UAC9D;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW,CAACC,GAAwBC,MAAY;AAC9C,oBAAM1C,IAAUgC,EAASU,EAAQ,eAAeV,EAAS,MAAM;AAC/D,qBAAOnB,EAAe,KAAKb,GAASyC,CAAK;AAAA,YAC3C;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACC,MAAY;AAClB,kBAAMU,IAAcV,EAAQ,CAAC;AAE7B,gBAAI,CAACM,KAAsBI;AACzB,qBAAOvC,EAAe,KAAKZ,GAAWmD,EAAY,KAAK;AAGzD,kBAAMC,IAAYD,KAAA,gBAAAA,EAAa;AAE/B,gBAAIC,MAAc,OAAW,QAAO;AAEpC,kBAAMC,IACJL,EAAoBI,CAAS,KAC7BxC,EAAe,KAAKZ,GAAWgD,EAAoBI,CAAS,CAAC,GACzDE,IACJJ,EAA0BE,CAAS,KACnCxC,EAAe,KAAKZ,GAAWkD,EAA0BE,CAAS,CAAC;AAErE,mBAAO,GAAGC,KAAQ,GAAG,OAAOC,KAAc,GAAG;AAAA,UAC/C;AAAA,UACA,OAAO,CAACb,MAAY;AAClB,kBAAM1C,IAAUgC,EAASU,EAAQ,eAAeV,EAAS,MAAM,GACzDW,IAAMD,EAAQ;AACpB,mBAAO,GAAGA,EAAQ,QAAQ,KAAK,KAAK7B,EAAe,KAAKb,GAAS2C,CAAG,CAAC;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,QAAQ;AAAA,MACN,GAAG,EAAE,SAAS,GAAA;AAAA,MACd,CAACjD,CAAY,GAAG;AAAA,QACd,OAAO;AAAA,UACL,GAAGkD;AAAA,UACH,MAAMP;AAAA,UACN,SAAS,IACN,CAACU,KAAsBI,EAA0B,WAAW,MAAMd;AAAA,QACrE;AAAA,QAEF,MAAM,EAAE,SAAS,GAAA;AAAA,QACjB,OAAO;AAAA,UACL,GAAGQ;AAAA,UACH,UAAU,CAAC3C,MACFW,EAAe,KAAKZ,GAAWgD,EAAoB,OAAO/C,CAAK,CAAC,CAAC;AAAA,QAC1E;AAAA,MACF;AAAA,MAEF,CAACP,CAAkB,GAAG;AAAA,QACpB,OAAO;AAAA,UACL,GAAGiD;AAAA,UACH,MAAMP;AAAA,UACN,SAAS,EAAQA;AAAA,QAAU;AAAA,QAE7B,MAAM,EAAE,SAAS,GAAA;AAAA,QACjB,SAASU,KAAsBI,EAA0B,SAAS;AAAA,QAClE,OAAO;AAAA,UACL,GAAGN;AAAA,UACH,UAAU,CAAC3C,MAAU;AACnB,gBAAIiD,EAA0B,WAAW;AACvC,qBAAO;AAGT,kBAAMK,IAAkBL,EAA0B,OAAOjD,CAAK,CAAC;AAC/D,mBAAOsD,IAAkB3C,EAAe,KAAKZ,GAAWuD,CAAe,IAAI;AAAA,UAC7E;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACf,MACF5B,EAAe,KAAKmB,EAAS,CAAC,GAAIS,CAAK;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAIJ,GAEagB,KAAmC,CAC9CrB,GACAtC,MACyB;;AACzB,QAAM,EAAE,eAAA4D,GAAe,WAAAzD,EAAA,IAAcmC,GAE/BuB,IACJ1D,EAAU,eAAe,SACrB6C,KACAX;AAEN,SAAOyB;AAAA,IACLC,GAAuB,EAAE,eAAAH,GAAe;AAAA,IACxCC,EAAWvB,GAAStC,CAAK;AAAA,MACzBoB,KAAAT,IAAAX,EAAM,WAAN,gBAAAW,EAAc,kCAAd,gBAAAS,EAA6C,YAAW,CAAA;AAAA,EAAC;AAE7D,GCnVM4C,KAAgC,CAACjE,MAA8C;AACnF,QAAMC,IAAeiE,EAAA;AACrB,EAAAC,EAAUlE,CAAK;AAEf,QAAM,EAAE,OAAAmE,GAAO,aAAAC,GAAa,YAAA7B,GAAY,YAAA8B,EAAA,IAAeC,EAAiBvE,CAAK,GACvE;AAAA,IACJ,kBAAAwE;AAAA,IACA,UAAArC;AAAA,IACA,OAAAsC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAhC;AAAA,IACA,wBAAAiC;AAAA,IACA,eAAAtB;AAAA,EAAA,IACE7D;AAEJ,EAAAoF,GAAU,MAAM;AACd,UAAMC,IAAyBC;AAAA,MAC7BL;AAAA,MACAT;AAAA,MACAvE;AAAA,IAAA;AAEF,IAAAkF,EAAuBE,CAAsB;AAAA,EAC/C,GAAG,CAACb,GAAkB,KAAK,UAAUS,CAAgB,GAAGhF,CAAK,CAAC;AAE9D,QAAMsF,IAAUC,EAAY,EAAE,SAASxF,EAAM,SAAS,WAAWyE,GAAO,GAElEgB,IAAoBD,EAAY;AAAA,IACpC,SAASxF,EAAM;AAAA,IACf,WAAWyE;AAAA,IACX,oBAAoBS;AAAA,EAAA,CACrB,GAEK/B,IAAqB,GAAQ8B,KAAoBT,IACjDtE,IAAO+B;AAAA,IACX;AAAA,MACE,MAAMsD,EAAQ;AAAA,MACd,gBAAgBpC,KAAsBsC,KAAA,gBAAAA,EAAmB,SAAQ,CAAA,IAAM;AAAA,MACvE,WAAWhB;AAAA,MACX,UAAAtC;AAAA,MACA,qBAA6B6C,KAAiB,QAAQD,KAAiB;AAAA,IAAI;AAAA,IAE7E9E;AAAA,EAAA,GAGIsC,IAAUqB;AAAA,IACd;AAAA,MACE,MAAA1D;AAAA,MACA,WAAWuE;AAAA,MACX,UAAAtC;AAAA,MACA,YAAAK;AAAA,MACA,oBAAAU;AAAA,MACA,oBAAAC;AAAA,MACA,eAAAU;AAAA,IAAA;AAAA,IAEF5D;AAAA,EAAA,GAGIyF,IAAgC;AAAA,IACpC,WAAW,GAAQH,EAAQ,aAAaE,KAAA,QAAAA,EAAmB;AAAA,IAC3D,MACE,EAACF,KAAA,QAAAA,EAAS,SAAQ,EAACE,KAAA,QAAAA,EAAmB,QAClC,SACA,CAAC,GAAIF,EAAQ,QAAQ,CAAA,GAAK,IAAIE,KAAA,gBAAAA,EAAmB,SAAQ,CAAA,CAAG;AAAA,EAAA;AAGpE,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMF;AAAA,MACN,uBAAuB,CAAC,GAAGvD,GAAUsC,CAAK;AAAA,MAC1C,cAAcc,EAAQ,UAASE,KAAA,gBAAAA,EAAmB;AAAA,MAClD,UAAUpB;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAuB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAA3F;AAAA,UACA,cAAAwE;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAtC;AAAA,UACA,YAAA8B;AAAA,UACA,eAAAS;AAAA,UACA,eAAAC;AAAA,UACA,SAAAzC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GC9GauD,KAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNnD;AAAA,IACA;AAAA,MACE,GAAGR;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAS;AAAA,QACZ,EAAE,GAAG4D,GAAgB,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACnD;AAAA,UACE,GAAGC;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,EAAE,GAAGA,GAAe,MAAM,qBAAqB,OAAO,sBAAA;AAAA,QACtD;AAAA,UACE,GAAGD;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,QAEhB;AAAA,UACE,GAAGA;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,QAEhB,EAAE,GAAGA,GAAgB,MAAM,eAAe,OAAO,gBAAgB,cAAc,GAAA;AAAA,MAAK;AAAA,IACtF;AAAA,IAEF,EAAE,GAAG3F,GAAW,OAAO,UAAU,MAAM,QAAA;AAAA,IACvC;AAAA,MACE,GAAG6F;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAMC;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,MACF,UAAU;AAAA,IAAA;AAAA,IAGZ/B;AAAA,IACAC;AAAA,IACAM;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACApC;AAAA,IACA8B;AAAA,IACAI;AAAA,IACAM;AAAA,IACAD;AAAA,IACA;AAAA,MACE,GAAGgB;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAMAK,KAAeC,EAAgBpC,IAA+B6B,IAAM;AAAA;AAAA,EAGlE,OAAO,CACLQ,GACA,CAACC,GAAOC,CAAQ,MAIb;AACH,UAAMC,IAAqB;AAAA,MACzB;AAAA,QACE,UAAUH,EAAO;AAAA,QACjB,WAAW;AAAA,MAAA;AAAA,IACb,GAGII,IACJJ,EAAO,MAAM,eAAe,SAASA,EAAO,QAAQA,EAAO;AAE7D,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,qBAAqBC,KAAA,gBAAAA,EAAO;AAAA,MAC5B,wBAAwB,CAACrB,MAAmCsB,EAAS,EAAE,qBAAAtB,GAAqB;AAAA,MAC5F,SAASyB,EAAS;AAAA,QAChB,MAAML,EAAO;AAAA,QACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,KAAK;AAAA,QACzC,SAAAG;AAAA,QACA,SACEH,EAAO,oBAAoBI,IACvB;AAAA,UACE;AAAA,YACE,UAAUA;AAAA,YACV,UAAU;AAAA,YACV,OAAOJ,EAAO;AAAA,UAAA;AAAA,QAChB,IAEF;AAAA,MAAA,CACP;AAAA,MACD,mBACEA,EAAO,oBAAoBI,MAAgBH,KAAA,QAAAA,EAAO,uBAC9CI,EAAS;AAAA,QACP,MAAML,EAAO;AAAA,QACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,KAAK;AAAA,QACzC,SAAAG;AAAA,QACA,SAAS;AAAA,UACP;AAAA,YACE,UAAUC;AAAA,YACV,UAAU;AAAA,YACV,OAAOH,EAAM;AAAA,UAAA;AAAA,QACf;AAAA,MACF,CACD,IACD;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,QAAQ;AAAA,IACN,eAAe,CAAC3D,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkBgE,GAAM,SAAA;AAAA,IAAS;AAAA,EAE/D;AAEJ,CAAC;"}
1	+ {"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n chartjsAxisOptionsScalesTicksDefault,\n chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n props: {\n data: DataResponse['data'];\n measure: Measure;\n dimension: Dimension;\n labels?: string[];\n hasMinMaxYAxisRange: boolean;\n isPreviousPeriod?: boolean;\n index: number;\n },\n theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n const datasetLabels = data?.map((item) => item[dimension.name]);\n\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n const processedData = labels\n ? labels.map((label) => {\n const found = data?.find((item) => item[dimension.name] === label);\n return found?.[measure.name] ?? (zeroFill ? 0 : null);\n })\n : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const themeFormatter = getThemeFormatter(theme);\n const themeKey = getObjectStableKey(theme);\n\n const isLineDashed = Boolean(\n measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n );\n\n const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n const lineColor = isColorValid(lineColorTemp)\n ? lineColorTemp\n : getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n const dataset = {\n xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n labels: datasetLabels,\n rawLabel,\n label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n data: processedData,\n backgroundColor: setColorAlpha(\n lineColor,\n getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n ),\n pointBackgroundColor: lineColor,\n borderDash: isLineDashed\n ? [\n getStyleNumber('--em-line-chart-line-dash-length'),\n getStyleNumber('--em-line-chart-line-gap-length'),\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 ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\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 ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(\n (!showComparisonAxis \|\| comparisonDimensionLabels.length === 0) && xAxisLabel,\n ),\n },\n grid: { display: false },\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n title: {\n ...chartjsAxisOptionsScalesTitle,\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n ticks: {\n ...chartjsAxisOptionsScalesTicksDefault,\n callback: (index) => {\n if (comparisonDimensionLabels.length === 0) {\n return '';\n }\n\n const comparisonLabel = comparisonDimensionLabels[Number(index)];\n return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { onLineClicked, dimension } = options;\n\n const getOptions =\n dimension.nativeType === 'time'\n ? getLineChartComparisonTimeOptions\n : getLineChartComparisonNonTimeOptions;\n\n return mergician(\n getLineChartProOptions({ onLineClicked }),\n getOptions(options, theme),\n theme.charts?.lineChartComparisonDefaultPro?.options \|\| {},\n );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n getLineChartComparisonProData,\n getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\ntype LineChartComparisonDefaultProProps = {\n description: string;\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n resultsComparison: DataResponse \| undefined;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n comparisonPeriod?: string;\n comparisonDateRange: TimeRange;\n showComparisonAxis: boolean;\n primaryDateRange: TimeRange;\n setComparisonDateRange: (dateRange: TimeRange) => void;\n onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n comparisonPeriod,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n primaryDateRange,\n comparisonDateRange,\n showComparisonAxis,\n setComparisonDateRange,\n onLineClicked,\n } = props;\n\n useEffect(() => {\n const newComparisonDateRange = getComparisonPeriodDateRange(\n primaryDateRange,\n comparisonPeriod,\n theme,\n );\n setComparisonDateRange(newComparisonDateRange);\n }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n const resultsComparison = useFillGaps({\n results: props.resultsComparison,\n dimension: xAxis,\n externalDateBounds: comparisonDateRange,\n });\n\n const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n const data = getLineChartComparisonProData(\n {\n data: results.data,\n dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null \|\| yAxisRangeMax != null),\n },\n theme,\n );\n\n const options = getLineChartComparisonProOptions(\n {\n data: data,\n dimension: xAxis,\n measures,\n xAxisLabel,\n showComparisonAxis,\n showDataComparison,\n onLineClicked,\n },\n theme,\n );\n\n const resultsCombined: DataResponse = {\n isLoading: Boolean(results.isLoading \|\| resultsComparison?.isLoading),\n data:\n !results?.data && !resultsComparison?.data\n ? undefined\n : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n };\n\n return (\n <ChartCard\n data={resultsCombined}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error \|\| resultsComparison?.error}\n subtitle={description}\n title={title}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimension,\n dimensionTime,\n genericBoolean,\n genericTimeRange,\n maxResults,\n measures,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n subInputColor,\n title,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange, Value } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n name: 'LineChartComparisonDefaultPro',\n label: 'Line Chart Comparison - Default',\n category: 'Line Charts',\n inputs: [\n dataset,\n {\n ...measures,\n inputs: [\n ...measures.inputs,\n { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputColor,\n name: 'lineColor',\n label: 'Line color',\n },\n { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n {\n ...genericBoolean,\n name: 'lineDashed',\n label: 'Primary line dashed',\n defaultValue: false,\n },\n {\n ...genericBoolean,\n name: 'previousLineDashed',\n label: 'Compared line dashed',\n defaultValue: true,\n },\n { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n ],\n },\n { ...dimension, label: 'X-axis', name: 'xAxis' },\n {\n ...genericTimeRange,\n name: 'primaryDateRange',\n label: 'Primary Date Range',\n description: 'You can also connect this to a date range selector using its variable',\n category: 'Component Data',\n },\n {\n name: 'comparisonPeriod',\n type: ComparisonPeriodType,\n label: 'Comparison Period',\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n {\n ...dimensionTime,\n name: 'timePropertyForNonTimeDimensions',\n label: 'Time property for non time dimensions',\n description:\n 'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n required: false,\n },\n\n title,\n description,\n showLegend,\n showTooltips,\n showValueLabels,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n {\n ...genericBoolean,\n name: 'showComparisonAxis',\n label: 'Display a comparison X-axis',\n defaultValue: true,\n },\n maxResults,\n ],\n events: [\n {\n name: 'onLineClicked',\n label: 'A line is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n props: (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n LineChartComparisonDefaultProState,\n (state: LineChartComparisonDefaultProState) => void,\n ],\n ) => {\n const orderBy: OrderBy[] = [\n {\n property: inputs.xAxis,\n direction: 'asc',\n },\n ];\n\n const timeProperty =\n inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n ...inputs,\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters:\n inputs.primaryDateRange && timeProperty\n ? [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: inputs.primaryDateRange,\n },\n ]\n : undefined,\n }),\n resultsComparison:\n inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n ? loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n orderBy,\n filters: [\n {\n property: timeProperty,\n operator: 'inDateRange',\n value: state.comparisonDateRange,\n },\n ],\n })\n : undefined,\n };\n },\n events: {\n onLineClicked: (value: LineChartProOptionsClickArg) => {\n return {\n axisDimensionValue: value.dimensionValue \|\| Value.noFilter(),\n };\n },\n },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","maxResults","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData","Value"],"mappings":"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"}

package/dist/LineChartDefaultPro.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import { useTheme as v, defineComponent as w } from "@embeddable.com/react";
-import { E as f, C as g, m as F, i as P, r as R, j as A, a0 as B, d as j, a as k, Y as x, a1 as O, b as S, t as T, c as I, s as $, e as G, f as X, g as Y, x as E, y as K, p as N, q as U, u as _, V as q, o as z } from "./component.constants-CeRyckoA.js";
-import { C as W } from "./ChartCard-t-ie7CyA.js";
-import { g as V } from "./formatter.utils-CRniOO_L.js";
-import { g as H, a as y } from "./object.utils-D_Zzon-H.js";
+import { E as f, C as g, m as R, i as F, r as P, j as A, a0 as B, d as j, a as k, Y as p, a1 as O, b as S, t as T, c as I, s as $, e as G, f as X, g as Y, x as E, y as K, p as N, q as U, u as _, A as q, V as z, o as W } from "./component.constants-6DERKpeq.js";
+import { C as H } from "./ChartCard-CsgyAnzC.js";
+import { g as V } from "./formatter.utils-R5zIrZIA.js";
+import { g as J, a as y } from "./object.utils-D_Zzon-H.js";
 import "react";
-import { i as D, s as J } from "./color.utils-CVyp-fGP.js";
-import { u as Q } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
-const Z = (e, o) => {
+import { i as D, s as Q } from "./color.utils-CVyp-fGP.js";
+import { u as Z } from "./charts.newFillGaps.hooks-CEXFxNVs.js";
+const ee = (e, o) => {
   if (!e.data)
     return {
       labels: [],
       datasets: [{ data: [] }]
     };
-  const u = V(o), r = H(o), c = e.data;
+  const u = V(o), r = J(o), c = e.data;
   return {
     labels: c.map((s) => s[e.dimension.name]),
     datasets: e.measures.map((s, t) => {
-      var l, d, b, p;
+      var l, d, b, x;
       const m = !!((l = s.inputs) != null && l.connectGaps), h = c.map((C) => C[s.name] ?? (m ? 0 : null)), i = (d = s.inputs) == null ? void 0 : d.lineColor, a = D(i) ? i : y(
         `${r}.charts.backgroundColors`,
         s.name,
@@ -32,7 +32,7 @@ const Z = (e, o) => {
         clip: e.hasMinMaxYAxisRange,
         label: u.dimensionOrMeasureTitle(s),
         data: h,
-        backgroundColor: J(
+        backgroundColor: Q(
           a,
           g("--em-line-chart-line-fill-opacity")
         ),
@@ -42,14 +42,14 @@ const Z = (e, o) => {
           g("--em-line-chart-line-gap-length")
         ] : void 0,
         borderColor: n,
-        fill: !!((p = s.inputs) != null && p.fillUnderLine)
+        fill: !!((x = s.inputs) != null && x.fillUnderLine)
       };
     })
   };
-}, ee = (e, o) => {
+}, ae = (e, o) => {
   var h, i;
   const { dimension: u, data: r, measures: c, onLineClicked: s } = e, t = V(o);
-  return F({
+  return R({
     plugins: {
       datalabels: {
         labels: {
@@ -98,10 +98,10 @@ const Z = (e, o) => {
       });
     }
   }, ((i = (h = o.charts) == null ? void 0 : h.lineChartDefaultPro) == null ? void 0 : i.options) || {});
-}, ae = (e) => {
+}, se = (e) => {
   const o = v();
-  P(o);
-  const { title: u, description: r, xAxisLabel: c, yAxisLabel: s } = R(e), {
+  F(o);
+  const { title: u, description: r, xAxisLabel: c, yAxisLabel: s } = P(e), {
     measures: t,
     xAxis: m,
     reverseXAxis: h,
@@ -111,11 +111,11 @@ const Z = (e, o) => {
     showValueLabels: l,
     yAxisRangeMax: d,
     yAxisRangeMin: b,
-    onLineClicked: p
-  } = e, C = Q({
+    onLineClicked: x
+  } = e, C = Z({
     results: e.results,
     dimension: m
-  }), L = Z(
+  }), L = ee(
     {
       data: C.data,
       dimension: m,
@@ -123,12 +123,12 @@ const Z = (e, o) => {
       hasMinMaxYAxisRange: b != null || d != null
     },
     o
-  ), M = ee(
-    { data: L, dimension: m, measures: t, onLineClicked: p },
+  ), M = ae(
+    { data: L, dimension: m, measures: t, onLineClicked: x },
     o
   );
   return /* @__PURE__ */ A.jsx(
-    W,
+    H,
     {
       data: C,
       dimensionsAndMeasures: [...t, m],
@@ -153,7 +153,7 @@ const Z = (e, o) => {
       )
     }
   );
-}, se = {
+}, te = {
   name: "LineChartDefaultPro",
   label: "Line Chart - Default",
   category: "Line Charts",
@@ -163,14 +163,14 @@ const Z = (e, o) => {
       ...k,
       inputs: [
         ...k.inputs,
-        { ...x, name: "fillUnderLine", label: "Fill under line" },
+        { ...p, name: "fillUnderLine", label: "Fill under line" },
         {
           ...O,
           name: "lineColor",
           label: "Line color"
         },
-        { ...x, name: "connectGaps", label: "Connect gaps", defaultValue: !0 },
-        { ...x, name: "dashedLine", label: "Dashed line", defaultValue: !1 }
+        { ...p, name: "connectGaps", label: "Connect gaps", defaultValue: !0 },
+        { ...p, name: "dashedLine", label: "Dashed line", defaultValue: !1 }
       ]
     },
     { ...S, label: "X-axis", name: "xAxis" },
@@ -184,7 +184,8 @@ const Z = (e, o) => {
     K,
     N,
     U,
-    _
+    _,
+    q
   ],
   events: [
     {
@@ -199,22 +200,23 @@ const Z = (e, o) => {
       ]
     }
   ]
-}, ue = w(ae, se, {
+}, me = w(se, te, {
   props: (e) => ({
     ...e,
-    results: z({
+    results: W({
+      limit: e.maxResults,
       from: e.dataset,
       select: [...e.measures, e.xAxis]
     })
   }),
   events: {
     onLineClicked: (e) => ({
-      axisDimensionValue: e.dimensionValue || q.noFilter()
+      axisDimensionValue: e.dimensionValue || z.noFilter()
     })
   }
 });
 export {
-  ue as default,
-  se as meta
+  me as default,
+  te as meta
 };
 //# sourceMappingURL=LineChartDefaultPro.js.map

package/dist/LineChartDefaultPro.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n }\n\n const themeFormatter = getThemeFormatter(theme);\n\n const themeKey = getObjectStableKey(theme);\n const groupedData = props.data;\n\n return {\n labels: groupedData.map((item) => {\n return item[props.dimension.name];\n }),\n datasets: props.measures.map((measure, index) => {\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const lineColor = measure.inputs?.['lineColor'];\n\n const backgroundColor = isColorValid(lineColor)\n ? lineColor\n : getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const borderColor = isColorValid(lineColor)\n ? lineColor\n : getColor(\n `${themeKey}.charts.borderColors`,\n measure.name,\n theme.charts.borderColors ?? chartContrastColors,\n index,\n );\n\n return {\n clip: props.hasMinMaxYAxisRange,\n label: themeFormatter.dimensionOrMeasureTitle(measure),\n data: values,\n backgroundColor: setColorAlpha(\n backgroundColor,\n getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n ),\n pointBackgroundColor: backgroundColor,\n borderDash: measure.inputs?.['dashedLine']\n ? [\n getStyleNumber('--em-line-chart-line-dash-length'),\n getStyleNumber('--em-line-chart-line-gap-length'),\n ]\n : undefined,\n borderColor,\n fill: Boolean(measure.inputs?.['fillUnderLine']),\n } as ChartData<'line'>['datasets'][number];\n }),\n };\n};\n\nexport const getLineChartProOptions = (\n options: {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n onLineClicked: LineChartProOptionsClick;\n },\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, onLineClicked } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n datalabels: {\n labels: {\n value: {\n formatter: (value: string \| number, context) => {\n const measure = measures[context.datasetIndex]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const label = context[0]?.label;\n return themeFormatter.data(dimension, label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex]!;\n const raw = context.raw as number;\n return `${themeFormatter.data(dimension, context.dataset.label) \|\| ''}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n ticks: {\n callback: (value) => {\n if (!data \|\| !data.labels) return undefined;\n\n const label = data.labels[Number(value)] as string;\n return themeFormatter.data(dimension, label);\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n onClick: (_event, elements, chart) => {\n const element = elements[0];\n const dimensionValue = (element ? chart.data.labels![element.index] : null) as string \| null;\n\n onLineClicked({\n dimensionValue,\n });\n },\n };\n\n return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options \|\| {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string \| null };\n\ntype LineChartProProp = {\n description: string;\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartPro = (props: LineChartProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n onLineClicked,\n } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n });\n\n const data = getLineChartProData(\n {\n data: results.data,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null \|\| yAxisRangeMax != null),\n },\n theme,\n );\n const options = getLineChartProOptions(\n { data, dimension: xAxis, measures, onLineClicked },\n theme,\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n genericBoolean,\n measures,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n subInputColor,\n title,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n name: 'LineChartDefaultPro',\n label: 'Line Chart - Default',\n category: 'Line Charts',\n inputs: [\n dataset,\n {\n ...measures,\n inputs: [\n ...measures.inputs,\n { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputColor,\n name: 'lineColor',\n label: 'Line color',\n },\n { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n ],\n },\n { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n title,\n description,\n showLegend,\n showTooltips,\n showValueLabels,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n ],\n events: [\n {\n name: 'onLineClicked',\n label: 'A line is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n }),\n };\n },\n events: {\n onLineClicked: (value: LineChartProOptionsClickArg) => {\n return {\n axisDimensionValue: value.dimensionValue \|\| Value.noFilter(),\n };\n },\n },\n});\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","backgroundColor","isColorValid","getColor","chartContrastColors","borderColor","setColorAlpha","getStyleNumber","_c","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","subInputColor","dimensionWithDateBounds","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData","Value"],"mappings":"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"}
1	+ {"version":3,"file":"LineChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n }\n\n const themeFormatter = getThemeFormatter(theme);\n\n const themeKey = getObjectStableKey(theme);\n const groupedData = props.data;\n\n return {\n labels: groupedData.map((item) => {\n return item[props.dimension.name];\n }),\n datasets: props.measures.map((measure, index) => {\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const lineColor = measure.inputs?.['lineColor'];\n\n const backgroundColor = isColorValid(lineColor)\n ? lineColor\n : getColor(\n `${themeKey}.charts.backgroundColors`,\n measure.name,\n theme.charts.backgroundColors ?? chartContrastColors,\n index,\n );\n\n const borderColor = isColorValid(lineColor)\n ? lineColor\n : getColor(\n `${themeKey}.charts.borderColors`,\n measure.name,\n theme.charts.borderColors ?? chartContrastColors,\n index,\n );\n\n return {\n clip: props.hasMinMaxYAxisRange,\n label: themeFormatter.dimensionOrMeasureTitle(measure),\n data: values,\n backgroundColor: setColorAlpha(\n backgroundColor,\n getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n ),\n pointBackgroundColor: backgroundColor,\n borderDash: measure.inputs?.['dashedLine']\n ? [\n getStyleNumber('--em-line-chart-line-dash-length'),\n getStyleNumber('--em-line-chart-line-gap-length'),\n ]\n : undefined,\n borderColor,\n fill: Boolean(measure.inputs?.['fillUnderLine']),\n } as ChartData<'line'>['datasets'][number];\n }),\n };\n};\n\nexport const getLineChartProOptions = (\n options: {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n onLineClicked: LineChartProOptionsClick;\n },\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, onLineClicked } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n datalabels: {\n labels: {\n value: {\n formatter: (value: string \| number, context) => {\n const measure = measures[context.datasetIndex]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const label = context[0]?.label;\n return themeFormatter.data(dimension, label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex]!;\n const raw = context.raw as number;\n return `${themeFormatter.data(dimension, context.dataset.label) \|\| ''}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n ticks: {\n callback: (value) => {\n if (!data \|\| !data.labels) return undefined;\n\n const label = data.labels[Number(value)] as string;\n return themeFormatter.data(dimension, label);\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n onClick: (_event, elements, chart) => {\n const element = elements[0];\n const dimensionValue = (element ? chart.data.labels![element.index] : null) as string \| null;\n\n onLineClicked({\n dimensionValue,\n });\n },\n };\n\n return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options \|\| {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string \| null };\n\ntype LineChartProProp = {\n description: string;\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n reverseXAxis: boolean;\n showLegend: boolean;\n showLogarithmicScale: boolean;\n showTooltips: boolean;\n showValueLabels: boolean;\n title: string;\n xAxisLabel: string;\n yAxisLabel: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartPro = (props: LineChartProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n onLineClicked,\n } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n });\n\n const data = getLineChartProData(\n {\n data: results.data,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null \|\| yAxisRangeMax != null),\n },\n theme,\n );\n const options = getLineChartProOptions(\n { data, dimension: xAxis, measures, onLineClicked },\n theme,\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimensionWithDateBounds,\n genericBoolean,\n maxResults,\n measures,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n subInputColor,\n title,\n xAxisLabel,\n yAxisLabel,\n yAxisRangeMax,\n yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n name: 'LineChartDefaultPro',\n label: 'Line Chart - Default',\n category: 'Line Charts',\n inputs: [\n dataset,\n {\n ...measures,\n inputs: [\n ...measures.inputs,\n { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputColor,\n name: 'lineColor',\n label: 'Line color',\n },\n { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n ],\n },\n { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n title,\n description,\n showLegend,\n showTooltips,\n showValueLabels,\n showLogarithmicScale,\n xAxisLabel,\n yAxisLabel,\n reverseXAxis,\n yAxisRangeMin,\n yAxisRangeMax,\n maxResults,\n ],\n events: [\n {\n name: 'onLineClicked',\n label: 'A line is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked Axis Dimension Value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, inputs.xAxis],\n }),\n };\n },\n events: {\n onLineClicked: (value: LineChartProOptionsClickArg) => {\n return {\n axisDimensionValue: value.dimensionValue \|\| Value.noFilter(),\n };\n },\n },\n});\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","backgroundColor","isColorValid","getColor","chartContrastColors","borderColor","setColorAlpha","getStyleNumber","_c","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","subInputColor","dimensionWithDateBounds","maxResults","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData","Value"],"mappings":"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"}

package/dist/LineChartGroupedPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useTheme as R, defineComponent as P } from "@embeddable.com/react";
-import { E as k, C as $, m as F, i as S, r as v, j as y, a0 as B, d as j, w, Y as V, b as O, z as T, t as X, c as Y, A as E, s as K, e as N, f as U, g as q, x as z, y as W, p as _, q as H, u as J, V as D, o as Q } from "./component.constants-CeRyckoA.js";
-import { C as Z } from "./ChartCard-t-ie7CyA.js";
-import { g as M } from "./formatter.utils-CRniOO_L.js";
+import { E as k, C as $, m as F, i as S, r as v, j as y, a0 as B, d as j, w, Y as V, b as O, z as T, t as X, c as Y, A as E, s as K, e as N, f as U, g as q, x as z, y as W, p as _, q as H, u as J, V as D, o as Q } from "./component.constants-6DERKpeq.js";
+import { C as Z } from "./ChartCard-CsgyAnzC.js";
+import { g as M } from "./formatter.utils-R5zIrZIA.js";
 import { g as I, a as G } from "./object.utils-D_Zzon-H.js";
 import { s as ee } from "./color.utils-CVyp-fGP.js";
 import "react";