@embeddable.com/remarkable-ui 0.1.18 → 0.1.19

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

@@ -1,586 +0,0 @@
-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-BKb2quG8.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-GDTZT5bi.js.map