@sberbusiness/triplex-next 1.42.0 → 1.43.0

package/components/Carousel/Carousel.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useRef, useCallback, useLayoutEffect, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
 import { resolveViewportPadding, useLatestRef } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 import { CarouselViewport } from "./CarouselViewport.js";
 import { CarouselTrack } from "./CarouselTrack.js";
 import { CarouselItem } from "./CarouselItem.js";

package/components/Carousel/CarouselButton.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { CaretupStrokeSrvIcon20, CaretleftStrokeSrvIcon20, CaretdownStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const ORIENTATION_TO_PREV_ICON_MAP = {
   [ECarouselOrientation.HORIZONTAL]: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 7 }),
   [ECarouselOrientation.VERTICAL]: /* @__PURE__ */ jsx(CaretupStrokeSrvIcon20, { paletteIndex: 7 })

package/components/Carousel/CarouselIndicators.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs, useLatestRef } from "./utils.js";
 import { ECarouselOrientation, ECarouselScrollMode } from "./enums.js";
 import { ButtonBase } from "../Button/ButtonBase.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const ORIENTATION_TO_NAVIGATION_KEYS = {
   [ECarouselOrientation.HORIZONTAL]: ["ArrowRight", "ArrowLeft"],
   [ECarouselOrientation.VERTICAL]: ["ArrowDown", "ArrowUp"]

