@astral/ui 4.2.0 → 4.2.1

package/node/components/CollapsibleTypography/CollapsibleTypography.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.CollapsibleTypography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,13 +8,15 @@ const styles_1 = require("./styles");
 /**
  * Компонент даёт возможность скрывать часть текста по строкам, и показывать их при нажатии на кнопку
  */
-exports.CollapsibleTypography = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { children, rowsCount = 1, textShowButton = 'Показать полностью', textHideButton = 'Скрыть', buttonPlacement = 'start' } = _a, props = __rest(_a, ["children", "rowsCount", "textShowButton", "textHideButton", "buttonPlacement"]);
+exports.CollapsibleTypography = (0, react_1.forwardRef)(({ children, rowsCount = 1, textShowButton = 'Показать полностью', textHideButton = 'Скрыть', buttonPlacement = 'start', ...props }, forwardedRef) => {
     const { ref, isOpenCollapse, toggleCollapse, isCollapsable, currentHeight, } = (0, hooks_1.useCollabsible)(forwardedRef);
-    const collapsibleProps = Object.assign(Object.assign({}, props), { children,
+    const collapsibleProps = {
+        ...props,
+        children,
         rowsCount,
         ref,
         isOpenCollapse,
-        currentHeight });
-    return ((0, jsx_runtime_1.jsxs)(styles_1.CollapsibleWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({}, collapsibleProps)), isCollapsable && ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { variant: "link", onClick: toggleCollapse, "$placement": buttonPlacement, children: isOpenCollapse ? textHideButton : textShowButton }))] }));
+        currentHeight,
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.CollapsibleWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ...collapsibleProps }), isCollapsable && ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { variant: "link", onClick: toggleCollapse, "$placement": buttonPlacement, children: isOpenCollapse ? textHideButton : textShowButton }))] }));
 });

package/node/components/ConfigProvider/ConfigProvider.js

@@ -30,7 +30,6 @@ exports.ConfigContext = (0, react_1.createContext)({
     hidePersonalData: true,
 });
 const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = DatePicker_1.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;
     (0, react_1.useEffect)(() => {
         if (!captureException) {
             // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
@@ -38,7 +37,24 @@ const ConfigProvider = ({ children, language = 'ru', datePickerLanguageMap = Dat
                 'На данный момент все ошибки, отлавливаемые в 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 ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, { value: {
             language,
             datePickerLanguageMap,

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

@@ -1,21 +1,7 @@
 "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.NextFeatureFlagsContextProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const NextFeatureFlagsContext_1 = require("../NextFeatureFlagsContext");
-const NextFeatureFlagsContextProvider = (_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(NextFeatureFlagsContext_1.NextFeatureFlagsContext.Provider, { value: restProps, children: children }));
-};
+const NextFeatureFlagsContextProvider = ({ children, ...restProps }) => ((0, jsx_runtime_1.jsx)(NextFeatureFlagsContext_1.NextFeatureFlagsContext.Provider, { value: restProps, children: children }));
 exports.NextFeatureFlagsContextProvider = NextFeatureFlagsContextProvider;

package/node/components/ConfirmAction/ConfirmAction.js

@@ -12,6 +12,6 @@ const ConfirmAction = (props) => {
     const { text, confirmButtonProps: externalConfirmButtonProps, popoverProps: externalPopoverProps, actionComponent, } = props;
     const { text: confirmButtonText = 'Подтвердить' } = externalConfirmButtonProps || {};
     const { anchorOrigin = constants_1.DEFAULT_ANCHOR_ORIGIN, transformOrigin = constants_1.DEFAULT_TRANSFORM_ORIGIN, } = externalPopoverProps || {};
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [actionComponent(actionComponentProps), (0, jsx_runtime_1.jsx)(Popover_1.Popover, Object.assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, popoverProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [text && (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { children: text }), (0, jsx_runtime_1.jsxs)(styles_1.Actions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, confirmButtonProps, { children: confirmButtonText }))] })] }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [actionComponent(actionComponentProps), (0, jsx_runtime_1.jsx)(Popover_1.Popover, { anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, ...popoverProps, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [text && (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { children: text }), (0, jsx_runtime_1.jsxs)(styles_1.Actions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "text", ...cancelButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { ...confirmButtonProps, children: confirmButtonText })] })] }) })] }));
 };
 exports.ConfirmAction = ConfirmAction;

