@embeddable.com/remarkable-ui 0.1.27 → 0.1.29

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as w, m as M, j as l, 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 Y, l as F, n as E, V as G, o as O } from "./component.constants-XB5gaz8Z.js";
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
 import { C as q } from "./ChartCard-Duhwxov3.js";
-import { g as J, a as K, B as N } from "./bars.utils-hfE2jN8Y.js";
+import { g as J, a as K, B as N } from "./bars.utils-DMaJhXB4.js";
 import { u as Q } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const U = (a) => {
   var i, n;

package/dist/BarChartDefaultPro.js

@@ -1,7 +1,7 @@
 import { i as L, r as y, m as w, j as l, 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 X, p as F, q, u as z, v as E, V as G, o as O } from "./component.constants-XB5gaz8Z.js";
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
 import { C as H } from "./ChartCard-Duhwxov3.js";
-import { g as J, a as K, B as N } from "./bars.utils-hfE2jN8Y.js";
+import { g as J, a as K, B as N } from "./bars.utils-DMaJhXB4.js";
 import { u as Q } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const U = (a) => {
   var o, n;

package/dist/BarChartGroupedHorizontalPro.js

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

package/dist/BarChartGroupedPro.js

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

package/dist/BarChartStackedHorizontalPro.js

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

package/dist/BarChartStackedPro.js

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

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, a3 as i, e as m, f as l, V as d, o as u } from "./component.constants-XB5gaz8Z.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-B96WIMDJ.js";
+import { D as p } from "./index-E75P_2R2.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

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

package/dist/LineChartComparisonDefaultPro.js

@@ -1,37 +1,37 @@
-import { useTheme as _, defineComponent as G } from "@embeddable.com/react";
-import { m as E, E as U, C as w, U as q, _ as V, $ as I, i as z, r as K, j as M, a0 as J, d as W, a as S, Y as A, a1 as B, z as H, X as Q, W as Z, t as ee, c as ae, s as se, e as ne, f as ie, g as oe, x as te, y as re, p as le, q as me, u as de, V as F, o as N } from "./component.constants-XB5gaz8Z.js";
+import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
+import { m as E, E as G, C as w, U, _ as I, $ as O, i as q, r as z, j as V, a0 as K, d as J, a as S, Y as A, a1 as B, z as W, X as H, W as Q, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as oe, y as ie, p as re, q as le, u as me, V as de, o as F } from "./component.constants-XB5gaz8Z.js";
 import { C as ce } from "./ChartCard-Duhwxov3.js";
 import { useEffect as pe } from "react";
 import { g as ue } from "./timeRange.utils-Dtg_QyCm.js";
-import { g as O } from "./formatter.utils-BmqMNSUB.js";
+import { g as M } from "./formatter.utils-BmqMNSUB.js";
 import { g as ge, a as he } from "./object.utils-BNKDL7Y9.js";
 import { i as be, s as xe } from "./color.utils-CVyp-fGP.js";
 import { g as Ce } from "./lines.utils-CFEUUo4k.js";
-import { u as $ } from "./charts.newFillGaps.hooks-CJLaShd4.js";
+import { u as N } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 import { C as fe } from "./ComparisonPeriod.type.emb-BsVeAHPK.js";
-const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
+const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
   var v, R, x, g;
   const { data: n, measure: o, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((v = o.inputs) != null && v.connectGaps), u = e ? e.map((C) => {
-    const y = n == null ? void 0 : n.find((T) => T[s.name] === C);
-    return (y == null ? void 0 : y[o.name]) ?? (l ? 0 : null);
-  }) : n == null ? void 0 : n.map((C) => C[o.name] ?? (l ? 0 : null)), h = O(i), f = ge(i), t = !!((R = o.inputs) != null && R[r ? "previousLineDashed" : "lineDashed"]), m = (x = o.inputs) == null ? void 0 : x[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
+    const D = n == null ? void 0 : n.find((T) => T[s.name] === C);
+    return (D == null ? void 0 : D[o.name]) ?? (l ? 0 : null);
+  }) : n == null ? void 0 : n.map((C) => C[o.name] ?? (l ? 0 : null)), h = M(t), f = ge(t), i = !!((R = o.inputs) != null && R[r ? "previousLineDashed" : "lineDashed"]), m = (x = o.inputs) == null ? void 0 : x[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
     `${f}.charts.backgroundColors`,
     o.name,
-    i.charts.backgroundColors ?? U,
+    t.charts.backgroundColors ?? G,
     c
-  ), D = h.dimensionOrMeasureTitle(o);
+  ), y = h.dimensionOrMeasureTitle(o);
   return {
-    xAxisID: r ? P : k,
+    xAxisID: r ? k : P,
     labels: p,
-    rawLabel: D,
-    label: (r ? `${q.t("common.compared")} ` : "") + D,
+    rawLabel: y,
+    label: (r ? `${U.t("common.compared")} ` : "") + y,
     data: u,
     backgroundColor: xe(
       d,
       w("--em-line-chart-line-fill-opacity")
     ),
     pointBackgroundColor: d,
-    borderDash: t ? [
+    borderDash: i ? [
       w("--em-line-chart-line-dash-length"),
       w("--em-line-chart-line-gap-length")
     ] : void 0,
@@ -39,7 +39,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
     fill: (g = o.inputs) == null ? void 0 : g.fillUnderLine,
     clip: b
   };
-}, De = (a, i) => {
+}, ye = (a, t) => {
   if (!a.data)
     return { labels: [], datasets: [{ data: [] }] };
   const { data: n, dataComparison: o, dimension: s, measures: c, hasMinMaxYAxisRange: r } = a, e = s.nativeType === "time" ? void 0 : o ? Array.from(
@@ -48,7 +48,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
       ...(o == null ? void 0 : o.map((u) => u[s.name])) ?? []
     ])
   ) : void 0, p = c.map(
-    (u, h) => j(
+    (u, h) => $(
       {
         data: n,
         measure: u,
@@ -57,10 +57,10 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
         hasMinMaxYAxisRange: r,
         index: h
       },
-      i
+      t
     )
   ), l = c.map(
-    (u, h) => j(
+    (u, h) => $(
       {
         data: o,
         measure: u,
@@ -70,15 +70,15 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
         index: h,
         isPreviousPeriod: !0
       },
-      i
+      t
     )
   );
   return {
     labels: e ?? n.map((u) => u[s.name]),
     datasets: [...p, ...l]
   };
-}, ye = (a, i) => {
-  const { dimension: n, data: o, measures: s, xAxisLabel: c } = a, r = O(i);
+}, De = (a, t) => {
+  const { dimension: n, data: o, measures: s, xAxisLabel: c } = a, r = M(t);
   return {
     plugins: {
       legend: {
@@ -114,22 +114,22 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
       x: {
         display: !1
       },
-      [k]: {
+      [P]: {
         title: {
-          ...I,
+          ...O,
           text: c,
           display: !!c
         },
         grid: { display: !1 },
         ticks: {
-          ...V,
+          ...I,
           callback(e) {
             var p;
             return r.data(n, (p = o.labels) == null ? void 0 : p[e]);
           }
         }
       },
-      [P]: {
+      [k]: {
         display: !1
       },
       y: {
@@ -139,16 +139,16 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
       }
     }
   };
-}, Ae = (a, i) => {
+}, Ae = (a, t) => {
   var h, f;
-  const { dimension: n, data: o, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: b } = a, e = O(i), p = ((h = o.datasets.find((t) => t.xAxisID === k)) == null ? void 0 : h.labels) ?? [], l = ((f = o.datasets.find((t) => t.xAxisID === P)) == null ? void 0 : f.labels) ?? [];
+  const { dimension: n, data: o, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: b } = a, e = M(t), p = ((h = o.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [], l = ((f = o.datasets.find((i) => i.xAxisID === k)) == null ? void 0 : f.labels) ?? [];
   return {
     plugins: {
       legend: {
         labels: {
-          filter: (t, m) => {
-            if (!t) return !1;
-            const d = m.datasets[t.datasetIndex];
+          filter: (i, m) => {
+            if (!i) return !1;
+            const d = m.datasets[i.datasetIndex];
             return Array.isArray(d.data) && d.data.length > 0;
           }
         }
@@ -156,82 +156,82 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
       datalabels: {
         labels: {
           value: {
-            formatter: (t, m) => {
+            formatter: (i, m) => {
               const d = s[m.datasetIndex % s.length];
-              return e.data(d, t);
+              return e.data(d, i);
             }
           }
         }
       },
       tooltip: {
         callbacks: {
-          title: (t) => {
-            const m = t[0];
+          title: (i) => {
+            const m = i[0];
             if (!b && m)
               return e.data(n, m.label);
             const d = m == null ? void 0 : m.dataIndex;
             if (d === void 0) return "";
-            const D = p[d] && e.data(n, p[d]), L = l[d] && e.data(n, l[d]);
-            return `${D ?? "-"} vs ${L ?? "-"}`;
+            const y = p[d] && e.data(n, p[d]), L = l[d] && e.data(n, l[d]);
+            return `${y ?? "-"} vs ${L ?? "-"}`;
           },
-          label: (t) => {
-            const m = s[t.datasetIndex % s.length], d = t.raw;
-            return `${t.dataset.label}: ${e.data(m, d)}`;
+          label: (i) => {
+            const m = s[i.datasetIndex % s.length], d = i.raw;
+            return `${i.dataset.label}: ${e.data(m, d)}`;
           }
         }
       }
     },
     scales: {
       x: { display: !1 },
-      [k]: {
+      [P]: {
         title: {
-          ...I,
+          ...O,
           text: c,
           display: !!((!r || l.length === 0) && c)
         },
         grid: { display: !1 },
         ticks: {
-          ...V,
-          callback: (t) => e.data(n, p[Number(t)])
+          ...I,
+          callback: (i) => e.data(n, p[Number(i)])
         }
       },
-      [P]: {
+      [k]: {
         title: {
-          ...I,
+          ...O,
           text: c,
           display: !!c
         },
         grid: { display: !1 },
         display: r && l.length > 0,
         ticks: {
-          ...V,
-          callback: (t) => {
+          ...I,
+          callback: (i) => {
             if (l.length === 0)
               return "";
-            const m = l[Number(t)];
+            const m = l[Number(i)];
             return m ? e.data(n, m) : "";
           }
         }
       },
       y: {
         ticks: {
-          callback: (t) => e.data(s[0], t)
+          callback: (i) => e.data(s[0], i)
         }
       }
     }
   };
-}, Le = (a, i) => {
+}, Le = (a, t) => {
   var c, r;
-  const { onLineClicked: n, dimension: o } = a, s = o.nativeType === "time" ? Ae : ye;
+  const { onLineClicked: n, dimension: o } = a, s = o.nativeType === "time" ? Ae : De;
   return E(
     Ce({ onLineClicked: n }),
-    s(a, i),
-    ((r = (c = i.charts) == null ? void 0 : c.lineChartComparisonDefaultPro) == null ? void 0 : r.options) || {}
+    s(a, t),
+    ((r = (c = t.charts) == null ? void 0 : c.lineChartComparisonDefaultPro) == null ? void 0 : r.options) || {}
   );
 }, ve = (a) => {
-  const i = _();
-  z(i);
-  const { title: n, description: o, xAxisLabel: s, yAxisLabel: c } = K(a), {
+  const t = Y();
+  q(t);
+  const { title: n, description: o, xAxisLabel: s, yAxisLabel: c } = z(a), {
     comparisonPeriod: r,
     measures: b,
     xAxis: e,
@@ -240,38 +240,38 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
     showLogarithmicScale: u,
     showTooltips: h,
     showValueLabels: f,
-    yAxisRangeMax: t,
+    yAxisRangeMax: i,
     yAxisRangeMin: m,
     primaryDateRange: d,
-    comparisonDateRange: D,
+    comparisonDateRange: y,
     showComparisonAxis: L,
     setComparisonDateRange: v,
     onLineClicked: R
   } = a;
   pe(() => {
-    const Y = ue(
+    const X = ue(
       d,
       r,
-      i
+      t
     );
-    v(Y);
-  }, [r, JSON.stringify(d), i]);
-  const x = $({ results: a.results, dimension: e }), g = $({
+    v(X);
+  }, [r, JSON.stringify(d), t]);
+  const x = N({ results: a.results, dimension: e }), g = N({
     results: a.resultsComparison,
     dimension: e,
-    externalDateBounds: D
-  }), C = !!(d && r), y = De(
+    externalDateBounds: y
+  }), C = !!(d && r), D = ye(
     {
       data: x.data,
       dataComparison: C ? (g == null ? void 0 : g.data) ?? [] : void 0,
       dimension: e,
       measures: b,
-      hasMinMaxYAxisRange: m !== void 0 || t !== void 0
+      hasMinMaxYAxisRange: m != null || i != null
     },
-    i
+    t
   ), T = Le(
     {
-      data: y,
+      data: D,
       dimension: e,
       measures: b,
       xAxisLabel: s,
@@ -279,23 +279,23 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
       showDataComparison: C,
       onLineClicked: R
     },
-    i
-  ), X = {
+    t
+  ), j = {
     isLoading: x.isLoading,
     data: x.isLoading ? void 0 : [...x.data ?? [], ...(g == null ? void 0 : g.data) ?? []]
   };
-  return /* @__PURE__ */ M.jsx(
+  return /* @__PURE__ */ V.jsx(
     ce,
     {
-      data: X,
+      data: j,
       dimensionsAndMeasures: [...b, e],
       errorMessage: x.error || (g == null ? void 0 : g.error),
       subtitle: o,
       title: n,
-      children: /* @__PURE__ */ M.jsx(
-        J,
+      children: /* @__PURE__ */ V.jsx(
+        K,
         {
-          data: y,
+          data: D,
           reverseXAxis: p,
           showLegend: l,
           showLogarithmicScale: u,
@@ -303,7 +303,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
           showValueLabels: f,
           xAxisLabel: s,
           yAxisLabel: c,
-          yAxisRangeMax: t,
+          yAxisRangeMax: i,
           yAxisRangeMin: m,
           options: T
         }
@@ -315,7 +315,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
   label: "Line Chart Comparison - Default",
   category: "Line Charts",
   inputs: [
-    W,
+    J,
     {
       ...S,
       inputs: [
@@ -342,9 +342,9 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
         { ...A, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
       ]
     },
-    { ...H, label: "X-axis", name: "xAxis" },
+    { ...W, label: "X-axis", name: "xAxis" },
     {
-      ...Q,
+      ...H,
       name: "primaryDateRange",
       label: "Primary Date Range",
       description: "You can also connect this to a date range selector using its variable",
@@ -358,23 +358,23 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
       category: "Component Data"
     },
     {
-      ...Z,
+      ...Q,
       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,
     ee,
     ae,
     se,
     ne,
-    ie,
-    oe,
     te,
+    oe,
+    ie,
     re,
     le,
     me,
-    de,
     {
       ...A,
       name: "showComparisonAxis",
@@ -391,18 +391,13 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
           name: "axisDimensionValue",
           label: "Clicked Axis Dimension Value",
           type: "string"
-        },
-        {
-          name: "groupingDimensionValue",
-          label: "Clicked Grouping Dimension Value",
-          type: "string"
         }
       ]
     }
   ]
-}, Ne = G(ve, Re, {
+}, Ne = _(ve, Re, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (a, [i, n]) => {
+  props: (a, [t, n]) => {
     const o = [
       {
         property: a.xAxis,
@@ -411,9 +406,9 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
     ], s = a.xAxis.nativeType === "time" ? a.xAxis : a.timePropertyForNonTimeDimensions;
     return {
       ...a,
-      comparisonDateRange: i == null ? void 0 : i.comparisonDateRange,
+      comparisonDateRange: t == null ? void 0 : t.comparisonDateRange,
       setComparisonDateRange: (c) => n({ comparisonDateRange: c }),
-      results: N({
+      results: F({
         from: a.dataset,
         select: [...a.measures, a.xAxis],
         orderBy: o,
@@ -425,7 +420,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
           }
         ] : void 0
       }),
-      resultsComparison: a.primaryDateRange && s && (i != null && i.comparisonDateRange) ? N({
+      resultsComparison: a.primaryDateRange && s && (t != null && t.comparisonDateRange) ? F({
         from: a.dataset,
         select: [...a.measures, a.xAxis],
         orderBy: o,
@@ -433,7 +428,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
           {
             property: s,
             operator: "inDateRange",
-            value: i.comparisonDateRange
+            value: t.comparisonDateRange
           }
         ]
       }) : void 0
@@ -441,8 +436,7 @@ const k = "mainAxis", P = "comparisonAxis", j = (a, i) => {
   },
   events: {
     onLineClicked: (a) => ({
-      axisDimensionValue: a.dimensionValue || F.noFilter(),
-      groupingDimensionValue: a.groupingDimensionValue || F.noFilter()
+      axisDimensionValue: a.dimensionValue || de.noFilter()
     })
   }
 });