@sberbusiness/triplex-next 1.42.0 → 1.44.0

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtendedArrow.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.tsx"],"sourcesContent":["import { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport React from \"react\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\n/**\n * Свойства CheckboxTreeExtendedArrow.\n *\n * @prop {boolean} active - Текущая нода является активной при перемещении с клавиатуры.\n * @prop {boolean} opened - Текущая нода раскрыта.\n * @prop {Function} toggle - Функция смены значения opened.\n */\ninterface ICheckboxTreeExtendedArrowProps {\n    active: boolean;\n    opened: boolean;\n    toggle: (opened: boolean) => void;\n}\n\n/**\n * Стрелка раскрытия ветки CheckboxTreeExtended.\n */\nexport class CheckboxTreeExtendedArrow extends React.Component<ICheckboxTreeExtendedArrowProps> {\n    private arrowNode?: HTMLSpanElement;\n\n    public componentDidUpdate(prevProps: ICheckboxTreeExtendedArrowProps): void {\n        const { active } = this.props;\n        const { active: prevActive } = prevProps;\n\n        // Триггер фокуса на стрелке при изменении флага активности при перемещении по дереву с клавиатуры.\n        if (active && !prevActive) {\n            this.arrowNode?.focus();\n        }\n    }\n\n    public render(): JSX.Element {\n        return (\n            <span\n                className={styles.caretIconWrapper}\n                onClick={this.handleClick}\n                onKeyUp={this.handleKeyUp}\n                ref={this.setArrowNode}\n                role=\"button\"\n                tabIndex={-1}\n            >\n                <CaretdownStrokeSrvIcon16 paletteIndex={0} />\n            </span>\n        );\n    }\n\n    private setArrowNode = (DOMNode: HTMLSpanElement) => {\n        this.arrowNode = DOMNode;\n    };\n\n    private handleClick = () => {\n        const { opened, toggle } = this.props;\n\n        toggle(!opened);\n    };\n\n    /**\n     * Обработчик нажатия клавиш.\n     * Стрелка вправо - раскрыть, влево - свернуть.\n     * Enter, space - изменить состояние на противоположное.\n     */\n    private handleKeyUp = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        const { opened, toggle } = this.props;\n\n        if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {\n            toggle(true);\n        } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {\n            toggle(false);\n        } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {\n            toggle(!opened);\n        }\n    };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAqBO,MAAM,kCAAkCA,eAAM,UAA2C;AAAA,EAAzF;AAAA;AACK;AA2BA,wCAAe,CAAC,YAA6B;AACjD,WAAK,YAAY;AAAA,IACrB;AAEQ,uCAAc,MAAM;AACxB,YAAM,EAAE,QAAQ,OAAA,IAAW,KAAK;AAEhC,aAAO,CAAC,MAAM;AAAA,IAClB;AAOQ;AAAA;AAAA;AAAA;AAAA;AAAA,uCAAc,CAAC,UAAgD;AACnE,YAAM,EAAE,QAAQ,OAAA,IAAW,KAAK;AAEhC,UAAI,MAAM,YAAY,gBAAgB,aAAa;AAC/C,eAAO,IAAI;AAAA,MACf,WAAW,MAAM,YAAY,gBAAgB,YAAY;AACrD,eAAO,KAAK;AAAA,MAChB,WAAW,CAAC,gBAAgB,OAAO,gBAAgB,KAAK,EAAE,SAAS,MAAM,OAAO,GAAG;AAC/E,eAAO,CAAC,MAAM;AAAA,MAClB;AAAA,IACJ;AAAA;AAAA,EAlDO,mBAAmB,WAAkD;;AACxE,UAAM,EAAE,WAAW,KAAK;AACxB,UAAM,EAAE,QAAQ,WAAA,IAAe;AAG/B,QAAI,UAAU,CAAC,YAAY;AACvB,iBAAK,cAAL,mBAAgB;AAAA,IACpB;AAAA,EACJ;AAAA,EAEO,SAAsB;AACzB,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACd,KAAK,KAAK;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QAEV,UAAA,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvD;AA4BJ;"}
+{"version":3,"file":"CheckboxTreeExtendedArrow.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtendedArrow. */\ninterface ICheckboxTreeExtendedArrowProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    active: boolean;\n    /** Текущая нода раскрыта. */\n    opened: boolean;\n    /** Функция смены значения opened. */\n    toggle: (opened: boolean) => void;\n}\n\n/**\n * Стрелка раскрытия ветки CheckboxTreeExtended.\n */\nexport const CheckboxTreeExtendedArrow: React.FC<ICheckboxTreeExtendedArrowProps> = ({ active, opened, toggle }) => {\n    const arrowNode = useRef<HTMLSpanElement | null>(null);\n    const prevActive = useRef(active);\n\n    // Триггер фокуса на стрелке при изменении флага активности при перемещении по дереву с клавиатуры.\n    useEffect(() => {\n        if (active && !prevActive.current) {\n            arrowNode.current?.focus();\n        }\n\n        prevActive.current = active;\n    }, [active]);\n\n    const handleClick = () => {\n        toggle(!opened);\n    };\n\n    /**\n     * Обработчик нажатия клавиш.\n     * Стрелка вправо - раскрыть, влево - свернуть.\n     * Enter, space - изменить состояние на противоположное.\n     */\n    const handleKeyUp = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n        if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {\n            toggle(true);\n        } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {\n            toggle(false);\n        } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {\n            toggle(!opened);\n        }\n    };\n\n    return (\n        <span\n            className={styles.caretIconWrapper}\n            onClick={handleClick}\n            onKeyUp={handleKeyUp}\n            ref={arrowNode}\n            role=\"button\"\n            tabIndex={-1}\n        >\n            <CaretdownStrokeSrvIcon16 paletteIndex={0} />\n        </span>\n    );\n};\n\nCheckboxTreeExtendedArrow.displayName = \"CheckboxTreeExtendedArrow\";\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,4BAAuE,CAAC,EAAE,QAAQ,QAAQ,aAAa;AAChH,QAAM,YAAY,OAA+B,IAAI;AACrD,QAAM,aAAa,OAAO,MAAM;AAGhC,YAAU,MAAM;;AACZ,QAAI,UAAU,CAAC,WAAW,SAAS;AAC/B,sBAAU,YAAV,mBAAmB;AAAA,IACvB;AAEA,eAAW,UAAU;AAAA,EACzB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc,MAAM;AACtB,WAAO,CAAC,MAAM;AAAA,EAClB;AAOA,QAAM,cAAc,CAAC,UAAgD;AACjE,QAAI,MAAM,YAAY,gBAAgB,aAAa;AAC/C,aAAO,IAAI;AAAA,IACf,WAAW,MAAM,YAAY,gBAAgB,YAAY;AACrD,aAAO,KAAK;AAAA,IAChB,WAAW,CAAC,gBAAgB,OAAO,gBAAgB,KAAK,EAAE,SAAS,MAAM,OAAO,GAAG;AAC/E,aAAO,CAAC,MAAM;AAAA,IAClB;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU;AAAA,MAEV,UAAA,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAGvD;AAEA,0BAA0B,cAAc;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useContext, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-aVi9qPTi.js";
 import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-nKSCkiBt.js";
 const CheckboxTreeExtendedCheckbox = ({
   active,
   className,
+  // Исключается из checkboxProps, чтобы не попасть в атрибуты input.
   opened,
   labelAttributes,
   ...checkboxProps
@@ -27,14 +28,11 @@ const CheckboxTreeExtendedCheckbox = ({
     var _a;
     (_a = labelAttributes == null ? void 0 : labelAttributes.onFocus) == null ? void 0 : _a.call(labelAttributes, event);
   };
-  const setCheckboxNode = (DOMNode) => {
-    checkboxNode.current = DOMNode;
-  };
   return /* @__PURE__ */ jsx(
     Checkbox,
     {
       className: clsx(styles.checkboxTreeCheckbox, className),
-      ref: setCheckboxNode,
+      ref: checkboxNode,
       labelAttributes: {
         ...labelAttributes,
         className: classNamesLabel,

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtendedCheckbox.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { Checkbox, ICheckboxProps } from \"../../Checkbox/Checkbox\";\nimport clsx from \"clsx\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\n\n/**\n * Свойства CheckboxTreeExtendedCheckbox.\n */\ninterface ICheckboxTreeExtendedCheckboxProps extends ICheckboxProps {\n    // Текущая нода является активной при перемещении с клавиатуры.\n    active?: boolean;\n    // Текущая нода раскрыта.\n    opened?: boolean;\n}\n\n/**\n * Обертка над базовым компонентом чекбокс.\n * Используется для фокуса чекбокса при перемещении с клавиатуры.\n */\nexport const CheckboxTreeExtendedCheckbox: React.FC<ICheckboxTreeExtendedCheckboxProps> = ({\n    active,\n    className,\n    opened,\n    labelAttributes,\n    ...checkboxProps\n}) => {\n    const checkboxNode = useRef<HTMLInputElement | null>(null);\n    const { size } = useContext(CheckboxTreeExtendedContext);\n    const classNamesLabel = clsx(styles.checkboxTreeCheckboxLabel, labelAttributes?.className);\n\n    // Триггер фокуса на чекбоксе при изменении флага активности при перемещении по дереву с клавиатуры. Если нода имеет дочерние ноды, то фокус получает не чекбокс, а CheckboxTreeExtendedArrow.\n    useEffect(() => {\n        if (!active) {\n            return;\n        }\n\n        // При взаимодействии мышью триггер фокуса не нужен.\n        if (!document.activeElement?.contains(checkboxNode.current as Node)) {\n            checkboxNode.current?.focus();\n        }\n    }, [active]);\n\n    const handleLabelFocus = (event: React.FocusEvent<HTMLLabelElement>) => {\n        // Предотвращает всплытие до ноды дерева.\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        !isStaticCheckboxTreeExtended && event.stopPropagation();\n        labelAttributes?.onFocus?.(event);\n    };\n\n    const setCheckboxNode = (DOMNode: HTMLInputElement) => {\n        checkboxNode.current = DOMNode;\n    };\n\n    return (\n        <Checkbox\n            className={clsx(styles.checkboxTreeCheckbox, className)}\n            ref={setCheckboxNode}\n            labelAttributes={{\n                ...labelAttributes,\n                className: classNamesLabel,\n                onFocus: handleLabelFocus,\n            }}\n            size={size}\n            {...checkboxProps}\n        />\n    );\n};\n\nCheckboxTreeExtendedCheckbox.displayName = \"CheckboxTreeExtendedCheckbox\";\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,+BAA6E,CAAC;AAAA,EACvF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,eAAe,OAAgC,IAAI;AACzD,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AACvD,QAAM,kBAAkB,KAAK,OAAO,2BAA2B,mDAAiB,SAAS;AAGzF,YAAU,MAAM;;AACZ,QAAI,CAAC,QAAQ;AACT;AAAA,IACJ;AAGA,QAAI,GAAC,cAAS,kBAAT,mBAAwB,SAAS,aAAa,WAAkB;AACjE,yBAAa,YAAb,mBAAsB;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBAAmB,CAAC,UAA8C;;AAIpE,6DAAiB,YAAjB,yCAA2B;AAAA,EAC/B;AAEA,QAAM,kBAAkB,CAAC,YAA8B;AACnD,iBAAa,UAAU;AAAA,EAC3B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,MACtD,KAAK;AAAA,MACL,iBAAiB;AAAA,QACb,GAAG;AAAA,QACH,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,6BAA6B,cAAc;"}
+{"version":3,"file":"CheckboxTreeExtendedCheckbox.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Checkbox, ICheckboxProps } from \"../../Checkbox/Checkbox\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtendedCheckbox. */\ninterface ICheckboxTreeExtendedCheckboxProps extends ICheckboxProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    active?: boolean;\n    /** Текущая нода раскрыта. Не влияет на отрисовку, принимается из render-функции ноды. */\n    opened?: boolean;\n}\n\n/**\n * Обертка над базовым компонентом чекбокс.\n * Используется для фокуса чекбокса при перемещении с клавиатуры.\n */\nexport const CheckboxTreeExtendedCheckbox: React.FC<ICheckboxTreeExtendedCheckboxProps> = ({\n    active,\n    className,\n    // Исключается из checkboxProps, чтобы не попасть в атрибуты input.\n    opened,\n    labelAttributes,\n    ...checkboxProps\n}) => {\n    const checkboxNode = useRef<HTMLInputElement | null>(null);\n    const { size } = useContext(CheckboxTreeExtendedContext);\n    const classNamesLabel = clsx(styles.checkboxTreeCheckboxLabel, labelAttributes?.className);\n\n    // Триггер фокуса на чекбоксе при изменении флага активности при перемещении по дереву с клавиатуры. Если нода имеет дочерние ноды, то фокус получает не чекбокс, а CheckboxTreeExtendedArrow.\n    useEffect(() => {\n        if (!active) {\n            return;\n        }\n\n        // При взаимодействии мышью триггер фокуса не нужен.\n        if (!document.activeElement?.contains(checkboxNode.current)) {\n            checkboxNode.current?.focus();\n        }\n    }, [active]);\n\n    const handleLabelFocus = (event: React.FocusEvent<HTMLLabelElement>) => {\n        // Предотвращает всплытие до ноды дерева.\n        if (!isStaticCheckboxTreeExtended) {\n            event.stopPropagation();\n        }\n\n        labelAttributes?.onFocus?.(event);\n    };\n\n    return (\n        <Checkbox\n            className={clsx(styles.checkboxTreeCheckbox, className)}\n            ref={checkboxNode}\n            labelAttributes={{\n                ...labelAttributes,\n                className: classNamesLabel,\n                onFocus: handleLabelFocus,\n            }}\n            size={size}\n            {...checkboxProps}\n        />\n    );\n};\n\nCheckboxTreeExtendedCheckbox.displayName = \"CheckboxTreeExtendedCheckbox\";\n"],"names":[],"mappings":";;;;;;AAmBO,MAAM,+BAA6E,CAAC;AAAA,EACvF;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,eAAe,OAAgC,IAAI;AACzD,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AACvD,QAAM,kBAAkB,KAAK,OAAO,2BAA2B,mDAAiB,SAAS;AAGzF,YAAU,MAAM;;AACZ,QAAI,CAAC,QAAQ;AACT;AAAA,IACJ;AAGA,QAAI,GAAC,cAAS,kBAAT,mBAAwB,SAAS,aAAa,WAAU;AACzD,yBAAa,YAAb,mBAAsB;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,mBAAmB,CAAC,UAA8C;;AAMpE,6DAAiB,YAAjB,yCAA2B;AAAA,EAC/B;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,MACtD,KAAK;AAAA,MACL,iBAAiB;AAAA,QACb,GAAG;AAAA,QACH,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEb;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,6BAA6B,cAAc;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
 import { isStaticCheckboxTreeExtended } from "../isStaticCheckboxTreeExtended.js";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
 import "./CheckboxTreeExtendedArrow.js";
-import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-aVi9qPTi.js";
-import { CheckboxTreeExtendedContext } from "../CheckboxTreeExtendedContext.js";
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-nKSCkiBt.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const CheckboxTreeExtendedNode = ({
   children,
   checkbox,
+  className,
   opened,
   ...collapsibleTreeExtendedNodeProps
 }) => {
@@ -20,11 +21,17 @@ const CheckboxTreeExtendedNode = ({
       event.preventDefault();
     }
   };
-  const renderHeader = ({ activeNode, opened: opened2, toggle }) => {
+  const renderHeader = ({
+    activeNode,
+    opened: openedNode,
+    toggle
+  }) => {
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], { opened: opened2 }),
+        className: clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], {
+          [styles.opened]: openedNode
+        }),
         onMouseDown: handleHeaderMouseDown,
         children: [
           !isStaticCheckboxTreeExtended,
@@ -37,7 +44,7 @@ const CheckboxTreeExtendedNode = ({
   return /* @__PURE__ */ jsx(
     CollapsibleTreeExtended.Node,
     {
-      className: styles.checkboxTreeExtendedNode,
+      className: clsx(styles.checkboxTreeExtendedNode, className),
       opened: true,
       renderHeader,
       renderBody,
@@ -45,6 +52,7 @@ const CheckboxTreeExtendedNode = ({
     }
   );
 };
+CheckboxTreeExtendedNode.displayName = "CheckboxTreeExtendedNode";
 export {
   CheckboxTreeExtendedNode
 };

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtendedNode.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport {\n    ICollapsibleTreeExtendedNodeHeaderProvideProps,\n    ICollapsibleTreeExtendedNodeProps,\n} from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport clsx from \"clsx\";\nimport { CheckboxTreeExtendedArrow } from \"./CheckboxTreeExtendedArrow\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */\nexport interface ICheckboxTreeExtendedCheckboxProvideProps {\n    // Текущая нода является активной при перемещении с клавиатуры.\n    active?: boolean;\n    // Текущая нода раскрыта.\n    opened?: boolean;\n}\n\n/** Свойства CheckboxTreeExtendedNode. */\ninterface ICheckboxTreeExtendedNodeProps extends Omit<\n    ICollapsibleTreeExtendedNodeProps,\n    \"children\" | \"renderBody\" | \"renderHeader\"\n> {\n    // Render-функция компонента чекбокс.\n    checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;\n    // Массив нод CheckboxTreeNode, если имеются вложенные ноды.\n    children?: React.ReactNode;\n    // Id ноды.\n    id: string;\n}\n\n/**\n * Нода CheckboxTreeExtendedNode.\n * Является оберткой CollapsibleTreeExtended.Node.\n * Добавляет стили дерева чекбоксов.\n */\nexport const CheckboxTreeExtendedNode: React.FC<ICheckboxTreeExtendedNodeProps> = ({\n    children,\n    checkbox,\n    opened,\n    ...collapsibleTreeExtendedNodeProps\n}) => {\n    const { size } = useContext(CheckboxTreeExtendedContext);\n\n    const handleHeaderMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Прерывание всплытия при клике на сам контейнер. Чтобы checkbox не выделялся фокусом при клике сбоку от него.\n        if (event.target === event.currentTarget) {\n            event.preventDefault();\n        }\n    };\n\n    const renderHeader = ({ activeNode, opened, toggle }: ICollapsibleTreeExtendedNodeHeaderProvideProps) => {\n        return (\n            <div\n                className={clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], { opened: opened })}\n                onMouseDown={handleHeaderMouseDown}\n            >\n                {!isStaticCheckboxTreeExtended && children && (\n                    <CheckboxTreeExtendedArrow active={activeNode} toggle={toggle} opened={opened} />\n                )}\n\n                {/** Active передается для фокуса чекбокса при перемещении с клавиатуры. Если есть дочерние ноды, то active передается в CheckboxTreeExtendedArrow. */}\n                {isStaticCheckboxTreeExtended\n                    ? checkbox({ active: activeNode, opened: true })\n                    : checkbox({ active: !children && activeNode, opened })}\n            </div>\n        );\n    };\n\n    const renderBody = () => children;\n\n    return (\n        <CollapsibleTreeExtended.Node\n            className={styles.checkboxTreeExtendedNode}\n            opened={isStaticCheckboxTreeExtended ? true : opened}\n            renderHeader={renderHeader}\n            renderBody={renderBody}\n            {...collapsibleTreeExtendedNodeProps}\n        />\n    );\n};\n"],"names":["opened"],"mappings":";;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AA4BnD,MAAM,2BAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AAEvD,QAAM,wBAAwB,CAAC,UAA4C;AAEvE,QAAI,MAAM,WAAW,MAAM,eAAe;AACtC,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC,EAAE,YAAY,QAAAA,SAAQ,aAA6D;AACrG,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gCAAgC,mBAAmB,IAAI,GAAG,EAAE,QAAQA,SAAQ;AAAA,QACnG,aAAa;AAAA,QAEZ,UAAA;AAAA,UAAA,CAAC;AAAA,UAMI,SAAS,EAAE,QAAQ,YAAY,QAAQ,KAAA,CAAM;AAAA,QACO;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtE;AAEA,QAAM,aAAa,MAAM;AAEzB,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,WAAW,OAAO;AAAA,MAClB,QAAuC;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"CheckboxTreeExtendedNode.js","sources":["../../../../src/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { CollapsibleTreeExtended } from \"../../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport {\n    ICollapsibleTreeExtendedNodeHeaderProvideProps,\n    ICollapsibleTreeExtendedNodeProps,\n} from \"../../CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"../CheckboxTreeExtendedContext\";\nimport { isStaticCheckboxTreeExtended } from \"../isStaticCheckboxTreeExtended\";\nimport { CheckboxTreeExtendedArrow } from \"./CheckboxTreeExtendedArrow\";\nimport styles from \"../styles/CheckboxTreeExtended.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Свойства передаваемые CheckboxTreeExtendedNode в render-функцию чекбокса. */\nexport interface ICheckboxTreeExtendedCheckboxProvideProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    active?: boolean;\n    /** Текущая нода раскрыта. */\n    opened?: boolean;\n}\n\n/** Свойства CheckboxTreeExtendedNode. */\nexport interface ICheckboxTreeExtendedNodeProps extends Omit<\n    ICollapsibleTreeExtendedNodeProps,\n    \"children\" | \"renderBody\" | \"renderHeader\"\n> {\n    /** Render-функция компонента чекбокс. */\n    checkbox: (props: ICheckboxTreeExtendedCheckboxProvideProps) => JSX.Element;\n    /** Массив нод CheckboxTreeExtendedNode, если имеются вложенные ноды. */\n    children?: React.ReactNode;\n    /** Id ноды. */\n    id: string;\n}\n\n/**\n * Нода CheckboxTreeExtendedNode.\n * Является оберткой CollapsibleTreeExtended.Node.\n * Добавляет стили дерева чекбоксов.\n */\nexport const CheckboxTreeExtendedNode: React.FC<ICheckboxTreeExtendedNodeProps> = ({\n    children,\n    checkbox,\n    className,\n    opened,\n    ...collapsibleTreeExtendedNodeProps\n}) => {\n    const { size } = useContext(CheckboxTreeExtendedContext);\n\n    const handleHeaderMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Прерывание всплытия при клике на сам контейнер. Чтобы checkbox не выделялся фокусом при клике сбоку от него.\n        if (event.target === event.currentTarget) {\n            event.preventDefault();\n        }\n    };\n\n    const renderHeader = ({\n        activeNode,\n        opened: openedNode,\n        toggle,\n    }: ICollapsibleTreeExtendedNodeHeaderProvideProps) => {\n        return (\n            <div\n                className={clsx(styles.checkboxTreeExtendedNodeHeader, sizeToClassNameMap[size], {\n                    [styles.opened]: openedNode,\n                })}\n                onMouseDown={handleHeaderMouseDown}\n            >\n                {!isStaticCheckboxTreeExtended && children && (\n                    <CheckboxTreeExtendedArrow active={activeNode} toggle={toggle} opened={openedNode} />\n                )}\n\n                {/** Active передается для фокуса чекбокса при перемещении с клавиатуры. Если есть дочерние ноды, то active передается в CheckboxTreeExtendedArrow. */}\n                {isStaticCheckboxTreeExtended\n                    ? checkbox({ active: activeNode, opened: true })\n                    : checkbox({ active: !children && activeNode, opened: openedNode })}\n            </div>\n        );\n    };\n\n    const renderBody = () => children;\n\n    return (\n        <CollapsibleTreeExtended.Node\n            className={clsx(styles.checkboxTreeExtendedNode, className)}\n            opened={isStaticCheckboxTreeExtended ? true : opened}\n            renderHeader={renderHeader}\n            renderBody={renderBody}\n            {...collapsibleTreeExtendedNodeProps}\n        />\n    );\n};\n\nCheckboxTreeExtendedNode.displayName = \"CheckboxTreeExtendedNode\";\n"],"names":[],"mappings":";;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AA4BnD,MAAM,2BAAqE,CAAC;AAAA,EAC/E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,KAAA,IAAS,WAAW,2BAA2B;AAEvD,QAAM,wBAAwB,CAAC,UAA4C;AAEvE,QAAI,MAAM,WAAW,MAAM,eAAe;AACtC,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,QAAM,eAAe,CAAC;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,EAAA,MACkD;AAClD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,gCAAgC,mBAAmB,IAAI,GAAG;AAAA,UAC7E,CAAC,OAAO,MAAM,GAAG;AAAA,QAAA,CACpB;AAAA,QACD,aAAa;AAAA,QAEZ,UAAA;AAAA,UAAA,CAAC;AAAA,UAMI,SAAS,EAAE,QAAQ,YAAY,QAAQ,KAAA,CAAM;AAAA,QACmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlF;AAEA,QAAM,aAAa,MAAM;AAEzB,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,WAAW,KAAK,OAAO,0BAA0B,SAAS;AAAA,MAC1D,QAAuC;AAAA,MACvC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,yBAAyB,cAAc;"}

package/components/Chip/Chip.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import "../../chunks/vendor-DfvHt3TJ.js";
+import "../../chunks/vendor-D4wvHis9.js";
 import "../../enums/EComponentSize.js";
 import "../../utils/classNameMaps.js";
 import "../../utils/keyboard.js";
 import "../Badge/Badge.js";
 import "../IconWrapper/IconWrapper.js";
 import "./enums.js";
-import { C } from "../../chunks/Chip-BOgrCJUD.js";
+import { C } from "../../chunks/Chip-BpCsNJTt.js";
 export {
   C as Chip
 };

package/components/Chip/ChipClearButton.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
-const chipClearButton = "chipClearButton__40385264";
+const chipClearButton = "chipClearButton__1bfbf850";
 const styles = {
   chipClearButton
 };

package/components/Chip/ChipDatePicker/ChipDatePicker.js

@@ -7,7 +7,7 @@ import { DatePickerExtended } from "../../DatePickerExtended/DatePickerExtended.
 import { ChipDatePickerTarget } from "./ChipDatePickerTarget.js";
 import { inputDateFormat } from "../../DateField/constants.js";
 import { DropdownMobileMaskedInput } from "../../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { s as styles } from "../../../chunks/Chip-BOgrCJUD.js";
+import { s as styles } from "../../../chunks/Chip-BpCsNJTt.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,

package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { C as Chip } from "../../../chunks/Chip-BOgrCJUD.js";
+import { C as Chip } from "../../../chunks/Chip-BpCsNJTt.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { DatePickerExtendedContext } from "../../DatePickerExtended/DatePickerExtendedContext.js";

package/components/Chip/ChipDropdownArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const chipDropdownArrow = "chipDropdownArrow__68549d89";
-const rotated = "rotated__9315461a";
+const chipDropdownArrow = "chipDropdownArrow__d442c7fb";
+const rotated = "rotated__c5951ded";
 const styles = {
   chipDropdownArrow,
   rotated

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { C as Chip } from "../../chunks/Chip-BOgrCJUD.js";
+import { C as Chip } from "../../chunks/Chip-BpCsNJTt.js";
 const ChipIcon = React__default.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(Chip, { ...rest, prefix: children, postfix: /* @__PURE__ */ jsx("span", {}), ref }));
 ChipIcon.displayName = "ChipIcon";
 export {

package/components/Chip/ChipMultiselect.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { MultiselectField } from "../MultiselectField/MultiselectField.js";
-import { s as styles, C as Chip } from "../../chunks/Chip-BOgrCJUD.js";
+import { s as styles, C as Chip } from "../../chunks/Chip-BpCsNJTt.js";
 import { ChipClearButton } from "./ChipClearButton.js";
 import { ChipDropdownArrow } from "./ChipDropdownArrow.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 const ChipMultiselect = React__default.forwardRef(
   ({ children, className, clearSelected, disabled, label, displayedValue, selected, size, type, ...restProps }, ref) => {
     const handleKeyDownClearButton = (event) => {

package/components/Chip/ChipOptions.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { OptionsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { C as Chip } from "../../chunks/Chip-BOgrCJUD.js";
+import { C as Chip } from "../../chunks/Chip-BpCsNJTt.js";
 import { ChipClearButton } from "./ChipClearButton.js";
-const chipOptionsContent = "chipOptionsContent__2588818e";
+const chipOptionsContent = "chipOptionsContent__90468c7a";
 const styles = {
   chipOptionsContent
 };

package/components/Chip/ChipSelect/ChipSelect.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { SelectExtendedField } from "../../SelectExtendedField/SelectExtendedField.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget } from "./ChipSelectTarget.js";
-import { s as styles } from "../../../chunks/Chip-BOgrCJUD.js";
+import { s as styles } from "../../../chunks/Chip-BpCsNJTt.js";
 const ChipSelect = React__default.forwardRef(
   ({
     className,

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { C as Chip } from "../../../chunks/Chip-BOgrCJUD.js";
+import { C as Chip } from "../../../chunks/Chip-BpCsNJTt.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -6,10 +6,10 @@ import { SelectExtendedField } from "../SelectExtendedField/SelectExtendedField.
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { u as uniqueId, i as isEqual, c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { u as uniqueId, i as isEqual, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { isKey } from "../../utils/keyboard.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-import { s as styles } from "../../chunks/Chip-BOgrCJUD.js";
+import { s as styles } from "../../chunks/Chip-BpCsNJTt.js";
 const ChipSort = React__default.forwardRef(
   ({ className, defaultValue, disabled, label, onChange, options, value, size, type, ...restProps }, ref) => {
     const instanceId = useRef(uniqueId());

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,11 +1,11 @@
 import { ChipSuggestTarget } from "./ChipSuggestTarget.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import "../../Suggest/SuggestContext.js";
 import { Suggest } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown } from "./ChipSuggestDropdown.js";
-import { s as styles } from "../../../chunks/Chip-BOgrCJUD.js";
+import { s as styles } from "../../../chunks/Chip-BpCsNJTt.js";
 const ChipSuggestBase = ({ className, type, displayedValue, label, prefix, targetProps, dropdownProps, ...restProps }, ref) => {
   const { value, size } = restProps;
   const suggestRef = useRef(null);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-D4wvHis9.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DHdXJ6f2.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-BOgrCJUD.js";
+import { C as Chip } from "../../../chunks/Chip-BpCsNJTt.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__c111a189";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__eb746836";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-BOgrCJUD.js";
+import { C } from "../../chunks/Chip-BpCsNJTt.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__9c16bcb2";
-const oneLine = "oneLine__345657fe";
-const multiLine = "multiLine__91b1db7d";
-const lg = "lg__6a0c2b31";
-const md = "md__3d749a00";
-const sm = "sm__eeb0dc1c";
+const chipGroup = "chipGroup__c24cc4c1";
+const oneLine = "oneLine__994afb1f";
+const multiLine = "multiLine__5a9d6619";
+const lg = "lg__439c1de0";
+const md = "md__908a413b";
+const sm = "sm__bd01b6f5";
 const styles = {
   chipGroup,
   oneLine,
@@ -17,19 +17,21 @@ const styles = {
   md,
   sm
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const ChipGroup = React__default.forwardRef(
   ({ children, className, oneLine: oneLine2, size = EComponentSize.MD, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx(styles.chipGroup, sizeToClassNameMap[size], className, {
-          [styles.multiLine]: !oneLine2,
-          [styles.oneLine]: Boolean(oneLine2)
-        }),
+        className: clsx(
+          styles.chipGroup,
+          SIZE_TO_CLASS_NAME_MAP[size],
+          oneLine2 ? styles.oneLine : styles.multiLine,
+          className
+        ),
         ...rest,
         ref,
-        "data-tx": "1.42.0",
+        "data-tx": "1.44.0",
         children
       }
     );

package/components/ChipGroup/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ChipGroup.module.less\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\nexport interface IChipGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Чипсы выводятся в одну строку со скроллом. */\n    oneLine?: boolean;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/**\n * Компонент ChipGroup.\n * Контейнер компонентов Chip.\n */\nexport const ChipGroup = React.forwardRef<HTMLDivElement, IChipGroupProps>(\n    ({ children, className, oneLine, size = EComponentSize.MD, ...rest }, ref) => {\n        return (\n            <div\n                className={clsx(styles.chipGroup, sizeToClassNameMap[size], className, {\n                    [styles.multiLine]: !oneLine,\n                    [styles.oneLine]: Boolean(oneLine),\n                })}\n                {...rest}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nChipGroup.displayName = \"ChipGroup\";\n"],"names":["React","oneLine"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAMnD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,WAAW,SAAAC,UAAS,OAAO,eAAe,IAAI,GAAG,KAAA,GAAQ,QAAQ;AAC1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,WAAW,mBAAmB,IAAI,GAAG,WAAW;AAAA,UACnE,CAAC,OAAO,SAAS,GAAG,CAACA;AAAA,UACrB,CAAC,OAAO,OAAO,GAAG,QAAQA,QAAO;AAAA,QAAA,CACpC;AAAA,QACA,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/ChipGroup.module.less\";\n\n/** Свойства компонента ChipGroup. */\nexport interface IChipGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое группы, обычно набор Chip и его вариантов. */\n    children?: React.ReactNode;\n    /** Размер компонента. Задаёт только отступ между чипсами, размер самих чипсов не меняет. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Чипсы выводятся в одну строку с горизонтальной прокруткой, без переноса. По умолчанию false. */\n    oneLine?: boolean;\n}\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Контейнер компонентов Chip.\n * Раскладывает чипсы с переносом по строкам либо в одну строку с горизонтальной прокруткой и задаёт отступ между ними.\n * Корневой элемент — div, на него указывает ref и приходят className и остальные props.\n */\nexport const ChipGroup = React.forwardRef<HTMLDivElement, IChipGroupProps>(\n    ({ children, className, oneLine, size = EComponentSize.MD, ...rest }, ref) => {\n        return (\n            <div\n                className={clsx(\n                    styles.chipGroup,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    oneLine ? styles.oneLine : styles.multiLine,\n                    className,\n                )}\n                {...rest}\n                ref={ref}\n                data-tx={process.env.npm_package_version}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nChipGroup.displayName = \"ChipGroup\";\n"],"names":["React","oneLine"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,UAAU,WAAW,SAAAC,UAAS,OAAO,eAAe,IAAI,GAAG,KAAA,GAAQ,QAAQ;AAC1E,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3BA,WAAU,OAAO,UAAU,OAAO;AAAA,UAClC;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ;AAAA,QACA,WAAS;AAAA,QAER;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEA,UAAU,cAAc;"}