@astral/ui 4.2.0 → 4.2.1

package/components/Notification/Notification.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 { cssTransition, toast } from 'react-toastify-next';
 import { NotificationVariantTypes, notifyClassnames } from './constants';
 import { NOTIFICATION_VARIANT } from './NotificationTemplate/constants';
@@ -18,22 +7,26 @@ const leave = cssTransition({
     exit: notifyClassnames.animationOut,
 });
 export const notify = {
-    success: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.success(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Success, options.hideProgressBar), transition: leave }, getNotifyOptions(Object.assign({}, options))));
-    },
-    info: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.info(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Info, options.hideProgressBar), transition: leave }, getNotifyOptions(Object.assign({}, options))));
-    },
-    warning: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.warning(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Warning, options.hideProgressBar), transition: leave }, getNotifyOptions(Object.assign({}, options))));
-    },
-    error: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.error(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Error, options.hideProgressBar), transition: leave }, getNotifyOptions(Object.assign({}, options))));
-    },
+    success: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.success({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Success, options.hideProgressBar),
+        transition: leave,
+        ...getNotifyOptions({ ...options }),
+    }),
+    info: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.info({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Info, options.hideProgressBar),
+        transition: leave,
+        ...getNotifyOptions({ ...options }),
+    }),
+    warning: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.warning({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Warning, options.hideProgressBar),
+        transition: leave,
+        ...getNotifyOptions({ ...options }),
+    }),
+    error: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.error({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Error, options.hideProgressBar),
+        transition: leave,
+        ...getNotifyOptions({ ...options }),
+    }),
     initProgress: (initialOptions = {}) => {
         let toastId;
         return {
@@ -42,31 +35,54 @@ export const notify = {
                     // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
                     return console.warn(`Уведомление с идентификатором ${toastId} уже запущено. Для инициализации нового уведомления используйте initProgress`);
                 }
-                toastId = toast(({ toastProps }) => NOTIFICATION_VARIANT.progress(Object.assign(Object.assign(Object.assign({}, initialOptions), options), { title, showCloseButton: false }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Progress, true), transition: leave, icon: false, closeButton: false }, getNotifyOptions(Object.assign(Object.assign({}, initialOptions), { isStatic: true }))));
+                toastId = toast(({ toastProps }) => NOTIFICATION_VARIANT.progress({ ...initialOptions, ...options, title, showCloseButton: false }, toastProps), {
+                    className: getClassNameModifierByVariant(NotificationVariantTypes.Progress, true),
+                    transition: leave,
+                    icon: false,
+                    closeButton: false,
+                    ...getNotifyOptions({ ...initialOptions, isStatic: true }),
+                });
             },
             update: (title, options) => {
                 if (!toastId) {
                     // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
                     return console.warn('Перед вызовом обновления уведомления, нужно его запустить использую метод start');
                 }
-                notify.update(toastId, Object.assign({ render: ({ toastProps }) => NOTIFICATION_VARIANT.progress(Object.assign(Object.assign({}, options), { title, showCloseButton: false }), toastProps) }, getNotifyOptions(Object.assign(Object.assign({}, initialOptions), { isStatic: true }))));
+                notify.update(toastId, {
+                    render: ({ toastProps }) => NOTIFICATION_VARIANT.progress({
+                        ...options,
+                        title,
+                        showCloseButton: false,
+                    }, toastProps),
+                    ...getNotifyOptions({ ...initialOptions, isStatic: true }),
+                });
             },
             success: (title, options) => {
                 if (!toastId) {
                     // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
                     return console.warn('Перед вызовом обновления уведомления, нужно его запустить использую метод start');
                 }
-                notify.update(toastId, Object.assign({ render: ({ toastProps }) => NOTIFICATION_VARIANT.success(Object.assign(Object.assign({}, options), { title }), toastProps), className: getClassNameModifierByVariant(NotificationVariantTypes.Success, true), type: NotificationVariantTypes.Success }, getNotifyOptions(Object.assign(Object.assign({}, initialOptions), { isStatic: true }))));
+                notify.update(toastId, {
+                    render: ({ toastProps }) => NOTIFICATION_VARIANT.success({ ...options, title }, toastProps),
+                    className: getClassNameModifierByVariant(NotificationVariantTypes.Success, true),
+                    type: NotificationVariantTypes.Success,
+                    ...getNotifyOptions({ ...initialOptions, isStatic: true }),
+                });
             },
             error: (title, options) => {
                 if (!toastId) {
                     // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
                     return console.warn('Перед вызовом обновления уведомления, нужно его запустить использую метод start');
                 }
-                notify.update(toastId, Object.assign({ render: ({ toastProps }) => NOTIFICATION_VARIANT.error(Object.assign(Object.assign({}, options), { title }), toastProps), className: getClassNameModifierByVariant(NotificationVariantTypes.Error, true), type: NotificationVariantTypes.Error }, getNotifyOptions(Object.assign(Object.assign({}, initialOptions), { isStatic: true }))));
+                notify.update(toastId, {
+                    render: ({ toastProps }) => NOTIFICATION_VARIANT.error({ ...options, title }, toastProps),
+                    className: getClassNameModifierByVariant(NotificationVariantTypes.Error, true),
+                    type: NotificationVariantTypes.Error,
+                    ...getNotifyOptions({ ...initialOptions, isStatic: true }),
+                });
             },
             stop: () => {
-                if (initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.containerId) {
+                if (initialOptions?.containerId) {
                     toast.dismiss({
                         id: toastId,
                         containerId: initialOptions.containerId,

package/components/Notification/NotificationContainer/NotificationContainer.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 { injectStyle } from 'react-toastify-next/dist/inject-style';
 import { useViewportType } from '../../hooks';
@@ -17,8 +6,7 @@ import { Inner, Wrapper } from './styles';
 if (typeof window !== 'undefined') {
     injectStyle();
 }
-export const NotificationContainer = (_a) => {
-    var { containerId = NOTIFY_CONTAINER_ID, bannerContainer } = _a, props = __rest(_a, ["containerId", "bannerContainer"]);
+export const NotificationContainer = ({ containerId = NOTIFY_CONTAINER_ID, bannerContainer, ...props }) => {
     const { isMobile } = useViewportType();
-    return (_jsxs(Wrapper, { "$isBanner": Boolean(bannerContainer), children: [_jsx(Inner, Object.assign({}, props, { containerId: containerId, pauseOnFocusLoss: true, position: isMobile ? NOTIFY_POSITIONS.TOP_CENTER : NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}`, "$isBanner": Boolean(bannerContainer) })), bannerContainer] }));
+    return (_jsxs(Wrapper, { "$isBanner": Boolean(bannerContainer), children: [_jsx(Inner, { ...props, containerId: containerId, pauseOnFocusLoss: true, position: isMobile ? NOTIFY_POSITIONS.TOP_CENTER : NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}`, "$isBanner": Boolean(bannerContainer) }), bannerContainer] }));
 };

package/components/Notification/NotificationStackContainer/NotificationStackContainer.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 { injectStyle } from 'react-toastify-next/dist/inject-style';
 import { classNames } from '../../utils';
@@ -18,14 +7,13 @@ import { useLogic } from './useLogic';
 if (typeof window !== 'undefined') {
     injectStyle();
 }
-export const NotificationStackContainer = (_a) => {
-    var { containerId = NOTIFY_CONTAINER_ID, staticContainerId = NOTIFY_STATIC_CONTAINER_ID, bannerContainer, closeButton } = _a, props = __rest(_a, ["containerId", "staticContainerId", "bannerContainer", "closeButton"]);
+export const NotificationStackContainer = ({ containerId = NOTIFY_CONTAINER_ID, staticContainerId = NOTIFY_STATIC_CONTAINER_ID, bannerContainer, closeButton, ...props }) => {
     const { isVisibleCloseButton, isHoveredContainer, isStartedClosingNotify, closeAll, } = useLogic({
         containerId,
     });
     return (_jsxs(Wrapper, { className: classNames({
             [notifyClassnames.container]: isHoveredContainer,
-        }), children: [_jsx(Inner, Object.assign({}, props, { stacked: true, containerId: containerId, pauseOnFocusLoss: true, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` })), isVisibleCloseButton && (_jsx(CloseButton, { size: "small", variant: "light", color: "grey", className: classNames({
+        }), children: [_jsx(Inner, { ...props, stacked: true, containerId: containerId, pauseOnFocusLoss: true, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` }), isVisibleCloseButton && (_jsx(CloseButton, { size: "small", variant: "light", color: "grey", className: classNames({
                     [notifyClassnames.closeButtonAnimationOut]: isStartedClosingNotify,
                 }), onClick: closeAll, children: "\u0421\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435" })), _jsx(StaticInner, { containerId: staticContainerId, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` }), bannerContainer] }));
 };

package/components/Notification/NotificationStackContainer/useLogic/useLogic.js

@@ -1,23 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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 { useEffect, useState } from 'react';
 import { toast } from 'react-toastify-next';
 import { NOTIFY_NO_TRANSITION_ATTR, notifyClassnames } from '../../constants';
@@ -60,10 +40,9 @@ export const useLogic = ({ containerId: externalContainerId, }) => {
             setToasts((currentToasts) => currentToasts.filter((toastId) => toastId !== id));
         }
     };
-    const handleChange = (_a) => {
-        var { status } = _a, rest = __rest(_a, ["status"]);
+    const handleChange = ({ status, ...rest }) => {
         if (Object.is(status, 'added')) {
-            handleAddToast(Object.assign({ status }, rest));
+            handleAddToast({ status, ...rest });
             handleAddNoTransitionAttr();
             // Снимаем флаг запуска анимации на закрытие, если происходит добавление уведомлений.
             // Позволяет решить проблему отображения кнопки закрытия уведомлений,
@@ -71,7 +50,7 @@ export const useLogic = ({ containerId: externalContainerId, }) => {
             setStartedClosingNotify(false);
         }
         if (Object.is(status, 'removed')) {
-            handleRemoveToast(Object.assign({ status }, rest));
+            handleRemoveToast({ status, ...rest });
         }
     };
     useEffect(() => {
@@ -82,17 +61,17 @@ export const useLogic = ({ containerId: externalContainerId, }) => {
         if (!isHoveredContainer || !container) {
             return;
         }
-        (() => __awaiter(void 0, void 0, void 0, function* () {
+        (async () => {
             // Ожидаем пока отработает анимация и стек с уведомлениями раскроется
-            yield sleep(300);
-            const hasScroll = (container === null || container === void 0 ? void 0 : container.scrollHeight) > (container === null || container === void 0 ? void 0 : container.clientHeight);
+            await sleep(300);
+            const hasScroll = container?.scrollHeight > container?.clientHeight;
             if (hasScroll) {
                 container.scrollTo({
                     top: container.scrollHeight,
                     behavior: 'smooth',
                 });
             }
-        }))();
+        })();
     }, [container, isHoveredContainer]);
     const closeAll = () => {
         setStartedClosingNotify(true);

package/components/Notification/NotificationTemplate/NotificationTemplate.js

@@ -19,6 +19,6 @@ const DefaultIcon = ({ variant }) => {
     return _jsx(Icon, {});
 };
 export const NotificationTemplate = ({ icon, title, closeToast, content, actions, variant, actionsDirection = 'right', showCloseButton = true, }) => {
-    const handleCloseToast = () => closeToast === null || closeToast === void 0 ? void 0 : closeToast();
+    const handleCloseToast = () => closeToast?.();
     return (_jsxs(Wrapper, { variant: variant, children: [_jsxs(Header, { children: [_jsx(IconWrapper, { children: icon || _jsx(DefaultIcon, { variant: variant }) }), _jsx(Title, { variant: "h5", children: title }), showCloseButton && (_jsx(CloseButton, { "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", color: "grey", variant: "text", onClick: handleCloseToast, children: _jsx(CrossOutlineMd, {}) }))] }), content && (_jsx(Content, { variant: "body1", className: `${notifyClassnames.root}__content`, children: content })), actions && (_jsx(Footer, { actionsDirection: actionsDirection, className: `${notifyClassnames.root}__footer`, children: actions }))] }));
 };

package/components/Notification/NotificationTemplate/constants.js

@@ -1,37 +1,11 @@
-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 { NotificationVariantTypes } from '../constants';
 import { getNotificationTemplateProps } from '../utils';
 import { NotificationTemplate } from './NotificationTemplate';
 export const NOTIFICATION_VARIANT = {
-    info: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return (_createElement(NotificationTemplate, Object.assign({}, getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Info), { key: key })));
-    },
-    success: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return (_createElement(NotificationTemplate, Object.assign({}, getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Success), { key: key })));
-    },
-    warning: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return (_createElement(NotificationTemplate, Object.assign({}, getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Warning), { key: key })));
-    },
-    error: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return (_createElement(NotificationTemplate, Object.assign({}, getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Error), { key: key })));
-    },
-    progress: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return (_createElement(NotificationTemplate, Object.assign({}, getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Progress), { key: key })));
-    },
+    info: (options, { key, ...notifyContent }) => (_createElement(NotificationTemplate, { ...getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Info), key: key })),
+    success: (options, { key, ...notifyContent }) => (_createElement(NotificationTemplate, { ...getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Success), key: key })),
+    warning: (options, { key, ...notifyContent }) => (_createElement(NotificationTemplate, { ...getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Warning), key: key })),
+    error: (options, { key, ...notifyContent }) => (_createElement(NotificationTemplate, { ...getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Error), key: key })),
+    progress: (options, { key, ...notifyContent }) => (_createElement(NotificationTemplate, { ...getNotificationTemplateProps(options, notifyContent, NotificationVariantTypes.Progress), key: key })),
 };

package/components/Notification/utils/getNotificationTemplateProps/getNotificationTemplateProps.js

@@ -1 +1,5 @@
-export const getNotificationTemplateProps = (options, notifyProps, variant) => (Object.assign(Object.assign(Object.assign({}, notifyProps), options), { variant }));
+export const getNotificationTemplateProps = (options, notifyProps, variant) => ({
+    ...notifyProps,
+    ...options,
+    variant,
+});

package/components/Notification/utils/getNotifyOptions/getNotifyOptions.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 { NOTIFY_CONTAINER_ID, NOTIFY_STATIC_CONTAINER_ID, } from '../../constants';
 const getContainerId = ({ containerId, isStatic, }) => {
     if (containerId) {
@@ -16,7 +5,9 @@ const getContainerId = ({ containerId, isStatic, }) => {
     }
     return isStatic ? NOTIFY_STATIC_CONTAINER_ID : NOTIFY_CONTAINER_ID;
 };
-export const getNotifyOptions = (_a) => {
-    var { isStatic, containerId, hideProgressBar, autoClose } = _a, options = __rest(_a, ["isStatic", "containerId", "hideProgressBar", "autoClose"]);
-    return (Object.assign({ containerId: getContainerId({ containerId, isStatic }), hideProgressBar: isStatic || hideProgressBar, autoClose: isStatic ? false : autoClose }, options));
-};
+export const getNotifyOptions = ({ isStatic, containerId, hideProgressBar, autoClose, ...options }) => ({
+    containerId: getContainerId({ containerId, isStatic }),
+    hideProgressBar: isStatic || hideProgressBar,
+    autoClose: isStatic ? false : autoClose,
+    ...options,
+});

package/components/NotificationList/ListItem/ListItem.js

@@ -30,9 +30,9 @@ export const ListItem = (props) => {
         }
     };
     useEffect(() => {
-        if (onViewNotification && isUnread && (entry === null || entry === void 0 ? void 0 : entry.isIntersecting)) {
+        if (onViewNotification && isUnread && entry?.isIntersecting) {
             onViewNotification(id);
         }
-    }, [onViewNotification, entry === null || entry === void 0 ? void 0 : entry.isIntersecting, isUnread, id]);
+    }, [onViewNotification, entry?.isIntersecting, isUnread, id]);
     return (_jsxs(Wrapper, { ref: ref, children: [_jsx(IconSlot, { children: _jsx(Priority, { priority: priority }) }), _jsxs("div", { children: [_jsx(Title, { variant: isUnread ? 'h6' : 'body1', children: title }), _jsx(DateText, { children: getDateFormat(date) }), _jsx(Typography, { gutterBottom: Boolean(actions), variant: "body1", color: "grey", colorIntensity: "800", children: text }), actions && _jsx(Actions, { children: actions })] }), isDeleteButtonVisible && (_jsx(IconButton, { onClick: handleDelete, variant: "text", size: "small", color: "grey", children: _jsx(CrossOutlineMd, {}) }))] }));
 };

package/components/NotificationList/NotificationList.js

@@ -45,5 +45,5 @@ export const NotificationList = ({ isOpen, title = 'Уведомления', isL
                     errorList: [errorMessage || ''],
                     onRetry: handleRetry,
                     imgSrc: imagesMap.defaultErrorImgSrc,
-                }, children: [isTabsVisible && (_jsx(TabsWrapper, { children: _jsx(Tabs, { onChange: handleTabChange, listType: listType, notificationsCount: notifications.length, unreadNotificationsCount: (unreadNotifications === null || unreadNotifications === void 0 ? void 0 : unreadNotifications.length) || 0 }) })), _jsx(ContentWrapper, { children: isEmptyData ? (_jsx(Empty, { listType: listType, noDataImgSrc: imagesMap.noDataImgSrc })) : (_jsx(List, { children: data.map((notification) => (_jsx(ListItem, Object.assign({}, notification, { onDelete: onDelete, onViewNotification: handleView, isDeleteButtonVisible: Boolean(onDelete) }), notification.id))) })) })] }), footerContent && _jsx(SideDialogActions, { children: footerContent })] }));
+                }, children: [isTabsVisible && (_jsx(TabsWrapper, { children: _jsx(Tabs, { onChange: handleTabChange, listType: listType, notificationsCount: notifications.length, unreadNotificationsCount: unreadNotifications?.length || 0 }) })), _jsx(ContentWrapper, { children: isEmptyData ? (_jsx(Empty, { listType: listType, noDataImgSrc: imagesMap.noDataImgSrc })) : (_jsx(List, { children: data.map((notification) => (_jsx(ListItem, { ...notification, onDelete: onDelete, onViewNotification: handleView, isDeleteButtonVisible: Boolean(onDelete) }, notification.id))) })) })] }), footerContent && _jsx(SideDialogActions, { children: footerContent })] }));
 };

package/components/NumberField/NumberField.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 } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { IMaskMixin } from 'react-imask-next';
 import { TextField } from '../TextField';
 import { useLogic } from './useLogic';
-const MaskedNumberField = IMaskMixin((_a) => {
-    var { typedValue, onChange } = _a, props = __rest(_a, ["typedValue", "onChange"]);
+const MaskedNumberField = IMaskMixin(({ typedValue, onChange, ...props }) => {
     const textFieldProps = props;
-    return _jsx(TextField, Object.assign({}, textFieldProps));
+    return _jsx(TextField, { ...textFieldProps });
 });
 export const NumberField = forwardRef((props, ref) => {
     const { maskProps } = useLogic(props);
-    return (_jsx(MaskedNumberField, Object.assign({ inputRef: ref, unmask: "typed", mask: Number, thousandsSeparator: ' ' }, props, maskProps)));
+    return (_jsx(MaskedNumberField, { inputRef: ref, unmask: "typed", mask: Number, thousandsSeparator: ' ', ...props, ...maskProps }));
 });

package/components/NumberField/useLogic/useLogic.js

@@ -3,10 +3,10 @@ export const useLogic = (props) => {
     const { onChange, value } = props;
     const handleMaskFieldAccept = (_, maskEvent) => {
         if (maskEvent.value === '') {
-            onChange === null || onChange === void 0 ? void 0 : onChange(null);
+            onChange?.(null);
         }
         else {
-            onChange === null || onChange === void 0 ? void 0 : onChange(maskEvent.typedValue);
+            onChange?.(maskEvent.typedValue);
         }
     };
     const newValue = useMemo(() => {

package/components/NumberedList/NumberedList.js

@@ -1,17 +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 { jsx as _jsx } from "react/jsx-runtime";
 import { Wrapper } from './styles';
 export const NumberedList = (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/OverflowTypography/OverflowTypography.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 { Tooltip } from '../Tooltip';
@@ -17,15 +6,21 @@ import { StyledTypography, Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const DEFAULT_ROWS_COUNT = 1;
 export const OverflowTypography = forwardRef((props, forwardedRef) => {
-    const { ref, secondPartLabel, firstPartLabel, hasVisibleLastSymbols, hasMultipleRows, tooltipTitle, } = useLogic(Object.assign(Object.assign({}, props), { forwardedRef }));
-    const { tooltipProps, children, rowsCount = DEFAULT_ROWS_COUNT, visibleLastSymbolsCount, align = 'left' } = props, restProps = __rest(props, ["tooltipProps", "children", "rowsCount", "visibleLastSymbolsCount", "align"]);
-    const typographyProps = Object.assign(Object.assign({}, restProps), { ref,
+    const { ref, secondPartLabel, firstPartLabel, hasVisibleLastSymbols, hasMultipleRows, tooltipTitle, } = useLogic({
+        ...props,
+        forwardedRef,
+    });
+    const { tooltipProps, children, rowsCount = DEFAULT_ROWS_COUNT, visibleLastSymbolsCount, align = 'left', ...restProps } = props;
+    const typographyProps = {
+        ...restProps,
+        ref,
         align,
         children,
         rowsCount,
-        hasMultipleRows });
+        hasMultipleRows,
+    };
     if (hasVisibleLastSymbols) {
-        return (_jsx(Tooltip, Object.assign({ title: tooltipTitle, disableInteractive: true }, tooltipProps, { children: _jsxs(Wrapper, { "$align": align, children: [_jsx(StyledTypography, Object.assign({ component: "span", children: firstPartLabel, ref: ref, hasMultipleRows: hasMultipleRows, rowsCount: 1 }, restProps)), _jsx(Typography, Object.assign({ children: secondPartLabel }, restProps, { component: "span" }))] }) })));
+        return (_jsx(Tooltip, { title: tooltipTitle, disableInteractive: true, ...tooltipProps, children: _jsxs(Wrapper, { "$align": align, children: [_jsx(StyledTypography, { component: "span", children: firstPartLabel, ref: ref, hasMultipleRows: hasMultipleRows, rowsCount: 1, ...restProps }), _jsx(Typography, { children: secondPartLabel, ...restProps, component: "span" })] }) }));
     }
-    return (_jsx(Tooltip, Object.assign({ title: tooltipTitle, disableInteractive: true }, tooltipProps, { children: _jsx(StyledTypography, Object.assign({}, typographyProps)) })));
+    return (_jsx(Tooltip, { title: tooltipTitle, disableInteractive: true, ...tooltipProps, children: _jsx(StyledTypography, { ...typographyProps }) }));
 });

package/components/OverflowTypography/hooks/useOverflowed/useOverflowed.js

@@ -40,7 +40,7 @@ export const useOverflowed = (forwardedRef, hasMultipleRows = false, hasVisibleL
         }
         //функция очистки должна обязательно возвращаться в теле хука, иначе она не вызывается
         return () => {
-            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(node);
+            resizeObserver?.unobserve(node);
         };
     }, [ref.current]);
     return { isOverflowed, ref };

package/components/PageLayout/PageAlert/PageAlert.js

@@ -4,5 +4,5 @@ import { StyledDashboardAlert } from './styles';
  * Компонент отображения уведомления на странице приложения
  */
 export const PageAlert = (props) => {
-    return _jsx(StyledDashboardAlert, Object.assign({}, props));
+    return _jsx(StyledDashboardAlert, { ...props });
 };

package/components/PageLayout/PageContent/PageContent.js

@@ -8,5 +8,5 @@ import { Content, Wrapper } from './styles';
 export const PageContent = forwardRef((props, forwardedRef) => {
     const { hasAside } = useContext(PageContext);
     const { className, children, isFullHeight = true, footer, scrollRef, header, } = props;
-    return (_jsxs(Wrapper, { className: classNames(className, pageContentClassnames.pageContent), ref: forwardedRef, "$isFullHeight": isFullHeight, "$isSeparatorShown": hasAside || Boolean(header), children: [header && header, _jsx(Content, { ref: scrollRef, className: pageContentClassnames.content, "$hasAside": hasAside || Boolean(header), children: children }), footer && !isValidElement(footer) && (_jsx(PageLayoutFooter, Object.assign({}, footer))), isValidElement(footer) && footer] }));
+    return (_jsxs(Wrapper, { className: classNames(className, pageContentClassnames.pageContent), ref: forwardedRef, "$isFullHeight": isFullHeight, "$isSeparatorShown": hasAside || Boolean(header), children: [header && header, _jsx(Content, { ref: scrollRef, className: pageContentClassnames.content, "$hasAside": hasAside || Boolean(header), children: children }), footer && !isValidElement(footer) && (_jsx(PageLayoutFooter, { ...footer })), isValidElement(footer) && footer] }));
 });

package/components/PageLayout/PageContent/PageContentHeader/PageContentHeaderActions/PageContentHeaderActions.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PageActions } from '../../../PageHeader';
 export const PageContentHeaderActions = (props) => {
-    return _jsx(PageActions, Object.assign({ size: "medium" }, props));
+    return _jsx(PageActions, { size: "medium", ...props });
 };

package/components/PageLayout/PageHeader/HeaderContent/HeaderContent.js

@@ -13,5 +13,5 @@ export const HeaderContent = ({ backButton, description, subheader, breadcrumbs,
         }
         return (_jsx(BreadcrumbsWrapper, { children: Array.isArray(breadcrumbs) ? (_jsx(Breadcrumbs, { children: breadcrumbs })) : (breadcrumbs) }));
     };
-    return (_jsxs(_Fragment, { children: [renderBreadcrumbs(), _jsx(DesktopTitleWrapper, { children: _jsx(Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), _jsx(Description, { description: description, isLoading: isLoading }), actions && (_jsx(PageActions, Object.assign({ className: classNames(pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "large" }, actions))), subheader && _jsx(PageSubheader, { children: subheader })] }));
+    return (_jsxs(_Fragment, { children: [renderBreadcrumbs(), _jsx(DesktopTitleWrapper, { children: _jsx(Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), _jsx(Description, { description: description, isLoading: isLoading }), actions && (_jsx(PageActions, { className: classNames(pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "large", ...actions })), subheader && _jsx(PageSubheader, { children: subheader })] }));
 };

package/components/PageLayout/PageHeader/MobilePageActions/useLogic/useLogic.js

@@ -6,15 +6,15 @@ export const useLogic = ({ main, secondary, secondaryVisible, isLoading, }) => {
     const handleToggle = () => {
         setIsActive(!isActive);
     };
-    const visibleMainActions = main === null || main === void 0 ? void 0 : main.slice(0, 2);
-    const hiddenMainActions = main === null || main === void 0 ? void 0 : main.slice(2);
+    const visibleMainActions = main?.slice(0, 2);
+    const hiddenMainActions = main?.slice(2);
     return {
         disabledAction,
         isActive,
         handleToggle,
         visibleMainActions,
         hiddenMainActions,
-        isVisibleShowMoreButton: Boolean(secondary || secondaryVisible || (hiddenMainActions === null || hiddenMainActions === void 0 ? void 0 : hiddenMainActions.length)),
+        isVisibleShowMoreButton: Boolean(secondary || secondaryVisible || hiddenMainActions?.length),
         isLoading,
     };
 };

package/components/PageLayout/PageHeader/PageActions/MainActions/MainActions.js

@@ -5,5 +5,5 @@ export const MainActions = ({ actions, isDisabled, className, size, }) => {
     if (!actions || (actions && actions.length === 0)) {
         return null;
     }
-    return (_jsx(Wrapper, { className: className, "$size": size, children: _jsx(ActionGroupMainActions, { actions: actions !== null && actions !== void 0 ? actions : [], isDisabled: isDisabled, size: size }) }));
+    return (_jsx(Wrapper, { className: className, "$size": size, children: _jsx(ActionGroupMainActions, { actions: actions ?? [], isDisabled: isDisabled, size: size }) }));
 };

package/components/PageLayout/PageHeader/PageActions/SecondaryVisibleActions/SecondaryVisibleActions.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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { StyledMobileButton, StyledSecondaryVisibleActions } from './styles';
 export const SecondaryVisibleActions = ({ actions, size = 'medium', }) => {
-    return (_jsxs(_Fragment, { children: [actions.map((_a) => {
-                var { disabledReason, isBlockingOperation, icon, name } = _a, restActionProps = __rest(_a, ["disabledReason", "isBlockingOperation", "icon", "name"]);
-                return (_jsx(StyledMobileButton, Object.assign({ variant: "outlined", size: size, color: "grey" }, restActionProps, { children: name }), name));
+    return (_jsxs(_Fragment, { children: [actions.map(({ disabledReason, isBlockingOperation, icon, name, ...restActionProps }) => {
+                return (_jsx(StyledMobileButton, { variant: "outlined", size: size, color: "grey", ...restActionProps, children: name }, name));
             }), _jsx(StyledSecondaryVisibleActions, { actions: actions, size: size })] }));
 };

package/components/PageLayout/PageHeader/PageHeader.js

@@ -9,5 +9,5 @@ import { useLogic } from './useLogic';
 export const PageHeader = (props) => {
     const { title, description, subheader, breadcrumbs, actions, backButton, className, } = props;
     const { isLoading, mobileTitleActions, isShowMobileActions, mobileClassnames, } = useLogic(props);
-    return (_jsxs(_Fragment, { children: [_jsxs(MobileTitleWrapper, { className: mobileClassnames, children: [_jsx(Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), _jsx(Wrapper, { className: className, children: _jsx(HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, isLoading: isLoading }) }), isShowMobileActions && (_jsx(MobilePageActions, Object.assign({ className: classNames(pageHeaderClassnames.pageHeaderActions), isLoading: isLoading }, actions)))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(MobileTitleWrapper, { className: mobileClassnames, children: [_jsx(Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), _jsx(Wrapper, { className: className, children: _jsx(HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, isLoading: isLoading }) }), isShowMobileActions && (_jsx(MobilePageActions, { className: classNames(pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
 };

package/components/PageLayout/PageHeader/Title/Title.js

@@ -6,5 +6,5 @@ export const Title = ({ backButton, title, isLoading, hasDescription, hasBreadcr
     if (!title && isLoading) {
         return _jsx(StyledSkeleton, { height: 20, width: 280, variant: "rounded" });
     }
-    return (_jsxs(_Fragment, { children: [backButton && (_jsx(BackButton, Object.assign({}, backButton, { variant: "outlined", color: "grey", size: "large", children: _jsx(ArrowLOutlineMd, {}) }))), typeof title === 'string' ? (_jsx(TitleWrapper, { component: "h1", variant: "h3", "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: _jsx(OverflowTypography, { component: "div", variant: "inherit", children: title }) })) : (_jsx(TitleWrapper, { component: "div", role: "heading", variant: "h3", "aria-level": 1, "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: title }))] }));
+    return (_jsxs(_Fragment, { children: [backButton && (_jsx(BackButton, { ...backButton, variant: "outlined", color: "grey", size: "large", children: _jsx(ArrowLOutlineMd, {}) })), typeof title === 'string' ? (_jsx(TitleWrapper, { component: "h1", variant: "h3", "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: _jsx(OverflowTypography, { component: "div", variant: "inherit", children: title }) })) : (_jsx(TitleWrapper, { component: "div", role: "heading", variant: "h3", "aria-level": 1, "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: title }))] }));
 };