@elcrm/components 0.2.13 → 0.5.1

package/dist/Healthmap-Z-LLfGW0.js

@@ -0,0 +1,359 @@
+import t, { useState as H, useMemo as Y, useEffect as z } from "react";
+import { c as G } from "./cx-CcykAxZN.js";
+import { createPortal as Z } from "react-dom";
+import { p as J } from "./overlayZ-BvHbYC1x.js";
+import './Healthmap.css';function L(e) {
+  const [a, l, u] = e.split("-").map(Number);
+  return new Date(Date.UTC(a, l - 1, u));
+}
+function Q(e, a) {
+  if (e <= 0) return 0;
+  if (a <= 1) return 4;
+  const l = e / a;
+  return l > 0.75 ? 4 : l > 0.5 ? 3 : l > 0.25 ? 2 : 1;
+}
+function X(e) {
+  let a = 0;
+  for (let l = e.length - 1; l >= 0; l--) {
+    if (e[l].count <= 0) {
+      if (a === 0) continue;
+      break;
+    }
+    a++;
+  }
+  return a;
+}
+function I(e, a) {
+  var D;
+  if (!((D = e == null ? void 0 : e.days) != null && D.length))
+    return {
+      weeks: [],
+      months: [],
+      streak: 0,
+      activeDays: 0,
+      bestDay: 0
+    };
+  const l = Math.max(1, ...e.days.map((s) => s.count)), u = new Map(e.days.map((s) => [s.date, s.count])), y = L(e.from), d = L(e.to), f = y.getUTCDay(), c = f === 0 ? -6 : 1 - f, i = new Date(y);
+  i.setUTCDate(i.getUTCDate() + c);
+  const p = [], N = [];
+  let k = -1;
+  for (; i.getTime() <= d.getTime() || p.length === 0; ) {
+    const s = [];
+    for (let r = 0; r < 7; r++) {
+      const o = i.getUTCFullYear(), m = i.getUTCMonth(), E = i.getUTCDate(), b = `${o}-${String(m + 1).padStart(2, "0")}-${String(E).padStart(2, "0")}`, g = i.getTime() >= y.getTime() && i.getTime() <= d.getTime(), w = g ? u.get(b) ?? 0 : 0;
+      r === 0 && g && m !== k && (N.push({ label: a[m], col: p.length }), k = m), s.push({
+        date: b,
+        count: g ? w : 0,
+        level: g ? Q(w, l) : 0
+      }), i.setUTCDate(i.getUTCDate() + 1);
+    }
+    if (p.push(s), i.getTime() > d.getTime() && p.length >= 52 || p.length > 60) break;
+  }
+  return {
+    weeks: p,
+    months: N,
+    streak: X(e.days),
+    activeDays: e.days.filter((s) => s.count > 0).length,
+    bestDay: Math.max(0, ...e.days.map((s) => s.count))
+  };
+}
+const U = 5, j = [
+  "янв",
+  "фев",
+  "мар",
+  "апр",
+  "май",
+  "июн",
+  "июл",
+  "авг",
+  "сен",
+  "окт",
+  "ноя",
+  "дек"
+], _ = ["Пн", "", "Ср", "", "Пт", "", ""], ee = {
+  one: "действие",
+  few: "действия",
+  many: "действий"
+};
+function S(e, a) {
+  const l = e % 10, u = e % 100;
+  return l === 1 && u !== 11 ? a.one : l >= 2 && l <= 4 && (u < 10 || u >= 20) ? a.few : a.many;
+}
+function te(e) {
+  return S(e, { one: "день", few: "дня", many: "дней" });
+}
+function K(e, a) {
+  return L(e).toLocaleDateString(a, {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+    timeZone: "UTC"
+  });
+}
+const ne = "hhr", ae = "hhc", le = "hha", se = "hhh", re = "hht", oe = "hhm", ce = "hho", ie = "hhn", me = "hhd", ue = "hhw", he = "hhk", pe = "hhe", de = "hhf", fe = "hhi", ge = "hhg", ye = "hhb", Ee = "hhp", be = "hhq", we = "hhv", ve = "hhl", Ne = "hhz", ke = "hhj", Te = "hhu", De = "hhx", xe = "hhs", Me = "hhy", n = {
+  root: ne,
+  calendar: ae,
+  aside: le,
+  header: se,
+  title: re,
+  main: oe,
+  omonth: ce,
+  nest: ie,
+  dow: me,
+  weeks: ue,
+  krow: he,
+  entry: pe,
+  footer: de,
+  ihint: fe,
+  gleg: ge,
+  brand: ye,
+  plist: Ee,
+  qkpi: be,
+  value: we,
+  label: ve,
+  zyears: Ne,
+  jump: ke,
+  up: Te,
+  xbtn: De,
+  selected: xe,
+  ytip: Me
+};
+function Ue({
+  weeks: e,
+  months: a,
+  cell: l,
+  gap: u,
+  step: y,
+  weekdays: d,
+  focusDate: f,
+  locale: c,
+  unit: i,
+  onFocusDate: p,
+  onShowTip: N,
+  onHideTip: k
+}) {
+  function D(s) {
+    const { key: r } = s;
+    if (r !== "ArrowLeft" && r !== "ArrowRight" && r !== "ArrowUp" && r !== "ArrowDown" || !e.length) return;
+    let o = -1, m = -1;
+    for (let x = 0; x < e.length; x++) {
+      const $ = e[x].findIndex((A) => A.date === f);
+      if ($ >= 0) {
+        o = x, m = $;
+        break;
+      }
+    }
+    if (o < 0) return;
+    s.preventDefault();
+    let E = o, b = m;
+    r === "ArrowDown" ? b = Math.min(6, m + 1) : r === "ArrowUp" ? b = Math.max(0, m - 1) : r === "ArrowRight" ? E = Math.min(e.length - 1, o + 1) : r === "ArrowLeft" && (E = Math.max(0, o - 1));
+    const g = e[E][b];
+    p(g.date);
+    const w = s.currentTarget.querySelector(
+      `[data-date="${g.date}"]`
+    );
+    w == null || w.focus();
+  }
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      className: n.main,
+      "aria-hidden": !0,
+      style: {
+        width: e.length ? e.length * y - u : void 0
+      }
+    },
+    a.map((s) => /* @__PURE__ */ t.createElement(
+      "span",
+      {
+        key: `${s.label}-${s.col}`,
+        className: n.omonth,
+        style: { left: s.col * y }
+      },
+      s.label
+    ))
+  ), /* @__PURE__ */ t.createElement("div", { className: n.nest }, /* @__PURE__ */ t.createElement("div", { className: n.dow, "aria-hidden": !0 }, (d.length >= 7 ? d : _).slice(0, 7).map(
+    (s, r) => s ? /* @__PURE__ */ t.createElement("span", { key: r }, s) : /* @__PURE__ */ t.createElement("span", { key: r })
+  )), /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      className: n.weeks,
+      style: {
+        gridTemplateColumns: `repeat(${e.length}, ${l}px)`
+      },
+      role: "grid",
+      "aria-label": "График активности",
+      onKeyDown: D
+    },
+    e.map((s, r) => /* @__PURE__ */ t.createElement("div", { key: r, className: n.krow, role: "row" }, s.map((o) => /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        key: o.date,
+        type: "button",
+        className: n.entry,
+        "data-level": o.level,
+        "data-date": o.date,
+        role: "gridcell",
+        tabIndex: o.date === f ? 0 : -1,
+        "aria-label": `${K(o.date, c)}: ${o.count} ${S(o.count, i)}`,
+        onMouseEnter: (m) => N(o, m.currentTarget),
+        onMouseLeave: k,
+        onFocus: (m) => {
+          p(o.date), N(o, m.currentTarget);
+        },
+        onBlur: k
+      }
+    ))))
+  )));
+}
+function $e({ tip: e, locale: a, unit: l }) {
+  return e ? Z(
+    /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: n.ytip,
+        style: {
+          left: e.x,
+          top: e.y,
+          zIndex: J() + 10
+        },
+        role: "tooltip"
+      },
+      /* @__PURE__ */ t.createElement("div", null, K(e.date, a)),
+      /* @__PURE__ */ t.createElement("div", null, e.count, " ", S(e.count, l))
+    ),
+    document.body
+  ) : null;
+}
+function Ae({
+  yearPage: e,
+  yearPageCount: a,
+  visibleYears: l,
+  activeYear: u,
+  currentYear: y,
+  onYearPageChange: d,
+  onYearChange: f
+}) {
+  return /* @__PURE__ */ t.createElement("nav", { className: n.zyears, "aria-label": "Год" }, a > 1 ? /* @__PURE__ */ t.createElement(
+    "button",
+    {
+      type: "button",
+      className: n.up,
+      "aria-label": "Предыдущие годы",
+      disabled: e <= 0,
+      onClick: () => d((c) => Math.max(0, c - 1))
+    },
+    "‹"
+  ) : null, /* @__PURE__ */ t.createElement("div", { className: n.jump, role: "group" }, l.map((c) => /* @__PURE__ */ t.createElement(
+    "button",
+    {
+      key: c,
+      type: "button",
+      "aria-pressed": c === u,
+      className: G(n.xbtn, c === u && n.selected),
+      onClick: () => f == null ? void 0 : f(c === y ? null : c)
+    },
+    c
+  ))), a > 1 ? /* @__PURE__ */ t.createElement(
+    "button",
+    {
+      type: "button",
+      className: n.up,
+      "aria-label": "Следующие годы",
+      disabled: e >= a - 1,
+      onClick: () => d((c) => Math.min(a - 1, c + 1))
+    },
+    "›"
+  ) : null);
+}
+function Ce() {
+  if (typeof document > "u")
+    return { cell: 12, gap: 3, step: 15 };
+  const e = getComputedStyle(document.documentElement), a = parseFloat(e.getPropertyValue("--healthmap-cell").trim()) || 12, l = parseFloat(e.getPropertyValue("--healthmap-gap").trim()) || 3;
+  return { cell: a, gap: l, step: a + l };
+}
+function Le({
+  data: e,
+  loading: a = !1,
+  year: l = null,
+  onYearChange: u,
+  hint: y,
+  brandName: d = "Активность",
+  brandSub: f = "сводка",
+  unit: c = ee,
+  months: i = j,
+  locale: p = "ru-RU",
+  loadingLabel: N = "Загрузка…",
+  lastYearLabel: k = "последний год",
+  weekdays: D = _,
+  className: s
+}) {
+  const [r, o] = H(0), [m, E] = H(null), [b, g] = H(""), { cell: w, gap: x, step: $ } = Ce(), A = i.length >= 12 ? i : j, v = Y(
+    () => I(e, A),
+    [e, A]
+  );
+  z(() => {
+    const h = v.weeks.flat();
+    if (!h.length) {
+      g("");
+      return;
+    }
+    const M = h.find((T) => T.count > 0);
+    g((M ?? h[0]).date);
+  }, [v.weeks]);
+  const C = Y(() => {
+    var M;
+    const h = (M = e == null ? void 0 : e.years) != null && M.length ? [...e.years] : [(/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCFullYear() - 1];
+    return [...new Set(h)].sort((T, W) => W - T);
+  }, [e == null ? void 0 : e.years]), F = (/* @__PURE__ */ new Date()).getUTCFullYear(), R = l ?? (e == null ? void 0 : e.year) ?? F, q = (e == null ? void 0 : e.total) ?? 0, O = Math.max(1, Math.ceil(C.length / U));
+  z(() => {
+    const h = C.indexOf(R);
+    h < 0 || o(Math.floor(h / U));
+  }, [R, C]);
+  const P = C.slice(
+    r * U,
+    r * U + U
+  );
+  function B(h, M) {
+    const T = M.getBoundingClientRect();
+    E({
+      date: h.date,
+      count: h.count,
+      x: T.left + T.width / 2,
+      y: T.top
+    });
+  }
+  const V = a ? N : `${q} ${S(q, c)} за ${l == null || l === F ? k : `${l} год`}`;
+  return /* @__PURE__ */ t.createElement("div", { className: G(n.root, s) }, /* @__PURE__ */ t.createElement("section", { className: n.calendar, "aria-label": "Календарь активности" }, /* @__PURE__ */ t.createElement("div", { className: n.header }, /* @__PURE__ */ t.createElement("h3", { className: n.title }, V)), /* @__PURE__ */ t.createElement(
+    Ue,
+    {
+      weeks: v.weeks,
+      months: v.months,
+      cell: w,
+      gap: x,
+      step: $,
+      weekdays: D,
+      focusDate: b,
+      locale: p,
+      unit: c,
+      onFocusDate: g,
+      onShowTip: B,
+      onHideTip: () => E(null)
+    }
+  ), /* @__PURE__ */ t.createElement("div", { className: n.footer }, /* @__PURE__ */ t.createElement("span", { className: n.ihint }, y ?? ""), /* @__PURE__ */ t.createElement(
+    Ae,
+    {
+      yearPage: r,
+      yearPageCount: O,
+      visibleYears: P,
+      activeYear: R,
+      currentYear: F,
+      onYearPageChange: o,
+      onYearChange: u
+    }
+  ), /* @__PURE__ */ t.createElement("div", { className: n.gleg, "aria-hidden": !0 }, /* @__PURE__ */ t.createElement("span", null, "Меньше"), [0, 1, 2, 3, 4].map((h) => /* @__PURE__ */ t.createElement("span", { key: h, className: n.entry, "data-level": h })), /* @__PURE__ */ t.createElement("span", null, "Больше")))), /* @__PURE__ */ t.createElement("aside", { className: n.aside, "aria-label": "Сводка" }, /* @__PURE__ */ t.createElement("div", { className: n.brand }, /* @__PURE__ */ t.createElement("span", null, d), /* @__PURE__ */ t.createElement("span", null, f)), /* @__PURE__ */ t.createElement("div", { className: n.plist }, /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : v.streak), /* @__PURE__ */ t.createElement("span", { className: n.label }, "серия, ", te(v.streak))), /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : v.activeDays), /* @__PURE__ */ t.createElement("span", { className: n.label }, "активных дней")), /* @__PURE__ */ t.createElement("div", { className: n.qkpi }, /* @__PURE__ */ t.createElement("span", { className: n.value }, a ? "—" : v.bestDay), /* @__PURE__ */ t.createElement("span", { className: n.label }, "макс. за день")))), /* @__PURE__ */ t.createElement($e, { tip: m, locale: p, unit: c }));
+}
+export {
+  Le as H
+};

