@embeddable.com/remarkable-ui 0.1.19 → 0.1.22

package/dist/KpiChartNumberComparisonPro.js

@@ -1,84 +1,72 @@
 import { useTheme as V, defineComponent as x } from "@embeddable.com/react";
-import { S as j, i as w, r as A, j as v, d as L, w as O, T as q, U as E, t as I, c as M, W as P, X as p, o as h } from "./component.constants-CL4mGURD.js";
-import { C as Y } from "./ChartCard-BkrK3C4a.js";
-import { useEffect as B } from "react";
-import { K as J } from "./KpiChart-ClxfTTJ4.js";
-import { g as U } from "./formatter.utils-BaAiNARZ.js";
-import { C as W } from "./ComparisonPeriod.type.emb-Cli9Gpzq.js";
-const X = (e, a, o) => {
-  var t;
-  if (!e || !a)
-    return;
-  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, a) => {
-  const o = a.defaults.comparisonPeriodsOptions.find(
-    (r) => r.value === e
-  );
-  return o ? j(o.label) : "";
-}, $ = (e) => {
-  var d, u, C, f;
+import { i as j, r as w, j as u, d as A, w as L, U as Y, W as q, t as E, c as M, X as P, Y as l, o as f } from "./component.constants-D7F6GsHW.js";
+import { C as B } from "./ChartCard-DunjH70y.js";
+import { useEffect as I } from "react";
+import { K as J } from "./KpiChart-DVJLPOzo.js";
+import { g as O } from "./formatter.utils--2w1e7GE.js";
+import { g as U, a as W } from "./timeRange.utils-KDn6xcVP.js";
+import { C as X } from "./ComparisonPeriod.type.emb-CARBg093.js";
+const _ = (e) => {
+  var c, g, d, C;
   const a = V();
-  w(a);
-  const { title: o, description: r } = A(e), {
-    changeFontSize: n,
-    comparisonPeriod: t,
-    comparisonDateRange: s,
-    displayChangeAsPercentage: b,
-    fontSize: D,
-    measure: i,
-    primaryDateRange: g,
-    results: l,
-    resultsComparison: m,
-    reversePositiveNegativeColors: R,
-    percentageDecimalPlaces: y,
-    setComparisonDateRange: S
+  j(a);
+  const { title: o, description: t } = w(e), {
+    changeFontSize: D,
+    comparisonPeriod: i,
+    comparisonDateRange: h,
+    displayChangeAsPercentage: y,
+    fontSize: v,
+    measure: r,
+    primaryDateRange: p,
+    results: n,
+    resultsComparison: s,
+    reversePositiveNegativeColors: b,
+    percentageDecimalPlaces: R,
+    setComparisonDateRange: N
   } = e;
-  B(() => {
-    const c = X(
-      g,
-      t,
+  I(() => {
+    const m = U(
+      p,
+      i,
       a
     );
-    S(c);
-  }, [t, JSON.stringify(g), a]);
-  const N = (u = (d = l.data) == null ? void 0 : d[0]) == null ? void 0 : u[i.name], T = s ? (f = (C = m == null ? void 0 : m.data) == null ? void 0 : C[0]) == null ? void 0 : f[i.name] : void 0, F = U(a), z = (c) => F.data(i, c), K = `vs ${_(t, a).toLowerCase()}`;
-  return /* @__PURE__ */ v.jsx(
-    Y,
+    N(m);
+  }, [i, JSON.stringify(p), a]);
+  const S = (g = (c = n.data) == null ? void 0 : c[0]) == null ? void 0 : g[r.name], F = h ? (C = (d = s == null ? void 0 : s.data) == null ? void 0 : d[0]) == null ? void 0 : C[r.name] : void 0, z = O(a), K = (m) => z.data(r, m), T = `vs ${W(i, a).toLowerCase()}`;
+  return /* @__PURE__ */ u.jsx(
+    B,
     {
-      data: l,
-      dimensionsAndMeasures: [i],
-      errorMessage: l.error,
-      subtitle: r,
+      data: n,
+      dimensionsAndMeasures: [r],
+      errorMessage: n.error,
+      subtitle: t,
       title: o,
-      children: /* @__PURE__ */ v.jsx(
+      children: /* @__PURE__ */ u.jsx(
         J,
         {
-          value: N,
-          comparisonValue: T,
-          valueFormatter: z,
-          valueFontSize: D,
-          changeFontSize: n,
-          invertChangeColors: R,
-          showChangeAsPercentage: b,
-          comparisonLabel: K,
-          percentageDecimalPlaces: y
+          value: S,
+          comparisonValue: F,
+          valueFormatter: K,
+          valueFontSize: v,
+          changeFontSize: D,
+          invertChangeColors: b,
+          showChangeAsPercentage: y,
+          comparisonLabel: T,
+          percentageDecimalPlaces: R
         }
       )
     }
   );
-}, k = {
+}, $ = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
   category: "Kpi Charts",
   inputs: [
+    A,
     L,
-    O,
-    { ...q, name: "timeProperty", label: "Time Property" },
+    { ...Y, 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",
@@ -86,12 +74,12 @@ const X = (e, a, o) => {
     },
     {
       name: "comparisonPeriod",
-      type: W,
+      type: X,
       label: "Comparison Period",
       description: "You can also connect this to a comparison period selector using its variable",
       category: "Component Data"
     },
-    I,
+    E,
     M,
     {
       ...P,
@@ -100,7 +88,7 @@ const X = (e, a, o) => {
       defaultValue: !1
     },
     {
-      ...p,
+      ...l,
       name: "percentageDecimalPlaces",
       label: "Percentage Decimal Places",
       defaultValue: 1
@@ -111,22 +99,22 @@ const X = (e, a, o) => {
       label: "Reverse Positive/Negative Colors",
       defaultValue: !1
     },
-    { ...p, name: "fontSize", label: "Font Size", defaultValue: 44, required: !0 },
+    { ...l, name: "fontSize", label: "Font Size", defaultValue: 44, required: !0 },
     {
-      ...p,
+      ...l,
       name: "changeFontSize",
       label: "Change Font Size",
       defaultValue: 16,
       required: !0
     }
   ]
-}, re = x($, k, {
+}, oe = x(_, $, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (e, [a, o]) => ({
     ...e,
     comparisonDateRange: a == null ? void 0 : a.comparisonDateRange,
-    setComparisonDateRange: (r) => o({ comparisonDateRange: r }),
-    results: h({
+    setComparisonDateRange: (t) => o({ comparisonDateRange: t }),
+    results: f({
       from: e.dataset,
       select: [e.measure],
       limit: 1,
@@ -138,7 +126,7 @@ const X = (e, a, o) => {
         }
       ] : void 0
     }),
-    resultsComparison: e.primaryDateRange && e.timeProperty && (a != null && a.comparisonDateRange) ? h({
+    resultsComparison: e.primaryDateRange && e.timeProperty && (a != null && a.comparisonDateRange) ? f({
       from: e.dataset,
       select: [e.measure],
       limit: 1,
@@ -153,7 +141,7 @@ const X = (e, a, o) => {
   })
 });
 export {
-  re as default,
-  k as meta
+  oe as default,
+  $ as meta
 };
 //# sourceMappingURL=KpiChartNumberComparisonPro.js.map

package/dist/KpiChartNumberComparisonPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/remarkable-pro/components/utils/timeRange.utils.ts","../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n  changeFontSize: number;\n  comparisonPeriod?: string;\n  description: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  title: string;\n  percentageDecimalPlaces: number;\n  comparisonDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description } = resolveI18nProps(props);\n  const {\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart\n        value={value}\n        comparisonValue={comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        changeFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionTime,\n  genericBoolean,\n  genericNumber,\n  genericTimeRange,\n  measure,\n  title,\n} from '../../../component.constants';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionTime, name: 'timeProperty', label: 'Time Property' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    title,\n    description,\n    {\n      ...genericBoolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display Change as %',\n      defaultValue: false,\n    },\n    {\n      ...genericNumber,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage Decimal Places',\n      defaultValue: 1,\n    },\n    {\n      ...genericBoolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse Positive/Negative Colors',\n      defaultValue: false,\n    },\n    { ...genericNumber, name: 'fontSize', label: 'Font Size', defaultValue: 44, required: true },\n    {\n      ...genericNumber,\n      name: 'changeFontSize',\n      label: 'Change Font Size',\n      defaultValue: 16,\n      required: true,\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString","KpiChartNumberComparisonPro","props","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","value","_b","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","jsx","ChartCard","KpiChart","meta","dataset","dimensionTime","genericTimeRange","ComparisonPeriodType","genericBoolean","genericNumber","KpiChartNumberComparisonPro_emb","defineComponent","inputs","state","setState","loadData"],"mappings":";;;;;;;AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD,GCHMI,IAA8B,CAACC,MAA2C;;AAC9E,QAAMR,IAAeS,EAAA;AACrB,EAAAC,EAAUV,CAAK;AAEf,QAAM,EAAE,OAAAW,GAAO,aAAAC,MAAgBC,EAAiBL,CAAK,GAC/C;AAAA,IACJ,gBAAAM;AAAA,IACA,kBAAAf;AAAA,IACA,qBAAAgB;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAApB;AAAA,IACA,SAAAqB;AAAA,IACA,mBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACEf;AAEJ,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAyB5B;AAAA,MAC7BC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAEF,IAAAuB,EAAuBE,CAAsB;AAAA,EAC/C,GAAG,CAAC1B,GAAkB,KAAK,UAAUD,CAAgB,GAAGE,CAAK,CAAC;AAE9D,QAAM0B,KAAgBC,KAAAzB,IAAAiB,EAAQ,SAAR,gBAAAjB,EAAe,OAAf,gBAAAyB,EAAoBT,EAAQ,OAC5CU,IAAkBb,KACpBc,KAAAC,IAAAV,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAU,EAA0B,OAA1B,gBAAAD,EAA+BX,EAAQ,QACvC,QAEEa,IAAiBC,EAAkBhC,CAAK,GACxCiC,IAAiB,CAACC,MAA0BH,EAAe,KAAKb,GAASgB,CAAa,GACtFC,IAAkB,MAAM9B,EAAyBN,GAAkBC,CAAK,EAAE,aAAa;AAE7F,SACEoC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMlB;AAAA,MACN,uBAAuB,CAACD,CAAO;AAAA,MAC/B,cAAcC,EAAQ;AAAA,MACtB,UAAUP;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAyB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAZ;AAAA,UACA,iBAAAE;AAAA,UACA,gBAAAK;AAAA,UACA,eAAehB;AAAA,UACf,gBAAAH;AAAA,UACA,oBAAoBO;AAAA,UACpB,wBAAwBL;AAAA,UACxB,iBAAAmB;AAAA,UACA,yBAAAb;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GC3EaiB,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAtB;AAAA,IACA,EAAE,GAAGuB,GAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACjD;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAMC;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZhC;AAAA,IACAC;AAAA,IACA;AAAA,MACE,GAAGgC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGD;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB,EAAE,GAAGC,GAAe,MAAM,YAAY,OAAO,aAAa,cAAc,IAAI,UAAU,GAAA;AAAA,IACtF;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,GAMAC,KAAeC,EAAgBxC,GAA6BgC,GAAM;AAAA;AAAA,EAEhE,OAAO,CACLS,GACA,CAACC,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGF;AAAA,IACH,qBAAqBC,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAAClC,MAAmCmC,EAAS,EAAE,qBAAAnC,GAAqB;AAAA,IAC5F,SAASoC,EAAS;AAAA,MAChB,MAAMH,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBC,KAAA,QAAAA,EAAO,uBACrDE,EAAS;AAAA,MACP,MAAMH,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOC,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}
+{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/remarkable-pro/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '../../../../../remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n  changeFontSize: number;\n  comparisonPeriod?: string;\n  description: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  title: string;\n  percentageDecimalPlaces: number;\n  comparisonDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description } = resolveI18nProps(props);\n  const {\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart\n        value={value}\n        comparisonValue={comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        changeFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionTime,\n  genericBoolean,\n  genericNumber,\n  genericTimeRange,\n  measure,\n  title,\n} from '../../../component.constants';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionTime, name: 'timeProperty', label: 'Time Property' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    title,\n    description,\n    {\n      ...genericBoolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display Change as %',\n      defaultValue: false,\n    },\n    {\n      ...genericNumber,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage Decimal Places',\n      defaultValue: 1,\n    },\n    {\n      ...genericBoolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse Positive/Negative Colors',\n      defaultValue: false,\n    },\n    { ...genericNumber, name: 'fontSize', label: 'Font Size', defaultValue: 44, required: true },\n    {\n      ...genericNumber,\n      name: 'changeFontSize',\n      label: 'Change Font Size',\n      defaultValue: 16,\n      required: true,\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","jsx","ChartCard","KpiChart","meta","dataset","dimensionTime","genericTimeRange","ComparisonPeriodType","genericBoolean","genericNumber","KpiChartNumberComparisonPro_emb","defineComponent","inputs","state","setState","loadData"],"mappings":"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"}

package/dist/KpiChartNumberPro.js

@@ -1,9 +1,9 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, X as N, o as S } from "./component.constants-CL4mGURD.js";
-import { C as j } from "./ChartCard-BkrK3C4a.js";
+import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, Y as N, o as S } from "./component.constants-D7F6GsHW.js";
+import { C as j } from "./ChartCard-DunjH70y.js";
 import "react";
-import { K as v } from "./KpiChart-ClxfTTJ4.js";
-import { g as z } from "./formatter.utils-BaAiNARZ.js";
+import { K as v } from "./KpiChart-DVJLPOzo.js";
+import { g as z } from "./formatter.utils--2w1e7GE.js";
 const P = (e) => {
   var s, o;
   const a = h();

package/dist/LineChartComparisonDefaultPro.js

@@ -0,0 +1,404 @@
+import { useTheme as V, defineComponent as X } from "@embeddable.com/react";
+import { m as _, E as Y, C as w, Z as E, _ as k, $ as I, i as G, r as U, j as O, a0 as q, d as z, a as S, X as D, a1 as B, z as K, W as J, U as W, t as Z, c as H, s as Q, e as ee, f as ae, g as se, x as oe, y as te, p as ne, q as ie, u as re, o as F } from "./component.constants-D7F6GsHW.js";
+import { C as le } from "./ChartCard-DunjH70y.js";
+import { useEffect as me } from "react";
+import { g as ce } from "./timeRange.utils-KDn6xcVP.js";
+import { g as M } from "./formatter.utils--2w1e7GE.js";
+import { g as de, a as pe } from "./object.utils-BNKDL7Y9.js";
+import { i as ue, s as ge } from "./color.utils-CVyp-fGP.js";
+import { u as N } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { C as he } from "./ComparisonPeriod.type.emb-CARBg093.js";
+const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
+  var A, L, b, R;
+  const { data: t, measure: n, dimension: e, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: m, labels: s } = a, l = t == null ? void 0 : t.map((C) => C[e.name]), g = !!((A = n.inputs) != null && A.connectGaps), d = s ? s.map((C) => {
+    const f = t == null ? void 0 : t.find((T) => T[e.name] === C);
+    return (f == null ? void 0 : f[n.name]) ?? (g ? 0 : null);
+  }) : t == null ? void 0 : t.map((C) => C[n.name] ?? (g ? 0 : null)), h = M(o), i = de(o), p = !!((L = n.inputs) != null && L[r ? "previousLineDashed" : "lineDashed"]), u = (b = n.inputs) == null ? void 0 : b[r ? "previousLineColor" : "lineColor"], x = ue(u) ? u : pe(
+    `${i}.charts.backgroundColors`,
+    n.name,
+    o.charts.backgroundColors ?? Y,
+    c
+  );
+  return {
+    xAxisID: r ? P : v,
+    labels: l,
+    label: (r ? `${E.t("common.compared")} ` : "") + h.dimensionOrMeasureTitle(n),
+    data: d,
+    backgroundColor: ge(
+      x,
+      w("--em-line-chart-line-fill-opacity")
+    ),
+    pointBackgroundColor: x,
+    borderDash: p ? [
+      w("--em-line-chart-line-dash-length"),
+      w("--em-line-chart-line-gap-length")
+    ] : void 0,
+    borderColor: x,
+    fill: (R = n.inputs) == null ? void 0 : R.fillUnderLine,
+    clip: m
+  };
+}, xe = (a, o) => {
+  if (!a.data)
+    return { labels: [], datasets: [{ data: [] }] };
+  const { data: t, dataComparison: n, dimension: e, measures: c, hasMinMaxYAxisRange: r } = a, m = e.nativeType === "time", s = m ? void 0 : Array.from(
+    /* @__PURE__ */ new Set([
+      ...t.map((d) => d[e.name]),
+      ...(n == null ? void 0 : n.map((d) => d[e.name])) ?? []
+    ])
+  ), l = c.map(
+    (d, h) => $(
+      {
+        data: t,
+        measure: d,
+        dimension: e,
+        labels: s,
+        hasMinMaxYAxisRange: r,
+        index: h
+      },
+      o
+    )
+  ), g = c.map(
+    (d, h) => $(
+      {
+        data: n,
+        measure: d,
+        dimension: e,
+        labels: s,
+        hasMinMaxYAxisRange: r,
+        index: h,
+        isPreviousPeriod: !0
+      },
+      o
+    )
+  );
+  return {
+    labels: m ? t.map((d) => d[e.name]) : s,
+    datasets: [...l, ...g]
+  };
+}, Ce = (a, o) => {
+  const { dimension: t, data: n, measures: e, xAxisLabel: c } = a, r = M(o);
+  return {
+    plugins: {
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (s, l) => {
+              const g = e[l.datasetIndex % e.length];
+              return r.data(g, s);
+            }
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (s) => s[0] ? r.data(t, s[0].label) : "",
+          label: (s) => {
+            const l = e[s.datasetIndex % e.length], g = s.raw;
+            return `${s.dataset.label}: ${r.data(l, g)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        display: !1
+      },
+      [v]: {
+        title: {
+          ...I,
+          text: c,
+          display: !!c
+        },
+        grid: { display: !1 },
+        ticks: {
+          ...k,
+          callback(s) {
+            var l;
+            return r.data(t, (l = n.labels) == null ? void 0 : l[s]);
+          }
+        }
+      },
+      [P]: {
+        display: !1
+      },
+      y: {
+        ticks: {
+          callback: (s) => r.data(e[0], s)
+        }
+      }
+    }
+  };
+}, be = (a, o) => {
+  var d, h;
+  const { dimension: t, data: n, measures: e, xAxisLabel: c, showComparisonAxis: r } = a, m = M(o), s = ((d = n.datasets.find((i) => i.xAxisID === v)) == null ? void 0 : d.labels) ?? [], l = ((h = n.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [];
+  return {
+    plugins: {
+      legend: {
+        labels: {
+          filter: (i, p) => {
+            if (!i) return !1;
+            const u = p.datasets[i.datasetIndex];
+            return Array.isArray(u.data) && u.data.length > 0;
+          }
+        }
+      },
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (i, p) => {
+              const u = e[p.datasetIndex % e.length];
+              return m.data(u, i);
+            }
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (i) => {
+            var y;
+            const p = (y = i[0]) == null ? void 0 : y.dataIndex;
+            if (p === void 0) return "";
+            const u = s[p] && m.data(t, s[p]), x = l[p] && m.data(t, l[p]);
+            return `${u ?? "-"} vs ${x ?? "-"}`;
+          },
+          label: (i) => {
+            const p = e[i.datasetIndex % e.length], u = i.raw;
+            return `${i.dataset.label}: ${m.data(p, u)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: { display: !1 },
+      [v]: {
+        title: {
+          ...I,
+          text: c,
+          display: !!((!r || l.length === 0) && c)
+        },
+        grid: { display: !1 },
+        ticks: {
+          ...k,
+          callback: (i) => m.data(t, s[Number(i)])
+        }
+      },
+      [P]: {
+        title: {
+          ...I,
+          text: c,
+          display: !!c
+        },
+        grid: { display: !1 },
+        display: r && l.length > 0,
+        ticks: {
+          ...k,
+          callback: (i) => l.length === 0 ? "" : m.data(t, l[Number(i)])
+        }
+      },
+      y: {
+        ticks: {
+          callback: (i) => m.data(e[0], i)
+        }
+      }
+    }
+  };
+}, fe = (a, o) => {
+  var n, e;
+  const t = a.dimension.nativeType === "time" ? be : Ce;
+  return _(
+    t(a, o),
+    ((e = (n = o.charts) == null ? void 0 : n.lineChartComparisonDefaultPro) == null ? void 0 : e.options) || {}
+  );
+}, ye = (a) => {
+  const o = V();
+  G(o);
+  const { title: t, description: n, xAxisLabel: e, yAxisLabel: c } = U(a), {
+    comparisonPeriod: r,
+    measures: m,
+    xAxis: s,
+    reverseXAxis: l,
+    showLegend: g,
+    showLogarithmicScale: d,
+    showTooltips: h,
+    showValueLabels: i,
+    yAxisRangeMax: p,
+    yAxisRangeMin: u,
+    primaryDateRange: x,
+    comparisonDateRange: y,
+    showComparisonAxis: A,
+    setComparisonDateRange: L
+  } = a;
+  me(() => {
+    const j = ce(
+      x,
+      r,
+      o
+    );
+    L(j);
+  }, [r, JSON.stringify(x), o]);
+  const b = N({ results: a.results, dimension: s }), R = N({
+    results: a.resultsComparison,
+    dimension: s,
+    externalDateBounds: y
+  }), C = !!(x && r), f = xe(
+    {
+      data: b.data,
+      dataComparison: C ? R.data : void 0,
+      dimension: s,
+      measures: m,
+      hasMinMaxYAxisRange: !!(u || p)
+    },
+    o
+  ), T = fe(
+    {
+      data: f,
+      dimension: s,
+      measures: m,
+      xAxisLabel: e,
+      showComparisonAxis: A
+    },
+    o
+  );
+  return /* @__PURE__ */ O.jsx(
+    le,
+    {
+      data: b,
+      dimensionsAndMeasures: [...m, s],
+      errorMessage: b.error,
+      subtitle: n,
+      title: t,
+      children: /* @__PURE__ */ O.jsx(
+        q,
+        {
+          data: f,
+          reverseXAxis: l,
+          showLegend: g,
+          showLogarithmicScale: d,
+          showTooltips: h,
+          showValueLabels: i,
+          xAxisLabel: e,
+          yAxisLabel: c,
+          yAxisRangeMax: p,
+          yAxisRangeMin: u,
+          options: T
+        }
+      )
+    }
+  );
+}, De = {
+  name: "LineChartComparisonDefaultPro",
+  label: "Line Chart Comparison - Default",
+  category: "Line Charts",
+  inputs: [
+    z,
+    {
+      ...S,
+      inputs: [
+        ...S.inputs,
+        { ...D, name: "fillUnderLine", label: "Fill under line" },
+        {
+          ...B,
+          name: "lineColor",
+          label: "Line color"
+        },
+        { ...B, name: "previousLineColor", label: "Previous line color" },
+        {
+          ...D,
+          name: "lineDashed",
+          label: "Primary line dashed",
+          defaultValue: !1
+        },
+        {
+          ...D,
+          name: "previousLineDashed",
+          label: "Compared line dashed",
+          defaultValue: !0
+        },
+        { ...D, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
+      ]
+    },
+    { ...K, label: "X-axis", name: "xAxis" },
+    {
+      ...J,
+      name: "primaryDateRange",
+      label: "Primary Date Range",
+      description: "You can also connect this to a date range selector using its variable",
+      category: "Component Data"
+    },
+    {
+      name: "comparisonPeriod",
+      type: he,
+      label: "Comparison Period",
+      description: "You can also connect this to a comparison period selector using its variable",
+      category: "Component Data"
+    },
+    {
+      ...W,
+      name: "timePropertyForNonTimeDimensions",
+      label: "Time property for non time dimensions",
+      description: "Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.",
+      required: !1
+    },
+    Z,
+    H,
+    Q,
+    ee,
+    ae,
+    se,
+    oe,
+    te,
+    ne,
+    ie,
+    re,
+    {
+      ...D,
+      name: "showComparisonAxis",
+      label: "Display a comparison X-axis",
+      defaultValue: !0
+    }
+  ]
+}, Oe = X(ye, De, {
+  /* @ts-expect-error - to be fixed in @embeddable.com/react */
+  props: (a, [o, t]) => {
+    const n = [
+      {
+        property: a.xAxis,
+        direction: "asc"
+      }
+    ], e = a.xAxis.nativeType === "time" ? a.xAxis : a.timePropertyForNonTimeDimensions;
+    return {
+      ...a,
+      comparisonDateRange: o == null ? void 0 : o.comparisonDateRange,
+      setComparisonDateRange: (c) => t({ comparisonDateRange: c }),
+      results: F({
+        from: a.dataset,
+        select: [...a.measures, a.xAxis],
+        orderBy: n,
+        filters: a.primaryDateRange && e ? [
+          {
+            property: e,
+            operator: "inDateRange",
+            value: a.primaryDateRange
+          }
+        ] : void 0
+      }),
+      resultsComparison: a.primaryDateRange && e && (o != null && o.comparisonDateRange) ? F({
+        from: a.dataset,
+        select: [...a.measures, a.xAxis],
+        orderBy: n,
+        filters: [
+          {
+            property: e,
+            operator: "inDateRange",
+            value: o.comparisonDateRange
+          }
+        ]
+      }) : void 0
+    };
+  }
+});
+export {
+  Oe as default,
+  De as meta
+};
+//# sourceMappingURL=LineChartComparisonDefaultPro.js.map