@sberbusiness/triplex-next 1.38.0 → 1.40.0

package/components/Button/ButtonDropdown.js

@@ -1,9 +1,8 @@
 import { Button } from "./Button.js";
-import "./ButtonBase.js";
 import "./ButtonIcon.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useState, createElement } from "react";
-import { c as clsx, u as uniqueId } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx, u as uniqueId } from "../../chunks/vendor-CtuAQuEN.js";
 import { DotshorizontalStrokeSrvIcon32, DotshorizontalStrokeSrvIcon24, DotshorizontalStrokeSrvIcon20, CaretdownStrokeSrvIcon24, CaretdownStrokeSrvIcon20, CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonDropdownExtended } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme, EButtonTheme } from "./enums.js";
@@ -11,7 +10,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-R6GgcMur.js";
+import "../../chunks/DropdownListItem-BqOoPFSx.js";
 import { EDropdownAlignment, EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
@@ -31,13 +30,13 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const buttonDropdown = "buttonDropdown__c8a7973f";
-const block = "block__864eebed";
-const buttonDropdownTarget = "buttonDropdownTarget__920fee6c";
-const dots = "dots__f93f5c68";
-const caretIcon = "caretIcon__568b13cc";
-const active = "active__d565f447";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__924fbb03";
+const buttonDropdown = "buttonDropdown__5596e0ab";
+const block = "block__ae60dfc9";
+const buttonDropdownTarget = "buttonDropdownTarget__ddb6ce81";
+const dots = "dots__6735a142";
+const caretIcon = "caretIcon__fc7de1cd";
+const active = "active__f96099c3";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__b014d6a5";
 const styles = {
   buttonDropdown,
   block,
@@ -47,6 +46,17 @@ const styles = {
   active,
   buttonDropdownMenuItem
 };
+const isDotsTheme = (theme) => theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT;
+const DOTS_THEME_TO_BUTTON_THEME_MAP = {
+  [EButtonDotsTheme.DOTS_SECONDARY]: EButtonTheme.SECONDARY,
+  [EButtonDotsTheme.DOTS_SECONDARY_LIGHT]: EButtonTheme.SECONDARY_LIGHT
+};
+const THEME_TO_CARET_PALETTE_INDEX_MAP = {
+  [EButtonTheme.GENERAL]: 7,
+  [EButtonTheme.DANGER]: 7,
+  [EButtonTheme.SECONDARY]: 0,
+  [EButtonTheme.SECONDARY_LIGHT]: 0
+};
 const SIZE_TO_DOTS_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(DotshorizontalStrokeSrvIcon20, { paletteIndex: 0 }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(DotshorizontalStrokeSrvIcon24, { paletteIndex: 0 }),
@@ -76,82 +86,62 @@ const ButtonDropdown = React__default.forwardRef(
     const dropdownRef = useRef(null);
     const classNames = clsx(styles.buttonDropdown, { [styles.block]: !!block2 }, className);
     const [activeDescendant, setActiveDescendant] = useState();
-    const instanceId = useRef(uniqueId());
+    const [instanceId] = useState(() => uniqueId());
+    const isDots = isDotsTheme(theme);
+    const buttonTheme = isDots ? DOTS_THEME_TO_BUTTON_THEME_MAP[theme] : theme;
+    const setRef = (instance) => {
+      buttonRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
+    };
+    const handleClick = ({ opened, setOpened }) => () => setOpened(!opened);
+    const handleKeyDown = ({ opened, setOpened }) => (event) => {
+      const key = event.code || event.keyCode;
+      if (isKey(key, "SPACE") || isKey(key, "ARROW_UP") || isKey(key, "ARROW_DOWN")) {
+        event.preventDefault();
+      }
+      if (isKey(key, "SPACE")) {
+        setOpened(!opened);
+      } else if (!opened && (isKey(key, "ARROW_UP") || isKey(key, "ARROW_DOWN"))) {
+        setOpened(true);
+      }
+    };
+    const renderCaret = () => SIZE_TO_CARET_ICON_MAP[size](THEME_TO_CARET_PALETTE_INDEX_MAP[buttonTheme]);
     const renderButton = ({ opened, setOpened }) => {
       const classNames2 = clsx(styles.buttonDropdownTarget, {
+        [styles.dots]: isDots,
         [styles.block]: !!block2,
-        [styles.active]: opened
+        [styles.active]: opened && !isDots
       });
-      return /* @__PURE__ */ jsxs(
+      return /* @__PURE__ */ jsx(
         Button,
         {
           className: classNames2,
-          theme,
+          theme: buttonTheme,
           size,
           onKeyDown: handleKeyDown({ opened, setOpened }),
           onClick: handleClick({ opened, setOpened }),
           disabled,
           "aria-haspopup": "menu",
           "aria-expanded": opened,
-          "aria-controls": instanceId.current,
+          "aria-controls": instanceId,
           "aria-activedescendant": activeDescendant,
+          icon: isDots ? SIZE_TO_DOTS_ICON_MAP[size] : void 0,
           ...buttonAttributes,
           ref: setRef,
-          children: [
+          children: isDots ? void 0 : /* @__PURE__ */ jsxs(Fragment, { children: [
             children,
             renderCaret()
-          ]
-        }
-      );
-    };
-    const renderButtonDots = ({ opened, setOpened }) => {
-      const classNames2 = clsx(styles.buttonDropdownTarget, styles.dots, {
-        [styles.block]: !!block2
-      });
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: classNames2,
-          theme: theme === EButtonDotsTheme.DOTS_SECONDARY ? EButtonTheme.SECONDARY : EButtonTheme.SECONDARY_LIGHT,
-          size,
-          onKeyDown: handleKeyDown({ opened, setOpened }),
-          onClick: handleClick({ opened, setOpened }),
-          disabled,
-          "aria-haspopup": "menu",
-          "aria-expanded": opened,
-          "aria-controls": instanceId.current,
-          "aria-activedescendant": activeDescendant,
-          ...buttonAttributes,
-          ref: setRef,
-          icon: SIZE_TO_DOTS_ICON_MAP[size]
+          ] })
         }
       );
     };
-    const handleClick = ({ opened, setOpened }) => () => setOpened(!opened);
-    const handleKeyDown = ({ opened, setOpened }) => (event) => {
-      const { key } = event;
-      if (isKey(key, "SPACE") || isKey(key, "ARROW_UP") || isKey(key, "ARROW_DOWN")) {
-        event.preventDefault();
-      }
-      if (!opened && (isKey(key, "ARROW_UP") || isKey(key, "ARROW_DOWN"))) {
-        setOpened(true);
-      }
-    };
-    const renderCaret = () => {
-      switch (theme) {
-        case EButtonTheme.GENERAL:
-        case EButtonTheme.DANGER:
-          return SIZE_TO_CARET_ICON_MAP[size](7);
-        case EButtonTheme.SECONDARY:
-        case EButtonTheme.SECONDARY_LIGHT:
-          return SIZE_TO_CARET_ICON_MAP[size](0);
-        default:
-          return null;
-      }
-    };
     const renderDropdown = ({ opened, setOpened, className: className2 }) => {
       const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;
-      const classNames2 = clsx(styles.buttonDropdownMenu, className2, dropdownClassName);
+      const classNames2 = clsx(className2, dropdownClassName);
       return /* @__PURE__ */ jsx(DropdownListContext.Provider, { value: { activeDescendant, setActiveDescendant }, children: /* @__PURE__ */ jsx(
         ButtonDropdownExtended.Dropdown,
         {
@@ -173,53 +163,45 @@ const ButtonDropdown = React__default.forwardRef(
                   children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B3, children })
                 }
               ),
-              /* @__PURE__ */ jsx(DropdownMobileBody, { children: /* @__PURE__ */ jsx(DropdownMobileList, { children: options.map((option) => /* @__PURE__ */ createElement(
+              /* @__PURE__ */ jsx(DropdownMobileBody, { children: /* @__PURE__ */ jsx(DropdownMobileList, { children: options.map(({ label, ...restOption }) => /* @__PURE__ */ createElement(
                 DropdownMobileListItem,
                 {
-                  ...option,
-                  key: option.id,
-                  selected: option.id === (selected == null ? void 0 : selected.id),
+                  ...restOption,
+                  key: restOption.id,
+                  selected: restOption.id === (selected == null ? void 0 : selected.id),
                   onSelect: () => {
                     var _a;
-                    (_a = option.onSelect) == null ? void 0 : _a.call(option);
+                    (_a = restOption.onSelect) == null ? void 0 : _a.call(restOption);
                     setOpened(false);
                   }
                 },
-                option.label
+                label
               )) }) })
             ] })
           },
-          children: /* @__PURE__ */ jsx(DropdownList, { dropdownOpened: opened, id: instanceId.current, size, children: options.map((option) => /* @__PURE__ */ createElement(
+          children: /* @__PURE__ */ jsx(DropdownList, { dropdownOpened: opened, id: instanceId, size, children: options.map(({ label, ...restOption }) => /* @__PURE__ */ createElement(
             DropdownList.Item,
             {
-              ...option,
+              ...restOption,
               className: styles.buttonDropdownMenuItem,
-              key: option.id,
-              selected: option.id === (selected == null ? void 0 : selected.id),
+              key: restOption.id,
+              selected: restOption.id === (selected == null ? void 0 : selected.id),
               onSelect: () => {
                 var _a;
-                (_a = option.onSelect) == null ? void 0 : _a.call(option);
+                (_a = restOption.onSelect) == null ? void 0 : _a.call(restOption);
                 setOpened(false);
               }
             },
-            option.label
+            label
           )) })
         }
       ) });
     };
-    const setRef = (instance) => {
-      buttonRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
-      }
-    };
     return /* @__PURE__ */ jsx(
       ButtonDropdownExtended,
       {
         className: classNames,
-        renderButton: theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT ? renderButtonDots : renderButton,
+        renderButton,
         renderDropdown,
         dropdownRef,
         closeOnTab: true,

package/components/Button/ButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/Button/ButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    CaretdownStrokeSrvIcon24,\n    CaretdownStrokeSrvIcon20,\n    CaretdownStrokeSrvIcon16,\n    DotshorizontalStrokeSrvIcon32,\n    DotshorizontalStrokeSrvIcon24,\n    DotshorizontalStrokeSrvIcon20,\n} from \"@sberbusiness/icons-next\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"./ButtonDropdownExtended\";\nimport { Button } from \"./Button\";\nimport { EButtonDotsTheme, EButtonTheme } from \"./enums\";\nimport { isKey } from \"../../utils/keyboard\";\nimport {\n    DropdownList,\n    DropdownListContext,\n    DropdownMobileHeader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownListItemProps,\n    EDropdownWidth,\n    EDropdownAlignment,\n} from \"../Dropdown\";\nimport { Text, ETextSize } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport styles from \"./styles/ButtonDropdown.module.less\";\n\n/** Свойства опции в выпадающем списке действий. */\nexport interface IButtonDropdownOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /** Уникальное имя опции. */\n    id: string;\n    /** Название опции. */\n    label: React.ReactNode;\n    /** Обработчик выбора опции. */\n    onSelect?: () => void;\n}\n\n/** Свойства кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** HTML-атрибуты кнопки. */\n    buttonAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    /** HTML-атрибуты Dropdown. */\n    dropdownAttributes?: React.HTMLAttributes<HTMLDivElement> & DataAttributes;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Список опций. */\n    options: IButtonDropdownOption[];\n    /** Выбранная опция. */\n    selected?: IButtonDropdownOption;\n    /** Отключенное состояние кнопки. */\n    disabled?: boolean;\n}\n\n/** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */\ninterface IButtonDropdownBaseProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;\n    /** Блочное состояние кнопки. */\n    block?: boolean;\n}\n\n/** Свойства контекстной кнопки с выпадающим списком действий. */\ninterface IButtonDotsProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonDotsTheme;\n    /** Блочное состояние кнопки. */\n    block?: never;\n}\n\nconst SIZE_TO_DOTS_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <DotshorizontalStrokeSrvIcon20 paletteIndex={0} />,\n    [EComponentSize.MD]: <DotshorizontalStrokeSrvIcon24 paletteIndex={0} />,\n    [EComponentSize.LG]: <DotshorizontalStrokeSrvIcon32 paletteIndex={0} />,\n};\n\nconst SIZE_TO_CARET_ICON_MAP: Record<EComponentSize, (paletteIndex: 0 | 7) => React.ReactElement> = {\n    [EComponentSize.SM]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon16 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.MD]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon20 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.LG]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon24 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n};\n\n/** Кнопка с выпадающим списком действий. */\nexport const ButtonDropdown = React.forwardRef<HTMLButtonElement, IButtonDropdownBaseProps | IButtonDotsProps>(\n    (props, ref) => {\n        const {\n            buttonAttributes,\n            dropdownAttributes = {},\n            children,\n            className,\n            theme,\n            size,\n            options,\n            selected,\n            block,\n            disabled,\n            ...rest\n        } = props;\n\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const classNames = clsx(styles.buttonDropdown, { [styles.block]: !!block }, className);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const instanceId = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, {\n                [styles.block]: !!block,\n                [styles.active]: opened,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={theme as EButtonTheme}\n                    size={size}\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    aria-activedescendant={activeDescendant}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                    {renderCaret()}\n                </Button>\n            );\n        };\n\n        const renderButtonDots = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, styles.dots, {\n                [styles.block]: !!block,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={\n                        theme === EButtonDotsTheme.DOTS_SECONDARY\n                            ? EButtonTheme.SECONDARY\n                            : EButtonTheme.SECONDARY_LIGHT\n                    }\n                    size={size}\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    aria-activedescendant={activeDescendant}\n                    {...buttonAttributes}\n                    ref={setRef}\n                    icon={SIZE_TO_DOTS_ICON_MAP[size]}\n                />\n            );\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderCaret = () => {\n            switch (theme) {\n                case EButtonTheme.GENERAL:\n                case EButtonTheme.DANGER:\n                    return SIZE_TO_CARET_ICON_MAP[size](7);\n                case EButtonTheme.SECONDARY:\n                case EButtonTheme.SECONDARY_LIGHT:\n                    return SIZE_TO_CARET_ICON_MAP[size](0);\n                default:\n                    return null;\n            }\n        };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;\n            const classNames = clsx(styles.buttonDropdownMenu, className, dropdownClassName);\n\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        {...restDropdownAttributes}\n                        className={classNames}\n                        size={size}\n                        width={EDropdownWidth.MIN_TARGET}\n                        alignment={EDropdownAlignment.RIGHT}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        mobileViewProps={{\n                            children: (\n                                <>\n                                    <DropdownMobileHeader\n                                        controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}\n                                    >\n                                        <Text tag=\"div\" size={ETextSize.B3}>\n                                            {children}\n                                        </Text>\n                                    </DropdownMobileHeader>\n                                    <DropdownMobileBody>\n                                        <DropdownMobileList>\n                                            {options.map((option) => (\n                                                <DropdownMobileListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        /** Функция для хранения ссылки. */\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={classNames}\n                renderButton={\n                    theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT\n                        ? renderButtonDots\n                        : renderButton\n                }\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nButtonDropdown.displayName = \"ButtonDropdown\";\n"],"names":["React","block","classNames","className"],"mappings":"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"}
+{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/Button/ButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    CaretdownStrokeSrvIcon24,\n    CaretdownStrokeSrvIcon20,\n    CaretdownStrokeSrvIcon16,\n    DotshorizontalStrokeSrvIcon32,\n    DotshorizontalStrokeSrvIcon24,\n    DotshorizontalStrokeSrvIcon20,\n} from \"@sberbusiness/icons-next\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"./ButtonDropdownExtended\";\nimport { Button } from \"./Button\";\nimport { EButtonDotsTheme, EButtonTheme } from \"./enums\";\nimport { isKey } from \"../../utils/keyboard\";\nimport {\n    DropdownList,\n    DropdownListContext,\n    DropdownMobileHeader,\n    DropdownMobileClose,\n    DropdownMobileBody,\n    DropdownMobileList,\n    DropdownMobileListItem,\n    IDropdownListItemProps,\n    EDropdownWidth,\n    EDropdownAlignment,\n} from \"../Dropdown\";\nimport { Text, ETextSize } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport styles from \"./styles/ButtonDropdown.module.less\";\n\n/** Свойства опции в выпадающем списке действий. */\nexport interface IButtonDropdownOption extends Omit<\n    IDropdownListItemProps,\n    \"active\" | \"onSelect\" | \"selected\" | \"keyCodesForSelection\" | \"className\" | \"key\"\n> {\n    /** Уникальное имя опции. */\n    id: string;\n    /** Название опции. */\n    label: React.ReactNode;\n    /** Обработчик выбора опции. */\n    onSelect?: () => void;\n}\n\n/** Свойства кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** HTML-атрибуты кнопки. */\n    buttonAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    /** HTML-атрибуты Dropdown. */\n    dropdownAttributes?: React.HTMLAttributes<HTMLDivElement> & DataAttributes;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Список опций. */\n    options: IButtonDropdownOption[];\n    /** Выбранная опция. */\n    selected?: IButtonDropdownOption;\n    /** Отключенное состояние кнопки. */\n    disabled?: boolean;\n    /** Управляемое состояние открытости dropdown (controlled-режим). Задаётся в паре с setOpened; без setOpened состояние зафиксировано (например, для visual-тестов). */\n    opened?: boolean;\n    /** Обработчик изменения состояния открытости dropdown (пара к opened). */\n    setOpened?: (opened: boolean) => void;\n}\n\n/** Темы триггера, отображаемого как обычная кнопка (без dots-вариантов). */\nexport type TButtonDropdownButtonTheme =\n    EButtonTheme.GENERAL | EButtonTheme.SECONDARY | EButtonTheme.SECONDARY_LIGHT | EButtonTheme.DANGER;\n\n/** Свойства основной/вспомогательной кнопки с выпадающим списком действий. */\nexport interface IButtonDropdownBaseProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: TButtonDropdownButtonTheme;\n    /** Блочное состояние кнопки. */\n    block?: boolean;\n}\n\n/** Свойства контекстной кнопки с выпадающим списком действий. */\nexport interface IButtonDotsProps extends IButtonDropdownProps {\n    /** Тема кнопки. */\n    theme: EButtonDotsTheme;\n    /** Блочное состояние кнопки. */\n    block?: never;\n}\n\n/** Тема триггера: обычная кнопка либо кнопка-dots. */\nexport type TButtonDropdownTheme = TButtonDropdownButtonTheme | EButtonDotsTheme;\n\n/** Триггер отображается как кнопка-dots (иконка вместо текста и каретки). */\nconst isDotsTheme = (theme: TButtonDropdownTheme): theme is EButtonDotsTheme =>\n    theme === EButtonDotsTheme.DOTS_SECONDARY || theme === EButtonDotsTheme.DOTS_SECONDARY_LIGHT;\n\nconst DOTS_THEME_TO_BUTTON_THEME_MAP: Record<EButtonDotsTheme, TButtonDropdownButtonTheme> = {\n    [EButtonDotsTheme.DOTS_SECONDARY]: EButtonTheme.SECONDARY,\n    [EButtonDotsTheme.DOTS_SECONDARY_LIGHT]: EButtonTheme.SECONDARY_LIGHT,\n};\n\n/** Индекс палитры каретки: на цветной заливке — светлая иконка (7), на светлом фоне — тёмная (0). */\nconst THEME_TO_CARET_PALETTE_INDEX_MAP: Record<TButtonDropdownButtonTheme, 0 | 7> = {\n    [EButtonTheme.GENERAL]: 7,\n    [EButtonTheme.DANGER]: 7,\n    [EButtonTheme.SECONDARY]: 0,\n    [EButtonTheme.SECONDARY_LIGHT]: 0,\n};\n\nconst SIZE_TO_DOTS_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <DotshorizontalStrokeSrvIcon20 paletteIndex={0} />,\n    [EComponentSize.MD]: <DotshorizontalStrokeSrvIcon24 paletteIndex={0} />,\n    [EComponentSize.LG]: <DotshorizontalStrokeSrvIcon32 paletteIndex={0} />,\n};\n\nconst SIZE_TO_CARET_ICON_MAP: Record<EComponentSize, (paletteIndex: 0 | 7) => React.ReactElement> = {\n    [EComponentSize.SM]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon16 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.MD]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon20 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n    [EComponentSize.LG]: (paletteIndex) => (\n        <CaretdownStrokeSrvIcon24 paletteIndex={paletteIndex} className={styles.caretIcon} />\n    ),\n};\n\n/**\n * Кнопка с выпадающим списком действий.\n * Триггер отображается либо как обычная кнопка с текстом и кареткой, либо как кнопка-dots (тема EButtonDotsTheme).\n */\nexport const ButtonDropdown = React.forwardRef<HTMLButtonElement, IButtonDropdownBaseProps | IButtonDotsProps>(\n    (props, ref) => {\n        const {\n            buttonAttributes,\n            dropdownAttributes = {},\n            children,\n            className,\n            theme,\n            size,\n            options,\n            selected,\n            block,\n            disabled,\n            ...rest\n        } = props;\n\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const classNames = clsx(styles.buttonDropdown, { [styles.block]: !!block }, className);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const [instanceId] = useState(() => uniqueId());\n\n        const isDots = isDotsTheme(theme);\n        const buttonTheme = isDots ? DOTS_THEME_TO_BUTTON_THEME_MAP[theme] : theme;\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                // Сравнивается event.code (как в ButtonDropdownExtended): event.key пробела — \" \", он не входит в EVENT_KEYS.SPACE.\n                const key: string | number = event.code || event.keyCode;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (isKey(key, \"SPACE\")) {\n                    // preventDefault отменяет нативную click-активацию кнопки по пробелу — переключение выполняется явно.\n                    setOpened(!opened);\n                } else if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderCaret = () => SIZE_TO_CARET_ICON_MAP[size](THEME_TO_CARET_PALETTE_INDEX_MAP[buttonTheme]);\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            const classNames = clsx(styles.buttonDropdownTarget, {\n                [styles.dots]: isDots,\n                [styles.block]: !!block,\n                [styles.active]: opened && !isDots,\n            });\n\n            return (\n                <Button\n                    className={classNames}\n                    theme={buttonTheme}\n                    size={size}\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId}\n                    aria-activedescendant={activeDescendant}\n                    icon={isDots ? SIZE_TO_DOTS_ICON_MAP[size] : undefined}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {isDots ? undefined : (\n                        <>\n                            {children}\n                            {renderCaret()}\n                        </>\n                    )}\n                </Button>\n            );\n        };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            const { className: dropdownClassName, ...restDropdownAttributes } = dropdownAttributes;\n            const classNames = clsx(className, dropdownClassName);\n\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        {...restDropdownAttributes}\n                        className={classNames}\n                        size={size}\n                        width={EDropdownWidth.MIN_TARGET}\n                        alignment={EDropdownAlignment.RIGHT}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        mobileViewProps={{\n                            children: (\n                                <>\n                                    <DropdownMobileHeader\n                                        controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}\n                                    >\n                                        <Text tag=\"div\" size={ETextSize.B3}>\n                                            {children}\n                                        </Text>\n                                    </DropdownMobileHeader>\n                                    <DropdownMobileBody>\n                                        <DropdownMobileList>\n                                            {options.map(({ label, ...restOption }) => (\n                                                <DropdownMobileListItem\n                                                    {...restOption}\n                                                    key={restOption.id}\n                                                    selected={restOption.id === selected?.id}\n                                                    onSelect={() => {\n                                                        restOption.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId} size={size}>\n                            {options.map(({ label, ...restOption }) => (\n                                <DropdownList.Item\n                                    {...restOption}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={restOption.id}\n                                    selected={restOption.id === selected?.id}\n                                    onSelect={() => {\n                                        restOption.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={classNames}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nButtonDropdown.displayName = \"ButtonDropdown\";\n"],"names":["React","block","classNames","className"],"mappings":"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"}

package/components/Button/ButtonDropdownExtended.js

@@ -3,9 +3,9 @@ import { useRef, useState, useCallback, useEffect } from "react";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { isKey } from "../../utils/keyboard.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const buttonDropdownExtended = "buttonDropdownExtended__b3b248fc";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__ab6dc859";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+const buttonDropdownExtended = "buttonDropdownExtended__e1fd0bc1";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__84839acd";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock
@@ -13,18 +13,18 @@ const styles = {
 const ButtonDropdownExtended = (props) => {
   const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;
   const containerRef = useRef(null);
-  const isControlledRef = useRef(props.opened !== void 0);
-  const [uncontrolledOpened, setUncontrolledOpened] = useState(props.opened === void 0 ? false : false);
-  const computedOpened = isControlledRef.current ? !!opened : uncontrolledOpened;
-  const handleOpen = useCallback(
+  const [isControlled] = useState(() => opened !== void 0);
+  const [uncontrolledOpened, setUncontrolledOpened] = useState(false);
+  const computedOpened = isControlled ? !!opened : uncontrolledOpened;
+  const handleOpenedChange = useCallback(
     (nextOpened) => {
-      if (isControlledRef.current) {
-        setOpened && setOpened(nextOpened);
+      if (isControlled) {
+        setOpened == null ? void 0 : setOpened(nextOpened);
         return;
       }
       setUncontrolledOpened(nextOpened);
     },
-    [setOpened]
+    [isControlled, setOpened]
   );
   useEffect(() => {
     if (!computedOpened) {
@@ -32,20 +32,16 @@ const ButtonDropdownExtended = (props) => {
     }
     const handleKeyDown = (event) => {
       const key = event.code || event.keyCode;
-      if (computedOpened) {
-        if (isKey(key, "ESCAPE") || closeOnTab && isKey(key, "TAB")) {
-          handleOpen(false);
-        }
+      if (isKey(key, "ESCAPE") || closeOnTab && isKey(key, "TAB")) {
+        handleOpenedChange(false);
       }
     };
     const handleClickOutside = (event) => {
       const button = containerRef.current;
       const dropdown = dropdownRef.current;
-      if (computedOpened) {
-        const targetNode = event.target;
-        if (targetNode && !(button == null ? void 0 : button.contains(targetNode)) && !(dropdown == null ? void 0 : dropdown.contains(targetNode))) {
-          handleOpen(false);
-        }
+      const targetNode = event.target;
+      if (targetNode && !(button == null ? void 0 : button.contains(targetNode)) && !(dropdown == null ? void 0 : dropdown.contains(targetNode))) {
+        handleOpenedChange(false);
       }
     };
     document.addEventListener("keydown", handleKeyDown);
@@ -56,14 +52,14 @@ const ButtonDropdownExtended = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
       document.removeEventListener("touchstart", handleClickOutside);
     };
-  }, [computedOpened, closeOnTab, dropdownRef, handleOpen, containerRef]);
+  }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);
   const classNames = clsx(styles.buttonDropdownExtended, className);
   return /* @__PURE__ */ jsxs("div", { className: classNames, ref: containerRef, ...rest, children: [
-    renderButton({ opened: computedOpened, setOpened: handleOpen }),
+    renderButton({ opened: computedOpened, setOpened: handleOpenedChange }),
     renderDropdown({
       className: styles.buttonDropdownExtendedBlock,
       opened: computedOpened,
-      setOpened: handleOpen
+      setOpened: handleOpenedChange
     })
   ] });
 };

package/components/Button/ButtonDropdownExtended.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdownExtended.js","sources":["../../../src/components/Button/ButtonDropdownExtended.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dropdown } from \"@sberbusiness/triplex-next/components/Dropdown/Dropdown\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ButtonDropdownExtended.module.less\";\n\n/** Свойства встроенной кнопки. */\nexport interface IButtonDropdownExtendedButtonProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n}\n\n/** Свойства встроенного выпадающего блока. */\nexport interface IButtonDropdownExtendedDropdownProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n    /** Пробрасываемый стилевой класс. */\n    className: string;\n}\n\n/** Свойства кнопки с выпадающим блоком. */\nexport interface IButtonDropdownExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. */\n    opened?: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened?: (opened: boolean) => void;\n    /** Функция, отрисовывающая кнопку. */\n    renderButton: (props: IButtonDropdownExtendedButtonProvideProps) => React.ReactNode;\n    /** Функция, отрисовывающая выпадающий блок. */\n    renderDropdown: (props: IButtonDropdownExtendedDropdownProvideProps) => React.ReactNode;\n    /** Ссылка на выпадающий блок. */\n    dropdownRef: React.RefObject<HTMLElement>;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/**\n * Компонент \"Кнопка с выпадающим блоком\".\n * Позволяет кастомизировать кнопку открытия Dropdown и сам Dropdown.\n */\nexport interface IButtonDropdownExtendedComponent extends React.FC<IButtonDropdownExtendedProps> {\n    Dropdown: typeof Dropdown;\n    DropdownList: typeof DropdownList;\n};\n\nexport const ButtonDropdownExtended: IButtonDropdownExtendedComponent = (props) => {\n    const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const isControlledRef = useRef<boolean>(props.opened !== undefined);\n    const [uncontrolledOpened, setUncontrolledOpened] = useState<boolean>(props.opened === undefined ? false : false);\n\n    const computedOpened = isControlledRef.current ? !!opened : uncontrolledOpened;\n\n    const handleOpen = useCallback(\n        (nextOpened: boolean) => {\n            if (isControlledRef.current) {\n                setOpened && setOpened(nextOpened);\n                return;\n            }\n            setUncontrolledOpened(nextOpened);\n        },\n        [setOpened]\n    );\n\n    useEffect(() => {\n        if (!computedOpened) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const key: string | number = event.code || event.keyCode;\n            if (computedOpened) {\n                if (isKey(key, \"ESCAPE\") || (closeOnTab && isKey(key, \"TAB\"))) {\n                    handleOpen(false);\n                }\n            }\n        };\n\n        const handleClickOutside = (event: Event) => {\n            const button = containerRef.current;\n            const dropdown = dropdownRef.current;\n\n            if (computedOpened) {\n                const targetNode = event.target as Node | null;\n                if (targetNode && !button?.contains(targetNode) && !dropdown?.contains(targetNode)) {\n                    handleOpen(false);\n                }\n            }\n        };\n\n        document.addEventListener(\"keydown\", handleKeyDown);\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchstart\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"keydown\", handleKeyDown);\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n            document.removeEventListener(\"touchstart\", handleClickOutside);\n        };\n    }, [computedOpened, closeOnTab, dropdownRef, handleOpen, containerRef]);\n\n    const classNames = clsx(styles.buttonDropdownExtended, className);\n\n    return (\n        <div className={classNames} ref={containerRef} {...rest}>\n            {renderButton({ opened: computedOpened, setOpened: handleOpen })}\n            {renderDropdown({\n                className: styles.buttonDropdownExtendedBlock,\n                opened: computedOpened,\n                setOpened: handleOpen,\n            })}\n        </div>\n    );\n};\n\nButtonDropdownExtended.Dropdown = Dropdown;\nButtonDropdownExtended.DropdownList = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;AAkDO,MAAM,yBAA2D,CAAC,UAAU;AAC/E,QAAM,EAAE,WAAW,QAAQ,WAAW,cAAc,gBAAgB,aAAa,YAAY,GAAG,KAAA,IAAS;AAEzG,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,kBAAkB,OAAgB,MAAM,WAAW,MAAS;AAClE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,MAAM,WAAW,SAAY,QAAQ,KAAK;AAEhH,QAAM,iBAAiB,gBAAgB,UAAU,CAAC,CAAC,SAAS;AAE5D,QAAM,aAAa;AAAA,IACf,CAAC,eAAwB;AACrB,UAAI,gBAAgB,SAAS;AACzB,qBAAa,UAAU,UAAU;AACjC;AAAA,MACJ;AACA,4BAAsB,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGd,YAAU,MAAM;AACZ,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC5C,YAAM,MAAuB,MAAM,QAAQ,MAAM;AACjD,UAAI,gBAAgB;AAChB,YAAI,MAAM,KAAK,QAAQ,KAAM,cAAc,MAAM,KAAK,KAAK,GAAI;AAC3D,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,qBAAqB,CAAC,UAAiB;AACzC,YAAM,SAAS,aAAa;AAC5B,YAAM,WAAW,YAAY;AAE7B,UAAI,gBAAgB;AAChB,cAAM,aAAa,MAAM;AACzB,YAAI,cAAc,EAAC,iCAAQ,SAAS,gBAAe,EAAC,qCAAU,SAAS,cAAa;AAChF,qBAAW,KAAK;AAAA,QACpB;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,aAAS,iBAAiB,cAAc,kBAAkB;AAE1D,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,aAAa;AACrD,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,eAAS,oBAAoB,cAAc,kBAAkB;AAAA,IACjE;AAAA,EACJ,GAAG,CAAC,gBAAgB,YAAY,aAAa,YAAY,YAAY,CAAC;AAEtE,QAAM,aAAa,KAAK,OAAO,wBAAwB,SAAS;AAEhE,8BACK,OAAA,EAAI,WAAW,YAAY,KAAK,cAAe,GAAG,MAC9C,UAAA;AAAA,IAAA,aAAa,EAAE,QAAQ,gBAAgB,WAAW,YAAY;AAAA,IAC9D,eAAe;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA,CACd;AAAA,EAAA,GACL;AAER;AAEA,uBAAuB,WAAW;AAClC,uBAAuB,eAAe;"}
+{"version":3,"file":"ButtonDropdownExtended.js","sources":["../../../src/components/Button/ButtonDropdownExtended.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dropdown } from \"@sberbusiness/triplex-next/components/Dropdown/Dropdown\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/ButtonDropdownExtended.module.less\";\n\n/** Свойства встроенной кнопки. */\nexport interface IButtonDropdownExtendedButtonProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n}\n\n/** Свойства встроенного выпадающего блока. */\nexport interface IButtonDropdownExtendedDropdownProvideProps {\n    /** Контролируемое состояние открытости. */\n    opened: boolean;\n    /** Функция, контролирующая состояние открытости. */\n    setOpened: (opened: boolean) => void;\n    /** Пробрасываемый стилевой класс. */\n    className: string;\n}\n\n/** Свойства кнопки с выпадающим блоком. */\nexport interface IButtonDropdownExtendedProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Контролируемое состояние открытости. Если передан на первом рендере, компонент работает в контролируемом режиме. */\n    opened?: boolean;\n    /** Функция, контролирующая состояние открытости. Вызывается только в контролируемом режиме. */\n    setOpened?: (opened: boolean) => void;\n    /** Функция, отрисовывающая кнопку. */\n    renderButton: (props: IButtonDropdownExtendedButtonProvideProps) => React.ReactNode;\n    /** Функция, отрисовывающая выпадающий блок. */\n    renderDropdown: (props: IButtonDropdownExtendedDropdownProvideProps) => React.ReactNode;\n    /** Ссылка на выпадающий блок. Нужна, чтобы клик внутри блока не считался кликом снаружи. */\n    dropdownRef: React.RefObject<HTMLElement>;\n    /** Закрытие выпадающего блока при нажатии клавиши Tab. */\n    closeOnTab?: boolean;\n}\n\n/** Тип компонента \"Кнопка с выпадающим блоком\" со статическими субкомпонентами. */\nexport interface IButtonDropdownExtendedComponent extends React.FC<IButtonDropdownExtendedProps> {\n    /** Выпадающий блок. */\n    Dropdown: typeof Dropdown;\n    /** Список опций для выпадающего блока. */\n    DropdownList: typeof DropdownList;\n}\n\n/**\n * Компонент \"Кнопка с выпадающим блоком\".\n * Позволяет кастомизировать кнопку открытия Dropdown и сам Dropdown через render-функции.\n * Пока блок открыт, слушает документ и закрывает его по Escape, по Tab (при closeOnTab)\n * и по клику вне кнопки и вне выпадающего блока.\n */\nexport const ButtonDropdownExtended: IButtonDropdownExtendedComponent = (props) => {\n    const { className, opened, setOpened, renderButton, renderDropdown, dropdownRef, closeOnTab, ...rest } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    // Режим управления фиксируется на монтировании и дальше не меняется.\n    const [isControlled] = useState<boolean>(() => opened !== undefined);\n    const [uncontrolledOpened, setUncontrolledOpened] = useState<boolean>(false);\n\n    const computedOpened = isControlled ? !!opened : uncontrolledOpened;\n\n    const handleOpenedChange = useCallback(\n        (nextOpened: boolean) => {\n            if (isControlled) {\n                setOpened?.(nextOpened);\n                return;\n            }\n            setUncontrolledOpened(nextOpened);\n        },\n        [isControlled, setOpened],\n    );\n\n    useEffect(() => {\n        if (!computedOpened) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            const key: string | number = event.code || event.keyCode;\n\n            if (isKey(key, \"ESCAPE\") || (closeOnTab && isKey(key, \"TAB\"))) {\n                handleOpenedChange(false);\n            }\n        };\n\n        const handleClickOutside = (event: Event) => {\n            const button = containerRef.current;\n            const dropdown = dropdownRef.current;\n            const targetNode = event.target as Node | null;\n\n            if (targetNode && !button?.contains(targetNode) && !dropdown?.contains(targetNode)) {\n                handleOpenedChange(false);\n            }\n        };\n\n        document.addEventListener(\"keydown\", handleKeyDown);\n        document.addEventListener(\"mousedown\", handleClickOutside);\n        document.addEventListener(\"touchstart\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"keydown\", handleKeyDown);\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n            document.removeEventListener(\"touchstart\", handleClickOutside);\n        };\n    }, [computedOpened, closeOnTab, dropdownRef, handleOpenedChange]);\n\n    const classNames = clsx(styles.buttonDropdownExtended, className);\n\n    return (\n        <div className={classNames} ref={containerRef} {...rest}>\n            {renderButton({ opened: computedOpened, setOpened: handleOpenedChange })}\n            {renderDropdown({\n                className: styles.buttonDropdownExtendedBlock,\n                opened: computedOpened,\n                setOpened: handleOpenedChange,\n            })}\n        </div>\n    );\n};\n\nButtonDropdownExtended.Dropdown = Dropdown;\nButtonDropdownExtended.DropdownList = DropdownList;\n"],"names":[],"mappings":";;;;;;;;;;;;AAuDO,MAAM,yBAA2D,CAAC,UAAU;AAC/E,QAAM,EAAE,WAAW,QAAQ,WAAW,cAAc,gBAAgB,aAAa,YAAY,GAAG,KAAA,IAAS;AAEzG,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,CAAC,YAAY,IAAI,SAAkB,MAAM,WAAW,MAAS;AACnE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,KAAK;AAE3E,QAAM,iBAAiB,eAAe,CAAC,CAAC,SAAS;AAEjD,QAAM,qBAAqB;AAAA,IACvB,CAAC,eAAwB;AACrB,UAAI,cAAc;AACd,+CAAY;AACZ;AAAA,MACJ;AACA,4BAAsB,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,cAAc,SAAS;AAAA,EAAA;AAG5B,YAAU,MAAM;AACZ,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC5C,YAAM,MAAuB,MAAM,QAAQ,MAAM;AAEjD,UAAI,MAAM,KAAK,QAAQ,KAAM,cAAc,MAAM,KAAK,KAAK,GAAI;AAC3D,2BAAmB,KAAK;AAAA,MAC5B;AAAA,IACJ;AAEA,UAAM,qBAAqB,CAAC,UAAiB;AACzC,YAAM,SAAS,aAAa;AAC5B,YAAM,WAAW,YAAY;AAC7B,YAAM,aAAa,MAAM;AAEzB,UAAI,cAAc,EAAC,iCAAQ,SAAS,gBAAe,EAAC,qCAAU,SAAS,cAAa;AAChF,2BAAmB,KAAK;AAAA,MAC5B;AAAA,IACJ;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,aAAS,iBAAiB,cAAc,kBAAkB;AAE1D,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,aAAa;AACrD,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,eAAS,oBAAoB,cAAc,kBAAkB;AAAA,IACjE;AAAA,EACJ,GAAG,CAAC,gBAAgB,YAAY,aAAa,kBAAkB,CAAC;AAEhE,QAAM,aAAa,KAAK,OAAO,wBAAwB,SAAS;AAEhE,8BACK,OAAA,EAAI,WAAW,YAAY,KAAK,cAAe,GAAG,MAC9C,UAAA;AAAA,IAAA,aAAa,EAAE,QAAQ,gBAAgB,WAAW,oBAAoB;AAAA,IACtE,eAAe;AAAA,MACZ,WAAW,OAAO;AAAA,MAClB,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA,CACd;AAAA,EAAA,GACL;AAER;AAEA,uBAAuB,WAAW;AAClC,uBAAuB,eAAe;"}

package/components/Button/ButtonIcon.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__46c7b481";
-const circle = "circle__8149591b";
-const squircle = "squircle__71da97ad";
+const buttonIcon = "buttonIcon__1cb0f0e4";
+const circle = "circle__f9cee541";
+const squircle = "squircle__c39cd653";
 const styles = {
   buttonIcon,
   circle,

package/components/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../src/components/Button/ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"@sberbusiness/triplex-next/types/CoreTypes\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button/enums\";\nimport { IconWrapper } from \"@sberbusiness/triplex-next/components/IconWrapper\";\nimport styles from \"./styles/ButtonIcon.module.less\";\n\nconst SHAPE_TO_CLASS_NAME_MAP: Record<EButtonIconShape, string> = {\n    [EButtonIconShape.SQUIRCLE]: styles.squircle,\n    [EButtonIconShape.CIRCLE]: styles.circle,\n};\n\n/** Свойства компонента ButtonIcon. */\nexport interface IButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DataAttributes {\n    /** Форма границы кнопки. */\n    shape?: EButtonIconShape;\n    /** Активное состояние. */\n    active?: boolean;\n}\n\n/** Кнопка-иконка. */\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ className, disabled, shape = EButtonIconShape.SQUIRCLE, active, ...rest }, ref) => {\n        const classNames = clsx(styles.buttonIcon, SHAPE_TO_CLASS_NAME_MAP[shape], className);\n\n        return (\n            <IconWrapper displayContents disabled={disabled} active={active}>\n                <button type=\"button\" className={classNames} disabled={disabled} {...rest} ref={ref} />\n            </IconWrapper>\n        );\n    },\n);\n\nButtonIcon.displayName = \"ButtonIcon\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAOA,MAAM,0BAA4D;AAAA,EAC9D,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AACtC;AAWO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,UAAU,QAAQ,iBAAiB,UAAU,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAClF,UAAM,aAAa,KAAK,OAAO,YAAY,wBAAwB,KAAK,GAAG,SAAS;AAEpF,+BACK,aAAA,EAAY,iBAAe,MAAC,UAAoB,QAC7C,UAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,YAAY,UAAqB,GAAG,MAAM,KAAU,GACzF;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../src/components/Button/ButtonIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport { EButtonIconShape } from \"./enums\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport styles from \"./styles/ButtonIcon.module.less\";\n\nconst SHAPE_TO_CLASS_NAME_MAP: Record<EButtonIconShape, string> = {\n    [EButtonIconShape.SQUIRCLE]: styles.squircle,\n    [EButtonIconShape.CIRCLE]: styles.circle,\n};\n\n/** Свойства компонента ButtonIcon. */\nexport interface IButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DataAttributes {\n    /** Форма границы кнопки. По умолчанию EButtonIconShape.SQUIRCLE. */\n    shape?: EButtonIconShape;\n    /** Активное состояние. По умолчанию false. */\n    active?: boolean;\n    /**\n     * Содержимое кнопки, обычно иконка из @sberbusiness/icons-next.\n     * Не деструктурируется отдельно — уходит на корневой button внутри ...rest.\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Кнопка-иконка — компактный интерактивный элемент без текстового контента.\n * Размер задаётся размером переданной иконки. Требует aria-label от потребителя.\n */\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, IButtonIconProps>(\n    ({ className, disabled, shape = EButtonIconShape.SQUIRCLE, active, ...rest }, ref) => {\n        const classNames = clsx(styles.buttonIcon, SHAPE_TO_CLASS_NAME_MAP[shape], className);\n\n        return (\n            <IconWrapper displayContents disabled={disabled} active={active}>\n                <button type=\"button\" className={classNames} disabled={disabled} {...rest} ref={ref} />\n            </IconWrapper>\n        );\n    },\n);\n\nButtonIcon.displayName = \"ButtonIcon\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAOA,MAAM,0BAA4D;AAAA,EAC9D,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AACtC;AAmBO,MAAM,aAAaA,eAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,UAAU,QAAQ,iBAAiB,UAAU,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAClF,UAAM,aAAa,KAAK,OAAO,YAAY,wBAAwB,KAAK,GAAG,SAAS;AAEpF,+BACK,aAAA,EAAY,iBAAe,MAAC,UAAoB,QAC7C,UAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,YAAY,UAAqB,GAAG,MAAM,KAAU,GACzF;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;"}

package/components/Button/index.js

@@ -1,12 +1,10 @@
 import { Button } from "./Button.js";
-import { ButtonBase } from "./ButtonBase.js";
 import { ButtonIcon } from "./ButtonIcon.js";
 import { ButtonDropdown } from "./ButtonDropdown.js";
 import { ButtonDropdownExtended } from "./ButtonDropdownExtended.js";
 import { EButtonDotsTheme, EButtonIconShape, EButtonTheme } from "./enums.js";
 export {
   Button,
-  ButtonBase,
   ButtonDropdown,
   ButtonDropdownExtended,
   ButtonIcon,

package/components/Button/index.js.map

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

package/components/Calendar/Calendar.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
-import { u as uniqueId, c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { u as uniqueId, c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
 import moment from "moment";
 import { globalLimitRange, dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
@@ -14,9 +14,9 @@ import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
 import { parsePickedDate, formatDate, getHeader } from "./utils.js";
-const calendar = "calendar__ad874d96";
-const extraBottom = "extraBottom__0a5f283b";
-const adaptive = "adaptive__cf50dfc5";
+const calendar = "calendar__96a77ab0";
+const extraBottom = "extraBottom__698ece52";
+const adaptive = "adaptive__171145a1";
 const styles = {
   calendar,
   extraBottom,
@@ -180,7 +180,7 @@ class Calendar extends React__default.PureComponent {
       this.props.adaptiveMode ? styles.adaptive : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom
     );
     const pickedDate = parsePickedDate(this.props.pickedDate, format);
-    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.38.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.40.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -8,7 +8,7 @@ import { EButtonIconShape, EButtonTheme } from "../../Button/enums.js";
 import { ECalendarViewMode } from "../enums.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__8f0bfa07";
+const calendarControls = "calendarControls__1d40b282";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-const calendarFooter = "calendarFooter__9d52a737";
+const calendarFooter = "calendarFooter__7f8c6672";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useCallback, useState, useEffect } from "react";
 import moment from "moment";
-import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
 import { isDateOutOfRange, isDayDisabled } from "../utils.js";
 import { WEEKDAYS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-knPscTce.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";

package/components/Calendar/components/CalendarViewItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-Bco_z_Yi.js";
+import "../../../chunks/vendor-CtuAQuEN.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
+import { C } from "../../../chunks/CalendarViewItem-knPscTce.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-knPscTce.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const CalendarViewMonths = ({ pickedDate, monthHtmlAttributes = {} }) => {

package/components/Calendar/components/CalendarViewYears.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BN36lbJt.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-knPscTce.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarViewMode } from "../enums.js";
 const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {