@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/TreeView/TreeView.js

@@ -1,58 +1,84 @@
-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 m from "react";
-import { TreeViewAbstractNodeUtils as i } from "./TreeViewAbstractNodeUtils.js";
-import { TreeViewContext as l } 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-D5cfSbgz.js";
-import { s as w } from "../../chunks/TreeView.module-zhlptASD.js";
-const R = "rootNode";
-class n extends m.Component {
-  constructor(e) {
-    super(e);
-    s(this, "abstractRootNode");
-    s(this, "treeNode", null);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx } from "react/jsx-runtime";
+import { EVENT_KEY_CODES } from "../../utils/keyboard.js";
+import React__default from "react";
+import { TreeViewAbstractNodeUtils } from "./TreeViewAbstractNodeUtils.js";
+import { TreeViewContext } from "./TreeViewContext.js";
+import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
+import { TreeViewNode } from "./components/TreeViewNode.js";
+import { TreeViewGroup } from "./components/TreeViewGroup.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../chunks/TreeView.module-Qo_ChIvW.js";
+const rootNodeId = "rootNode";
+class TreeView extends React__default.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "abstractRootNode");
+    __publicField(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++ }));
+    __publicField(this, "updateTabIndexNodes", () => {
+      const firstLevelNodes = this.abstractRootNode.getChildren();
+      let isContextChanged = false;
+      firstLevelNodes.forEach((node, index) => {
+        if (index === 0 && node.getTabIndex() !== 0) {
+          node.setTabIndex(0);
+          isContextChanged = true;
+        } else if (index !== 0 && node.getTabIndex() === 0) {
+          node.setTabIndex(-1);
+          isContextChanged = true;
+        }
+      });
+      if (isContextChanged) {
+        this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));
+      }
     });
     /** Добавляет ноду в родительскую ноду. */
-    s(this, "registerNode", (e, t, o, a) => {
-      t.addChild(e, o, a), this.updateTabIndexNodes(), this.setState(({ updateCount: p }) => ({ updateCount: p++ }));
+    __publicField(this, "registerNode", (node, parentNode, prevNode, nextNode) => {
+      parentNode.addChild(node, prevNode, nextNode);
+      this.updateTabIndexNodes();
+      this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));
     });
     /** Удаляет ноду из родительской ноды. */
-    s(this, "removeNode", (e) => {
-      var t;
-      (t = e.getParent()) == null || t.removeChild(e), this.updateTabIndexNodes();
+    __publicField(this, "removeNode", (node) => {
+      var _a;
+      (_a = node.getParent()) == null ? void 0 : _a.removeChild(node);
+      this.updateTabIndexNodes();
     });
     /** Установка флага активности ноды. */
-    s(this, "setActiveNode", (e, t) => {
-      i.setActiveNode(e, this.abstractRootNode, t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    __publicField(this, "setActiveNode", (node, active) => {
+      TreeViewAbstractNodeUtils.setActiveNode(node, this.abstractRootNode, active);
+      this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));
     });
     /** Установка флага opened ноды. */
-    s(this, "setOpenedNode", (e, t) => {
-      e.setOpened(t), this.setState(({ updateCount: o }) => ({ updateCount: o++ }));
+    __publicField(this, "setOpenedNode", (node, opened) => {
+      node.setOpened(opened);
+      this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));
     });
     /** Возвращает AbstractNode по id. */
-    s(this, "getNode", (e) => i.getNode(e, this.abstractRootNode));
-    s(this, "setTreeDOMNode", (e) => this.treeNode = e);
+    __publicField(this, "getNode", (nodeId) => TreeViewAbstractNodeUtils.getNode(nodeId, this.abstractRootNode));
+    __publicField(this, "setTreeDOMNode", (DOMNode) => this.treeNode = DOMNode);
     /** Обработка нажатия на клавиш для навигации с клавиатуры. */
-    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++ }))));
+    __publicField(this, "handleKeyDown", (event) => {
+      if (!TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode)) {
+        return;
+      }
+      if (EVENT_KEY_CODES.ARROW_DOWN === event.keyCode) {
+        TreeViewAbstractNodeUtils.setActiveNextNode(this.abstractRootNode);
+        event.preventDefault();
+        this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));
+      } else if (EVENT_KEY_CODES.ARROW_UP === event.keyCode) {
+        TreeViewAbstractNodeUtils.setActivePrevNode(this.abstractRootNode);
+        event.preventDefault();
+        this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));
+      }
     });
-    this.abstractRootNode = new C({ id: R }), this.state = {
+    this.abstractRootNode = new TreeViewAbstractNode({ id: rootNodeId });
+    this.state = {
       updateCount: 0
     };
   }
