@sberbusiness/triplex-next 1.2.0 → 1.4.0

package/components/TabsLine/TabsLine.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as f } from "../../chunks/vendor-CehxOAkM.js";
+import { c as f } from "../../chunks/vendor-Ba_pyhza.js";
 import { MobileView as n } from "../MobileView/MobileView.js";
 import { TabsLineDesktop as b } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile as c } from "./components/TabsLineMobile.js";
-import { s as d } from "../../chunks/TabsLine.module-Dlj__Yjk.js";
+import { s as d } from "../../chunks/TabsLine.module-DKAp48Sx.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -3,8 +3,8 @@ import { useState as D, useRef as T, useEffect as N } from "react";
 import { TabsLineDropdown as S } from "./TabsLineDropdown.js";
 import { TabsLineItem as k } from "./TabsLineItem.js";
 import { isKey as u } from "../../../utils/keyboard.js";
-import { l as L } from "../../../chunks/vendor-CehxOAkM.js";
-import { s as J } from "../../../chunks/TabsLine.module-Dlj__Yjk.js";
+import { l as L } from "../../../chunks/vendor-Ba_pyhza.js";
+import { s as J } from "../../../chunks/TabsLine.module-DKAp48Sx.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -3,12 +3,12 @@ var R = (c, i, e) => i in c ? N(c, i, { enumerable: !0, configurable: !0, writab
 var o = (c, i, e) => R(c, typeof i != "symbol" ? i + "" : i, e);
 import { jsxs as w, jsx as a } from "react/jsx-runtime";
 import m, { createElement as I } from "react";
-import { a as T, c as h } from "../../../chunks/vendor-CehxOAkM.js";
+import { a as T, c as h } from "../../../chunks/vendor-Ba_pyhza.js";
 import { Dropdown as v } from "../../Dropdown/Dropdown.js";
 import { DropdownListContext as S } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as D } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-B1GkU8rn.js";
+import "../../../chunks/DropdownListItem-D2hzyBGc.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,9 +21,9 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as k } from "../../../enums/EComponentSize.js";
-import b from "@sberbusiness/icons-next/CaretdownStrokeSrvIcon16";
+import { CaretdownStrokeSrvIcon16 as b } from "@sberbusiness/icons-next";
 import { isKey as p } from "../../../utils/keyboard.js";
