npm - @embeddable.com/remarkable-ui - Versions diffs - 0.1.33 → 0.1.35 - Mend

@embeddable.com/remarkable-ui 0.1.33 → 0.1.35

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

package/dist/KpiChartNumberPro.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, Z as N, o as S } from "./component.constants-BtSbiLSA.js";
-import { C as j } from "./ChartCard-BMfUGlQC.js";
+import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, Z as N, o as S } from "./component.constants-D59iJ42U.js";
+import { C as j } from "./ChartCard-Cr2L2Uki.js";
 import "react";
-import { K as v } from "./KpiChart-CqS9-4MK.js";
-import { g as z } from "./formatter.utils-DsSqaQLy.js";
+import { K as v } from "./KpiChart-PRQV9-IW.js";
+import { g as z } from "./formatter.utils-DDLdrAl9.js";
 const P = (e) => {
   var s, o;
   const a = h();

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 S, Y as A, a1 as B, 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 oe, y as ie, p as re, q as le, u as me, V as de, o as F } from "./component.constants-BtSbiLSA.js";
-import { C as ce } from "./ChartCard-BMfUGlQC.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 oe, y as ie, p as re, q as le, u as me, V as de, o as F } from "./component.constants-D59iJ42U.js";
+import { C as ce } from "./ChartCard-Cr2L2Uki.js";
 import { useEffect as pe } from "react";
-import { g as ue } from "./timeRange.utils-CWIlCcfG.js";
-import { g as M } from "./formatter.utils-DsSqaQLy.js";
+import { g as ue } from "./timeRange.utils-D6gvWIhx.js";
+import { g as M } from "./formatter.utils-DDLdrAl9.js";
 import { g as ge, a as he } from "./object.utils-BNKDL7Y9.js";
 import { i as be, s as xe } from "./color.utils-CVyp-fGP.js";
 import { g as Ce } from "./lines.utils-CFEUUo4k.js";
 import { u as N } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
-import { C as fe } from "./ComparisonPeriod.type.emb-9nwxR9Tl.js";
+import { C as fe } from "./ComparisonPeriod.type.emb-C7ixEJKv.js";
 const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