package/node/components/ConfirmDialog/ConfirmDialog.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.ConfirmDialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -22,9 +11,9 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const ConfirmDialog = (props) => {
     const { isShowCancelButton, cancelButtonProps } = (0, useLogic_1.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 ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({ size: "sm", title: title, open: open, onClose: onClose }, restProps, { children: [description && ((0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { children: typeof description === 'string' ? ((0, jsx_runtime_1.jsx)(DialogContentText_1.DialogContentText, { children: description })) : (description) })), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [isShowCancelButton && ((0, jsx_runtime_1.jsx)(styles_1.CancelButton, Object.assign({}, restCancelProps, cancelButtonProps, { children: cancelText }))), (0, jsx_runtime_1.jsx)(Button_1.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 ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { size: "sm", title: title, open: open, onClose: onClose, ...restProps, children: [description && ((0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { children: typeof description === 'string' ? ((0, jsx_runtime_1.jsx)(DialogContentText_1.DialogContentText, { children: description })) : (description) })), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [isShowCancelButton && ((0, jsx_runtime_1.jsx)(styles_1.CancelButton, { ...restCancelProps, ...cancelButtonProps, children: cancelText })), (0, jsx_runtime_1.jsx)(Button_1.Button, { ...confirmButtonProps, children: confirmText })] })] }));
 };
 exports.ConfirmDialog = ConfirmDialog;

package/node/components/ConfirmDialog/useLogic/useLogic.js

@@ -7,7 +7,7 @@ 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/node/components/ContentState/ContentState.js

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

package/node/components/ContentState/useLogic/useLogic.js

@@ -5,9 +5,9 @@ const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
 const hooks_1 = require("../../hooks");
 const useLogic = ({ isSmoothLoading: propsIsSmoothLoading, isLoading, }) => {
-    var _a, _b;
     const { imagesMap, components } = (0, react_1.useContext)(ConfigProvider_1.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 } = (0, hooks_1.useLoadingState)(isLoading);
     return {
         imagesMap,

package/node/components/CopyTypography/CopyTypography.js

@@ -12,8 +12,8 @@ const CopyTypography = (props) => {
     const renderIcon = () => ((0, jsx_runtime_1.jsx)(styles_1.StyledCopyIcon, { size: "sm", "$copyPosition": copyPosition, color: color, className: (0, utils_1.classNames)({
             [constants_1.copyTypographyClassnames.showIconOnHover]: showCopyIcon === 'onHover',
         }) }));
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: tooltipTitle, disableInteractive: true, placement: "bottom", children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, Object.assign({ onMouseLeave: handleMouseLeave, onClick: handleClick, component: "div", color: color }, restProps, { children: [isIconOnLeft && renderIcon(), (0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { className: (0, utils_1.classNames)({
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: tooltipTitle, disableInteractive: true, placement: "bottom", children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onMouseLeave: handleMouseLeave, onClick: handleClick, component: "div", color: color, ...restProps, children: [isIconOnLeft && renderIcon(), (0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { className: (0, utils_1.classNames)({
                         [constants_1.copyTypographyClassnames.overflow]: isOverflow,
-                    }), children: children }), isIconOnRight && renderIcon()] })) }));
+                    }), children: children }), isIconOnRight && renderIcon()] }) }));
 };
 exports.CopyTypography = CopyTypography;

package/node/components/CopyTypography/useLogic/useLogic.js

@@ -1,21 +1,9 @@
 "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.useLogic = void 0;
 const react_1 = require("react");
 const enums_1 = require("../enums");
