@astral/ui 4.1.7 → 4.2.1

package/node/components/GlobalStyles/GlobalStyles.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.GlobalStyles = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,10 +6,9 @@ const react_1 = require("@emotion/react");
 const material_1 = require("@mui/material");
 const constants_1 = require("../constants");
 const theme_1 = require("../theme");
-const GlobalStyles = (_a) => {
-    var { children, withScopedStyles = false } = _a, props = __rest(_a, ["children", "withScopedStyles"]);
+const GlobalStyles = ({ children, withScopedStyles = false, ...props }) => {
     const theme = (0, theme_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withScopedStyles ? ((0, jsx_runtime_1.jsx)(material_1.ScopedCssBaseline, Object.assign({}, props, { children: children }))) : ((0, jsx_runtime_1.jsx)(material_1.CssBaseline, Object.assign({}, props, { children: children }))), (0, jsx_runtime_1.jsx)(react_1.Global, { styles: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withScopedStyles ? ((0, jsx_runtime_1.jsx)(material_1.ScopedCssBaseline, { ...props, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.CssBaseline, { ...props, children: children })), (0, jsx_runtime_1.jsx)(react_1.Global, { styles: {
                     body: {
                         overflow: 'hidden',
                         height: '100vh',

package/node/components/Grid/GridComponent/GridComponent.js

@@ -1,20 +1,8 @@
 "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.GridComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-exports.GridComponent = (0, react_1.forwardRef)((_a, ref) => {
-    var { component: Component = 'div' } = _a, props = __rest(_a, ["component"]);
-    return (0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, props));
+exports.GridComponent = (0, react_1.forwardRef)(({ component: Component = 'div', ...props }, ref) => {
+    return (0, jsx_runtime_1.jsx)(Component, { ref: ref, ...props });
 });

package/node/components/GuidTypography/GuidTypography.js

@@ -1,26 +1,17 @@
 "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.GuidTypography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const OverflowTypography_1 = require("../OverflowTypography");
 const personalDataSecurity_1 = require("../personalDataSecurity");
 const utils_1 = require("../utils");
-const GuidTypography = (_a) => {
-    var { className, isHidePersonalData, tooltipProps } = _a, props = __rest(_a, ["className", "isHidePersonalData", "tooltipProps"]);
+const GuidTypography = ({ className, isHidePersonalData, tooltipProps, ...props }) => {
     const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
         isEnabled: isHidePersonalData,
     });
-    return ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, Object.assign({ visibleLastSymbolsCount: 4, className: (0, utils_1.classNames)(className, hidePersonalDataClassname), tooltipProps: Object.assign(Object.assign({}, tooltipProps), { className: (0, utils_1.classNames)(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className, hidePersonalDataClassname) }) }, props)));
+    return ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { visibleLastSymbolsCount: 4, className: (0, utils_1.classNames)(className, hidePersonalDataClassname), tooltipProps: {
+            ...tooltipProps,
+            className: (0, utils_1.classNames)(tooltipProps?.className, hidePersonalDataClassname),
+        }, ...props }));
 };
 exports.GuidTypography = GuidTypography;

package/node/components/HintIcon/Icon/useLogic/useLogic.js

@@ -4,7 +4,7 @@ exports.useLogic = void 0;
 const constants_1 = require("../../constants");
 const hooks_1 = require("./hooks");
 const useLogic = ({ iconOption, variant }) => {
-    const iconColor = (0, hooks_1.useIconColor)({ color: iconOption === null || iconOption === void 0 ? void 0 : iconOption.color });
+    const iconColor = (0, hooks_1.useIconColor)({ color: iconOption?.color });
     const { variant: iconOptionVariant = 'fill' } = iconOption || {};
     const getIcon = () => {
         const icon = constants_1.ICONS[variant][iconOptionVariant];

package/node/components/IconButton/IconButton.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.IconButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,7 +6,7 @@ const Button_1 = require("../Button");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
 const styles_1 = require("./styles");
 const UnwrappedIconButton = (props, ref) => {
-    const { variant = Button_1.ButtonVariants.Contained, children } = props, restProps = __rest(props, ["variant", "children"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, Object.assign({ variant: variant }, restProps, { ref: ref, children: children })));
+    const { variant = Button_1.ButtonVariants.Contained, children, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { variant: variant, ...restProps, ref: ref, children: children }));
 };
 exports.IconButton = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(UnwrappedIconButton);

package/node/components/IconDropdownButton/IconDropdownButton.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.IconDropdownButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,8 +7,7 @@ const react_1 = require("react");
 const hooks_1 = require("../hooks");
 const IconButton_1 = require("../IconButton");
 const Menu_1 = require("../Menu");
-exports.IconDropdownButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, icon, title } = _a, props = __rest(_a, ["children", "icon", "title"]);
+exports.IconDropdownButton = (0, react_1.forwardRef)(({ children, icon, title, ...props }, ref) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)(ref);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, selected: open, title: title, children: icon })) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { title: title, open: open, anchorEl: anchorRef.current, children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ...props, ref: anchorRef, onClick: handleOpenMenu, selected: open, title: title, children: icon }) }), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { title: title, open: open, anchorEl: anchorRef.current, children: children })] }));
 });

