@embeddable.com/remarkable-ui 0.1.16 → 0.1.17

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

@@ -0,0 +1,586 @@
+import { B as h, C as v, D as Q, m as A, 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 B, N as ot, O as lt, P as it, Q as L } from "./component.constants-DuGM1FcK.js";
+import { useRef as ct, useMemo as dt } from "react";
+import { r as ut, g as W, a as mt, b as H } from "./object.utils-BlUnrtY3.js";
+import { g as N } from "./formatter.utils-C_jDZCA9.js";
+import { d as D } from "./utc-B2gCnkBk.js";
+import { useTheme as ft } from "@embeddable.com/react";
+const j = {
+  ...Q,
+  scales: {
+    x: {
+      title: {
+        display: !0,
+        color: v("--em-chart-grid-font-color-default"),
+        font: {
+          size: h("--em-chart-grid-font-title-size"),
+          weight: h("--em-chart-grid-font-title-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      ticks: {
+        font: {
+          size: h("--em-chart-grid-font-subtitle-size"),
+          weight: h("--em-chart-grid-font-label-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      grid: {
+        display: !1,
+        color: v("--em-chart-grid-line-color-light"),
+        lineWidth: h("--em-chart-grid-line-width-default")
+      },
+      border: {
+        display: !1
+      }
+    },
+    y: {
+      title: {
+        display: !0,
+        color: v("--em-chart-grid-font-color-default"),
+        font: {
+          size: h("--em-chart-grid-font-title-size"),
+          weight: h("--em-chart-grid-font-title-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      ticks: {
+        font: {
+          size: h("--em-chart-grid-font-subtitle-size"),
+          weight: h("--em-chart-grid-font-label-weight"),
+          // TODO: fix family on dedicated ticket
+          // family: getStyle('--em-chart-grid-font-font-family'),
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
+        }
+      },
+      grid: {
+        display: !1,
+        color: v("--em-chart-grid-line-color-light"),
+        lineWidth: h("--em-chart-grid-line-width-default")
+      },
+      border: {
+        display: !1
+      }
+    }
+  }
+}, ht = (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 A(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, i) => {
+    const l = i.data[n];
+    return s + (l || 0);
+  }, 0);
+  return r > 0 ? r : "";
+}, gt = (t) => A(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: v("--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: v("--em-chart-grid-font-color-default")
+      },
+      reverse: t.reverseXAxis,
+      title: {
+        text: t.xAxisLabel ?? ""
+      }
+    }
+  }
+}), pt = (t) => A(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: v("--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: v("--em-chart-grid-font-color-default")
+      },
+      reverse: t.reverseYAxis,
+      title: {
+        text: t.yAxisLabel ?? ""
+      }
+    }
+  }
+}), Dt = (t) => {
+  const {
+    horizontal: e = !1,
+    showLegend: a = !1,
+    showTooltips: n = !0,
+    showValueLabels: r = !1,
+    showTotalLabels: s = !1
+  } = t, l = (e ? pt : gt)(t);
+  return A(l, {
+    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: h("--em-chart-style-border-radius-default")
+        // stacked === 'percentage' ? 0 : getStyleNumber('--em-chart-style-border-radius-default'),
+      }
+    },
+    plugins: {
+      legend: { display: a },
+      datalabels: {
+        display: (o) => r && o.dataset.data[o.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 = ct(null), s = A(Dt(n), a), i = (l) => {
+    const o = it(l, r);
+    e == null || e(o);
+  };
+  return /* @__PURE__ */ B.jsx("div", { className: ot.chartContainer, children: /* @__PURE__ */ B.jsx(
+    lt,
+    {
+      ref: r,
+      data: ht(t),
+      options: s,
+      onClick: i
+    }
+  ) });
+}, Ut = (t, e) => {
+  const a = N(e), { data: n = [], dimension: r, groupDimension: s, measure: i } = t, l = [...new Set(n.map((u) => u[r.name]).filter(Boolean))].sort(), o = [...new Set(n.map((u) => u[s.name]))], d = W(e), m = o.map((u, T) => {
+    const S = H(
+      `${d}.charts.backgroundColors`,
+      `${s.name}.${u}`,
+      e.charts.backgroundColors ?? R,
+      T
+    ), C = H(
+      `${d}.charts.borderColors`,
+      `${s.name}.${u}`,
+      e.charts.borderColors ?? R,
+      T
+    );
+    return {
+      label: a.data(s, u),
+      rawLabel: u,
+      backgroundColor: S,
+      borderColor: C,
+      data: l.map((k) => {
+        const w = n.find(
+          (O) => O[s.name] === u && O[r.name] === k
+        );
+        return w ? Number(w[i.name]) : 0;
+      })
+    };
+  });
+  return {
+    labels: l,
+    datasets: m
+  };
+}, _t = (t, e = ut) => {
+  const a = N(e);
+  if (!t.data)
+    return {
+      labels: [],
+      datasets: [{ data: [] }]
+    };
+  const n = W(e), r = mt(t.data, t.dimension, t.measures, t.maxItems);
+  return {
+    labels: r.map((s) => s[t.dimension.name]),
+    datasets: t.measures.map((s, i) => {
+      const l = H(
+        `${n}.charts.backgroundColors`,
+        s.name,
+        e.charts.backgroundColors ?? L,
+        i
+      ), o = H(
+        `${n}.charts.borderColors`,
+        s.name,
+        e.charts.borderColors ?? L,
+        i
+      );
+      return {
+        label: a.dimensionOrMeasureTitle(s),
+        data: r.map((d) => d[s.name]),
+        backgroundColor: l,
+        borderColor: o
+      };
+    })
+  };
+}, bt = (t, e) => {
+  const { datasets: a } = t.chart.data, n = t.dataIndex, r = a.reduce((s, i) => {
+    const l = i.data[n];
+    return s + (l || 0);
+  }, 0);
+  return e(r);
+}, $t = (t, e) => {
+  const { onBarClicked: a, measure: n, dimension: r, horizontal: s, data: i } = t, l = N(e);
+  return {
+    plugins: {
+      legend: { position: e.charts.legendPosition ?? "bottom" },
+      datalabels: {
+        labels: {
+          total: {
+            formatter: (o, d) => bt(
+              d,
+              (m) => l.data(t.measure, m)
+            )
+          },
+          value: {
+            formatter: (o) => l.data(t.measure, o)
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (o) => {
+            var m;
+            const d = (m = o[0]) == null ? void 0 : m.label;
+            return l.data(r, d);
+          },
+          label: (o) => {
+            const d = o.raw;
+            return `${l.data(r, o.dataset.label) || ""}: ${l.data(n, d)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        ticks: {
+          callback: (o) => {
+            if (s)
+              return l.data(n, o);
+            if (!i || !i.labels) return;
+            const d = i.labels[Number(o)];
+            return l.data(r, d);
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (o) => {
+            if (!s)
+              return l.data(n, o);
+            if (!i || !i.labels) return;
+            const d = i.labels[Number(o)];
+            return l.data(r, d);
+          }
+        }
+      }
+    },
+    onClick: (o, d, m) => {
+      var C;
+      const u = d[0], T = u ? m.data.labels[u.index] : null, S = u ? (C = m.data.datasets[u.datasetIndex]) == null ? void 0 : C.rawLabel : null;
+      a({
+        axisDimensionValue: T,
+        groupingDimensionValue: S
+      });
+    }
+  };
+}, y = {
+  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"
+}, yt = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, Tt = (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) ? Tt(t) : yt(t), Ot = (t) => t.startOf("month").month(Math.floor(t.month() / 3) * 3).startOf("month"), $ = (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;
+  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 l = (((s = e == null ? void 0 : e.defaults) == null ? void 0 : s.dateRangesOptions) ?? []).find((o) => o.value === n);
+    if (l) {
+      const o = l.getRange();
+      return {
+        from: o.from,
+        to: o.to,
+        relativeTimeString: n
+      };
+    }
+  }
+}, vt = (t, e) => {
+  const { dimension: a, granularity: n = "day", sortOrder: r = "asc", dateBounds: s, theme: i } = e, l = s || xt(a, i);
+  if (!t || t.length === 0)
+    return t;
+  if (!(a != null && a.name))
+    throw new Error("dimension.name is required");
+  const o = Ct(a.name, n, t), d = t.map((c) => {
+    const f = c[o];
+    if (typeof f != "string")
+      return null;
+    const g = D(f);
+    return g.isValid() ? { ...c, _parsedDate: g } : null;
+  }).filter(
+    (c) => c !== null
+  );
+  if (d.length === 0)
+    return console.warn("fillGaps: No valid dates found in data"), t;
+  let m, u;
+  if (l) {
+    const c = l.from instanceof Date ? l.from : new Date(l.from), f = l.to instanceof Date ? l.to : new Date(l.to);
+    if (n === "second" || n === "minute" || n === "hour")
+      m = D(c), u = D(f);
+    else {
+      const g = _(c), p = _(f);
+      m = D(g), u = D(p);
+    }
+    m = $(m, n), u = $(u, n);
+  } else {
+    const c = d[0];
+    if (!c)
+      return t;
+    let f = c._parsedDate, g = c._parsedDate;
+    for (let p = 1; p < d.length; p++) {
+      const M = d[p];
+      if (M) {
+        const x = M._parsedDate;
+        x.isBefore(f) && (f = x), x.isAfter(g) && (g = x);
+      }
+    }
+    m = f, u = g;
+  }
+  const T = [], S = K(n), C = m.startOf(S), k = u.startOf(S);
+  if (n === "week") {
+    let c = C;
+    for (; c.isBefore(k) || c.isSame(k, "day"); )
+      T.push(c), c = c.add(7, "day");
+  } else {
+    let c = C;
+    for (; c.isBefore(k) || c.isSame(k, S); )
+      T.push(c), n === "quarter" ? c = c.add(3, "month") : c = c.add(1, S);
+  }
+  const w = /* @__PURE__ */ new Map();
+  d.forEach((c) => {
+    const f = F(c._parsedDate);
+    w.set(f, c);
+  });
+  const O = [];
+  return T.forEach((c) => {
+    const f = F(c), g = w.get(f);
+    if (g) {
+      const p = { ...g };
+      delete p._parsedDate, O.push(p);
+    } else {
+      const p = kt(t), M = wt(c, p), x = {
+        [o]: M
+      }, V = a.name, Y = t[0];
+      if (Y)
+        for (const E of Object.keys(Y))
+          E !== o && (E.startsWith(V) && E !== o ? x[E] = M : x[E] = null);
+      O.push(x);
+    }
+  }), r === "desc" ? O.sort(
+    (c, f) => D(f[o]).valueOf() - D(c[o]).valueOf()
+  ) : O.sort(
+    (c, f) => D(c[o]).valueOf() - D(f[o]).valueOf()
+  ), O;
+}, F = (t) => t.format("YYYY-MM-DDTHH:mm:ss"), Ct = (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;
+}, kt = (t) => {
+  if (!(t != null && t.length)) return y.DEFAULT;
+  const e = t[0];
+  if (!e) return y.DEFAULT;
+  for (const a of Object.values(e))
+    if (typeof a == "string" && a.includes("T") && a.includes(":"))
+      return a.endsWith("Z") ? y.WITH_TIMEZONE : a.includes(".") ? y.WITHOUT_TIMEZONE : y.WITHOUT_MILLISECONDS;
+  return y.DEFAULT;
+}, wt = (t, e) => e.includes("[Z]") ? t.format(y.WITH_TIMEZONE) : e.includes(".SSS") ? t.format(y.WITHOUT_TIMEZONE) : t.format(y.WITHOUT_MILLISECONDS), K = (t) => U[t] || U.day, Ft = (t, e) => {
+  const a = ft(), n = dt(() => {
+    var d, m;
+    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 || !(((m = e.inputs) == null ? void 0 : m.dateBounds) ?? Mt(r, e, s)))
+      return r;
+    const o = {
+      dimension: e,
+      granularity: s,
+      sortOrder: "asc",
+      theme: a
+    };
+    try {
+      return vt(r, o);
+    } 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((i) => i[n]).filter(Boolean).map((i) => new Date(i)).filter((i) => !isNaN(i.getTime())).sort((i, l) => i.getTime() - l.getTime());
+  if (r.length < 2)
+    return !1;
+  const s = It(a);
+  for (let i = 1; i < r.length; i++) {
+    const l = r[i], o = r[i - 1];
+    if (l && o && l.getTime() - o.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, P = 60 * q, I = 24 * P, b = {
+  SECOND: Z,
+  MINUTE: q,
+  HOUR: P,
+  DAY: I,
+  WEEK: 7 * I,
+  MONTH: 30 * I,
+  // Approximate
+  QUARTER: 90 * I,
+  // Approximate
+  YEAR: 365 * I
+  // Approximate
+}, It = (t) => {
+  switch (t) {
+    case "second":
+      return b.SECOND;
+    case "minute":
+      return b.MINUTE;
+    case "hour":
+      return b.HOUR;
+    case "day":
+      return b.DAY;
+    case "week":
+      return b.WEEK;
+    case "month":
+      return b.MONTH;
+    case "quarter":
+      return b.QUARTER;
+    case "year":
+      return b.YEAR;
+    default:
+      return b.DAY;
+  }
+};
+export {
+  Lt as B,
+  $t as a,
+  Ut as b,
+  _t as g,
+  Ft as u
+};
+//# sourceMappingURL=charts.fillGaps.hooks-BwlVpKVy.js.map