@astral/ui 4.1.7 → 4.2.1

package/components/Banner/Banner.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { createElement as _createElement } from "react";
 import { BANNER_CONTAINER_ID, notify } from '../Notification';
 import { BannerTemplate } from './BannerTemplate';
@@ -71,8 +60,8 @@ class Banner {
                     return;
                 }
                 bannerId = notify.custom(({ toastProps }) => {
-                    const { key } = toastProps, restToastProps = __rest(toastProps, ["key"]);
-                    return (_createElement(BannerTemplate, Object.assign({}, options, restToastProps, { onClose: options === null || options === void 0 ? void 0 : options.onClose, key: key })));
+                    const { key, ...restToastProps } = toastProps;
+                    return (_createElement(BannerTemplate, { ...options, ...restToastProps, onClose: options?.onClose, key: key }));
                 }, {
                     containerId: options.containerId || BANNER_CONTAINER_ID,
                     hideProgressBar: true,

package/components/Banner/BannerActionButton/BannerActionButton.js

@@ -1,19 +1,7 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../../Button';
 import { useViewportType } from '../../hooks';
-export const BannerActionButton = (_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
+export const BannerActionButton = ({ children, ...restProps }) => {
     const { isMobile } = useViewportType();
-    return (_jsx(Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
+    return (_jsx(Button, { ...restProps, fullWidth: isMobile, size: "large", children: children }));
 };

package/components/Banner/BannerContainer/BannerContainer.js

@@ -17,11 +17,10 @@ export const BannerContainer = ({ bannerContainerId = BANNER_CONTAINER_ID, }) =>
         banner._init(isMobile, setIsOpenDialog);
     }, []);
     const handleCloseDialog = () => {
-        var _a;
         setIsOpenDialog(false);
-        if ((_a = banner._options) === null || _a === void 0 ? void 0 : _a.onClose) {
+        if (banner._options?.onClose) {
             banner._options.onClose();
         }
     };
-    return isMobile ? (_jsx(Dialog, { onClose: handleCloseDialog, open: isOpenDialog, title: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", children: _jsx(BannerTemplate, Object.assign({}, banner._options, { setIsOpenDialog: setIsOpenDialog })) })) : (_jsx(Inner, { containerId: bannerContainerId || BANNER_CONTAINER_ID, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` }));
+    return isMobile ? (_jsx(Dialog, { onClose: handleCloseDialog, open: isOpenDialog, title: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", children: _jsx(BannerTemplate, { ...banner._options, setIsOpenDialog: setIsOpenDialog }) })) : (_jsx(Inner, { containerId: bannerContainerId || BANNER_CONTAINER_ID, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` }));
 };

package/components/Banner/BannerTemplate/BannerTemplate.js

@@ -7,12 +7,12 @@ export const BannerTemplate = (props) => {
     const { closeToast, imageSrc, title, description, onClose, action, setIsOpenDialog, } = props;
     const { isMobile } = useViewportType();
     const handleClose = () => {
-        closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        closeToast?.();
+        onClose?.();
     };
     const handleCloseForAction = () => {
-        closeToast === null || closeToast === void 0 ? void 0 : closeToast();
-        setIsOpenDialog === null || setIsOpenDialog === void 0 ? void 0 : setIsOpenDialog(false);
+        closeToast?.();
+        setIsOpenDialog?.(false);
     };
-    return (_jsxs(Container, { children: [imageSrc && _jsx(Image, { src: imageSrc }), _jsxs(Wrapper, { container: true, children: [_jsxs(WrapperTextContent, { container: true, children: [title && _jsx(Typography, { variant: "h4", children: title }), description && (_jsx(Typography, { variant: "body1", children: description }))] }), _jsxs(Footer, { children: [!isMobile && (_jsx(Button, { onClick: handleClose, variant: "text", size: "large", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" })), action === null || action === void 0 ? void 0 : action({ closeBanner: handleCloseForAction })] })] })] }));
+    return (_jsxs(Container, { children: [imageSrc && _jsx(Image, { src: imageSrc }), _jsxs(Wrapper, { container: true, children: [_jsxs(WrapperTextContent, { container: true, children: [title && _jsx(Typography, { variant: "h4", children: title }), description && (_jsx(Typography, { variant: "body1", children: description }))] }), _jsxs(Footer, { children: [!isMobile && (_jsx(Button, { onClick: handleClose, variant: "text", size: "large", children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" })), action?.({ closeBanner: handleCloseForAction })] })] })] }));
 };

package/components/BottomDrawer/BottomDrawer.js

@@ -1,25 +1,13 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CrossOutlineMd } from '../../icons';
 import { IconButton } from '../IconButton';
 import { DEFAULT_HEADER_HEIGHT } from './constants';
 import { Body, Header, HeaderTitle, StyledDrawer } from './styles';
-export const BottomDrawer = (_a) => {
-    var { title, drawerHeaderHeight = DEFAULT_HEADER_HEIGHT, children, onClose } = _a, props = __rest(_a, ["title", "drawerHeaderHeight", "children", "onClose"]);
+export const BottomDrawer = ({ title, drawerHeaderHeight = DEFAULT_HEADER_HEIGHT, children, onClose, ...props }) => {
     const handleClose = (event) => {
         if (onClose) {
             onClose(event, 'escapeKeyDown');
         }
     };
-    return (_jsxs(StyledDrawer, Object.assign({}, props, { anchor: "bottom", onClose: onClose, children: [_jsxs(Header, { drawerHeaderHeight: drawerHeaderHeight, children: [_jsx(HeaderTitle, { variant: "h6", noWrap: true, children: title }), _jsx(IconButton, { variant: "text", onClick: handleClose, size: "large", children: _jsx(CrossOutlineMd, {}) })] }), _jsx(Body, { children: children })] })));
+    return (_jsxs(StyledDrawer, { ...props, anchor: "bottom", onClose: onClose, children: [_jsxs(Header, { drawerHeaderHeight: drawerHeaderHeight, children: [_jsx(HeaderTitle, { variant: "h6", noWrap: true, children: title }), _jsx(IconButton, { variant: "text", onClick: handleClose, size: "large", children: _jsx(CrossOutlineMd, {}) })] }), _jsx(Body, { children: children })] }));
 };

package/components/Breadcrumbs/Breadcrumbs.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledBreadcrumbs } from './styles';
 export const Breadcrumbs = (props) => {
-    return _jsx(StyledBreadcrumbs, Object.assign({}, props));
+    return _jsx(StyledBreadcrumbs, { ...props });
 };

package/components/BulletList/BulletList.js

@@ -1,20 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Wrapper } from './styles';
 /**
  * Список элементов с маркерами
  */
 export const BulletList = (props) => {
-    const { children } = props, restProps = __rest(props, ["children"]);
-    return _jsx(Wrapper, Object.assign({}, restProps, { children: children }));
+    const { children, ...restProps } = props;
+    return _jsx(Wrapper, { ...restProps, children: children });
 };

package/components/BulletListInlineItem/BulletListInlineItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledBulletListItem } from './styles';
 export const BulletListInlineItem = (props) => {
-    return _jsx(StyledBulletListItem, Object.assign({}, props));
+    return _jsx(StyledBulletListItem, { ...props });
 };

package/components/BulletListItem/BulletListItem.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Typography } from '../Typography';
@@ -18,6 +7,6 @@ import { Icon, Wrapper } from './styles';
  * Элемент с маркерами
  */
 export const BulletListItem = forwardRef((props, ref) => {
-    const { children, className } = props, restProps = __rest(props, ["children", "className"]);
-    return (_jsxs(Wrapper, { ref: ref, className: classNames(className), children: [_jsx(Icon, {}), _jsx(Typography, Object.assign({ component: "span" }, restProps, { children: children }))] }));
+    const { children, className, ...restProps } = props;
+    return (_jsxs(Wrapper, { ref: ref, className: classNames(className), children: [_jsx(Icon, {}), _jsx(Typography, { component: "span", ...restProps, children: children })] }));
 });

package/components/Button/Button.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { classNames } from '../utils';
@@ -20,10 +9,10 @@ const UnwrappedButton = (props, ref) => {
     const { loadingIndicatorColor } = useLogic(props);
     const { variant = ButtonVariants.Contained, color = variant === ButtonVariants.Text
         ? ButtonColors.Grey
-        : ButtonColors.Primary, loading, disabled, children, className } = props, restProps = __rest(props, ["variant", "color", "loading", "disabled", "children", "className"]);
-    return (_jsxs(StyledButton, Object.assign({ variant: variant, ref: ref, color: color, disabled: disabled }, restProps, { className: classNames(className, {
+        : ButtonColors.Primary, loading, disabled, children, className, ...restProps } = props;
+    return (_jsxs(StyledButton, { variant: variant, ref: ref, color: color, disabled: disabled, ...restProps, className: classNames(className, {
             [buttonClassnames.loading]: loading,
-        }), "aria-disabled": loading, children: [loading && (_jsx(StyledLoader, { color: loadingIndicatorColor, size: "small", "$color": color, "$variant": variant, "$isDisabled": disabled })), children] })));
+        }), "aria-disabled": loading, children: [loading && (_jsx(StyledLoader, { color: loadingIndicatorColor, size: "small", "$color": color, "$variant": variant, "$isDisabled": disabled })), children] }));
 };
 export const Button = forwardRefWithGeneric(UnwrappedButton);
 export default Button;

package/components/CheckableTag/CheckableTag.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { HiddenInput, StyledTag, Wrapper } from './styles';
@@ -25,13 +14,12 @@ import { HiddenInput, StyledTag, Wrapper } from './styles';
  * />
 
  */
-export const CheckableTag = forwardRef((_a, ref) => {
-    var { checked, variant = 'light', color = 'grey', onChange, disabled, startAddon: StartAddon, endAddon: EndAddon } = _a, tagProps = __rest(_a, ["checked", "variant", "color", "onChange", "disabled", "startAddon", "endAddon"]);
+export const CheckableTag = forwardRef(({ checked, variant = 'light', color = 'grey', onChange, disabled, startAddon: StartAddon, endAddon: EndAddon, ...tagProps }, ref) => {
     const checkableStartAddon = StartAddon
-        ? (props) => (_jsx(StartAddon, Object.assign({ checked: checked, disabled: disabled }, props)))
+        ? (props) => (_jsx(StartAddon, { checked: checked, disabled: disabled, ...props }))
         : undefined;
     const checkableEndAddon = EndAddon
-        ? (props) => (_jsx(EndAddon, Object.assign({ checked: checked, disabled: disabled }, props)))
+        ? (props) => (_jsx(EndAddon, { checked: checked, disabled: disabled, ...props }))
         : undefined;
-    return (_jsxs(Wrapper, { children: [_jsx(HiddenInput, { type: "checkbox", ref: ref, checked: checked, onChange: onChange, disabled: disabled }), _jsx(StyledTag, Object.assign({ variant: variant, color: color, disabled: disabled, startAddon: checkableStartAddon, endAddon: checkableEndAddon, "$isChecked": checked }, tagProps))] }));
+    return (_jsxs(Wrapper, { children: [_jsx(HiddenInput, { type: "checkbox", ref: ref, checked: checked, onChange: onChange, disabled: disabled }), _jsx(StyledTag, { variant: variant, color: color, disabled: disabled, startAddon: checkableStartAddon, endAddon: checkableEndAddon, "$isChecked": checked, ...tagProps })] }));
 });

package/components/Checkbox/Checkbox.js

@@ -6,5 +6,5 @@ import { IconWrapper, Input, Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Checkbox = forwardRef((props, ref) => {
     const { onChange, color, isChecked, indeterminate, isError, disabled, restProps, className, role, style, name, inputRef, value, id, } = useLogic(props);
-    return (_jsxs(Wrapper, Object.assign({ role: role, "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, "$isIndeterminate": indeterminate, className: className, style: style, ref: ref }, restProps, { children: [_jsx(Input, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": indeterminate ? 'mixed' : isChecked, "aria-disabled": disabled, name: name, ref: inputRef, value: value, id: id, className: checkboxClassnames.input }), _jsx(IconWrapper, { className: checkboxClassnames.iconWrapper, children: _jsx(Icon, { className: checkboxClassnames.icon, color: color }) })] })));
+    return (_jsxs(Wrapper, { role: role, "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, "$isIndeterminate": indeterminate, className: className, style: style, ref: ref, ...restProps, children: [_jsx(Input, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": indeterminate ? 'mixed' : isChecked, "aria-disabled": disabled, name: name, ref: inputRef, value: value, id: id, className: checkboxClassnames.input }), _jsx(IconWrapper, { className: checkboxClassnames.iconWrapper, children: _jsx(Icon, { className: checkboxClassnames.icon, color: color }) })] }));
 });

package/components/Checkbox/Icon/Icon.js

@@ -1,19 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from '../../SvgIcon';
 import { classNames } from '../../utils';
 import { checkboxClassnames } from '../constants';
-export const Icon = (_a) => {
-    var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ size: "sm" }, props, { children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] })));
-};
+export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", ...props, children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));

package/components/Checkbox/useLogic/useLogic.js

@@ -1,27 +1,15 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { useMemo, useState } from 'react';
 import { useUpdateEffect } from '../../hooks';
 import { classNames } from '../../utils';
 import { checkboxClassnames } from '../constants';
-export const useLogic = (_a) => {
-    var { checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id } = _a, restProps = __rest(_a, ["checked", "indeterminate", "disabled", "isError", "defaultChecked", "onChange", "className", "role", "style", "name", "inputRef", "value", "id"]);
+export const useLogic = ({ checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = useState(defaultChecked || checked);
     useUpdateEffect(() => {
         setIsChecked(checked);
     }, [checked]);
     const onChange = (event) => {
         setIsChecked((prev) => !prev);
-        propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event, event.target.checked);
+        propsOnChange?.(event, event.target.checked);
     };
     const color = useMemo(() => {
         if (disabled) {

package/components/CheckboxField/CheckboxField.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { Checkbox } from '../Checkbox';
@@ -18,8 +7,7 @@ import { StyledFormControlledLabel, StyledFormHelperText } from './styles';
 /**
  * Составной компонент чекбокса. Содержит label, tooltip, helperText и т.д.
  */
-export const CheckboxField = forwardRef((_a, ref) => {
-    var { isSuccess, helperText, hideHelperText = false, label, isError } = _a, restProps = __rest(_a, ["isSuccess", "helperText", "hideHelperText", "label", "isError"]);
+export const CheckboxField = forwardRef(({ isSuccess, helperText, hideHelperText = false, label, isError, ...restProps }, ref) => {
     const showTooltip = useMemo(() => Boolean(isError && hideHelperText), [isError, hideHelperText]);
-    return (_jsxs(FormControl, { ref: ref, children: [_jsx(Tooltip, { title: showTooltip && helperText, placement: "bottom-start", withoutContainer: false, children: _jsx(StyledFormControlledLabel, { control: _jsx(Checkbox, Object.assign({ isError: isError }, restProps)), label: label }) }), !hideHelperText && (_jsx(StyledFormHelperText, { error: isError, success: isSuccess, children: helperText }))] }));
+    return (_jsxs(FormControl, { ref: ref, children: [_jsx(Tooltip, { title: showTooltip && helperText, placement: "bottom-start", withoutContainer: false, children: _jsx(StyledFormControlledLabel, { control: _jsx(Checkbox, { isError: isError, ...restProps }), label: label }) }), !hideHelperText && (_jsx(StyledFormHelperText, { error: isError, success: isSuccess, children: helperText }))] }));
 });

package/components/Chevron/Chevron.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ChevronIcon } from './styles';
-export const Chevron = (props) => (_jsx(ChevronIcon, Object.assign({}, props)));
+export const Chevron = (props) => (_jsx(ChevronIcon, { ...props }));

package/components/CodeField/CodeField.js

@@ -23,5 +23,5 @@ export const CodeField = forwardRef(({ label, resendTimeout = RESEND_TIMEOUT_DEF
     });
     return (_jsxs(Wrapper, { ref: ref, children: [label && _jsx(FieldLabel, { children: label }), _jsx(DigitsWrapper, { children: codeValue.map((value, index) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: Элементы статичны
-                _jsx(DigitsItem, { children: loading ? (_jsx(Skeleton, { variant: "rounded", height: 60, children: _jsx(Digit, { disabled: true }) })) : (_jsx(Digit, { className: hidePersonalDataClassname, "$isError": isError, type: "text", inputMode: "numeric", pattern: "[0-9]", disabled: disabled, value: value !== null && value !== void 0 ? value : '', ref: setRef(index), onKeyUp: (e) => onKeyUp(e, index), onKeyDown: (e) => onKeyDown(e, index), onChange: (e) => onChange(e, index), onPaste: (e) => !disabled && onPaste(e) })) }, index))) }), isError && _jsx(StyledHelperText, { error: true, children: errorText }), isAllowResendCode && (_jsx(ResendCodeButton, { resendTimeout: resendTimeout, disabled: disabled, loading: loading, onResendCode: onResendCode, clearCodeValue: clearCodeValue }))] }));
+                _jsx(DigitsItem, { children: loading ? (_jsx(Skeleton, { variant: "rounded", height: 60, children: _jsx(Digit, { disabled: true }) })) : (_jsx(Digit, { className: hidePersonalDataClassname, "$isError": isError, type: "text", inputMode: "numeric", pattern: "[0-9]", disabled: disabled, value: value ?? '', ref: setRef(index), onKeyUp: (e) => onKeyUp(e, index), onKeyDown: (e) => onKeyDown(e, index), onChange: (e) => onChange(e, index), onPaste: (e) => !disabled && onPaste(e) })) }, index))) }), isError && _jsx(StyledHelperText, { error: true, children: errorText }), isAllowResendCode && (_jsx(ResendCodeButton, { resendTimeout: resendTimeout, disabled: disabled, loading: loading, onResendCode: onResendCode, clearCodeValue: clearCodeValue }))] }));
 });

package/components/CodeField/hooks/useCodeState/useCodeState.js

@@ -22,10 +22,9 @@ export const useCodeState = (initialValue, codeLength, setFocusIndexNext, setFoc
         setCodeValue(Array.from({ length: codeLength }));
     };
     const deletePreviousSymbol = (index) => {
-        var _a;
         // если фокус на заполненном инпуте, то очищаем его;
         // если фокус на пустом инпуте, то очищаем предыдущий инпут.
-        const deleteIndex = ((_a = codeValue[index]) === null || _a === void 0 ? void 0 : _a.toString()) ? index : index - 1;
+        const deleteIndex = codeValue[index]?.toString() ? index : index - 1;
         const newCodeValue = [...codeValue];
         newCodeValue[deleteIndex] = '';
         setCodeValue(newCodeValue);
@@ -72,8 +71,7 @@ export const useCodeState = (initialValue, codeLength, setFocusIndexNext, setFoc
         }
     };
     const onPaste = (event) => {
-        var _a;
-        const pasteText = ((_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) || '';
+        const pasteText = event.clipboardData?.getData('text') || '';
         // оставляем только цифры + отсекаем лишние символы, если их кол-во больше, чем символов в коде
         const cleanedValue = pasteText
             .replace(DIGITS_REGEX, '')

package/components/Collapse/Collapse.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Collapse as MuiCollapse, } from '@mui/material';
-export const Collapse = (props) => _jsx(MuiCollapse, Object.assign({}, props));
+export const Collapse = (props) => _jsx(MuiCollapse, { ...props });

package/components/CollapsibleTypography/CollapsibleTypography.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useCollabsible } from './hooks';
@@ -16,13 +5,15 @@ import { CollapsibleWrapper, StyledButton, Wrapper } from './styles';
 /**
  * Компонент даёт возможность скрывать часть текста по строкам, и показывать их при нажатии на кнопку
  */
-export const CollapsibleTypography = forwardRef((_a, forwardedRef) => {
-    var { children, rowsCount = 1, textShowButton = 'Показать полностью', textHideButton = 'Скрыть', buttonPlacement = 'start' } = _a, props = __rest(_a, ["children", "rowsCount", "textShowButton", "textHideButton", "buttonPlacement"]);
+export const CollapsibleTypography = forwardRef(({ children, rowsCount = 1, textShowButton = 'Показать полностью', textHideButton = 'Скрыть', buttonPlacement = 'start', ...props }, forwardedRef) => {
     const { ref, isOpenCollapse, toggleCollapse, isCollapsable, currentHeight, } = useCollabsible(forwardedRef);
-    const collapsibleProps = Object.assign(Object.assign({}, props), { children,
+    const collapsibleProps = {
+        ...props,
+        children,
         rowsCount,
         ref,
         isOpenCollapse,
-        currentHeight });
-    return (_jsxs(CollapsibleWrapper, { children: [_jsx(Wrapper, Object.assign({}, collapsibleProps)), isCollapsable && (_jsx(StyledButton, { variant: "link", onClick: toggleCollapse, "$placement": buttonPlacement, children: isOpenCollapse ? textHideButton : textShowButton }))] }));
+        currentHeight,
+    };
+    return (_jsxs(CollapsibleWrapper, { children: [_jsx(Wrapper, { ...collapsibleProps }), isCollapsable && (_jsx(StyledButton, { variant: "link", onClick: toggleCollapse, "$placement": buttonPlacement, children: isOpenCollapse ? textHideButton : textShowButton }))] }));
 });

package/components/ConfigProvider/ConfigProvider.js

@@ -27,7 +27,6 @@ export const ConfigContext = createContext({
     hidePersonalData: true,
 });
 export const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = russianMap, captureException, emptySymbol = '—', imagesMap = imagesMapDefault, techSup = techSupDefault, hidePersonalData = true, hidePersonalDataClassname = defaultHidePersonalDataClassname, hidePersonalInputDataClassname = defaultHidePersonalInputDataClassname, components: propsComponents, nextFeatureFlags = {}, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     useEffect(() => {
         if (!captureException) {
             // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
@@ -35,7 +34,24 @@ export const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMa
                 'На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль');
         }
     }, []);
-    const components = Object.assign(Object.assign({}, propsComponents), { layout: Object.assign(Object.assign({}, propsComponents === null || propsComponents === void 0 ? void 0 : propsComponents.layout), { defaultProps: Object.assign(Object.assign({}, (_a = propsComponents === null || propsComponents === void 0 ? void 0 : propsComponents.layout) === null || _a === void 0 ? void 0 : _a.defaultProps), { shouldUpdateDocumentTitle: (_d = (_c = (_b = propsComponents === null || propsComponents === void 0 ? void 0 : propsComponents.layout) === null || _b === void 0 ? void 0 : _b.defaultProps) === null || _c === void 0 ? void 0 : _c.shouldUpdateDocumentTitle) !== null && _d !== void 0 ? _d : true }) }), contentState: Object.assign(Object.assign({}, propsComponents === null || propsComponents === void 0 ? void 0 : propsComponents.contentState), { defaultProps: Object.assign(Object.assign({}, (_e = propsComponents === null || propsComponents === void 0 ? void 0 : propsComponents.contentState) === null || _e === void 0 ? void 0 : _e.defaultProps), { isSmoothLoading: (_h = (_g = (_f = propsComponents === null || propsComponents === void 0 ? void 0 : propsComponents.contentState) === null || _f === void 0 ? void 0 : _f.defaultProps) === null || _g === void 0 ? void 0 : _g.isSmoothLoading) !== null && _h !== void 0 ? _h : true }) }) });
+    const components = {
+        ...propsComponents,
+        layout: {
+            ...propsComponents?.layout,
+            defaultProps: {
+                ...propsComponents?.layout?.defaultProps,
+                shouldUpdateDocumentTitle: propsComponents?.layout?.defaultProps?.shouldUpdateDocumentTitle ??
+                    true,
+            },
+        },
+        contentState: {
+            ...propsComponents?.contentState,
+            defaultProps: {
+                ...propsComponents?.contentState?.defaultProps,
+                isSmoothLoading: propsComponents?.contentState?.defaultProps?.isSmoothLoading ?? true,
+            },
+        },
+    };
     return (_jsx(ConfigContext.Provider, { value: {
             language,
             datePickerLanguageMap,

package/components/ConfigProvider/NextFeatureFlagsContext/NextFeatureFlagsContextProvider/NextFeatureFlagsContextProvider.js

@@ -1,17 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NextFeatureFlagsContext, } from '../NextFeatureFlagsContext';
-export const NextFeatureFlagsContextProvider = (_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    return (_jsx(NextFeatureFlagsContext.Provider, { value: restProps, children: children }));
-};
+export const NextFeatureFlagsContextProvider = ({ children, ...restProps }) => (_jsx(NextFeatureFlagsContext.Provider, { value: restProps, children: children }));

package/components/ConfirmAction/ConfirmAction.js

@@ -9,5 +9,5 @@ export const ConfirmAction = (props) => {
     const { text, confirmButtonProps: externalConfirmButtonProps, popoverProps: externalPopoverProps, actionComponent, } = props;
     const { text: confirmButtonText = 'Подтвердить' } = externalConfirmButtonProps || {};
     const { anchorOrigin = DEFAULT_ANCHOR_ORIGIN, transformOrigin = DEFAULT_TRANSFORM_ORIGIN, } = externalPopoverProps || {};
-    return (_jsxs(_Fragment, { children: [actionComponent(actionComponentProps), _jsx(Popover, Object.assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, popoverProps, { children: _jsxs(Wrapper, { children: [text && _jsx(StyledTypography, { children: text }), _jsxs(Actions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: confirmButtonText }))] })] }) }))] }));
+    return (_jsxs(_Fragment, { children: [actionComponent(actionComponentProps), _jsx(Popover, { anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ...popoverProps, children: _jsxs(Wrapper, { children: [text && _jsx(StyledTypography, { children: text }), _jsxs(Actions, { children: [_jsx(Button, { variant: "text", ...cancelButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), _jsx(Button, { ...confirmButtonProps, children: confirmButtonText })] })] }) })] }));
 };

package/components/ConfirmDialog/ConfirmDialog.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../Button';
 import { Dialog } from '../Dialog';
@@ -19,8 +8,8 @@ import { CancelButton } from './styles';
 import { useLogic } from './useLogic';
 export const ConfirmDialog = (props) => {
     const { isShowCancelButton, cancelButtonProps } = useLogic(props);
-    const { open, title, description, actions, onClose } = props, restProps = __rest(props, ["open", "title", "description", "actions", "onClose"]);
-    const _a = actions.confirm, { text: confirmText } = _a, confirmButtonProps = __rest(_a, ["text"]);
-    const _b = actions.cancel || {}, { text: cancelText, variant, onClick } = _b, restCancelProps = __rest(_b, ["text", "variant", "onClick"]);
-    return (_jsxs(Dialog, Object.assign({ size: "sm", title: title, open: open, onClose: onClose }, restProps, { children: [description && (_jsx(DialogContent, { children: typeof description === 'string' ? (_jsx(DialogContentText, { children: description })) : (description) })), _jsxs(DialogActions, { children: [isShowCancelButton && (_jsx(CancelButton, Object.assign({}, restCancelProps, cancelButtonProps, { children: cancelText }))), _jsx(Button, Object.assign({}, confirmButtonProps, { children: confirmText }))] })] })));
+    const { open, title, description, actions, onClose, ...restProps } = props;
+    const { text: confirmText, ...confirmButtonProps } = actions.confirm;
+    const { text: cancelText, variant, onClick, ...restCancelProps } = actions.cancel || {};
+    return (_jsxs(Dialog, { size: "sm", title: title, open: open, onClose: onClose, ...restProps, children: [description && (_jsx(DialogContent, { children: typeof description === 'string' ? (_jsx(DialogContentText, { children: description })) : (description) })), _jsxs(DialogActions, { children: [isShowCancelButton && (_jsx(CancelButton, { ...restCancelProps, ...cancelButtonProps, children: cancelText })), _jsx(Button, { ...confirmButtonProps, children: confirmText })] })] }));
 };

package/components/ConfirmDialog/useLogic/useLogic.js

@@ -4,7 +4,7 @@ export const useLogic = ({ actions, onClose }) => {
     const { cancel } = actions;
     const isShowCancelButton = Boolean(cancel);
     const cancelVariant = isMobile ? 'light' : 'text';
-    const handleCancelClick = (cancel === null || cancel === void 0 ? void 0 : cancel.onClick) || onClose;
+    const handleCancelClick = cancel?.onClick || onClose;
     const { variant = cancelVariant } = cancel || {};
     const cancelButtonProps = {
         variant,

package/components/ContentState/ContentState.js

@@ -13,7 +13,7 @@ export const ContentState = ({ isLoading, isError, isCustom, errorState, customS
         return (_jsx(LoadingPlaceholder, { content: loadingContent, title: loadingTitle, isShowLoader: isShowLoader }));
     }
     if (isCustom && customState) {
-        return _jsx(Placeholder, Object.assign({}, customState));
+        return _jsx(Placeholder, { ...customState });
     }
     if (isError && errorState) {
         const { title = 'Произошла ошибка', imgAlt, imgSrc = imagesMap.defaultErrorImgSrc, errorList, onRetry, actions = _jsx(Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" }), } = errorState;

package/components/ContentState/useLogic/useLogic.js

@@ -2,9 +2,9 @@ import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
 import { useLoadingState } from '../../hooks';
 export const useLogic = ({ isSmoothLoading: propsIsSmoothLoading, isLoading, }) => {
-    var _a, _b;
     const { imagesMap, components } = useContext(ConfigContext);
-    const isSmoothLoading = propsIsSmoothLoading !== null && propsIsSmoothLoading !== void 0 ? propsIsSmoothLoading : (_b = (_a = components === null || components === void 0 ? void 0 : components.contentState) === null || _a === void 0 ? void 0 : _a.defaultProps) === null || _b === void 0 ? void 0 : _b.isSmoothLoading;
+    const isSmoothLoading = propsIsSmoothLoading ??
+        components?.contentState?.defaultProps?.isSmoothLoading;
     const { isShowLoader, isLoadingPhase } = useLoadingState(isLoading);
     return {
         imagesMap,

package/components/CopyTypography/CopyTypography.js

@@ -9,7 +9,7 @@ export const CopyTypography = (props) => {
     const renderIcon = () => (_jsx(StyledCopyIcon, { size: "sm", "$copyPosition": copyPosition, color: color, className: classNames({
             [copyTypographyClassnames.showIconOnHover]: showCopyIcon === 'onHover',
         }) }));
-    return (_jsx(Tooltip, { title: tooltipTitle, disableInteractive: true, placement: "bottom", children: _jsxs(Wrapper, Object.assign({ onMouseLeave: handleMouseLeave, onClick: handleClick, component: "div", color: color }, restProps, { children: [isIconOnLeft && renderIcon(), _jsx(TypographyWrapper, { className: classNames({
+    return (_jsx(Tooltip, { title: tooltipTitle, disableInteractive: true, placement: "bottom", children: _jsxs(Wrapper, { onMouseLeave: handleMouseLeave, onClick: handleClick, component: "div", color: color, ...restProps, children: [isIconOnLeft && renderIcon(), _jsx(TypographyWrapper, { className: classNames({
                         [copyTypographyClassnames.overflow]: isOverflow,
-                    }), children: children }), isIconOnRight && renderIcon()] })) }));
+                    }), children: children }), isIconOnRight && renderIcon()] }) }));
 };

package/components/CopyTypography/useLogic/useLogic.js

@@ -1,18 +1,6 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { useState } from 'react';
 import { CopyStatus } from '../enums';
-export const useLogic = (_a) => {
-    var { children, copyPosition = 'right', copyText, isShowCopyText, showCopyIcon = 'always', color, isOverflow = false } = _a, restProps = __rest(_a, ["children", "copyPosition", "copyText", "isShowCopyText", "showCopyIcon", "color", "isOverflow"]);
+export const useLogic = ({ children, copyPosition = 'right', copyText, isShowCopyText, showCopyIcon = 'always', color, isOverflow = false, ...restProps }) => {
     const [status, setStatus] = useState(CopyStatus.CanCopy);
     const handleMouseLeave = () => {
         if (status !== CopyStatus.CanCopy) {

package/components/Counter/Counter.js

@@ -1,17 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledCounter } from './styles';
-export const Counter = (_a) => {
-    var { content, color, max = 99, variant = 'contained' } = _a, props = __rest(_a, ["content", "color", "max", "variant"]);
-    return (_jsx(StyledCounter, Object.assign({ badgeContent: content, max: max, variantColor: variant, color: color }, props)));
-};
+export const Counter = ({ content, color, max = 99, variant = 'contained', ...props }) => (_jsx(StyledCounter, { badgeContent: content, max: max, variantColor: variant, color: color, ...props }));