@astral/ui 4.2.0 → 4.2.2

package/components/DashboardAlert/DashboardAlert.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Typography } from '../Typography';
 import { StyledAlert, StyledButton } from './styles';
@@ -16,7 +5,7 @@ import { StyledAlert, StyledButton } from './styles';
  * Компонент отображения уведомления на всех страницах приложения
  */
 export 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 (_jsx(StyledAlert, Object.assign({ display: isShow }, restProps, { children: _jsxs(Typography, { variant: "body1", children: [children, "\u00A0", linkButtonProps && (_jsx(StyledButton, Object.assign({ variant: "link" }, restButtonProps, { children: name })))] }) })));
+    const { linkButtonProps, children, isShow, ...restProps } = props;
+    const { name, color: linkButtonColor, ...restButtonProps } = linkButtonProps || {};
+    return (_jsx(StyledAlert, { display: isShow, ...restProps, children: _jsxs(Typography, { variant: "body1", children: [children, "\u00A0", linkButtonProps && (_jsx(StyledButton, { variant: "link", ...restButtonProps, children: name }))] }) }));
 };

package/components/DashboardLayout/Header/Header.js

@@ -14,11 +14,10 @@ import { useLogic } from './useLogic';
  * Основной header приложения
  */
 export const Header = forwardRef((props, ref) => {
-    var _a;
     const { productSwitcher: ProductSwitcher, product, profile, menuOrganization, children, } = props;
     const { isShowExitButton, isShowProfile } = useLogic(props);
     const { isFocusedMode, isLoading } = useContext(DashboardContext);
     const { collapsedIn, onToggleSidebar } = useContext(DashboardSidebarContext);
     const { isMobile } = useViewportType();
-    return (_jsx(HeaderRoot, { ref: ref, "$isFocusedMode": isFocusedMode, inert: !isMobile && isFocusedMode ? '' : undefined, className: dashboardLayoutHeaderClassnames.root, children: _jsxs(HeaderContent, { children: [_jsx(MobileSidebarTogglerWrapper, { className: dashboardLayoutHeaderClassnames.mobileSidebarButton, children: _jsx(Button, { startIcon: collapsedIn ? _jsx(CrossOutlineMd, {}) : _jsx(MenuOnOutlineMd, {}), variant: "text", onClick: () => onToggleSidebar() }) }), _jsxs(HeaderSection, { children: [ProductSwitcher && (_jsx(ProductSwitcherWrapper, { children: _jsx(ProductSwitcher, {}) })), _jsx(Product, Object.assign({}, product))] }), _jsxs(HeaderContentSection, { children: [children, menuOrganization === null || menuOrganization === void 0 ? void 0 : menuOrganization(), profile && (_jsx(ProfileWrapper, { "$isShow": isShowProfile, children: _jsx(Profile, Object.assign({ isLoading: isLoading }, profile)) })), _jsx(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: _jsx(QuitOutlineMd, {}) })] })] }) }));
+    return (_jsx(HeaderRoot, { ref: ref, "$isFocusedMode": isFocusedMode, inert: !isMobile && isFocusedMode ? '' : undefined, className: dashboardLayoutHeaderClassnames.root, children: _jsxs(HeaderContent, { children: [_jsx(MobileSidebarTogglerWrapper, { className: dashboardLayoutHeaderClassnames.mobileSidebarButton, children: _jsx(Button, { startIcon: collapsedIn ? _jsx(CrossOutlineMd, {}) : _jsx(MenuOnOutlineMd, {}), variant: "text", onClick: () => onToggleSidebar() }) }), _jsxs(HeaderSection, { children: [ProductSwitcher && (_jsx(ProductSwitcherWrapper, { children: _jsx(ProductSwitcher, {}) })), _jsx(Product, { ...product })] }), _jsxs(HeaderContentSection, { children: [children, menuOrganization?.(), profile && (_jsx(ProfileWrapper, { "$isShow": isShowProfile, children: _jsx(Profile, { isLoading: isLoading, ...profile }) })), _jsx(ExitButton, { "$isShow": isShowExitButton, onClick: profile?.exitButton?.onClick, title: "\u0412\u044B\u0445\u043E\u0434", variant: "text", children: _jsx(QuitOutlineMd, {}) })] })] }) }));
 });

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