package/node/components/Iframe/Iframe.js

@@ -15,14 +15,13 @@ exports.Iframe = (0, react_1.forwardRef)(({ src, loadingContent, onLoading, onEr
         setIsLoading(true);
     };
     const handleErrorIframe = (event) => {
-        var _a;
-        setErrorMessage((_a = event.nativeEvent) === null || _a === void 0 ? void 0 : _a.message);
+        setErrorMessage(event.nativeEvent?.message);
         setIsError(true);
-        onError === null || onError === void 0 ? void 0 : onError(event);
+        onError?.(event);
     };
     const handleEndLoadingIframe = (event) => {
         setIsLoading(false);
-        onLoading === null || onLoading === void 0 ? void 0 : onLoading(event);
+        onLoading?.(event);
     };
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading, isError: isError, loadingContent: loadingContent, errorState: {
                     errorList: [errorMessage || ''],

package/node/components/InfiniteDataList/InfiniteDataList.js

@@ -27,15 +27,14 @@ const InfiniteDataList = ({ data, keyId, className, itemContent, noDataPlacehold
         }
     }, [hideStickyButton, showStickyButton]);
     const handleScrollToTop = (0, react_1.useCallback)(() => {
-        var _a, _b;
         if (header) {
-            (_a = virtuoso.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+            virtuoso.current?.scrollTo({
                 top: 0,
                 behavior: 'smooth',
             });
         }
         else {
-            (_b = virtuoso.current) === null || _b === void 0 ? void 0 : _b.scrollToIndex({
+            virtuoso.current?.scrollToIndex({
                 index: 0,
                 align: 'start',
                 behavior: 'smooth',
@@ -47,7 +46,7 @@ const InfiniteDataList = ({ data, keyId, className, itemContent, noDataPlacehold
             onEndReached();
         }
     }, [isEndReached, onEndReached]);
-    const isDataExist = Boolean(data === null || data === void 0 ? void 0 : data.length);
+    const isDataExist = Boolean(data?.length);
     if (!isDataExist && !isLoading && !isError) {
         // biome-ignore lint/complexity/noUselessFragments: Фрагмент необходим по типизации
         return noDataPlaceholder ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: noDataPlaceholder }) : (0, jsx_runtime_1.jsx)(NoData_1.NoData, {});
@@ -57,7 +56,7 @@ const InfiniteDataList = ({ data, keyId, className, itemContent, noDataPlacehold
             errorList: [errorMsg || ''],
             imgSrc: imagesMap.defaultErrorImgSrc,
             onRetry,
-        }, children: [(0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { className: className, style: { height: '100%' }, data: data, ref: virtuoso, overscan: constants_1.OVERSCAN_COUNT, endReached: handleEndReach, rangeChanged: handleRangeChanged, itemContent: (index, item) => ((0, jsx_runtime_1.jsx)(styles_1.Item, { children: itemContent === null || itemContent === void 0 ? void 0 : itemContent(item, {
+        }, children: [(0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { className: className, style: { height: '100%' }, data: data, ref: virtuoso, overscan: constants_1.OVERSCAN_COUNT, endReached: handleEndReach, rangeChanged: handleRangeChanged, itemContent: (index, item) => ((0, jsx_runtime_1.jsx)(styles_1.Item, { children: itemContent?.(item, {
                         index,
                         className: constants_1.infiniteDataListClassnames.item,
                     }) }, item[keyId])), components: {

package/node/components/InfiniteTreeList/InfiniteTreeList.js

@@ -18,7 +18,7 @@ const useLogic_1 = require("./useLogic");
 const InfiniteTreeList = (props) => {
     const { flatList, onToggle, contentStateProps, scrollParent, virtuosoProps, footerProps, onTopButtonProps, endOfScrollMsg, renderItem, items, itemSkeleton, onRetry, onLoadMore, noDataImgSrc, recentlyExpandedIds, } = (0, useLogic_1.useLogic)(props);
     const renderItemContent = (_index, item) => ((0, jsx_runtime_1.jsx)(InfiniteTreeListItem_1.TreeListItemContextProvider, { item: item, onToggle: onToggle, children: (0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, renderItem: renderItem, recentlyExpandedIds: recentlyExpandedIds }) }));
-    return ((0, jsx_runtime_1.jsx)(InfiniteTreeListContext_1.InfiniteTreeListContextProvider, { itemSkeleton: itemSkeleton, children: (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, Object.assign({}, contentStateProps, { children: items.length && scrollParent ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, Object.assign({}, virtuosoProps, { data: flatList, customScrollParent: scrollParent, endReached: onLoadMore, itemContent: renderItemContent, computeItemKey: (_, item) => item.id, components: {
+    return ((0, jsx_runtime_1.jsx)(InfiniteTreeListContext_1.InfiniteTreeListContextProvider, { itemSkeleton: itemSkeleton, children: (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { ...contentStateProps, children: items.length && scrollParent ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { ...virtuosoProps, data: flatList, customScrollParent: scrollParent, endReached: onLoadMore, itemContent: renderItemContent, computeItemKey: (_, item) => item.id, components: {
                             Footer: () => {
                                 const { isLoading, isError, isEndReached } = footerProps;
                                 if (!isLoading && !isError && !isEndReached) {
@@ -26,6 +26,6 @@ const InfiniteTreeList = (props) => {
                                 }
                                 return ((0, jsx_runtime_1.jsxs)(styles_1.Footer, { children: [isLoading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isError && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry }), isEndReached && ((0, jsx_runtime_1.jsx)(EndData_1.EndData, { endOfScrollMsg: endOfScrollMsg }))] }));
                             },
-                        }, overscan: constants_1.OVERSCAN })), (0, jsx_runtime_1.jsx)(OnTopButton_1.OnTopButton, Object.assign({}, onTopButtonProps))] })) : ((0, jsx_runtime_1.jsx)(NoDataPlaceholder_1.NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) })) }));
+                        }, overscan: constants_1.OVERSCAN }), (0, jsx_runtime_1.jsx)(OnTopButton_1.OnTopButton, { ...onTopButtonProps })] })) : ((0, jsx_runtime_1.jsx)(NoDataPlaceholder_1.NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) }) }));
 };
 exports.InfiniteTreeList = InfiniteTreeList;

package/node/components/InfiniteTreeList/InfiniteTreeListActions/useLogic/useLogic.js

@@ -14,7 +14,7 @@ const useLogic = ({ actions }) => {
         if (blockingAction) {
             // Добавляем id элемента в Set disabled элементов
             setDisabled(item.id, true);
-            setDisabledReason(blockingAction === null || blockingAction === void 0 ? void 0 : blockingAction.loadingNote);
+            setDisabledReason(blockingAction?.loadingNote);
             return;
         }
         // Удаляем id элемента из Set disabled элементов
@@ -22,7 +22,7 @@ const useLogic = ({ actions }) => {
         setDisabledReason('');
     }, [blockingAction, item.id]);
     const handleActionClick = (0, react_1.useCallback)((onClick) => () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(item);
+        onClick?.(item);
     }, [item]);
     const handleWrapperClick = (event) => {
         event.stopPropagation();

package/node/components/InfiniteTreeList/InfiniteTreeListItem/InfiniteTreeListItem.js

@@ -13,6 +13,6 @@ const InfiniteTreeListItem = (props) => {
     return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading, loadingContent: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isLoading": true, children: itemSkeleton }), isError: isError, errorState: {
             onRetry,
             errorList: [errorMsg || ''],
-        }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({}, tooltipProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.meta.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.meta.hasNested && (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: isChevronActive }), children, actions && (0, jsx_runtime_1.jsx)(styles_1.ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) })) }));
+        }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { ...tooltipProps, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.meta.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.meta.hasNested && (0, jsx_runtime_1.jsx)(Chevron_1.Chevron, { isActive: isChevronActive }), children, actions && (0, jsx_runtime_1.jsx)(styles_1.ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) }) }));
 };
 exports.InfiniteTreeListItem = InfiniteTreeListItem;