-import { s as t } from "../../../chunks/TabsLine.module-Dlj__Yjk.js";
+import { s as t } from "../../../chunks/TabsLine.module-DKAp48Sx.js";
 import { createSizeToClassNameMap as O } from "../../../utils/classNameMaps.js";
 const A = O(t);
 class te extends m.PureComponent {

package/components/TabsLine/components/TabsLineItem.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import c, { createElement as p } from "react";
-import { c as l } from "../../../chunks/vendor-CehxOAkM.js";
-import { s as a } from "../../../chunks/TabsLine.module-Dlj__Yjk.js";
+import { c as l } from "../../../chunks/vendor-Ba_pyhza.js";
+import { s as a } from "../../../chunks/TabsLine.module-DKAp48Sx.js";
 import { EComponentSize as f } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as b } from "../../../utils/classNameMaps.js";
 const N = b(a), T = c.forwardRef(

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,19 +1,19 @@
 import { jsx as n } from "react/jsx-runtime";
-import { TabsLineItem as c } from "./TabsLineItem.js";
-const p = "tabsLineMobileWrapper__13384722", d = "tabsLineMobile__b1aa8980", l = {
-  tabsLineMobileWrapper: p,
-  tabsLineMobile: d
-}, u = ({ onChangeTab: r, selectedId: a, tabs: i }) => {
+import { TabsLineItem as t } from "./TabsLineItem.js";
+const d = "tabsLineMobileWrapper__483d4ce3", p = "tabsLineMobile__ca022d18", l = {
+  tabsLineMobileWrapper: d,
+  tabsLineMobile: p
+}, u = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const o = ({ selected: L, ...e }) => {
-    const b = (t) => {
+  const a = ({ selected: L, ...e }) => {
+    const b = (c) => {
       var s;
-      r(e.id), (s = e.onClick) == null || s.call(e, t);
+      r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(c, { selected: a === e.id, ...e, onClick: b }, e.id);
+    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
   };
-  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(o) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
 };
 export {
   u as TabsLineMobile

package/components/Tag/Tag.js

@@ -0,0 +1,70 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import D, { useCallback as S } from "react";
+import { c as E } from "../../chunks/vendor-Ba_pyhza.js";
+import { EditStrokeSrvIcon24 as L, EditStrokeSrvIcon20 as N, EditStrokeSrvIcon16 as v, CrossStrokeSrvIcon24 as y, CrossStrokeSrvIcon20 as z, CrossStrokeSrvIcon16 as G } from "@sberbusiness/icons-next";
+import { Text as h } from "../Typography/Text.js";
+import { ETextSize as I, EFontType as _ } from "../Typography/enums.js";
+import { ButtonIcon as T } from "../Button/ButtonIcon.js";
+import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+const A = "tag__e5da6a0e", R = "sm__19da04d7", w = "md__2b874a84", F = "lg__b6a87358", P = "content__6f0bb8df", l = {
+  tag: A,
+  sm: R,
+  md: w,
+  lg: F,
+  content: P
+}, Y = j(l), b = {
+  [e.SM]: I.B4,
+  [e.MD]: I.B3,
+  [e.LG]: I.B2
+}, q = {
+  [e.SM]: /* @__PURE__ */ o(v, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(N, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(L, { paletteIndex: 5 })
+}, H = {
+  [e.SM]: /* @__PURE__ */ o(G, { paletteIndex: 5 }),
+  [e.MD]: /* @__PURE__ */ o(z, { paletteIndex: 5 }),
+  [e.LG]: /* @__PURE__ */ o(y, { paletteIndex: 5 })
+}, $ = D.forwardRef(
+  ({ children: f, id: s, className: u, size: r, disabled: n, onRemove: a, onEdit: c, removeButtonProps: x, editButtonProps: M, ...g }, C) => {
+    const k = S(() => {
+      const t = n ? _.DISABLED : _.PRIMARY;
+      return /* @__PURE__ */ o(h, { className: l.content, type: t, size: b[r], children: f });
+    }, [f, r, n]), B = S(() => {
+      const { onClick: t, ...m } = M || {};
+      return /* @__PURE__ */ o(
+        T,
+        {
+          disabled: n,
+          onClick: (p) => {
+            c == null || c(s), t == null || t(p);
+          },
+          ...m,
+          children: q[r]
+        }
+      );
+    }, [s, r, n, M, c]), d = S(() => {
+      const { onClick: t, ...m } = x || {};
+      return /* @__PURE__ */ o(
+        T,
+        {
+          disabled: n,
+          onClick: (p) => {
+            a == null || a(s), t == null || t(p);
+          },
+          ...m,
+          children: H[r]
+        }
+      );
+    }, [s, r, n, x, a]);
+    return /* @__PURE__ */ i("span", { className: E(l.tag, Y[r], u), ...g, ref: C, children: [
+      k(),
+      c && B(),
+      d()
+    ] });
+  }
+);
+export {
+  $ as Tag
+};
+//# sourceMappingURL=Tag.js.map

package/components/Tag/index.js

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

package/components/Tag/types.js

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

package/components/TagGroup/TagGroup.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { c } from "../../chunks/vendor-Ba_pyhza.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const l = "tagGroup__ab1b8190", _ = "sm__8f95e7bf", g = "md__1aaaf24e", i = "lg__93a79982", o = {
+  tagGroup: l,
+  sm: _,
+  md: g,
+  lg: i
+}, n = f(o), x = p.forwardRef(
+  ({ children: a, className: s, size: t, ...r }, m) => /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(o.tagGroup, n[t], s),
+      role: "group",
+      ...r,
+      ref: m,
+      children: a
+    }
+  )
+);
+export {
+  x as TagGroup
+};
+//# sourceMappingURL=TagGroup.js.map

package/components/TagGroup/index.js

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

package/components/TagGroup/types.js

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

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-n8Ee4EcP.js";
+import { F as r } from "../../chunks/FormFieldInput-CO7yZP0Q.js";
 import { TextFieldBase as t } from "./TextFieldBase.js";
 const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
 m.displayName = "TextField";

package/components/TextareaField/TextareaField.js

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-CO7yZP0Q.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import { FormFieldTextarea as m } from "../FormField/components/FormFieldTextarea.js";
+const j = ({ textareaProps: o, ...t }) => /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(m, { ...o }) });
+export {
+  j as TextareaField
+};
+//# sourceMappingURL=TextareaField.js.map

package/components/TextareaField/index.js

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

package/components/TextareaField/types.js

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

package/components/ThemeProvider/ThemeProvider.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useState as c, useEffect as i } from "react";
-import { o as x, q as d, s as f } from "../../chunks/vendor-CehxOAkM.js";
+import { q as x, s as d, w as f } from "../../chunks/vendor-Ba_pyhza.js";
 import { DesignTokenUtils as S } from "../DesignTokens/DesignTokenUtils.js";
 import { ThemeProviderView as h } from "./components/ThemeProviderView.js";
 import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
-const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, w = ({
+const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, g = ({
   children: t,
   scopeClassName: o,
   scopeRef: n,
@@ -23,6 +23,6 @@ const m = (t) => `${t}${Date.now()}${Math.floor(Math.random() * 1e6)}`, w = ({
   }, [e, r, s]), i(() => () => f(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ l(h, { scopeClassName: e, scopeRef: n, theme: r, tokens: s, children: t });
 };
 export {
-  w as ThemeProvider
+  g as ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -6,7 +6,7 @@ import { DesignTokensCore as D } from "../../DesignTokens/DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as d } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as v } from "../../DesignTokens/DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as x } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { h as g } from "../../../chunks/vendor-CehxOAkM.js";
+import { h as g } from "../../../chunks/vendor-Ba_pyhza.js";
 const I = ({
   children: s,
   scopeClassName: r,

package/components/Tooltip/components/common/TooltipBody.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import r from "react";
-import { c as s } from "../../../../chunks/vendor-CehxOAkM.js";
+import { c as s } from "../../../../chunks/vendor-Ba_pyhza.js";
 import { MobileView as a } from "../../../MobileView/MobileView.js";
 import { Text as l } from "../../../Typography/Text.js";
 import { ELineType as p, ETextSize as c } from "../../../Typography/enums.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-TiWl3v5C.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-D72ObNia.js";
 const d = r.forwardRef(({ className: m, ...i }, t) => {
   const e = s(f.tooltipBody, m);
   return /* @__PURE__ */ o(a, { fallback: /* @__PURE__ */ o("div", { className: e, ...i, ref: t }), children: /* @__PURE__ */ o(l, { className: e, size: c.B3, line: p.NORMAL, tag: "div", ...i, ref: t }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -1,28 +1,28 @@
 import { jsx as t } from "react/jsx-runtime";
-import a from "react";
-import { c as s } from "../../../../chunks/vendor-CehxOAkM.js";
+import s from "react";
+import { c as p } from "../../../../chunks/vendor-Ba_pyhza.js";
 import { MobileView as n } from "../../../MobileView/MobileView.js";
-const k = "tooltipLink__c86e865a", r = "desktop__f6ea0986", c = "mobile__ccf7d162", o = {
-  tooltipLink: k,
-  desktop: r,
-  mobile: c
-}, m = a.forwardRef(
-  ({ children: i, className: e, ...l }, p) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
+const c = "tooltipLink__ca8acc6a", k = "desktop__b9b441c9", r = "mobile__dc5fd737", o = {
+  tooltipLink: c,
+  desktop: k,
+  mobile: r
+}, m = s.forwardRef(
+  ({ children: i, className: e, ...a }, l) => /* @__PURE__ */ t(n, { fallback: /* @__PURE__ */ t(
     "a",
     {
-      className: s(o.tooltipLink, o.desktop, e),
-      ...l,
-      "data-tx": "1.2.0",
-      ref: p,
+      className: p(o.tooltipLink, o.desktop, e),
+      ...a,
+      "data-tx": "1.4.0",
+      ref: l,
       children: i
     }
   ), children: /* @__PURE__ */ t(
     "a",
     {
-      className: s(o.tooltipLink, o.mobile, e),
-      ...l,
-      "data-tx": "1.2.0",
-      ref: p,
+      className: p(o.tooltipLink, o.mobile, e),
+      ...a,
+      "data-tx": "1.4.0",
+      ref: l,
       children: i
     }
   ) })

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext as p } from "react";
 import { CrossStrokeSrvIcon16 as n } from "@sberbusiness/icons-next";
 import { TooltipContext as i } from "../../TootlipContext.js";
 import { ButtonIcon as l } from "../../../Button/ButtonIcon.js";
-import { s as f } from "../../../../chunks/TooltipDesktop.module-TiWl3v5C.js";
+import { s as f } from "../../../../chunks/TooltipDesktop.module-D72ObNia.js";
 const I = ({ onClick: t, ...r }) => {
   const { setTooltipOpen: e } = p(i), s = (m) => {
     e(!1), t == null || t(m);

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -3,13 +3,13 @@ var H = (p, a, i) => a in p ? _(p, a, { enumerable: !0, configurable: !0, writab
 var t = (p, a, i) => H(p, typeof a != "symbol" ? a + "" : a, i);
 import { jsxs as S, Fragment as P, jsx as x } from "react/jsx-runtime";
 import O from "react";
-import { i as M, c as $ } from "../../../../../chunks/vendor-CehxOAkM.js";
+import { i as M, c as $ } from "../../../../../chunks/vendor-Ba_pyhza.js";
 import { TooltipContext as X } from "../../../TootlipContext.js";
 import { Portal as Y } from "../../../../Portal/Portal.js";
 import { ETooltipPreferPlace as u, ETooltipDirection as B, ETooltipAlign as z, ETooltipFlowTypes as I, ETooltipSizeParameter as r, ETooltipTypeName as C, ETooltipEndCoordinates as N, ETooltipStartCoordinates as R, ETooltipAxesType as G, ETooltipSize as U } from "../../../enums.js";
 import { TooltipDesktopTip as V } from "./TooltipDesktopTip.js";
 import { pickZone as j, axes as q, calcRelPos as K, centerOfBoundsFromBounds as Z, calcBounds as L, equalCoords as J } from "../../../utils/Positioning.js";
-import { s as f } from "../../../../../chunks/TooltipDesktop.module-TiWl3v5C.js";
+import { s as f } from "../../../../../chunks/TooltipDesktop.module-D72ObNia.js";
 const Q = {
   column: "translateX",
   row: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import p from "react";
 import { ETooltipDirection as e } from "../../../enums.js";
-import { c } from "../../../../../chunks/vendor-CehxOAkM.js";
-import { s as t } from "../../../../../chunks/TooltipDesktop.module-TiWl3v5C.js";
+import { c } from "../../../../../chunks/vendor-Ba_pyhza.js";
+import { s as t } from "../../../../../chunks/TooltipDesktop.module-D72ObNia.js";
 const l = p.forwardRef((r, i) => {
   const { direction: s } = r;
   let o;

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,22 +5,22 @@ import { Portal as x } from "../../../Portal/Portal.js";
 import { DropdownMobile as _ } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as h } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton as y } from "./components/TooltipMobileCloseButton.js";
-import { c as B } from "../../../../chunks/vendor-CehxOAkM.js";
-const T = "tooltipMobile__ff86c150", g = "tooltipMobileContent__8f13188b", H = "headerless__0cb76d66", r = {
+import { c as B } from "../../../../chunks/vendor-Ba_pyhza.js";
+const T = "tooltipMobile__cd044b3c", g = "tooltipMobileContent__fd6829ce", H = "headerless__8cd0ef50", r = {
   tooltipMobile: T,
   tooltipMobileContent: g,
   headerless: H
 }, z = ({
   children: N,
-  className: p,
+  className: d,
   renderContainer: R,
   targetRef: j,
   disableAdaptiveMode: D,
   isOpen: o,
   onShow: t,
-  ...d
+  ...c
 }) => {
-  const { elements: e, setTooltipOpen: c } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, p);
+  const { elements: e, setTooltipOpen: p } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, d);
   M(() => {
     o && (t == null || t(i.current));
   }, [o]);
@@ -36,8 +36,8 @@ const T = "tooltipMobile__ff86c150", g = "tooltipMobileContent__8f13188b", H = "
         className: m,
         tabIndex: -1,
         opened: o,
-        setOpened: c,
-        ...d,
+        setOpened: p,
+        ...c,
         ref: i,
         children: [
           e.mobileHeader,

package/components/TreeView/TreeView.js

@@ -0,0 +1,88 @@
+var c = Object.defineProperty;
+var h = (r, d, e) => d in r ? c(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
+var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
+import { jsx as N } from "react/jsx-runtime";
+import { EVENT_KEY_CODES as u } from "../../utils/keyboard.js";
+import l from "react";
+import { TreeViewAbstractNodeUtils as i } from "./TreeViewAbstractNodeUtils.js";
+import { TreeViewContext as m } from "./TreeViewContext.js";
+import { TreeViewAbstractNode as C } from "./TreeViewAbstractNode.js";
+import { TreeViewNode as f } from "./components/TreeViewNode.js";
+import { TreeViewGroup as b } from "./components/TreeViewGroup.js";
+import { c as v } from "../../chunks/vendor-Ba_pyhza.js";
+const w = "rootNode";
+class n extends l.Component {
+  constructor(e) {
+    super(e);
+    s(this, "abstractRootNode");
+    s(this, "treeNode", null);
+    /**
+     * Обработка изменения контекста.
+     * Установка tabIndex={0} для первой ноды, и tabIndex={-1} для остальных.
+     */
+    s(this, "updateTabIndexNodes", () => {
+      const e = this.abstractRootNode.getChildren();
+      let t = !1;
+      e.forEach((o, a) => {
+        a === 0 && o.getTabIndex() !== 0 ? (o.setTabIndex(0), t = !0) : a !== 0 && o.getTabIndex() === 0 && (o.setTabIndex(-1), t = !0);
+      }), t && this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Добавляет ноду в родительскую ноду. */
+    s(this, "registerNode", (e, t, o, a) => {
+      t.addChild(e, o, a), this.updateTabIndexNodes(), this.setState(({ updateCount: p }) => ({ updateCount: p++ }));
+    });
+    /** Удаляет ноду из родительской ноды. */
+    s(this, "removeNode", (e) => {
+      var t;
+      (t = e.getParent()) == null || t.removeChild(e), this.updateTabIndexNodes();
+    });
+    /** Установка флага активности ноды. */
+    s(this, "setActiveNode", (e, t) => {
+      i.setActiveNode(e, this.abstractRootNode, t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Установка флага opened ноды. */
+    s(this, "setOpenedNode", (e, t) => {
+      e.setOpened(t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    });
+    /** Возвращает AbstractNode по id. */
+    s(this, "getNode", (e) => i.getNode(e, this.abstractRootNode));
+    s(this, "setTreeDOMNode", (e) => this.treeNode = e);
+    /** Обработка нажатия на клавиш для навигации с клавиатуры. */
+    s(this, "handleKeyDown", (e) => {
+      i.getActiveNode(this.abstractRootNode) && (u.ARROW_DOWN === e.keyCode ? (i.setActiveNextNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))) : u.ARROW_UP === e.keyCode && (i.setActivePrevNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))));
+    });
+    this.abstractRootNode = new C({ id: w }), this.state = {
+      updateCount: 0
+    };
+  }
+  componentDidMount() {
+    window.addEventListener("keydown", this.handleKeyDown);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("keydown", this.handleKeyDown);
+  }
+  render() {
+    const { children: e, className: t, ...o } = this.props, { updateCount: a } = this.state;
+    return /* @__PURE__ */ N(
+      m.Provider,
+      {
+        value: {
+          getNode: this.getNode,
+          parentNode: this.abstractRootNode,
+          registerNode: this.registerNode,
+          removeNode: this.removeNode,
+          rootNode: this.abstractRootNode,
+          setActiveNode: this.setActiveNode,
+          setOpenedNode: this.setOpenedNode,
+          updateCount: a
+        },
+        children: /* @__PURE__ */ N("ul", { className: v("cssClass[treeView]", t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
+      }
+    );
+  }
+}
+s(n, "displayName", "TreeView"), s(n, "Node", f), s(n, "Group", b);
+export {
+  n as TreeView
+};
+//# sourceMappingURL=TreeView.js.map

package/components/TreeView/TreeViewAbstractNode.js

@@ -0,0 +1,38 @@
+var s = Object.defineProperty;
+var n = (d, i, e) => i in d ? s(d, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[i] = e;
+var t = (d, i, e) => n(d, typeof i != "symbol" ? i + "" : i, e);
+import { AbstractTreeNode as o } from "../AbstractTree/AbstractTreeNode.js";
+class r extends o {
+  constructor(e) {
+    super();
+    t(this, "id");
+    t(this, "active");
+    t(this, "opened");
+    t(this, "tabIndex", -1);
+    /** Возвращает tabIndex ноды. */
+    t(this, "getTabIndex", () => this.tabIndex);
+    /** Устанавливает tabIndex ноды. */
+    t(this, "setTabIndex", (e) => {
+      this.tabIndex = e;
+    });
+    /** Возвращает id ноды. */
+    t(this, "getId", () => this.id);
+    /** Возвращает флаг активности ноды. */
+    t(this, "getActive", () => !!this.active);
+    /** Устанавливает флаг активности ноды. */
+    t(this, "setActive", (e) => {
+      this.active = e;
+    });
+    /** Возвращает флаг раскрытости ноды. */
+    t(this, "getOpened", () => !!this.opened);
+    /** Устанавливает флаг раскрытости ноды. */
+    t(this, "setOpened", (e) => {
+      this.opened = e;
+    });
+    this.id = e.id;
+  }
+}
+export {
+  r as TreeViewAbstractNode
+};
+//# sourceMappingURL=TreeViewAbstractNode.js.map