@@ -1,8 +1,8 @@
 import { useViewportType } from '../../../hooks';
 export const useLogic = ({ profile }) => {
     const { isMobile } = 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 };
 };

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

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

package/components/DashboardLayout/PinButton/PinButton.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PinOutlineMd, UnpinOutlineMd } from '../../../icons';
 import { Collapse } from '../../Collapse';
@@ -16,7 +5,7 @@ import { classNames } from '../../utils';
 import { pinButtonClassnames } from './constants';
 import { Content, TogglerButton } from './styles';
 export 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 ? UnpinOutlineMd : PinOutlineMd;
-    return (_jsx(TogglerButton, Object.assign({ startIcon: _jsx(PinIcon, {}), variant: "text", className: classNames(className, pinButtonClassnames.root) }, restProps, { children: isUseCollapse ? (_jsx(Collapse, { in: collapsedIn, orientation: "horizontal", children: _jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : (_jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) })));
+    return (_jsx(TogglerButton, { startIcon: _jsx(PinIcon, {}), variant: "text", className: classNames(className, pinButtonClassnames.root), ...restProps, children: isUseCollapse ? (_jsx(Collapse, { in: collapsedIn, orientation: "horizontal", children: _jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : (_jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
 };

package/components/DashboardLayout/Sidebar/MenuSidebarButton/MenuSidebarButton.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import { Collapse } from '../../../Collapse';
@@ -22,6 +11,6 @@ export const MenuSidebarButton = forwardRef((props, ref) => {
         setIsPopupOpen,
         ref,
     });
-    const { children, popover } = props, buttonProps = __rest(props, ["children", "popover"]);
-    return (_jsxs(_Fragment, { children: [_jsx(SidebarButton, Object.assign({ ref: popoverAnchorRef }, buttonProps, { onClick: handleTogglePopover, selected: isPopupOpen, children: _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) })), popover] }));
+    const { children, popover, ...buttonProps } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(SidebarButton, { ref: popoverAnchorRef, ...buttonProps, onClick: handleTogglePopover, selected: isPopupOpen, children: _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }), popover] }));
 });

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

@@ -6,5 +6,5 @@ import { SidebarButton as Button } from './styles';
 export const SidebarButton = forwardRef((props, ref) => {
     const { children } = props;
     const { collapsedIn } = useContext(DashboardSidebarContext);
-    return (_jsx(Button, Object.assign({ ref: ref, "$isOpen": collapsedIn }, props, { children: _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) })));
+    return (_jsx(Button, { ref: ref, "$isOpen": collapsedIn, ...props, children: _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }));
 });

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

@@ -2,9 +2,8 @@ import { useContext } from 'react';
 import { DashboardSidebarContext } from '../../../../../DashboardSidebarProvider';
 import { usePopoverAnimation } from '../../../../../hooks';
 export const useLogic = ({ isOpen }) => {
-    var _a;
     const { popoverAnchorRef } = useContext(DashboardSidebarContext);
-    const topPosition = (_a = popoverAnchorRef.current) === null || _a === void 0 ? void 0 : _a.offsetTop;
+    const topPosition = popoverAnchorRef.current?.offsetTop;
     const { shouldRender, handleAnimationEnd } = usePopoverAnimation(isOpen);
     return { handleAnimationEnd, shouldRender, topPosition };
 };

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

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Tooltip } from '../../../../Tooltip';
@@ -16,9 +5,8 @@ import { Typography } from '../../../../Typography';
 import { sidebarPopoverItemClassnames } from './constants';
 import { IconWrapper, Item, ItemWrapper, Wrapper } from './styles';
 import { useLogic } from './useLogic';