package/components/Carousel/CarouselItem.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const CarouselItem = React__default.forwardRef(
   ({ children, className, index, ...restProps }, ref) => {
     const { slideRefs } = useContext(CarouselContext);

package/components/Carousel/CarouselTrack.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
 import { ORIENTATION_TRANSFORM } from "./constants.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const CarouselTrack = React__default.forwardRef(
   ({ children, className, style, ...restProps }, ref) => {
     const { gap, orientation, offset, trackRef } = useContext(CarouselContext);

package/components/Carousel/CarouselViewport.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CarouselContext } from "./CarouselContext.js";
 import { mergeRefs } from "./utils.js";
 import { ORIENTATION_TRANSFORM } from "./constants.js";
 import { ECarouselOrientation } from "./enums.js";
-import { s as styles } from "../../chunks/Carousel.module-DdE9W6X4.js";
+import { s as styles } from "../../chunks/Carousel.module-g5TYfNRR.js";
 const ORIENTATION_TO_TOUCH_KEY = {
   [ECarouselOrientation.HORIZONTAL]: "clientX",
   [ECarouselOrientation.VERTICAL]: "clientY"

package/components/CarouselExtended/CarouselExtended.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
 import { scrollSmoothHorizontally } from "../../utils/scroll.js";
-import { i as isEqual } from "../../chunks/vendor-DfvHt3TJ.js";
-const carouselExtended = "carouselExtended__f8f6ab86";
+import { i as isEqual } from "../../chunks/vendor-D4wvHis9.js";
+const carouselExtended = "carouselExtended__33f98c97";
 const styles = {
   carouselExtended
 };

package/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, 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 { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
@@ -9,15 +9,15 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__fe4c7bae";
-const sm = "sm__1a491825";
-const nonempty = "nonempty__ee99a090";
-const md = "md__147c2eac";
-const lg = "lg__52848b80";
-const disabled = "disabled__f2580ebf";
-const checkbox = "checkbox__d6566f75";
-const checkboxIcon = "checkboxIcon__725336cd";
-const checkmarkIcon = "checkmarkIcon__5e68a623";
+const label = "label__3b11aec5";
+const sm = "sm__4c3d7965";
+const nonempty = "nonempty__c3827e8a";
+const md = "md__8f8c24e0";
+const lg = "lg__d8f561fd";
+const disabled = "disabled__9542949b";
+const checkbox = "checkbox__c6534857";
+const checkboxIcon = "checkboxIcon__a562f3de";
+const checkmarkIcon = "checkmarkIcon__09771aab";
 const styles = {
   label,
   sm,
@@ -45,22 +45,18 @@ const Checkbox = React__default.forwardRef((props, ref) => {
     size = EComponentSize.MD,
     ...inputAttributes
   } = props;
-  const classNames = clsx(styles.checkbox, SIZE_TO_CLASS_NAME_MAP[size]);
-  const classNamesLabel = clsx(
+  const labelClassName = clsx(
     styles.label,
     SIZE_TO_CLASS_NAME_MAP[size],
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     className,
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  const renderCheckmarkIcon = () => {
-    const className2 = styles.checkmarkIcon;
-    return bulk ? /* @__PURE__ */ jsx(CheckboxbulkStrokeSrvIcon24, { className: className2, paletteIndex: 7 }) : /* @__PURE__ */ jsx(CheckboxtickStrokeSrvIcon24, { className: className2, paletteIndex: 7 });
-  };
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.42.0", children: [
-    /* @__PURE__ */ jsx("input", { type: "checkbox", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
+  const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.43.0", children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", className: styles.checkbox, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.checkboxIcon }),
-    renderCheckmarkIcon(),
+    /* @__PURE__ */ jsx(CheckmarkIcon, { className: styles.checkmarkIcon, paletteIndex: 7 }),
     children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })
   ] });
 });

package/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { ETextSize, Text } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Checkbox.module.less\";\n\n/** Свойства компонента Checkbox. */\nexport interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Объект label-атрибутов. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Признак частичного типа выбора. */\n    bulk?: boolean;\n    /** Размер чекбокса. */\n    size?: EComponentSize;\n    /** Контент лейбла чекбокса. */\n    children?: React.ReactNode;\n}\n\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Чекбокс с описанием. */\nexport const Checkbox = React.forwardRef<HTMLInputElement, ICheckboxProps>((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        bulk,\n        labelAttributes,\n        size = EComponentSize.MD,\n        ...inputAttributes\n    } = props;\n    const classNames = clsx(styles.checkbox, SIZE_TO_CLASS_NAME_MAP[size]);\n    const classNamesLabel = clsx(\n        styles.label,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        className,\n        labelAttributes?.className,\n    );\n\n    /** Отрисовка галочки чекбокса. */\n    const renderCheckmarkIcon = () => {\n        const className = styles.checkmarkIcon;\n\n        return bulk ? (\n            <CheckboxbulkStrokeSrvIcon24 className={className} paletteIndex={7} />\n        ) : (\n            <CheckboxtickStrokeSrvIcon24 className={className} paletteIndex={7} />\n        );\n    };\n\n    return (\n        <label {...labelAttributes} className={classNamesLabel} data-tx={process.env.npm_package_version}>\n            <input type=\"checkbox\" className={classNames} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.checkboxIcon} />\n            {renderCheckmarkIcon()}\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["React","disabled","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,WAAWA,eAAM,WAA6C,CAAC,OAAO,QAAQ;AACvF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,aAAa,KAAK,OAAO,UAAU,uBAAuB,IAAI,CAAC;AACrE,QAAM,kBAAkB;AAAA,IACpB,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD;AAAA,IACA,mDAAiB;AAAA,EAAA;AAIrB,QAAM,sBAAsB,MAAM;AAC9B,UAAMC,aAAY,OAAO;AAEzB,WAAO,OACH,oBAAC,6BAAA,EAA4B,WAAWA,YAAW,cAAc,EAAA,CAAG,wBAEnE,6BAAA,EAA4B,WAAWA,YAAW,cAAc,GAAG;AAAA,EAE5E;AAEA,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,iBAAiB,WAAS,UAC7D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAW,WAAW,YAAY,UAAAD,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBAChG,QAAA,EAAK,WAAW,OAAO,cAAc;AAAA,IACrC,oBAAA;AAAA,IACA,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,SAAS,cAAc;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CheckboxbulkStrokeSrvIcon24, CheckboxtickStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { ETextSize, Text } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Checkbox.module.less\";\n\n/** Свойства компонента Checkbox. */\nexport interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Атрибуты корневого label. Его className объединяется с className компонента. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Признак частичного типа выбора: вместо галочки используется bulk-иконка. Её видимость, как и у галочки, определяется checked. По умолчанию false. */\n    bulk?: boolean;\n    /** Размер чекбокса. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Контент лейбла чекбокса. */\n    children?: React.ReactNode;\n}\n\n/** Соответствие размера чекбокса размеру текста лейбла. */\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\n/** Соответствие размера чекбокса имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Чекбокс с описанием.\n * Корневой элемент — label, внутри него нативный input[type=\"checkbox\"], на который указывает ref.\n * className применяется к корневому label, остальные props — к input.\n */\nexport const Checkbox = React.forwardRef<HTMLInputElement, ICheckboxProps>((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        bulk,\n        labelAttributes,\n        size = EComponentSize.MD,\n        ...inputAttributes\n    } = props;\n    const labelClassName = clsx(\n        styles.label,\n        SIZE_TO_CLASS_NAME_MAP[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        className,\n        labelAttributes?.className,\n    );\n    const CheckmarkIcon = bulk ? CheckboxbulkStrokeSrvIcon24 : CheckboxtickStrokeSrvIcon24;\n\n    return (\n        <label {...labelAttributes} className={labelClassName} data-tx={process.env.npm_package_version}>\n            <input type=\"checkbox\" className={styles.checkbox} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.checkboxIcon} />\n            <CheckmarkIcon className={styles.checkmarkIcon} paletteIndex={7} />\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,WAAWA,eAAM,WAA6C,CAAC,OAAO,QAAQ;AACvF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,UAAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,iBAAiB;AAAA,IACnB,OAAO;AAAA,IACP,uBAAuB,IAAI;AAAA,IAC3B,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD;AAAA,IACA,mDAAiB;AAAA,EAAA;AAErB,QAAM,gBAAgB,OAAO,8BAA8B;AAE3D,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,gBAAgB,WAAS,UAC5D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAW,WAAW,OAAO,UAAU,UAAAA,WAAqB,GAAG,iBAAiB,IAAA,CAAU;AAAA,wBACrG,QAAA,EAAK,WAAW,OAAO,cAAc;AAAA,wBACrC,eAAA,EAAc,WAAW,OAAO,eAAe,cAAc,GAAG;AAAA,IAChE,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,SAAS,cAAc;"}