package/node/components/InfiniteTreeList/NoDataPlaceholder/NoDataPlaceholder.js

@@ -9,6 +9,6 @@ const constants_1 = require("./constants");
 const NoDataPlaceholder = ({ noDataImgSrc }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { noDataImgSrc: configProviderNoDataImgSrc } = imagesMap;
-    return ((0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc !== null && noDataImgSrc !== void 0 ? noDataImgSrc : configProviderNoDataImgSrc, size: "medium" }));
+    return ((0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
 };
 exports.NoDataPlaceholder = NoDataPlaceholder;

package/node/components/InfiniteTreeList/OnTopButton/OnTopButton.js

@@ -5,8 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_dom_1 = require("react-dom");
 const ScrollToTopButton_1 = require("../../ScrollToTopButton");
 const OnTopButton = ({ isActive, scrollRef, handleScrollToTop, }) => {
-    var _a;
-    const parentElement = (_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    const parentElement = scrollRef?.current?.parentElement;
     if (isActive && parentElement) {
         return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ScrollToTopButton_1.ScrollToTopButton, { onClick: handleScrollToTop }), parentElement);
     }

package/node/components/InfiniteTreeList/TreeItem/useLogic/useLogic.js

@@ -5,9 +5,8 @@ const react_1 = require("react");
 const constants_1 = require("../../constants");
 const useLogic = ({ item, renderItem, recentlyExpandedIds, }) => {
     const deleteRecentlyExpandedId = () => {
-        var _a;
         item.meta.parentId &&
-            ((_a = recentlyExpandedIds.current) === null || _a === void 0 ? void 0 : _a.delete(item.meta.parentId));
+            recentlyExpandedIds.current?.delete(item.meta.parentId);
     };
     (0, react_1.useEffect)(() => {
         return () => {
@@ -18,9 +17,8 @@ const useLogic = ({ item, renderItem, recentlyExpandedIds, }) => {
         deleteRecentlyExpandedId();
     };
     const classname = (0, react_1.useMemo)(() => {
-        var _a;
-        if ((item === null || item === void 0 ? void 0 : item.meta.parentId) &&
-            ((_a = recentlyExpandedIds.current) === null || _a === void 0 ? void 0 : _a.has(item === null || item === void 0 ? void 0 : item.meta.parentId))) {
+        if (item?.meta.parentId &&
+            recentlyExpandedIds.current?.has(item?.meta.parentId)) {
             return constants_1.infiniteTreeListClassnames.addAnimation;
         }
         return '';

package/node/components/InfiniteTreeList/useLogic/hooks/useScrollManagement/useScrollManagement.js

@@ -10,19 +10,17 @@ const useScrollManagement = ({ scrollRef, isEndReached, onLoadMore, }) => {
     const [scrollParent, setScrollParent] = (0, react_1.useState)(null);
     const [hasVerticalScroll, setHasVerticalScroll] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
-        var _a;
-        if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
+        if (scrollRef?.current) {
             setScrollParent(scrollRef.current);
         }
-        if ((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) {
+        if (scrollRef?.current?.parentElement) {
             scrollRef.current.parentElement.style.position = 'relative';
         }
     }, [scrollRef]);
     const recalculateVerticalScroll = () => {
-        var _a;
         const list = document.getElementById(constants_1.VIRTUOSO_CONTAINER_ID);
-        if ((scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) && list) {
-            setHasVerticalScroll((list === null || list === void 0 ? void 0 : list.clientHeight) > ((_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight));
+        if (scrollRef?.current && list) {
+            setHasVerticalScroll(list?.clientHeight > scrollRef.current?.clientHeight);
         }
     };
     const handleEndReach = () => {

package/node/components/InfiniteTreeList/useLogic/hooks/useStickyButton/useStickyButton.js

@@ -16,9 +16,8 @@ const useStickyButton = (scrollRef) => {
         }
     }, [showStickyButton, hideStickyButton]);
     const handleScrollToTop = () => {
-        var _a;
         scrollRef.current.style.scrollBehavior = 'auto';
-        (_a = virtuoso.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ index: 0, behavior: 'auto' });
+        virtuoso.current?.scrollIntoView({ index: 0, behavior: 'auto' });
     };
     return {
         virtuoso,

package/node/components/InfiniteTreeList/useLogic/useLogic.js

@@ -18,7 +18,7 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
     // Добавляет classname для анимации закрытия элемента
     const startRemoveAnimation = (nodeId) => {
         const treeItem = document.getElementById(nodeId);
-        treeItem === null || treeItem === void 0 ? void 0 : treeItem.classList.add(constants_1.infiniteTreeListClassnames.removeAnimation);
+        treeItem?.classList.add(constants_1.infiniteTreeListClassnames.removeAnimation);
     };
     (0, react_1.useEffect)(() => {
         const next = (0, utils_1.getInitialExpandedIds)(internalExpanded, items, initialExpandedLevel);
@@ -45,7 +45,7 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
         }
     };
     const contentStateProps = (0, react_1.useMemo)(() => {
-        const isNoData = !(items === null || items === void 0 ? void 0 : items.length);
+        const isNoData = !items?.length;
         return {
             // Проверка на текущие элементы списка необходима для рендера loading состояния при подгрузки данных
             // вместо общего LoadingPlaceholder на всю страницу
@@ -55,7 +55,7 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
             errorState: {
                 imgAlt: 'Что-то пошло не так',
                 errorList: [errorMsg || ''],
-                imgSrc: errorImgSrc !== null && errorImgSrc !== void 0 ? errorImgSrc : imagesMap.defaultErrorImgSrc,
+                imgSrc: errorImgSrc ?? imagesMap.defaultErrorImgSrc,
                 onRetry,
             },
         };

package/node/components/InfiniteTreeList/useLogic/utils/flattenTree/flattenTree.js

@@ -10,7 +10,9 @@ const flattenTree = (items, expandedIds, parentPath = [], level = 0, parentId) =
         const path = [...parentPath, item.id];
         const isExpanded = expandedIds.has(item.id);
         // Создаем flattened item с правильной типизацией
-        const flattenedItem = Object.assign(Object.assign({}, item), { meta: {
+        const flattenedItem = {
+            ...item,
+            meta: {
                 hasNested: Boolean(item.children),
                 level,
                 path,
@@ -18,7 +20,8 @@ const flattenTree = (items, expandedIds, parentPath = [], level = 0, parentId) =
                 parentId,
                 siblingIndex: index,
                 nodeId: `infinite-tree-item-${item.id}`,
-            } });
+            },
+        };
         result.push(flattenedItem);
         // Рекурсивно обрабатываем детей с сохранением типизации
         if (isExpanded && item.children && item.children.length > 0) {

package/node/components/InfiniteTreeList/useLogic/utils/getInitialExpandedIds/getInitialExpandedIds.js

@@ -12,13 +12,12 @@ const getInitialExpandedIds = (prev, items, initialExpandedLevel, currentLevel =
     }
     const shouldExpand = currentLevel < initialExpandedLevel;
     items.forEach((item) => {
-        var _a;
         if (shouldExpand && item.children) {
-            if (!(prev === null || prev === void 0 ? void 0 : prev.has(item.id))) {
+            if (!prev?.has(item.id)) {
                 expandedIds.add(item.id);
             }
             // Рекурсивно обрабатываем существующих детей
-            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            if (item.children?.length) {
                 const childExpandedIds = (0, exports.getInitialExpandedIds)(prev, item.children, initialExpandedLevel, currentLevel + 1);
                 childExpandedIds.forEach((id) => expandedIds.add(id));
             }

package/node/components/JsonViewer/JsonNode/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 theme_1 = require("../../../theme");
 const utils_1 = require("../utils");
-const useLogic = (_a) => {
-    var { value, keyPath, checkExpanded, toggleExpanded } = _a, props = __rest(_a, ["value", "keyPath", "checkExpanded", "toggleExpanded"]);
+const useLogic = ({ value, keyPath, checkExpanded, toggleExpanded, ...props }) => {
     const theme = (0, theme_1.useTheme)();
     const { type, icon, color } = (0, utils_1.getTypeInfo)(value, theme);
     const isExpandable = type === 'object' || type === 'array';
@@ -28,7 +16,8 @@ const useLogic = (_a) => {
             toggleExpanded(keyPath);
         }
     };
-    return Object.assign({ icon,
+    return {
+        icon,
         type,
         color,
         isExpandable,
@@ -37,6 +26,8 @@ const useLogic = (_a) => {
         handleToggle,
         toggleExpanded,
         checkExpanded,
-        getNestedKeyPath }, props);
+        getNestedKeyPath,
+        ...props,
+    };
 };
 exports.useLogic = useLogic;

package/node/components/JsonViewer/NodeValue/utils/formatValue/formatValue.js

@@ -29,10 +29,10 @@ const formatValue = (value, type) => {
                 second: 'numeric',
             });
         }
-        catch (_a) {
+        catch {
             return `${value}`;
         }
     }
-    return (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    return value?.toString() || '';
 };
 exports.formatValue = formatValue;

package/node/components/LegacyNotification/LegacyNotification.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.notify = void 0;
 const react_toastify_1 = require("react-toastify");
@@ -17,22 +6,22 @@ const constants_1 = require("./constants");
 const constants_2 = require("./NotificationTemplate/constants");
 const utils_1 = require("./utils");
 exports.notify = {
-    success: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.success(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Success, options.hideProgressBar) }, options));
-    },
-    info: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.info(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Info, options.hideProgressBar) }, options));
-    },
-    warning: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.warning(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Warning, options.hideProgressBar) }, options));
-    },
-    error: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.error(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Error, options.hideProgressBar) }, options));
-    },
+    success: (title, { icon, ...options } = {}) => (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.success({ ...options, icon, title }, toastProps), {
+        className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Success, options.hideProgressBar),
+        ...options,
+    }),
+    info: (title, { icon, ...options } = {}) => (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.info({ ...options, icon, title }, toastProps), {
+        className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Info, options.hideProgressBar),
+        ...options,
+    }),
+    warning: (title, { icon, ...options } = {}) => (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.warning({ ...options, icon, title }, toastProps), {
+        className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Warning, options.hideProgressBar),
+        ...options,
+    }),
+    error: (title, { icon, ...options } = {}) => (0, react_toastify_1.toast)(({ toastProps }) => constants_2.NOTIFICATION_VARIANT.error({ ...options, icon, title }, toastProps), {
+        className: (0, utils_1.getClassNameModifierByVariant)(constants_1.NotificationVariantTypes.Error, options.hideProgressBar),
+        ...options,
+    }),
     custom: react_toastify_1.toast,
     dismiss: react_toastify_1.toast.dismiss,
     update: react_toastify_1.toast.update,

