@sberbusiness/triplex-next 1.43.0 → 1.45.0

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

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 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-BxSYvMoV.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-g_SxPw.js";
 import { getTextDecorationClassName } from "./utils.js";
-const caption = "caption__2acc0d9b";
-const regular = "regular__aac3d268";
-const semibold = "semibold__56af09d7";
-const c1 = "c1__40616bb0";
-const c2 = "c2__d223103d";
-const d1 = "d1__cb0802fb";
+const caption = "caption__393b0b24";
+const regular = "regular__16c95d35";
+const semibold = "semibold__30f54974";
+const c1 = "c1__49abf36a";
+const c2 = "c2__522d45ab";
+const d1 = "d1__8963b6dd";
 const styles = {
   caption,
   regular,

package/components/Typography/CodeText.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 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-BxSYvMoV.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-g_SxPw.js";
 import { getTextDecorationClassName } from "./utils.js";
-const codeText = "codeText__811a6896";
+const codeText = "codeText__75b40bd8";
 const styles = {
   codeText
 };

package/components/Typography/Text.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 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-BxSYvMoV.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-g_SxPw.js";
 import { getTextDecorationClassName } from "./utils.js";
-const text = "text__49a08b36";
-const regular = "regular__aac3d268";
-const semibold = "semibold__56af09d7";
-const b1 = "b1__87738910";
-const b2 = "b2__13a45e06";
-const b3 = "b3__17be7a0f";
-const compact = "compact__f392c34e";
-const b4 = "b4__25c001c5";
+const text = "text__99ab4f82";
+const regular = "regular__16c95d35";
+const semibold = "semibold__30f54974";
+const b1 = "b1__f68aa6ce";
+const b2 = "b2__0917d4c6";
+const b3 = "b3__bd668c36";
+const compact = "compact__eb965c3e";
+const b4 = "b4__62efc41c";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 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-BxSYvMoV.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C-g_SxPw.js";
 import { getTextDecorationClassName } from "./utils.js";
-const title = "title__0087b925";
-const regular = "regular__aac3d268";
-const medium = "medium__3c84794f";
-const semibold = "semibold__56af09d7";
-const bold = "bold__8de33dba";
-const h1 = "h1__04ee1080";
-const h2 = "h2__5cc81652";
-const h3 = "h3__b52dd6cc";
+const title = "title__049977fd";
+const regular = "regular__16c95d35";
+const medium = "medium__2f26d1c9";
+const semibold = "semibold__30f54974";
+const bold = "bold__d0d3a34d";
+const h1 = "h1__76283665";
+const h2 = "h2__c996a7bd";
+const h3 = "h3__83de8085";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

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

package/components/UnorderedListExtended/UnorderedListExtended.js

@@ -2,7 +2,7 @@ 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__11bd2d36";
+const unorderedListExtended = "unorderedListExtended__c8e9c2c7";
 const styles = {
   unorderedListExtended
 };
@@ -12,7 +12,7 @@ const UnorderedListExtendedRoot = React__default.forwardRef(
     {
       className: clsx(styles.unorderedListExtended, className),
       ...restProps,
-      "data-tx": "1.43.0",
+      "data-tx": "1.45.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItem.js

@@ -7,7 +7,7 @@ import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { UnorderedListExtendedItemMarker } from "./UnorderedListExtendedItemMarker.js";
-const unorderedListExtendedItem = "unorderedListExtendedItem__78266cf3";
+const unorderedListExtendedItem = "unorderedListExtendedItem__59705553";
 const styles = {
   unorderedListExtendedItem
 };
@@ -19,7 +19,7 @@ const UnorderedListExtendedItemRoot = React__default.forwardRef(
       size,
       tag: "li",
       ...restProps,
-      "data-tx": "1.43.0",
+      "data-tx": "1.45.0",
       ref
     }
   )

package/components/UnorderedListExtended/UnorderedListExtendedItemMarker.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const markerWrapper = "markerWrapper__17b0f341";
-const marker = "marker__945c32d4";
+const markerWrapper = "markerWrapper__6132596f";
+const marker = "marker__1d302d95";
 const styles = {
   markerWrapper,
   marker
@@ -13,7 +13,7 @@ const UnorderedListExtendedItemMarker = React__default.forwardRef(
     {
       className: clsx(styles.markerWrapper, className),
       ...restProps,
-      "data-tx": "1.43.0",
+      "data-tx": "1.45.0",
       ref,
       children: children === void 0 ? /* @__PURE__ */ jsx("span", { className: styles.marker }) : children
     }

package/components/UploadZone/UploadZone.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
 import { createRoot } from "react-dom/client";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-BU3nt7wc.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-DW4bcKms.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -144,7 +144,7 @@ const UploadZone = Object.assign(
           openUploadDialog,
           setInputNode
         },
-        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.43.0", ref, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.45.0", ref, children: [
           /* @__PURE__ */ createElement(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
 import "../../../chunks/vendor-D4wvHis9.js";
-import { U } from "../../../chunks/UploadZoneInput-BU3nt7wc.js";
+import { U } from "../../../chunks/UploadZoneInput-DW4bcKms.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/index.js

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

package/components/index.js

@@ -30,7 +30,7 @@ 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-DMOFGadD.js";
+import { C } from "../chunks/Chip-CWaqKk62.js";
 import { ChipDatePicker } from "./Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./Chip/ChipClearButton.js";
@@ -55,6 +55,7 @@ import { Confirm } from "./Confirm/Confirm.js";
 import { EConfirmParentComponent } from "./Confirm/enums.js";
 import { DateField } from "./DateField/DateField.js";
 import { DatePickerExtended } from "./DatePickerExtended/DatePickerExtended.js";
+import { DatePickerExtendedContext } from "./DatePickerExtended/DatePickerExtendedContext.js";
 import { DateRange } from "./DateRange/DateRange.js";
 import { EDateRangeShiftUnit } from "./DateRange/enums.js";
 import { DesignTokensCore } from "./DesignTokens/DesignTokensCore.js";
@@ -66,7 +67,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-hLJFQ_q0.js";
+import { D } from "../chunks/DropdownListItem-kMroiHoh.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./Dropdown/desktop/enums.js";
 import { DropdownMobile } from "./Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./Dropdown/mobile/DropdownMobileBody.js";
@@ -121,7 +122,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-2kNnHEuL.js";
+import { I } from "../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./ImageGalleryExtended/enums.js";
 import { Island } from "./Island/Island.js";
@@ -152,7 +153,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-CgcAyPtd.js";
+import { L } from "../chunks/ListItemControlsButton-BGHyQIXE.js";
 import { ListItemControlsButtonDropdown } from "./List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./List/components/ListEmptyState.js";
 import { ListItemLoading } from "./List/components/ListItemLoading.js";
@@ -178,6 +179,7 @@ import { LoaderScreen } from "./LoaderScreen/LoaderScreen.js";
 import { Marker } from "./Marker/Marker.js";
 import { EMarkerStatus } from "./Marker/enums.js";
 import { MarkerStatus } from "./MarkerStatus/MarkerStatus.js";
+import { MaskedField } from "./MaskedField/MaskedField.js";
 import { MediaWidth } from "./MediaWidth/MediaWidth.js";
 import { MediaMaxWidth } from "./MediaWidth/MediaMaxWidth.js";
 import { MediaMinWidth } from "./MediaWidth/MediaMinWidth.js";
@@ -266,7 +268,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-BLnAqUOu.js";
+import { S } from "../chunks/SuggestFieldMobileDropdownHint-CEHlClB5.js";
 import { SuggestField } from "./SuggestField/SuggestField.js";
 import { SwipeableArea } from "./SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./Table/MasterTable.js";
@@ -303,7 +305,6 @@ import { ETagColorStatus } from "./TagColor/enums.js";
 import { TagGroup } from "./TagGroup/TagGroup.js";
 import { TextareaField } from "./TextareaField/TextareaField.js";
 import { TextField } from "./TextField/TextField.js";
-import { MaskedField } from "./TextField/MaskedField.js";
 import { ThemeProvider } from "./ThemeProvider/ThemeProvider.js";
 import { ThemeProviderContext } from "./ThemeProvider/ThemeProviderContext.js";
 import { ETriplexNextTheme } from "./ThemeProvider/ETriplexNextTheme.js";
@@ -323,26 +324,8 @@ 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-BU3nt7wc.js";
+import { U } from "../chunks/UploadZoneInput-DW4bcKms.js";
 import { WindowResizeListener } from "./WindowResizeListener/WindowResizeListener.js";
-import "../enums/EComponentSize.js";
-import "../enums/EFocusSource.js";
-import "../utils/amountUtils.js";
-import "../utils/classNameMaps.js";
-import "../utils/inputUtils.js";
-import "../utils/isNullOrUndefined.js";
-import "../utils/keyboard.js";
-import "../utils/scroll.js";
-import "../utils/stringUtils.js";
-import "../utils/focus/FocusTrapUtils.js";
-import "../utils/html/AriaAttributes.js";
-import "../utils/html/DataAttributes.js";
-import "../utils/html/anchorSecurity.js";
-import "../utils/scroll/scrollbar.js";
-import "../consts/DateConst.js";
-import "../consts/AmountConst.js";
-import "../consts/DataTestId.js";
-import "../helpers/breakpoints.js";
 export {
   ALERT_TYPE_TO_CLASS_NAME_MAP,
   AdvancedMouseSensor,
@@ -399,6 +382,7 @@ export {
   Confirm,
   DateField,
   DatePickerExtended,
+  DatePickerExtendedContext,
   DateRange,
   DesignTokensComponents,
   DesignTokensComponentsThemeDark,

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}