-export const SidebarPopoverItem = 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';
+export const SidebarPopoverItem = forwardRef(({ icon, title, description, component, isDisabled, disabledReason, onClick, ...props }, ref) => {
+    const Component = component ?? 'div';
     const { handleItemClick } = useLogic({ onClick });
-    return (_jsx("li", { children: _jsx(Tooltip, { withoutContainer: !isDisabled, title: isDisabled && disabledReason, placement: "bottom", children: _jsx(Item, { onClick: handleItemClick, inert: isDisabled ? '' : undefined, "$isDisabled": isDisabled, children: _jsx(Component, Object.assign({ ref: ref }, props, { className: sidebarPopoverItemClassnames.content, children: _jsxs(Wrapper, { "$hasDescription": Boolean(description), children: [icon && _jsx(IconWrapper, { children: icon }), _jsxs(ItemWrapper, { children: [_jsx(Typography, { variant: "subtitle1", children: title }), description && (_jsx(Typography, { color: "textSecondary", variant: "body1", children: description }))] })] }) })) }) }) }));
+    return (_jsx("li", { children: _jsx(Tooltip, { withoutContainer: !isDisabled, title: isDisabled && disabledReason, placement: "bottom", children: _jsx(Item, { onClick: handleItemClick, inert: isDisabled ? '' : undefined, "$isDisabled": isDisabled, children: _jsx(Component, { ref: ref, ...props, className: sidebarPopoverItemClassnames.content, children: _jsxs(Wrapper, { "$hasDescription": Boolean(description), children: [icon && _jsx(IconWrapper, { children: icon }), _jsxs(ItemWrapper, { children: [_jsx(Typography, { variant: "subtitle1", children: title }), description && (_jsx(Typography, { color: "textSecondary", variant: "body1", children: description }))] })] }) }) }) }) }));
 });

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

@@ -3,7 +3,7 @@ import { DashboardSidebarContext } from '../../../../../DashboardSidebarProvider
 export const useLogic = ({ onClick }) => {
     const { setIsPopupOpen, isPinned, onToggleSidebar } = useContext(DashboardSidebarContext);
     const handleItemClick = () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick();
+        onClick?.();
         setIsPopupOpen(false);
         if (!isPinned) {
             onToggleSidebar(false);

package/components/DashboardSidebarProvider/DashboardSidebarProvider.js

@@ -19,8 +19,11 @@ export const DashboardSidebarProvider = ({ children, localStorageKey = LOCAL_STO
     const sidebar = useSidebar(localStorageKey, isFocusedMode);
     const [isPopupOpen, setIsPopupOpen] = useState(false);
     const popoverAnchorRef = useRef(null);
-    const value = Object.assign(Object.assign({}, sidebar), { isPopupOpen,
+    const value = {
+        ...sidebar,
+        isPopupOpen,
         setIsPopupOpen,
-        popoverAnchorRef });
+        popoverAnchorRef,
+    };
     return (_jsx(DashboardSidebarContext.Provider, { value: value, children: children }));
 };

package/components/DataGrid/Body/Body.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useMemo } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
@@ -23,20 +12,19 @@ const INITIAL_LEVEL = 0;
 export const Body = (props) => {
     const { imagesMap } = useContext(ConfigContext);
     const { isNoData, contentStateProps } = 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 = 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 (_jsx(RowContextProvider, { children: _jsx(Row, Object.assign({ row: row, selectedRows: selectedRows, options: options, keyId: keyId, level: INITIAL_LEVEL, nestedChildren: children }, rowProps)) }, rowId));
+            return (_jsx(RowContextProvider, { children: _jsx(Row, { row: row, selectedRows: selectedRows, options: options, keyId: keyId, level: INITIAL_LEVEL, nestedChildren: children, ...rowProps }) }, rowId));
         });
     }, [rows, keyId, selectedRows, rowProps]);
     return (_jsx(Wrapper, { className: classNames(dataGridClassnames.body, {
             [dataGridClassnames.bodyEmpty]: isNoData,
-        }), "$minDisplayRows": minDisplayRows, children: _jsx(ContentState, Object.assign({}, contentStateProps, { errorState: {
+        }), "$minDisplayRows": minDisplayRows, children: _jsx(ContentState, { ...contentStateProps, errorState: {
                 imgAlt: 'Что-то пошло не так',
                 errorList: [errorMsg || ''],
                 imgSrc: imagesMap.defaultErrorImgSrc,
                 onRetry,
-            }, isSmoothLoading: false, children: rows.length ? renderedRows : noDataPlaceholder })) }));
+            }, isSmoothLoading: false, children: rows.length ? renderedRows : noDataPlaceholder }) }));
 };

package/components/DataGrid/Cell/Cell.js

