@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/Calendar/utils.js

@@ -0,0 +1,38 @@
+import { j as s } from "../../chunks/vendor-BlJo2ILB.js";
+import { globalLimitRange as f, headerDateFormat as i } from "../../consts/DateConst.js";
+import { ECalendarViewMode as a } from "./enums.js";
+function Y(e, r) {
+  return e ? typeof e == "string" ? s(e, r) : e : null;
+}
+function c(e, r) {
+  let t;
+  return r && r.isValid() ? t = r : e && e.isValid() ? t = e : t = s(), t.format(i);
+}
+function l(e, r) {
+  const t = e || s();
+  switch (r) {
+    case a.DAYS:
+      return c(t);
+    case a.MONTHS:
+      return t.clone().format("YYYY");
+    case a.YEARS: {
+      const o = t.clone().add(-5, "y").format("YYYY"), n = t.clone().add(6, "y").format("YYYY");
+      return `${o} - ${n}`;
+    }
+  }
+}
+function y(e, r, t) {
+  const o = r.dateFrom || f.dateFrom, n = r.dateTo || f.dateTo;
+  return e.isBefore(o, t) || e.isAfter(n, t);
+}
+function D(e, r) {
+  return r === void 0 ? !1 : r.includes(e);
+}
+export {
+  l as formatDate,
+  c as getHeader,
+  y as isDateOutOfRange,
+  D as isDayDisabled,
+  Y as parsePickedDate
+};
+//# sourceMappingURL=utils.js.map

package/components/Card/CardAction.js