-  var v, R, x, g;
-  const { data: n, measure: o, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((v = o.inputs) != null && v.connectGaps), u = e ? e.map((C) => {
+  var v, R, b, u;
+  const { data: n, measure: o, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: x, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((v = o.inputs) != null && v.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[o.name]) ?? (l ? 0 : null);
-  }) : n == null ? void 0 : n.map((C) => C[o.name] ?? (l ? 0 : null)), h = M(t), f = ge(t), i = !!((R = o.inputs) != null && R[r ? "previousLineDashed" : "lineDashed"]), m = (x = o.inputs) == null ? void 0 : x[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
+  }) : n == null ? void 0 : n.map((C) => C[o.name] ?? (l ? 0 : null)), h = M(t), f = ge(t), i = !!((R = o.inputs) != null && R[r ? "previousLineDashed" : "lineDashed"]), m = (b = o.inputs) == null ? void 0 : b[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
     `${f}.charts.backgroundColors`,
     o.name,
     t.charts.backgroundColors ?? G,
@@ -25,7 +25,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     labels: p,
     rawLabel: y,
     label: (r ? `${U.t("common.compared")} ` : "") + y,
-    data: u,
+    data: g,
     backgroundColor: xe(
       d,
       w("--em-line-chart-line-fill-opacity")
@@ -36,22 +36,22 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       w("--em-line-chart-line-gap-length")
     ] : void 0,
     borderColor: d,
-    fill: (g = o.inputs) == null ? void 0 : g.fillUnderLine,
-    clip: b
+    fill: (u = o.inputs) == null ? void 0 : u.fillUnderLine,
+    clip: x
   };
 }, ye = (a, t) => {
   if (!a.data)
     return { labels: [], datasets: [{ data: [] }] };
   const { data: n, dataComparison: o, dimension: s, measures: c, hasMinMaxYAxisRange: r } = a, e = s.nativeType === "time" ? void 0 : o ? Array.from(
     /* @__PURE__ */ new Set([
-      ...n.map((u) => u[s.name]),
-      ...(o == null ? void 0 : o.map((u) => u[s.name])) ?? []
+      ...n.map((g) => g[s.name]),
+      ...(o == null ? void 0 : o.map((g) => g[s.name])) ?? []
     ])
   ) : void 0, p = c.map(
-    (u, h) => $(
+    (g, h) => $(
       {
         data: n,
-        measure: u,
+        measure: g,
         dimension: s,
         labels: e,
         hasMinMaxYAxisRange: r,
@@ -60,10 +60,10 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       t
     )
   ), l = c.map(
-    (u, h) => $(
+    (g, h) => $(
       {
         data: o,
-        measure: u,
+        measure: g,
         dimension: s,
         labels: e,
         hasMinMaxYAxisRange: r,
@@ -74,7 +74,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     )
   );
   return {
-    labels: e ?? n.map((u) => u[s.name]),
+    labels: e ?? n.map((g) => g[s.name]),
     datasets: [...p, ...l]
   };
 }, De = (a, t) => {
@@ -141,7 +141,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
   };
 }, Ae = (a, t) => {
   var h, f;
-  const { dimension: n, data: o, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: b } = a, e = M(t), p = ((h = o.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [], l = ((f = o.datasets.find((i) => i.xAxisID === k)) == null ? void 0 : f.labels) ?? [];
+  const { dimension: n, data: o, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: x } = a, e = M(t), p = ((h = o.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [], l = ((f = o.datasets.find((i) => i.xAxisID === k)) == null ? void 0 : f.labels) ?? [];
   return {
     plugins: {
       legend: {
@@ -167,7 +167,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
         callbacks: {
           title: (i) => {
             const m = i[0];
-            if (!b && m)
+            if (!x && m)
               return e.data(n, m.label);
             const d = m == null ? void 0 : m.dataIndex;
             if (d === void 0) return "";
@@ -233,11 +233,11 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
   q(t);
   const { title: n, description: o, xAxisLabel: s, yAxisLabel: c } = z(a), {
     comparisonPeriod: r,
-    measures: b,
+    measures: x,
     xAxis: e,
     reverseXAxis: p,
     showLegend: l,
-    showLogarithmicScale: u,
+    showLogarithmicScale: g,
     showTooltips: h,
     showValueLabels: f,
     yAxisRangeMax: i,
@@ -256,16 +256,16 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     );
     v(X);
   }, [r, JSON.stringify(d), t]);
-  const x = N({ results: a.results, dimension: e }), g = N({
+  const b = N({ results: a.results, dimension: e }), u = N({
     results: a.resultsComparison,
     dimension: e,
     externalDateBounds: y
   }), C = !!(d && r), D = ye(
     {
-      data: x.data,
-      dataComparison: C ? (g == null ? void 0 : g.data) ?? [] : void 0,
+      data: b.data,
+      dataComparison: C ? (u == null ? void 0 : u.data) ?? [] : void 0,
       dimension: e,
-      measures: b,
+      measures: x,
       hasMinMaxYAxisRange: m != null || i != null
     },
     t
@@ -273,7 +273,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     {
       data: D,
       dimension: e,
-      measures: b,
+      measures: x,
       xAxisLabel: s,
       showComparisonAxis: L,
       showDataComparison: C,
@@ -281,15 +281,15 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     },
     t
   ), j = {
-    isLoading: x.isLoading,
-    data: x.isLoading ? void 0 : [...x.data ?? [], ...(g == null ? void 0 : g.data) ?? []]
+    isLoading: !!(b.isLoading || u != null && u.isLoading),
+    data: !(b != null && b.data) && !(u != null && u.data) ? void 0 : [...b.data ?? [], ...(u == null ? void 0 : u.data) ?? []]
   };
   return /* @__PURE__ */ V.jsx(
     ce,
     {
       data: j,
-      dimensionsAndMeasures: [...b, e],
-      errorMessage: x.error || (g == null ? void 0 : g.error),
+      dimensionsAndMeasures: [...x, e],
+      errorMessage: b.error || (u == null ? void 0 : u.error),
       subtitle: o,
       title: n,
       children: /* @__PURE__ */ V.jsx(
@@ -298,7 +298,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
           data: D,
           reverseXAxis: p,
           showLegend: l,
-          showLogarithmicScale: u,
+          showLogarithmicScale: g,
           showTooltips: h,
           showValueLabels: f,
           xAxisLabel: s,
@@ -317,16 +317,16 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
   inputs: [
     J,
     {
-      ...S,
+      ...B,
       inputs: [
-        ...S.inputs,
+        ...B.inputs,
         { ...A, name: "fillUnderLine", label: "Fill under line" },
         {
-          ...B,
+          ...S,
           name: "lineColor",
           label: "Line color"
         },
-        { ...B, name: "previousLineColor", label: "Previous line color" },
+        { ...S, name: "previousLineColor", label: "Previous line color" },
         {
           ...A,
           name: "lineDashed",

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 { labels: [], datasets: [{ data: [] }] };\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: results.isLoading,\n data: results.isLoading\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":"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"}
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 { labels: [], datasets: [{ data: [] }] };\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":"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"}

package/dist/LineChartDefaultPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
 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-BtSbiLSA.js";
-import { C as W } from "./ChartCard-BMfUGlQC.js";
-import { g as V } from "./formatter.utils-DsSqaQLy.js";
+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-D59iJ42U.js";
+import { C as W } from "./ChartCard-Cr2L2Uki.js";
+import { g as V } from "./formatter.utils-DDLdrAl9.js";
 import { g as H, a as y } from "./object.utils-BNKDL7Y9.js";
 import "react";
 import { i as D, s as J } from "./color.utils-CVyp-fGP.js";

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-BtSbiLSA.js";
-import { C as Z } from "./ChartCard-BMfUGlQC.js";
-import { g as M } from "./formatter.utils-DsSqaQLy.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-D59iJ42U.js";
+import { C as Z } from "./ChartCard-Cr2L2Uki.js";
+import { g as M } from "./formatter.utils-DDLdrAl9.js";
 import { g as I, a as G } from "./object.utils-BNKDL7Y9.js";
 import { s as ee } from "./color.utils-CVyp-fGP.js";
 import "react";

package/dist/MultiSelectFieldPro.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as r, z as s, t as d, c as u, a5 as m, V as t, o as c } from "./component.constants-BtSbiLSA.js";
-import { M as p, a as f } from "./index-0EU9wBvd.js";
+import { d as r, z as s, t as d, c as u, ad as m, V as t, o as c } from "./component.constants-D59iJ42U.js";
+import { M as p, a as f } from "./index-Ba7NiFTr.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as i, a3 as r, e as m, f as l, V as d, o as c } from "./component.constants-BtSbiLSA.js";
+import { d as a, w as s, z as t, t as o, c as n, s as i, a3 as r, e as m, f as l, V as d, o as c } from "./component.constants-D59iJ42U.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-CVNg2zPD.js";
+import { P as u } from "./index-BsjrQxtw.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/{SingleSelectField-BwQahxL2.js → SingleSelectField-DXVRxF0n.js} RENAMED Viewed

@@ -1,25 +1,25 @@
-import { j as s, ae as D, ah as N, ai as k, af as F, ag as w, ad as B } from "./component.constants-BtSbiLSA.js";
-import { useState as d, useRef as K, useEffect as P, useMemo as T } from "react";
-import { u as q, d as z, I as A, S as G } from "./EditorCard-tBhUO9qV.js";
+import { j as s, ao as D, ar as N, as as k, ap as p, aq as q, an as w } from "./component.constants-D59iJ42U.js";
+import { useState as d, useRef as B, useEffect as K, useMemo as P } from "react";
+import { u as T, d as z, I as A, S as G } from "./EditorCard-B7s7sQ-B.js";
 const H = "_selectField_73cni_1", J = {
   selectField: H
 }, V = ({
   value: t = "",
-  startIcon: g,
+  startIcon: F,
   options: a,
   disabled: o,
-  placeholder: p,
-  isSearchable: f,
-  isClearable: C,
-  isLoading: u,
-  noOptionsMessage: S = "No options available",
+  placeholder: C,
+  isSearchable: u,
+  isClearable: S,
+  isLoading: f,
+  noOptionsMessage: g = "No options available",
   onChange: v,
   onSearch: l,
   error: L = !1,
-  errorMessage: i
+  errorMessage: n
 }) => {
-  const [x, O] = d(!1), [m, b] = d(""), [y, c] = d(t), h = K(null);
-  q(x, h), P(() => {
+  const [x, O] = d(!1), [m, b] = d(""), [y, c] = d(t), j = B(null);
+  T(x, j), K(() => {
     if (!t) {
       c("");
       return;
@@ -27,7 +27,7 @@ const H = "_selectField_73cni_1", J = {
     const e = a.find((r) => r.value === t);
     e && c(e.label);
   }, [t, a]);
-  const n = T(() => l ? z(l) : void 0, [l]), E = f && !l ? a.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : a, j = (e) => {
+  const i = P(() => l ? z(l) : void 0, [l]), E = u && !l ? a.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : a, h = (e) => {
     if (b(""), v(e ?? ""), l == null || l(""), e === "")
       c("");
     else {
@@ -35,8 +35,8 @@ const H = "_selectField_73cni_1", J = {
       r && c(r.label);
     }
   }, I = (e) => {
-    b(e), n == null || n(e);
-  }, R = L || !!i;
+    b(e), i == null || i(e);
+  }, R = L || !!n;
   return /* @__PURE__ */ s.jsxs("div", { className: J.selectField, children: [
     /* @__PURE__ */ s.jsx(
       D,
@@ -45,24 +45,24 @@ const H = "_selectField_73cni_1", J = {
         onOpenChange: O,
         disabled: o,
         triggerComponent: /* @__PURE__ */ s.jsx(
-          w,
+          q,
           {
-            startIcon: g,
+            startIcon: F,
             "aria-label": "Select option",
-            placeholder: p,
+            placeholder: C,
             disabled: o,
             valueLabel: y,
-            onClear: () => j(""),
-            isClearable: C,
-            isLoading: u,
+            onClear: () => h(""),
+            isClearable: S,
+            isLoading: f,
             error: R
           }
         ),
         children: /* @__PURE__ */ s.jsxs(N, { children: [
-          f && /* @__PURE__ */ s.jsx(
+          u && /* @__PURE__ */ s.jsx(
             k,
             {
-              ref: h,
+              ref: j,
               startIcon: A,
               "aria-label": "Search options",
               placeholder: "Search…",
@@ -72,25 +72,25 @@ const H = "_selectField_73cni_1", J = {
               onChange: I
             }
           ),
-          /* @__PURE__ */ s.jsxs(G, { disabled: u, children: [
+          /* @__PURE__ */ s.jsxs(G, { disabled: f, children: [
             E.map((e) => /* @__PURE__ */ s.jsx(
-              F,
+              p,
               {
-                onClick: () => j(e == null ? void 0 : e.value),
+                onClick: () => h(e == null ? void 0 : e.value),
                 isSelected: e.value === t,
                 ...e
               },
               (e == null ? void 0 : e.value) ?? e.label
             )),
-            a.length === 0 && /* @__PURE__ */ s.jsx(F, { disabled: !0, value: "empty", label: S })
+            a.length === 0 && /* @__PURE__ */ s.jsx(p, { disabled: !0, value: "empty", label: g })
           ] })
         ] })
       }
     ),
-    i && /* @__PURE__ */ s.jsx(B, { message: i })
+    n && /* @__PURE__ */ s.jsx(w, { message: n })
   ] });
 };
 export {
   V as S
 };
-//# sourceMappingURL=SingleSelectField-BwQahxL2.js.map
+//# sourceMappingURL=SingleSelectField-DXVRxF0n.js.map

package/dist/{SingleSelectField-BwQahxL2.js.map → SingleSelectField-DXVRxF0n.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleSelectField-~~BwQahxL2~~.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n SelectListOption,\n SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport styles from './SingleSelectField.module.css';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\n\nexport type SingleSelectFieldProps = {\n options: SelectListOptionProps[];\n startIcon?: TablerIcon;\n value?: string;\n disabled?: boolean;\n placeholder?: string;\n isSearchable?: boolean;\n isClearable?: boolean;\n isLoading?: boolean;\n noOptionsMessage?: string;\n onChange: (value: string) => void;\n onSearch?: (search: string) => void;\n error?: boolean;\n errorMessage?: string;\n};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n value = '',\n startIcon,\n options,\n disabled,\n placeholder,\n isSearchable,\n isClearable,\n isLoading,\n noOptionsMessage = 'No options available',\n onChange,\n onSearch,\n error = false,\n errorMessage,\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [searchValue, setSearchValue] = useState<string>('');\n const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n const searchFieldRef = useRef<HTMLInputElement>(null);\n useSelectSearchFocus(isOpen, searchFieldRef);\n\n useEffect(() => {\n if (!value) {\n setSelectedLabel('');\n return;\n }\n\n const option = options.find((opt) => opt.value === value);\n if (option) {\n setSelectedLabel(option.label);\n }\n }, [value, options]);\n\n const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n const displayOptions =\n isSearchable && !onSearch\n ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n : options;\n\n const handleChange = (newValue?: string) => {\n setSearchValue('');\n onChange(newValue ?? '');\n onSearch?.('');\n\n if (newValue === '') {\n setSelectedLabel('');\n } else {\n const option = options.find((opt) => opt.value === newValue);\n if (option) setSelectedLabel(option.label);\n }\n };\n\n const handleSearch = (newSearch: string) => {\n setSearchValue(newSearch);\n debouncedSearch?.(newSearch);\n };\n\n const hasError = error \|\| !!errorMessage;\n\n return (\n <div className={styles.selectField}>\n <Dropdown\n open={isOpen}\n onOpenChange={setIsOpen}\n disabled={disabled}\n triggerComponent={\n <SelectButton\n startIcon={startIcon}\n aria-label=\"Select option\"\n placeholder={placeholder}\n disabled={disabled}\n valueLabel={selectedLabel}\n onClear={() => handleChange('')}\n isClearable={isClearable}\n isLoading={isLoading}\n error={hasError}\n />\n }\n >\n <SelectList>\n {isSearchable && (\n <TextField\n ref={searchFieldRef}\n startIcon={IconSearch}\n aria-label=\"Search options\"\n placeholder=\"Search…\"\n role=\"searchbox\"\n value={searchValue}\n onKeyDown={(e) => e.stopPropagation()}\n onChange={handleSearch}\n />\n )}\n <SelectListOptions disabled={isLoading}>\n {displayOptions.map((option) => (\n <SelectListOption\n key={option?.value ?? option.label}\n onClick={() => handleChange(option?.value)}\n isSelected={option.value === value}\n {...option}\n />\n ))}\n {options.length === 0 && (\n <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n )}\n </SelectListOptions>\n </SelectList>\n </Dropdown>\n {errorMessage && <FieldErrorMessage message={errorMessage} />}\n </div>\n );\n};\n"],"names":["SingleSelectField","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","hasError","jsxs","styles","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","FieldErrorMessage"],"mappings":"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"}
1	+ {"version":3,"file":"SingleSelectField-DXVRxF0n.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n SelectListOption,\n SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport styles from './SingleSelectField.module.css';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\n\nexport type SingleSelectFieldProps = {\n options: SelectListOptionProps[];\n startIcon?: TablerIcon;\n value?: string;\n disabled?: boolean;\n placeholder?: string;\n isSearchable?: boolean;\n isClearable?: boolean;\n isLoading?: boolean;\n noOptionsMessage?: string;\n onChange: (value: string) => void;\n onSearch?: (search: string) => void;\n error?: boolean;\n errorMessage?: string;\n};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n value = '',\n startIcon,\n options,\n disabled,\n placeholder,\n isSearchable,\n isClearable,\n isLoading,\n noOptionsMessage = 'No options available',\n onChange,\n onSearch,\n error = false,\n errorMessage,\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [searchValue, setSearchValue] = useState<string>('');\n const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n const searchFieldRef = useRef<HTMLInputElement>(null);\n useSelectSearchFocus(isOpen, searchFieldRef);\n\n useEffect(() => {\n if (!value) {\n setSelectedLabel('');\n return;\n }\n\n const option = options.find((opt) => opt.value === value);\n if (option) {\n setSelectedLabel(option.label);\n }\n }, [value, options]);\n\n const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n const displayOptions =\n isSearchable && !onSearch\n ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n : options;\n\n const handleChange = (newValue?: string) => {\n setSearchValue('');\n onChange(newValue ?? '');\n onSearch?.('');\n\n if (newValue === '') {\n setSelectedLabel('');\n } else {\n const option = options.find((opt) => opt.value === newValue);\n if (option) setSelectedLabel(option.label);\n }\n };\n\n const handleSearch = (newSearch: string) => {\n setSearchValue(newSearch);\n debouncedSearch?.(newSearch);\n };\n\n const hasError = error \|\| !!errorMessage;\n\n return (\n <div className={styles.selectField}>\n <Dropdown\n open={isOpen}\n onOpenChange={setIsOpen}\n disabled={disabled}\n triggerComponent={\n <SelectButton\n startIcon={startIcon}\n aria-label=\"Select option\"\n placeholder={placeholder}\n disabled={disabled}\n valueLabel={selectedLabel}\n onClear={() => handleChange('')}\n isClearable={isClearable}\n isLoading={isLoading}\n error={hasError}\n />\n }\n >\n <SelectList>\n {isSearchable && (\n <TextField\n ref={searchFieldRef}\n startIcon={IconSearch}\n aria-label=\"Search options\"\n placeholder=\"Search…\"\n role=\"searchbox\"\n value={searchValue}\n onKeyDown={(e) => e.stopPropagation()}\n onChange={handleSearch}\n />\n )}\n <SelectListOptions disabled={isLoading}>\n {displayOptions.map((option) => (\n <SelectListOption\n key={option?.value ?? option.label}\n onClick={() => handleChange(option?.value)}\n isSelected={option.value === value}\n {...option}\n />\n ))}\n {options.length === 0 && (\n <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n )}\n </SelectListOptions>\n </SelectList>\n </Dropdown>\n {errorMessage && <FieldErrorMessage message={errorMessage} />}\n </div>\n );\n};\n"],"names":["SingleSelectField","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","hasError","jsxs","styles","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","FieldErrorMessage"],"mappings":";;;;;GAgCaA,IAAgD,CAAC;AAAA,EAC5D,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAaC,CAAc,IAAIF,EAAiB,EAAE,GACnD,CAACG,GAAeC,CAAgB,IAAIJ,EAAiBf,CAAK,GAE1DoB,IAAiBC,EAAyB,IAAI;AACpD,EAAAC,EAAqBT,GAAQO,CAAc,GAE3CG,EAAU,MAAM;AACd,QAAI,CAACvB,GAAO;AACV,MAAAmB,EAAiB,EAAE;AACnB;AAAA,IACF;AAEA,UAAMK,IAAStB,EAAQ,KAAK,CAACuB,MAAQA,EAAI,UAAUzB,CAAK;AACxD,IAAIwB,KACFL,EAAiBK,EAAO,KAAK;AAAA,EAEjC,GAAG,CAACxB,GAAOE,CAAO,CAAC;AAEnB,QAAMwB,IAAkBC,EAAQ,MAAOjB,IAAWkB,EAASlB,CAAQ,IAAI,QAAY,CAACA,CAAQ,CAAC,GAEvFmB,IACJxB,KAAgB,CAACK,IACbR,EAAQ,OAAO,CAACsB,MAAWA,EAAO,MAAM,cAAc,SAASR,EAAY,YAAA,CAAa,CAAC,IACzFd,GAEA4B,IAAe,CAACC,MAAsB;AAK1C,QAJAd,EAAe,EAAE,GACjBR,EAASsB,KAAY,EAAE,GACvBrB,KAAA,QAAAA,EAAW,KAEPqB,MAAa;AACf,MAAAZ,EAAiB,EAAE;AAAA,SACd;AACL,YAAMK,IAAStB,EAAQ,KAAK,CAACuB,MAAQA,EAAI,UAAUM,CAAQ;AAC3D,MAAIP,KAAQL,EAAiBK,EAAO,KAAK;AAAA,IAC3C;AAAA,EACF,GAEMQ,IAAe,CAACC,MAAsB;AAC1C,IAAAhB,EAAegB,CAAS,GACxBP,KAAA,QAAAA,EAAkBO;AAAA,EACpB,GAEMC,IAAWvB,KAAS,CAAC,CAACC;AAE5B,SACEuB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWC,EAAO,aACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMzB;AAAA,QACN,cAAcC;AAAA,QACd,UAAAX;AAAA,QACA,kBACEkC,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAAtC;AAAA,YACA,cAAW;AAAA,YACX,aAAAG;AAAA,YACA,UAAAD;AAAA,YACA,YAAYe;AAAA,YACZ,SAAS,MAAMY,EAAa,EAAE;AAAA,YAC9B,aAAAxB;AAAA,YACA,WAAAC;AAAA,YACA,OAAO2B;AAAA,UAAA;AAAA,QAAA;AAAA,QAIX,iCAACM,GAAA,EACE,UAAA;AAAA,UAAAnC,KACCgC,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,KAAKrB;AAAA,cACL,WAAWsB;AAAA,cACX,cAAW;AAAA,cACX,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,OAAO1B;AAAA,cACP,WAAW,CAAC,MAAM,EAAE,gBAAA;AAAA,cACpB,UAAUgB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGdG,gBAAAA,EAAAA,KAACQ,GAAA,EAAkB,UAAUpC,GAC1B,UAAA;AAAA,YAAAsB,EAAe,IAAI,CAACL,MACnBa,gBAAAA,EAAAA;AAAAA,cAACO;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAMd,EAAaN,KAAA,gBAAAA,EAAQ,KAAK;AAAA,gBACzC,YAAYA,EAAO,UAAUxB;AAAA,gBAC5B,GAAGwB;AAAA,cAAA;AAAA,eAHCA,KAAA,gBAAAA,EAAQ,UAASA,EAAO;AAAA,YAAA,CAKhC;AAAA,YACAtB,EAAQ,WAAW,KAClBmC,gBAAAA,EAAAA,IAACO,GAAA,EAAiB,UAAQ,IAAC,OAAM,SAAQ,OAAOpC,EAAA,CAAkB;AAAA,UAAA,EAAA,CAEtE;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDI,KAAgByB,gBAAAA,EAAAA,IAACQ,GAAA,EAAkB,SAASjC,EAAA,CAAc;AAAA,EAAA,GAC7D;AAEJ;"}

package/dist/SingleSelectFieldPro.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as s, z as r, t as d, c as m, a5 as c, V as n, o as u } from "./component.constants-BtSbiLSA.js";
-import { M as p, S as g } from "./index-CuyqPNAk.js";
+import { d as s, z as r, t as d, c as m, ad as c, V as n, o as u } from "./component.constants-D59iJ42U.js";
+import { M as p, S as g } from "./index-D10laZQ1.js";
 const f = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",