package/components/Checkbox/CheckboxXGroup.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
-const checkboxXGroup = "checkboxXGroup__f2d94d15";
-const label = "label__fe4c7bae";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const checkboxXGroup = "checkboxXGroup__9ff6d244";
+const label = "label__3b11aec5";
 const styles = {
   checkboxXGroup,
-  "indent-12": "indent-12__2210dbf5",
+  "indent-12": "indent-12__799c762e",
   label,
-  "indent-16": "indent-16__32ad2fe7",
-  "indent-20": "indent-20__0db8d843",
-  "indent-24": "indent-24__e38db8ad",
-  "indent-28": "indent-28__607f74f7",
-  "indent-32": "indent-32__fa580652"
+  "indent-16": "indent-16__ed6807aa",
+  "indent-20": "indent-20__d564e2d6",
+  "indent-24": "indent-24__b6e5d9c0",
+  "indent-28": "indent-28__b8ccaff6",
+  "indent-32": "indent-32__83a75d2d"
 };
 const CheckboxXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Checkbox/CheckboxXGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxXGroup.js","sources":["../../../src/components/Checkbox/CheckboxXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"../../consts/IndentConst\";\nimport styles from \"./styles/CheckboxXGroup.module.less\";\n\n/** Свойства компонента CheckboxXGroup. */\nexport interface ICheckboxXGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    children?: React.ReactNode;\n    /** Размер отступа. */\n    indent?: TIndentSize;\n}\n\n/** Группа чекбоксов с направлением по оси X. */\nexport const CheckboxXGroup = React.forwardRef<HTMLDivElement, ICheckboxXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.checkboxXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxXGroup.displayName = \"CheckboxXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAaO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,gBAAgB,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEpF,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}
