@embeddable.com/remarkable-pro 0.1.32 → 0.2.1

package/dist/{definition-B5l2-yZu.js → definition-Bx_a3I-X.js}

@@ -1,22 +1,23 @@
-import { m as j, j as p, B as k, V as f } from "./index-CJYh9LRs.js";
+import { m as j, j as g, B as k, V as f } from "./index-CJYh9LRs.js";
 import { useTheme as K, definePreview as H } from "@embeddable.com/react";
 import { a as F, r as _ } from "./component.utils-Dua9clQJ.js";
 import { C as W } from "./ChartCard-Cqhxv7xl.js";
-import { b as E, a as I } from "./bars.utils-jD7h2lii.js";
-import { u as U } from "./charts.fillGaps.hooks-CvKhAwUj.js";
+import { b as E, a as I } from "./bars.utils-CG7i6UTJ.js";
+import { u as U } from "./charts.fillGaps.hooks-B6T9882L.js";
 import { C as q, g as J } from "./granularity.utils-Hj10GihD.js";
-import { u as N, g as Q, a as X, l as Z, b as $ } from "./bars.loadData.utils-FxKnljYM.js";
+import { u as N, g as Q, a as X, l as Z, b as $ } from "./bars.loadData.utils-3BlUREY3.js";
 import { i as a } from "./component.inputs.constants-C7tJAhsQ.js";