@@ -6,5 +6,5 @@ export const Cell = (props) => {
     const { formattedValue, hasStartAdornment } = useLogic(props);
     const { className, startAdornment, row, cell, isDisabled } = props;
     const { renderCell, align = 'left' } = cell;
-    return (_jsxs(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 && (_jsx(OverflowTypography, { rowsCount: 2, children: _jsx(_Fragment, { children: formattedValue }) }))] }));
+    return (_jsxs(Wrapper, { "$isDisabled": isDisabled, "$align": align, "$hasStartAdornment": hasStartAdornment, className: className, inert: isDisabled ? '' : undefined, children: [startAdornment && startAdornment, renderCell?.(row), !renderCell && (_jsx(OverflowTypography, { rowsCount: 2, children: _jsx(_Fragment, { children: formattedValue }) }))] }));
 };

package/components/DataGrid/DataGrid.js

@@ -22,9 +22,9 @@ export const DataGrid = (props) => {
         : DataGridWrapper;
     const renderedPlaceholder = useCallback(() => {
         if (!isLoading) {
-            return noDataPlaceholder || _jsx(NoData, Object.assign({}, noDataOptions));
+            return noDataPlaceholder || _jsx(NoData, { ...noDataOptions });
         }
         return null;
     }, [noDataPlaceholder, noDataOptions, isLoading]);
-    return (_jsx(DataGridContextProvider, { isLoading: isLoading, children: _jsxs(Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: classNames(dataGridClassnames.root, className), children: [_jsxs(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, _jsx(Head, Object.assign({}, headProps, { sorting: sorting, onSort: onSort })), _jsx(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 }))] }), _jsx(Loader, Object.assign({}, loaderProps)), footer && footer] }) }));
+    return (_jsx(DataGridContextProvider, { isLoading: isLoading, children: _jsxs(Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: classNames(dataGridClassnames.root, className), children: [_jsxs(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, _jsx(Head, { ...headProps, sorting: sorting, onSort: onSort }), _jsx(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 })] }), _jsx(Loader, { ...loaderProps }), footer && footer] }) }));
 };

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