+{"version":3,"file":"CheckboxXGroup.js","sources":["../../../src/components/Checkbox/CheckboxXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"../../consts/IndentConst\";\nimport styles from \"./styles/CheckboxXGroup.module.less\";\n\n/** Свойства компонента CheckboxXGroup. */\nexport interface ICheckboxXGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    /** Содержимое группы, обычно набор Checkbox. */\n    children?: React.ReactNode;\n    /**\n     * Размер горизонтального отступа между чекбоксами, в пикселях. По умолчанию 12.\n     * Отступ получают только потомки-Checkbox: маргины вешаются на корневой label компонента Checkbox.\n     */\n    indent?: TIndentSize;\n}\n\n/**\n * Группа чекбоксов с направлением по оси X.\n * Корневой элемент — div с фиксированной ролью group, на него указывает ref и приходят className и остальные props.\n */\nexport const CheckboxXGroup = React.forwardRef<HTMLDivElement, ICheckboxXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.checkboxXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxXGroup.displayName = \"CheckboxXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,gBAAgB,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEpF,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}

package/components/Checkbox/CheckboxYGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
-const checkboxYGroup = "checkboxYGroup__fde25a03";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const checkboxYGroup = "checkboxYGroup__ba445f0b";
 const styles = {
   checkboxYGroup
 };

package/components/Checkbox/CheckboxYGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxYGroup.js","sources":["../../../src/components/Checkbox/CheckboxYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/CheckboxYGroup.module.less\";\n\n/** Свойства компонента CheckboxYGroup. */\nexport interface ICheckboxYGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    children?: React.ReactNode;\n}\n\n/** Группа чекбоксов с направлением по оси Y. */\nexport const CheckboxYGroup = React.forwardRef<HTMLDivElement, ICheckboxYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.checkboxYGroup, className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxYGroup.displayName = \"CheckboxYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAUO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}
+{"version":3,"file":"CheckboxYGroup.js","sources":["../../../src/components/Checkbox/CheckboxYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/CheckboxYGroup.module.less\";\n\n/** Свойства компонента CheckboxYGroup. */\nexport interface ICheckboxYGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\"> {\n    /**\n     * Содержимое группы, обычно набор Checkbox.\n     * Вертикальный отступ получают только соседние label-элементы Checkbox одного размера:\n     * маргины вешаются на корневой label компонента Checkbox, а обёртка вокруг каждого Checkbox разрывает соседство.\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Группа чекбоксов с направлением по оси Y.\n * Корневой элемент — div с фиксированной ролью group, на него указывает ref и приходят className и остальные props.\n */\nexport const CheckboxYGroup = React.forwardRef<HTMLDivElement, ICheckboxYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.checkboxYGroup, className);\n\n    return (\n        <div className={classNames} {...rest} role=\"group\" ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nCheckboxYGroup.displayName = \"CheckboxYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAkBO,MAAM,iBAAiBA,eAAM,WAAiD,CAAC,OAAO,QAAQ;AACjG,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,gBAAgB,SAAS;AAExD,SACI,oBAAC,SAAI,WAAW,YAAa,GAAG,MAAM,MAAK,SAAQ,KAC9C,SAAA,CACL;AAER,CAAC;AAED,eAAe,cAAc;"}

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js

@@ -1,16 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
-import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
-import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
-import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
+import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import "../MobileView/MobileView.js";
 import { useMobileView } from "../MobileView/useMobileView.js";
-import { s as styles } from "../../chunks/CheckboxTreeExtended.module-aVi9qPTi.js";
+import { CheckboxTreeExtendedContext } from "./CheckboxTreeExtendedContext.js";
+import { CheckboxTreeExtendedCheckbox } from "./components/CheckboxTreeExtendedCheckbox.js";
+import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtendedNode.js";
+import { s as styles } from "../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
 const CheckboxTreeExtended = ({ className, size = EComponentSize.MD, ...rest }) => {
   const adaptive = useMobileView();
-  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: { size: adaptive ? EComponentSize.MD : size }, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
+  const contextValue = React__default.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);
+  return /* @__PURE__ */ jsx(CheckboxTreeExtendedContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(CollapsibleTreeExtended, { className: clsx(styles.checkboxTreeExtended, className), ...rest }) });
 };
 CheckboxTreeExtended.displayName = "CheckboxTreeExtended";
 CheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;

package/components/CheckboxTreeExtended/CheckboxTreeExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { useMobileView } from \"../MobileView\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. */\n    size?: EComponentSize;\n}\n\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={{ size: adaptive ? EComponentSize.MD : size }}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":[],"mappings":";;;;;;;;;;AA4BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,SACI,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,GAChF,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,KAAA,CAAM,EAAA,CAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}
+{"version":3,"file":"CheckboxTreeExtended.js","sources":["../../../src/components/CheckboxTreeExtended/CheckboxTreeExtended.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport {\n    CollapsibleTreeExtended,\n    ICollapsibleTreeExtendedProps,\n} from \"../CollapsibleTreeExtended/CollapsibleTreeExtended\";\nimport { useMobileView } from \"../MobileView\";\nimport { CheckboxTreeExtendedContext } from \"./CheckboxTreeExtendedContext\";\nimport { CheckboxTreeExtendedCheckbox } from \"./components/CheckboxTreeExtendedCheckbox\";\nimport { CheckboxTreeExtendedNode } from \"./components/CheckboxTreeExtendedNode\";\nimport styles from \"./styles/CheckboxTreeExtended.module.less\";\n\n/** Свойства CheckboxTreeExtended. */\nexport interface ICheckboxTreeExtendedProps extends ICollapsibleTreeExtendedProps {\n    /** Размер дерева чекбоксов. По умолчанию EComponentSize.MD. В мобильном представлении всегда EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/** CheckboxTreeExtended вместе с составными частями. */\nexport interface ICheckboxTreeExtendedSFC extends React.FC<ICheckboxTreeExtendedProps> {\n    /** Чекбокс ноды дерева. */\n    Checkbox: typeof CheckboxTreeExtendedCheckbox;\n    /** Нода дерева. */\n    Node: typeof CheckboxTreeExtendedNode;\n}\n\n/**\n * Декларативное дерево чекбоксов.\n * Является оберткой над CollapsibleTreeExtended.\n */\nexport const CheckboxTreeExtended: ICheckboxTreeExtendedSFC = ({ className, size = EComponentSize.MD, ...rest }) => {\n    const adaptive = useMobileView();\n    // В мобильном представлении размер зафиксирован, чтобы область нажатия оставалась достаточной.\n    const contextValue = React.useMemo(() => ({ size: adaptive ? EComponentSize.MD : size }), [adaptive, size]);\n\n    return (\n        <CheckboxTreeExtendedContext.Provider value={contextValue}>\n            <CollapsibleTreeExtended className={clsx(styles.checkboxTreeExtended, className)} {...rest} />\n        </CheckboxTreeExtendedContext.Provider>\n    );\n};\n\nCheckboxTreeExtended.displayName = \"CheckboxTreeExtended\";\nCheckboxTreeExtended.Checkbox = CheckboxTreeExtendedCheckbox;\nCheckboxTreeExtended.Node = CheckboxTreeExtendedNode;\n"],"names":["React"],"mappings":";;;;;;;;;;;AA+BO,MAAM,uBAAiD,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,GAAG,WAAW;AAChH,QAAM,WAAW,cAAA;AAEjB,QAAM,eAAeA,eAAM,QAAQ,OAAO,EAAE,MAAM,WAAW,eAAe,KAAK,KAAA,IAAS,CAAC,UAAU,IAAI,CAAC;AAE1G,6BACK,4BAA4B,UAA5B,EAAqC,OAAO,cACzC,UAAA,oBAAC,yBAAA,EAAwB,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,MAAM,GAChG;AAER;AAEA,qBAAqB,cAAc;AACnC,qBAAqB,WAAW;AAChC,qBAAqB,OAAO;"}

package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js

@@ -1,61 +1,44 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-import React__default from "react";
-import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-aVi9qPTi.js";
-class CheckboxTreeExtendedArrow extends React__default.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "arrowNode");
-    __publicField(this, "setArrowNode", (DOMNode) => {
-      this.arrowNode = DOMNode;
-    });
-    __publicField(this, "handleClick", () => {
-      const { opened, toggle } = this.props;
-      toggle(!opened);
-    });
-    /**
-     * Обработчик нажатия клавиш.
-     * Стрелка вправо - раскрыть, влево - свернуть.
-     * Enter, space - изменить состояние на противоположное.
-     */
-    __publicField(this, "handleKeyUp", (event) => {
-      const { opened, toggle } = this.props;
-      if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {
-        toggle(true);
-      } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {
-        toggle(false);
-      } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {
-        toggle(!opened);
-      }
-    });
-  }
-  componentDidUpdate(prevProps) {
+import { s as styles } from "../../../chunks/CheckboxTreeExtended.module-3Qs071eq.js";
+const CheckboxTreeExtendedArrow = ({ active, opened, toggle }) => {
+  const arrowNode = useRef(null);
+  const prevActive = useRef(active);
+  useEffect(() => {
     var _a;
-    const { active } = this.props;
-    const { active: prevActive } = prevProps;
-    if (active && !prevActive) {
-      (_a = this.arrowNode) == null ? void 0 : _a.focus();
+    if (active && !prevActive.current) {
+      (_a = arrowNode.current) == null ? void 0 : _a.focus();
+    }
+    prevActive.current = active;
+  }, [active]);
+  const handleClick = () => {
+    toggle(!opened);
+  };
+  const handleKeyUp = (event) => {
+    if (event.keyCode === EVENT_KEY_CODES.ARROW_RIGHT) {
+      toggle(true);
+    } else if (event.keyCode === EVENT_KEY_CODES.ARROW_LEFT) {
+      toggle(false);
+    } else if ([EVENT_KEY_CODES.ENTER, EVENT_KEY_CODES.SPACE].includes(event.keyCode)) {
+      toggle(!opened);
     }
-  }
-  render() {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: styles.caretIconWrapper,
-        onClick: this.handleClick,
-        onKeyUp: this.handleKeyUp,
-        ref: this.setArrowNode,
-        role: "button",
-        tabIndex: -1,
-        children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 0 })
-      }
-    );
-  }
-}
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: styles.caretIconWrapper,
+      onClick: handleClick,
+      onKeyUp: handleKeyUp,
+      ref: arrowNode,
+      role: "button",
+      tabIndex: -1,
+      children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon16, { paletteIndex: 0 })
+    }
+  );
+};
+CheckboxTreeExtendedArrow.displayName = "CheckboxTreeExtendedArrow";
 export {
   CheckboxTreeExtendedArrow
 };

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-3Qs071eq.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-3Qs071eq.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-DMOFGadD.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__4e6d8785";
 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-DMOFGadD.js";
 const ChipDatePicker = React__default.forwardRef((props, ref) => {
   const {
     size,