@@ -63,9 +89,10 @@ class n extends m.Component {
     window.removeEventListener("keydown", this.handleKeyDown);
   }
   render() {
-    const { children: e, className: t, ...o } = this.props, { updateCount: a } = this.state;
-    return /* @__PURE__ */ N(
-      l.Provider,
+    const { children, className, ...props } = this.props;
+    const { updateCount } = this.state;
+    return /* @__PURE__ */ jsx(
+      TreeViewContext.Provider,
       {
         value: {
           getNode: this.getNode,
@@ -75,15 +102,17 @@ class n extends m.Component {
           rootNode: this.abstractRootNode,
           setActiveNode: this.setActiveNode,
           setOpenedNode: this.setOpenedNode,
-          updateCount: a
+          updateCount
         },
-        children: /* @__PURE__ */ N("ul", { className: v(w.treeView, t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
+        children: /* @__PURE__ */ jsx("ul", { className: clsx(styles.treeView, className), role: "tree", ...props, ref: this.setTreeDOMNode, children })
       }
     );
   }
 }
-s(n, "displayName", "TreeView"), s(n, "Node", f), s(n, "Group", b);
+__publicField(TreeView, "displayName", "TreeView");
+__publicField(TreeView, "Node", TreeViewNode);
+__publicField(TreeView, "Group", TreeViewGroup);
 export {
-  n as TreeView
+  TreeView
 };
 //# sourceMappingURL=TreeView.js.map

package/components/TreeView/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["import { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport React from \"react\";\nimport { TreeViewAbstractNodeUtils } from \"./TreeViewAbstractNodeUtils\";\nimport {\n    TreeViewContext,\n    TTreeViewContextGetNode,\n    TTreeViewContextRegisterNode,\n    TTreeViewContextRemoveNode,\n    TTreeViewContextSetActiveNode,\n    TTreeViewContextSetOpenedNode,\n} from \"./TreeViewContext\";\nimport { TreeViewAbstractNode } from \"./TreeViewAbstractNode\";\nimport { TreeViewNode } from \"./components/TreeViewNode\";\nimport { TreeViewGroup } from \"./components/TreeViewGroup\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/TreeView.module.less\";\n\n/** Свойства TreeView. */\nexport interface ITreeViewProps extends React.HTMLAttributes<HTMLUListElement> {\n    children: React.ReactNode;\n}\n\n/** Состояние TreeView. */\ninterface ITreeViewState {\n    /**\n     * Число обновлений абстрактного дерева.\n     * Используется для индикации изменения дереве т.к. изменение мутируемого объекта rootNode не вызывает триггер изменения контекста.\n     */\n    updateCount: number;\n}\n\n/** Идентификатор первой ноды дерева. */\nconst rootNodeId = \"rootNode\";\n\n/**\n * Базовый компонент визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактное дерево на основе текущего.\n * Устанавливает контекст для дочерних нод.\n * Реализует навигацию по дереву.\n *\n * Accessibility требования:\n * https://www.w3.org/TR/wai-aria-practices-1.1/examples/treeview/treeview-2/treeview-2a.html\n */\nexport class TreeView extends React.Component<ITreeViewProps, ITreeViewState> {\n    public static displayName = \"TreeView\";\n    public static Node = TreeViewNode;\n    public static Group = TreeViewGroup;\n\n    private readonly abstractRootNode: TreeViewAbstractNode;\n    private treeNode: HTMLUListElement | null = null;\n\n    constructor(props: ITreeViewProps) {\n        super(props);\n\n        this.abstractRootNode = new TreeViewAbstractNode({ id: rootNodeId });\n\n        this.state = {\n            updateCount: 0,\n        };\n    }\n\n    public componentDidMount(): void {\n        window.addEventListener(\"keydown\", this.handleKeyDown);\n    }\n\n    public componentWillUnmount(): void {\n        window.removeEventListener(\"keydown\", this.handleKeyDown);\n    }\n\n    public render(): JSX.Element {\n        const { children, className, ...props } = this.props;\n        const { updateCount } = this.state;\n\n        return (\n            <TreeViewContext.Provider\n                value={{\n                    getNode: this.getNode,\n                    parentNode: this.abstractRootNode,\n                    registerNode: this.registerNode,\n                    removeNode: this.removeNode,\n                    rootNode: this.abstractRootNode,\n                    setActiveNode: this.setActiveNode,\n                    setOpenedNode: this.setOpenedNode,\n                    updateCount,\n                }}\n            >\n                <ul className={clsx(styles.treeView, className)} role=\"tree\" {...props} ref={this.setTreeDOMNode}>\n                    {children}\n                </ul>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Обработка изменения контекста.\n     * Установка tabIndex={0} для первой ноды, и tabIndex={-1} для остальных.\n     */\n    private updateTabIndexNodes = () => {\n        // Ноды первого уровня вложенности.\n        const firstLevelNodes = this.abstractRootNode.getChildren();\n        let isContextChanged = false;\n\n        firstLevelNodes.forEach((node, index) => {\n            if (index === 0 && node.getTabIndex() !== 0) {\n                node.setTabIndex(0);\n                isContextChanged = true;\n            } else if (index !== 0 && node.getTabIndex() === 0) {\n                node.setTabIndex(-1);\n                isContextChanged = true;\n            }\n        });\n\n        if (isContextChanged) {\n            this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));\n        }\n    };\n\n    /** Добавляет ноду в родительскую ноду. */\n    private registerNode: TTreeViewContextRegisterNode = (node, parentNode, prevNode, nextNode) => {\n        parentNode.addChild(node, prevNode, nextNode);\n        this.updateTabIndexNodes();\n        this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));\n    };\n\n    /** Удаляет ноду из родительской ноды. */\n    private removeNode: TTreeViewContextRemoveNode = (node) => {\n        node.getParent()?.removeChild(node);\n        this.updateTabIndexNodes();\n    };\n\n    /** Установка флага активности ноды. */\n    private setActiveNode: TTreeViewContextSetActiveNode = (node, active) => {\n        TreeViewAbstractNodeUtils.setActiveNode(node, this.abstractRootNode, active);\n        this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));\n    };\n\n    /** Установка флага opened ноды. */\n    private setOpenedNode: TTreeViewContextSetOpenedNode = (node, opened) => {\n        node.setOpened(opened);\n        this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));\n    };\n\n    /** Возвращает AbstractNode по id. */\n    private getNode: TTreeViewContextGetNode = (nodeId) =>\n        TreeViewAbstractNodeUtils.getNode(nodeId, this.abstractRootNode);\n\n    private setTreeDOMNode = (DOMNode: HTMLUListElement) => (this.treeNode = DOMNode);\n\n    /** Обработка нажатия на клавиш для навигации с клавиатуры. */\n    private handleKeyDown = (event: KeyboardEvent) => {\n        // Перемещение с клавиатуры активно, когда есть активная нода.\n        if (!TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode)) {\n            return;\n        }\n\n        if (EVENT_KEY_CODES.ARROW_DOWN === event.keyCode) {\n            // Устанавливает активность следующей ноды.\n            TreeViewAbstractNodeUtils.setActiveNextNode(this.abstractRootNode);\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n            this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));\n        } else if (EVENT_KEY_CODES.ARROW_UP === event.keyCode) {\n            // Устанавливает активность предыдущей ноды.\n            TreeViewAbstractNodeUtils.setActivePrevNode(this.abstractRootNode);\n            // Предотвращает скролл страницы.\n            event.preventDefault();\n            this.setState(({ updateCount: prevCount }) => ({ updateCount: prevCount++ }));\n        }\n    };\n}\n"],"names":["React"],"mappings":"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"}

package/components/TreeView/TreeViewAbstractNode.js

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

package/components/TreeView/TreeViewAbstractNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewAbstractNode.js","sources":["../../../src/components/TreeView/TreeViewAbstractNode.tsx"],"sourcesContent":["import { AbstractTreeNode } from \"../AbstractTree/AbstractTreeNode\";\n\n/**\n * Абстрактная нода TreeView.\n * Нода верхнего уровня является деревом.\n * Реализация на основе AbstractTreeNode с дополнительными свойствами active, opened, tabIndex.\n */\nexport class TreeViewAbstractNode extends AbstractTreeNode<TreeViewAbstractNode> {\n    private readonly id: string;\n    private active?: boolean;\n    private opened?: boolean;\n    private tabIndex = -1;\n\n    constructor(props: { id: string }) {\n        super();\n\n        this.id = props.id;\n    }\n\n    /** Возвращает tabIndex ноды. */\n    public getTabIndex = (): number => this.tabIndex;\n\n    /** Устанавливает tabIndex ноды. */\n    public setTabIndex = (tabIndex: number): void => {\n        this.tabIndex = tabIndex;\n    };\n\n    /** Возвращает id ноды. */\n    public getId = (): string => this.id;\n\n    /** Возвращает флаг активности ноды. */\n    public getActive = (): boolean => Boolean(this.active);\n\n    /** Устанавливает флаг активности ноды. */\n    public setActive = (active: boolean): void => {\n        this.active = active;\n    };\n\n    /** Возвращает флаг раскрытости ноды. */\n    public getOpened = (): boolean => Boolean(this.opened);\n\n    /** Устанавливает флаг раскрытости ноды. */\n    public setOpened = (opened: boolean): void => {\n        this.opened = opened;\n    };\n}\n"],"names":[],"mappings":";;;;AAOO,MAAM,6BAA6B,iBAAuC;AAAA,EAM7E,YAAY,OAAuB;AAC/B,UAAA;AANa;AACT;AACA;AACA,oCAAW;AASZ;AAAA,uCAAc,MAAc,KAAK;AAGjC;AAAA,uCAAc,CAAC,aAA2B;AAC7C,WAAK,WAAW;AAAA,IACpB;AAGO;AAAA,iCAAQ,MAAc,KAAK;AAG3B;AAAA,qCAAY,MAAe,QAAQ,KAAK,MAAM;AAG9C;AAAA,qCAAY,CAAC,WAA0B;AAC1C,WAAK,SAAS;AAAA,IAClB;AAGO;AAAA,qCAAY,MAAe,QAAQ,KAAK,MAAM;AAG9C;AAAA,qCAAY,CAAC,WAA0B;AAC1C,WAAK,SAAS;AAAA,IAClB;AA5BI,SAAK,KAAK,MAAM;AAAA,EACpB;AA4BJ;"}

package/components/TreeView/TreeViewAbstractNodeUtils.js

@@ -1,112 +1,154 @@
-import { traverseAbstractTree as l } from "../AbstractTree/AbstractTreeNode.js";
-const d = {
-  getActiveNode: (e) => {
-    let t;
-    return l(e, (r) => r.getActive() ? (t = r, !1) : !0), t;
+import { traverseAbstractTree } from "../AbstractTree/AbstractTreeNode.js";
+const TreeViewAbstractNodeUtils = {
+  getActiveNode: (node) => {
+    let activeNode;
+    traverseAbstractTree(node, (n) => {
+      if (n.getActive()) {
+        activeNode = n;
+        return false;
+      }
+      return true;
+    });
+    return activeNode;
   },
-  getNextNode: (e) => {
-    const t = e.getChildren();
-    if (e.getOpened() && t.length)
-      return t[0];
-    const r = d.getNextSiblingNode(e);
-    if (r)
-      return r;
-    let n = e;
-    for (; ; ) {
-      const i = n.getParent();
-      if (i.getParent()) {
-        const g = d.getNextSiblingNode(i);
-        if (g) {
-          n = g;
+  getNextNode: (node) => {
+    const childrenNodes = node.getChildren();
+    if (node.getOpened() && childrenNodes.length) {
+      return childrenNodes[0];
+    }
+    const nextSiblingNode = TreeViewAbstractNodeUtils.getNextSiblingNode(node);
+    if (nextSiblingNode) {
+      return nextSiblingNode;
+    }
+    let nextNode = node;
+    while (true) {
+      const parentNode = nextNode.getParent();
+      if (parentNode.getParent()) {
+        const nextSiblingParenNode = TreeViewAbstractNodeUtils.getNextSiblingNode(parentNode);
+        if (nextSiblingParenNode) {
+          nextNode = nextSiblingParenNode;
           break;
         }
       } else {
-        n = i.getChildren()[0];
+        nextNode = parentNode.getChildren()[0];
         break;
       }
-      n = i;
+      nextNode = parentNode;
     }
-    return n;
+    return nextNode;
   },
-  getNextSiblingNode: (e) => {
-    const t = e.getParent();
-    if (!t)
-      return;
-    const r = t.getChildren();
-    let n = 0;
-    if (r.some((i, g) => {
-      if (i.getId() === e.getId())
-        return n = g, !0;
-    }), n !== r.length - 1)
-      return r[n + 1];
+  getNextSiblingNode: (node) => {
+    const parentNode = node.getParent();
+    if (!parentNode) {
+      return void 0;
+    }
+    const parentNodeChildren = parentNode.getChildren();
+    let currentActiveNodeIndex = 0;
+    parentNodeChildren.some((n, index) => {
+      if (n.getId() === node.getId()) {
+        currentActiveNodeIndex = index;
+        return true;
+      }
+    });
+    if (currentActiveNodeIndex === parentNodeChildren.length - 1) {
+      return void 0;
+    }
+    return parentNodeChildren[currentActiveNodeIndex + 1];
   },
-  getNode: (e, t) => {
-    let r;
-    return l(t, (n) => n.getId() === e ? (r = n, !1) : !0), r;
+  getNode: (nodeId, rootNode) => {
+    let result;
+    traverseAbstractTree(rootNode, (node) => {
+      if (node.getId() === nodeId) {
+        result = node;
+        return false;
+      }
+      return true;
+    });
+    return result;
   },
-  getPrevNode: (e) => {
-    const t = d.getPrevSiblingNode(e);
-    if (!t) {
-      const n = e.getParent();
-      if (n.getParent())
-        return n;
-      {
-        let i = n.getChildren()[n.getChildren().length - 1];
-        for (; i.getChildren().length > 0; )
-          i = i.getChildren()[i.getChildren().length - 1];
-        return i;
+  getPrevNode: (node) => {
+    const prevSiblingNode = TreeViewAbstractNodeUtils.getPrevSiblingNode(node);
+    if (!prevSiblingNode) {
+      const parentNode = node.getParent();
+      if (parentNode.getParent()) {
+        return parentNode;
+      } else {
+        let lastChild = parentNode.getChildren()[parentNode.getChildren().length - 1];
+        while (lastChild.getChildren().length > 0) {
+          lastChild = lastChild.getChildren()[lastChild.getChildren().length - 1];
+        }
+        return lastChild;
       }
     }
-    let r = t;
-    for (; ; ) {
-      const n = r.getChildren();
-      if (r.getOpened() && n.length)
-        r = r.getChildren()[r.getChildren().length - 1];
-      else
+    let prevNode = prevSiblingNode;
+    while (true) {
+      const prevNodeChildren = prevNode.getChildren();
+      if (prevNode.getOpened() && prevNodeChildren.length) {
+        prevNode = prevNode.getChildren()[prevNode.getChildren().length - 1];
+      } else {
         break;
+      }
     }
-    return r;
+    return prevNode;
   },
-  getPrevSiblingNode: (e) => {
-    const t = e.getParent();
-    if (!t)
-      return;
-    const r = t.getChildren();
-    let n = 0;
-    if (r.some((i, g) => {
-      if (i.getId() === e.getId())
-        return n = g, !0;
-    }), n !== 0)
-      return r[n - 1];
+  getPrevSiblingNode: (node) => {
+    const parentNode = node.getParent();
+    if (!parentNode) {
+      return void 0;
+    }
+    const parentNodeChildren = parentNode.getChildren();
+    let currentActiveNodeIndex = 0;
+    parentNodeChildren.some((n, index) => {
+      if (n.getId() === node.getId()) {
+        currentActiveNodeIndex = index;
+        return true;
+      }
+    });
+    if (currentActiveNodeIndex === 0) {
+      return void 0;
+    }
+    return parentNodeChildren[currentActiveNodeIndex - 1];
   },
-  isLastNode: (e) => {
-    const t = e.getParent();
-    if (t) {
-      if (t.getChildren()[t.getChildren().length - 1] == e)
-        return d.isLastNode(t);
-    } else
-      return !0;
-    return !1;
+  isLastNode: (node) => {
+    const parentNode = node.getParent();
+    if (parentNode) {
+      if (parentNode.getChildren()[parentNode.getChildren().length - 1] == node) {
+        return TreeViewAbstractNodeUtils.isLastNode(parentNode);
+      }
+    } else {
+      return true;
+    }
+    return false;
   },
-  setActiveNextNode: (e) => {
-    const t = d.getActiveNode(e);
-    if (t) {
-      const r = d.getNextNode(t);
-      d.setActiveNode(r, e, !0);
+  setActiveNextNode: (rootNode) => {
+    const activeNode = TreeViewAbstractNodeUtils.getActiveNode(rootNode);
+    if (activeNode) {
+      const nextNode = TreeViewAbstractNodeUtils.getNextNode(activeNode);
+      TreeViewAbstractNodeUtils.setActiveNode(nextNode, rootNode, true);
     }
   },
-  setActiveNode: (e, t, r) => {
-    r ? (e.setActive(!0), l(t, (n) => (n.getActive() && n.getId() !== e.getId() && n.setActive(!1), !0))) : e.setActive(!1);
+  setActiveNode: (node, rootNode, isActive) => {
+    if (isActive) {
+      node.setActive(true);
+      traverseAbstractTree(rootNode, (n) => {
+        if (n.getActive() && n.getId() !== node.getId()) {
+          n.setActive(false);
+        }
+        return true;
+      });
+    } else {
+      node.setActive(false);
+    }
   },
-  setActivePrevNode: (e) => {
-    const t = d.getActiveNode(e);
-    if (t) {
-      const r = d.getPrevNode(t);
-      d.setActiveNode(r, e, !0);
+  setActivePrevNode: (rootNode) => {
+    const activeNode = TreeViewAbstractNodeUtils.getActiveNode(rootNode);
+    if (activeNode) {
+      const prevNode = TreeViewAbstractNodeUtils.getPrevNode(activeNode);
+      TreeViewAbstractNodeUtils.setActiveNode(prevNode, rootNode, true);
     }
   }
 };
 export {
-  d as TreeViewAbstractNodeUtils
+  TreeViewAbstractNodeUtils
 };
 //# sourceMappingURL=TreeViewAbstractNodeUtils.js.map

package/components/TreeView/TreeViewAbstractNodeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewAbstractNodeUtils.js","sources":["../../../src/components/TreeView/TreeViewAbstractNodeUtils.ts"],"sourcesContent":["import { traverseAbstractTree } from \"../AbstractTree/AbstractTreeNode\";\nimport { TreeViewAbstractNode } from \"./TreeViewAbstractNode\";\n\n/** Утилиты для работы с AbstractNode. */\ninterface ITreeViewAbstractNodeUtils {\n    // Возвращает активную ноду в случае ее наличия.\n    getActiveNode: (node: TreeViewAbstractNode) => TreeViewAbstractNode | undefined;\n    // Возвращает следующую ноду текущего уровня. Если prevNode имеет дочерние ноды, и prevNode.getOpened() === true будет возвращена первая дочерняя нода. Если prevNode - последняя нода текущего уровня, будет возвращена следующая нода\n    // верхнего уровня. Если верхний уровень - rootNode, будет возвращена первая дочерняя нода rootNode.\n    getNextNode: (prevNode: TreeViewAbstractNode) => TreeViewAbstractNode;\n    // Возвращает следующую ноду ткущего уровня. Если prevNode - последняя нода, будет возвращено undefined.\n    getNextSiblingNode: (prevNode: TreeViewAbstractNode) => TreeViewAbstractNode | undefined;\n    // Возвращает AbstractNode по id.\n    getNode: (nodeId: string, rootNode: TreeViewAbstractNode) => TreeViewAbstractNode | undefined;\n    // Возвращает предыдущую ноду текущего уровня дерева. Если предыдущая нода имеет детей и она раскрыта, будет возвращена последняя ее дочерняя нода. Если nextNode - первая нода, будет возвращена родительская нода. Если верхний\n    // уровень - rootNode, будет возвращена последняя дочерняя нода rootNode.\n    getPrevNode: (nextNode: TreeViewAbstractNode) => TreeViewAbstractNode;\n    // Возвращает предыдущую ноду текущего уровня дерева. В случае если nextNode - первая нода, будет возвращено undefined.\n    getPrevSiblingNode: (nextNode: TreeViewAbstractNode) => TreeViewAbstractNode | undefined;\n    // Возвращает true если нода - последняя в дереве.\n    isLastNode: (node: TreeViewAbstractNode) => boolean;\n    // Устанавливает флаг активности AbstractNode для следующей ноды дерева. Если нода раскрыта, будет активна первая дочерняя нода, если нода закрыта - будет активирована следующая нода этого же уровня.\n    setActiveNextNode: (rootNode: TreeViewAbstractNode) => void;\n    // Устанавливает флаг активности AbstractNode.\n    setActiveNode: (node: TreeViewAbstractNode, rootNode: TreeViewAbstractNode, isActive: boolean) => void;\n    // Устанавливает флаг активности AbstractNode для предыдущей ноды дерева.\n    setActivePrevNode: (rootNode: TreeViewAbstractNode) => void;\n}\n\n/** Утилиты для работы с AbstractNode. */\nexport const TreeViewAbstractNodeUtils: ITreeViewAbstractNodeUtils = {\n    getActiveNode: (node) => {\n        let activeNode: TreeViewAbstractNode | undefined;\n\n        traverseAbstractTree(node, (n) => {\n            if (n.getActive()) {\n                activeNode = n;\n                // Прервать обход дерева.\n                return false;\n            }\n\n            // Продолжить обход дерева.\n            return true;\n        });\n\n        return activeNode;\n    },\n    getNextNode: (node) => {\n        const childrenNodes = node.getChildren();\n        // Нода раскрыта и имеются дочерние ноды: следующей нодой будет первая дочерняя нода.\n        if (node.getOpened() && childrenNodes.length) {\n            return childrenNodes[0];\n        }\n\n        const nextSiblingNode = TreeViewAbstractNodeUtils.getNextSiblingNode(node);\n        // Найдена следующая нода текущего уровня вложенности.\n        if (nextSiblingNode) {\n            return nextSiblingNode;\n        }\n\n        let nextNode = node;\n\n        while (true) {\n            // as TreeViewAbstractNode потому что .getParent() может вернуть null только для rootNode, prevNode не может быть rootNode.\n            const parentNode = nextNode.getParent() as TreeViewAbstractNode;\n\n            if (parentNode.getParent()) {\n                const nextSiblingParenNode = TreeViewAbstractNodeUtils.getNextSiblingNode(parentNode);\n                // Найдена следующая нода верхнего уровня вложенности.\n                if (nextSiblingParenNode) {\n                    nextNode = nextSiblingParenNode;\n                    break;\n                }\n            }\n            // Если parentNode является rootNode.\n            else {\n                // Следующая нода - первая нода дерева.\n                nextNode = parentNode.getChildren()[0];\n                break;\n            }\n\n            nextNode = parentNode;\n        }\n\n        return nextNode;\n    },\n    getNextSiblingNode: (node) => {\n        const parentNode = node.getParent();\n        // node является rootNode.\n        if (!parentNode) {\n            return undefined;\n        }\n\n        const parentNodeChildren = parentNode.getChildren();\n        // Индекс текущей активной ноды в parentNodeChildren.\n        let currentActiveNodeIndex = 0;\n        // Поиск индекса текущей активной ноды в parentNodeChildren.\n        parentNodeChildren.some((n, index) => {\n            if (n.getId() === node.getId()) {\n                currentActiveNodeIndex = index;\n                return true;\n            }\n        });\n\n        // Текущая активная нода - последняя.\n        if (currentActiveNodeIndex === parentNodeChildren.length - 1) {\n            return undefined;\n        }\n\n        // Возвращается следующая нода.\n        return parentNodeChildren[currentActiveNodeIndex + 1];\n    },\n    getNode: (nodeId, rootNode) => {\n        let result;\n        traverseAbstractTree(rootNode, (node) => {\n            if (node.getId() === nodeId) {\n                result = node;\n                // Прервать обход дерева.\n                return false;\n            }\n            // Продолжить обход дерева.\n            return true;\n        });\n\n        return result;\n    },\n    getPrevNode: (node) => {\n        const prevSiblingNode = TreeViewAbstractNodeUtils.getPrevSiblingNode(node);\n\n        // Предыдущая нода текущего уровня вложенности не найдена.\n        if (!prevSiblingNode) {\n            // as TreeViewAbstractNode потому что .getParent() может вернуть null только для rootNode, nextNode не может быть rootNode.\n            const parentNode = node.getParent() as TreeViewAbstractNode;\n\n            if (parentNode.getParent()) {\n                return parentNode;\n            }\n            // Если patentNode является rootNode.\n            else {\n                let lastChild = parentNode.getChildren()[parentNode.getChildren().length - 1];\n\n                while (lastChild.getChildren().length > 0) {\n                    lastChild = lastChild.getChildren()[lastChild.getChildren().length - 1];\n                }\n                // Предыдущая нода - последняя нода дерева.\n                return lastChild;\n            }\n        }\n\n        let prevNode = prevSiblingNode;\n\n        while (true) {\n            const prevNodeChildren = prevNode.getChildren();\n            // Предыдущая нода раскрыта и имеет дочерние ноды. Предыдущей станет последняя ее дочерняя нода.\n            if (prevNode.getOpened() && prevNodeChildren.length) {\n                prevNode = prevNode.getChildren()[prevNode.getChildren().length - 1];\n            } else {\n                break;\n            }\n        }\n\n        return prevNode;\n    },\n    getPrevSiblingNode: (node) => {\n        const parentNode = node.getParent();\n        // node является rootNode.\n        if (!parentNode) {\n            return undefined;\n        }\n\n        const parentNodeChildren = parentNode.getChildren();\n        // Индекс текущей активной ноды в массиве parentNode.getChildren().\n        let currentActiveNodeIndex = 0;\n        // Поиск индекса текущей активной ноды в массиве parentNode.getChildren().\n        parentNodeChildren.some((n, index) => {\n            if (n.getId() === node.getId()) {\n                currentActiveNodeIndex = index;\n                return true;\n            }\n        });\n\n        // Текущая активная нода - первая.\n        if (currentActiveNodeIndex === 0) {\n            return undefined;\n        }\n\n        // Возвращается предыдущая нода.\n        return parentNodeChildren[currentActiveNodeIndex - 1];\n    },\n    isLastNode: (node) => {\n        const parentNode = node.getParent();\n\n        if (parentNode) {\n            // Если нода является последней на текущем уровне.\n            if (parentNode.getChildren()[parentNode.getChildren().length - 1] == node) {\n                return TreeViewAbstractNodeUtils.isLastNode(parentNode);\n            }\n        }\n        // node является rootNode.\n        else {\n            return true;\n        }\n\n        return false;\n    },\n    setActiveNextNode: (rootNode) => {\n        const activeNode = TreeViewAbstractNodeUtils.getActiveNode(rootNode);\n\n        if (activeNode) {\n            const nextNode = TreeViewAbstractNodeUtils.getNextNode(activeNode);\n\n            TreeViewAbstractNodeUtils.setActiveNode(nextNode, rootNode, true);\n        }\n    },\n    setActiveNode: (node, rootNode, isActive) => {\n        if (isActive) {\n            node.setActive(true);\n\n            traverseAbstractTree(rootNode, (n) => {\n                if (n.getActive() && n.getId() !== node.getId()) {\n                    // Сброс флага активности всех других нод, активная может быть только одна нода.\n                    n.setActive(false);\n                }\n\n                // Продолжить обход дерева.\n                return true;\n            });\n        } else {\n            node.setActive(false);\n        }\n    },\n    setActivePrevNode: (rootNode) => {\n        const activeNode = TreeViewAbstractNodeUtils.getActiveNode(rootNode);\n\n        if (activeNode) {\n            const prevNode = TreeViewAbstractNodeUtils.getPrevNode(activeNode);\n\n            TreeViewAbstractNodeUtils.setActiveNode(prevNode, rootNode, true);\n        }\n    },\n};\n"],"names":[],"mappings":"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"}

package/components/TreeView/TreeViewContext.js

@@ -1,11 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import d from "react";
-import { TreeViewAbstractNode as s } from "./TreeViewAbstractNode.js";
-const a = {
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
+const initialTreeContext = {
   /** eslint-disable @typescript-eslint/no-empty-function */
-  getNode: () => {
-  },
-  parentNode: new s({ id: "contextNode" }),
+  getNode: () => void 0,
+  parentNode: new TreeViewAbstractNode({ id: "contextNode" }),
   registerNode: () => {
   },
   removeNode: () => {
@@ -17,14 +16,17 @@ const a = {
   },
   updateCount: 0
   /** eslint-enable @typescript-eslint/no-empty-function */
-}, m = d.createContext(a);
-function C(e) {
-  const i = e.displayName || e.name || "Component", t = (n) => /* @__PURE__ */ o(m.Consumer, { children: (r) => /* @__PURE__ */ o(e, { ...n, treeViewContext: r }) });
-  return t.displayName = `WithTreeViewContext(${i})`, t;
+};
+const TreeViewContext = React__default.createContext(initialTreeContext);
+function withTreeViewContext(WrapperComponent) {
+  const displayName = WrapperComponent.displayName || WrapperComponent.name || "Component";
+  const ComponentWithTreeViewContext = (props) => /* @__PURE__ */ jsx(TreeViewContext.Consumer, { children: (context) => /* @__PURE__ */ jsx(WrapperComponent, { ...props, treeViewContext: context }) });
+  ComponentWithTreeViewContext.displayName = `WithTreeViewContext(${displayName})`;
+  return ComponentWithTreeViewContext;
 }
 export {
-  m as TreeViewContext,
-  a as initialTreeContext,
-  C as withTreeViewContext
+  TreeViewContext,
+  initialTreeContext,
+  withTreeViewContext
 };
 //# sourceMappingURL=TreeViewContext.js.map

package/components/TreeView/TreeViewContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewContext.js","sources":["../../../src/components/TreeView/TreeViewContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { TreeViewAbstractNode } from \"./TreeViewAbstractNode\";\n\n/**\n * Возвращаем AbstractNode по id.\n */\nexport type TTreeViewContextGetNode = (nodeId: string) => TreeViewAbstractNode | undefined;\n\n/**\n * Добавляем AbstractNode в AbstractTree. AbstractTree является AbstractNode.\n */\nexport type TTreeViewContextRegisterNode = (\n    node: TreeViewAbstractNode,\n    parentNode: TreeViewAbstractNode,\n    prevNode?: TreeViewAbstractNode,\n    nextNode?: TreeViewAbstractNode,\n) => void;\n\n/**\n * Удаляет AbstractNode из AbstractTree.\n */\nexport type TTreeViewContextRemoveNode = (node: TreeViewAbstractNode) => void;\n\n/**\n * Устанавливает флаг активности AbstractNode.\n */\nexport type TTreeViewContextSetActiveNode = (node: TreeViewAbstractNode, active: boolean) => void;\n\n/**\n * Устанавливает флаг opened AbstractNode.\n */\nexport type TTreeViewContextSetOpenedNode = (node: TreeViewAbstractNode, opened: boolean) => void;\n\n/**\n * Контекст TreeView.\n *\n * @param {number} updateCount - Число обновлений абстрактного дерева. Используется для индикации изменения дерева т.к. изменение мутируемого объекта rootNode не вызывает триггер изменения контекста.\n * @param {TTreeViewContextGetNode} getNode - Возвращает TreeViewAbstractNode по id.\n * @param {TreeViewAbstractNode} parentNode - Родительская TreeViewAbstractNode.\n * @param {TreeViewAbstractNode | null} rootNode - Рутовая нода абстрактного дерева.\n * @param {TTreeViewContextRegisterNode} registerNode - Добавляет TreeViewAbstractNode в AbstractTree. AbstractTree также является AbstractNode.\n * @param {TTreeViewContextSetActiveNode} setActiveNode - Устанавливает флаг активности AbstractNode.\n * @param {TTreeViewContextSetOpenedNode} setOpenedNode - Устанавливает флаг раскрытости AbstractNode.\n */\nexport interface ITreeViewContext {\n    updateCount: number;\n    getNode: TTreeViewContextGetNode;\n    parentNode: TreeViewAbstractNode;\n    rootNode: TreeViewAbstractNode | null;\n    registerNode: TTreeViewContextRegisterNode;\n    removeNode: TTreeViewContextRemoveNode;\n    setActiveNode: TTreeViewContextSetActiveNode;\n    setOpenedNode: TTreeViewContextSetOpenedNode;\n}\n\n// Начальное значение контекста. Здесь нужно только для типизации и будет заполнено в @sber-business/triplex/components/TreeView/TreeView.tsx\nexport const initialTreeContext = {\n    /** eslint-disable @typescript-eslint/no-empty-function */\n    getNode: (): TreeViewAbstractNode | undefined => undefined,\n    parentNode: new TreeViewAbstractNode({ id: \"contextNode\" }),\n    registerNode: (): void => {},\n    removeNode: (): void => {},\n    rootNode: null,\n    setActiveNode: (): void => {},\n    setOpenedNode: (): void => {},\n    updateCount: 0,\n    /** eslint-enable @typescript-eslint/no-empty-function */\n};\n\nexport const TreeViewContext = React.createContext<ITreeViewContext>(initialTreeContext);\n\n/**\n * Свойства контекста, добавляемые WithTreeViewContext.\n */\nexport interface IWithTreeViewContextProps {\n    treeViewContext: ITreeViewContext;\n}\n\n/**\n * HOC, предоставляющий TreeViewContext.\n */\nexport function withTreeViewContext<T extends IWithTreeViewContextProps>(\n    WrapperComponent: React.ComponentType<T>,\n): React.ComponentType<Omit<T, keyof IWithTreeViewContextProps>> {\n    const displayName = WrapperComponent.displayName || WrapperComponent.name || \"Component\";\n\n    const ComponentWithTreeViewContext = (props: Omit<T, keyof IWithTreeViewContextProps>) => (\n        <TreeViewContext.Consumer>\n            {(context) => <WrapperComponent {...(props as T)} treeViewContext={context} />}\n        </TreeViewContext.Consumer>\n    );\n\n    ComponentWithTreeViewContext.displayName = `WithTreeViewContext(${displayName})`;\n\n    return ComponentWithTreeViewContext;\n}\n"],"names":["React"],"mappings":";;;AAwDO,MAAM,qBAAqB;AAAA;AAAA,EAE9B,SAAS,MAAwC;AAAA,EACjD,YAAY,IAAI,qBAAqB,EAAE,IAAI,eAAe;AAAA,EAC1D,cAAc,MAAY;AAAA,EAAC;AAAA,EAC3B,YAAY,MAAY;AAAA,EAAC;AAAA,EACzB,UAAU;AAAA,EACV,eAAe,MAAY;AAAA,EAAC;AAAA,EAC5B,eAAe,MAAY;AAAA,EAAC;AAAA,EAC5B,aAAa;AAAA;AAEjB;AAEO,MAAM,kBAAkBA,eAAM,cAAgC,kBAAkB;AAYhF,SAAS,oBACZ,kBAC6D;AAC7D,QAAM,cAAc,iBAAiB,eAAe,iBAAiB,QAAQ;AAE7E,QAAM,+BAA+B,CAAC,UAClC,oBAAC,gBAAgB,UAAhB,EACI,UAAA,CAAC,gCAAa,kBAAA,EAAkB,GAAI,OAAa,iBAAiB,SAAS,GAChF;AAGJ,+BAA6B,cAAc,uBAAuB,WAAW;AAE7E,SAAO;AACX;"}

package/components/TreeView/components/TreeViewGroup.js

@@ -1,7 +1,7 @@
-import { jsx as o } from "react/jsx-runtime";
-import { s } from "../../../chunks/TreeView.module-zhlptASD.js";
-const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../chunks/TreeView.module-Qo_ChIvW.js";
+const TreeViewGroup = ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { role: "group", className: styles.treeViewGroup, ...props, children });
 export {
-  m as TreeViewGroup
+  TreeViewGroup
 };
 //# sourceMappingURL=TreeViewGroup.js.map

package/components/TreeView/components/TreeViewGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewGroup.js","sources":["../../../../src/components/TreeView/components/TreeViewGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/TreeView.module.less\";\n\n/** Свойства компонента TreeViewGroup. */\nexport interface ITreeViewGroupProps extends React.HTMLAttributes<HTMLUListElement> {}\n\n/** Обертка для вложенных TreeNode. */\nexport const TreeViewGroup: React.FC<ITreeViewGroupProps> = ({ children, ...props }) => (\n    <ul role=\"group\" className={styles.treeViewGroup} {...props}>\n        {children}\n    </ul>\n);\n"],"names":[],"mappings":";;AAOO,MAAM,gBAA+C,CAAC,EAAE,UAAU,GAAG,YACxE,oBAAC,MAAA,EAAG,MAAK,SAAQ,WAAW,OAAO,eAAgB,GAAG,OACjD,SAAA,CACL;"}