-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"]);
+const useLogic = ({ children, copyPosition = 'right', copyText, isShowCopyText, showCopyIcon = 'always', color, isOverflow = false, ...restProps }) => {
     const [status, setStatus] = (0, react_1.useState)(enums_1.CopyStatus.CanCopy);
     const handleMouseLeave = () => {
         if (status !== enums_1.CopyStatus.CanCopy) {

package/node/components/Counter/Counter.js

@@ -1,21 +1,7 @@
 "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.Counter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const Counter = (_a) => {
-    var { content, color, max = 99, variant = 'contained' } = _a, props = __rest(_a, ["content", "color", "max", "variant"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledCounter, Object.assign({ badgeContent: content, max: max, variantColor: variant, color: color }, props)));
-};
+const Counter = ({ content, color, max = 99, variant = 'contained', ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledCounter, { badgeContent: content, max: max, variantColor: variant, color: color, ...props }));
 exports.Counter = Counter;

package/node/components/DashboardAlert/DashboardAlert.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.DashboardAlert = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,8 +8,8 @@ const styles_1 = require("./styles");
  * Компонент отображения уведомления на всех страницах приложения
  */
 const DashboardAlert = (props) => {
-    const { linkButtonProps, children, isShow } = props, restProps = __rest(props, ["linkButtonProps", "children", "isShow"]);
-    const _a = linkButtonProps || {}, { name, color: linkButtonColor } = _a, restButtonProps = __rest(_a, ["name", "color"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledAlert, Object.assign({ display: isShow }, restProps, { children: (0, jsx_runtime_1.jsxs)(Typography_1.Typography, { variant: "body1", children: [children, "\u00A0", linkButtonProps && ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, Object.assign({ variant: "link" }, restButtonProps, { children: name })))] }) })));
+    const { linkButtonProps, children, isShow, ...restProps } = props;
+    const { name, color: linkButtonColor, ...restButtonProps } = linkButtonProps || {};
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledAlert, { display: isShow, ...restProps, children: (0, jsx_runtime_1.jsxs)(Typography_1.Typography, { variant: "body1", children: [children, "\u00A0", linkButtonProps && ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { variant: "link", ...restButtonProps, children: name }))] }) }));
 };
 exports.DashboardAlert = DashboardAlert;

package/node/components/DashboardLayout/Header/Header.js

