@sberbusiness/triplex-next 0.38.0 → 0.40.0

package/components/Button/ButtonDropdownExtended.js

@@ -4,8 +4,8 @@ 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-BtZO8a0z.js";
-const buttonDropdownExtended = "buttonDropdownExtended__e9d2e321";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__c02403c9";
+const buttonDropdownExtended = "buttonDropdownExtended__58f6a464";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__9e4d00a6";
 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

@@ -3,9 +3,9 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__ebcec80e";
-const circle = "circle__b0085973";
-const squircle = "squircle__096cb8da";
+const buttonIcon = "buttonIcon__55ebabfc";
+const circle = "circle__ab3222f9";
+const squircle = "squircle__a97e9b20";
 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":[],"mappings":";;;;;;;;;;;;;AAOA,MAAM,0BAA4D;AAAA,EAC9D,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AACtC;AAWO,MAAM,aAAa,MAAM;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":[],"mappings":";;;;;;;;;;;;;AAOA,MAAM,0BAA4D;AAAA,EAC9D,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AACtC;AAmBO,MAAM,aAAa,MAAM;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

@@ -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__3083bc83";
-const extraBottom = "extraBottom__0cce1c99";
-const adaptive = "adaptive__39ed6b00";
+const calendar = "calendar__a6724777";
+const extraBottom = "extraBottom__b938d586";
+const adaptive = "adaptive__be26fe6c";
 const styles = {
   calendar,
   extraBottom,
@@ -180,7 +180,7 @@ class Calendar extends React.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": "0.38.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "0.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__a62afc1d";
+const calendarControls = "calendarControls__ed894547";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

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

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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-DM-NHQkn.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bwl6zTCS.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-BtZO8a0z.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-DM-NHQkn.js";
+import { C } from "../../../chunks/CalendarViewItem-Bwl6zTCS.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-DM-NHQkn.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bwl6zTCS.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-DM-NHQkn.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-Bwl6zTCS.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ECalendarViewMode } from "../enums.js";
 const CalendarViewYears = ({ pickedDate, yearHtmlAttributes = {} }) => {

package/components/Card/CardAction.js

@@ -10,10 +10,10 @@ import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../chunks/Card.module-CUu3n1Ik.js";
-const action = "action__a5bb6886";
-const selected = "selected__36b62541";
-const focusVisible = "focusVisible__7962a969";
+import { c as cardStyles } from "../../chunks/Card.module-CvHkJNAp.js";
+const action = "action__57c268bf";
+const selected = "selected__2aba3c05";
+const focusVisible = "focusVisible__4120e2a2";
 const actionStyles = {
   action,
   selected,
@@ -128,7 +128,7 @@ class CardAction extends React.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -3,7 +3,7 @@ import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../chunks/Card.module-CvHkJNAp.js";
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
 const CardStatic = ({
   children,
@@ -21,7 +21,7 @@ const CardStatic = ({
       className
     ),
     ...rest,
-    "data-tx": "0.38.0",
+    "data-tx": "0.40.0",
     children
   }
 );

package/components/Card/components/CardContent/CardContent.js

@@ -4,7 +4,7 @@ import { CardContentHeader } from "./components/CardContentHeader.js";
 import { CardContentFooter } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize } from "../../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-CvHkJNAp.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CvHkJNAp.js";
 const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
 CardContentBody.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CvHkJNAp.js";
 const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
 CardContentFooter.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-CvHkJNAp.js";
 const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
 CardContentHeader.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { c as cardStyles } from "../../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../../chunks/Card.module-CvHkJNAp.js";
 const CardMedia = ({ children, className, ...attributes }) => {
   const classNames = clsx(cardStyles.cardMedia, className);
   return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });

package/components/Card/utils.js

@@ -1,5 +1,5 @@
 import { ECardRoundingSize, ECardTheme } from "./enums.js";
-import { c as cardStyles } from "../../chunks/Card.module-CUu3n1Ik.js";
+import { c as cardStyles } from "../../chunks/Card.module-CvHkJNAp.js";
 const mapCardRoundingSizeToCssClass = {
   [ECardRoundingSize.MD]: cardStyles.roundingMD,
   [ECardRoundingSize.SM]: cardStyles.roundingSM