konsolpro-custom-ui 0.0.327

package/dist/lib/ui/schedule-calendar/schedule-calendar-strip.js

@@ -0,0 +1,163 @@
+var P = Object.defineProperty, j = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var w = (e, t, n) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, B = (e, t) => {
+  for (var n in t || (t = {}))
+    O.call(t, n) && w(e, n, t[n]);
+  if (p)
+    for (var n of p(t))
+      R.call(t, n) && w(e, n, t[n]);
+  return e;
+}, N = (e, t) => j(e, K(t));
+var k = (e, t) => {
+  var n = {};
+  for (var a in e)
+    O.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
+  if (e != null && p)
+    for (var a of p(e))
+      t.indexOf(a) < 0 && R.call(e, a) && (n[a] = e[a]);
+  return n;
+};
+import { jsxs as H, jsx as x } from "react/jsx-runtime";
+import { useRef as C, useCallback as E, useEffect as T } from "react";
+import { B as F } from "../../../chunks/uploader-BN38rjbw.js";
+import { CalendarDayCard as V } from "./calendar-day-card.js";
+import { CARD_WIDTH as d, SCROLL_WEEK_SIZE as Y, MOBILE_BREAKPOINT as Z } from "./constants.js";
+import { useScheduleCalendar as q } from "./use-schedule-calendar.js";
+import { startOfDay as M } from "./utils.js";
+const ne = (G) => {
+  var L = G, {
+    onChange: e,
+    dayClassName: t,
+    renderBadge: n,
+    showArrows: a = !0,
+    onVisibleMonthsChange: z,
+    scrollTrigger: u,
+    onScrollComplete: D,
+    testIds: f
+  } = L, W = k(L, [
+    "onChange",
+    "dayClassName",
+    "renderBadge",
+    "showArrows",
+    "onVisibleMonthsChange",
+    "scrollTrigger",
+    "onScrollComplete",
+    "testIds"
+  ]);
+  const { days: o, selectedDate: S, setSelectedDate: A } = q(N(B({}, W), {
+    onChange: e
+  })), i = C(null), b = E((r) => {
+    const c = i.current;
+    if (c) {
+      const m = Y * d;
+      c.scrollBy({ left: r > 0 ? m : -546, behavior: "smooth" });
+    }
+  }, []), _ = (r) => r.getTime() === S.getTime(), v = E((r, c = !1) => {
+    if (i.current && o.length > 0) {
+      const m = o.findIndex((s) => s.getTime() === M(r).getTime());
+      if (m !== -1) {
+        const s = i.current.offsetWidth, h = window.innerWidth < Z ? m * d : m * d - s / 2 + d / 2;
+        c ? i.current.scrollTo({ left: Math.max(0, h), behavior: "smooth" }) : i.current.scrollLeft = Math.max(0, h);
+      }
+    }
+  }, [o]);
+  T(() => {
+    if (o.length > 0) {
+      const r = M(/* @__PURE__ */ new Date());
+      v(r);
+    }
+  }, []), T(() => {
+    if (u && o.length > 0 && i.current) {
+      const r = setTimeout(() => {
+        var c;
+        if (u.mode === "date")
+          v(u.date, !0);
+        else {
+          const m = M(new Date(
+            u.date.getFullYear(),
+            u.date.getMonth(),
+            1
+          )), s = o.findIndex((l) => l.getTime() === m.getTime());
+          if (s !== -1) {
+            const l = s * d;
+            (c = i.current) == null || c.scrollTo({ left: Math.max(0, l), behavior: "smooth" });
+          }
+        }
+        setTimeout(() => {
+          D == null || D();
+        }, 500);
+      }, 50);
+      return () => clearTimeout(r);
+    }
+  }, [u, o, D, v]);
+  const g = C([]);
+  return T(() => {
+    if (i.current && o.length > 0 && g.current.length > 0) {
+      const c = g.current[0], m = o[0], s = o.findIndex((l) => l.getTime() === c.getTime());
+      if (s > 0)
+        i.current.scrollLeft += s * d;
+      else if (s === -1) {
+        const l = c.getTime(), h = m.getTime();
+        if (h < l) {
+          const y = Math.round((l - h) / 864e5);
+          i.current.scrollLeft += y * d;
+        } else {
+          const y = Math.round((h - l) / 864e5);
+          i.current.scrollLeft = Math.max(0, i.current.scrollLeft - y * d);
+        }
+      }
+    }
+    g.current = [...o];
+  }, [o]), /* @__PURE__ */ H("div", { className: "flex items-center gap-2.5", children: [
+    a && /* @__PURE__ */ x(
+      F,
+      {
+        icon: "ArrowLeftIcon",
+        variant: "text",
+        iconOnly: !0,
+        onClick: () => b(-1),
+        className: "hidden shrink-0 md:flex",
+        "data-testid": f == null ? void 0 : f.scrollLeftButton
+      }
+    ),
+    /* @__PURE__ */ x(
+      "div",
+      {
+        className: "overflow-x-auto md:overflow-x-hidden md:rounded-xl -mx-4 md:mx-0",
+        ref: i,
+        style: {
+          scrollbarWidth: "none",
+          msOverflowStyle: "none"
+        },
+        children: /* @__PURE__ */ x("div", { className: "flex gap-2 pb-1 px-4 md:px-4", "data-testid": f == null ? void 0 : f.calendarStrip, children: o.map((r) => /* @__PURE__ */ x(
+          V,
+          {
+            date: r,
+            selected: _(r),
+            onClick: () => A(r),
+            renderBadge: n,
+            className: t
+          },
+          r.toISOString()
+        )) })
+      }
+    ),
+    a && /* @__PURE__ */ x(
+      F,
+      {
+        icon: "ArrowRightIcon",
+        variant: "text",
+        iconOnly: !0,
+        onClick: () => b(1),
+        className: "hidden shrink-0 md:flex",
+        "data-testid": f == null ? void 0 : f.scrollRightButton
+      }
+    )
+  ] });
+};
+export {
+  ne as CalendarStrip,
+  ne as default
+};