@@ -17,11 +17,10 @@ const useLogic_1 = require("./useLogic");
  * Основной header приложения
  */
 exports.Header = (0, react_1.forwardRef)((props, ref) => {
-    var _a;
     const { productSwitcher: ProductSwitcher, product, profile, menuOrganization, children, } = props;
     const { isShowExitButton, isShowProfile } = (0, useLogic_1.useLogic)(props);
     const { isFocusedMode, isLoading } = (0, react_1.useContext)(DashboardContext_1.DashboardContext);
     const { collapsedIn, onToggleSidebar } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
     const { isMobile } = (0, hooks_1.useViewportType)();
-    return ((0, jsx_runtime_1.jsx)(styles_1.HeaderRoot, { ref: ref, "$isFocusedMode": isFocusedMode, inert: !isMobile && isFocusedMode ? '' : undefined, className: constants_1.dashboardLayoutHeaderClassnames.root, children: (0, jsx_runtime_1.jsxs)(styles_1.HeaderContent, { children: [(0, jsx_runtime_1.jsx)(styles_1.MobileSidebarTogglerWrapper, { className: constants_1.dashboardLayoutHeaderClassnames.mobileSidebarButton, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { startIcon: collapsedIn ? (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.MenuOnOutlineMd, {}), variant: "text", onClick: () => onToggleSidebar() }) }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderSection, { children: [ProductSwitcher && ((0, jsx_runtime_1.jsx)(styles_1.ProductSwitcherWrapper, { children: (0, jsx_runtime_1.jsx)(ProductSwitcher, {}) })), (0, jsx_runtime_1.jsx)(Product_1.Product, Object.assign({}, product))] }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderContentSection, { children: [children, menuOrganization === null || menuOrganization === void 0 ? void 0 : menuOrganization(), profile && ((0, jsx_runtime_1.jsx)(styles_1.ProfileWrapper, { "$isShow": isShowProfile, children: (0, jsx_runtime_1.jsx)(Profile_1.Profile, Object.assign({ isLoading: isLoading }, profile)) })), (0, jsx_runtime_1.jsx)(styles_1.ExitButton, { "$isShow": isShowExitButton, onClick: (_a = profile === null || profile === void 0 ? void 0 : profile.exitButton) === null || _a === void 0 ? void 0 : _a.onClick, title: "\u0412\u044B\u0445\u043E\u0434", variant: "text", children: (0, jsx_runtime_1.jsx)(icons_1.QuitOutlineMd, {}) })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.HeaderRoot, { ref: ref, "$isFocusedMode": isFocusedMode, inert: !isMobile && isFocusedMode ? '' : undefined, className: constants_1.dashboardLayoutHeaderClassnames.root, children: (0, jsx_runtime_1.jsxs)(styles_1.HeaderContent, { children: [(0, jsx_runtime_1.jsx)(styles_1.MobileSidebarTogglerWrapper, { className: constants_1.dashboardLayoutHeaderClassnames.mobileSidebarButton, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { startIcon: collapsedIn ? (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.MenuOnOutlineMd, {}), variant: "text", onClick: () => onToggleSidebar() }) }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderSection, { children: [ProductSwitcher && ((0, jsx_runtime_1.jsx)(styles_1.ProductSwitcherWrapper, { children: (0, jsx_runtime_1.jsx)(ProductSwitcher, {}) })), (0, jsx_runtime_1.jsx)(Product_1.Product, { ...product })] }), (0, jsx_runtime_1.jsxs)(styles_1.HeaderContentSection, { children: [children, menuOrganization?.(), profile && ((0, jsx_runtime_1.jsx)(styles_1.ProfileWrapper, { "$isShow": isShowProfile, children: (0, jsx_runtime_1.jsx)(Profile_1.Profile, { isLoading: isLoading, ...profile }) })), (0, jsx_runtime_1.jsx)(styles_1.ExitButton, { "$isShow": isShowExitButton, onClick: profile?.exitButton?.onClick, title: "\u0412\u044B\u0445\u043E\u0434", variant: "text", children: (0, jsx_runtime_1.jsx)(icons_1.QuitOutlineMd, {}) })] })] }) }));
 });

package/node/components/DashboardLayout/Header/useLogic/useLogic.js

@@ -4,9 +4,9 @@ exports.useLogic = void 0;
 const hooks_1 = require("../../../hooks");
 const useLogic = ({ profile }) => {
     const { isMobile } = (0, hooks_1.useViewportType)();
-    const hasMenu = Boolean((profile === null || profile === void 0 ? void 0 : profile.menu) || (profile === null || profile === void 0 ? void 0 : profile.menuList));
+    const hasMenu = Boolean(profile?.menu || profile?.menuList);
     const isShowProfile = (Boolean(profile) && !isMobile) || (hasMenu && isMobile);
-    const isShowExitButton = isMobile && !hasMenu && Boolean(profile === null || profile === void 0 ? void 0 : profile.exitButton);
+    const isShowExitButton = isMobile && !hasMenu && Boolean(profile?.exitButton);
     return { isShowExitButton, isShowProfile };
 };
 exports.useLogic = useLogic;

package/node/components/DashboardLayout/Main/useLogic/useLogic.js

@@ -10,21 +10,18 @@ const useLogic = () => {
     const alertContainerRef = (0, react_1.useRef)(null);
     const elementRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
-        var _a;
-        setAlertElement === null || setAlertElement === void 0 ? void 0 : setAlertElement((_a = alertContainerRef.current) !== null && _a !== void 0 ? _a : null);
-        return () => setAlertElement === null || setAlertElement === void 0 ? void 0 : setAlertElement(null);
+        setAlertElement?.(alertContainerRef.current ?? null);
+        return () => setAlertElement?.(null);
     }, [setAlertElement]);
     (0, react_1.useEffect)(() => {
-        var _a;
         if (isFocusedMode || (prevFocusedModeRef.current && !isFocusedMode)) {
             elementRef.current = document.querySelector(`.${PageLayout_1.pageContentClassnames.pageContent}`);
-            (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(PageLayout_1.pageContentClassnames.animation);
+            elementRef.current?.classList.add(PageLayout_1.pageContentClassnames.animation);
         }
     }, [isFocusedMode]);
     const onAnimationEnd = (event) => {
-        var _a;
         if (event.animationName === PageLayout_1.PAGE_CONTENT_ANIMATION) {
-            (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(PageLayout_1.pageContentClassnames.animation);
+            elementRef.current?.classList.remove(PageLayout_1.pageContentClassnames.animation);
             prevFocusedModeRef.current = isFocusedMode;
         }
     };

package/node/components/DashboardLayout/PinButton/PinButton.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.PinButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,8 +8,8 @@ const utils_1 = require("../../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const PinButton = (props) => {
-    const { isPinned, collapsedIn, isUseCollapse = true, className } = props, restProps = __rest(props, ["isPinned", "collapsedIn", "isUseCollapse", "className"]);
+    const { isPinned, collapsedIn, isUseCollapse = true, className, ...restProps } = props;
     const PinIcon = isPinned ? icons_1.UnpinOutlineMd : icons_1.PinOutlineMd;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TogglerButton, Object.assign({ startIcon: (0, jsx_runtime_1.jsx)(PinIcon, {}), variant: "text", className: (0, utils_1.classNames)(className, constants_1.pinButtonClassnames.root) }, restProps, { children: isUseCollapse ? ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: collapsedIn, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TogglerButton, { startIcon: (0, jsx_runtime_1.jsx)(PinIcon, {}), variant: "text", className: (0, utils_1.classNames)(className, constants_1.pinButtonClassnames.root), ...restProps, children: isUseCollapse ? ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: collapsedIn, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
 };
 exports.PinButton = PinButton;

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/MenuSidebarButton.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.MenuSidebarButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -25,6 +14,6 @@ exports.MenuSidebarButton = (0, react_1.forwardRef)((props, ref) => {
         setIsPopupOpen,
         ref,
     });
-    const { children, popover } = props, buttonProps = __rest(props, ["children", "popover"]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SidebarButton_1.SidebarButton, Object.assign({ ref: popoverAnchorRef }, buttonProps, { onClick: handleTogglePopover, selected: isPopupOpen, children: (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) })), popover] }));
+    const { children, popover, ...buttonProps } = props;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SidebarButton_1.SidebarButton, { ref: popoverAnchorRef, ...buttonProps, onClick: handleTogglePopover, selected: isPopupOpen, children: (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }), popover] }));
 });