@@ -21,19 +21,22 @@ export 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 (_jsx(DataGridContext.Provider, { value: {
             checkIsOpened,

package/components/DataGrid/Head/Head.js

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

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

@@ -7,13 +7,13 @@ export 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

package/components/DataGrid/HeadCell/HeadCell.js

@@ -11,10 +11,10 @@ export const HeadCell = (props) => {
         if (!isSortable) {
             return null;
         }
-        if ((sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) !== field) {
+        if (sorting?.fieldId !== field) {
             return _jsx(SortFillSm, {});
         }
-        switch (sorting === null || sorting === void 0 ? void 0 : sorting.sort) {
+        switch (sorting?.sort) {
             case 'asc':
                 return _jsx(SortUpFillSm, { color: "primary" });
             case 'desc':
@@ -23,5 +23,5 @@ export const HeadCell = (props) => {
                 return _jsx(SortFillSm, {});
         }
     }, [sorting, isSortable, field]);
-    return (_jsxs(Wrapper, Object.assign({ "$align": align, "$isSortable": isSortable }, wrapperProps, { children: [startAdornment && startAdornment, _jsx(OverflowTypography, { rowsCount: 2, variant: "pointer", component: "p", children: label }), sortIcon] })));
+    return (_jsxs(Wrapper, { "$align": align, "$isSortable": isSortable, ...wrapperProps, children: [startAdornment && startAdornment, _jsx(OverflowTypography, { rowsCount: 2, variant: "pointer", component: "p", children: label }), sortIcon] }));
 };

package/components/DataGrid/Row/NestedChildren/NestedChildren.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import { Collapse } from '../../../Collapse';
@@ -21,8 +10,7 @@ export const NestedChildren = memo((props) => {
     if (!data || !data.length) {
         return null;
     }
-    return (_jsx(Collapse, { in: isOpen, unmountOnExit: true, children: _jsxs(NestedRows, { "$level": level, "$isShowConnector": isShowConnector, children: [initialVisibleChildren.map((_a) => {
-                    var { children, options } = _a, nestedRow = __rest(_a, ["children", "options"]);
+    return (_jsx(Collapse, { in: isOpen, unmountOnExit: true, children: _jsxs(NestedRows, { "$level": level, "$isShowConnector": isShowConnector, children: [initialVisibleChildren.map(({ children, options, ...nestedRow }) => {
                     const nestedRowId = nestedRow[keyId];
                     return renderRow({
                         key: nestedRowId,
@@ -31,8 +19,7 @@ export const NestedChildren = memo((props) => {
                         nestedChildren: children,
                         level: nextLevel,
                     });
-                }), isOpen && (_jsxs(_Fragment, { children: [_jsx(Collapse, { in: isShowAllChildren, component: "li", unmountOnExit: true, children: _jsx(NestedRows, { "$level": level, "$isShowConnector": isShowConnector, children: otherChildren.map((_a) => {
-                                    var { children, options } = _a, nestedRow = __rest(_a, ["children", "options"]);
+                }), isOpen && (_jsxs(_Fragment, { children: [_jsx(Collapse, { in: isShowAllChildren, component: "li", unmountOnExit: true, children: _jsx(NestedRows, { "$level": level, "$isShowConnector": isShowConnector, children: otherChildren.map(({ children, options, ...nestedRow }) => {
                                     const nestedRowId = nestedRow[keyId];
                                     return renderRow({
                                         key: nestedRowId,

package/components/DataGrid/Row/NestedChildren/useLogic/useLogic.js

@@ -5,10 +5,10 @@ export const useLogic = ({ rowId, data, level, variant, initialVisibleChildrenCo
     const { checkIsMoreOpened, toggleOpenMoreItems } = useContext(DataGridContext);
     const isTreeVariant = Object.is(variant, Variant.Tree);
     const nextLevel = isTreeVariant ? level + 1 : 0;
-    const initialVisibleChildren = data === null || data === void 0 ? void 0 : data.slice(0, initialVisibleChildrenCount);
-    const otherChildren = data === null || data === void 0 ? void 0 : data.slice(initialVisibleChildrenCount);
+    const initialVisibleChildren = data?.slice(0, initialVisibleChildrenCount);
+    const otherChildren = data?.slice(initialVisibleChildrenCount);
     const isShowAllChildren = checkIsMoreOpened(rowId);
-    const isShowMoreButton = Boolean(otherChildren === null || otherChildren === void 0 ? void 0 : otherChildren.length);
+    const isShowMoreButton = Boolean(otherChildren?.length);
     const handleToggleShowAllChildren = (event) => {
         event.stopPropagation();
         toggleOpenMoreItems(rowId);

package/components/DataGrid/Row/Row.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { Checkbox } from '../../Checkbox';
@@ -21,33 +10,30 @@ import { useLogic } from './useLogic';
 import { checkIsDisabled } from './utils';
 export const Row = (props) => {
     const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, } = useLogic(props);
-    const { className, row, options, variant, isSelectable, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, selectedRows, activeRowId, keyId, onSelectRow, onRowClick } = props, 
+    const { className, row, options, variant, isSelectable, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, selectedRows, activeRowId, keyId, onSelectRow, onRowClick, 
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для DataGridInfinite
-    selfProps = __rest(props, ["className", "row", "options", "variant", "isSelectable", "gridColumns", "isInitialExpanded", "expandedLevel", "level", "nestedChildren", "initialVisibleChildrenCount", "moreButtonColumnPosition", "isVisibleCollapseButton", "columns", "emptyCellValue", "selectedRows", "activeRowId", "keyId", "onSelectRow", "onRowClick"]);
+    ...selfProps } = props;
     const { isDisabledLastCell = true, isNotSelectable } = options || {};
     const renderStartAdornment = () => {
         if (!isRenderCollapseButton && (!isSelectable || isNotSelectable)) {
             return null;
         }
-        return (_jsxs(_Fragment, { children: [isRenderCollapseButton && (_jsx(CollapseCell, { children: _jsx(CollapseButton, { variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && (_jsx(CheckboxCell, { inert: disabled ? '' : undefined, onClick: (event) => event.stopPropagation(), children: _jsx(Checkbox, Object.assign({}, checkboxProps)) }))] }));
+        return (_jsxs(_Fragment, { children: [isRenderCollapseButton && (_jsx(CollapseCell, { children: _jsx(CollapseButton, { variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && (_jsx(CheckboxCell, { inert: disabled ? '' : undefined, onClick: (event) => event.stopPropagation(), children: _jsx(Checkbox, { ...checkboxProps }) }))] }));
     };
     const hidePersonalDataClassname = useHidePersonalData();
     const renderCells = useCallback(() => {
         const availableCellsByIndex = !isDisabledLastCell
             ? [columns.length - 1]
             : undefined;
-        return columns === null || columns === void 0 ? void 0 : columns.map((cell, index) => {
+        return columns?.map((cell, index) => {
             const cellId = `${rowId}-${index}`;
             const isDisabledCell = checkIsDisabled(disabled, availableCellsByIndex, index);
             const isFirstCell = !index;
             return (_jsx(CellStyled, { "$level": isFirstCell ? level : 0, row: row, cell: cell, emptyCellValue: emptyCellValue, startAdornment: isFirstCell && renderStartAdornment(), isDisabled: isDisabledCell, className: cell.isHidePersonalData ? hidePersonalDataClassname : '' }, cellId));
         });
     }, [isOpen, columns, disabled]);
-    const renderRow = useCallback((_a) => {
-        var { key } = _a, nestedRowProps = __rest(_a, ["key"]);
-        return (_jsx(Row, Object.assign({ keyId: keyId }, nestedRowProps, { variant: variant, isSelectable: isSelectable, selectedRows: selectedRows, gridColumns: gridColumns, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, activeRowId: activeRowId, columns: childrenColumns, onSelectRow: onSelectRow, onRowClick: onRowClick }), key));
-    }, [
+    const renderRow = useCallback(({ key, ...nestedRowProps }) => (_jsx(Row, { keyId: keyId, ...nestedRowProps, variant: variant, isSelectable: isSelectable, selectedRows: selectedRows, gridColumns: gridColumns, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, activeRowId: activeRowId, columns: childrenColumns, onSelectRow: onSelectRow, onRowClick: onRowClick }, key)), [
         keyId,
         variant,
         isSelectable,
@@ -62,8 +48,8 @@ export const Row = (props) => {
         onSelectRow,
         onRowClick,
     ]);
-    return (_jsxs(Wrapper, Object.assign({ "$level": level, "$isShowConnector": isShowConnector, className: className }, selfProps, { children: [_jsx(Tooltip, Object.assign({ followCursor: true, arrow: false }, tooltipProps, { children: _jsx(ContentWrapper, Object.assign({ "$level": level, "$isShowConnector": isShowConnector, "$gridColumns": gridColumns, [DISABLE_ROW_ATTR]: disabled }, rowProps, { children: renderCells() })) })), _jsx(NestedChildren, Object.assign({}, nestedChildrenProps, { data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
+    return (_jsxs(Wrapper, { "$level": level, "$isShowConnector": isShowConnector, className: className, ...selfProps, children: [_jsx(Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: _jsx(ContentWrapper, { "$level": level, "$isShowConnector": isShowConnector, "$gridColumns": gridColumns, [DISABLE_ROW_ATTR]: disabled, ...rowProps, children: renderCells() }) }), _jsx(NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, 
                 // biome-ignore lint/suspicious/noTsIgnore: <>
                 // @ts-ignore
-                renderRow: renderRow }))] })));
+                renderRow: renderRow })] }));
 };

package/components/DataGrid/Row/useLogic/useLogic.js

@@ -6,7 +6,7 @@ import { DISABLE_ROW_ATTR } from '../constants';
 import { RowContext } from '../RowContext';
 import { mergeColumnsOptions } from './utils';
 export const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, activeRowId, options, isInitialExpanded = false, expandedLevel, isSelectable, selectedRows, onSelectRow, onRowClick, isVisibleCollapseButton, }) => {
-    const isDefaultExpanded = isInitialExpanded && level <= expandedLevel - 1 && (nestedChildren === null || nestedChildren === void 0 ? void 0 : nestedChildren.length);
+    const isDefaultExpanded = isInitialExpanded && level <= expandedLevel - 1 && nestedChildren?.length;
     const { checkIsOpened, toggleOpenItems } = useContext(DataGridContext);
     const { isDisabled, disabledReason } = useContext(RowContext);
     const [isVisibleTooltip, setVisibleTooltip] = useState(false);
@@ -21,16 +21,16 @@ export const useLogic = ({ keyId, columns, row, nestedChildren, level, variant,
         }
     }, []);
     const isChecked = isSelectable &&
-        Boolean(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.find((selectedRow) => selectedRow[keyId] === rowId));
+        Boolean(selectedRows?.find((selectedRow) => selectedRow[keyId] === rowId));
     const isShowConnector = Object.is(variant, Variant.Tree);
-    const childrenColumns = useMemo(() => mergeColumnsOptions(columns, options === null || options === void 0 ? void 0 : options.childrenColumns), [columns, options]);
+    const childrenColumns = useMemo(() => mergeColumnsOptions(columns, options?.childrenColumns), [columns, options]);
     const handleToggle = (event) => {
         event.stopPropagation();
         toggleOpenItems(rowId);
     };
     const handleOpenTooltip = (event) => {
         const element = event.target;
-        const isDisabledCell = (element === null || element === void 0 ? void 0 : element.getAttribute(DISABLE_ROW_ATTR)) === 'true';
+        const isDisabledCell = element?.getAttribute(DISABLE_ROW_ATTR) === 'true';
         if (isDisabledCell) {
             setVisibleTooltip(true);
         }
@@ -53,9 +53,9 @@ export const useLogic = ({ keyId, columns, row, nestedChildren, level, variant,
         if (href) {
             return redirectToLink(href, target);
         }
-        onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row);
+        onRowClick?.(row);
     };
-    const isRenderCollapseButton = Boolean(nestedChildren === null || nestedChildren === void 0 ? void 0 : nestedChildren.length) && isVisibleCollapseButton;
+    const isRenderCollapseButton = Boolean(nestedChildren?.length) && isVisibleCollapseButton;
     return {
         isOpen,
         isShowConnector,

package/components/DataGrid/Row/useLogic/utils/getColumnsMap/getColumnsMap.js

@@ -1,18 +1,10 @@
-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;
-};
-export const getColumnsMap = (columns) => columns.reduce((acc, _a) => {
-    var { field } = _a, childrenColumnsOptions = __rest(_a, ["field"]);
+export const getColumnsMap = (columns) => columns.reduce((acc, { field, ...childrenColumnsOptions }) => {
     if (field) {
-        return Object.assign(Object.assign({}, acc), { [field]: childrenColumnsOptions });
+        return {
+            // biome-ignore lint/performance/noAccumulatingSpread: <>
+            ...acc,
+            [field]: childrenColumnsOptions,
+        };
     }
     return acc;
 }, {});

package/components/DataGrid/Row/useLogic/utils/mergeColumnsOptions/mergeColumnsOptions.js

@@ -11,6 +11,11 @@ export const mergeColumnsOptions = (columns, childrenColumns) => {
         if (!column.hasOwnProperty('field')) {
             return column;
         }
-        return Object.assign(Object.assign({}, column), (childrenColumnsMap[column.field] || {}));
+        return {
+            ...column,
+            // biome-ignore lint/suspicious/noTsIgnore: <>
+            // @ts-ignore
+            ...(childrenColumnsMap[column.field] || {}),
+        };
     });
 };

package/components/DataGrid/faker.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { faker } from '@ui/dev/faker';
 const RECIPIENTS = [
     'ИП Иванов О.В.',
@@ -23,14 +12,22 @@ export const makeRandomDate = () => {
     return randomDate.toISOString();
 };
 export const makeColumns = (columnsTemplate, mergedColumns = []) => {
-    const mergedColumnsMap = mergedColumns.reduce((acc, _a) => {
-        var { field } = _a, columnsOptions = __rest(_a, ["field"]);
+    const mergedColumnsMap = mergedColumns.reduce((acc, { field, ...columnsOptions }) => {
         if (field) {
-            return Object.assign(Object.assign({}, acc), { [field]: columnsOptions });
+            return {
+                // biome-ignore lint/performance/noAccumulatingSpread: <>
+                ...acc,
+                [field]: columnsOptions,
+            };
         }
         return acc;
     }, {});
-    return columnsTemplate.map((column) => (Object.assign(Object.assign({}, column), (mergedColumnsMap[column === null || column === void 0 ? void 0 : column.field] || {}))));
+    return columnsTemplate.map((column) => ({
+        ...column,
+        // biome-ignore lint/suspicious/noTsIgnore: <>
+        // @ts-ignore
+        ...(mergedColumnsMap[column?.field] || {}),
+    }));
 };
 export const makeDataList = (dataObjTemplate, options) => {
     const DATA_ARRAY_LENGTH = 50;