-import { p as x } from "./preview.data.constants--FLtEcg5.js";
+import { p } from "./preview.data.constants--FLtEcg5.js";
+import { g as ee } from "./clientContext.utils-DpB5KsfX.js";
 const h = (e) => {
   var C, b;
   const r = K();
   F(r);
-  const { tooltip: n, description: s, title: t, xAxisLabel: m, yAxisLabel: d } = _(e), {
-    hideMenu: l,
+  const { tooltip: l, description: t, title: s, xAxisLabel: m, yAxisLabel: d } = _(e), {
+    hideMenu: x,
     yAxis: i,
-    groupBy: g,
-    measure: c,
+    groupBy: n,
+    measure: u,
     reverseYAxis: B,
     showLegend: O,
     showLogarithmicScale: T,
@@ -24,19 +25,19 @@ const h = (e) => {
     showTotalLabels: w,
     showValueLabels: M,
     xAxisRangeMax: v,
-    xAxisRangeMin: L,
+    xAxisRangeMin: z,
     setGranularity: A,
-    onBarClicked: V,
-    axisOrder: R,
-    resultsAxisOrder: u,
-    axisOrderCacheKey: P,
-    setAxisOrderAndCacheKey: Y
+    onBarClicked: L,
+    axisOrder: V,
+    resultsAxisOrder: c,
+    axisOrderCacheKey: R,
+    setAxisOrderAndCacheKey: P
   } = e;
   N({
-    resultsAxisOrder: u,
+    resultsAxisOrder: c,
     axisDimension: i,
-    setAxisOrderAndCacheKey: Y,
-    axisOrderCacheKey: P
+    setAxisOrderAndCacheKey: P,
+    axisOrderCacheKey: R
   });
   const o = U({
     results: e.results,
@@ -45,30 +46,30 @@ const h = (e) => {
     {
       data: o == null ? void 0 : o.data,
       dimension: i,
-      groupDimension: g,
-      measure: c,
-      axisOrder: R
+      groupDimension: n,
+      measure: u,
+      axisOrder: V
     },
     r
-  ), z = j(
+  ), Y = j(
     I(
-      { measures: [c], horizontal: !0, onBarClicked: V, data: y, dimension: i },
+      { measures: [u], horizontal: !0, onBarClicked: L, data: y, dimension: i },
       r
     ),
     ((b = (C = r.charts) == null ? void 0 : C.barChartGroupedHorizontalPro) == null ? void 0 : b.options) ?? {}
-  ), S = !t && !s && !n;
-  return /* @__PURE__ */ p.jsxs(
+  ), S = !s && !t && !l;
+  return /* @__PURE__ */ g.jsxs(
     W,
     {
       data: o,
-      dimensionsAndMeasures: [c, i, g],
-      errorMessage: (o == null ? void 0 : o.error) || (u == null ? void 0 : u.error),
-      description: s,
-      title: t,
-      tooltip: n,
-      hideMenu: l,
+      dimensionsAndMeasures: [u, i, n],
+      errorMessage: (o == null ? void 0 : o.error) || (c == null ? void 0 : c.error),
+      description: t,
+      title: s,
+      tooltip: l,
+      hideMenu: x,
       children: [
-        A && /* @__PURE__ */ p.jsx(
+        A && /* @__PURE__ */ g.jsx(
           q,
           {
             hasMarginTop: S,
@@ -76,7 +77,7 @@ const h = (e) => {
             onChange: A
           }
         ),
-        /* @__PURE__ */ p.jsx(
+        /* @__PURE__ */ g.jsx(
           k,
           {
             data: y,
@@ -87,20 +88,20 @@ const h = (e) => {
             xAxisLabel: m,
             yAxisLabel: d,
             reverseYAxis: B,
-            xAxisRangeMin: L,
+            xAxisRangeMin: z,
             xAxisRangeMax: v,
             showTotalLabels: w,
-            options: z,
+            options: Y,
             horizontal: !0
           }
         )
       ]
     }
   );
-}, pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: h
-}, Symbol.toStringTag, { value: "Module" })), ee = {
+}, Symbol.toStringTag, { value: "Module" })), ae = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",
   category: "Bar Charts",
@@ -144,61 +145,64 @@ const h = (e) => {
     }
   ]
 }, D = {
-  yAxis: x.dimension,
-  groupBy: x.dimensionGroup,
-  measure: x.measure,
-  results: x.results1Measure2Dimensions,
+  yAxis: p.dimension,
+  groupBy: p.dimensionGroup,
+  measure: p.measure,
+  results: p.results1Measure2Dimensions,
   hideMenu: !0
-}, ae = H(h, D), re = {
+}, re = H(h, D), ie = {
   onBarClicked: (e) => ({
     axisDimensionValue: e.axisDimensionValue ?? f.noFilter(),
     groupingDimensionValue: e.groupingDimensionValue ?? f.noFilter()
   })
-}, ie = (e, [r, n]) => {
-  const s = J(e.yAxis, r == null ? void 0 : r.granularity), t = e.sortDirectionTopYAxis, m = Q({
+}, se = (e, [r, l], t) => {
+  const s = J(e.yAxis, r == null ? void 0 : r.granularity), m = e.sortDirectionTopYAxis, d = ee(t == null ? void 0 : t.timezone), x = Q({
     dataset: e.dataset,
     axis: s,
     measure: e.measure,
-    sortDirection: t,
-    limit: e.limitTopYAxis
-  }), d = X(m, r);
+    sortDirection: m,
+    limit: e.limitTopYAxis,
+    timezone: d
+  }), i = X(x, r);
   return {
     ...e,
     yAxis: s,
-    axisOrder: d,
-    axisOrderCacheKey: m,
-    setGranularity: (l) => n({ ...r, granularity: l }),
-    setAxisOrderAndCacheKey: (l, i) => n({ ...r, axisOrder: l, axisOrderCacheKey: i }),
+    axisOrder: i,
+    axisOrderCacheKey: x,
+    setGranularity: (n) => l({ ...r, granularity: n }),
+    setAxisOrderAndCacheKey: (n, u) => l({ ...r, axisOrder: n, axisOrderCacheKey: u }),
     resultsAxisOrder: $({
       dataset: e.dataset,
       limitTopAxis: e.limitTopYAxis,
       axis: s,
       measure: e.measure,
-      sortDirection: t
+      sortDirection: m,
+      timezone: d
     }),
     results: Z({
       dataset: e.dataset,
       axis: s,
       groupBy: e.groupBy,
       measure: e.measure,
-      sortDirection: t,
+      sortDirection: m,
       limitTopAxis: e.limitTopYAxis,
       maxResults: e.maxResults,
-      axisOrder: d
+      axisOrder: i,
+      timezone: d
     })
   };
-}, he = {
+}, Ae = {
   Component: h,
-  meta: ee,
-  preview: ae,
+  meta: ae,
+  preview: re,
   previewConfig: D,
   config: {
-    props: ie,
-    events: re
+    props: se,
+    events: ie
   }
 };
 export {
-  he as b,
-  pe as i
+  Ae as b,
+  he as i
 };
-//# sourceMappingURL=definition-B5l2-yZu.js.map
+//# sourceMappingURL=definition-Bx_a3I-X.js.map

package/dist/definition-Bx_a3I-X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-Bx_a3I-X.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartGroupedHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\n\nexport type BarChartGroupedHorizontalProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results?: DataResponse;\n  resultsAxisOrder?: DataResponse;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n  setAxisOrderAndCacheKey?: (values: string[], cacheKey: string) => void;\n  reverseYAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  yAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const {\n    hideMenu,\n    yAxis,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: yAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={yAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n","import { Granularity, OrderDirection, Value } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.sortDirectionTopYAxis,\n    inputs.limitTopYAxis,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedHorizontalProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n};\n\nconst previewConfig = {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst events = {\n  onBarClicked: (value: { axisDimensionValue?: string; groupingDimensionValue?: string }) => ({\n    axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartGroupedHorizontalProState,\n    (state: BarChartGroupedHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopYAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: yAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopYAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopYAxis,\n      axis: yAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: yAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopYAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","yAxis","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxisRangeMax","xAxisRangeMin","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","yAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","granularity","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedHorizontalPro"],"mappings":"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"}

package/dist/{definition-bvWr0LdF.js → definition-CLDcybuA.js}

@@ -1,49 +1,54 @@
 import { useTheme as q, definePreview as B } from "@embeddable.com/react";
-import { a0 as H, a1 as W, j as n, D as A, n as G, o as p, d as J, a2 as K, a3 as Q, a4 as U, e as X, a5 as Y, V as i } from "./index-CJYh9LRs.js";
-import { g as k, u as Z, b as $, a as D, c as ee } from "./dates.utils-C3LPV893.js";
-import { b as te, a as ae, r as ne, i as m } from "./component.utils-Dua9clQJ.js";
+import { a0 as H, a1 as W, j as n, D as A, n as G, o as m, d as J, a2 as K, a3 as Q, a4 as U, e as X, a5 as Y, V as c } from "./index-CJYh9LRs.js";
+import { g as k, u as Z, b as $, a as D, c as ee } from "./dates.utils-D44sdrNs.js";
+import { b as te, a as ae, r as ne, i as p } from "./component.utils-Dua9clQJ.js";
 import { E as oe } from "./EditorCard-BABTQLwW.js";
 import { useState as f, useEffect as se } from "react";
 import { I as re } from "./IconCalendarFilled-DqyDZZ9z.js";
-import { i as s } from "./component.inputs.constants-C7tJAhsQ.js";
-const le = (e) => e.map((o) => ({
-  rightLabel: k(o.getRange(), o.dateFormat),
-  value: o.value,
-  label: te(o.label)
+import { i as r } from "./component.inputs.constants-C7tJAhsQ.js";
+const le = (e, o) => e.map((s) => ({
+  rightLabel: k(s.getRange(o), s.dateFormat),
+  value: s.value,
+  label: te(s.label)
 })), ie = "_dateRangePickerContent_pig22_1", ce = "_dateRangePickerContainer_pig22_5", R = {
   dateRangePickerContent: ie,
   dateRangePickerContainer: ce
-}, h = (e) => {
+}, C = (e) => {
   const o = q();
   ae(o);
-  const { dayjsLocaleReady: c } = Z(), { onChange: r, clearable: w, selectedValue: t, showCustomRangeOptions: j, showTwoMonths: x } = e, C = !j, [y, v] = f(C), [T, b] = f(!1), [d, g] = f(
+  const { dayjsLocaleReady: s } = Z(), { onChange: l, clearable: x, selectedValue: t, showCustomRangeOptions: w, showTwoMonths: j } = e, h = !w, [y, v] = f(h), [T, b] = f(!1), [d, g] = f(
     $(t)
-  ), l = o.defaults.dateRangesOptions;
+  ), i = o.defaults.dateRangesOptions;
   if (se(() => {
-    if (!c)
+    if (!s)
       return;
-    const a = D(t, l);
-    H(a, t) || r(a);
-  }, [t, c, r, l]), !c)
+    const a = D(
+      t,
+      i,
+      o.clientContext.timezone
+    );
+    H(a, t) || l(a);
+  }, [t, s, l, i, o.clientContext.timezone]), !s)
     return null;
-  const { description: F, placeholder: S, title: O, tooltip: L } = ne(e), P = le(l), I = (a) => {
+  const { description: F, placeholder: S, title: O, tooltip: L } = ne(e), P = le(i, o.clientContext.timezone), I = (a) => {
     const u = D(
       { relativeTimeString: a },
-      l
+      i,
+      o.clientContext.timezone
     );
-    r(u), g(void 0);
+    l(u), g(void 0);
   }, _ = (a) => {
-    r(ee(a)), b(!1);
+    l(ee(a)), b(!1);
   }, M = () => {
-    g(void 0), r(void 0);
-  }, E = (() => {
+    g(void 0), l(void 0);
+  }, z = (() => {
     if (t != null && t.relativeTimeString) {
       const a = P.find((u) => u.value === t.relativeTimeString);
       if (a)
         return a.label;
     }
     return t != null && t.from && (t != null && t.to) ? k(t, "MMM DD") : "";
-  })(), V = o.i18n.language ?? o.formatter.locale, z = W(d, t), N = x ? 2 : 1;
+  })(), E = o.i18n.language ?? o.formatter.locale, V = W(d, t), N = j ? 2 : 1;
   return /* @__PURE__ */ n.jsx(oe, { title: O, description: F, tooltip: L, children: /* @__PURE__ */ n.jsx(
     A,
     {
@@ -56,16 +61,16 @@ const le = (e) => e.map((o) => ({
           startIcon: re,
           "aria-label": S,
           placeholder: S,
-          valueLabel: E,
+          valueLabel: z,
           onClear: M,
-          isClearable: w
+          isClearable: x
         }
       ),
       children: /* @__PURE__ */ n.jsx(G, { fitContent: !0, className: R.dateRangePickerContent, children: y ? /* @__PURE__ */ n.jsxs("div", { className: R.dateRangePickerContainer, children: [
-        !C && /* @__PURE__ */ n.jsx(
-          p,
+        !h && /* @__PURE__ */ n.jsx(
+          m,
           {
-            label: m.t("editors.dateRangePicker.backToPresets"),
+            label: p.t("editors.dateRangePicker.backToPresets"),
             onClick: (a) => {
               a.preventDefault(), v(!1);
             },
@@ -75,7 +80,7 @@ const le = (e) => e.map((o) => ({
         /* @__PURE__ */ n.jsx(
           K,
           {
-            locale: V,
+            locale: E,
             numberOfMonths: N,
             value: d,
             onChange: g
@@ -85,16 +90,16 @@ const le = (e) => e.map((o) => ({
           Q,
           {
             size: "small",
-            disabled: z,
+            disabled: V,
             onClick: () => _(d),
-            children: m.t("editors.dateRangePicker.apply")
+            children: p.t("editors.dateRangePicker.apply")
           }
         )
       ] }) : /* @__PURE__ */ n.jsxs(U, { children: [
         /* @__PURE__ */ n.jsx(
-          p,
+          m,
           {
-            label: m.t("editors.dateRangePicker.custom"),
+            label: p.t("editors.dateRangePicker.custom"),
             onClick: (a) => {
               a.preventDefault(), v(!0);
             },
@@ -102,7 +107,7 @@ const le = (e) => e.map((o) => ({
           }
         ),
         P.map((a) => /* @__PURE__ */ n.jsx(
-          p,
+          m,
           {
             ...a,
             isSelected: (t == null ? void 0 : t.relativeTimeString) === a.value,
@@ -115,7 +120,7 @@ const le = (e) => e.map((o) => ({
   ) });
 }, Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: h
+  default: C
 }, Symbol.toStringTag, { value: "Module" })), de = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",
@@ -123,27 +128,27 @@ const le = (e) => e.map((o) => ({
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    s.title,
-    s.description,
-    s.tooltip,
-    { ...s.placeholder, defaultValue: "Select a date-range" },
+    r.title,
+    r.description,
+    r.tooltip,
+    { ...r.placeholder, defaultValue: "Select a date-range" },
     {
-      ...s.boolean,
+      ...r.boolean,
       name: "showCustomRangeOptions",
       label: "Show custom date-range option",
       defaultValue: !0,
       category: "Component Settings"
     },
     {
-      ...s.boolean,
+      ...r.boolean,
       name: "showTwoMonths",
       label: "Show two-month view",
       defaultValue: !1,
       category: "Component Settings"
     },
-    s.clearable,
+    r.clearable,
     {
-      ...s.timeRange,
+      ...r.timeRange,
       name: "selectedValue",
       label: "Selected value",
       category: "Pre-configured variables"
@@ -176,29 +181,29 @@ const le = (e) => e.map((o) => ({
     {
       name: "date-range value",
       type: "timeRange",
-      defaultValue: i.noFilter(),
+      defaultValue: c.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, ge = B(h, {
+}, ge = B(C, {
   showCustomRangeOptions: !0,
   onChange: () => null
 }), ue = (e) => ({
   ...e
-}), pe = {
+}), me = {
   onChange: (e) => ({
-    value: e ?? i.noFilter(),
-    fromDate: e != null && e.from ? { date: e == null ? void 0 : e.from } : i.noFilter(),
-    toDate: e != null && e.to ? { date: e == null ? void 0 : e.to } : i.noFilter()
+    value: e ?? c.noFilter(),
+    fromDate: e != null && e.from ? { date: e == null ? void 0 : e.from } : c.noFilter(),
+    toDate: e != null && e.to ? { date: e == null ? void 0 : e.to } : c.noFilter()
   })
 }, ke = {
-  Component: h,
+  Component: C,
   meta: de,
   preview: ge,
   config: {
     props: ue,
-    events: pe
+    events: me
   }
 };
 export {
@@ -206,4 +211,4 @@ export {
   le as g,
   Re as i
 };
-//# sourceMappingURL=definition-bvWr0LdF.js.map
+//# sourceMappingURL=definition-CLDcybuA.js.map

package/dist/definition-CLDcybuA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CLDcybuA.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx","../src/components/editors/dates/DateRangePickerPresetsPro/definition.ts"],"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  timezone?: string,\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(timezone), 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/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } 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';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\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(\n      selectedValue,\n      dateRangeOptions,\n      theme.clientContext.timezone,\n    );\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions, theme.clientContext.timezone]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions, theme.clientContext.timezone);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n      theme.clientContext.timezone,\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} description={description} tooltip={tooltip}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        avoidCollisions={false}\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","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { TimeRange, Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date-Range Picker - Presets',\n  category: 'Dropdowns - dates',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    {\n      ...inputs.boolean,\n      name: 'showCustomRangeOptions',\n      label: 'Show custom date-range option',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two-month view',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected date-range',\n          type: 'timeRange',\n        },\n        {\n          name: 'fromDate',\n          label: 'Start date of selected range',\n          type: 'time',\n        },\n        {\n          name: 'toDate',\n          label: 'To date of selected range',\n          type: 'time',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  showCustomRangeOptions: true,\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (timeRange: TimeRange) => {\n    return {\n      value: timeRange ?? Value.noFilter(),\n      fromDate: timeRange?.from ? { date: timeRange?.from } : Value.noFilter(),\n      toDate: timeRange?.to ? { date: timeRange?.to } : Value.noFilter(),\n    };\n  },\n};\n\nexport const dateRangeSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","timezone","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","tooltip","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","meta","inputs","Value","preview","definePreview","Component","events","timeRange","dateRangeSelectFieldPro"],"mappings":"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"}

package/dist/{definition-Cgq79V22.js → definition-CTnDKGXw.js}

@@ -3,7 +3,7 @@ import { useTheme as ge, definePreview as he } from "@embeddable.com/react";
 import { a as be, r as we, i as Ee } from "./component.utils-Dua9clQJ.js";
 import { C as ye } from "./ChartCard-Cqhxv7xl.js";
 import { useState as z, useRef as M, useEffect as k, useCallback as je } from "react";
-import { g as Ae, a as De } from "./tables.utils-BF3qUwBS.js";
+import { g as Ae, a as De } from "./tables.utils-nCpRWyEd.js";
 import { i as E, s as S } from "./component.inputs.constants-C7tJAhsQ.js";
 import { p as x } from "./preview.data.constants--FLtEcg5.js";
 const P = 50, { getOwnPropertyNames: Ce, getOwnPropertySymbols: qe } = Object, { hasOwnProperty: Oe } = Object.prototype;
@@ -557,4 +557,4 @@ export {
   st as i,
   it as t
 };
-//# sourceMappingURL=definition-Cgq79V22.js.map
+//# sourceMappingURL=definition-CTnDKGXw.js.map