@sberbusiness/triplex-next 0.45.0 → 0.47.0

package/components/TreeView/TreeView.js.map

@@ -1 +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    /** Ноды дерева — TreeView.Node (напрямую или через компоненты-обёртки над ним). */\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    /** Глобальный слушатель keydown подписан. Он нужен только пока в дереве есть активная нода. */\n    private keyDownListenerAttached = false;\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 componentWillUnmount(): void {\n        this.detachKeyDownListener();\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                {/* role после {...props}: семантика дерева - контракт компонента, потребитель ее не переопределяет. */}\n                <ul className={clsx(styles.treeView, className)} {...props} role=\"tree\">\n                    {children}\n                </ul>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Увеличивает счетчик обновлений абстрактного дерева.\n     * Значение попадает в контекст и сигнализирует дочерним нодам, что мутируемое дерево изменилось.\n     */\n    private incrementUpdateCount = () => {\n        this.setState(({ updateCount }) => ({ updateCount: updateCount + 1 }));\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.incrementUpdateCount();\n        }\n    };\n\n    /** Добавляет ноду в родительскую ноду. */\n    private registerNode: TTreeViewContextRegisterNode = (node, parentNode, prevNode, nextNode) => {\n        parentNode.addChild(node, prevNode, nextNode);\n        this.updateTabIndexNodes();\n        this.incrementUpdateCount();\n    };\n\n    /** Удаляет ноду из родительской ноды. */\n    private removeNode: TTreeViewContextRemoveNode = (node) => {\n        node.getParent()?.removeChild(node);\n        this.updateTabIndexNodes();\n        // Удалена могла быть активная нода - тогда слушатель стрелок больше не нужен.\n        this.syncKeyDownListener();\n        // Соседние ноды должны перерисоваться: после удаления у них могли измениться hasChildNodes и isLastNode.\n        this.incrementUpdateCount();\n    };\n\n    /** Установка флага активности ноды. */\n    private setActiveNode: TTreeViewContextSetActiveNode = (node, active) => {\n        TreeViewAbstractNodeUtils.setActiveNode(node, this.abstractRootNode, active);\n        this.syncKeyDownListener();\n        this.incrementUpdateCount();\n    };\n\n    /**\n     * Подписывает и отписывает глобальный слушатель keydown по наличию активной ноды.\n     * Пока активной ноды нет, дерево не обрабатывает стрелки и не отменяет скролл страницы.\n     */\n    private syncKeyDownListener = () => {\n        const hasActiveNode = Boolean(TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode));\n\n        if (hasActiveNode && !this.keyDownListenerAttached) {\n            window.addEventListener(\"keydown\", this.handleKeyDown);\n            this.keyDownListenerAttached = true;\n        } else if (!hasActiveNode && this.keyDownListenerAttached) {\n            this.detachKeyDownListener();\n        }\n    };\n\n    /** Отписывает глобальный слушатель keydown. */\n    private detachKeyDownListener = () => {\n        window.removeEventListener(\"keydown\", this.handleKeyDown);\n        this.keyDownListenerAttached = false;\n    };\n\n    /** Установка флага opened ноды. */\n    private setOpenedNode: TTreeViewContextSetOpenedNode = (node, opened) => {\n        node.setOpened(opened);\n        this.incrementUpdateCount();\n    };\n\n    /** Возвращает AbstractNode по id. */\n    private getNode: TTreeViewContextGetNode = (nodeId) =>\n        TreeViewAbstractNodeUtils.getNode(nodeId, this.abstractRootNode);\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        } else if (EVENT_KEY_CODES.ARROW_UP === event.keyCode) {\n            // Устанавливает активность предыдущей ноды.\n            TreeViewAbstractNodeUtils.setActivePrevNode(this.abstractRootNode);\n        } else {\n            return;\n        }\n\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n        this.incrementUpdateCount();\n    };\n}\n"],"names":[],"mappings":"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"}
+{"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    /** Ноды дерева — TreeView.Node (напрямую или через компоненты-обёртки над ним). */\n    children: React.ReactNode;\n}\n\n/**\n * Внутренние свойства TreeViewBase.\n * Класс не может быть обёрнут forwardRef напрямую, поэтому внешний ref приходит к нему обычным свойством.\n */\ninterface ITreeViewBaseProps extends ITreeViewProps {\n    /** Внешний ref на корневой <ul>, проброшенный обёрткой TreeView. */\n    forwardedRef: React.ForwardedRef<HTMLUListElement>;\n}\n\n/** Состояние TreeView. */\ninterface ITreeViewState {\n    /**\n     * Число обновлений абстрактного дерева.\n     * Используется для индикации изменения дерева т.к. изменение мутируемого объекта rootNode не вызывает триггер изменения контекста.\n     */\n    updateCount: number;\n}\n\n/** Идентификатор первой ноды дерева. */\nconst rootNodeId = \"rootNode\";\n\n/**\n * Реализация TreeView. Вынесена в отдельный класс, потому что class-компонент нельзя обернуть forwardRef напрямую:\n * публичный TreeView ниже — обёртка, передающая сюда внешний ref свойством forwardedRef.\n */\nclass TreeViewBase extends React.Component<ITreeViewBaseProps, ITreeViewState> {\n    private readonly abstractRootNode: TreeViewAbstractNode;\n    /** Глобальный слушатель keydown подписан. Он нужен только пока в дереве есть активная нода. */\n    private keyDownListenerAttached = false;\n\n    constructor(props: ITreeViewBaseProps) {\n        super(props);\n\n        this.abstractRootNode = new TreeViewAbstractNode({ id: rootNodeId });\n\n        this.state = {\n            updateCount: 0,\n        };\n    }\n\n    public componentWillUnmount(): void {\n        this.detachKeyDownListener();\n    }\n\n    public render(): JSX.Element {\n        const { children, className, forwardedRef, ...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                {/* role после {...props}: семантика дерева - контракт компонента, потребитель ее не переопределяет. */}\n                <ul ref={forwardedRef} className={clsx(styles.treeView, className)} {...props} role=\"tree\">\n                    {children}\n                </ul>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Увеличивает счетчик обновлений абстрактного дерева.\n     * Значение попадает в контекст и сигнализирует дочерним нодам, что мутируемое дерево изменилось.\n     */\n    private incrementUpdateCount = () => {\n        this.setState(({ updateCount }) => ({ updateCount: updateCount + 1 }));\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.incrementUpdateCount();\n        }\n    };\n\n    /** Добавляет ноду в родительскую ноду. */\n    private registerNode: TTreeViewContextRegisterNode = (node, parentNode, prevNode, nextNode) => {\n        parentNode.addChild(node, prevNode, nextNode);\n        this.updateTabIndexNodes();\n        this.incrementUpdateCount();\n    };\n\n    /** Удаляет ноду из родительской ноды. */\n    private removeNode: TTreeViewContextRemoveNode = (node) => {\n        node.getParent()?.removeChild(node);\n        this.updateTabIndexNodes();\n        // Удалена могла быть активная нода - тогда слушатель стрелок больше не нужен.\n        this.syncKeyDownListener();\n        // Соседние ноды должны перерисоваться: после удаления у них могли измениться hasChildNodes и isLastNode.\n        this.incrementUpdateCount();\n    };\n\n    /** Установка флага активности ноды. */\n    private setActiveNode: TTreeViewContextSetActiveNode = (node, active) => {\n        TreeViewAbstractNodeUtils.setActiveNode(node, this.abstractRootNode, active);\n        this.syncKeyDownListener();\n        this.incrementUpdateCount();\n    };\n\n    /**\n     * Подписывает и отписывает глобальный слушатель keydown по наличию активной ноды.\n     * Пока активной ноды нет, дерево не обрабатывает стрелки и не отменяет скролл страницы.\n     */\n    private syncKeyDownListener = () => {\n        const hasActiveNode = Boolean(TreeViewAbstractNodeUtils.getActiveNode(this.abstractRootNode));\n\n        if (hasActiveNode && !this.keyDownListenerAttached) {\n            window.addEventListener(\"keydown\", this.handleKeyDown);\n            this.keyDownListenerAttached = true;\n        } else if (!hasActiveNode && this.keyDownListenerAttached) {\n            this.detachKeyDownListener();\n        }\n    };\n\n    /** Отписывает глобальный слушатель keydown. */\n    private detachKeyDownListener = () => {\n        window.removeEventListener(\"keydown\", this.handleKeyDown);\n        this.keyDownListenerAttached = false;\n    };\n\n    /** Установка флага opened ноды. */\n    private setOpenedNode: TTreeViewContextSetOpenedNode = (node, opened) => {\n        node.setOpened(opened);\n        this.incrementUpdateCount();\n    };\n\n    /** Возвращает AbstractNode по id. */\n    private getNode: TTreeViewContextGetNode = (nodeId) =>\n        TreeViewAbstractNodeUtils.getNode(nodeId, this.abstractRootNode);\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        } else if (EVENT_KEY_CODES.ARROW_UP === event.keyCode) {\n            // Устанавливает активность предыдущей ноды.\n            TreeViewAbstractNodeUtils.setActivePrevNode(this.abstractRootNode);\n        } else {\n            return;\n        }\n\n        // Предотвращает скролл страницы.\n        event.preventDefault();\n        this.incrementUpdateCount();\n    };\n}\n\n/**\n * Тип компонента \"Базовое дерево\" со статическими субкомпонентами.\n *\n * Явная аннотация снимает проверку лишних свойств у Object.assign, поэтому при добавлении\n * или удалении статики этот интерфейс нужно править синхронно: иначе новая статика окажется\n * в рантайме, но не попадёт в публичный тип, и TypeScript промолчит.\n */\nexport interface ITreeViewFC extends React.ForwardRefExoticComponent<\n    ITreeViewProps & React.RefAttributes<HTMLUListElement>\n> {\n    /** Группа дочерних нод. */\n    Group: typeof TreeViewGroup;\n    /** Нода дерева. */\n    Node: typeof TreeViewNode;\n}\n\n/**\n * Базовый компонент визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактное дерево на основе текущего.\n * Устанавливает контекст для дочерних нод.\n * Реализует навигацию по дереву.\n *\n * ref указывает на корневой <ul role=\"tree\">.\n *\n * Accessibility требования:\n * https://www.w3.org/TR/wai-aria-practices-1.1/examples/treeview/treeview-2/treeview-2a.html\n */\nexport const TreeView: ITreeViewFC = Object.assign(\n    React.forwardRef<HTMLUListElement, ITreeViewProps>((props, ref) => <TreeViewBase {...props} forwardedRef={ref} />),\n    {\n        Group: TreeViewGroup,\n        Node: TreeViewNode,\n    },\n);\n\nTreeView.displayName = \"TreeView\";\n"],"names":[],"mappings":"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"}