package/node/components/DashboardLayout/Sidebar/SidebarButton/SidebarButton.js

@@ -9,5 +9,5 @@ const styles_1 = require("./styles");
 exports.SidebarButton = (0, react_1.forwardRef)((props, ref) => {
     const { children } = props;
     const { collapsedIn } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
-    return ((0, jsx_runtime_1.jsx)(styles_1.SidebarButton, Object.assign({ ref: ref, "$isOpen": collapsedIn }, props, { children: (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.SidebarButton, { ref: ref, "$isOpen": collapsedIn, ...props, children: (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }));
 });

package/node/components/DashboardLayout/Sidebar/SidebarPopover/FadePopup/useLogic/useLogic.js

@@ -5,9 +5,8 @@ const react_1 = require("react");
 const DashboardSidebarProvider_1 = require("../../../../../DashboardSidebarProvider");
 const hooks_1 = require("../../../../../hooks");
 const useLogic = ({ isOpen }) => {
-    var _a;
     const { popoverAnchorRef } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
-    const topPosition = (_a = popoverAnchorRef.current) === null || _a === void 0 ? void 0 : _a.offsetTop;
+    const topPosition = popoverAnchorRef.current?.offsetTop;
     const { shouldRender, handleAnimationEnd } = (0, hooks_1.usePopoverAnimation)(isOpen);
     return { handleAnimationEnd, shouldRender, topPosition };
 };

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/SidebarPopoverItem.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.SidebarPopoverItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,9 +8,8 @@ const Typography_1 = require("../../../../Typography");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-exports.SidebarPopoverItem = (0, react_1.forwardRef)((_a, ref) => {
-    var { icon, title, description, component, isDisabled, disabledReason, onClick } = _a, props = __rest(_a, ["icon", "title", "description", "component", "isDisabled", "disabledReason", "onClick"]);
-    const Component = component !== null && component !== void 0 ? component : 'div';
+exports.SidebarPopoverItem = (0, react_1.forwardRef)(({ icon, title, description, component, isDisabled, disabledReason, onClick, ...props }, ref) => {
+    const Component = component ?? 'div';
     const { handleItemClick } = (0, useLogic_1.useLogic)({ onClick });
-    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { withoutContainer: !isDisabled, title: isDisabled && disabledReason, placement: "bottom", children: (0, jsx_runtime_1.jsx)(styles_1.Item, { onClick: handleItemClick, inert: isDisabled ? '' : undefined, "$isDisabled": isDisabled, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, props, { className: constants_1.sidebarPopoverItemClassnames.content, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$hasDescription": Boolean(description), children: [icon && (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { children: icon }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "subtitle1", children: title }), description && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "textSecondary", variant: "body1", children: description }))] })] }) })) }) }) }));
+    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { withoutContainer: !isDisabled, title: isDisabled && disabledReason, placement: "bottom", children: (0, jsx_runtime_1.jsx)(styles_1.Item, { onClick: handleItemClick, inert: isDisabled ? '' : undefined, "$isDisabled": isDisabled, children: (0, jsx_runtime_1.jsx)(Component, { ref: ref, ...props, className: constants_1.sidebarPopoverItemClassnames.content, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$hasDescription": Boolean(description), children: [icon && (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { children: icon }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "subtitle1", children: title }), description && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "textSecondary", variant: "body1", children: description }))] })] }) }) }) }) }));
 });

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/useLogic/useLogic.js

@@ -6,7 +6,7 @@ const DashboardSidebarProvider_1 = require("../../../../../DashboardSidebarProvi
 const useLogic = ({ onClick }) => {
     const { setIsPopupOpen, isPinned, onToggleSidebar } = (0, react_1.useContext)(DashboardSidebarProvider_1.DashboardSidebarContext);
     const handleItemClick = () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick();
+        onClick?.();
         setIsPopupOpen(false);
         if (!isPinned) {
             onToggleSidebar(false);

package/node/components/DashboardSidebarProvider/DashboardSidebarProvider.js

@@ -22,9 +22,12 @@ const DashboardSidebarProvider = ({ children, localStorageKey = constants_1.LOCA
     const sidebar = (0, hooks_1.useSidebar)(localStorageKey, isFocusedMode);
     const [isPopupOpen, setIsPopupOpen] = (0, react_1.useState)(false);
     const popoverAnchorRef = (0, react_1.useRef)(null);
-    const value = Object.assign(Object.assign({}, sidebar), { isPopupOpen,
+    const value = {
+        ...sidebar,
+        isPopupOpen,
         setIsPopupOpen,
-        popoverAnchorRef });
+        popoverAnchorRef,
+    };
     return ((0, jsx_runtime_1.jsx)(exports.DashboardSidebarContext.Provider, { value: value, children: children }));
 };
 exports.DashboardSidebarProvider = DashboardSidebarProvider;

package/node/components/DataGrid/Body/Body.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.Body = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -26,21 +15,20 @@ const INITIAL_LEVEL = 0;
 const Body = (props) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { isNoData, contentStateProps } = (0, useLogic_1.useLogic)(props);
-    const { rows, selectedRows = [], isLoading, isError, errorMsg, minDisplayRows, keyId, noDataPlaceholder, onRetry } = props, rowProps = __rest(props, ["rows", "selectedRows", "isLoading", "isError", "errorMsg", "minDisplayRows", "keyId", "noDataPlaceholder", "onRetry"]);
+    const { rows, selectedRows = [], isLoading, isError, errorMsg, minDisplayRows, keyId, noDataPlaceholder, onRetry, ...rowProps } = props;
     const renderedRows = (0, react_1.useMemo)(() => {
-        return rows.map((_a) => {
-            var { children, options } = _a, row = __rest(_a, ["children", "options"]);
+        return rows.map(({ children, options, ...row }) => {
             const rowId = row[keyId];
-            return ((0, jsx_runtime_1.jsx)(RowContext_1.RowContextProvider, { children: (0, jsx_runtime_1.jsx)(Row_1.Row, Object.assign({ row: row, selectedRows: selectedRows, options: options, keyId: keyId, level: INITIAL_LEVEL, nestedChildren: children }, rowProps)) }, rowId));
+            return ((0, jsx_runtime_1.jsx)(RowContext_1.RowContextProvider, { children: (0, jsx_runtime_1.jsx)(Row_1.Row, { row: row, selectedRows: selectedRows, options: options, keyId: keyId, level: INITIAL_LEVEL, nestedChildren: children, ...rowProps }) }, rowId));
         });
     }, [rows, keyId, selectedRows, rowProps]);
     return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, utils_1.classNames)(constants_1.dataGridClassnames.body, {
             [constants_1.dataGridClassnames.bodyEmpty]: isNoData,
-        }), "$minDisplayRows": minDisplayRows, children: (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, Object.assign({}, contentStateProps, { errorState: {
+        }), "$minDisplayRows": minDisplayRows, children: (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { ...contentStateProps, errorState: {
                 imgAlt: 'Что-то пошло не так',
                 errorList: [errorMsg || ''],
                 imgSrc: imagesMap.defaultErrorImgSrc,
                 onRetry,
-            }, isSmoothLoading: false, children: rows.length ? renderedRows : noDataPlaceholder })) }));
+            }, isSmoothLoading: false, children: rows.length ? renderedRows : noDataPlaceholder }) }));
 };
 exports.Body = Body;

package/node/components/DataGrid/Cell/Cell.js

@@ -9,6 +9,6 @@ const Cell = (props) => {
     const { formattedValue, hasStartAdornment } = (0, useLogic_1.useLogic)(props);
     const { className, startAdornment, row, cell, isDisabled } = props;
     const { renderCell, align = 'left' } = cell;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isDisabled": isDisabled, "$align": align, "$hasStartAdornment": hasStartAdornment, className: className, inert: isDisabled ? '' : undefined, children: [startAdornment && startAdornment, renderCell === null || renderCell === void 0 ? void 0 : renderCell(row), !renderCell && ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: 2, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedValue }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isDisabled": isDisabled, "$align": align, "$hasStartAdornment": hasStartAdornment, className: className, inert: isDisabled ? '' : undefined, children: [startAdornment && startAdornment, renderCell?.(row), !renderCell && ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: 2, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedValue }) }))] }));
 };
 exports.Cell = Cell;

package/node/components/DataGrid/DataGrid.js

@@ -25,10 +25,10 @@ const DataGrid = (props) => {
         : styles_1.DataGridWrapper;
     const renderedPlaceholder = (0, react_1.useCallback)(() => {
         if (!isLoading) {
-            return noDataPlaceholder || (0, jsx_runtime_1.jsx)(NoData_1.NoData, Object.assign({}, noDataOptions));
+            return noDataPlaceholder || (0, jsx_runtime_1.jsx)(NoData_1.NoData, { ...noDataOptions });
         }
         return null;
     }, [noDataPlaceholder, noDataOptions, isLoading]);
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: (0, utils_1.classNames)(constants_1.dataGridClassnames.root, className), children: [(0, jsx_runtime_1.jsxs)(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, (0, jsx_runtime_1.jsx)(Head_1.Head, Object.assign({}, headProps, { sorting: sorting, onSort: onSort })), (0, jsx_runtime_1.jsx)(Body_1.Body, Object.assign({}, bodyProps, { activeRowId: activeRowId, keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, rows: renderRows, columns: columns, variant: variant, emptyCellValue: emptyCellValue, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, isLoading: isLoading, isError: isError, errorMsg: errorMsg, noDataPlaceholder: renderedPlaceholder(), onRowClick: onRowClick, onRetry: onRetry }))] }), (0, jsx_runtime_1.jsx)(Loader_1.Loader, Object.assign({}, loaderProps)), footer && footer] }) }));
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: (0, utils_1.classNames)(constants_1.dataGridClassnames.root, className), children: [(0, jsx_runtime_1.jsxs)(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, (0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, sorting: sorting, onSort: onSort }), (0, jsx_runtime_1.jsx)(Body_1.Body, { ...bodyProps, activeRowId: activeRowId, keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, rows: renderRows, columns: columns, variant: variant, emptyCellValue: emptyCellValue, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, isLoading: isLoading, isError: isError, errorMsg: errorMsg, noDataPlaceholder: renderedPlaceholder(), onRowClick: onRowClick, onRetry: onRetry })] }), (0, jsx_runtime_1.jsx)(Loader_1.Loader, { ...loaderProps }), footer && footer] }) }));
 };
 exports.DataGrid = DataGrid;