package/dist/lib/ui/schedule-calendar/schedule-header.js

@@ -0,0 +1,66 @@
+import { jsxs as D, jsx as o } from "react/jsx-runtime";
+import { useState as y, useEffect as T, useMemo as d } from "react";
+import { S as _, U as j, V as z, X as F, H, K as L } from "../../../chunks/uploader-BN38rjbw.js";
+import { c as Y } from "../../../chunks/utils-TbLXCoKm.js";
+import { formatMonthLong as f, getThreeMonthsAround as A } from "./utils.js";
+import { a as E, f as K } from "../../../chunks/format-DoKcg9cH.js";
+function S(n) {
+  return K(n, "yyyy-MM-dd");
+}
+const C = ({
+  anchorDate: n,
+  onChange: s,
+  onMonthsChange: m,
+  months: a,
+  className: p,
+  testIds: c
+}) => {
+  const u = /* @__PURE__ */ new Date(), v = n || u, [l, g] = y(v), [i, M] = y("");
+  T(() => {
+    n && g(n);
+  }, [n]);
+  const h = d(() => {
+    const e = [];
+    for (let t = -12; t <= 12; t++) {
+      const r = E(new Date(u.getFullYear(), u.getMonth(), 1), t);
+      e.push({ value: S(r), label: f(r), date: r });
+    }
+    return e;
+  }, []), w = d(() => {
+    if (i)
+      return i;
+    const e = new Date(l.getFullYear(), l.getMonth(), 1);
+    return S(e);
+  }, [l, i]), x = (e) => {
+    const t = h.find((b) => b.value === e);
+    if (!t)
+      return;
+    M(e);
+    const r = t.date;
+    g(r), m && m(A(r)), s == null || s(r);
+  }, V = d(() => {
+    if (a && a.length > 0) {
+      const e = Math.floor(a.length / 2), t = a[e], r = new Date(t.year, t.month, 1);
+      return f(r);
+    }
+    return f(l);
+  }, [a, l]);
+  return /* @__PURE__ */ D(_, { value: w, onValueChange: x, children: [
+    /* @__PURE__ */ o(
+      j,
+      {
+        className: Y("[&_svg]:h-6 [&_svg]:w-6 [&_svg]:text-secondary", p),
+        size: "lg",
+        transparent: !0,
+        inlineSelect: !0,
+        "data-testid": c == null ? void 0 : c.periodSelector,
+        children: /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(F, { variant: "h1", weight: "normal", children: V }) })
+      }
+    ),
+    /* @__PURE__ */ o(H, { size: "lg", children: h.map((e) => /* @__PURE__ */ o(L, { value: e.value, children: e.label }, e.value)) })
+  ] });
+};
+export {
+  C as ScheduleHeader,
+  C as default
+};

package/dist/lib/ui/schedule-calendar/use-schedule-calendar.js