package/components/TreeView/components/TreeViewGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/TreeView.module-Baejw-6t.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/TreeView.module-DmqSTVDj.js";
 const TreeViewGroup = React.forwardRef(
   ({ children, className, ...props }, ref) => (
     // role после {...props}: семантика группы - контракт компонента, потребитель ее не переопределяет.

package/components/TreeView/components/TreeViewNode.js

@@ -6,8 +6,8 @@ import React 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-DqGxntec.js";
-import { s as styles } from "../../../chunks/TreeView.module-Baejw-6t.js";
+import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles } from "../../../chunks/TreeView.module-DmqSTVDj.js";
 class TreeViewNodeWithContext extends React.Component {
   constructor(props) {
     super(props);

package/components/Triggers/TriggerClickOnKeyDownEvent.js

@@ -7,14 +7,11 @@ const TriggerClickOnKeyDownEvent = ({
 }) => {
   const handleKeyDown = () => {
     const buttonEl = targetRef.current;
-    if (!buttonEl) {
-      return;
-    }
-    if (buttonEl.offsetParent !== null) {
+    if (buttonEl && buttonEl.offsetParent !== null) {
       buttonEl.click();
     }
   };
-  return /* @__PURE__ */ jsx(KeyDownListener, { onMatch: handleKeyDown, eventKeyCode, children });
+  return /* @__PURE__ */ jsx(KeyDownListener, { eventKeyCode, onMatch: handleKeyDown, children });
 };
 TriggerClickOnKeyDownEvent.displayName = "TriggerClickOnKeyDownEvent";
 export {

package/components/Triggers/TriggerClickOnKeyDownEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerClickOnKeyDownEvent.js","sources":["../../../src/components/Triggers/TriggerClickOnKeyDownEvent.tsx"],"sourcesContent":["import { IKeyDownListenerProps, KeyDownListener } from \"../KeyDownListener/KeyDownListener\";\nimport React from \"react\";\n\n/**\n * Свойства TriggerClickOnKeyDownEvent.\n */\ninterface ITriggerClickOnKeyDownEventProps extends Pick<IKeyDownListenerProps, \"eventKeyCode\"> {\n    /** Ссылка на оборачиваемую кнопку. */\n    targetRef: React.RefObject<HTMLButtonElement>;\n    children: React.ReactElement;\n}\n\n/**\n * При нажатии на клавишу вызывает onClick на дочерний элемент.\n */\nexport const TriggerClickOnKeyDownEvent: React.FC<ITriggerClickOnKeyDownEventProps> = ({\n    children,\n    eventKeyCode,\n    targetRef,\n}) => {\n    const handleKeyDown = () => {\n        const buttonEl = targetRef.current;\n        if (!buttonEl) {\n            return;\n        }\n\n        /**\n         * Проверка: node не имеет свойства display: none, иначе происходит триггер на скрытых элементах.\n         * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n         */\n        if (buttonEl.offsetParent !== null) {\n            buttonEl.click();\n        }\n    };\n\n    return (\n        <KeyDownListener onMatch={handleKeyDown} eventKeyCode={eventKeyCode}>\n            {children}\n        </KeyDownListener>\n    );\n};\n\nTriggerClickOnKeyDownEvent.displayName = \"TriggerClickOnKeyDownEvent\";\n"],"names":[],"mappings":";;AAeO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,gBAAgB,MAAM;AACxB,UAAM,WAAW,UAAU;AAC3B,QAAI,CAAC,UAAU;AACX;AAAA,IACJ;AAMA,QAAI,SAAS,iBAAiB,MAAM;AAChC,eAAS,MAAA;AAAA,IACb;AAAA,EACJ;AAEA,SACI,oBAAC,iBAAA,EAAgB,SAAS,eAAe,cACpC,UACL;AAER;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"TriggerClickOnKeyDownEvent.js","sources":["../../../src/components/Triggers/TriggerClickOnKeyDownEvent.tsx"],"sourcesContent":["import React from \"react\";\nimport { IKeyDownListenerProps, KeyDownListener } from \"../KeyDownListener/KeyDownListener\";\n\n/**\n * Свойства компонента TriggerClickOnKeyDownEvent.\n */\nexport interface ITriggerClickOnKeyDownEventProps extends Pick<IKeyDownListenerProps, \"eventKeyCode\"> {\n    /** Содержимое. Рендерится как есть, без обёртки и без собственной разметки. */\n    children: React.ReactElement;\n    /** Ссылка на кнопку, по которой выполняется клик. Скрытая кнопка кликом не вызывается. */\n    targetRef: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * При нажатии на клавишу вызывает click на кнопке из targetRef.\n * Клавиша слушается на window (через KeyDownListener), собственной разметки компонент не рендерит.\n */\nexport const TriggerClickOnKeyDownEvent: React.FC<ITriggerClickOnKeyDownEventProps> = ({\n    children,\n    eventKeyCode,\n    targetRef,\n}) => {\n    /**\n     * Кликает по кнопке, если она смонтирована и видима.\n     * offsetParent === null — как правило признак того, что элемент или его предок скрыт через\n     * display: none; то же значение дают собственный position: fixed у элемента и элементы вне\n     * документа (fixed на предке на проверку не влияет). Без этой проверки триггер срабатывал бы\n     * и на скрытых кнопках (например, на мобильной копии кнопки).\n     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n     */\n    const handleKeyDown = (): void => {\n        const buttonEl = targetRef.current;\n\n        if (buttonEl && buttonEl.offsetParent !== null) {\n            buttonEl.click();\n        }\n    };\n\n    return (\n        <KeyDownListener eventKeyCode={eventKeyCode} onMatch={handleKeyDown}>\n            {children}\n        </KeyDownListener>\n    );\n};\n\nTriggerClickOnKeyDownEvent.displayName = \"TriggerClickOnKeyDownEvent\";\n"],"names":[],"mappings":";;AAiBO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AASF,QAAM,gBAAgB,MAAY;AAC9B,UAAM,WAAW,UAAU;AAE3B,QAAI,YAAY,SAAS,iBAAiB,MAAM;AAC5C,eAAS,MAAA;AAAA,IACb;AAAA,EACJ;AAEA,SACI,oBAAC,iBAAA,EAAgB,cAA4B,SAAS,eACjD,UACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/Typography/Caption.js

@@ -1,15 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-B22U7N_p.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CKlYe1SP.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__3fa87ce2";
-const regular = "regular__9dcbefe9";
-const semibold = "semibold__65ae46b6";
-const c1 = "c1__4d4d9643";
-const c2 = "c2__c8ae5a30";
-const d1 = "d1__2fe8f728";
+const caption = "caption__d6898bfd";
+const regular = "regular__3f1c7589";
+const semibold = "semibold__a316a6e5";
+const c1 = "c1__d900fa22";
+const c2 = "c2__b8c0bff0";
+const d1 = "d1__b1165217";
 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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-B22U7N_p.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CKlYe1SP.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__cd01bdb4";
+const codeText = "codeText__cf6fabf1";
 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-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-B22U7N_p.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CKlYe1SP.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__144234c2";
-const regular = "regular__9dcbefe9";
-const semibold = "semibold__65ae46b6";
-const b1 = "b1__6edc02e7";
-const b2 = "b2__b066b9ec";
-const b3 = "b3__abfe0b98";
-const compact = "compact__ebcbaaf9";
-const b4 = "b4__d443eabd";
+const text = "text__1e1126f0";
+const regular = "regular__3f1c7589";
+const semibold = "semibold__a316a6e5";
+const b1 = "b1__f2cc022b";
+const b2 = "b2__32a5d5e8";
+const b3 = "b3__d8cdbb8f";
+const compact = "compact__efde9d59";
+const b4 = "b4__74289111";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-B22U7N_p.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CKlYe1SP.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__ae8c7414";
-const regular = "regular__9dcbefe9";
-const medium = "medium__d491fa05";
-const semibold = "semibold__65ae46b6";
-const bold = "bold__bae7bb39";
-const h1 = "h1__c8fa6d6a";
-const h2 = "h2__841300ad";
-const h3 = "h3__d87e2421";
+const title = "title__73d9e28a";
+const regular = "regular__3f1c7589";
+const medium = "medium__c6c543f2";
+const semibold = "semibold__a316a6e5";
+const bold = "bold__1b344013";
+const h1 = "h1__0f20bee2";
+const h2 = "h2__48f90f3f";
+const h3 = "h3__7cbdb61d";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

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

package/components/UnorderedListExtended/UnorderedListExtended.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { UnorderedListExtendedItem } from "./UnorderedListExtendedItem.js";
-const unorderedListExtended = "unorderedListExtended__e16a84ef";
+const unorderedListExtended = "unorderedListExtended__1ce5e2ef";
 const styles = {
   unorderedListExtended
 };
@@ -12,7 +12,7 @@ const UnorderedListExtendedRoot = React.forwardRef(
     {
       className: clsx(styles.unorderedListExtended, className),
       ...restProps,
-      "data-tx": "0.45.0",
+      "data-tx": "0.47.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItem.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.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";
 import { UnorderedListExtendedItemMarker } from "./UnorderedListExtendedItemMarker.js";
-const unorderedListExtendedItem = "unorderedListExtendedItem__8abf7bb8";
+const unorderedListExtendedItem = "unorderedListExtendedItem__ee1d3e8d";
 const styles = {
   unorderedListExtendedItem
 };
@@ -19,7 +19,7 @@ const UnorderedListExtendedItemRoot = React.forwardRef(
       size,
       tag: "li",
       ...restProps,
-      "data-tx": "0.45.0",
+      "data-tx": "0.47.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItemMarker.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-const markerWrapper = "markerWrapper__6e1fa2fc";
-const marker = "marker__47bd3cf3";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+const markerWrapper = "markerWrapper__4eb9f05c";
+const marker = "marker__9dfa3dd6";
 const styles = {
   markerWrapper,
   marker
@@ -13,7 +13,7 @@ const UnorderedListExtendedItemMarker = React.forwardRef(
     {
       className: clsx(styles.markerWrapper, className),
       ...restProps,
-      "data-tx": "0.45.0",
+      "data-tx": "0.47.0",
       ref,
       children: children === void 0 ? /* @__PURE__ */ jsx("span", { className: styles.marker }) : children
     }

package/components/UploadZone/UploadZone.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
 import ReactDOM from "react-dom";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-F_xK3FxK.js";
+import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-CNjmDMRe.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -143,7 +143,7 @@ const UploadZone = Object.assign(
           openUploadDialog,
           setInputNode
         },
-        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "0.45.0", ref, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "0.47.0", ref, children: [
           /* @__PURE__ */ createElement(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
-import "../../../chunks/vendor-DqGxntec.js";
-import { U } from "../../../chunks/UploadZoneInput-F_xK3FxK.js";
+import "../../../chunks/vendor-Bf_-FiU6.js";
+import { U } from "../../../chunks/UploadZoneInput-CNjmDMRe.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/index.js

@@ -1,5 +1,5 @@
 import { UploadZone } from "./UploadZone.js";
-import { U } from "../../chunks/UploadZoneInput-F_xK3FxK.js";
+import { U } from "../../chunks/UploadZoneInput-CNjmDMRe.js";
 export {
   UploadZone,
   U as UploadZoneInput

package/components/WindowResizeListener/WindowResizeListener.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { t as throttle } from "../../chunks/vendor-DqGxntec.js";
+import { t as throttle } from "../../chunks/vendor-Bf_-FiU6.js";
 const WindowResizeListener = ({
   children,
   onResize,

package/components/index.js

@@ -30,12 +30,14 @@ import { checkChildrenCheckboxes, checkParentCheckboxes, traverseCheckboxes } fr
 import { CheckboxTreeExtended } from "./CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode } from "./CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType } from "./Chip/enums.js";
-import { C } from "../chunks/Chip-5_tKU86v.js";
+import { C } from "../chunks/Chip-CfafQnbn.js";
 import { ChipDatePicker } from "./Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./Chip/ChipClearButton.js";
 import { ChipDropdownArrow } from "./Chip/ChipDropdownArrow.js";
 import { ChipIcon } from "./Chip/ChipIcon.js";
+import { ChipMonthYearPicker } from "./Chip/ChipMonthYearPicker/ChipMonthYearPicker.js";
+import { ChipMonthYearPickerTarget } from "./Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js";
 import { ChipMultiselect } from "./Chip/ChipMultiselect.js";
 import { ChipOptions } from "./Chip/ChipOptions.js";
 import { ChipSelect } from "./Chip/ChipSelect/ChipSelect.js";
@@ -67,7 +69,7 @@ import { DocumentNumberEdit } from "./DocumentNumberEdit/DocumentNumberEdit.js";
 import { DropdownListContext } from "./Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "./Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "./Dropdown/desktop/DropdownList.js";
-import { D } from "../chunks/DropdownListItem-Dxy-pk9m.js";
+import { D } from "../chunks/DropdownListItem-XTBMvdvB.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./Dropdown/desktop/enums.js";
 import { DropdownMobile } from "./Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./Dropdown/mobile/DropdownMobileBody.js";
@@ -122,7 +124,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtended/components/Imag
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../chunks/ImageGalleryExtendedThumb-A_z_RGt_.js";
+import { I } from "../chunks/ImageGalleryExtendedThumb-DlnuYNuE.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./ImageGalleryExtended/enums.js";
 import { Island } from "./Island/Island.js";
@@ -153,7 +155,7 @@ import { ListItem } from "./List/components/ListItem.js";
 import { ListItemControls } from "./List/components/ListItemControls.js";
 import { ListItemContent } from "./List/components/ListItemContent.js";
 import { ListActionItem } from "./List/components/ListActionItem.js";
-import { L } from "../chunks/ListItemControlsButton-eLfgjcba.js";
+import { L } from "../chunks/ListItemControlsButton-BLY542zX.js";
 import { ListItemControlsButtonDropdown } from "./List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./List/components/ListEmptyState.js";
 import { ListItemLoading } from "./List/components/ListItemLoading.js";
@@ -268,7 +270,7 @@ import { SuggestFieldDesktopDropdown } from "./SuggestField/desktop/SuggestField
 import { SuggestFieldDesktop } from "./SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../chunks/SuggestFieldMobileDropdownHint-DlkMcveL.js";
+import { S } from "../chunks/SuggestFieldMobileDropdownHint-DO03uT4o.js";
 import { SuggestField } from "./SuggestField/SuggestField.js";
 import { SwipeableArea } from "./SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./Table/MasterTable.js";
@@ -324,7 +326,7 @@ import { Title } from "./Typography/Title.js";
 import { UnorderedList } from "./UnorderedList/UnorderedList.js";
 import { UnorderedListExtended } from "./UnorderedListExtended/UnorderedListExtended.js";
 import { UploadZone } from "./UploadZone/UploadZone.js";
-import { U } from "../chunks/UploadZoneInput-F_xK3FxK.js";
+import { U } from "../chunks/UploadZoneInput-CNjmDMRe.js";
 import { WindowResizeListener } from "./WindowResizeListener/WindowResizeListener.js";
 export {
   ALERT_TYPE_TO_CLASS_NAME_MAP,
@@ -361,6 +363,8 @@ export {
   ChipDropdownArrow,
   ChipGroup,
   ChipIcon,
+  ChipMonthYearPicker,
+  ChipMonthYearPickerTarget,
   ChipMultiselect,
   ChipOptions,
   ChipPanel,

package/components/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/SliderExtended/utils.js → helpers/setForwardedRef.js}

@@ -1,11 +1,11 @@
 function setForwardedRef(ref, instance) {
   if (typeof ref === "function") {
     ref(instance);
-  } else if (ref) {
+  } else if (ref != null) {
     ref.current = instance;
   }
 }
 export {
   setForwardedRef
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=setForwardedRef.js.map

package/helpers/setForwardedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setForwardedRef.js","sources":["../../src/helpers/setForwardedRef.ts"],"sourcesContent":["import React from \"react\";\n\n/**\n * Записать значение в forwarded ref (callback-ref или объектный ref).\n *\n * Внутренний хелпер библиотеки: лежит в `src/helpers`, из корневого barrel не экспортируется\n * и в публичный API не входит. Используется компонентами, которые совмещают внешний ref\n * с собственным — AmountField, ChipSuggest, FormField, List, SliderExtended.\n *\n * @param ref Внешняя ссылка, переданная потребителем.\n * @param instance Экземпляр элемента или null при размонтировании.\n */\nexport function setForwardedRef<T>(ref: React.Ref<T> | undefined, instance: T | null): void {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref != null) {\n        // React.RefObject помечен readonly, но запись в current — единственный способ заполнить объектный ref.\n        (ref as React.MutableRefObject<T | null>).current = instance;\n    }\n}\n"],"names":[],"mappings":"AAYO,SAAS,gBAAmB,KAA+B,UAA0B;AACxF,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,OAAO,MAAM;AAEnB,QAAyC,UAAU;AAAA,EACxD;AACJ;"}