@embeddable.com/remarkable-pro 0.0.23 → 0.0.25

package/dist/theme/styles/styles.utils.d.ts

@@ -1,3 +1,15 @@
+import { Dimension, Measure } from '@embeddable.com/core';
+import { Theme } from '../theme.types';
 export declare const injectCssVariables: (styles: Record<string, string>) => () => void;
 export declare const getColor: (key: string, value: string, palette: string[], idx: number) => string;
+type GetDimensionMeasureColorProps = {
+    dimensionOrMeasure: Dimension | Measure;
+    theme: Theme;
+    value: string;
+    color: 'background' | 'border';
+    index: number;
+    chartColors: string[];
+};
+export declare const getDimensionMeasureColor: ({ dimensionOrMeasure, theme, color, value, index, chartColors, }: GetDimensionMeasureColorProps) => any;
+export {};
 //# sourceMappingURL=styles.utils.d.ts.map

package/dist/theme/styles/styles.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.utils.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/styles.utils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAgBhE,CAAC;AAkCF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,MAAM,KAAG,MA0BrF,CAAC"}
+{"version":3,"file":"styles.utils.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/styles.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAavC,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAgBhE,CAAC;AAkCF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,MAAM,KAAG,MA0BrF,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACnC,kBAAkB,EAAE,SAAS,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kEAOtC,6BAA6B,QA6B/B,CAAC"}

package/dist/theme/theme.types.d.ts

@@ -11,7 +11,17 @@ export type ThemeI18n = {
     translations: Resource;
 };
 export type ThemeChartsLegendPosition = 'top' | 'right' | 'bottom' | 'left';
