@embeddable.com/remarkable-ui 0.1.16 → 0.1.18

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

@@ -1,574 +0,0 @@
-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-Bn9l4N1t.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-9RGrU0vr.js";
-import { g as Y } from "./formatter.utils-Ba_5cIcm.js";
-import { d as D } from "./utc-B2gCnkBk.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 s = R[n % R.length], r = {
-        ...a,
-        backgroundColor: s,
-        borderColor: s
-      };
-      return I(r, 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, s = a.reduce((r, o) => {
-    const l = o.data[n];
-    return r + (l || 0);
-  }, 0);
-  return s > 0 ? s : "";
-}, 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: s = !1,
-    showTotalLabels: r = !1
-  } = t, l = (e ? Dt : pt)(t);
-  return I(l, {
-    layout: {
-      padding: {
-        // Hack: dataLabels can get cut off if they are at the edge of the chart
-        top: !e && (s || r) ? 30 : 0,
-        right: e && (s || r) ? 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) => s && c.dataset.data[c.dataIndex] !== 0 ? "auto" : !1
-      },
-      tooltip: {
-        enabled: n
-      }
-    }
-  });
-};
-J.register(X, tt, et, at, rt, st, nt);
-const Ut = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
-  const s = dt(null), r = I(yt(n), a), o = (l) => {
-    const c = it(l, s);
-    e == null || e(c);
-  };
-  return /* @__PURE__ */ N.jsx("div", { className: ot.chartContainer, children: /* @__PURE__ */ N.jsx(
-    lt,
-    {
-      ref: s,
-      data: gt(t),
-      options: r,
-      onClick: o
-    }
-  ) });
-}, _t = (t, e) => {
-  const a = Y(e), { data: n = [], dimension: s, groupDimension: r, measure: o } = t, l = [...new Set(n.map((d) => d[s.name]).filter(Boolean))].sort(), c = [...new Set(n.map((d) => d[r.name]))], u = W(e), h = c.map((d, x) => {
-    const v = H(
-      `${u}.charts.backgroundColors`,
-      d,
-      e.charts.backgroundColors ?? R,
-      x
-    ), A = H(
-      `${u}.charts.borderColors`,
-      d,
-      e.charts.borderColors ?? R,
-      x
-    );
-    return {
-      label: a.data(r, d),
-      backgroundColor: v,
-      borderColor: A,
-      data: l.map((C) => {
-        const k = n.find(
-          (b) => b[r.name] === d && b[s.name] === C
-        );
-        return k ? Number(k[o.name]) : 0;
-      })
-    };
-  });
-  return {
-    labels: l.map((d) => a.data(s, d)),
-    datasets: h
-  };
-}, Ft = (t, e = mt) => {
-  const a = Y(e);
-  if (!t.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const n = W(e), s = ft(t.data, t.dimension, t.measures, t.maxItems);
-  return {
-    labels: s.map((r) => {
-      const o = r[t.dimension.name], l = a.data(t.dimension, o);
-      return o === l ? ct.t(o) : l;
-    }),
-    datasets: t.measures.map((r, o) => {
-      const l = H(
-        `${n}.charts.backgroundColors`,
-        r.name,
-        e.charts.backgroundColors ?? L,
-        o
-      ), c = H(
-        `${n}.charts.borderColors`,
-        r.name,
-        e.charts.borderColors ?? L,
-        o
-      );
-      return {
-        label: a.dimensionOrMeasureTitle(r),
-        data: s.map((u) => u[r.name]),
-        backgroundColor: l,
-        borderColor: c
-      };
-    })
-  };
-}, Tt = (t, e) => {
-  const { datasets: a } = t.chart.data, n = t.dataIndex, s = a.reduce((r, o) => {
-    const l = o.data[n];
-    return r + (l || 0);
-  }, 0);
-  return e(s);
-}, $t = (t, e) => {
-  const { onBarClicked: a, measure: n, horizontal: s } = t, r = Y(e);
-  return {
-    plugins: {
-      legend: { position: e.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        labels: {
-          total: {
-            formatter: (o, l) => Tt(
-              l,
-              (c) => r.data(t.measure, c)
-            )
-          },
-          value: {
-            formatter: (o) => r.data(t.measure, o)
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          label(o) {
-            const l = o.raw;
-            return `${o.dataset.label || ""}: ${r.data(n, l)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        ticks: {
-          ...s && {
-            callback: (o) => r.data(n, o)
-          }
-        }
-      },
-      y: {
-        ticks: {
-          ...!s && {
-            callback: (o) => r.data(n, o)
-          }
-        }
-      }
-    },
-    onClick: (o, l, c) => {
-      const u = l[0], h = u ? c.data.labels[u.index] : null, d = u ? c.data.datasets[u.datasetIndex].label : null;
-      a({
-        axisDimensionValue: h,
-        groupingDimensionValue: d
-      });
-    }
-  };
-}, 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"
-}, bt = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, St = (t) => `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`, Ot = (t) => t.toISOString().includes("Z"), _ = (t) => Ot(t) ? St(t) : bt(t), xt = (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" ? xt(t) : t.startOf(a);
-}, vt = (t, e) => {
-  var s, r;
-  const a = (s = t.inputs) == null ? void 0 : s.dateBounds;
-  if (!a) return;
-  if (a.from && a.to)
-    return a;
-  const n = a.relativeTimeString;
-  if (n) {
-    const l = (((r = e == null ? void 0 : e.defaults) == null ? void 0 : r.dateRangesOptions) ?? []).find((c) => c.value === n);
-    if (l) {
-      const c = l.getRange();
-      return {
-        from: c.from,
-        to: c.to,
-        relativeTimeString: n
-      };
-    }
-  }
-}, Ct = (t, e) => {
-  const { dimension: a, granularity: n = "day", sortOrder: s = "asc", dateBounds: r, theme: o } = e, l = r || vt(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), u = t.map((i) => {
-    const m = i[c];
-    if (typeof m != "string")
-      return null;
-    const g = D(m);
-    return g.isValid() ? { ...i, _parsedDate: g } : null;
-  }).filter(
-    (i) => i !== null
-  );
-  if (u.length === 0)
-    return console.warn("fillGaps: No valid dates found in data"), t;
-  let h, d;
-  if (l) {
-    const i = l.from instanceof Date ? l.from : new Date(l.from), m = l.to instanceof Date ? l.to : new Date(l.to);
-    if (n === "second" || n === "minute" || n === "hour")
-      h = D(i), d = D(m);
-    else {
-      const g = _(i), p = _(m);
-      h = D(g), d = D(p);
-    }
-    h = F(h, n), d = F(d, n);
-  } else {
-    const i = u[0];
-    if (!i)
-      return t;
-    let m = i._parsedDate, g = i._parsedDate;
-    for (let p = 1; p < u.length; p++) {
-      const w = u[p];
-      if (w) {
-        const S = w._parsedDate;
-        S.isBefore(m) && (m = S), S.isAfter(g) && (g = S);
-      }
-    }
-    h = m, d = g;
-  }
-  const x = [], v = K(n), A = h.startOf(v), C = d.startOf(v);
-  if (n === "week") {
-    let i = A;
-    for (; i.isBefore(C) || i.isSame(C, "day"); )
-      x.push(i), i = i.add(7, "day");
-  } else {
-    let i = A;
-    for (; i.isBefore(C) || i.isSame(C, v); )
-      x.push(i), n === "quarter" ? i = i.add(3, "month") : i = i.add(1, v);
-  }
-  const k = /* @__PURE__ */ new Map();
-  u.forEach((i) => {
-    const m = $(i._parsedDate);
-    k.set(m, i);
-  });
-  const b = [];
-  return x.forEach((i) => {
-    const m = $(i), g = k.get(m);
-    if (g) {
-      const p = { ...g };
-      delete p._parsedDate, b.push(p);
-    } else {
-      const p = wt(t), w = Mt(i, 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);
-    }
-  }), s === "desc" ? b.sort(
-    (i, m) => D(m[c]).valueOf() - D(i[c]).valueOf()
-  ) : b.sort(
-    (i, m) => D(i[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 s = `${t}.${e}`;
-  return s in n ? s : t;
-}, wt = (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;
-}, Mt = (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, Wt = (t, e) => {
-  const a = ht(), n = ut(() => {
-    var u, h;
-    const s = t.data;
-    if (e.nativeType !== "time" || !s || s.length === 0)
-      return s;
-    const r = ((u = e.inputs) == null ? void 0 : u.granularity) || It(s, e);
-    if (!r || !(((h = e.inputs) == null ? void 0 : h.dateBounds) ?? Et(s, e, r)))
-      return s;
-    const c = {
-      dimension: e,
-      granularity: r,
-      sortOrder: "asc",
-      theme: a
-    };
-    try {
-      return Ct(s, c);
-    } catch (d) {
-      return console.warn("Failed to apply fillGaps to chart data:", d), s;
-    }
-  }, [t.data, e, a]);
-  return {
-    ...t,
-    data: n
-  };
-}, Et = (t, e, a) => {
-  if (!t || t.length < 2)
-    return !1;
-  const n = e.name, s = t.map((o) => o[n]).filter(Boolean).map((o) => new Date(o)).filter((o) => !isNaN(o.getTime())).sort((o, l) => o.getTime() - l.getTime());
-  if (s.length < 2)
-    return !1;
-  const r = At(a);
-  for (let o = 1; o < s.length; o++) {
-    const l = s[o], c = s[o - 1];
-    if (l && c && l.getTime() - c.getTime() > r * 1.5)
-      return !0;
-  }
-  return !1;
-}, It = (t, e) => {
-  if (!t || t.length === 0) return null;
-  const a = t[0];
-  if (!a) return null;
-  const n = e.name, s = Object.keys(a).filter(
-    (r) => r.startsWith(n) && r !== n
-  );
-  for (const r of s) {
-    if (r.includes(".second")) return "second";
-    if (r.includes(".minute")) return "minute";
-    if (r.includes(".hour")) return "hour";
-    if (r.includes(".day")) return "day";
-    if (r.includes(".week")) return "week";
-    if (r.includes(".month")) return "month";
-    if (r.includes(".quarter")) return "quarter";
-    if (r.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
-}, At = (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 {
-  Ut as B,
-  $t as a,
-  _t as b,
-  Ft as g,
-  Wt as u
-};
-//# sourceMappingURL=charts.fillGaps.hooks-C5Gy3QoW.js.map