@sberbusiness/triplex-next 1.42.0 → 1.44.0

package/components/TreeView/TreeViewAbstractNodeUtils.js

@@ -1,4 +1,19 @@
 import { traverseAbstractTree } from "../AbstractTree/AbstractTreeNode.js";
+const getLastChildNode = (node) => {
+  const children = node.getChildren();
+  return children[children.length - 1];
+};
+const getDeepestVisibleLastChildNode = (node) => {
+  let lastNode = node;
+  while (lastNode.getOpened() && lastNode.getChildren().length) {
+    lastNode = getLastChildNode(lastNode);
+  }
+  return lastNode;
+};
+const getNodeIndexInParent = (node, parentNodeChildren) => {
+  const index = parentNodeChildren.findIndex((n) => n.getId() === node.getId());
+  return index === -1 ? 0 : index;
+};
 const TreeViewAbstractNodeUtils = {
   getActiveNode: (node) => {
     let activeNode;
@@ -43,17 +58,11 @@ const TreeViewAbstractNodeUtils = {
       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) {
+    const currentNodeIndex = getNodeIndexInParent(node, parentNodeChildren);
+    if (currentNodeIndex === parentNodeChildren.length - 1) {
       return void 0;
     }
-    return parentNodeChildren[currentActiveNodeIndex + 1];
+    return parentNodeChildren[currentNodeIndex + 1];
   },
   getNode: (nodeId, rootNode) => {
     let result;
@@ -73,23 +82,10 @@ const TreeViewAbstractNodeUtils = {
       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;
+        return getDeepestVisibleLastChildNode(getLastChildNode(parentNode));
       }
     }
-    let prevNode = prevSiblingNode;
-    while (true) {
-      const prevNodeChildren = prevNode.getChildren();
-      if (prevNode.getOpened() && prevNodeChildren.length) {
-        prevNode = prevNode.getChildren()[prevNode.getChildren().length - 1];
-      } else {
-        break;
-      }
-    }
-    return prevNode;
+    return getDeepestVisibleLastChildNode(prevSiblingNode);
   },
   getPrevSiblingNode: (node) => {
     const parentNode = node.getParent();
@@ -97,22 +93,16 @@ const TreeViewAbstractNodeUtils = {
       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) {
+    const currentNodeIndex = getNodeIndexInParent(node, parentNodeChildren);
+    if (currentNodeIndex === 0) {
       return void 0;
     }
-    return parentNodeChildren[currentActiveNodeIndex - 1];
+    return parentNodeChildren[currentNodeIndex - 1];
   },
   isLastNode: (node) => {
     const parentNode = node.getParent();
     if (parentNode) {
-      if (parentNode.getChildren()[parentNode.getChildren().length - 1] == node) {
+      if (getLastChildNode(parentNode) === node) {
         return TreeViewAbstractNodeUtils.isLastNode(parentNode);
       }
     } else {
@@ -138,6 +128,12 @@ const TreeViewAbstractNodeUtils = {
       });
     } else {
       node.setActive(false);
+      traverseAbstractTree(rootNode, (n) => {
+        if (n.getActive()) {
+          n.setActive(false);
+        }
+        return true;
+      });
     }
   },
   setActivePrevNode: (rootNode) => {

package/components/TreeView/TreeViewAbstractNodeUtils.js.map

@@ -1 +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":";AA8BO,MAAM,4BAAwD;AAAA,EACjE,eAAe,CAAC,SAAS;AACrB,QAAI;AAEJ,yBAAqB,MAAM,CAAC,MAAM;AAC9B,UAAI,EAAE,aAAa;AACf,qBAAa;AAEb,eAAO;AAAA,MACX;AAGA,aAAO;AAAA,IACX,CAAC;AAED,WAAO;AAAA,EACX;AAAA,EACA,aAAa,CAAC,SAAS;AACnB,UAAM,gBAAgB,KAAK,YAAA;AAE3B,QAAI,KAAK,eAAe,cAAc,QAAQ;AAC1C,aAAO,cAAc,CAAC;AAAA,IAC1B;AAEA,UAAM,kBAAkB,0BAA0B,mBAAmB,IAAI;AAEzE,QAAI,iBAAiB;AACjB,aAAO;AAAA,IACX;AAEA,QAAI,WAAW;AAEf,WAAO,MAAM;AAET,YAAM,aAAa,SAAS,UAAA;AAE5B,UAAI,WAAW,aAAa;AACxB,cAAM,uBAAuB,0BAA0B,mBAAmB,UAAU;AAEpF,YAAI,sBAAsB;AACtB,qBAAW;AACX;AAAA,QACJ;AAAA,MACJ,OAEK;AAED,mBAAW,WAAW,YAAA,EAAc,CAAC;AACrC;AAAA,MACJ;AAEA,iBAAW;AAAA,IACf;AAEA,WAAO;AAAA,EACX;AAAA,EACA,oBAAoB,CAAC,SAAS;AAC1B,UAAM,aAAa,KAAK,UAAA;AAExB,QAAI,CAAC,YAAY;AACb,aAAO;AAAA,IACX;AAEA,UAAM,qBAAqB,WAAW,YAAA;AAEtC,QAAI,yBAAyB;AAE7B,uBAAmB,KAAK,CAAC,GAAG,UAAU;AAClC,UAAI,EAAE,MAAA,MAAY,KAAK,SAAS;AAC5B,iCAAyB;AACzB,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAGD,QAAI,2BAA2B,mBAAmB,SAAS,GAAG;AAC1D,aAAO;AAAA,IACX;AAGA,WAAO,mBAAmB,yBAAyB,CAAC;AAAA,EACxD;AAAA,EACA,SAAS,CAAC,QAAQ,aAAa;AAC3B,QAAI;AACJ,yBAAqB,UAAU,CAAC,SAAS;AACrC,UAAI,KAAK,MAAA,MAAY,QAAQ;AACzB,iBAAS;AAET,eAAO;AAAA,MACX;AAEA,aAAO;AAAA,IACX,CAAC;AAED,WAAO;AAAA,EACX;AAAA,EACA,aAAa,CAAC,SAAS;AACnB,UAAM,kBAAkB,0BAA0B,mBAAmB,IAAI;AAGzE,QAAI,CAAC,iBAAiB;AAElB,YAAM,aAAa,KAAK,UAAA;AAExB,UAAI,WAAW,aAAa;AACxB,eAAO;AAAA,MACX,OAEK;AACD,YAAI,YAAY,WAAW,YAAA,EAAc,WAAW,YAAA,EAAc,SAAS,CAAC;AAE5E,eAAO,UAAU,cAAc,SAAS,GAAG;AACvC,sBAAY,UAAU,YAAA,EAAc,UAAU,YAAA,EAAc,SAAS,CAAC;AAAA,QAC1E;AAEA,eAAO;AAAA,MACX;AAAA,IACJ;AAEA,QAAI,WAAW;AAEf,WAAO,MAAM;AACT,YAAM,mBAAmB,SAAS,YAAA;AAElC,UAAI,SAAS,eAAe,iBAAiB,QAAQ;AACjD,mBAAW,SAAS,YAAA,EAAc,SAAS,YAAA,EAAc,SAAS,CAAC;AAAA,MACvE,OAAO;AACH;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAAA,EACA,oBAAoB,CAAC,SAAS;AAC1B,UAAM,aAAa,KAAK,UAAA;AAExB,QAAI,CAAC,YAAY;AACb,aAAO;AAAA,IACX;AAEA,UAAM,qBAAqB,WAAW,YAAA;AAEtC,QAAI,yBAAyB;AAE7B,uBAAmB,KAAK,CAAC,GAAG,UAAU;AAClC,UAAI,EAAE,MAAA,MAAY,KAAK,SAAS;AAC5B,iCAAyB;AACzB,eAAO;AAAA,MACX;AAAA,IACJ,CAAC;AAGD,QAAI,2BAA2B,GAAG;AAC9B,aAAO;AAAA,IACX;AAGA,WAAO,mBAAmB,yBAAyB,CAAC;AAAA,EACxD;AAAA,EACA,YAAY,CAAC,SAAS;AAClB,UAAM,aAAa,KAAK,UAAA;AAExB,QAAI,YAAY;AAEZ,UAAI,WAAW,cAAc,WAAW,cAAc,SAAS,CAAC,KAAK,MAAM;AACvE,eAAO,0BAA0B,WAAW,UAAU;AAAA,MAC1D;AAAA,IACJ,OAEK;AACD,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX;AAAA,EACA,mBAAmB,CAAC,aAAa;AAC7B,UAAM,aAAa,0BAA0B,cAAc,QAAQ;AAEnE,QAAI,YAAY;AACZ,YAAM,WAAW,0BAA0B,YAAY,UAAU;AAEjE,gCAA0B,cAAc,UAAU,UAAU,IAAI;AAAA,IACpE;AAAA,EACJ;AAAA,EACA,eAAe,CAAC,MAAM,UAAU,aAAa;AACzC,QAAI,UAAU;AACV,WAAK,UAAU,IAAI;AAEnB,2BAAqB,UAAU,CAAC,MAAM;AAClC,YAAI,EAAE,eAAe,EAAE,YAAY,KAAK,SAAS;AAE7C,YAAE,UAAU,KAAK;AAAA,QACrB;AAGA,eAAO;AAAA,MACX,CAAC;AAAA,IACL,OAAO;AACH,WAAK,UAAU,KAAK;AAAA,IACxB;AAAA,EACJ;AAAA,EACA,mBAAmB,CAAC,aAAa;AAC7B,UAAM,aAAa,0BAA0B,cAAc,QAAQ;AAEnE,QAAI,YAAY;AACZ,YAAM,WAAW,0BAA0B,YAAY,UAAU;AAEjE,gCAA0B,cAAc,UAAU,UAAU,IAAI;AAAA,IACpE;AAAA,EACJ;AACJ;"}
+{"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    /**\n     * Возвращает следующую ноду текущего уровня. Если prevNode имеет дочерние ноды, и prevNode.getOpened() === true будет\n     * возвращена первая дочерняя нода. Если prevNode - последняя нода текущего уровня, будет возвращена следующая нода\n     * верхнего уровня. Если верхний уровень - rootNode, будет возвращена первая дочерняя нода rootNode.\n     */\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    /**\n     * Возвращает предыдущую ноду текущего уровня дерева. Если предыдущая нода имеет детей и она раскрыта, будет возвращена\n     * последняя ее дочерняя нода. Если nextNode - первая нода, будет возвращена родительская нода. Если верхний\n     * уровень - rootNode, будет возвращена последняя видимая нода дерева - ноды внутри свернутых веток пропускаются.\n     */\n    getPrevNode: (nextNode: TreeViewAbstractNode) => TreeViewAbstractNode;\n    /** Возвращает предыдущую ноду текущего уровня дерева. В случае если nextNode - первая нода, будет возвращено undefined. */\n    getPrevSiblingNode: (nextNode: TreeViewAbstractNode) => TreeViewAbstractNode | undefined;\n    /** Возвращает true если нода - последняя в дереве. */\n    isLastNode: (node: TreeViewAbstractNode) => boolean;\n    /**\n     * Устанавливает флаг активности AbstractNode для следующей ноды дерева. Если нода раскрыта, будет активна первая\n     * дочерняя нода, если нода закрыта - будет активирована следующая нода этого же уровня.\n     */\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/** Возвращает последнюю дочернюю ноду. Вызывается только для нод, у которых есть дочерние ноды. */\nconst getLastChildNode = (node: TreeViewAbstractNode): TreeViewAbstractNode => {\n    const children = node.getChildren();\n\n    return children[children.length - 1];\n};\n\n/**\n * Спускается от ноды к последней видимой дочерней ноде: пока нода раскрыта и имеет детей,\n * переходит к последнему ребенку. Ноды внутри свернутых веток пропускаются.\n */\nconst getDeepestVisibleLastChildNode = (node: TreeViewAbstractNode): TreeViewAbstractNode => {\n    let lastNode = node;\n\n    while (lastNode.getOpened() && lastNode.getChildren().length) {\n        lastNode = getLastChildNode(lastNode);\n    }\n\n    return lastNode;\n};\n\n/**\n * Возвращает индекс ноды среди дочерних нод родителя.\n * Если нода среди них не найдена, возвращает 0 - нода трактуется как первая.\n */\nconst getNodeIndexInParent = (node: TreeViewAbstractNode, parentNodeChildren: TreeViewAbstractNode[]): number => {\n    const index = parentNodeChildren.findIndex((n) => n.getId() === node.getId());\n\n    return index === -1 ? 0 : index;\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        // Индекс текущей ноды среди дочерних нод родителя.\n        const currentNodeIndex = getNodeIndexInParent(node, parentNodeChildren);\n\n        // Текущая нода - последняя.\n        if (currentNodeIndex === parentNodeChildren.length - 1) {\n            return undefined;\n        }\n\n        // Возвращается следующая нода.\n        return parentNodeChildren[currentNodeIndex + 1];\n    },\n    getNode: (nodeId, rootNode) => {\n        let result: TreeViewAbstractNode | undefined;\n\n        traverseAbstractTree(rootNode, (node) => {\n            if (node.getId() === nodeId) {\n                result = node;\n                // Не углубляться в дочерние ноды.\n                return false;\n            }\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            // Если parentNode является rootNode.\n            else {\n                // Предыдущая нода - последняя видимая нода дерева.\n                return getDeepestVisibleLastChildNode(getLastChildNode(parentNode));\n            }\n        }\n\n        // Предыдущая нода раскрыта и имеет дочерние ноды. Предыдущей станет последняя ее видимая дочерняя нода.\n        return getDeepestVisibleLastChildNode(prevSiblingNode);\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        // Индекс текущей ноды среди дочерних нод родителя.\n        const currentNodeIndex = getNodeIndexInParent(node, parentNodeChildren);\n\n        // Текущая нода - первая.\n        if (currentNodeIndex === 0) {\n            return undefined;\n        }\n\n        // Возвращается предыдущая нода.\n        return parentNodeChildren[currentNodeIndex - 1];\n    },\n    isLastNode: (node) => {\n        const parentNode = node.getParent();\n\n        if (parentNode) {\n            // Если нода является последней на текущем уровне.\n            if (getLastChildNode(parentNode) === 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            // Активность снимается со всего дерева: стрелки могли увести ее на другую ноду, пока DOM-фокус\n            // оставался на этой. Иначе после ухода фокуса дерево продолжало бы забирать стрелки у страницы.\n            traverseAbstractTree(rootNode, (n) => {\n                if (n.getActive()) {\n                    n.setActive(false);\n                }\n\n                // Продолжить обход дерева.\n                return true;\n            });\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

@@ -2,7 +2,6 @@ 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: () => void 0,
   parentNode: new TreeViewAbstractNode({ id: "contextNode" }),
   registerNode: () => {
@@ -15,7 +14,6 @@ const initialTreeContext = {
   setOpenedNode: () => {
   },
   updateCount: 0
-  /** eslint-enable @typescript-eslint/no-empty-function */
 };
 const TreeViewContext = React__default.createContext(initialTreeContext);
 function withTreeViewContext(WrapperComponent) {

package/components/TreeView/TreeViewContext.js.map

@@ -1 +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;"}
+{"version":3,"file":"TreeViewContext.js","sources":["../../../src/components/TreeView/TreeViewContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { TreeViewAbstractNode } from \"./TreeViewAbstractNode\";\n\n/** Возвращает AbstractNode по id. */\nexport type TTreeViewContextGetNode = (nodeId: string) => TreeViewAbstractNode | undefined;\n\n/** Добавляет AbstractNode в AbstractTree. AbstractTree является AbstractNode. */\nexport type TTreeViewContextRegisterNode = (\n    node: TreeViewAbstractNode,\n    parentNode: TreeViewAbstractNode,\n    prevNode?: TreeViewAbstractNode,\n    nextNode?: TreeViewAbstractNode,\n) => void;\n\n/** Удаляет AbstractNode из AbstractTree. */\nexport type TTreeViewContextRemoveNode = (node: TreeViewAbstractNode) => void;\n\n/** Устанавливает флаг активности AbstractNode. */\nexport type TTreeViewContextSetActiveNode = (node: TreeViewAbstractNode, active: boolean) => void;\n\n/** Устанавливает флаг opened AbstractNode. */\nexport type TTreeViewContextSetOpenedNode = (node: TreeViewAbstractNode, opened: boolean) => void;\n\n/** Контекст TreeView. */\nexport interface ITreeViewContext {\n    /**\n     * Число обновлений абстрактного дерева.\n     * Используется для индикации изменения дерева т.к. изменение мутируемого объекта rootNode не вызывает триггер изменения контекста.\n     */\n    updateCount: number;\n    /** Возвращает TreeViewAbstractNode по id. */\n    getNode: TTreeViewContextGetNode;\n    /** Родительская TreeViewAbstractNode. Каждая нода переопределяет ее для своих детей. */\n    parentNode: TreeViewAbstractNode;\n    /** Рутовая нода абстрактного дерева. */\n    rootNode: TreeViewAbstractNode | null;\n    /** Добавляет TreeViewAbstractNode в AbstractTree. AbstractTree также является AbstractNode. */\n    registerNode: TTreeViewContextRegisterNode;\n    /** Удаляет TreeViewAbstractNode из AbstractTree. */\n    removeNode: TTreeViewContextRemoveNode;\n    /** Устанавливает флаг активности AbstractNode. */\n    setActiveNode: TTreeViewContextSetActiveNode;\n    /** Устанавливает флаг раскрытости AbstractNode. */\n    setOpenedNode: TTreeViewContextSetOpenedNode;\n}\n\n/**\n * Начальное значение контекста.\n * Используется только для типизации createContext, реальные значения устанавливает TreeView.\n */\nexport const initialTreeContext: ITreeViewContext = {\n    getNode: () => undefined,\n    parentNode: new TreeViewAbstractNode({ id: \"contextNode\" }),\n    registerNode: () => {},\n    removeNode: () => {},\n    rootNode: null,\n    setActiveNode: () => {},\n    setOpenedNode: () => {},\n    updateCount: 0,\n};\n\nexport const TreeViewContext = React.createContext<ITreeViewContext>(initialTreeContext);\n\n/** Свойства контекста, добавляемые withTreeViewContext. */\nexport interface IWithTreeViewContextProps {\n    /** Контекст TreeView. Подставляется HOC-ом withTreeViewContext, снаружи передавать не нужно. */\n    treeViewContext: ITreeViewContext;\n}\n\n/** HOC, предоставляющий TreeViewContext через prop treeViewContext. */\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":";;;AAkDO,MAAM,qBAAuC;AAAA,EAChD,SAAS,MAAM;AAAA,EACf,YAAY,IAAI,qBAAqB,EAAE,IAAI,eAAe;AAAA,EAC1D,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,UAAU;AAAA,EACV,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,aAAa;AACjB;AAEO,MAAM,kBAAkBA,eAAM,cAAgC,kBAAkB;AAShF,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,6 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/TreeView.module-DFoYkkgl.js";
-const TreeViewGroup = ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { role: "group", className: styles.treeViewGroup, ...props, children });
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/TreeView.module-CmItPF1_.js";
+const TreeViewGroup = React__default.forwardRef(
+  ({ children, className, ...props }, ref) => (
+    // role после {...props}: семантика группы - контракт компонента, потребитель ее не переопределяет.
+    /* @__PURE__ */ jsx("ul", { className: clsx(styles.treeViewGroup, className), ...props, role: "group", ref, children })
+  )
+);
+TreeViewGroup.displayName = "TreeViewGroup";
 export {
   TreeViewGroup
 };

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

@@ -1 +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;"}
+{"version":3,"file":"TreeViewGroup.js","sources":["../../../../src/components/TreeView/components/TreeViewGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/TreeView.module.less\";\n\n/** Свойства компонента TreeViewGroup. */\nexport interface ITreeViewGroupProps extends React.HTMLAttributes<HTMLUListElement> {}\n\n/** Обертка для вложенных TreeViewNode. Задает семантику группы дочерних нод (role=\"group\"). */\nexport const TreeViewGroup = React.forwardRef<HTMLUListElement, ITreeViewGroupProps>(\n    ({ children, className, ...props }, ref) => (\n        // role после {...props}: семантика группы - контракт компонента, потребитель ее не переопределяет.\n        <ul className={clsx(styles.treeViewGroup, className)} {...props} role=\"group\" ref={ref}>\n            {children}\n        </ul>\n    ),\n);\n\nTreeViewGroup.displayName = \"TreeViewGroup\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,WAAW,GAAG,SAAS;AAAA;AAAA,IAEhC,oBAAC,MAAA,EAAG,WAAW,KAAK,OAAO,eAAe,SAAS,GAAI,GAAG,OAAO,MAAK,SAAQ,KACzE,SAAA,CACL;AAAA;AAER;AAEA,cAAc,cAAc;"}

package/components/TreeView/components/TreeViewNode.js

@@ -6,13 +6,12 @@ import React__default from "react";
 import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
 import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
-import { s as styles } from "../../../chunks/TreeView.module-DFoYkkgl.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/TreeView.module-CmItPF1_.js";
 class TreeViewNodeWithContext extends React__default.Component {
   constructor(props) {
     super(props);
-    __publicField(this, "containerDOMNode");
-    // Абстрактная нода текущей ViewNode.
+    /** Абстрактная нода текущей ViewNode. */
     __publicField(this, "abstractNode");
     /**
      * Обработчик события blur.
@@ -34,9 +33,8 @@ class TreeViewNodeWithContext extends React__default.Component {
       treeViewContext.setActiveNode(this.abstractNode, true);
       onFocus == null ? void 0 : onFocus(event);
     });
-    __publicField(this, "setContainerDOMNode", (DOMNode) => this.containerDOMNode = DOMNode);
-    /** Устанавливает флаг opened ноды. */
-    __publicField(this, "setOpenedNode", () => (opened) => {
+    /** Устанавливает флаг opened ноды. Передается в render-функцию children. */
+    __publicField(this, "setOpenedNode", (opened) => {
       this.props.treeViewContext.setOpenedNode(this.abstractNode, opened);
     });
     const { treeViewContext } = props;
@@ -68,25 +66,25 @@ class TreeViewNodeWithContext extends React__default.Component {
     return /* @__PURE__ */ jsx(TreeViewContext.Provider, { value: { ...treeViewContext, parentNode: this.abstractNode }, children: /* @__PURE__ */ jsx(
       "li",
       {
-        role: "treeitem",
         tabIndex: this.abstractNode.getTabIndex(),
-        "aria-expanded": this.abstractNode.getOpened(),
         className: clsx(styles.treeViewNode, className),
         ...props,
+        role: "treeitem",
+        "aria-expanded": this.abstractNode.getOpened(),
         onBlur: this.handleBlur,
         onFocus: this.handleFocus,
-        ref: this.setContainerDOMNode,
         children: children({
           activeNode: this.abstractNode.getActive(),
           hasChildNodes: Boolean(this.abstractNode.getChildren().length),
           isLastNode: TreeViewAbstractNodeUtils.isLastNode(this.abstractNode),
           openedNode: this.abstractNode.getOpened(),
-          setOpenedNode: this.setOpenedNode()
+          setOpenedNode: this.setOpenedNode
         })
       }
     ) });
   }
 }
+__publicField(TreeViewNodeWithContext, "displayName", "TreeViewNodeWithContext");
 const TreeViewNode = withTreeViewContext(TreeViewNodeWithContext);
 export {
   TreeViewNode,

package/components/TreeView/components/TreeViewNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeViewNode.js","sources":["../../../../src/components/TreeView/components/TreeViewNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { IWithTreeViewContextProps, TreeViewContext, withTreeViewContext } from \"../TreeViewContext\";\nimport { TreeViewAbstractNode } from \"../TreeViewAbstractNode\";\nimport { TreeViewAbstractNodeUtils } from \"../TreeViewAbstractNodeUtils\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/TreeView.module.less\";\n\n/** Свойства передаваемые TreeViewNode в render-функцию children. */\nexport interface ITreeViewNodeProvideProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    activeNode: boolean;\n    /** Состояние ноды - свернута/раскрыта. */\n    openedNode: boolean;\n    /** Текущая нода имеет дочерние ноды. */\n    hasChildNodes: boolean;\n    /** Функция смены значения opened. */\n    setOpenedNode: (opened: boolean) => void;\n    /** Текущая нода является последней в дереве. */\n    isLastNode: boolean;\n}\n\n/** Свойства компонента TreeViewNode. */\nexport interface ITreeViewNodeProps extends Omit<React.HTMLAttributes<HTMLElement>, \"children\"> {\n    /** Render-функция дочерних элементов. */\n    children: (props: ITreeViewNodeProvideProps) => JSX.Element;\n    /** Идентификатор ноды.   */\n    id: string;\n    /** Состояние ноды - свернута/раскрыта. */\n    opened?: boolean;\n    /** Идентификатор следующей ноды. */\n    nextNodeId?: string;\n    /** Идентификатор предыдущей ноды. */\n    prevNodeId?: string;\n}\n\n/**\n * Свойства TreeViewNodeWithContext.\n * iTreeViewNodeProps - передаются родительским компонентам.\n * IWithTreeViewContextProps - добавляются из withTreeViewContext.\n */\nexport interface ITreeViewNodePropsWithContext extends ITreeViewNodeProps, IWithTreeViewContextProps {}\n\n/**\n * Базовый компонент ноды визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактную ноду на основе текущей.\n * Обрабатывает события focus/blur для дальнейшего перемещения с клавиатуры по дереву.\n */\nexport class TreeViewNodeWithContext extends React.Component<ITreeViewNodePropsWithContext> {\n    private containerDOMNode?: HTMLLIElement;\n    // Абстрактная нода текущей ViewNode.\n    private readonly abstractNode: TreeViewAbstractNode;\n\n    constructor(props: ITreeViewNodePropsWithContext) {\n        super(props);\n\n        const { treeViewContext } = props;\n\n        // Создание абстрактной ноды.\n        this.abstractNode = new TreeViewAbstractNode({ id: props.id });\n\n        // Установка свойств opened ноды.\n        treeViewContext.setOpenedNode(this.abstractNode, Boolean(props.opened));\n\n        let prevNode;\n        if (props.prevNodeId) {\n            prevNode = TreeViewAbstractNodeUtils.getNode(props.prevNodeId, treeViewContext.parentNode);\n        }\n\n        let nextNode;\n        if (props.nextNodeId) {\n            nextNode = TreeViewAbstractNodeUtils.getNode(props.nextNodeId, treeViewContext.parentNode);\n        }\n\n        // Добавляем абстрактной ноды в дерево.\n        treeViewContext.registerNode(this.abstractNode, treeViewContext.parentNode, prevNode, nextNode);\n    }\n\n    public componentDidUpdate(prevProps: ITreeViewNodePropsWithContext): void {\n        const { opened, treeViewContext } = this.props;\n        const { opened: prevOpened } = prevProps;\n\n        if (opened !== prevOpened) {\n            treeViewContext.setOpenedNode(this.abstractNode, Boolean(opened));\n        }\n    }\n\n    public componentWillUnmount(): void {\n        const { treeViewContext } = this.props;\n        // Удаление абстрактной ноды из дерева.\n        treeViewContext.removeNode(this.abstractNode);\n    }\n\n    public render(): JSX.Element {\n        const { children, className, nextNodeId, opened, prevNodeId, treeViewContext, ...props } = this.props;\n\n        return (\n            <TreeViewContext.Provider value={{ ...treeViewContext, parentNode: this.abstractNode }}>\n                <li\n                    role=\"treeitem\"\n                    tabIndex={this.abstractNode.getTabIndex()}\n                    aria-expanded={this.abstractNode.getOpened()}\n                    className={clsx(styles.treeViewNode, className)}\n                    {...props}\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                    ref={this.setContainerDOMNode}\n                >\n                    {children({\n                        activeNode: this.abstractNode.getActive(),\n                        hasChildNodes: Boolean(this.abstractNode.getChildren().length),\n                        isLastNode: TreeViewAbstractNodeUtils.isLastNode(this.abstractNode),\n                        openedNode: this.abstractNode.getOpened(),\n                        setOpenedNode: this.setOpenedNode(),\n                    })}\n                </li>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Обработчик события blur.\n     * Если нода была активна - становится неактивной.\n     */\n    private handleBlur = (event: React.FocusEvent<HTMLLIElement>) => {\n        const { onBlur, treeViewContext } = this.props;\n\n        // Предотвращает всплытие до родительской ноды.\n        event.stopPropagation();\n        treeViewContext.setActiveNode(this.abstractNode, false);\n        onBlur?.(event);\n    };\n\n    /**\n     * Обработчик события focus.\n     * При всплытии фокуса до контейнера ноды - ноды становится активной.\n     */\n    private handleFocus = (event: React.FocusEvent<HTMLLIElement>) => {\n        const { onFocus, treeViewContext } = this.props;\n\n        // Предотвращает всплытие до родительской ноды, чтобы активной стала текущая нода, а не ее родитель.\n        event.stopPropagation();\n        treeViewContext.setActiveNode(this.abstractNode, true);\n        onFocus?.(event);\n    };\n\n    private setContainerDOMNode = (DOMNode: HTMLLIElement) => (this.containerDOMNode = DOMNode);\n\n    /** Устанавливает флаг opened ноды. */\n    private setOpenedNode = () => (opened: boolean) => {\n        this.props.treeViewContext.setOpenedNode(this.abstractNode, opened);\n    };\n}\n\nexport const TreeViewNode = withTreeViewContext<ITreeViewNodePropsWithContext>(TreeViewNodeWithContext);\n"],"names":["React"],"mappings":";;;;;;;;;;AAgDO,MAAM,gCAAgCA,eAAM,UAAyC;AAAA,EAKxF,YAAY,OAAsC;AAC9C,UAAM,KAAK;AALP;AAES;AAAA;AAyET;AAAA;AAAA;AAAA;AAAA,sCAAa,CAAC,UAA2C;AAC7D,YAAM,EAAE,QAAQ,gBAAA,IAAoB,KAAK;AAGzC,YAAM,gBAAA;AACN,sBAAgB,cAAc,KAAK,cAAc,KAAK;AACtD,uCAAS;AAAA,IACb;AAMQ;AAAA;AAAA;AAAA;AAAA,uCAAc,CAAC,UAA2C;AAC9D,YAAM,EAAE,SAAS,gBAAA,IAAoB,KAAK;AAG1C,YAAM,gBAAA;AACN,sBAAgB,cAAc,KAAK,cAAc,IAAI;AACrD,yCAAU;AAAA,IACd;AAEQ,+CAAsB,CAAC,YAA4B,KAAK,mBAAmB;AAG3E;AAAA,yCAAgB,MAAM,CAAC,WAAoB;AAC/C,WAAK,MAAM,gBAAgB,cAAc,KAAK,cAAc,MAAM;AAAA,IACtE;AA/FI,UAAM,EAAE,oBAAoB;AAG5B,SAAK,eAAe,IAAI,qBAAqB,EAAE,IAAI,MAAM,IAAI;AAG7D,oBAAgB,cAAc,KAAK,cAAc,QAAQ,MAAM,MAAM,CAAC;AAEtE,QAAI;AACJ,QAAI,MAAM,YAAY;AAClB,iBAAW,0BAA0B,QAAQ,MAAM,YAAY,gBAAgB,UAAU;AAAA,IAC7F;AAEA,QAAI;AACJ,QAAI,MAAM,YAAY;AAClB,iBAAW,0BAA0B,QAAQ,MAAM,YAAY,gBAAgB,UAAU;AAAA,IAC7F;AAGA,oBAAgB,aAAa,KAAK,cAAc,gBAAgB,YAAY,UAAU,QAAQ;AAAA,EAClG;AAAA,EAEO,mBAAmB,WAAgD;AACtE,UAAM,EAAE,QAAQ,gBAAA,IAAoB,KAAK;AACzC,UAAM,EAAE,QAAQ,WAAA,IAAe;AAE/B,QAAI,WAAW,YAAY;AACvB,sBAAgB,cAAc,KAAK,cAAc,QAAQ,MAAM,CAAC;AAAA,IACpE;AAAA,EACJ;AAAA,EAEO,uBAA6B;AAChC,UAAM,EAAE,oBAAoB,KAAK;AAEjC,oBAAgB,WAAW,KAAK,YAAY;AAAA,EAChD;AAAA,EAEO,SAAsB;AACzB,UAAM,EAAE,UAAU,WAAW,YAAY,QAAQ,YAAY,iBAAiB,GAAG,UAAU,KAAK;AAEhG,WACI,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,GAAG,iBAAiB,YAAY,KAAK,aAAA,GACpE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,UAAU,KAAK,aAAa,YAAA;AAAA,QAC5B,iBAAe,KAAK,aAAa,UAAA;AAAA,QACjC,WAAW,KAAK,OAAO,cAAc,SAAS;AAAA,QAC7C,GAAG;AAAA,QACJ,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QACd,KAAK,KAAK;AAAA,QAET,UAAA,SAAS;AAAA,UACN,YAAY,KAAK,aAAa,UAAA;AAAA,UAC9B,eAAe,QAAQ,KAAK,aAAa,YAAA,EAAc,MAAM;AAAA,UAC7D,YAAY,0BAA0B,WAAW,KAAK,YAAY;AAAA,UAClE,YAAY,KAAK,aAAa,UAAA;AAAA,UAC9B,eAAe,KAAK,cAAA;AAAA,QAAc,CACrC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AAkCJ;AAEO,MAAM,eAAe,oBAAmD,uBAAuB;"}
+{"version":3,"file":"TreeViewNode.js","sources":["../../../../src/components/TreeView/components/TreeViewNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { IWithTreeViewContextProps, TreeViewContext, withTreeViewContext } from \"../TreeViewContext\";\nimport { TreeViewAbstractNode } from \"../TreeViewAbstractNode\";\nimport { TreeViewAbstractNodeUtils } from \"../TreeViewAbstractNodeUtils\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/TreeView.module.less\";\n\n/** Свойства передаваемые TreeViewNode в render-функцию children. */\nexport interface ITreeViewNodeProvideProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    activeNode: boolean;\n    /** Состояние ноды - свернута/раскрыта. */\n    openedNode: boolean;\n    /** Текущая нода имеет дочерние ноды. */\n    hasChildNodes: boolean;\n    /** Функция смены значения opened. */\n    setOpenedNode: (opened: boolean) => void;\n    /** Текущая нода является последней в дереве. */\n    isLastNode: boolean;\n}\n\n/** Свойства компонента TreeViewNode. */\nexport interface ITreeViewNodeProps extends Omit<React.HTMLAttributes<HTMLElement>, \"children\"> {\n    /** Render-функция дочерних элементов. */\n    children: (props: ITreeViewNodeProvideProps) => JSX.Element;\n    /** Идентификатор ноды. Должен быть уникальным в пределах дерева. */\n    id: string;\n    /** Состояние ноды - свернута/раскрыта. По умолчанию false. */\n    opened?: boolean;\n    /** Идентификатор следующей ноды. Задает позицию ноды в дереве при вставке между уже зарегистрированными нодами. */\n    nextNodeId?: string;\n    /** Идентификатор предыдущей ноды. Задает позицию ноды в дереве при вставке между уже зарегистрированными нодами. */\n    prevNodeId?: string;\n}\n\n/**\n * Свойства TreeViewNodeWithContext.\n * ITreeViewNodeProps - передаются родительским компонентам.\n * IWithTreeViewContextProps - добавляются из withTreeViewContext.\n */\nexport interface ITreeViewNodePropsWithContext extends ITreeViewNodeProps, IWithTreeViewContextProps {}\n\n/**\n * Базовый компонент ноды визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактную ноду на основе текущей.\n * Обрабатывает события focus/blur для дальнейшего перемещения с клавиатуры по дереву.\n */\nexport class TreeViewNodeWithContext extends React.Component<ITreeViewNodePropsWithContext> {\n    public static displayName = \"TreeViewNodeWithContext\";\n\n    /** Абстрактная нода текущей ViewNode. */\n    private readonly abstractNode: TreeViewAbstractNode;\n\n    constructor(props: ITreeViewNodePropsWithContext) {\n        super(props);\n\n        const { treeViewContext } = props;\n\n        // Создание абстрактной ноды.\n        this.abstractNode = new TreeViewAbstractNode({ id: props.id });\n\n        // Установка свойств opened ноды.\n        treeViewContext.setOpenedNode(this.abstractNode, Boolean(props.opened));\n\n        let prevNode;\n        if (props.prevNodeId) {\n            prevNode = TreeViewAbstractNodeUtils.getNode(props.prevNodeId, treeViewContext.parentNode);\n        }\n\n        let nextNode;\n        if (props.nextNodeId) {\n            nextNode = TreeViewAbstractNodeUtils.getNode(props.nextNodeId, treeViewContext.parentNode);\n        }\n\n        // Добавляем абстрактной ноды в дерево.\n        treeViewContext.registerNode(this.abstractNode, treeViewContext.parentNode, prevNode, nextNode);\n    }\n\n    public componentDidUpdate(prevProps: ITreeViewNodePropsWithContext): void {\n        const { opened, treeViewContext } = this.props;\n        const { opened: prevOpened } = prevProps;\n\n        if (opened !== prevOpened) {\n            treeViewContext.setOpenedNode(this.abstractNode, Boolean(opened));\n        }\n    }\n\n    public componentWillUnmount(): void {\n        const { treeViewContext } = this.props;\n        // Удаление абстрактной ноды из дерева.\n        treeViewContext.removeNode(this.abstractNode);\n    }\n\n    public render(): JSX.Element {\n        const { children, className, nextNodeId, opened, prevNodeId, treeViewContext, ...props } = this.props;\n\n        return (\n            <TreeViewContext.Provider value={{ ...treeViewContext, parentNode: this.abstractNode }}>\n                <li\n                    tabIndex={this.abstractNode.getTabIndex()}\n                    className={clsx(styles.treeViewNode, className)}\n                    {...props}\n                    // role и aria-expanded после {...props}: семантика узла - контракт компонента,\n                    // потребитель ее не переопределяет.\n                    role=\"treeitem\"\n                    aria-expanded={this.abstractNode.getOpened()}\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                >\n                    {children({\n                        activeNode: this.abstractNode.getActive(),\n                        hasChildNodes: Boolean(this.abstractNode.getChildren().length),\n                        isLastNode: TreeViewAbstractNodeUtils.isLastNode(this.abstractNode),\n                        openedNode: this.abstractNode.getOpened(),\n                        setOpenedNode: this.setOpenedNode,\n                    })}\n                </li>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Обработчик события blur.\n     * Если нода была активна - становится неактивной.\n     */\n    private handleBlur = (event: React.FocusEvent<HTMLLIElement>) => {\n        const { onBlur, treeViewContext } = this.props;\n\n        // Предотвращает всплытие до родительской ноды.\n        event.stopPropagation();\n        treeViewContext.setActiveNode(this.abstractNode, false);\n        onBlur?.(event);\n    };\n\n    /**\n     * Обработчик события focus.\n     * При всплытии фокуса до контейнера ноды - ноды становится активной.\n     */\n    private handleFocus = (event: React.FocusEvent<HTMLLIElement>) => {\n        const { onFocus, treeViewContext } = this.props;\n\n        // Предотвращает всплытие до родительской ноды, чтобы активной стала текущая нода, а не ее родитель.\n        event.stopPropagation();\n        treeViewContext.setActiveNode(this.abstractNode, true);\n        onFocus?.(event);\n    };\n\n    /** Устанавливает флаг opened ноды. Передается в render-функцию children. */\n    private setOpenedNode = (opened: boolean) => {\n        this.props.treeViewContext.setOpenedNode(this.abstractNode, opened);\n    };\n}\n\nexport const TreeViewNode = withTreeViewContext<ITreeViewNodePropsWithContext>(TreeViewNodeWithContext);\n"],"names":["React"],"mappings":";;;;;;;;;;AAgDO,MAAM,gCAAgCA,eAAM,UAAyC;AAAA,EAMxF,YAAY,OAAsC;AAC9C,UAAM,KAAK;AAHE;AAAA;AA0ET;AAAA;AAAA;AAAA;AAAA,sCAAa,CAAC,UAA2C;AAC7D,YAAM,EAAE,QAAQ,gBAAA,IAAoB,KAAK;AAGzC,YAAM,gBAAA;AACN,sBAAgB,cAAc,KAAK,cAAc,KAAK;AACtD,uCAAS;AAAA,IACb;AAMQ;AAAA;AAAA;AAAA;AAAA,uCAAc,CAAC,UAA2C;AAC9D,YAAM,EAAE,SAAS,gBAAA,IAAoB,KAAK;AAG1C,YAAM,gBAAA;AACN,sBAAgB,cAAc,KAAK,cAAc,IAAI;AACrD,yCAAU;AAAA,IACd;AAGQ;AAAA,yCAAgB,CAAC,WAAoB;AACzC,WAAK,MAAM,gBAAgB,cAAc,KAAK,cAAc,MAAM;AAAA,IACtE;AA9FI,UAAM,EAAE,oBAAoB;AAG5B,SAAK,eAAe,IAAI,qBAAqB,EAAE,IAAI,MAAM,IAAI;AAG7D,oBAAgB,cAAc,KAAK,cAAc,QAAQ,MAAM,MAAM,CAAC;AAEtE,QAAI;AACJ,QAAI,MAAM,YAAY;AAClB,iBAAW,0BAA0B,QAAQ,MAAM,YAAY,gBAAgB,UAAU;AAAA,IAC7F;AAEA,QAAI;AACJ,QAAI,MAAM,YAAY;AAClB,iBAAW,0BAA0B,QAAQ,MAAM,YAAY,gBAAgB,UAAU;AAAA,IAC7F;AAGA,oBAAgB,aAAa,KAAK,cAAc,gBAAgB,YAAY,UAAU,QAAQ;AAAA,EAClG;AAAA,EAEO,mBAAmB,WAAgD;AACtE,UAAM,EAAE,QAAQ,gBAAA,IAAoB,KAAK;AACzC,UAAM,EAAE,QAAQ,WAAA,IAAe;AAE/B,QAAI,WAAW,YAAY;AACvB,sBAAgB,cAAc,KAAK,cAAc,QAAQ,MAAM,CAAC;AAAA,IACpE;AAAA,EACJ;AAAA,EAEO,uBAA6B;AAChC,UAAM,EAAE,oBAAoB,KAAK;AAEjC,oBAAgB,WAAW,KAAK,YAAY;AAAA,EAChD;AAAA,EAEO,SAAsB;AACzB,UAAM,EAAE,UAAU,WAAW,YAAY,QAAQ,YAAY,iBAAiB,GAAG,UAAU,KAAK;AAEhG,WACI,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,GAAG,iBAAiB,YAAY,KAAK,aAAA,GACpE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAU,KAAK,aAAa,YAAA;AAAA,QAC5B,WAAW,KAAK,OAAO,cAAc,SAAS;AAAA,QAC7C,GAAG;AAAA,QAGJ,MAAK;AAAA,QACL,iBAAe,KAAK,aAAa,UAAA;AAAA,QACjC,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QAEb,UAAA,SAAS;AAAA,UACN,YAAY,KAAK,aAAa,UAAA;AAAA,UAC9B,eAAe,QAAQ,KAAK,aAAa,YAAA,EAAc,MAAM;AAAA,UAC7D,YAAY,0BAA0B,WAAW,KAAK,YAAY;AAAA,UAClE,YAAY,KAAK,aAAa,UAAA;AAAA,UAC9B,eAAe,KAAK;AAAA,QAAA,CACvB;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AAgCJ;AAvGI,cADS,yBACK,eAAc;AAyGzB,MAAM,eAAe,oBAAmD,uBAAuB;"}

package/components/Typography/Caption.js

@@ -1,15 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CvDW-MJO.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-zAYZ7mgb.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__551bda70";
-const regular = "regular__39bb24d8";
-const semibold = "semibold__462a39dd";
-const c1 = "c1__75c15610";
-const c2 = "c2__ab30e84b";
-const d1 = "d1__b1145517";
+const caption = "caption__255c2b91";
+const regular = "regular__03a658ed";
+const semibold = "semibold__bd8c1b1e";
+const c1 = "c1__dbccfd4f";
+const c2 = "c2__bab12e75";
+const d1 = "d1__eed1a9b8";
 const styles = {
   caption,
   regular,

package/components/Typography/CodeText.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CvDW-MJO.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-zAYZ7mgb.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__df2ee4c2";
+const codeText = "codeText__985aff1a";
 const styles = {
   codeText
 };

package/components/Typography/Text.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CvDW-MJO.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-zAYZ7mgb.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__da9c4e74";
-const regular = "regular__39bb24d8";
-const semibold = "semibold__462a39dd";
-const b1 = "b1__d2ebc521";
-const b2 = "b2__20dfadde";
-const b3 = "b3__350d8d4a";
-const compact = "compact__850e21b8";
-const b4 = "b4__21bf54f3";
+const text = "text__9d09ebe4";
+const regular = "regular__03a658ed";
+const semibold = "semibold__bd8c1b1e";
+const b1 = "b1__55886db7";
+const b2 = "b2__e399e512";
+const b3 = "b3__995eb5cb";
+const compact = "compact__7ed50a10";
+const b4 = "b4__f6cec249";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CvDW-MJO.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-zAYZ7mgb.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__89f57a1e";
-const regular = "regular__39bb24d8";
-const medium = "medium__45745c12";
-const semibold = "semibold__462a39dd";
-const bold = "bold__13c83abe";
-const h1 = "h1__6f5d8d3b";
-const h2 = "h2__84c01657";
-const h3 = "h3__452acc21";
+const title = "title__2eaa05b1";
+const regular = "regular__03a658ed";
+const medium = "medium__698723e0";
+const semibold = "semibold__bd8c1b1e";
+const bold = "bold__44ad45d9";
+const h1 = "h1__33e0232e";
+const h2 = "h2__fbf7aa59";
+const h3 = "h3__1a6ec3c6";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F } from "../../chunks/constants-CvDW-MJO.js";
+import { F } from "../../chunks/constants-zAYZ7mgb.js";
 export {
   F as FONT_TYPE_TO_CLASS_NAME_MAP
 };

package/components/UnorderedList/UnorderedList.js

@@ -1,25 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { UnorderedListExtended } from "../UnorderedListExtended/UnorderedListExtended.js";
 import { UnorderedListItem } from "./UnorderedListItem.js";
-const unorderedList = "unorderedList__4fa48d2c";
-const styles = {
-  unorderedList
-};
-const UnorderedList = Object.assign(
-  React__default.forwardRef(({ className, ...restProps }, ref) => /* @__PURE__ */ jsx(
-    "ul",
-    {
-      className: clsx(styles.unorderedList, className),
-      ...restProps,
-      "data-tx": "1.42.0",
-      ref
-    }
-  )),
-  {
-    Item: UnorderedListItem
-  }
-);
+const UnorderedList = React__default.forwardRef(({ items, ...restProps }, ref) => /* @__PURE__ */ jsx(UnorderedListExtended, { ...restProps, ref, children: items == null ? void 0 : items.map(({ key, ...restItem }, index) => /* @__PURE__ */ jsx(UnorderedListItem, { ...restItem }, key ?? restItem.id ?? index)) }));
 UnorderedList.displayName = "UnorderedList";
 export {
   UnorderedList

package/components/UnorderedList/UnorderedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedList.js","sources":["../../../src/components/UnorderedList/UnorderedList.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IUnorderedListProps } from \"@sberbusiness/triplex-next/components/UnorderedList/types\";\nimport { UnorderedListItem } from \"@sberbusiness/triplex-next/components/UnorderedList/UnorderedListItem\";\nimport styles from \"./styles/UnorderedList.module.less\";\n\n/** Маркированный список. */\nexport const UnorderedList = Object.assign(\n    React.forwardRef<HTMLUListElement, IUnorderedListProps>(({ className, ...restProps }, ref) => (\n        <ul\n            className={clsx(styles.unorderedList, className)}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    )),\n    {\n        Item: UnorderedListItem,\n    },\n);\n\nUnorderedList.displayName = \"UnorderedList\";\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,gBAAgB,OAAO;AAAA,EAChCA,eAAM,WAAkD,CAAC,EAAE,WAAW,GAAG,UAAA,GAAa,QAClF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,MAC9C,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA,CAEP;AAAA,EACD;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"UnorderedList.js","sources":["../../../src/components/UnorderedList/UnorderedList.tsx"],"sourcesContent":["import React from \"react\";\nimport { IUnorderedListProps } from \"./types\";\nimport { UnorderedListExtended } from \"../UnorderedListExtended\";\nimport { UnorderedListItem } from \"./UnorderedListItem\";\n\n/** Маркированный список. Элементы описываются данными через свойство items. */\nexport const UnorderedList = React.forwardRef<HTMLUListElement, IUnorderedListProps>(({ items, ...restProps }, ref) => (\n    <UnorderedListExtended {...restProps} ref={ref}>\n        {items?.map(({ key, ...restItem }, index) => (\n            <UnorderedListItem key={key ?? restItem.id ?? index} {...restItem} />\n        ))}\n    </UnorderedListExtended>\n));\n\nUnorderedList.displayName = \"UnorderedList\";\n"],"names":["React"],"mappings":";;;;AAMO,MAAM,gBAAgBA,eAAM,WAAkD,CAAC,EAAE,OAAO,GAAG,UAAA,GAAa,QAC3G,oBAAC,uBAAA,EAAuB,GAAG,WAAW,KACjC,UAAA,+BAAO,IAAI,CAAC,EAAE,KAAK,GAAG,SAAA,GAAY,UAC/B,oBAAC,mBAAA,EAAqD,GAAG,SAAA,GAAjC,OAAO,SAAS,MAAM,KAAqB,IAE3E,CACH;AAED,cAAc,cAAc;"}

package/components/UnorderedList/UnorderedListItem.js

@@ -1,27 +1,11 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
-import { ETextSize } from "../Typography/enums.js";
-import "../Typography/Caption.js";
-import "../Typography/CodeText.js";
-import { Text } from "../Typography/Text.js";
-import "../Typography/Title.js";
-const unorderedListItem = "unorderedListItem__e19a2972";
-const styles = {
-  unorderedListItem
-};
+import { UnorderedListExtended } from "../UnorderedListExtended/UnorderedListExtended.js";
 const UnorderedListItem = React__default.forwardRef(
-  ({ className, ...restProps }, ref) => /* @__PURE__ */ jsx(
-    Text,
-    {
-      className: clsx(styles.unorderedListItem, className),
-      size: ETextSize.B3,
-      tag: "li",
-      ...restProps,
-      "data-tx": "1.42.0",
-      ref
-    }
-  )
+  ({ children, marker, ...restProps }, ref) => /* @__PURE__ */ jsxs(UnorderedListExtended.Item, { ...restProps, ref, children: [
+    /* @__PURE__ */ jsx(UnorderedListExtended.Item.Marker, { children: marker }),
+    children
+  ] })
 );
 UnorderedListItem.displayName = "UnorderedListItem";
 export {

package/components/UnorderedList/UnorderedListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedListItem.js","sources":["../../../src/components/UnorderedList/UnorderedListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IUnorderedListItemProps } from \"@sberbusiness/triplex-next/components/UnorderedList/types\";\nimport { Text, ETextSize } from \"@sberbusiness/triplex-next/components/Typography\";\nimport styles from \"./styles/UnorderedListItem.module.less\";\n\n/** Элемент маркированного списка. */\nexport const UnorderedListItem = React.forwardRef<HTMLLIElement, IUnorderedListItemProps>(\n    ({ className, ...restProps }, ref) => (\n        <Text\n            className={clsx(styles.unorderedListItem, className)}\n            size={ETextSize.B3}\n            tag=\"li\"\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    ),\n);\n\nUnorderedListItem.displayName = \"UnorderedListItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAOO,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,UAAA,GAAa,QAC1B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,mBAAmB,SAAS;AAAA,MACnD,MAAM,UAAU;AAAA,MAChB,KAAI;AAAA,MACH,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,kBAAkB,cAAc;"}
+{"version":3,"file":"UnorderedListItem.js","sources":["../../../src/components/UnorderedList/UnorderedListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { IUnorderedListItemProps } from \"./types\";\nimport { UnorderedListExtended } from \"../UnorderedListExtended\";\n\n/** Элемент маркированного списка. Маркер рендерится перед содержимым элемента. */\nexport const UnorderedListItem = React.forwardRef<HTMLLIElement, IUnorderedListItemProps>(\n    ({ children, marker, ...restProps }, ref) => (\n        <UnorderedListExtended.Item {...restProps} ref={ref}>\n            <UnorderedListExtended.Item.Marker>{marker}</UnorderedListExtended.Item.Marker>\n            {children}\n        </UnorderedListExtended.Item>\n    ),\n);\n\nUnorderedListItem.displayName = \"UnorderedListItem\";\n"],"names":["React"],"mappings":";;;AAKO,MAAM,oBAAoBA,eAAM;AAAA,EACnC,CAAC,EAAE,UAAU,QAAQ,GAAG,UAAA,GAAa,QACjC,qBAAC,sBAAsB,MAAtB,EAA4B,GAAG,WAAW,KACvC,UAAA;AAAA,IAAA,oBAAC,sBAAsB,KAAK,QAA3B,EAAmC,UAAA,QAAO;AAAA,IAC1C;AAAA,EAAA,EAAA,CACL;AAER;AAEA,kBAAkB,cAAc;"}

package/components/UnorderedList/index.js

@@ -1,7 +1,5 @@
 import { UnorderedList } from "./UnorderedList.js";
-import { UnorderedListItem } from "./UnorderedListItem.js";
 export {
-  UnorderedList,
-  UnorderedListItem
+  UnorderedList
 };
 //# sourceMappingURL=index.js.map

package/components/UnorderedList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/UnorderedListExtended/UnorderedListExtended.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { UnorderedListExtendedItem } from "./UnorderedListExtendedItem.js";
+const unorderedListExtended = "unorderedListExtended__35277238";
+const styles = {
+  unorderedListExtended
+};
+const UnorderedListExtendedRoot = React__default.forwardRef(
+  ({ className, ...restProps }, ref) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      className: clsx(styles.unorderedListExtended, className),
+      ...restProps,
+      "data-tx": "1.44.0",
+      ref
+    }
+  )
+);
+UnorderedListExtendedRoot.displayName = "UnorderedListExtended";
+const UnorderedListExtended = Object.assign(UnorderedListExtendedRoot, {
+  Item: UnorderedListExtendedItem
+});
+export {
+  UnorderedListExtended
+};
+//# sourceMappingURL=UnorderedListExtended.js.map

package/components/UnorderedListExtended/UnorderedListExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedListExtended.js","sources":["../../../src/components/UnorderedListExtended/UnorderedListExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IUnorderedListExtendedProps } from \"./types\";\nimport { UnorderedListExtendedItem } from \"./UnorderedListExtendedItem\";\nimport styles from \"./styles/UnorderedListExtended.module.less\";\n\nconst UnorderedListExtendedRoot = React.forwardRef<HTMLUListElement, IUnorderedListExtendedProps>(\n    ({ className, ...restProps }, ref) => (\n        <ul\n            className={clsx(styles.unorderedListExtended, className)}\n            {...restProps}\n            data-tx={process.env.npm_package_version}\n            ref={ref}\n        />\n    ),\n);\n\nUnorderedListExtendedRoot.displayName = \"UnorderedListExtended\";\n\n/** Расширенный маркированный список. Элементы собираются JSX-ом через UnorderedListExtended.Item. */\nexport const UnorderedListExtended = Object.assign(UnorderedListExtendedRoot, {\n    Item: UnorderedListExtendedItem,\n});\n"],"names":["React"],"mappings":";;;;;;;;AAMA,MAAM,4BAA4BA,eAAM;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,UAAA,GAAa,QAC1B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,uBAAuB,SAAS;AAAA,MACtD,GAAG;AAAA,MACJ,WAAS;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,0BAA0B,cAAc;AAGjC,MAAM,wBAAwB,OAAO,OAAO,2BAA2B;AAAA,EAC1E,MAAM;AACV,CAAC;"}