@@ -1,17 +1,17 @@
-var y = Object.defineProperty;
-var R = (c, i, e) => i in c ? y(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
-import { jsx as T } from "react/jsx-runtime";
+var b = Object.defineProperty;
+var y = (c, i, e) => i in c ? b(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var o = (c, i, e) => y(c, typeof i != "symbol" ? i + "" : i, e);
+import { jsx as R } from "react/jsx-runtime";
 import u from "react";
-import { CardContent as _ } from "./components/CardContent/CardContent.js";
-import { CardMedia as b } from "./components/CardMedia.js";
-import { ECardRoundingSize as M, ECardTheme as w } from "./enums.js";
+import { CardContent as T } from "./components/CardContent/CardContent.js";
+import { CardMedia as M } from "./components/CardMedia.js";
+import { ECardRoundingSize as w, ECardTheme as x } from "./enums.js";
 import { EFocusSource as r } from "../../enums/EFocusSource.js";
-import { mapCardRoundingSizeToCssClass as x, mapCardThemeToCssClass as K } from "./utils.js";
-import { isKey as f } from "../../utils/keyboard.js";
-import { c as k } from "../../chunks/vendor-CF2m175I.js";
-import { c as B } from "../../chunks/Card.module-C1gfsiyU.js";
-const O = "action__1a59cf44", F = "selected__51d341f6", V = "focusVisible__ddfa2513", a = {
+import { mapCardRoundingSizeToCssClass as K, mapCardThemeToCssClass as _ } from "./utils.js";
+import { isKey as p } from "../../utils/keyboard.js";
+import { c as k } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as B } from "../../chunks/Card.module-BxAU0ct3.js";
+const O = "action__823a5563", F = "selected__981bcb70", V = "focusVisible__91355044", a = {
   action: O,
   selected: F,
   focusVisible: V
@@ -35,7 +35,7 @@ class l extends u.Component {
     });
     o(this, "handleKeyDown", (e) => {
       const { onKeyDown: s } = this.props;
-      s == null || s(e), f(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : f(e.keyCode, "ENTER") && this.handleToggle();
+      s == null || s(e), p(e.keyCode, "SPACE") ? (e.preventDefault(), this.handleToggle()) : p(e.keyCode, "ENTER") && this.handleToggle();
     });
     o(this, "handleFocus", (e) => {
       const { onFocus: s } = this.props, { focusSource: t } = this.state, { current: n } = this.ref;
@@ -66,24 +66,24 @@ class l extends u.Component {
       onKeyDown: d,
       onFocus: h,
       onBlur: z,
-      roundingSize: p = M.MD,
+      roundingSize: f = w.MD,
       onToggle: A,
       selected: m,
       toggle: U,
-      theme: S = w.GENERAL,
+      theme: S = x.GENERAL,
       ...C
     } = this.props, { isControlled: E, isSelected: g, focusSource: D } = this.state, N = k(
       B.card,
       a.action,
-      K[S],
-      x[p],
+      _[S],
+      K[f],
       {
         [a.focusVisible]: D === r.KEYBOARD,
         [a.selected]: E ? !!m : g
       },
       s
     );
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ R(
       "div",
       {
         className: N,
@@ -96,13 +96,13 @@ class l extends u.Component {
         role: "button",
         ...C,
         ref: this.ref,
-        "data-tx": "0.1.8",
+        "data-tx": "0.10.0",
         children: e
       }
     );
   }
 }
-o(l, "displayName", "CardAction"), o(l, "Content", _), o(l, "Media", b);
+o(l, "displayName", "CardAction"), o(l, "Content", T), o(l, "Media", M);
 export {
   l as CardAction
 };

package/components/Card/CardStatic.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { CardContent as s } from "./components/CardContent/CardContent.js";
 import { CardMedia as e } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass as C, mapCardThemeToCssClass as p } from "./utils.js";
-import { c } from "../../chunks/vendor-CF2m175I.js";
-import { c as n } from "../../chunks/Card.module-C1gfsiyU.js";
+import { c } from "../../chunks/vendor-BlJo2ILB.js";
+import { c as n } from "../../chunks/Card.module-BxAU0ct3.js";
 import { ECardRoundingSize as f, ECardTheme as l } from "./enums.js";
 const a = ({
   children: r,
@@ -21,7 +21,7 @@ const a = ({
       o
     ),
     ...d,
-    "data-tx": "0.1.8",
+    "data-tx": "0.10.0",
     children: r
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -3,8 +3,8 @@ import { CardContentBody as C } from "./components/CardContentBody.js";
 import { CardContentHeader as i } from "./components/CardContentHeader.js";
 import { CardContentFooter as s } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize as t } from "../../enums.js";
-import { c as p } from "../../../../chunks/vendor-CF2m175I.js";
-import { c as r } from "../../../../chunks/Card.module-C1gfsiyU.js";
+import { c as p } from "../../../../chunks/vendor-BlJo2ILB.js";
+import { c as r } from "../../../../chunks/Card.module-BxAU0ct3.js";
 const c = {
   [t.MD]: r.paddingMD,
   [t.SM]: r.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as d } from "../../../../../chunks/vendor-CF2m175I.js";
-import { c as s } from "../../../../../chunks/Card.module-C1gfsiyU.js";
+import { c as d } from "../../../../../chunks/vendor-BlJo2ILB.js";
+import { c as s } from "../../../../../chunks/Card.module-BxAU0ct3.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: d(s.cardContentBody, t), ...r, children: o });
 m.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../../../../chunks/vendor-CF2m175I.js";
-import { c as s } from "../../../../../chunks/Card.module-C1gfsiyU.js";
+import { c as e } from "../../../../../chunks/vendor-BlJo2ILB.js";
+import { c as s } from "../../../../../chunks/Card.module-BxAU0ct3.js";
 const m = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("div", { className: e(s.cardContentFooter, t), ...r, children: o });
 m.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../../../chunks/vendor-CF2m175I.js";
-import { c as d } from "../../../../../chunks/Card.module-C1gfsiyU.js";
+import { c as o } from "../../../../../chunks/vendor-BlJo2ILB.js";
+import { c as d } from "../../../../../chunks/Card.module-BxAU0ct3.js";
 const s = ({ children: r, className: a, ...e }) => /* @__PURE__ */ t("div", { className: o(d.cardContentHeader, a), ...e, children: r });
 s.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
-import { c as m } from "../../../chunks/Card.module-C1gfsiyU.js";
+import { c as e } from "../../../chunks/vendor-BlJo2ILB.js";
+import { c as m } from "../../../chunks/Card.module-BxAU0ct3.js";
 const o = ({ children: a, className: r, ...s }) => {
   const c = e(m.cardMedia, r);
   return /* @__PURE__ */ d("div", { className: c, ...s, children: a });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize as r, ECardTheme as s } from "./enums.js";
-import { c as o } from "../../chunks/Card.module-C1gfsiyU.js";
+import { c as o } from "../../chunks/Card.module-BxAU0ct3.js";
 const e = {
   [r.MD]: o.roundingMD,
   [r.SM]: o.roundingSM

package/components/CarouselExtended/CarouselExtended.js

@@ -0,0 +1,48 @@
+import { jsxs as p, jsx as b } from "react/jsx-runtime";
+import C, { useState as w, useRef as D, useCallback as L, useEffect as d } from "react";
+import { l as M, c as S } from "../../chunks/vendor-BlJo2ILB.js";
+import { scrollSmoothHorizontally as c } from "../../utils/scroll.js";
+const R = "carouselExtended__470af6a9", k = {
+  carouselExtended: R
+}, y = C.forwardRef(
+  ({ children: l, buttonPrev: a, buttonNext: i, stepPrev: u, stepNext: f, ...h }, s) => {
+    const [o, m] = w({ hidden: !0, nextDisabled: !1, prevDisabled: !0 }), r = D(null), t = L(() => {
+      const e = r.current, n = {
+        hidden: e.scrollWidth == e.clientWidth,
+        nextDisabled: Math.round(e.scrollLeft) + e.offsetWidth >= e.scrollWidth,
+        prevDisabled: Math.round(e.scrollLeft) <= 0
+      };
+      M.isEqual(n, o) == !1 && m(n);
+    }, [o]);
+    d(() => (window.addEventListener("resize", t), document.addEventListener("scroll", t), () => {
+      window.removeEventListener("resize", t), document.removeEventListener("scroll", t);
+    }), [t]), d(() => {
+      t();
+    }, [l, t]);
+    const x = () => {
+      c(r.current, Math.floor(-u));
+    }, v = () => {
+      c(r.current, Math.ceil(f));
+    }, E = (e) => {
+      r.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+    };
+    return /* @__PURE__ */ p("div", { ...h, children: [
+      a({
+        disabled: o.prevDisabled,
+        hidden: o.hidden,
+        onClick: x
+      }),
+      /* @__PURE__ */ b("div", { className: S(k.carouselExtended), onScroll: t, ref: E, children: l }),
+      i({
+        disabled: o.nextDisabled,
+        hidden: o.hidden,
+        onClick: v
+      })
+    ] });
+  }
+);
+y.displayName = "CarouselExtended";
+export {
+  y as CarouselExtended
+};
+//# sourceMappingURL=CarouselExtended.js.map

package/components/CarouselExtended/index.js

@@ -0,0 +1,5 @@
+import { CarouselExtended as r } from "./CarouselExtended.js";
+export {
+  r as CarouselExtended
+};
+//# sourceMappingURL=index.js.map

package/components/Checkbox/Checkbox.js

@@ -1,32 +1,50 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import p from "react";
-import { CheckboxbulkStrokeSrvIcon24 as I, CheckboxtickStrokeSrvIcon24 as f } from "@sberbusiness/icons-next";
-import { ECheckboxSize as N } from "./enum.js";
-import { c as l } from "../../chunks/vendor-CF2m175I.js";
-const u = "label__a2284879", y = "md__0872e077", C = "lg__f02517d4", S = "nonempty__ca5b8c2d", g = "disabled__7dc5ab85", j = "checkbox__8f6aa491", v = "checkboxIcon__0069ec17", z = "checkmarkIcon__6f0cfe58", c = {
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import N from "react";
+import { CheckboxbulkStrokeSrvIcon24 as S, CheckboxtickStrokeSrvIcon24 as z } from "@sberbusiness/icons-next";
+import "../Typography/Title.js";
+import { Text as C } from "../Typography/Text.js";
+import "../Typography/Caption.js";
+import { ETextSize as n } from "../Typography/enums.js";
+import { EComponentSize as s } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as y } from "../../utils/classNameMaps.js";
+import { c as l } from "../../chunks/vendor-BlJo2ILB.js";
+const u = "label__d412966d", M = "sm__24a201eb", T = "nonempty__498d9cab", g = "md__43592d98", B = "lg__69d39d5f", j = "disabled__3e1b88a8", v = "checkbox__992b41b5", D = "checkboxIcon__a4e80f8f", E = "checkmarkIcon__e022aeaf", e = {
   label: u,
-  md: y,
-  lg: C,
-  nonempty: S,
-  disabled: g,
-  checkbox: j,
-  checkboxIcon: v,
-  checkmarkIcon: z
-}, R = p.forwardRef((m, r) => {
-  const { children: s, className: k, disabled: a, bulk: b, labelAttributes: e, size: n = N.MD, ...d } = m, h = l(c.checkbox, k, c[n]), x = l(
-    c.label,
-    c[n],
-    { [c.disabled]: !!a, [c.nonempty]: !!s },
-    e == null ? void 0 : e.className
-  ), i = () => {
-    const t = c.checkmarkIcon;
-    return b ? /* @__PURE__ */ o(I, { className: t, paletteIndex: 7 }) : /* @__PURE__ */ o(f, { className: t, paletteIndex: 7 });
+  sm: M,
+  nonempty: T,
+  md: g,
+  lg: B,
+  disabled: j,
+  checkbox: v,
+  checkboxIcon: D,
+  checkmarkIcon: E
+}, L = {
+  [s.LG]: n.B2,
+  [s.MD]: n.B3,
+  [s.SM]: n.B4
+}, b = y(e), R = N.forwardRef((i, k) => {
+  const {
+    children: a,
+    className: d,
+    disabled: m,
+    bulk: p,
+    labelAttributes: o,
+    size: t = s.MD,
+    ...x
+  } = i, h = l(e.checkbox, d, b[t]), _ = l(
+    e.label,
+    b[t],
+    { [e.disabled]: !!m, [e.nonempty]: !!a },
+    o == null ? void 0 : o.className
+  ), f = () => {
+    const r = e.checkmarkIcon;
+    return p ? /* @__PURE__ */ c(S, { className: r, paletteIndex: 7 }) : /* @__PURE__ */ c(z, { className: r, paletteIndex: 7 });
   };
-  return /* @__PURE__ */ _("label", { ...e, className: x, "data-tx": "0.1.8", children: [
-    /* @__PURE__ */ o("input", { type: "checkbox", className: h, disabled: a, ...d, ref: r }),
-    /* @__PURE__ */ o("span", { className: c.checkboxIcon }),
-    i(),
-    s
+  return /* @__PURE__ */ I("label", { ...o, className: _, "data-tx": "0.10.0", children: [
+    /* @__PURE__ */ c("input", { type: "checkbox", className: h, disabled: m, ...x, ref: k }),
+    /* @__PURE__ */ c("span", { className: e.checkboxIcon }),
+    f(),
+    a && /* @__PURE__ */ c(C, { size: L[t], children: a })
   ] });
 });
 R.displayName = "Checkbox";

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as a } from "../../chunks/vendor-CF2m175I.js";
-const r = "checkboxXGroup__112344eb", _ = "label__a2284879", e = {
-  checkboxXGroup: r,
-  "indent-12": "indent-12__fb680a2d",
+import { c as r } from "../../chunks/vendor-BlJo2ILB.js";
+const a = "checkboxXGroup__207f5ca5", _ = "label__d412966d", e = {
+  checkboxXGroup: a,
+  "indent-12": "indent-12__dc38754b",
   label: _,
-  "indent-16": "indent-16__ff225633",
-  "indent-20": "indent-20__8adc92e5",
-  "indent-24": "indent-24__a00f79c7",
-  "indent-28": "indent-28__332019ae",
-  "indent-32": "indent-32__4bae2eb8"
+  "indent-16": "indent-16__082ae569",
+  "indent-20": "indent-20__03a3d381",
+  "indent-24": "indent-24__ae8f0de6",
+  "indent-28": "indent-28__21945247",
+  "indent-32": "indent-32__b53f529d"
 }, l = (n) => {
-  const { children: t, className: o, indent: c = 12, ...s } = n, d = a(e.checkboxXGroup, e[`indent-${c}`], o);
-  return /* @__PURE__ */ i("div", { className: d, role: "group", ...s, children: t });
+  const { children: t, className: o, indent: c = 12, ...d } = n, s = r(e.checkboxXGroup, e[`indent-${c}`], o);
+  return /* @__PURE__ */ i("div", { className: s, role: "group", ...d, children: t });
 };
 l.displayName = "CheckboxXGroup";
 export {

package/components/Checkbox/CheckboxYGroup.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
-import { c as t } from "../../chunks/vendor-CF2m175I.js";
-const a = "checkboxYGroup__b60112df", x = {
+import { c as t } from "../../chunks/vendor-BlJo2ILB.js";
+const a = "checkboxYGroup__e3487945", x = {
   checkboxYGroup: a
 }, l = (o) => {
-  const { children: c, className: s, ...r } = o, e = t(x.checkboxYGroup, s);
-  return /* @__PURE__ */ p("div", { className: e, role: "group", ...r, children: c });
+  const { children: c, className: s, ...e } = o, r = t(x.checkboxYGroup, s);
+  return /* @__PURE__ */ p("div", { className: r, role: "group", ...e, children: c });
 };
 l.displayName = "CheckboxYGroup";
 export {

package/components/Checkbox/index.js

@@ -1,11 +1,9 @@
 import { Checkbox as e } from "./Checkbox.js";
-import { ECheckboxSize as p } from "./enum.js";
-import { CheckboxXGroup as c } from "./CheckboxXGroup.js";
-import { CheckboxYGroup as h } from "./CheckboxYGroup.js";
+import { CheckboxXGroup as p } from "./CheckboxXGroup.js";
+import { CheckboxYGroup as c } from "./CheckboxYGroup.js";
 export {
   e as Checkbox,
-  c as CheckboxXGroup,
-  h as CheckboxYGroup,
-  p as ECheckboxSize
+  p as CheckboxXGroup,
+  c as CheckboxYGroup
 };
 //# sourceMappingURL=index.js.map

package/components/CheckboxTree/CheckboxTree.js

@@ -0,0 +1,39 @@
+import { jsx as n } from "react/jsx-runtime";
+import { CheckboxTreeExtended as t } from "../CheckboxTreeExtended/CheckboxTreeExtended.js";
+import { checkChildrenCheckboxes as f, traverseCheckboxes as g, checkParentCheckboxes as T } from "./utils.js";
+const h = ({ checkboxes: e, onChange: N }) => {
+  const p = (d) => (r) => {
+    const { checked: i } = r.target;
+    d.checked = d.bulk ? !0 : i, f(d), g(e, T), N([...e]);
+  }, a = (d, r, i) => /* @__PURE__ */ n(
+    t.Node,
+    {
+      id: d.id,
+      checkbox: (l) => /* @__PURE__ */ n(
+        t.Checkbox,
+        {
+          ...l,
+          onChange: p(d),
+          bulk: d.bulk,
+          checked: d.checked,
+          children: d.label
+        }
+      ),
+      prevNodeId: r == null ? void 0 : r.id,
+      nextNodeId: i == null ? void 0 : i.id,
+      children: d.children && d.children.map(
+        (l, m) => {
+          var s, u;
+          return a(l, (s = d.children) == null ? void 0 : s[m - 1], (u = d.children) == null ? void 0 : u[m + 1]);
+        }
+      )
+    },
+    d.id
+  );
+  return /* @__PURE__ */ n(t, { children: e.map((d, r) => a(d, e[r - 1], e[r + 1])) });
+};
+h.displayName = "CheckboxTree";
+export {
+  h as CheckboxTree
+};
+//# sourceMappingURL=CheckboxTree.js.map

package/components/CheckboxTree/index.js

@@ -0,0 +1,5 @@
+import { CheckboxTree as r } from "./CheckboxTree.js";
+export {
+  r as CheckboxTree
+};
+//# sourceMappingURL=index.js.map

package/components/CheckboxTree/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/CheckboxTree/utils.js

@@ -0,0 +1,22 @@
+const d = (e, r) => {
+  e.forEach((l) => {
+    l.children && d(l.children, r), r(l);
+  });
+}, t = (e) => {
+  if (!e.children)
+    return;
+  let r = 0, l = 0;
+  e.children.forEach((n) => {
+    n.checked && r++, n.bulk && l++;
+  }), r === e.children.length ? (e.checked = !0, e.bulk = l !== 0) : r > 0 ? (e.checked = !0, e.bulk = !0) : e.checked = !1;
+}, h = (e) => {
+  e.children && e.children.forEach((r) => {
+    r.checked = e.checked, h(r);
+  });
+};
+export {
+  h as checkChildrenCheckboxes,
+  t as checkParentCheckboxes,
+  d as traverseCheckboxes
+};
+//# sourceMappingURL=utils.js.map

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -0,0 +1,14 @@
+import { jsx as x } from "react/jsx-runtime";
+import { CollapsableTree as m } from "../CollapsableTree/CollapsableTree.js";
+import { CheckboxTreeExtendedCheckbox as t } from "./components/CheckboxTreeExtendedCheckbox.js";
+import { CheckboxTreeExtendedNode as d } from "./components/CheckboxTreeExtendedNode.js";
+import { c } from "../../chunks/vendor-BlJo2ILB.js";
+import { s } from "../../chunks/CheckboxTreeExtended.module-8H0Dgq8c.js";
+const e = ({ className: o, ...r }) => /* @__PURE__ */ x(m, { className: c(s.checkboxTreeExtended, o), ...r });
+e.displayName = "CheckboxTreeExtended";
+e.Checkbox = t;
+e.Node = d;
+export {
+  e as CheckboxTreeExtended
+};
+//# sourceMappingURL=CheckboxTreeExtended.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -0,0 +1,53 @@
+var a = Object.defineProperty;
+var c = (r, o, e) => o in r ? a(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
+var n = (r, o, e) => c(r, typeof o != "symbol" ? o + "" : o, e);
+import { jsx as p } from "react/jsx-runtime";
+import { CaretdownStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
+import { EVENT_KEY_CODES as i } from "../../../utils/keyboard.js";
+import h from "react";
+import { s as m } from "../../../chunks/CheckboxTreeExtended.module-8H0Dgq8c.js";
+class x extends h.Component {
+  constructor() {
+    super(...arguments);
+    n(this, "arrowNode");
+    n(this, "setArrowNode", (e) => {
+      this.arrowNode = e;
+    });
+    n(this, "handleClick", () => {
+      const { opened: e, toggle: t } = this.props;
+      t(!e);
+    });
+    /**
+     * Обработчик нажатия клавиш.
+     * Стрелка вправо - раскрыть, влево - свернуть.
+     * Enter, space - изменить состояние на противоположное.
+     */
+    n(this, "handleKeyUp", (e) => {
+      const { opened: t, toggle: s } = this.props;
+      e.keyCode === i.ARROW_RIGHT ? s(!0) : e.keyCode === i.ARROW_LEFT ? s(!1) : [i.ENTER, i.SPACE].includes(e.keyCode) && s(!t);
+    });
+  }
+  componentDidUpdate(e) {
+    var d;
+    const { active: t } = this.props, { active: s } = e;
+    t && !s && ((d = this.arrowNode) == null || d.focus());
+  }
+  render() {
+    return /* @__PURE__ */ p(
+      "span",
+      {
+        className: m.caretIconWrapper,
+        onClick: this.handleClick,
+        onKeyUp: this.handleKeyUp,
+        ref: this.setArrowNode,
+        role: "button",
+        tabIndex: -1,
+        children: /* @__PURE__ */ p(l, { paletteIndex: 0 })
+      }
+    );
+  }
+}
+export {
+  x as CheckboxTreeExtendedArrow
+};
+//# sourceMappingURL=CheckboxTreeExtendedArrow.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -0,0 +1,40 @@
+var n = Object.defineProperty;
+var x = (c, o, e) => o in c ? n(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
+var s = (c, o, e) => x(c, typeof o != "symbol" ? o + "" : o, e);
+import { jsx as b } from "react/jsx-runtime";
+import m from "react";
+import { Checkbox as d } from "../../Checkbox/Checkbox.js";
+import { c as p } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as a } from "../../../chunks/CheckboxTreeExtended.module-8H0Dgq8c.js";
+class v extends m.Component {
+  constructor() {
+    super(...arguments);
+    s(this, "checkboxNode");
+    s(this, "handleFocus", (e) => {
+    });
+    s(this, "setCheckboxNode", (e) => {
+      this.checkboxNode = e;
+    });
+  }
+  componentDidUpdate(e) {
+    var t, i;
+    const { active: r } = this.props, { active: h } = e;
+    r && !h && ((t = document.activeElement) != null && t.contains(this.checkboxNode) || (i = this.checkboxNode) == null || i.focus());
+  }
+  render() {
+    const { active: e, className: r, opened: h, ...t } = this.props;
+    return /* @__PURE__ */ b(
+      d,
+      {
+        className: p(a.checkboxTreeCheckbox, r),
+        ref: this.setCheckboxNode,
+        labelAttributes: { className: a.checkboxTreeCheckboxLabel, onFocus: this.handleFocus },
+        ...t
+      }
+    );
+  }
+}
+export {
+  v as CheckboxTreeExtendedCheckbox
+};
+//# sourceMappingURL=CheckboxTreeExtendedCheckbox.js.map

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -0,0 +1,50 @@
+var a = Object.defineProperty;
+var i = (o, r, e) => r in o ? a(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e;
+var d = (o, r, e) => i(o, typeof r != "symbol" ? r + "" : r, e);
+import { jsx as p, jsxs as l } from "react/jsx-runtime";
+import h from "react";
+import { CollapsableTree as m } from "../../CollapsableTree/CollapsableTree.js";
+import { isStaticCheckboxTreeExtended as x } from "../isStaticCheckboxTreeExtended.js";
+import { c as u } from "../../../chunks/vendor-BlJo2ILB.js";
+import "./CheckboxTreeExtendedArrow.js";
+import { s as n } from "../../../chunks/CheckboxTreeExtended.module-8H0Dgq8c.js";
+class D extends h.Component {
+  constructor() {
+    super(...arguments);
+    d(this, "handleHeaderMouseDown", (e) => {
+      e.target === e.currentTarget && e.preventDefault();
+    });
+    d(this, "renderHeader", ({ activeNode: e, opened: s, toggle: c }) => {
+      const { checkbox: t, children: b } = this.props;
+      return /* @__PURE__ */ l(
+        "div",
+        {
+          className: u(n.checkboxTreeExtendedNodeHeader, { opened: s }),
+          onMouseDown: this.handleHeaderMouseDown,
+          children: [
+            !x,
+            t({ active: e, opened: !0 })
+          ]
+        }
+      );
+    });
+    d(this, "renderBody", () => this.props.children);
+  }
+  render() {
+    const { children: e, checkbox: s, opened: c, ...t } = this.props;
+    return /* @__PURE__ */ p(
+      m.Node,
+      {
+        className: n.checkboxTreeExtendedNode,
+        opened: !0,
+        renderHeader: this.renderHeader,
+        renderBody: this.renderBody,
+        ...t
+      }
+    );
+  }
+}
+export {
+  D as CheckboxTreeExtendedNode
+};
+//# sourceMappingURL=CheckboxTreeExtendedNode.js.map

package/components/CheckboxTreeExtended/index.js

@@ -0,0 +1,5 @@
+import { CheckboxTreeExtended as r } from "./CheckboxTreeExtended.js";
+export {
+  r as CheckboxTreeExtended
+};
+//# sourceMappingURL=index.js.map