package/dist/Healthmap.css

@@ -1 +1 @@
-@layer elcrm-components{.hAr{display:flex;gap:var(--shell-gap);align-items:stretch;width:100%}.hAc,.hAa{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background);box-sizing:border-box}.hAc{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--shell-gap-lg) var(--shell-padding-inline);overflow-x:auto}.hAh{margin-bottom:var(--shell-gap-sm)}.hAt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color)}.hAm{position:relative;margin:0 0 4px 26px;height:16px;font-size:11px;color:var(--shell-color-muted)}.hAo{position:absolute;top:0;white-space:nowrap}.hAn{display:flex;gap:4px;align-items:flex-start;flex:1}.hAd{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap);width:22px;font-size:10px;line-height:var(--healthmap-cell);color:var(--shell-color-muted);flex-shrink:0;align-content:center}.hAw{display:grid;gap:var(--healthmap-gap);align-content:center}.hAk{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap)}.hAe{width:var(--healthmap-cell);height:var(--healthmap-cell);padding:0;border:0;border-radius:2px;background:var(--healthmap-l0);box-sizing:border-box;cursor:default;display:block}.hAe:focus-visible{outline:2px solid var(--shell-color-accent);outline-offset:1px}.hAe[data-level="1"]{background:var(--healthmap-l1)}.hAe[data-level="2"]{background:var(--healthmap-l2)}.hAe[data-level="3"]{background:var(--healthmap-l3)}.hAe[data-level="4"]{background:var(--healthmap-l4)}.hAf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:auto;padding-top:10px;margin-left:26px;font-size:11px;color:var(--shell-color-muted)}.hAi{min-width:0}.hAg{display:flex;align-items:center;gap:4px;justify-self:end}.hAa{flex:0 0 180px;display:flex;flex-direction:column;gap:var(--shell-gap-lg);padding:var(--shell-gap-lg) 18px}.hAb{display:flex;flex-direction:column;gap:2px;line-height:1.2}.hAb>span:first-child{font-size:var(--shell-font-size-lg);font-weight:700;letter-spacing:-.02em;color:var(--shell-color)}.hAb>span:last-child{font-size:11px;color:var(--shell-color-muted);text-transform:uppercase;letter-spacing:.04em}.hAp{display:flex;flex-direction:column;gap:var(--shell-gap-sm);flex:1;justify-content:center}.hAq{display:flex;flex-direction:column;gap:2px}.hAv{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--shell-color);line-height:1.1}.hAl{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hAz{display:flex;align-items:center;justify-content:center;gap:4px;justify-self:center}.hAj{display:flex;align-items:center;gap:4px}.hAu{width:28px;height:28px;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:18px;line-height:1;cursor:pointer}.hAu:hover:not(:disabled){color:var(--shell-color);background:var(--shell-background-muted)}.hAu:disabled{opacity:var(--shell-disabled-opacity);cursor:default}.hAx{border:0;background:transparent;color:var(--shell-color-muted);font-size:var(--shell-font-size-sm);padding:5px 11px;border-radius:999px;cursor:pointer}.hAx:hover{color:var(--shell-color)}.hAs{background:var(--shell-color-accent);color:var(--shell-background)}.hAy{position:fixed;z-index:calc(var(--shell-z) + 50);transform:translate(-50%,calc(-100% - 10px));min-width:160px;max-width:280px;padding:var(--shell-gap-sm) var(--shell-gap);border-radius:var(--shell-radius);background:var(--shell-background);border:1px solid var(--shell-border);box-shadow:var(--popup-shadow);pointer-events:none;color:var(--shell-color)}.hAy>:first-child{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hAy>:last-child{font-size:var(--shell-font-size);font-weight:600}@media (max-width: 720px){.hAr{flex-direction:column}.hAa{flex:none;width:100%}.hAf{grid-template-columns:1fr;margin-left:0;justify-items:start}.hAg,.hAz{justify-self:start}}}
+@layer elcrm-components{.hhr{display:flex;gap:var(--shell-gap);align-items:stretch;width:100%}.hhc,.hha{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background);box-sizing:border-box}.hhc{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--shell-gap-lg) var(--shell-padding-inline);overflow-x:auto}.hhh{margin-bottom:var(--shell-gap-sm)}.hht{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color)}.hhm{position:relative;margin:0 0 var(--shell-gap-sm, .25rem) 26px;height:16px;font-size:var(--shell-font-size-sm, .6875rem);color:var(--shell-color-muted)}.hho{position:absolute;top:0;white-space:nowrap}.hhn{display:flex;gap:var(--shell-gap-sm, .25rem);align-items:flex-start;flex:1}.hhd{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap);width:22px;font-size:var(--shell-font-size-sm, .6875rem);line-height:var(--healthmap-cell);color:var(--shell-color-muted);flex-shrink:0;align-content:center}.hhw{display:grid;gap:var(--healthmap-gap);align-content:center}.hhk{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap)}.hhe{width:var(--healthmap-cell);height:var(--healthmap-cell);padding:0;border:0;border-radius:2px;background:var(--healthmap-l0);box-sizing:border-box;cursor:default;display:block}.hhe:focus-visible{outline:2px solid var(--shell-color-accent);outline-offset:1px}.hhe[data-level="1"]{background:var(--healthmap-l1)}.hhe[data-level="2"]{background:var(--healthmap-l2)}.hhe[data-level="3"]{background:var(--healthmap-l3)}.hhe[data-level="4"]{background:var(--healthmap-l4)}.hhf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--shell-gap-sm);margin-top:auto;padding-top:var(--shell-gap-sm);margin-left:26px;font-size:var(--shell-font-size-sm, .6875rem);color:var(--shell-color-muted)}.hhi{min-width:0}.hhg{display:flex;align-items:center;gap:var(--shell-gap-sm, .25rem);justify-self:end}.hha{flex:0 0 180px;display:flex;flex-direction:column;gap:var(--shell-gap-lg);padding:var(--shell-gap-lg) 18px}.hhb{display:flex;flex-direction:column;gap:2px;line-height:1.2}.hhb>span:first-child{font-size:var(--shell-font-size-lg);font-weight:700;letter-spacing:-.02em;color:var(--shell-color)}.hhb>span:last-child{font-size:var(--shell-font-size-sm, .6875rem);color:var(--shell-color-muted);text-transform:uppercase;letter-spacing:.04em}.hhp{display:flex;flex-direction:column;gap:var(--shell-gap-sm);flex:1;justify-content:center}.hhq{display:flex;flex-direction:column;gap:2px}.hhv{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--shell-color);line-height:1.1}.hhl{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hhz{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm, .25rem);justify-self:center}.hhj{display:flex;align-items:center;gap:var(--shell-gap-sm, .25rem)}.hhu{width:28px;height:28px;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:18px;line-height:1;cursor:pointer}.hhu:hover:not(:disabled){color:var(--shell-color);background:var(--shell-background-muted)}.hhu:disabled{opacity:var(--shell-disabled-opacity);cursor:default}.hhx{border:0;background:transparent;color:var(--shell-color-muted);font-size:var(--shell-font-size-sm);padding:5px 11px;border-radius:999px;cursor:pointer}.hhx:hover{color:var(--shell-color)}.hhs{background:var(--shell-color-accent);color:var(--shell-background)}.hhy{position:fixed;z-index:calc(var(--shell-z) + 50);transform:translate(-50%,calc(-100% - 10px));min-width:160px;max-width:280px;padding:var(--shell-gap-sm) var(--shell-gap);border-radius:var(--shell-radius);background:var(--shell-background);border:1px solid var(--shell-border);box-shadow:var(--popup-shadow);pointer-events:none;color:var(--shell-color)}.hhy>:first-child{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hhy>:last-child{font-size:var(--shell-font-size);font-weight:600}@media (max-width: 720px){.hhr{flex-direction:column}.hha{flex:none;width:100%}.hhf{grid-template-columns:1fr;margin-left:0;justify-items:start}.hhg,.hhz{justify-self:start}}}