package/node/components/LegacyNotification/NotificationContainer/NotificationContainer.js

@@ -8,5 +8,5 @@ const styles_1 = require("./styles");
 if (typeof window !== 'undefined') {
     (0, inject_style_1.injectStyle)();
 }
-const NotificationContainer = (props) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.Inner, Object.assign({}, props, { pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` })) }));
+const NotificationContainer = (props) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.Inner, { ...props, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }) }));
 exports.NotificationContainer = NotificationContainer;

package/node/components/LegacyNotification/NotificationTemplate/NotificationTemplate.js

@@ -16,7 +16,7 @@ const DefaultIcon = ({ variant }) => {
     return (0, jsx_runtime_1.jsx)(Icon, {});
 };
 const NotificationTemplate = ({ icon, title, closeToast, content, actions, variant, actionsDirection = 'right', showCloseButton = true, }) => {
-    const handleCloseToast = () => closeToast === null || closeToast === void 0 ? void 0 : closeToast();
+    const handleCloseToast = () => closeToast?.();
     return ((0, jsx_runtime_1.jsxs)(styles_2.Wrapper, { variant: variant, children: [(0, jsx_runtime_1.jsx)(styles_2.IconWrapper, { children: icon || (0, jsx_runtime_1.jsx)(DefaultIcon, { variant: variant }) }), (0, jsx_runtime_1.jsxs)(styles_2.Inner, { children: [(0, jsx_runtime_1.jsxs)(styles_2.Header, { children: [(0, jsx_runtime_1.jsx)(styles_2.Title, { variant: "h5", children: title }), showCloseButton && ((0, jsx_runtime_1.jsx)(styles_2.CloseButton, { onClick: handleCloseToast, color: "grey", variant: "text", children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }))] }), content && (0, jsx_runtime_1.jsx)(styles_2.Content, { variant: "body1", children: content }), actions && ((0, jsx_runtime_1.jsx)(styles_2.Footer, { actionsDirection: actionsDirection, children: actions }))] })] }));
 };
 exports.NotificationTemplate = NotificationTemplate;

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

@@ -6,8 +6,8 @@ const constants_1 = require("../constants");
 const utils_1 = require("../utils");
 const NotificationTemplate_1 = require("./NotificationTemplate");
 exports.NOTIFICATION_VARIANT = {
-    info: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Info)))),
-    success: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Success)))),
-    warning: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Warning)))),
-    error: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, Object.assign({}, (0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Error)))),
+    info: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Info) })),
+    success: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Success) })),
+    warning: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Warning) })),
+    error: (options, notifyContent) => ((0, jsx_runtime_1.jsx)(NotificationTemplate_1.NotificationTemplate, { ...(0, utils_1.notificationTemplatePropsCreator)(options, notifyContent, constants_1.NotificationVariantTypes.Error) })),
 };

package/node/components/LegacyNotification/utils/notificationTemplatePropsCreator.js

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

package/node/components/Link/Link.js

@@ -1,23 +1,11 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const icons_1 = require("../../icons");
 const styles_1 = require("./styles");
-exports.Link = (0, react_1.forwardRef)((_a, ref) => {
-    var { withAdornment, isDownload, downloadFilename, children } = _a, props = __rest(_a, ["withAdornment", "isDownload", "downloadFilename", "children"]);
+exports.Link = (0, react_1.forwardRef)(({ withAdornment, isDownload, downloadFilename, children, ...props }, ref) => {
     const icon = isDownload ? (0, jsx_runtime_1.jsx)(icons_1.DownloadVOutlineSm, {}) : (0, jsx_runtime_1.jsx)(icons_1.OpenLinkOutlineSm, {});
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledLink, Object.assign({ download: downloadFilename !== null && downloadFilename !== void 0 ? downloadFilename : isDownload, ref: ref }, props, { children: [withAdornment === 'start' && icon, children, withAdornment === 'end' && icon, !withAdornment && isDownload && (0, jsx_runtime_1.jsx)(icons_1.DownloadVOutlineSm, {})] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledLink, { download: downloadFilename ?? isDownload, ref: ref, ...props, children: [withAdornment === 'start' && icon, children, withAdornment === 'end' && icon, !withAdornment && isDownload && (0, jsx_runtime_1.jsx)(icons_1.DownloadVOutlineSm, {})] }));
 });

package/node/components/List/List.js

@@ -7,6 +7,6 @@ exports.List = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const List_1 = __importDefault(require("@mui/material/List"));
 const List = (props) => {
-    return (0, jsx_runtime_1.jsx)(List_1.default, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(List_1.default, { ...props });
 };
 exports.List = List;

package/node/components/ListItem/ListItem.js

@@ -4,6 +4,6 @@ exports.ListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const ListItem = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledListItem, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledListItem, { ...props });
 };
 exports.ListItem = ListItem;