+export type ThemeChartsColors = {
+    borderColor: string;
+    backgroundColor: string;
+};
+export type ThemeChartsColorMap = {
+    dimensionValue?: Record<string, string>;
+    measure?: Record<string, string>;
+};
 export type ThemeCharts = {
+    backgroundColorMap?: ThemeChartsColorMap;
+    borderColorMap?: ThemeChartsColorMap;
     backgroundColors?: string[];
     borderColors?: string[];
     legendPosition: ThemeChartsLegendPosition;

package/dist/theme/theme.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":"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"}

package/dist/{timeRange.utils-Dz0fdD_b.js → timeRange.utils-C_oRVExZ.js}

@@ -1,4 +1,4 @@
-import { c as i } from "./component.inputs.constants-Ds7YpNhT.js";
+import { c as i } from "./component.inputs.constants-DO_jX-yc.js";
 const f = (o, t, s) => {
   var d;
   if (!o || !t)
@@ -17,4 +17,4 @@ export {
   v as a,
   f as g
 };
-//# sourceMappingURL=timeRange.utils-Dz0fdD_b.js.map
+//# sourceMappingURL=timeRange.utils-C_oRVExZ.js.map

package/dist/{timeRange.utils-Dz0fdD_b.js.map → timeRange.utils-C_oRVExZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.utils-Dz0fdD_b.js","sources":["../src/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}
+{"version":3,"file":"timeRange.utils-C_oRVExZ.js","sources":["../src/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "repository": {
     "type": "git",
     "url": "https://github.com/embeddable-hq/remarkable-pro"
@@ -59,7 +59,7 @@
     "@changesets/cli": "^2.29.6",
     "@embeddable.com/core": "^2.13.4",
     "@embeddable.com/react": "^2.13.0",
-    "@embeddable.com/remarkable-ui": "^2.0.28",
+    "@embeddable.com/remarkable-ui": "^2.0.29",
     "@tabler/icons-react": "^3.34.1",
     "chart.js": "^4.5.0",
     "chartjs-plugin-datalabels": "^2.2.0",

package/dist/bars.utils-DJnFf-V0.js

@@ -1,146 +0,0 @@
-import { d as N, C as P, e as v } from "./Color.type.emb-sebikYGW.js";
-import { r as x, g as F } from "./charts.utils-udVhj9f6.js";
-import { g as h } from "./formatter.utils-tS15PLXn.js";
-import { g as p, a as g } from "./object.utils-D_Zzon-H.js";
-const I = (c, d) => {
-  var b;
-  const m = h(d), { data: o = [], dimension: i, groupDimension: l, measure: t } = c, r = [...new Set(o.map((n) => n[i.name]).filter((n) => n != null))].sort(), a = `${l.name}${l.nativeType === P && ((b = l.inputs) != null && b.granularity) ? `.${l.inputs.granularity}` : ""}`, e = [...new Set(o.map((n) => n[a]))].filter((n) => n != null), s = p(d), u = v(), C = e.map((n, f) => {
-    const D = g(
-      `${s}.charts.backgroundColors`,
-      `${l.name}.${n}`,
-      d.charts.backgroundColors ?? u,
-      f
-    ), T = g(
-      `${s}.charts.borderColors`,
-      `${l.name}.${n}`,
-      d.charts.borderColors ?? u,
-      f
-    );
-    return {
-      label: m.data(l, n),
-      rawLabel: n,
-      backgroundColor: D,
-      borderColor: T,
-      data: r.map((w) => {
-        const k = o.find(
-          ($) => $[a] === n && $[i.name] === w
-        );
-        return k ? Number(k[t.name]) : 0;
-      })
-    };
-  });
-  return {
-    labels: r,
-    datasets: C
-  };
-}, B = (c, d = x) => {
-  if (!c.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const m = h(d), o = p(d), i = F(c.data, c.dimension, c.measures, c.maxItems), l = N();
-  return {
-    labels: i.map((t) => t[c.dimension.name]),
-    datasets: c.measures.map((t, r) => {
-      const a = g(
-        `${o}.charts.backgroundColors`,
-        t.name,
-        d.charts.backgroundColors ?? l,
-        r
-      ), e = g(
-        `${o}.charts.borderColors`,
-        t.name,
-        d.charts.borderColors ?? l,
-        r
-      );
-      return {
-        label: m.dimensionOrMeasureTitle(t),
-        data: i.map((s) => s[t.name] ?? 0),
-        backgroundColor: a,
-        borderColor: e
-      };
-    })
-  };
-}, O = (c, d) => {
-  const { datasets: m } = c.chart.data, o = c.dataIndex, i = m.reduce((l, t) => {
-    const r = t.data[o];
-    return l + (r || 0);
-  }, 0);
-  return d(i);
-}, K = (c, d) => {
-  const { onBarClicked: m, measures: o, dimension: i, horizontal: l, data: t } = c, r = h(d);
-  return {
-    plugins: {
-      legend: { position: d.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        labels: {
-          total: {
-            formatter: (a, e) => O(
-              e,
-              (s) => r.data(o[0], s)
-            )
-          },
-          value: {
-            formatter: (a, e) => {
-              const s = o[e.datasetIndex % o.length];
-              return r.data(s, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var s;
-            const e = (s = a[0]) == null ? void 0 : s.label;
-            return r.data(i, e);
-          },
-          label: (a) => {
-            const e = o[a.datasetIndex % o.length], s = a.raw;
-            return `${r.data(i, a.dataset.label) || ""}: ${r.data(e, s)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (l)
-              return r.data(o[0], a);
-            if (!t || !t.labels) return;
-            const e = t.labels[Number(a)];
-            return r.data(i, e);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => {
-            if (!l)
-              return r.data(o[0], a);
-            if (!t || !t.labels) return;
-            const e = t.labels[Number(a)];
-            return r.data(i, e);
-          }
-        }
-      }
-    },
-    onClick: (a, e, s) => {
-      var n;
-      if (!m) return;
-      const u = e[0], C = u ? s.data.labels[u.index] : null, b = u ? (n = s.data.datasets[u.datasetIndex]) == null ? void 0 : n.rawLabel : null;
-      m({
-        axisDimensionValue: C,
-        groupingDimensionValue: b
-      });
-    }
-  };
-};
-export {
-  B as a,
-  K as b,
-  I as g
-};
-//# sourceMappingURL=bars.utils-DJnFf-V0.js.map

package/dist/bars.utils-DJnFf-V0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bars.utils-DJnFf-V0.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { CUBE_DIMENSION_TYPE_TIME, DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, getChartContrastColors } from '@embeddable.com/remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.nativeType === CUBE_DIMENSION_TYPE_TIME && groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n  const chartContrastColors = getChartContrastColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n  const chartColors = getChartColors();\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked?: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\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 label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\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 (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onBarClicked) return;\n\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","CUBE_DIMENSION_TYPE_TIME","_a","groupBy","themeKey","getObjectStableKey","chartContrastColors","getChartContrastColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}

package/dist/index-APU1GD5M.js

@@ -1,166 +0,0 @@
-import { e as v, f, m as j, j as L, L as O } from "./Color.type.emb-sebikYGW.js";
-import { useTheme as w } from "@embeddable.com/react";
-import { a as P, r as S } from "./component.inputs.constants-Ds7YpNhT.js";
-import { C as F } from "./ChartCard-B3B1rFYh.js";
-import { g as A } from "./formatter.utils-tS15PLXn.js";
-import { g as R, a as k } from "./object.utils-D_Zzon-H.js";
-import { i as M, s as T } from "./color.utils-BSg_DFOh.js";
-import { u as _ } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-const B = (o, n) => {
-  if (!o.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const u = A(n), c = R(n), d = o.data;
-  return {
-    labels: d.map((e) => e[o.dimension.name]),
-    datasets: o.measures.map((e, r) => {
-      var m, b, C, p;
-      const h = !!((m = e.inputs) != null && m.connectGaps), l = d.map((g) => g[e.name] ?? (h ? 0 : null)), i = (b = e.inputs) == null ? void 0 : b.lineColor, a = v(), t = M(i) ? i : k(
-        `${c}.charts.backgroundColors`,
-        e.name,
-        n.charts.backgroundColors ?? a,
-        r
-      ), s = M(i) ? i : k(
-        `${c}.charts.borderColors`,
-        e.name,
-        n.charts.borderColors ?? a,
-        r
-      );
-      return {
-        clip: o.hasMinMaxYAxisRange,
-        label: u.dimensionOrMeasureTitle(e),
-        data: l,
-        backgroundColor: T(t, 0.5),
-        pointBackgroundColor: t,
-        borderDash: (C = e.inputs) != null && C.dashedLine ? [
-          f("--em-linechart-line-dash", "0.25rem"),
-          f("--em-linechart-line-gap", "0.25rem")
-        ] : void 0,
-        borderColor: s,
-        fill: !!((p = e.inputs) != null && p.fillUnderLine)
-      };
-    })
-  };
-}, D = (o, n) => {
-  var l, i;
-  const { dimension: u, data: c, measures: d, onLineClicked: e } = o, r = A(n);
-  return j({
-    plugins: {
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a, t) => {
-              const s = d[t.datasetIndex];
-              return r.data(s, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => {
-            var s;
-            const t = (s = a[0]) == null ? void 0 : s.label;
-            return r.data(u, t);
-          },
-          label: (a) => {
-            const t = d[a.datasetIndex], s = a.raw;
-            return `${r.data(u, a.dataset.label) || ""}: ${r.data(t, s)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          callback: (a) => {
-            if (!c || !c.labels) return;
-            const t = c.labels[Number(a)];
-            return r.data(u, t);
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (a) => r.data(d[0], a)
-        }
-      }
-    },
-    onClick: (a, t, s) => {
-      if (!e) return;
-      const m = t[0], b = m ? s.data.labels[m.index] : null;
-      e({
-        dimensionValue: b
-      });
-    }
-  }, ((i = (l = n.charts) == null ? void 0 : l.lineChartDefaultPro) == null ? void 0 : i.options) || {});
-}, $ = (o) => {
-  const n = w();
-  P(n);
-  const { title: u, description: c, xAxisLabel: d, yAxisLabel: e } = S(o), {
-    hideMenu: r,
-    measures: h,
-    xAxis: l,
-    reverseXAxis: i,
-    showLegend: a,
-    showLogarithmicScale: t,
-    showTooltips: s,
-    showValueLabels: m,
-    yAxisRangeMax: b,
-    yAxisRangeMin: C,
-    onLineClicked: p
-  } = o, g = _({
-    results: o.results,
-    dimension: l
-  }), x = B(
-    {
-      data: g.data,
-      dimension: l,
-      measures: h,
-      hasMinMaxYAxisRange: C != null || b != null
-    },
-    n
-  ), y = D(
-    { data: x, dimension: l, measures: h, onLineClicked: p },
-    n
-  );
-  return /* @__PURE__ */ L.jsx(
-    F,
-    {
-      data: g,
-      dimensionsAndMeasures: [...h, l],
-      errorMessage: g.error,
-      description: c,
-      title: u,
-      hideMenu: r,
-      children: /* @__PURE__ */ L.jsx(
-        O,
-        {
-          data: x,
-          reverseXAxis: i,
-          showLegend: a,
-          showLogarithmicScale: t,
-          showTooltips: s,
-          showValueLabels: m,
-          xAxisLabel: d,
-          yAxisLabel: e,
-          yAxisRangeMax: b,
-          yAxisRangeMin: C,
-          options: y
-        }
-      )
-    }
-  );
-}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: $
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  $ as L,
-  D as a,
-  B as g,
-  U as i
-};
-//# sourceMappingURL=index-APU1GD5M.js.map

package/dist/index-APU1GD5M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-APU1GD5M.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getChartContrastColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const 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      const chartContrastColors = getChartContrastColors();\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(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onLineClicked) return;\n\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    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      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartContrastColors","getChartContrastColors","backgroundColor","isColorValid","getColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart"],"mappings":"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"}

package/dist/index-BsWftigv.js

@@ -1,123 +0,0 @@
-import { x as M, y as z, j as a, z as N, E as q, F as d, G as B, J as G, N as J, O as Q, Q as A, R as H } from "./Color.type.emb-sebikYGW.js";
-import { useTheme as K } from "@embeddable.com/react";
-import { g as P, u as U, a as W, c as b, b as X } from "./dates.utils-BF32dTLi.js";
-import { c as Y, a as Z, r as $, i as m } from "./component.inputs.constants-Ds7YpNhT.js";
-import { E as V } from "./EditorCard-DpSCsmZJ.js";
-import { useState as R, useEffect as ee } from "react";
-import { I as te } from "./IconCalendarFilled-Bfm3jkzE.js";
-const ae = (o) => o.map((n) => ({
-  rightLabel: P(n.getRange(), n.dateFormat),
-  value: n.value,
-  label: Y(n.label)
-})), ne = "_dateRangePickerContent_pig22_1", se = "_dateRangePickerContainer_pig22_5", v = {
-  dateRangePickerContent: ne,
-  dateRangePickerContainer: se
-}, oe = (o) => {
-  const n = K();
-  Z(n);
-  const { dayjsLocaleReady: i } = U(), { onChange: s, clearable: k, selectedValue: e, showCustomRangeOptions: j, showTwoMonths: D } = o, u = !j, [x, f] = R(u), [S, p] = R(!1), [l, c] = R(
-    W(e)
-  ), r = n.defaults.dateRangesOptions;
-  if (ee(() => {
-    if (!i)
-      return;
-    const t = b(e, r);
-    M(t, e) || s(t);
-  }, [e, i, s, r]), !i)
-    return null;
-  const { description: T, placeholder: C, title: O } = $(o), h = ae(r), L = (t) => {
-    const g = b(
-      { relativeTimeString: t },
-      r
-    );
-    s(g), c(void 0);
-  }, F = (t) => {
-    s(X(t)), p(!1);
-  }, I = () => {
-    c(void 0), s(void 0);
-  }, _ = (() => {
-    if (e != null && e.relativeTimeString) {
-      const t = h.find((g) => g.value === e.relativeTimeString);
-      if (t)
-        return t.label;
-    }
-    return e != null && e.from && (e != null && e.to) ? P(e, "MMM DD") : "";
-  })(), w = n.i18n.language ?? n.formatter.locale, y = z(l, e), E = D ? 2 : 1;
-  return /* @__PURE__ */ a.jsx(V, { title: O, subtitle: T, children: /* @__PURE__ */ a.jsx(
-    N,
-    {
-      open: S,
-      onOpenChange: p,
-      triggerComponent: /* @__PURE__ */ a.jsx(
-        H,
-        {
-          startIcon: te,
-          "aria-label": C,
-          placeholder: C,
-          valueLabel: _,
-          onClear: I,
-          isClearable: k
-        }
-      ),
-      children: /* @__PURE__ */ a.jsx(q, { fitContent: !0, className: v.dateRangePickerContent, children: x ? /* @__PURE__ */ a.jsxs("div", { className: v.dateRangePickerContainer, children: [
-        !u && /* @__PURE__ */ a.jsx(
-          d,
-          {
-            label: m.t("editors.dateRangePicker.backToPresets"),
-            onClick: (t) => {
-              t.preventDefault(), f(!1);
-            },
-            startIcon: /* @__PURE__ */ a.jsx(B, {})
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          G,
-          {
-            locale: w,
-            numberOfMonths: E,
-            value: l,
-            onChange: c
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          J,
-          {
-            size: "small",
-            disabled: y,
-            onClick: () => F(l),
-            children: m.t("editors.dateRangePicker.apply")
-          }
-        )
-      ] }) : /* @__PURE__ */ a.jsxs(Q, { children: [
-        /* @__PURE__ */ a.jsx(
-          d,
-          {
-            label: m.t("editors.dateRangePicker.custom"),
-            onClick: (t) => {
-              t.preventDefault(), f(!0);
-            },
-            endIcon: /* @__PURE__ */ a.jsx(A, {})
-          }
-        ),
-        h.map((t) => /* @__PURE__ */ a.jsx(
-          d,
-          {
-            ...t,
-            isSelected: (e == null ? void 0 : e.relativeTimeString) === t.value,
-            onClick: () => L(t.value)
-          },
-          t.value
-        ))
-      ] }) })
-    }
-  ) });
-}, ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: oe
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  oe as D,
-  ae as g,
-  ue as i
-};
-//# sourceMappingURL=index-BsWftigv.js.map

package/dist/index-BsWftigv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BsWftigv.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n  Button,\n  DateRangePicker,\n  Dropdown,\n  SelectFieldContent,\n  SelectFieldContentList,\n  SelectListOption,\n  DateRange,\n  SelectFieldTrigger,\n  isSameDateRange,\n  shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils.ts/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeFromPresets,\n  getTimeRangeLabel,\n} from '../dates.utils';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\ntype DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & ChartCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n  const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n  const onlyDateRangePicker = !showCustomRangeOptions;\n  const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [dateRange, setDateRange] = useState<DateRange | undefined>(\n    getDateRangeFromTimeRange(selectedValue),\n  );\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  useEffect(() => {\n    if (!dayjsLocaleReady) {\n      return;\n    }\n    // Step 1: Convert relativeTimeString to actual time range (from/to)\n    const newTimeRange = getTimeRangeFromPresets(selectedValue, dateRangeOptions);\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n    );\n\n    onChange(newTimeRange);\n    setDateRange(undefined);\n  };\n\n  const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n    onChange(getTimeRangeFromDateRange(newDateRange));\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setDateRange(undefined);\n    onChange(undefined);\n  };\n\n  const getValueLabel = () => {\n    if (selectedValue?.relativeTimeString) {\n      const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n      if (option) {\n        return option.label;\n      }\n    }\n\n    if (selectedValue?.from && selectedValue?.to) {\n      return getTimeRangeLabel(selectedValue, 'MMM DD');\n    }\n\n    return '';\n  };\n\n  const valueLabel = getValueLabel();\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n  const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n  const numberOfMonths = showTwoMonths ? 2 : 1;\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={IconCalendarFilled}\n            aria-label={placeholder}\n            placeholder={placeholder}\n            valueLabel={valueLabel}\n            onClear={handleClear}\n            isClearable={clearable}\n          />\n        }\n      >\n        <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n          {showDateRangePicker ? (\n            <div className={styles.dateRangePickerContainer}>\n              {!onlyDateRangePicker && (\n                <SelectListOption\n                  label={i18n.t('editors.dateRangePicker.backToPresets')}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setShowDateRangePicker(false);\n                  }}\n                  startIcon={<IconChevronLeft />}\n                />\n              )}\n              <DateRangePicker\n                locale={locale}\n                numberOfMonths={numberOfMonths}\n                value={dateRange}\n                onChange={setDateRange}\n              />\n              <Button\n                size=\"small\"\n                disabled={isSubmitDisabled}\n                onClick={() => handleDateRangeChange(dateRange)}\n              >\n                {i18n.t('editors.dateRangePicker.apply')}\n              </Button>\n            </div>\n          ) : (\n            <SelectFieldContentList>\n              <SelectListOption\n                label={i18n.t('editors.dateRangePicker.custom')}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setShowDateRangePicker(true);\n                }}\n                endIcon={<IconChevronRight />}\n              />\n              {options.map((option) => (\n                <SelectListOption\n                  key={option.value}\n                  {...option}\n                  isSelected={selectedValue?.relativeTimeString === option.value}\n                  onClick={() => handleOptionChange(option.value)}\n                />\n              ))}\n            </SelectFieldContentList>\n          )}\n        </SelectFieldContent>\n      </Dropdown>\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight"],"mappings":"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"}