@embeddable.com/remarkable-ui 0.1.13 → 0.1.14

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as w, m as M, j as n, d as V, a as y, b as z, t as P, c as k, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as F, l as W, n as Y, V as E, o as G } from "./component.constants-DIhZCTG3.js";
 import { useTheme as O, defineComponent as _ } from "@embeddable.com/react";
 import { C as q } from "./ChartCard-11lQWjXq.js";
-import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-lZwsRfDF.js";
+import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-t2xhHbW-.js";
 const U = (a) => {
   var o, i;
   const e = O();

package/dist/BarChartDefaultPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as y, m as w, j as n, d as M, a as V, b as P, t as v, c as k, s as R, e as j, f as I, g as S, x as T, y as F, p as W, q as X, u as q, v as z, V as E, o as G } from "./component.constants-DIhZCTG3.js";
 import { useTheme as O, defineComponent as _ } from "@embeddable.com/react";
 import { C as H } from "./ChartCard-11lQWjXq.js";
-import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-lZwsRfDF.js";
+import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-t2xhHbW-.js";
 const U = (a) => {
   var i, o;
   const s = O();

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,7 +1,7 @@
 import { i as f, r as w, m as k, j as l, d as z, w as G, b as P, z as M, t as H, c as R, s as j, e as v, f as S, g as T, x as F, y as Y, h as W, k as E, l as I, V as u, o as O } from "./component.constants-DIhZCTG3.js";
 import { useTheme as _, defineComponent as q } from "@embeddable.com/react";
 import { C as J } from "./ChartCard-11lQWjXq.js";
-import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-lZwsRfDF.js";
+import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-t2xhHbW-.js";
 const X = (a) => {
   var t, n;
   const e = _();

package/dist/BarChartGroupedPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as w, m as G, j as l, d as k, w as P, b as M, z as R, t as j, c as v, s as S, e as T, f as F, g as X, x as z, y as W, p as q, q as E, u as I, V as u, o as O } from "./component.constants-DIhZCTG3.js";
 import { useTheme as _, defineComponent as H } from "@embeddable.com/react";
 import { C as J } from "./ChartCard-11lQWjXq.js";
-import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-lZwsRfDF.js";
+import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-t2xhHbW-.js";
 const Y = (e) => {
   var t, n;
   const a = _();

package/dist/BarChartStackedHorizontalPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as w, m as f, j as l, d as S, w as z, b as P, z as M, t as H, c as R, s as T, e as j, f as v, g as F, x as G, y as Y, h as W, k as E, l as I, A as O, V as m, o as _ } from "./component.constants-DIhZCTG3.js";
 import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
 import { C as K } from "./ChartCard-11lQWjXq.js";
-import { u as N, b as Q, a as U, B as X } from "./charts.fillGaps.hooks-lZwsRfDF.js";
+import { u as N, b as Q, a as U, B as X } from "./charts.fillGaps.hooks-t2xhHbW-.js";
 const Z = (a) => {
   var i, n;
   const e = q();

package/dist/BarChartStackedPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as f, m as w, j as l, d as S, w as P, b as M, z as R, t as T, c as j, s as v, e as F, f as G, g as X, x as z, y as W, p as q, q as E, u as I, A as O, V as m, o as _ } from "./component.constants-DIhZCTG3.js";
 import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
 import { C as K } from "./ChartCard-11lQWjXq.js";
-import { u as N, b as Q, a as U, B as Y } from "./charts.fillGaps.hooks-lZwsRfDF.js";
+import { u as N, b as Q, a as U, B as Y } from "./charts.fillGaps.hooks-t2xhHbW-.js";
 const Z = (a) => {
   var o, n;
   const e = H();

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,10 +1,9 @@
 import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { Z as P, S as y, i as f, r as b, j as l, R as C, t as S, c as F, _ as R, V as m } from "./component.constants-DIhZCTG3.js";
+import { Z as y, S as P, i as f, r as b, j as l, R as C, t as S, c as R, _ as F, V as d } from "./component.constants-DIhZCTG3.js";
 import { useMemo as M, useEffect as k } from "react";
 import { S as D } from "./SingleSelectField-D1E9OJxC.js";
-import { u as T } from "./date.utils-CNVHSCO8.js";
-import { E as j } from "./EditorCard-BriyqUva.js";
-import { g as x, a as L } from "./editors.timeRange.utils-CG333N7U.js";
+import { g as T, u as j, a as x } from "./editors.timeRange.utils-CteuBPel.js";
+import { E as L } from "./EditorCard-BriyqUva.js";
 import { C as s } from "./ComparisonPeriod.type.emb-D51Sg3wt.js";
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
@@ -12,35 +11,35 @@ import { C as s } from "./ComparisonPeriod.type.emb-D51Sg3wt.js";
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const E = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], I = P("outline", "calendar-time", "CalendarTime", E), O = (e, a) => !e || a.some((o) => o.value === e), V = (e, a) => e.map((o) => ({
-  rightLabel: a ? x(o.getRange(a), o.dateFormat) : "",
+const O = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], E = y("outline", "calendar-time", "CalendarTime", O), I = (e, a) => !e || a.some((o) => o.value === e), V = (e, a) => e.map((o) => ({
+  rightLabel: a ? T(o.getRange(a), o.dateFormat) : "",
   value: o.value,
-  label: y(o.label)
+  label: P(o.label)
 })), _ = (e) => {
   const a = v();
   f(a);
-  const { description: o, placeholder: d, title: p, comparisonPeriod: r, onChange: t } = b(e), i = a.editors.comparisonPeriodSelectFieldPro.options, n = M(
-    () => O(r, i),
-    [r, i]
+  const { description: o, placeholder: m, title: p, comparisonPeriod: t, onChange: r } = b(e), i = a.defaults.comparisonPeriodsOptions, n = M(
+    () => I(t, i),
+    [t, i]
   );
   k(() => {
-    n || t(void 0);
-  }, [n, t]);
-  const { dayjsLocaleReady: c } = T(), u = L(e.primaryDateRange, a);
+    n || r(void 0);
+  }, [n, r]);
+  const { dayjsLocaleReady: c } = j(), u = x(e.primaryDateRange, a);
   if (!c)
     return null;
   const g = V(
     i,
     u
   );
-  return /* @__PURE__ */ l.jsx(j, { title: p, subtitle: o, children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ l.jsx(L, { title: p, subtitle: o, children: /* @__PURE__ */ l.jsx(
     D,
     {
-      startIcon: I,
+      startIcon: E,
       isClearable: !0,
-      placeholder: d,
-      value: n ? r : void 0,
-      onChange: t,
+      placeholder: m,
+      value: n ? t : void 0,
+      onChange: r,
       options: g,
       noOptionsMessage: C.t("common.noOptionsAvailable")
     }
@@ -53,8 +52,8 @@ const E = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
   defaultHeight: 120,
   inputs: [
     { ...S },
-    { ...F },
-    { ...R, defaultValue: "Select a date-comparison" },
+    { ...R },
+    { ...F, defaultValue: "Select a date-comparison" },
     {
       name: "primaryDateRange",
       type: "timeRange",
@@ -86,22 +85,22 @@ const E = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
     {
       name: "comparison-period value",
       type: s,
-      defaultValue: m.noFilter(),
+      defaultValue: d.noFilter(),
       inputs: ["comparisonPeriod"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, G = h(_, A, {
+}, B = h(_, A, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (e) => e,
   events: {
     onChange: (e) => ({
-      value: e || m.noFilter()
+      value: e || d.noFilter()
     })
   }
 });
 export {
-  G as default,
+  B as default,
   A as meta
 };
 //# sourceMappingURL=ComparisonPeriodSelectFieldPro.js.map

package/dist/ComparisonPeriodSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriodSelectFieldPro.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.emb.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { getTimeRangeFromTo } from '../editors.timeRange.utils';\nimport { useEffect, useMemo } from 'react';\n\ntype DateComparisonSelectFieldPro = {\n  title?: string;\n  description?: string;\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n};\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, comparisonPeriod, onChange } = resolveI18nProps(props);\n\n  const comparisonPeriodOptions = theme.editors.comparisonPeriodSelectFieldPro.options;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromTo(props.primaryDateRange, theme);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        isClearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport ComparisonPeriodSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-comparison' },\n    {\n      name: 'primaryDateRange',\n      type: 'timeRange',\n      label: 'Primary Date Range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Selected Comparison Period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ComparisonPeriodSelectFieldPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => inputs,\n  events: {\n    onChange: (value) => {\n      return {\n        value: value || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","comparisonPeriod","onChange","resolveI18nProps","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromTo","options","jsx","EditorCard","SingleSelectField","i18n","meta","ComparisonPeriodType","Value","ComparisonPeriodSelectFieldPro_emb","defineComponent","ComparisonPeriodSelectFieldPro","inputs","value"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ComparisonPeriodSelectFieldPro.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/remarkable-pro/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.emb.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { getTimeRangeFromTo } from '../editors.timeRange.utils';\nimport { useEffect, useMemo } from 'react';\n\ntype DateComparisonSelectFieldPro = {\n  title?: string;\n  description?: string;\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n};\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, comparisonPeriod, onChange } = resolveI18nProps(props);\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromTo(props.primaryDateRange, theme);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        isClearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport ComparisonPeriodSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-comparison' },\n    {\n      name: 'primaryDateRange',\n      type: 'timeRange',\n      label: 'Primary Date Range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Selected Comparison Period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ComparisonPeriodSelectFieldPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (inputs: Inputs<typeof meta>) => inputs,\n  events: {\n    onChange: (value) => {\n      return {\n        value: value || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","comparisonPeriod","onChange","resolveI18nProps","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromTo","options","jsx","EditorCard","SingleSelectField","i18n","meta","ComparisonPeriodType","Value","ComparisonPeriodSelectFieldPro_emb","defineComponent","ComparisonPeriodSelectFieldPro","inputs","value"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/DateRangeSelectFieldPro.js

@@ -1,15 +1,14 @@
-import { defineComponent as l } from "@embeddable.com/react";
-import { t as o, c as n, _ as r, V as a } from "./component.constants-DIhZCTG3.js";
-import { D as i } from "./index-B_4rK6tI.js";
-import { l as t } from "./date.utils-CNVHSCO8.js";
-const d = {
+import { defineComponent as t } from "@embeddable.com/react";
+import { t as l, c as n, _ as r, V as a } from "./component.constants-DIhZCTG3.js";
+import { D as o } from "./index-YRbjfwIA.js";
+const i = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",
   category: "Dropdowns",
   defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    { ...o },
+    { ...l },
     { ...n },
     { ...r, defaultValue: "Select a date-range" },
     {
@@ -41,15 +40,14 @@ const d = {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, c = l(i, d, {
+}, p = t(o, i, {
   props: (e) => ({
     ...e
   }),
   events: {
     onChange: (e) => ({
       value: e ? {
-        from: e.from ? t(e.from) : void 0,
-        to: e.to ? t(e.to) : void 0,
+        ...e,
         relativeTimeString: ""
         // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)
       } : a.noFilter()
@@ -57,7 +55,7 @@ const d = {
   }
 });
 export {
-  c as default,
-  d as meta
+  p as default,
+  i as meta
 };
 //# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport { localToUtcDate } from '../../../utils.ts/date.utils';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\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    },\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\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              from: range.from ? localToUtcDate(range.from) : undefined,\n              to: range.to ? localToUtcDate(range.to) : undefined,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range","localToUtcDate"],"mappings":";;;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBP,GAAM;AAAA,EAC3D,OAAO,CAACQ,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,MAAMA,EAAM,OAAOC,EAAeD,EAAM,IAAI,IAAI;AAAA,QAChD,IAAIA,EAAM,KAAKC,EAAeD,EAAM,EAAE,IAAI;AAAA,QAC1C,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\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    },\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\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              ...range,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBP,GAAM;AAAA,EAC3D,OAAO,CAACQ,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,GAAGA;AAAA,QACH,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
 import { d as a, w as s, z as t, t as o, c as n, s as r, Y as i, e as m, f as l, V as d, o as u } from "./component.constants-DIhZCTG3.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-Bgj2EBb8.js";
+import { D as p } from "./index-9F910tDw.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,4 +1,4 @@
-import { D as n } from "./index-C8pGCEGw.js";
+import { D as n } from "./index-Ddf7wtBP.js";
 import { d as s, w as a, z as r, t as o, c as l, s as i, Y as m, e as d, f as u, V as b, o as t } from "./component.constants-DIhZCTG3.js";
 import { defineComponent as c } from "@embeddable.com/react";
 const p = {

package/dist/{KpiChart-BLMULQMh.js → KpiChart-Cp9ZUyRz.js}

@@ -1,4 +1,4 @@
-import { Z as x, j as n, a1 as _, a6 as l } from "./component.constants-DIhZCTG3.js";
+import { Z as x, j as n, a1 as k, a6 as C } from "./component.constants-DIhZCTG3.js";
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
@@ -12,13 +12,13 @@ const j = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M2
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const m = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], y = x("outline", "trending-up", "TrendingUp", m), f = "_kpiChartContainer_joxtc_1", N = "_kpiComparisonContainer_joxtc_26", $ = "_kpiChangeHidden_joxtc_47", C = {
+const y = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], m = x("outline", "trending-up", "TrendingUp", y), f = "_kpiChartContainer_joxtc_1", N = "_kpiComparisonContainer_joxtc_26", $ = "_kpiChangeHidden_joxtc_47", _ = {
   kpiChartContainer: f,
   kpiComparisonContainer: N,
   kpiChangeHidden: $
-}, u = "_kpiChartChangeContainer_13m4l_1", T = "_kpiChangeBadge_13m4l_13", B = "_positive_13m4l_36", D = "_negative_13m4l_41", t = {
-  kpiChartChangeContainer: u,
-  kpiChangeBadge: T,
+}, T = "_kpiChartChangeContainer_13m4l_1", u = "_kpiChangeBadge_13m4l_13", B = "_positive_13m4l_36", D = "_negative_13m4l_41", t = {
+  kpiChartChangeContainer: T,
+  kpiChangeBadge: u,
   positive: B,
   negative: D
 }, H = (i, e) => i ? e ? t.negative : t.positive : e ? t.positive : t.negative, M = ({
@@ -35,13 +35,13 @@ const m = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "
     const c = e === 0 ? 0 : a / e * 100;
     r = `${c % 1 === 0 ? c : c.toFixed(1).replace(/\.?0+$/, "")}%`;
   }
-  const d = `${o ? "+" : ""}${r}`, k = o ? y : v;
-  return /* @__PURE__ */ n.jsxs("div", { className: _(h, t.kpiChartChangeContainer), children: [
-    /* @__PURE__ */ n.jsxs("div", { className: _(t.kpiChangeBadge, H(o, g)), children: [
-      /* @__PURE__ */ n.jsx(k, {}),
-      /* @__PURE__ */ n.jsx(l, { children: d })
+  const d = `${o ? "+" : ""}${r}`, l = o ? m : v;
+  return /* @__PURE__ */ n.jsxs("div", { className: k(h, t.kpiChartChangeContainer), children: [
+    /* @__PURE__ */ n.jsxs("div", { className: k(t.kpiChangeBadge, H(o, g)), children: [
+      /* @__PURE__ */ n.jsx(l, {}),
+      /* @__PURE__ */ n.jsx(C, { children: d })
     ] }),
-    p && /* @__PURE__ */ n.jsx(l, { children: p })
+    p && /* @__PURE__ */ n.jsx(C, { children: p })
   ] });
 }, K = ({
   value: i,
@@ -54,13 +54,13 @@ const m = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "
   valueFontSize: o,
   valueFormatter: r
 }) => {
-  const d = s !== void 0, k = d && s === i, c = r ? r(i) : i;
-  return /* @__PURE__ */ n.jsxs("div", { className: C.kpiChartContainer, children: [
-    /* @__PURE__ */ n.jsx(l, { className: C.kpiValue, style: { fontSize: o }, children: c }),
-    /* @__PURE__ */ n.jsx("div", { className: C.kpiComparisonContainer, style: { fontSize: e }, children: k ? /* @__PURE__ */ n.jsx(l, { children: a }) : /* @__PURE__ */ n.jsx(
+  const d = s !== void 0, l = d && s === i, c = r ? r(i) : i;
+  return /* @__PURE__ */ n.jsxs("div", { className: _.kpiChartContainer, children: [
+    /* @__PURE__ */ n.jsx(C, { style: { fontSize: o }, children: c }),
+    /* @__PURE__ */ n.jsx("div", { className: _.kpiComparisonContainer, style: { fontSize: e }, children: l ? /* @__PURE__ */ n.jsx(C, { children: a }) : /* @__PURE__ */ n.jsx(
       M,
       {
-        className: _(!d && C.kpiChangeHidden),
+        className: k(!d && _.kpiChangeHidden),
         value: i,
         comparisonValue: s,
         invertChangeColors: p,
@@ -74,4 +74,4 @@ const m = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "
 export {
   K
 };
-//# sourceMappingURL=KpiChart-BLMULQMh.js.map
+//# sourceMappingURL=KpiChart-Cp9ZUyRz.js.map

package/dist/{KpiChart-BLMULQMh.js.map → KpiChart-Cp9ZUyRz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"KpiChart-BLMULQMh.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string = difference.toString();\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n\n    const percentageDisplay =\n      percentage % 1 === 0 ? percentage : percentage.toFixed(1).replace(/\\.?0+$/, '');\n\n    differenceLabel = `${percentageDisplay}%`;\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography className={styles.kpiValue} style={{ fontSize: valueFontSize }}>\n        {displayValue}\n      </Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            value={value}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            showChangeAsPercentage={showChangeAsPercentage}\n            comparisonLabel={comparisonLabel}\n            changeFontSize={changeFontSize}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","className","difference","differenceLabel","percentage","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","valueFormatter","hasComparisonValue","equalComparison"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"KpiChart-Cp9ZUyRz.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string = difference.toString();\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n\n    const percentageDisplay =\n      percentage % 1 === 0 ? percentage : percentage.toFixed(1).replace(/\\.?0+$/, '');\n\n    differenceLabel = `${percentageDisplay}%`;\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            value={value}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            showChangeAsPercentage={showChangeAsPercentage}\n            comparisonLabel={comparisonLabel}\n            changeFontSize={changeFontSize}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","className","difference","differenceLabel","percentage","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","valueFormatter","hasComparisonValue","equalComparison"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,qBAAqB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,mBAAmB,KAAO,QAAO,CAAE,CAAC,GAC1HC,IAAmBC,EAAqB,WAAW,iBAAiB,gBAAgBF,CAAU;ACVpG;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,uBAAuB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,iBAAiB,KAAO,QAAO,CAAE,CAAC,GAC1HG,IAAiBD,EAAqB,WAAW,eAAe,cAAcF,CAAU;;;;;;;;;GCHxFI,IAAiB,CAACC,GAAqBC,MACvCD,IAAmBC,IAAqBC,EAAO,WAAWA,EAAO,WAC9DD,IAAqBC,EAAO,WAAWA,EAAO,UAK1CC,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,wBAAAC;AAAA,EACA,oBAAAL,IAAqB;AAAA,EACrB,iBAAAM;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAaL,IAAQC,GACrBL,IAAaS,IAAa;AAEhC,MAAIC,IAA0BD,EAAW,SAAA;AAEzC,MAAIH,GAAwB;AAC1B,UAAMK,IAAaN,MAAoB,IAAI,IAAKI,IAAaJ,IAAmB;AAKhF,IAAAK,IAAkB,GAFhBC,IAAa,MAAM,IAAIA,IAAaA,EAAW,QAAQ,CAAC,EAAE,QAAQ,UAAU,EAAE,CAE1C;AAAA,EACxC;AAEA,QAAMC,IAAe,GAAGZ,IAAa,MAAM,EAAE,GAAGU,CAAe,IAEzDG,IAAOb,IAAaF,IAAiBF;AAE3C,gCACG,OAAA,EAAI,WAAWkB,EAAKN,GAAWN,EAAO,uBAAuB,GAC5D,UAAA;AAAA,IAAAa,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAKZ,EAAO,gBAAgBH,EAAeC,GAAYC,CAAkB,CAAC,GACxF,UAAA;AAAA,MAAAe,gBAAAA,EAAAA,IAACH,GAAA,EAAK;AAAA,MACNG,gBAAAA,EAAAA,IAACC,KAAY,UAAAL,EAAA,CAAa;AAAA,IAAA,GAC5B;AAAA,IACCL,KAAmBS,gBAAAA,EAAAA,IAACC,GAAA,EAAY,UAAAV,EAAA,CAAgB;AAAA,EAAA,GACnD;AAEJ,GC1CaW,IAA8B,CAAC;AAAA,EAC1C,OAAAd;AAAA,EACA,gBAAAe;AAAA,EACA,iBAAAd;AAAA,EACA,iBAAAE;AAAA,EACA,oBAAAN;AAAA,EACA,wBAAAK;AAAA,EACA,sBAAAc,IAAuB;AAAA,EACvB,eAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAMC,IAAqBlB,MAAoB,QACzCmB,IAAkBD,KAAsBlB,MAAoBD,GAE5DQ,IAAeU,IAAiBA,EAAelB,CAAK,IAAIA;AAE9D,SACEW,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWb,EAAO,mBACrB,UAAA;AAAA,IAAAc,gBAAAA,MAACC,KAAW,OAAO,EAAE,UAAUI,EAAA,GAAkB,UAAAT,GAAa;AAAA,IAC9DI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWd,EAAO,wBAAwB,OAAO,EAAE,UAAUiB,EAAA,GAC/D,UAAAK,IACCR,gBAAAA,MAACC,GAAA,EAAY,aAAqB,IAElCD,gBAAAA,EAAAA;AAAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWW,EAAK,CAACS,KAAsBrB,EAAO,eAAe;AAAA,QAC7D,OAAAE;AAAA,QACA,iBAAAC;AAAA,QACA,oBAAAJ;AAAA,QACA,wBAAAK;AAAA,QACA,iBAAAC;AAAA,QACA,gBAAAY;AAAA,MAAA;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GACF;AAEJ;","x_google_ignoreList":[0,1]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,83 +1,82 @@
-import { useTheme as x, defineComponent as V } from "@embeddable.com/react";
-import { S as j, i as w, r as A, j as f, d as L, w as O, T as q, U as E, t as I, c as M, W as v, X as P, o as h } from "./component.constants-DIhZCTG3.js";
-import { C as U } from "./ChartCard-11lQWjXq.js";
+import { useTheme as K, defineComponent as x } from "@embeddable.com/react";
+import { S as V, i as j, r as w, j as f, d as A, w as L, T as O, U as q, t as E, c as I, W as v, X as P, o as h } from "./component.constants-DIhZCTG3.js";
+import { C as M } from "./ChartCard-11lQWjXq.js";
 import { useEffect as Y } from "react";
-import { K as B } from "./KpiChart-BLMULQMh.js";
+import { K as B } from "./KpiChart-Cp9ZUyRz.js";
 import { g as J } from "./formatter.utils-CuZlh4EL.js";
-import { C as W } from "./ComparisonPeriod.type.emb-D51Sg3wt.js";
-import { l as b } from "./date.utils-CNVHSCO8.js";
-const X = (e, o, a) => {
+import { C as U } from "./ComparisonPeriod.type.emb-D51Sg3wt.js";
+const W = (e, a, o) => {
   var t;
-  if (!e || !o)
+  if (!e || !a)
     return;
-  const r = e != null && e.relativeTimeString ? (t = a.defaults.dateRangesOptions.find((i) => i.value === (e == null ? void 0 : e.relativeTimeString))) == null ? void 0 : t.getRange() : e, n = a.defaults.comparisonPeriodsOptions.find(
-    (i) => i.value === o
+  const r = e != null && e.relativeTimeString ? (t = o.defaults.dateRangesOptions.find((s) => s.value === (e == null ? void 0 : e.relativeTimeString))) == null ? void 0 : t.getRange() : e, n = o.defaults.comparisonPeriodsOptions.find(
+    (s) => s.value === a
   );
   return n == null ? void 0 : n.getRange(r);
-}, _ = (e, o) => {
-  const a = o.defaults.comparisonPeriodsOptions.find(
+}, X = (e, a) => {
+  const o = a.defaults.comparisonPeriodsOptions.find(
     (r) => r.value === e
   );
-  return a ? j(a.label) : "";
-}, $ = (e) => {
-  var g, d, u, C;
-  const o = x();
-  w(o);
-  const { title: a, description: r } = A(e), {
+  return o ? V(o.label) : "";
+}, _ = (e) => {
+  var d, g, u, C;
+  const a = K();
+  j(a);
+  const { title: o, description: r } = w(e), {
     changeFontSize: n,
     comparisonPeriod: t,
-    comparisonDateRange: i,
-    displayChangeAsPercentage: R,
-    fontSize: S,
-    measure: s,
+    comparisonDateRange: s,
+    displayChangeAsPercentage: b,
+    fontSize: R,
+    measure: i,
     primaryDateRange: p,
     results: m,
     resultsComparison: l,
     reversePositiveNegativeColors: y,
-    setComparisonDateRange: D
+    setComparisonDateRange: S
   } = e;
   Y(() => {
-    const c = X(
+    const c = W(
       p,
       t,
-      o
+      a
     );
-    D(c);
-  }, [t, JSON.stringify(p)]);
-  const T = (d = (g = m.data) == null ? void 0 : g[0]) == null ? void 0 : d[s.name], N = i ? (C = (u = l == null ? void 0 : l.data) == null ? void 0 : u[0]) == null ? void 0 : C[s.name] : void 0, F = J(o), z = (c) => F.data(s, c), K = `vs ${_(t, o).toLowerCase()}`;
+    S(c);
+  }, [t, JSON.stringify(p), a]);
+  const D = (g = (d = m.data) == null ? void 0 : d[0]) == null ? void 0 : g[i.name], N = s ? (C = (u = l == null ? void 0 : l.data) == null ? void 0 : u[0]) == null ? void 0 : C[i.name] : void 0, T = J(a), F = (c) => T.data(i, c), z = `vs ${X(t, a).toLowerCase()}`;
   return /* @__PURE__ */ f.jsx(
-    U,
+    M,
     {
       data: m,
-      dimensionsAndMeasures: [s],
+      dimensionsAndMeasures: [i],
       errorMessage: m.error,
       subtitle: r,
-      title: a,
+      title: o,
       children: /* @__PURE__ */ f.jsx(
         B,
         {
-          value: T,
+          value: D,
           comparisonValue: N,
-          valueFormatter: z,
-          valueFontSize: S,
+          valueFormatter: F,
+          valueFontSize: R,
           changeFontSize: n,
           invertChangeColors: y,
-          showChangeAsPercentage: R,
-          comparisonLabel: K
+          showChangeAsPercentage: b,
+          comparisonLabel: z
         }
       )
     }
   );
-}, k = {
+}, $ = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
   category: "Kpi Charts",
   inputs: [
+    A,
     L,
-    O,
-    { ...q, name: "timeProperty", label: "Time Property" },
+    { ...O, name: "timeProperty", label: "Time Property" },
     {
-      ...E,
+      ...q,
       name: "primaryDateRange",
       label: "Primary Date Range",
       description: "You can also connect this to a date range selector using its variable",
@@ -85,13 +84,13 @@ const X = (e, o, a) => {
     },
     {
       name: "comparisonPeriod",
-      type: W,
+      type: U,
       label: "Comparison Period",
       description: "You can also connect this to a comparison period selector using its variable",
       category: "Component Data"
     },
+    E,
     I,
-    M,
     {
       ...v,
       name: "displayChangeAsPercentage",
@@ -113,12 +112,12 @@ const X = (e, o, a) => {
       required: !0
     }
   ]
-}, te = V($, k, {
+}, oe = x(_, $, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (e, [o, a]) => ({
+  props: (e, [a, o]) => ({
     ...e,
-    comparisonDateRange: o == null ? void 0 : o.comparisonDateRange,
-    setComparisonDateRange: (r) => a({ comparisonDateRange: r }),
+    comparisonDateRange: a == null ? void 0 : a.comparisonDateRange,
+    setComparisonDateRange: (r) => o({ comparisonDateRange: r }),
     results: h({
       from: e.dataset,
       select: [e.measure],
@@ -131,7 +130,7 @@ const X = (e, o, a) => {
         }
       ] : void 0
     }),
-    resultsComparison: e.primaryDateRange && e.timeProperty && (o != null && o.comparisonDateRange) ? h({
+    resultsComparison: e.primaryDateRange && e.timeProperty && (a != null && a.comparisonDateRange) ? h({
       from: e.dataset,
       select: [e.measure],
       limit: 1,
@@ -139,18 +138,14 @@ const X = (e, o, a) => {
         {
           property: e.timeProperty,
           operator: "inDateRange",
-          value: {
-            from: b(o.comparisonDateRange.from),
-            to: b(o.comparisonDateRange.to),
-            relativeTimeString: ""
-          }
+          value: a.comparisonDateRange
         }
       ]
     }) : void 0
   })
 });
 export {
-  te as default,
-  k as meta
+  oe as default,
+  $ as meta
 };
 //# sourceMappingURL=KpiChartNumberComparisonPro.js.map