@embeddable.com/remarkable-ui 0.1.7 → 0.1.10

package/dist/charts.fillGaps.hooks-CARsYBdm.js

@@ -0,0 +1,558 @@
+import { B as f, C as O, D as Q, m as I, E as R, F as J, G as X, L as tt, H as et, I as at, J as rt, K as st, M as nt, j as N, N as ot, O as lt, P as it, Q as L, R as ct } from "./component.constants-Bu7urPvk.js";
+import { useRef as dt, useMemo as ut } from "react";
+import { r as mt, g as W, a as ft, b as H } from "./object.utils-DgP__R-5.js";
+import { g as Y } from "./formatter.utils-Dn4Xn4fs.js";
+import { d as D } from "./dayjs.min-BtgZiFZY.js";
+import { useTheme as ht } from "@embeddable.com/react";
+const j = {
+  ...Q,
+  scales: {
+    x: {
+      title: {
+        display: !0,
+        color: O("--em-chart-grid-font-color-default"),
+        font: {
+          size: f("--em-chart-grid-font-title-size"),
+          weight: f("--em-chart-grid-font-title-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      ticks: {
+        font: {
+          size: f("--em-chart-grid-font-subtitle-size"),
+          weight: f("--em-chart-grid-font-label-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      grid: {
+        display: !1,
+        color: O("--em-chart-grid-line-color-light"),
+        lineWidth: f("--em-chart-grid-line-width-default")
+      },
+      border: {
+        display: !1
+      }
+    },
+    y: {
+      title: {
+        display: !0,
+        color: O("--em-chart-grid-font-color-default"),
+        font: {
+          size: f("--em-chart-grid-font-title-size"),
+          weight: f("--em-chart-grid-font-title-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      ticks: {
+        font: {
+          size: f("--em-chart-grid-font-subtitle-size"),
+          weight: f("--em-chart-grid-font-label-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      grid: {
+        display: !1,
+        color: O("--em-chart-grid-line-color-light"),
+        lineWidth: f("--em-chart-grid-line-width-default")
+      },
+      border: {
+        display: !1
+      }
+    }
+  }
+}, gt = (t) => {
+  var e;
+  return {
+    ...t,
+    datasets: (e = t.datasets) == null ? void 0 : e.map((a, n) => {
+      const r = R[n % R.length], s = {
+        ...a,
+        backgroundColor: r,
+        borderColor: r
+      };
+      return I(s, a);
+    })
+  };
+}, G = (t, e) => e && t.datasetIndex === t.chart.data.datasets.length - 1 ? "auto" : !1, z = (t, e) => {
+  const { datasets: a } = e.chart.data, n = e.dataIndex, r = a.reduce((s, o) => {
+    const i = o.data[n];
+    return s + (i || 0);
+  }, 0);
+  return r > 0 ? r : "";
+}, pt = (t) => I(j, {
+  indexAxis: "x",
+  plugins: {
+    datalabels: {
+      labels: {
+        total: {
+          anchor: (e) => e.dataset.data[e.dataIndex] >= 0 ? "end" : "start",
+          align: (e) => e.dataset.data[e.dataIndex] >= 0 ? "top" : "bottom",
+          display: (e) => G(e, t.showTotalLabels),
+          formatter: z
+        },
+        value: {
+          anchor: (e) => t.stacked ? "center" : e.dataset.data[e.dataIndex] >= 0 ? "end" : "start",
+          align: (e) => t.stacked ? "center" : e.dataset.data[e.dataIndex] >= 0 ? "top" : "bottom"
+        }
+      }
+    }
+  },
+  scales: {
+    y: {
+      stacked: t.stacked,
+      grid: { display: !0 },
+      ticks: {
+        color: O("--em-chart-grid-font-color-muted")
+        // ...(config.stacked === 'percentage' && {
+        //   callback: (value: number | string) => value + '%',
+        // }),
+      },
+      min: t.yAxisRangeMin,
+      // max: config.stacked === 'percentage' ? 100 : config.yAxisRangeMax,
+      max: t.yAxisRangeMax,
+      type: t.showLogarithmicScale ? "logarithmic" : "linear",
+      title: {
+        text: t.yAxisLabel ?? ""
+      }
+    },
+    x: {
+      stacked: t.stacked,
+      ticks: {
+        color: O("--em-chart-grid-font-color-default")
+      },
+      reverse: t.reverseXAxis,
+      title: {
+        text: t.xAxisLabel ?? ""
+      }
+    }
+  }
+}), Dt = (t) => I(j, {
+  indexAxis: "y",
+  plugins: {
+    datalabels: {
+      labels: {
+        total: {
+          anchor: (e) => e.dataset.data[e.dataIndex] >= 0 ? "end" : "start",
+          align: (e) => e.dataset.data[e.dataIndex] >= 0 ? "right" : "left",
+          display: (e) => G(e, t.showTotalLabels),
+          formatter: z
+        },
+        value: {
+          anchor: (e) => t.stacked ? "center" : e.dataset.data[e.dataIndex] >= 0 ? "end" : "start",
+          align: (e) => t.stacked ? "center" : e.dataset.data[e.dataIndex] >= 0 ? "right" : "left"
+        }
+      }
+    }
+  },
+  scales: {
+    x: {
+      stacked: t.stacked,
+      grid: { display: !0 },
+      ticks: {
+        color: O("--em-chart-grid-font-color-muted")
+        // ...(config.stacked === 'percentage' && {
+        //   callback: (value: number | string) => value + '%',
+        // }),
+      },
+      min: t.xAxisRangeMin,
+      // max: config.stacked === 'percentage' ? 100 : config.xAxisRangeMax,
+      max: t.xAxisRangeMax,
+      type: t.showLogarithmicScale ? "logarithmic" : "linear",
+      title: {
+        text: t.xAxisLabel ?? ""
+      }
+    },
+    y: {
+      stacked: t.stacked,
+      ticks: {
+        color: O("--em-chart-grid-font-color-default")
+      },
+      reverse: t.reverseYAxis,
+      title: {
+        text: t.yAxisLabel ?? ""
+      }
+    }
+  }
+}), yt = (t) => {
+  const {
+    horizontal: e = !1,
+    showLegend: a = !1,
+    showTooltips: n = !0,
+    showValueLabels: r = !1,
+    showTotalLabels: s = !1
+  } = t, i = (e ? Dt : pt)(t);
+  return I(i, {
+    layout: {
+      padding: {
+        // Hack: dataLabels can get cut off if they are at the edge of the chart
+        top: !e && (r || s) ? 30 : 0,
+        right: e && (r || s) ? 30 : 0
+      }
+    },
+    elements: {
+      bar: {
+        borderRadius: f("--em-chart-style-border-radius-default")
+        // stacked === 'percentage' ? 0 : getStyleNumber('--em-chart-style-border-radius-default'),
+      }
+    },
+    plugins: {
+      legend: { display: a },
+      datalabels: {
+        display: (c) => r && c.dataset.data[c.dataIndex] !== 0 ? "auto" : !1
+      },
+      tooltip: {
+        enabled: n
+      }
+    }
+  });
+};
+J.register(X, tt, et, at, rt, st, nt);
+const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
+  const r = dt(null), s = I(yt(n), a), o = (i) => {
+    const c = it(i, r);
+    e == null || e(c);
+  };
+  return /* @__PURE__ */ N.jsx("div", { className: ot.chartContainer, children: /* @__PURE__ */ N.jsx(
+    lt,
+    {
+      ref: r,
+      data: gt(t),
+      options: s,
+      onClick: o
+    }
+  ) });
+}, Ut = (t, e) => {
+  const a = Y(e), { data: n = [], dimension: r, groupDimension: s, measure: o } = t, i = [...new Set(n.map((u) => u[r.name]).filter(Boolean))].sort(), c = [...new Set(n.map((u) => u[s.name]))], d = W(e), h = c.map((u, x) => {
+    const C = H(
+      `${d}.charts.backgroundColors`,
+      u,
+      e.charts.backgroundColors ?? R,
+      x
+    ), A = H(
+      `${d}.charts.borderColors`,
+      u,
+      e.charts.borderColors ?? R,
+      x
+    );
+    return {
+      label: a.data(s, u),
+      backgroundColor: C,
+      borderColor: A,
+      data: i.map((k) => {
+        const v = n.find(
+          (b) => b[s.name] === u && b[r.name] === k
+        );
+        return v ? Number(v[o.name]) : 0;
+      })
+    };
+  });
+  return {
+    labels: i.map((u) => a.data(r, u)),
+    datasets: h
+  };
+}, _t = (t, e = mt) => {
+  const a = Y(e);
+  if (!t.data)
+    return {
+      labels: [],
+      datasets: [{ data: [] }]
+    };
+  const n = W(e), r = ft(t.data, t.dimension, t.measures, t.maxItems);
+  return {
+    labels: r.map((s) => {
+      const o = s[t.dimension.name], i = a.data(t.dimension, o);
+      return o === i ? ct.t(o) : i;
+    }),
+    datasets: t.measures.map((s, o) => {
+      const i = H(
+        `${n}.charts.backgroundColors`,
+        s.name,
+        e.charts.backgroundColors ?? L,
+        o
+      ), c = H(
+        `${n}.charts.borderColors`,
+        s.name,
+        e.charts.borderColors ?? L,
+        o
+      );
+      return {
+        label: a.dimensionOrMeasureTitle(s),
+        data: r.map((d) => d[s.name]),
+        backgroundColor: i,
+        borderColor: c
+      };
+    })
+  };
+}, Ft = (t, e) => {
+  const { onBarClicked: a, measure: n, horizontal: r } = t, s = Y(e);
+  return {
+    plugins: {
+      legend: { position: e.charts.legendPosition ?? "bottom" },
+      datalabels: {
+        formatter: (o) => s.data(t.measure, o)
+      },
+      tooltip: {
+        callbacks: {
+          label(o) {
+            const i = o.raw;
+            return `${o.dataset.label || ""}: ${s.data(n, i)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        ticks: {
+          ...r && {
+            callback: (o) => s.data(n, o)
+          }
+        }
+      },
+      y: {
+        ticks: {
+          ...!r && {
+            callback: (o) => s.data(n, o)
+          }
+        }
+      }
+    },
+    onClick: (o, i, c) => {
+      const d = i[0], h = d ? c.data.labels[d.index] : null, u = d ? c.data.datasets[d.datasetIndex].label : null;
+      a({
+        axisDimensionValue: h,
+        groupingDimensionValue: u
+      });
+    }
+  };
+}, T = {
+  DEFAULT: "YYYY-MM-DDTHH:mm:ss.SSS",
+  WITH_TIMEZONE: "YYYY-MM-DDTHH:mm:ss.SSS[Z]",
+  WITHOUT_TIMEZONE: "YYYY-MM-DDTHH:mm:ss.SSS",
+  WITHOUT_MILLISECONDS: "YYYY-MM-DDTHH:mm:ss"
+}, U = {
+  second: "second",
+  minute: "minute",
+  hour: "hour",
+  day: "day",
+  week: "week",
+  month: "month",
+  quarter: "month",
+  // Will be handled specially
+  year: "year"
+}, Tt = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, bt = (t) => `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`, St = (t) => t.toISOString().includes("Z"), _ = (t) => St(t) ? bt(t) : Tt(t), Ot = (t) => t.startOf("month").month(Math.floor(t.month() / 3) * 3).startOf("month"), F = (t, e) => {
+  const a = K(e);
+  return e === "week" ? t.startOf("week") : e === "quarter" ? Ot(t) : t.startOf(a);
+}, xt = (t, e) => {
+  var r, s, o;
+  const a = (r = t.inputs) == null ? void 0 : r.dateBounds;
+  if (!a) return;
+  if (a.from && a.to)
+    return a;
+  const n = a.relativeTimeString;
+  if (n) {
+    const c = (((o = (s = e == null ? void 0 : e.editors) == null ? void 0 : s.dateRangeSelectFieldPro) == null ? void 0 : o.options) ?? []).find((d) => d.value === n);
+    if (c) {
+      const d = c.getRange();
+      return {
+        from: d.from,
+        to: d.to,
+        relativeTimeString: n
+      };
+    }
+  }
+}, Ct = (t, e) => {
+  const { dimension: a, granularity: n = "day", sortOrder: r = "asc", dateBounds: s, theme: o } = e, i = s || xt(a, o);
+  if (!t || t.length === 0)
+    return t;
+  if (!(a != null && a.name))
+    throw new Error("dimension.name is required");
+  const c = kt(a.name, n, t), d = t.map((l) => {
+    const m = l[c];
+    if (typeof m != "string")
+      return null;
+    const g = D(m);
+    return g.isValid() ? { ...l, _parsedDate: g } : null;
+  }).filter(
+    (l) => l !== null
+  );
+  if (d.length === 0)
+    return console.warn("fillGaps: No valid dates found in data"), t;
+  let h, u;
+  if (i) {
+    const l = i.from instanceof Date ? i.from : new Date(i.from), m = i.to instanceof Date ? i.to : new Date(i.to);
+    if (n === "second" || n === "minute" || n === "hour")
+      h = D(l), u = D(m);
+    else {
+      const g = _(l), p = _(m);
+      h = D(g), u = D(p);
+    }
+    h = F(h, n), u = F(u, n);
+  } else {
+    const l = d[0];
+    if (!l)
+      return t;
+    let m = l._parsedDate, g = l._parsedDate;
+    for (let p = 1; p < d.length; p++) {
+      const w = d[p];
+      if (w) {
+        const S = w._parsedDate;
+        S.isBefore(m) && (m = S), S.isAfter(g) && (g = S);
+      }
+    }
+    h = m, u = g;
+  }
+  const x = [], C = K(n), A = h.startOf(C), k = u.startOf(C);
+  if (n === "week") {
+    let l = A;
+    for (; l.isBefore(k) || l.isSame(k, "day"); )
+      x.push(l), l = l.add(7, "day");
+  } else {
+    let l = A;
+    for (; l.isBefore(k) || l.isSame(k, C); )
+      x.push(l), n === "quarter" ? l = l.add(3, "month") : l = l.add(1, C);
+  }
+  const v = /* @__PURE__ */ new Map();
+  d.forEach((l) => {
+    const m = $(l._parsedDate);
+    v.set(m, l);
+  });
+  const b = [];
+  return x.forEach((l) => {
+    const m = $(l), g = v.get(m);
+    if (g) {
+      const p = { ...g };
+      delete p._parsedDate, b.push(p);
+    } else {
+      const p = vt(t), w = wt(l, p), S = {
+        [c]: w
+      }, P = a.name, B = t[0];
+      if (B)
+        for (const M of Object.keys(B))
+          M !== c && (M.startsWith(P) && M !== c ? S[M] = w : S[M] = null);
+      b.push(S);
+    }
+  }), r === "desc" ? b.sort(
+    (l, m) => D(m[c]).valueOf() - D(l[c]).valueOf()
+  ) : b.sort(
+    (l, m) => D(l[c]).valueOf() - D(m[c]).valueOf()
+  ), b;
+}, $ = (t) => t.format("YYYY-MM-DDTHH:mm:ss"), kt = (t, e, a) => {
+  if (!a || a.length === 0) return t;
+  const n = a[0];
+  if (!n) return t;
+  const r = `${t}.${e}`;
+  return r in n ? r : t;
+}, vt = (t) => {
+  if (!(t != null && t.length)) return T.DEFAULT;
+  const e = t[0];
+  if (!e) return T.DEFAULT;
+  for (const a of Object.values(e))
+    if (typeof a == "string" && a.includes("T") && a.includes(":"))
+      return a.endsWith("Z") ? T.WITH_TIMEZONE : a.includes(".") ? T.WITHOUT_TIMEZONE : T.WITHOUT_MILLISECONDS;
+  return T.DEFAULT;
+}, wt = (t, e) => e.includes("[Z]") ? t.format(T.WITH_TIMEZONE) : e.includes(".SSS") ? t.format(T.WITHOUT_TIMEZONE) : t.format(T.WITHOUT_MILLISECONDS), K = (t) => U[t] || U.day, $t = (t, e) => {
+  const a = ht(), n = ut(() => {
+    var d, h;
+    const r = t.data;
+    if (e.nativeType !== "time" || !r || r.length === 0)
+      return r;
+    const s = ((d = e.inputs) == null ? void 0 : d.granularity) || Et(r, e);
+    if (!s || !(((h = e.inputs) == null ? void 0 : h.dateBounds) ?? Mt(r, e, s)))
+      return r;
+    const c = {
+      dimension: e,
+      granularity: s,
+      sortOrder: "asc",
+      theme: a
+    };
+    try {
+      return Ct(r, c);
+    } catch (u) {
+      return console.warn("Failed to apply fillGaps to chart data:", u), r;
+    }
+  }, [t.data, e, a]);
+  return {
+    ...t,
+    data: n
+  };
+}, Mt = (t, e, a) => {
+  if (!t || t.length < 2)
+    return !1;
+  const n = e.name, r = t.map((o) => o[n]).filter(Boolean).map((o) => new Date(o)).filter((o) => !isNaN(o.getTime())).sort((o, i) => o.getTime() - i.getTime());
+  if (r.length < 2)
+    return !1;
+  const s = It(a);
+  for (let o = 1; o < r.length; o++) {
+    const i = r[o], c = r[o - 1];
+    if (i && c && i.getTime() - c.getTime() > s * 1.5)
+      return !0;
+  }
+  return !1;
+}, Et = (t, e) => {
+  if (!t || t.length === 0) return null;
+  const a = t[0];
+  if (!a) return null;
+  const n = e.name, r = Object.keys(a).filter(
+    (s) => s.startsWith(n) && s !== n
+  );
+  for (const s of r) {
+    if (s.includes(".second")) return "second";
+    if (s.includes(".minute")) return "minute";
+    if (s.includes(".hour")) return "hour";
+    if (s.includes(".day")) return "day";
+    if (s.includes(".week")) return "week";
+    if (s.includes(".month")) return "month";
+    if (s.includes(".quarter")) return "quarter";
+    if (s.includes(".year")) return "year";
+  }
+  return null;
+}, Z = 1e3, q = 60 * Z, V = 60 * q, E = 24 * V, y = {
+  SECOND: Z,
+  MINUTE: q,
+  HOUR: V,
+  DAY: E,
+  WEEK: 7 * E,
+  MONTH: 30 * E,
+  // Approximate
+  QUARTER: 90 * E,
+  // Approximate
+  YEAR: 365 * E
+  // Approximate
+}, It = (t) => {
+  switch (t) {
+    case "second":
+      return y.SECOND;
+    case "minute":
+      return y.MINUTE;
+    case "hour":
+      return y.HOUR;
+    case "day":
+      return y.DAY;
+    case "week":
+      return y.WEEK;
+    case "month":
+      return y.MONTH;
+    case "quarter":
+      return y.QUARTER;
+    case "year":
+      return y.YEAR;
+    default:
+      return y.DAY;
+  }
+};
+export {
+  Lt as B,
+  Ft as a,
+  Ut as b,
+  _t as g,
+  $t as u
+};
+//# sourceMappingURL=charts.fillGaps.hooks-CARsYBdm.js.map