@astral/ui 4.2.0 → 4.2.1

package/node/components/Notification/NotificationStackContainer/NotificationStackContainer.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NotificationStackContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,14 +10,13 @@ const useLogic_1 = require("./useLogic");
 if (typeof window !== 'undefined') {
     (0, inject_style_1.injectStyle)();
 }
-const NotificationStackContainer = (_a) => {
-    var { containerId = constants_1.NOTIFY_CONTAINER_ID, staticContainerId = constants_1.NOTIFY_STATIC_CONTAINER_ID, bannerContainer, closeButton } = _a, props = __rest(_a, ["containerId", "staticContainerId", "bannerContainer", "closeButton"]);
+const NotificationStackContainer = ({ containerId = constants_1.NOTIFY_CONTAINER_ID, staticContainerId = constants_1.NOTIFY_STATIC_CONTAINER_ID, bannerContainer, closeButton, ...props }) => {
     const { isVisibleCloseButton, isHoveredContainer, isStartedClosingNotify, closeAll, } = (0, useLogic_1.useLogic)({
         containerId,
     });
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, utils_1.classNames)({
             [constants_1.notifyClassnames.container]: isHoveredContainer,
-        }), children: [(0, jsx_runtime_1.jsx)(styles_1.Inner, Object.assign({}, props, { stacked: true, containerId: containerId, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` })), isVisibleCloseButton && ((0, jsx_runtime_1.jsx)(styles_1.CloseButton, { size: "small", variant: "light", color: "grey", className: (0, utils_1.classNames)({
+        }), children: [(0, jsx_runtime_1.jsx)(styles_1.Inner, { ...props, stacked: true, containerId: containerId, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }), isVisibleCloseButton && ((0, jsx_runtime_1.jsx)(styles_1.CloseButton, { size: "small", variant: "light", color: "grey", className: (0, utils_1.classNames)({
                     [constants_1.notifyClassnames.closeButtonAnimationOut]: isStartedClosingNotify,
                 }), onClick: closeAll, children: "\u0421\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435" })), (0, jsx_runtime_1.jsx)(styles_1.StaticInner, { containerId: staticContainerId, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }), bannerContainer] }));
 };

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

@@ -1,24 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
@@ -63,10 +43,9 @@ 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();
             // Снимаем флаг запуска анимации на закрытие, если происходит добавление уведомлений.
             // Позволяет решить проблему отображения кнопки закрытия уведомлений,
@@ -74,7 +53,7 @@ const useLogic = ({ containerId: externalContainerId, }) => {
             setStartedClosingNotify(false);
         }
         if (Object.is(status, 'removed')) {
-            handleRemoveToast(Object.assign({ status }, rest));
+            handleRemoveToast({ status, ...rest });
         }
     };
     (0, react_1.useEffect)(() => {
@@ -85,17 +64,17 @@ const useLogic = ({ containerId: externalContainerId, }) => {
         if (!isHoveredContainer || !container) {
             return;
         }
-        (() => __awaiter(void 0, void 0, void 0, function* () {
+        (async () => {
             // Ожидаем пока отработает анимация и стек с уведомлениями раскроется
-            yield (0, utils_1.sleep)(300);
-            const hasScroll = (container === null || container === void 0 ? void 0 : container.scrollHeight) > (container === null || container === void 0 ? void 0 : container.clientHeight);
+            await (0, utils_1.sleep)(300);
+            const hasScroll = container?.scrollHeight > container?.clientHeight;
             if (hasScroll) {
                 container.scrollTo({
                     top: container.scrollHeight,
                     behavior: 'smooth',
                 });
             }
-        }))();
+        })();
     }, [container, isHoveredContainer]);
     const closeAll = () => {
         setStartedClosingNotify(true);

package/node/components/Notification/NotificationTemplate/NotificationTemplate.js

@@ -22,7 +22,7 @@ const DefaultIcon = ({ variant }) => {
     return (0, jsx_runtime_1.jsx)(Icon, {});
 };
 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 ((0, jsx_runtime_1.jsxs)(styles_2.Wrapper, { variant: variant, children: [(0, jsx_runtime_1.jsxs)(styles_2.Header, { children: [(0, jsx_runtime_1.jsx)(styles_2.IconWrapper, { children: icon || (0, jsx_runtime_1.jsx)(DefaultIcon, { variant: variant }) }), (0, jsx_runtime_1.jsx)(styles_2.Title, { variant: "h5", children: title }), showCloseButton && ((0, jsx_runtime_1.jsx)(styles_2.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: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }), content && ((0, jsx_runtime_1.jsx)(styles_2.Content, { variant: "body1", className: `${constants_1.notifyClassnames.root}__content`, children: content })), actions && ((0, jsx_runtime_1.jsx)(styles_2.Footer, { actionsDirection: actionsDirection, className: `${constants_1.notifyClassnames.root}__footer`, children: actions }))] }));
 };
 exports.NotificationTemplate = NotificationTemplate;

package/node/components/Notification/NotificationTemplate/constants.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NOTIFICATION_VARIANT = void 0;
 const react_1 = require("react");
@@ -17,24 +6,9 @@ const constants_1 = require("../constants");
 const utils_1 = require("../utils");
 const NotificationTemplate_1 = require("./NotificationTemplate");
 exports.NOTIFICATION_VARIANT = {
-    info: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Info), { key: key })));
-    },
-    success: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Success), { key: key })));
-    },
-    warning: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Warning), { key: key })));
-    },
-    error: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Error), { key: key })));
-    },
-    progress: (options, _a) => {
-        var { key } = _a, notifyContent = __rest(_a, ["key"]);
-        return ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Progress), { key: key })));
-    },
+    info: (options, { key, ...notifyContent }) => ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Info), key: key })),
+    success: (options, { key, ...notifyContent }) => ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Success), key: key })),
+    warning: (options, { key, ...notifyContent }) => ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Warning), key: key })),
+    error: (options, { key, ...notifyContent }) => ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Error), key: key })),
+    progress: (options, { key, ...notifyContent }) => ((0, react_1.createElement)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.getNotificationTemplateProps)(options, notifyContent, constants_1.NotificationVariantTypes.Progress), key: key })),
 };

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

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNotificationTemplateProps = void 0;
-const getNotificationTemplateProps = (options, notifyProps, variant) => (Object.assign(Object.assign(Object.assign({}, notifyProps), options), { variant }));
+const getNotificationTemplateProps = (options, notifyProps, variant) => ({
+    ...notifyProps,
+    ...options,
+    variant,
+});
 exports.getNotificationTemplateProps = getNotificationTemplateProps;

package/node/components/Notification/utils/getNotifyOptions/getNotifyOptions.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNotifyOptions = void 0;
 const constants_1 = require("../../constants");
@@ -19,8 +8,10 @@ const getContainerId = ({ containerId, isStatic, }) => {
     }
     return isStatic ? constants_1.NOTIFY_STATIC_CONTAINER_ID : constants_1.NOTIFY_CONTAINER_ID;
 };
-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));
-};
+const getNotifyOptions = ({ isStatic, containerId, hideProgressBar, autoClose, ...options }) => ({
+    containerId: getContainerId({ containerId, isStatic }),
+    hideProgressBar: isStatic || hideProgressBar,
+    autoClose: isStatic ? false : autoClose,
+    ...options,
+});
 exports.getNotifyOptions = getNotifyOptions;

package/node/components/NotificationList/ListItem/ListItem.js

@@ -33,10 +33,10 @@ const ListItem = (props) => {
         }
     };
     (0, react_1.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 ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, children: [(0, jsx_runtime_1.jsx)(styles_1.IconSlot, { children: (0, jsx_runtime_1.jsx)(styles_1.Priority, { priority: priority }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { variant: isUnread ? 'h6' : 'body1', children: title }), (0, jsx_runtime_1.jsx)(styles_1.DateText, { children: getDateFormat(date) }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { gutterBottom: Boolean(actions), variant: "body1", color: "grey", colorIntensity: "800", children: text }), actions && (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: actions })] }), isDeleteButtonVisible && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: handleDelete, variant: "text", size: "small", color: "grey", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }));
 };
 exports.ListItem = ListItem;

package/node/components/NotificationList/NotificationList.js

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

package/node/components/NumberField/NumberField.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,12 +6,11 @@ const react_1 = require("react");
 const react_imask_next_1 = require("react-imask-next");
 const TextField_1 = require("../TextField");
 const useLogic_1 = require("./useLogic");
-const MaskedNumberField = (0, react_imask_next_1.IMaskMixin)((_a) => {
-    var { typedValue, onChange } = _a, props = __rest(_a, ["typedValue", "onChange"]);
+const MaskedNumberField = (0, react_imask_next_1.IMaskMixin)(({ typedValue, onChange, ...props }) => {
     const textFieldProps = props;
-    return (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, textFieldProps));
+    return (0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...textFieldProps });
 });
 exports.NumberField = (0, react_1.forwardRef)((props, ref) => {
     const { maskProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(MaskedNumberField, Object.assign({ inputRef: ref, unmask: "typed", mask: Number, thousandsSeparator: ' ' }, props, maskProps)));
+    return ((0, jsx_runtime_1.jsx)(MaskedNumberField, { inputRef: ref, unmask: "typed", mask: Number, thousandsSeparator: ' ', ...props, ...maskProps }));
 });

package/node/components/NumberField/useLogic/useLogic.js

@@ -6,10 +6,10 @@ 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 = (0, react_1.useMemo)(() => {

package/node/components/NumberedList/NumberedList.js

@@ -1,21 +1,10 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberedList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const NumberedList = (props) => {
-    const { children } = props, restProps = __rest(props, ["children"]);
-    return (0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({}, restProps, { children: children }));
+    const { children, ...restProps } = props;
+    return (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ...restProps, children: children });
 };
 exports.NumberedList = NumberedList;

package/node/components/OverflowTypography/OverflowTypography.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OverflowTypography = exports.DEFAULT_ROWS_COUNT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -20,15 +9,21 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.DEFAULT_ROWS_COUNT = 1;
 exports.OverflowTypography = (0, react_1.forwardRef)((props, forwardedRef) => {
-    const { ref, secondPartLabel, firstPartLabel, hasVisibleLastSymbols, hasMultipleRows, tooltipTitle, } = (0, useLogic_1.useLogic)(Object.assign(Object.assign({}, props), { forwardedRef }));
-    const { tooltipProps, children, rowsCount = exports.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, } = (0, useLogic_1.useLogic)({
+        ...props,
+        forwardedRef,
+    });
+    const { tooltipProps, children, rowsCount = exports.DEFAULT_ROWS_COUNT, visibleLastSymbolsCount, align = 'left', ...restProps } = props;
+    const typographyProps = {
+        ...restProps,
+        ref,
         align,
         children,
         rowsCount,
-        hasMultipleRows });
+        hasMultipleRows,
+    };
     if (hasVisibleLastSymbols) {
-        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: tooltipTitle, disableInteractive: true }, tooltipProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$align": align, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTypography, Object.assign({ component: "span", children: firstPartLabel, ref: ref, hasMultipleRows: hasMultipleRows, rowsCount: 1 }, restProps)), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ children: secondPartLabel }, restProps, { component: "span" }))] }) })));
+        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: tooltipTitle, disableInteractive: true, ...tooltipProps, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$align": align, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { component: "span", children: firstPartLabel, ref: ref, hasMultipleRows: hasMultipleRows, rowsCount: 1, ...restProps }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: secondPartLabel, ...restProps, component: "span" })] }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: tooltipTitle, disableInteractive: true }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, Object.assign({}, typographyProps)) })));
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: tooltipTitle, disableInteractive: true, ...tooltipProps, children: (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { ...typographyProps }) }));
 });

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

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

package/node/components/PageLayout/PageAlert/PageAlert.js

@@ -7,6 +7,6 @@ const styles_1 = require("./styles");
  * Компонент отображения уведомления на странице приложения
  */
 const PageAlert = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDashboardAlert, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledDashboardAlert, { ...props });
 };
 exports.PageAlert = PageAlert;

package/node/components/PageLayout/PageContent/PageContent.js

@@ -11,5 +11,5 @@ const styles_1 = require("./styles");
 exports.PageContent = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { hasAside } = (0, react_1.useContext)(PageContext_1.PageContext);
     const { className, children, isFullHeight = true, footer, scrollRef, header, } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, utils_1.classNames)(className, constants_1.pageContentClassnames.pageContent), ref: forwardedRef, "$isFullHeight": isFullHeight, "$isSeparatorShown": hasAside || Boolean(header), children: [header && header, (0, jsx_runtime_1.jsx)(styles_1.Content, { ref: scrollRef, className: constants_1.pageContentClassnames.content, "$hasAside": hasAside || Boolean(header), children: children }), footer && !(0, react_1.isValidElement)(footer) && ((0, jsx_runtime_1.jsx)(PageLayoutFooter_1.PageLayoutFooter, Object.assign({}, footer))), (0, react_1.isValidElement)(footer) && footer] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, utils_1.classNames)(className, constants_1.pageContentClassnames.pageContent), ref: forwardedRef, "$isFullHeight": isFullHeight, "$isSeparatorShown": hasAside || Boolean(header), children: [header && header, (0, jsx_runtime_1.jsx)(styles_1.Content, { ref: scrollRef, className: constants_1.pageContentClassnames.content, "$hasAside": hasAside || Boolean(header), children: children }), footer && !(0, react_1.isValidElement)(footer) && ((0, jsx_runtime_1.jsx)(PageLayoutFooter_1.PageLayoutFooter, { ...footer })), (0, react_1.isValidElement)(footer) && footer] }));
 });

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

@@ -4,6 +4,6 @@ exports.PageContentHeaderActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const PageHeader_1 = require("../../../PageHeader");
 const PageContentHeaderActions = (props) => {
-    return (0, jsx_runtime_1.jsx)(PageHeader_1.PageActions, Object.assign({ size: "medium" }, props));
+    return (0, jsx_runtime_1.jsx)(PageHeader_1.PageActions, { size: "medium", ...props });
 };
 exports.PageContentHeaderActions = PageContentHeaderActions;

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

@@ -16,6 +16,6 @@ const HeaderContent = ({ backButton, description, subheader, breadcrumbs, action
         }
         return ((0, jsx_runtime_1.jsx)(styles_1.BreadcrumbsWrapper, { children: Array.isArray(breadcrumbs) ? ((0, jsx_runtime_1.jsx)(Breadcrumbs_1.Breadcrumbs, { children: breadcrumbs })) : (breadcrumbs) }));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderBreadcrumbs(), (0, jsx_runtime_1.jsx)(styles_1.DesktopTitleWrapper, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), (0, jsx_runtime_1.jsx)(Description_1.Description, { description: description, isLoading: isLoading }), actions && ((0, jsx_runtime_1.jsx)(PageActions_1.PageActions, Object.assign({ className: (0, utils_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "large" }, actions))), subheader && (0, jsx_runtime_1.jsx)(styles_1.PageSubheader, { children: subheader })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderBreadcrumbs(), (0, jsx_runtime_1.jsx)(styles_1.DesktopTitleWrapper, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), (0, jsx_runtime_1.jsx)(Description_1.Description, { description: description, isLoading: isLoading }), actions && ((0, jsx_runtime_1.jsx)(PageActions_1.PageActions, { className: (0, utils_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "large", ...actions })), subheader && (0, jsx_runtime_1.jsx)(styles_1.PageSubheader, { children: subheader })] }));
 };
 exports.HeaderContent = HeaderContent;

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

@@ -9,15 +9,15 @@ 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/node/components/PageLayout/PageHeader/PageActions/MainActions/MainActions.js

@@ -8,6 +8,6 @@ const MainActions = ({ actions, isDisabled, className, size, }) => {
     if (!actions || (actions && actions.length === 0)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: className, "$size": size, children: (0, jsx_runtime_1.jsx)(ActionGroup_1.MainActions, { actions: actions !== null && actions !== void 0 ? actions : [], isDisabled: isDisabled, size: size }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: className, "$size": size, children: (0, jsx_runtime_1.jsx)(ActionGroup_1.MainActions, { actions: actions ?? [], isDisabled: isDisabled, size: size }) }));
 };
 exports.MainActions = MainActions;

package/node/components/PageLayout/PageHeader/PageActions/SecondaryVisibleActions/SecondaryVisibleActions.js

@@ -1,23 +1,11 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryVisibleActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const SecondaryVisibleActions = ({ actions, size = 'medium', }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [actions.map((_a) => {
-                var { disabledReason, isBlockingOperation, icon, name } = _a, restActionProps = __rest(_a, ["disabledReason", "isBlockingOperation", "icon", "name"]);
-                return ((0, jsx_runtime_1.jsx)(styles_1.StyledMobileButton, Object.assign({ variant: "outlined", size: size, color: "grey" }, restActionProps, { children: name }), name));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [actions.map(({ disabledReason, isBlockingOperation, icon, name, ...restActionProps }) => {
+                return ((0, jsx_runtime_1.jsx)(styles_1.StyledMobileButton, { variant: "outlined", size: size, color: "grey", ...restActionProps, children: name }, name));
             }), (0, jsx_runtime_1.jsx)(styles_1.StyledSecondaryVisibleActions, { actions: actions, size: size })] }));
 };
 exports.SecondaryVisibleActions = SecondaryVisibleActions;

package/node/components/PageLayout/PageHeader/PageHeader.js

@@ -12,6 +12,6 @@ const useLogic_1 = require("./useLogic");
 const PageHeader = (props) => {
     const { title, description, subheader, breadcrumbs, actions, backButton, className, } = props;
     const { isLoading, mobileTitleActions, isShowMobileActions, mobileClassnames, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MobileTitleWrapper, { className: mobileClassnames, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: className, children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, Object.assign({ className: (0, utils_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading }, actions)))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MobileTitleWrapper, { className: mobileClassnames, children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading }), mobileTitleActions && mobileTitleActions] }), (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: className, children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, { className: (0, utils_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
 };
 exports.PageHeader = PageHeader;

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

@@ -9,6 +9,6 @@ const Title = ({ backButton, title, isLoading, hasDescription, hasBreadcrumbs, }
     if (!title && isLoading) {
         return (0, jsx_runtime_1.jsx)(styles_1.StyledSkeleton, { height: 20, width: 280, variant: "rounded" });
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backButton && ((0, jsx_runtime_1.jsx)(styles_1.BackButton, Object.assign({}, backButton, { variant: "outlined", color: "grey", size: "large", children: (0, jsx_runtime_1.jsx)(icons_1.ArrowLOutlineMd, {}) }))), typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(styles_1.TitleWrapper, { component: "h1", variant: "h3", "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { component: "div", variant: "inherit", children: title }) })) : ((0, jsx_runtime_1.jsx)(styles_1.TitleWrapper, { component: "div", role: "heading", variant: "h3", "aria-level": 1, "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: title }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backButton && ((0, jsx_runtime_1.jsx)(styles_1.BackButton, { ...backButton, variant: "outlined", color: "grey", size: "large", children: (0, jsx_runtime_1.jsx)(icons_1.ArrowLOutlineMd, {}) })), typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(styles_1.TitleWrapper, { component: "h1", variant: "h3", "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { component: "div", variant: "inherit", children: title }) })) : ((0, jsx_runtime_1.jsx)(styles_1.TitleWrapper, { component: "div", role: "heading", variant: "h3", "aria-level": 1, "$hasDescription": hasDescription, "$hasBreadcrumbs": hasBreadcrumbs, children: title }))] }));
 };
 exports.Title = Title;

package/node/components/PageLayout/PageHeader/hooks/usePageTitle/usePageTitle.js

@@ -5,14 +5,12 @@ const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const utils_1 = require("../../../../utils");
 const usePageTitle = ({ shouldUpdateDocumentTitle, title, htmlTitle, }) => {
-    var _a;
     const prevTitleRef = (0, react_1.useRef)(null);
     const { components } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     (0, react_1.useEffect)(() => {
-        var _a, _b;
         const isDynamicTitle = typeof shouldUpdateDocumentTitle === 'boolean'
             ? shouldUpdateDocumentTitle
-            : (_b = (_a = components === null || components === void 0 ? void 0 : components.layout) === null || _a === void 0 ? void 0 : _a.defaultProps) === null || _b === void 0 ? void 0 : _b.shouldUpdateDocumentTitle;
+            : components?.layout?.defaultProps?.shouldUpdateDocumentTitle;
         if (!isDynamicTitle) {
             return;
         }
@@ -23,7 +21,7 @@ const usePageTitle = ({ shouldUpdateDocumentTitle, title, htmlTitle, }) => {
             return;
         }
         prevTitleRef.current = document.title;
-        document.title = htmlTitle !== null && htmlTitle !== void 0 ? htmlTitle : newTitle;
+        document.title = htmlTitle ?? newTitle;
         return () => {
             if (prevTitleRef.current !== null) {
                 document.title = prevTitleRef.current;
@@ -32,7 +30,7 @@ const usePageTitle = ({ shouldUpdateDocumentTitle, title, htmlTitle, }) => {
     }, [
         shouldUpdateDocumentTitle,
         title,
-        (_a = components === null || components === void 0 ? void 0 : components.layout) === null || _a === void 0 ? void 0 : _a.defaultProps,
+        components?.layout?.defaultProps,
         htmlTitle,
     ]);
 };

package/node/components/PageLayout/PageLayout.js

@@ -16,7 +16,7 @@ const PageLayout = (props) => {
     const { hasAside, ref } = (0, useLogic_1.useLogic)(props);
     return ((0, jsx_runtime_1.jsxs)(PageContext_1.PageContextProvider, { hasAside: hasAside, isLoading: isLoading, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.DesktopAlertWrapper, { children: alert }), (0, jsx_runtime_1.jsxs)(PageLayoutContainer_1.PageLayoutContainer, { className: className, ref: ref, children: [alert && (0, jsx_runtime_1.jsx)(styles_1.MobileAlertWrapper, { children: alert }), (0, react_1.isValidElement)(header)
                         ? header
-                        : header && (0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, Object.assign({}, header)), isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, react_1.isValidElement)(content) ? (content) : ((0, jsx_runtime_1.jsx)(PageContent_1.PageContent, Object.assign({}, content, { footer: footer }))), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageAside_1.PageAside, Object.assign({}, aside))), (0, react_1.isValidElement)(aside) && aside] }))] })] }));
+                        : header && (0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { ...header }), isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445..." }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, react_1.isValidElement)(content) ? (content) : ((0, jsx_runtime_1.jsx)(PageContent_1.PageContent, { ...content, footer: footer })), aside && !(0, react_1.isValidElement)(aside) && ((0, jsx_runtime_1.jsx)(PageAside_1.PageAside, { ...aside })), (0, react_1.isValidElement)(aside) && aside] }))] })] }));
 };
 exports.PageLayout = PageLayout;
 exports.default = exports.PageLayout;

package/node/components/PageLayout/PagePinnableAside/PagePinnableAside.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PagePinnableAside = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -22,8 +11,7 @@ const useLogic_1 = require("./useLogic");
 /**
  * Открепляемый aside
  */
-const PagePinnableAside = (_a) => {
-    var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
+const PagePinnableAside = ({ children, className, ...restProps }) => {
     const { isPinned, togglePin } = (0, useLogic_1.useLogic)(restProps);
     return ((0, jsx_runtime_1.jsxs)(styles_1.Aside, { "$isPinned": isPinned, children: [(0, jsx_runtime_1.jsx)(styles_1.Dummy, { "$isPinned": isPinned, children: (0, jsx_runtime_1.jsx)(icons_1.MenuOnOutlineMd, {}) }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { "$isPinned": isPinned, className: (0, utils_1.classNames)(className, constants_1.pinnableAsideClassnames.content), children: [(0, jsx_runtime_1.jsx)(styles_1.ChildrenWrapper, { children: children }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(DashboardLayout_1.PinButton, { isPinned: isPinned, isUseCollapse: false, onClick: togglePin }) })] })] }));
 };

package/node/components/PageLayout/PagePinnableAside/useLogic/useLogic.js

@@ -26,11 +26,11 @@ const useLogic = ({ isPinned: isPinnedProp, onPin: onPinProp, persistState, }) =
         ? // biome-ignore lint/correctness/useHookAtTopLevel: <>
             (0, hooks_1.useLocalStorage)(localStorageKey, true)
         : [true, () => undefined];
-    const isPinned = isControlled ? isPinnedProp : (storedValue !== null && storedValue !== void 0 ? storedValue : true);
+    const isPinned = isControlled ? isPinnedProp : (storedValue ?? true);
     const togglePin = () => {
         const newValue = !isPinned;
         if (isControlled) {
-            return onPinProp === null || onPinProp === void 0 ? void 0 : onPinProp(newValue);
+            return onPinProp?.(newValue);
         }
         setStoredValue(newValue);
     };

package/node/components/Pagination/Pagination.js

@@ -7,10 +7,10 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Pagination = (props) => {
     const { onItemClick, items, restProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)("nav", Object.assign({}, restProps, { children: (0, jsx_runtime_1.jsx)(styles_1.PaginationList, { children: items.map(({ page: pageNumber, type, selected, disabled, onClick }, index) => {
+    return ((0, jsx_runtime_1.jsx)("nav", { ...restProps, children: (0, jsx_runtime_1.jsx)(styles_1.PaginationList, { children: items.map(({ page: pageNumber, type, selected, disabled, onClick }, index) => {
                 return (
                 // biome-ignore lint/suspicious/noArrayIndexKey: key=index необходим для корректной работы компонента
                 (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(PaginationItem_1.PaginationItem, { pageNumber: pageNumber, type: type, selected: selected, disabled: disabled, onClick: onClick, onItemClick: onItemClick, restPropsDisabled: restProps.disabled }) }, index));
-            }) }) })));
+            }) }) }));
 };
 exports.Pagination = Pagination;