@@ -0,0 +1,44 @@
+import { useRef as m, useState as l, useMemo as d, useEffect as S } from "react";
+function c(e) {
+  const t = new Date(e);
+  return t.setHours(0, 0, 0, 0), t;
+}
+function g(e, t) {
+  return new Date(e, t + 1, 0).getDate();
+}
+function h(e) {
+  const t = [];
+  for (const n of e) {
+    const o = g(n.year, n.month);
+    for (let r = 1; r <= o; r++)
+      t.push(c(new Date(n.year, n.month, r)));
+  }
+  return t;
+}
+function x({
+  value: e,
+  defaultValue: t,
+  months: n,
+  onChange: o
+}) {
+  const r = m(c(/* @__PURE__ */ new Date())), y = c(e || t || r.current), [u, a] = l(y), f = d(() => {
+    if (n && n.length > 0)
+      return n;
+    const s = r.current;
+    return [{ year: s.getFullYear(), month: s.getMonth() }];
+  }, [n]), i = d(() => h(f), [f]);
+  return S(() => {
+    const s = c(e || t || r.current);
+    s.getTime() !== u.getTime() && a(s);
+  }, [e, t]), {
+    selectedDate: u,
+    days: i,
+    setSelectedDate: (s) => {
+      const D = c(s);
+      a(D), o == null || o(D);
+    }
+  };
+}
+export {
+  x as useScheduleCalendar
+};

package/dist/lib/ui/schedule-calendar/use-schedule-sync.js

@@ -0,0 +1,45 @@
+import R, { useState as n, useEffect as D, useCallback as o } from "react";
+import { getThreeMonthsAround as a } from "./utils.js";
+function J({
+  value: r,
+  defaultValue: S,
+  onChange: e
+} = {}) {
+  const c = r || S || /* @__PURE__ */ new Date(), [y, i] = n(c), [d, l] = n(
+    () => a(c)
+  ), [T, f] = n(), u = R.useRef(!1);
+  D(() => {
+    u.current || (e == null || e(c), u.current = !0);
+  }, [e, c]), D(() => {
+    r && i(r);
+  }, [r]);
+  const p = o((t) => {
+    i(t);
+    const s = a(t);
+    JSON.stringify(d) !== JSON.stringify(s) && l(s), e == null || e(t);
+  }, [e, d]), M = o((t) => {
+    if (l(t), t.length > 0) {
+      const s = Math.floor(t.length / 2), m = t[s], O = new Date(m.year, m.month, 1);
+      f({ date: O, timestamp: Date.now(), mode: "monthStart" });
+    }
+  }, []), h = o(() => {
+    f(void 0);
+  }, []), w = o(() => {
+    const t = /* @__PURE__ */ new Date();
+    i(t);
+    const s = a(t);
+    l(s), f({ date: t, timestamp: Date.now(), mode: "date" }), e == null || e(t);
+  }, [e]);
+  return {
+    selectedDate: y,
+    months: d,
+    handleDateChange: p,
+    handleMonthsChange: M,
+    scrollTrigger: T,
+    clearScrollTrigger: h,
+    resetToToday: w
+  };
+}
+export {
+  J as useScheduleSync
+};

package/dist/lib/ui/schedule-calendar/utils.js

@@ -0,0 +1,49 @@
+import { f as u, a as o, s } from "../../../chunks/format-DoKcg9cH.js";
+import { r as h } from "../../../chunks/ru-CUCVR8Pn.js";
+function g(t) {
+  const n = u(t, "EEEEEE", { locale: h });
+  return n.charAt(0).toUpperCase() + n.slice(1);
+}
+function a(t) {
+  return s(t);
+}
+function m(t) {
+  return u(t, "LLLL yyyy", { locale: h });
+}
+const c = [
+  "января",
+  "февраля",
+  "марта",
+  "апреля",
+  "мая",
+  "июня",
+  "июля",
+  "августа",
+  "сентября",
+  "октября",
+  "ноября",
+  "декабря"
+];
+function M(t) {
+  return c[t.getMonth()];
+}
+function i(t) {
+  const [n, e, r] = t.split("-").map(Number);
+  return new Date(n, e - 1, r);
+}
+function y(t) {
+  const n = o(a(new Date(t.getFullYear(), t.getMonth(), 1)), -1), e = a(new Date(t.getFullYear(), t.getMonth(), 1)), r = o(e, 1);
+  return [
+    { year: n.getFullYear(), month: n.getMonth() },
+    { year: e.getFullYear(), month: e.getMonth() },
+    { year: r.getFullYear(), month: r.getMonth() }
+  ];
+}
+export {
+  M as formatMonthGenitive,
+  m as formatMonthLong,
+  g as formatWeekdayShort,
+  y as getThreeMonthsAround,
+  i as parseDateString,
+  a as startOfDay
+};

package/dist/lib/ui/scroll-area.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { S as m, a as p } from "../../chunks/scroll-area-TRRhxrjX.js";
+import "../../chunks/utils-TbLXCoKm.js";
+export {
+  m as ScrollArea,
+  p as ScrollBar
+};