package/node/components/DataGrid/DataGridContext/DataGridProvider/DataGridProvider.js

@@ -24,19 +24,22 @@ const DataGridContextProvider = ({ isLoading, children, }) => {
     };
     const toggleOpenItems = (key) => setOpenedItems((currentOpenedItems) => {
         if (checkIsOpened(key)) {
-            const newOpenedItems = Object.assign({}, currentOpenedItems);
+            const newOpenedItems = { ...currentOpenedItems };
             delete newOpenedItems[key];
             return newOpenedItems;
         }
-        return Object.assign(Object.assign({}, currentOpenedItems), { [key]: ROW_FLAGS_BY_DEFAULT });
+        return { ...currentOpenedItems, [key]: ROW_FLAGS_BY_DEFAULT };
     });
     const toggleOpenMoreItems = (key) => setOpenedItems((currentOpenedItems) => {
         if (checkIsMoreOpened(key)) {
-            const newOpenedItems = Object.assign({}, currentOpenedItems);
+            const newOpenedItems = { ...currentOpenedItems };
             newOpenedItems[key] = ROW_FLAGS_BY_DEFAULT;
             return newOpenedItems;
         }
-        return Object.assign(Object.assign({}, currentOpenedItems), { [key]: Object.assign(Object.assign({}, ROW_FLAGS_BY_DEFAULT), { iOpenedMoreItems: true }) });
+        return {
+            ...currentOpenedItems,
+            [key]: { ...ROW_FLAGS_BY_DEFAULT, iOpenedMoreItems: true },
+        };
     });
     return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContext.Provider, { value: {
             checkIsOpened,

package/node/components/DataGrid/Head/Head.js

@@ -18,7 +18,7 @@ const Head = (props) => {
                 if (isHideSelectAll || !isFirstCell || !isSelectable) {
                     return null;
                 }
-                return ((0, jsx_runtime_1.jsx)(styles_1.CheckboxCell, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, checkboxProps, { onChange: onSelectAllRows })) }));
+                return ((0, jsx_runtime_1.jsx)(styles_1.CheckboxCell, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...checkboxProps, onChange: onSelectAllRows }) }));
             };
             return ((0, jsx_runtime_1.jsx)(HeadCell_1.HeadCell, { sorting: sorting, field: field, label: label, isSortable: sortable, align: align, startAdornment: startAdornmentRender(), onSort: handleSort }, label));
         });

package/node/components/DataGrid/Head/useLogic/useLogic.js

@@ -10,13 +10,13 @@ const useLogic = ({ rowsCount, sorting, uncheckedRowsCount, onSort, }) => {
         if (!onSort) {
             return;
         }
-        const isCurrentField = (sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) === field;
+        const isCurrentField = sorting?.fieldId === field;
         // если для выбранного столбца текущая сортировка ASC - меняем на DESC
-        if (isCurrentField && (sorting === null || sorting === void 0 ? void 0 : sorting.sort) === 'asc') {
+        if (isCurrentField && sorting?.sort === 'asc') {
             return onSort({ fieldId: field, sort: 'desc' });
         }
         // если для выбранного столбца текущая сортировка DESC - убираем сортировку
-        if (isCurrentField && (sorting === null || sorting === void 0 ? void 0 : sorting.sort) === 'desc') {
+        if (isCurrentField && sorting?.sort === 'desc') {
             return onSort(undefined);
         }
         // если для выбранного столбца нет сортировки - добавляем сортировку ASC