package/dist/Healthmap.d.ts

@@ -28,8 +28,10 @@ export type HealthmapProps = {
     /** Показать «Загрузка…» в заголовке. */
     loading?: boolean;
     /**
-     * Выбранный год. `null` — «последний год» (как в ответе сервера).
-     * Контролируемый режим: вместе с `onYearChange`.
+     * Выбранный год.
+     * - `undefined` — uncontrolled (внутри берётся последний из `data.years`);
+     * - `null` — controlled «последний год» (как в ответе сервера);
+     * - число — конкретный год.
      */
     year?: number | null;
     /** Смена года (клик по вкладке). */
@@ -42,6 +44,26 @@ export type HealthmapProps = {
     brandSub?: string;
     /** Единицы для склонения счётчиков. */
     unit?: HealthmapUnit;
+    /**
+     * 12 коротких названий месяцев (янв…дек).
+     * По умолчанию — русские.
+     */
+    months?: readonly string[];
+    /**
+     * Locale для длинной даты в tooltip (`toLocaleDateString`).
+     * @default "ru-RU"
+     */
+    locale?: string;
+    /** Текст «Загрузка…» в заголовке. */
+    loadingLabel?: string;
+    /** Фраза «последний год» в заголовке. */
+    lastYearLabel?: string;
+    /**
+     * 7 подписей дней недели (Пн…Вс). Пустая строка — слот без текста
+     * (компактная колонка как у GitHub).
+     * @default ["Пн","","Ср","","Пт","",""]
+     */
+    weekdays?: readonly string[];
     /** Доп. CSS-класс. */
     className?: string;
 };
@@ -66,4 +88,4 @@ export type HealthmapProps = {
  *
  * Токены: `--shell-*`, `--healthmap-cell`, `--healthmap-gap`, `--healthmap-l0`…`--healthmap-l4`.
  */
-export declare function Healthmap({ data, loading, year, onYearChange, hint, brandName, brandSub, unit, className, }: HealthmapProps): React.JSX.Element;
+export declare function Healthmap({ data, loading, year, onYearChange, hint, brandName, brandSub, unit, months, locale, loadingLabel, lastYearLabel, weekdays, className, }: HealthmapProps): React.JSX.Element;

package/dist/Healthmap.js

@@ -1,4 +1,4 @@
-import { H as m } from "./Healthmap-B6cdiLUl.js";
+import { H as m } from "./Healthmap-Z-LLfGW0.js";
 export {
   m as Healthmap
 };

package/dist/{Item-D4okhsfW.js → Item-CGpkMJu0.js}

@@ -1,20 +1,20 @@
 import r from "react";
 import { c as m } from "./cx-CcykAxZN.js";
-import './Item.css';const u = "cir", d = "cia", v = "cic", i = {
-  r: u,
-  a: d,
-  c: v
+import './Item.css';const d = "lir", v = "lia", u = "lic", o = {
+  root: d,
+  active: v,
+  card: u
 };
-function N(s) {
+function N(n) {
   const {
     active: t,
-    variant: o = "plain",
+    variant: s = "plain",
     children: a,
     className: l,
-    as: n = "button",
+    as: i = "li",
     ...e
-  } = s, c = m(i.r, o === "card" && i.c, t && i.a, l);
-  return n === "a" ? /* @__PURE__ */ r.createElement(
+  } = n, c = m(o.root, s === "card" && o.card, t && o.active, l);
+  return i === "a" ? /* @__PURE__ */ r.createElement(
     "a",
     {
       className: c,
@@ -22,18 +22,18 @@ function N(s) {
       ...e
     },
     a
-  ) : n === "li" ? /* @__PURE__ */ r.createElement(
-    "li",
+  ) : i === "button" ? /* @__PURE__ */ r.createElement(
+    "button",
     {
+      type: "button",
       className: c,
       "data-active": t ? "true" : void 0,
       ...e
     },
     a
   ) : /* @__PURE__ */ r.createElement(
-    "button",
+    "li",
     {
-      type: "button",
       className: c,
       "data-active": t ? "true" : void 0,
       ...e

package/dist/Item.css

@@ -1 +1 @@
-@layer elcrm-components{.cir{display:flex;align-items:center;gap:var(--shell-gap-sm);padding:var(--shell-padding);color:var(--shell-color);background:transparent;border:1px solid transparent;border-radius:var(--shell-radius);cursor:default}.cir:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer}.cir:hover{background:var(--shell-background-hover)}.cia,.cir[aria-current=true],.cir[data-active=true]{background:var(--shell-background-selected)}.cic{align-items:flex-start;gap:var(--shell-gap);padding:var(--shell-padding);border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background-muted);flex-shrink:0}.cic:hover,.cic.cia,.cic[data-active=true]{background:color-mix(in srgb,var(--shell-color-accent) 12%,var(--shell-background-muted));border-color:color-mix(in srgb,var(--shell-color-accent) 35%,transparent)}}
+@layer elcrm-components{.lir{display:flex;align-items:center;gap:var(--shell-gap-sm);padding:var(--shell-padding);color:var(--shell-color);background:transparent;border:1px solid transparent;border-radius:var(--shell-radius);cursor:default}.lir:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer}.lir:hover{background:var(--shell-background-hover)}.lia,.lir[aria-current=true],.lir[data-active=true]{background:var(--shell-background-selected)}.lic{align-items:flex-start;gap:var(--shell-gap);padding:var(--shell-padding);border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background-muted);flex-shrink:0}.lic:hover,.lic.lia,.lic[data-active=true]{background:color-mix(in srgb,var(--shell-color-accent) 12%,var(--shell-background-muted));border-color:color-mix(in srgb,var(--shell-color-accent) 35%,transparent)}}

package/dist/Item.d.ts

@@ -23,22 +23,22 @@ type Common = {
  * @example
  * ```tsx
  * <List>
- *   <Item as="li" active>Текущий</Item>
+ *   <Item active>Текущий</Item>
  *   <Item as="button" variant="card" active>Карточка</Item>
  * </List>
  * ```
  *
  * Токены: `--shell-*`.
  */
-export type ItemProps = (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    /** Тег: кнопка (по умолчанию) */
-    as?: "button";
+export type ItemProps = (Common & React.LiHTMLAttributes<HTMLLIElement> & {
+    /** Тег: элемент списка (по умолчанию; внутри `<List>` / `<ul>`) */
+    as?: "li";
+}) | (Common & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Тег: кнопка */
+    as: "button";
 }) | (Common & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     /** Тег: ссылка */
     as: "a";
-}) | (Common & React.LiHTMLAttributes<HTMLLIElement> & {
-    /** Тег: элемент списка */
-    as: "li";
 });
 /**
  * Элемент списка / строки.

package/dist/Item.js

@@ -1,4 +1,4 @@
-import { I as o } from "./Item-D4okhsfW.js";
+import { I as o } from "./Item-CGpkMJu0.js";
 export {
   o as Item
 };

package/dist/ItemColumn-Ch61LqE0.js

@@ -0,0 +1,41 @@
+import e from "react";
+import { c as N } from "./cx-CcykAxZN.js";
+import './ItemColumn.css';const h = "lcr", v = "lci", g = "lcb", k = "lch", b = "lct", x = "lcx", y = "lcd", C = "lcf", F = "lcp", I = "lca", L = "lcs", M = "lcl", R = "lck", l = {
+  root: h,
+  ico: v,
+  body: g,
+  head: k,
+  title: b,
+  xtra: x,
+  desc: y,
+  footer: C,
+  pipe: F,
+  aside: I,
+  small: L,
+  large: M,
+  kread: R
+};
+function j({ items: c }) {
+  const a = c.filter((t) => t != null && t !== !1 && t !== "");
+  return a.length === 0 ? null : /* @__PURE__ */ e.createElement(e.Fragment, null, a.map((t, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, n > 0 ? /* @__PURE__ */ e.createElement("span", { className: l.pipe, "aria-hidden": !0 }, "·") : null, /* @__PURE__ */ e.createElement("span", null, t))));
+}
+function z({
+  icon: c,
+  title: a,
+  extra: t,
+  aside: n,
+  description: s,
+  footer: u,
+  meta: r,
+  size: o = "m",
+  unread: d,
+  children: i,
+  className: p,
+  ...E
+}) {
+  const f = o === "s" ? l.small : o === "l" ? l.large : void 0, m = u ?? (r != null ? /* @__PURE__ */ e.createElement(j, { items: r }) : null);
+  return /* @__PURE__ */ e.createElement("div", { className: N(l.root, f, d && l.kread, p), ...E }, c != null ? /* @__PURE__ */ e.createElement("span", { className: l.ico, "aria-hidden": !0 }, c) : null, /* @__PURE__ */ e.createElement("div", { className: l.body }, a != null || t != null ? /* @__PURE__ */ e.createElement("div", { className: l.head }, a != null ? /* @__PURE__ */ e.createElement("span", { className: l.title }, a) : null, t != null ? /* @__PURE__ */ e.createElement("span", { className: l.xtra }, t) : null) : null, s != null ? /* @__PURE__ */ e.createElement("div", { className: l.desc }, s) : null, m != null ? /* @__PURE__ */ e.createElement("div", { className: l.footer }, m) : null, i), n != null ? /* @__PURE__ */ e.createElement("div", { className: l.aside }, n) : null);
+}
+export {
+  z as I
+};

package/dist/ItemColumn.css

@@ -1 +1 @@
-@layer elcrm-components{.c7r{display:flex;align-items:flex-start;gap:var(--item-column-gap);min-width:0;width:100%;text-align:left}.c7i{flex-shrink:0;box-sizing:border-box;width:var(--item-column-icon-size);height:var(--item-column-icon-size);border-radius:var(--item-column-icon-radius);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--shell-color-accent) 14%,transparent);color:var(--shell-color-accent)}.c7b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.c7h{display:flex;align-items:center;gap:8px;min-width:0}.c7t{flex:1;min-width:0;margin:0;font-size:var(--item-column-title-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:var(--item-column-title-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c7x{flex-shrink:0;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.c7d{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c7f{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:12px;color:var(--shell-color-muted);line-height:1.35}.c7p{opacity:.5;-webkit-user-select:none;user-select:none}.c7a{flex-shrink:0;display:inline-flex;align-items:flex-start}.c7s .c7t{font-size:var(--shell-font-size-sm)}.c7s .c7d{font-size:12px}.c7l .c7t{font-size:var(--shell-font-size-lg)}.c7l .c7d{font-size:var(--shell-font-size)}.c7k .c7t{font-weight:700}}
+@layer elcrm-components{.lcr{display:flex;align-items:flex-start;gap:var(--item-column-gap);min-width:0;width:100%;text-align:left}.lci{flex-shrink:0;box-sizing:border-box;width:var(--item-column-icon-size);height:var(--item-column-icon-size);border-radius:var(--item-column-icon-radius);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--shell-color-accent) 14%,transparent);color:var(--shell-color-accent)}.lcb{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.lch{display:flex;align-items:center;gap:var(--shell-gap-sm);min-width:0}.lct{flex:1;min-width:0;margin:0;font-size:var(--item-column-title-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:var(--item-column-title-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcx{flex-shrink:0;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--shell-gap-sm)}.lcd{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lcf{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm);font-size:var(--item-column-meta-size);color:var(--shell-color-muted);line-height:1.35}.lcp{opacity:.5;-webkit-user-select:none;user-select:none}.lca{flex-shrink:0;display:inline-flex;align-items:flex-start}.lcs .lct{font-size:var(--shell-font-size-sm)}.lcs .lcd{font-size:var(--item-column-meta-size)}.lcl .lct{font-size:var(--shell-font-size-lg)}.lcl .lcd{font-size:var(--shell-font-size)}.lck .lct{font-weight:700}}

package/dist/ItemColumn.js

@@ -1,4 +1,4 @@
-import { I as e } from "./ItemColumn-M7a9L8CI.js";
+import { I as e } from "./ItemColumn-Ch61LqE0.js";
 export {
   e as ItemColumn
 };

package/dist/Layout-CzEGKl9s.js

@@ -0,0 +1,31 @@
+import l from "react";
+import { c as a } from "./cx-CcykAxZN.js";
+import './Layout.css';const N = "slr", f = "slx", y = "slm", k = "sls", x = "slb", F = "sla", L = "slk", g = "slh", D = "slf", e = {
+  root: N,
+  xshell: f,
+  main: y,
+  sidebar: k,
+  body: x,
+  aside: F,
+  kept: L,
+  header: g,
+  footer: D
+}, E = ["header", "footer", "sidebar"];
+function c(t, n) {
+  return (t ?? E).includes(n);
+}
+function I({
+  sidebar: t,
+  header: n,
+  footer: s,
+  fixed: o,
+  children: b,
+  className: r,
+  ...i
+}) {
+  const m = n != null && c(o, "header"), d = s != null && c(o, "footer"), h = t != null && c(o, "sidebar"), u = (o ?? E).length > 0, v = /* @__PURE__ */ l.createElement("main", { className: e.main }, n != null && !m ? n : null, b, s != null && !d ? s : null), p = /* @__PURE__ */ l.createElement(l.Fragment, null, m ? /* @__PURE__ */ l.createElement("div", { className: e.header }, n) : null, v, d ? /* @__PURE__ */ l.createElement("div", { className: e.footer }, s) : null);
+  return t != null ? /* @__PURE__ */ l.createElement("div", { className: a(e.root, e.sidebar, u && e.xshell, r), ...i }, /* @__PURE__ */ l.createElement("div", { className: a(e.aside, h && e.kept) }, t), /* @__PURE__ */ l.createElement("div", { className: e.body }, p)) : /* @__PURE__ */ l.createElement("div", { className: a(e.root, u && e.xshell, r), ...i }, p);
+}
+export {
+  I as L
+};

package/dist/Layout.css

@@ -1 +1 @@
-@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.clx{height:var(--layout-height, 100dvh);max-height:var(--layout-height, 100dvh);overflow:hidden}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.clr:not(.clx){height:auto;max-height:none;overflow:visible}.clr:not(.clx) .clm{overflow:visible;flex:0 1 auto;min-height:auto}.cls{flex-direction:row;align-items:stretch;gap:var(--layout-gap, 0)}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background, transparent);border-radius:var(--layout-main-radius, 0);box-shadow:var(--layout-main-shadow, none);border:var(--layout-main-border, none)}.clr:not(.clx) .clb{overflow:visible}.cla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width, 248px);width:var(--sidebar-width, 248px);min-width:0;min-height:0;align-self:stretch}.clk{overflow:hidden}.cla:not(.clk){overflow:auto}.cla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.cla{flex-basis:72px;width:72px}}.clh,.clf{flex:0 0 auto;min-width:0}}
+@layer elcrm-components{.slr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);margin:var(--layout-margin);padding:var(--layout-padding);max-width:var(--layout-max-width);gap:0}.slx{height:var(--layout-height);max-height:var(--layout-height);overflow:hidden}.slm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.slr:not(.slx){height:auto;max-height:none;overflow:visible}.slr:not(.slx) .slm{overflow:visible;flex:0 1 auto;min-height:auto}.sls{flex-direction:row;align-items:stretch;gap:var(--layout-gap)}.slb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:var(--layout-main-background);border-radius:var(--layout-main-radius);box-shadow:var(--layout-main-shadow);border:var(--layout-main-border)}.slr:not(.slx) .slb{overflow:visible}.sla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:0;min-height:0;align-self:stretch}.slk{overflow:hidden}.sla:not(.slk){overflow:auto}.sla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.sla{flex-basis:72px;width:72px}}.slh,.slf{flex:0 0 auto;min-width:0}}

package/dist/Layout.d.ts

@@ -18,7 +18,7 @@ export type LayoutFixedSlot = "header" | "footer" | "sidebar";
  * ```tsx
  * <Layout
  *   fixed={["header", "footer", "sidebar"]}
- *   sidebar={<Sidebar groups={groups} value={page} onSelect={setPage} />}
+ *   sidebar={<Sidebar groups={groups} value={page} onValueChange={setPage} />}
  *   header={<Header brand="App" />}
  *   footer={<Footer>© elCRM</Footer>}
  * >

package/dist/Layout.js

@@ -1,4 +1,4 @@
-import { L as r } from "./Layout-mi6Ghayv.js";
+import { L as r } from "./Layout-CzEGKl9s.js";
 export {
   r as Layout
 };