@astral/ui 4.2.0 → 4.2.2

package/components/ErrorBoundary/ErrorBoundary.stubs.js

@@ -1,15 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Button } from '../Button';
 /**
  * Кастомная ошибка подгрузки чанков при релизах
  */
 class OutdatedReleaseError extends Error {
-    constructor(message = '', ...args) {
-        super(message, ...args);
+    constructor(message = '') {
+        super(message);
         this.name = 'ChunkLoadError';
     }
 }
+/**
+ * Компонент, который выбрасывает ошибку при рендере
+ */
+const ThrowError = ({ error, children, }) => {
+    throw error;
+    // biome-ignore lint/correctness/noUnreachable: Необходимо для теста
+    return _jsx(_Fragment, { children: children });
+};
 /**
  * Кнопка для вызова ошибки type = Default
  */
@@ -18,12 +26,7 @@ export const BuggyButton = () => {
     const onClick = () => {
         setCount(count + 1);
     };
-    useEffect(() => {
-        if (count === 2) {
-            throw new Error('Кнопка сломалась на 2 клике');
-        }
-    });
-    return _jsx(Button, { onClick: onClick, children: "\u0421\u043B\u043E\u043C\u0430\u044E\u0441\u044C \u043D\u0430 2 \u043A\u043B\u0438\u043A\u0435" });
+    return (_jsxs(_Fragment, { children: [count === 2 && (_jsx(ThrowError, { error: new Error('Кнопка сломалась на 2 клике') })), _jsx(Button, { onClick: onClick, children: "\u0421\u043B\u043E\u043C\u0430\u044E\u0441\u044C \u043D\u0430 2 \u043A\u043B\u0438\u043A\u0435" })] }));
 };
 /**
  * Кнопка для вызова ошибки чанков ErrorChunkError c type = OutdatedRelease
@@ -33,12 +36,7 @@ export const ChunkLoadErrorButton = () => {
     const onClick = () => {
         setIsClicked(true);
     };
-    useEffect(() => {
-        if (isClicked) {
-            throw new OutdatedReleaseError('Ошибка загрузки приложения');
-        }
-    });
-    return _jsx(Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" });
+    return (_jsxs(_Fragment, { children: [isClicked && (_jsx(ThrowError, { error: new OutdatedReleaseError('Ошибка загрузки приложения') })), _jsx(Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" })] }));
 };
 /**
  * Кнопка для вызова ошибки чанков Failed to fetch dynamically imported module c type = OutdatedRelease
@@ -48,10 +46,5 @@ export const FailedFetchModuleButton = () => {
     const onClick = () => {
         setIsClicked(true);
     };
-    useEffect(() => {
-        if (isClicked) {
-            throw new Error('Failed to fetch dynamically imported module');
-        }
-    });
-    return _jsx(Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" });
+    return (_jsxs(_Fragment, { children: [isClicked && (_jsx(ThrowError, { error: new Error('Failed to fetch dynamically imported module') })), _jsx(Button, { onClick: onClick, children: "\u0412\u044B\u0437\u043E\u0432\u0443 \u043E\u0448\u0438\u0431\u043A\u0443 \u0440\u0435\u043B\u0438\u0437\u0430" })] }));
 };

package/components/Fab/Fab.js

@@ -1,19 +1,7 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { FabSizes } from './enums';
 import { StyledFab } from './styles';
-export const Fab = forwardRef((_a, ref) => {
-    var { variant = 'square', size = FabSizes.Large, color = 'primary' } = _a, props = __rest(_a, ["variant", "size", "color"]);
-    return (_jsx(StyledFab, Object.assign({}, props, { variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref })));
+export const Fab = forwardRef(({ variant = 'square', size = FabSizes.Large, color = 'primary', ...props }, ref) => {
+    return (_jsx(StyledFab, { ...props, variant: variant === 'square' ? 'circular' : variant, isSquare: variant === 'square', size: size, color: color, ref: ref }));
 });

package/components/Fab/styles.js

@@ -63,22 +63,22 @@ export const StyledFab = styled(Fab, {
   width: ${(props) => getSize(props)};
   height: ${(props) => getSize(props)};
 
-  color: ${(props) => getColor(Object.assign({}, props))};
+  color: ${(props) => getColor({ ...props })};
 
-  background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Default }))};
+  background: ${(props) => getBgColor({ ...props, fabState: FabStates.Default })};
   border-radius: ${({ theme, isSquare }) => isSquare ? theme.shape.medium : '50%'};
   box-shadow: ${({ theme }) => theme.elevation[200]};
 
   :hover {
-    color: ${(props) => getColor(Object.assign({}, props))};
+    color: ${(props) => getColor({ ...props })};
 
-    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Hover }))};
+    background: ${(props) => getBgColor({ ...props, fabState: FabStates.Hover })};
   }
 
   :active {
-    color: ${(props) => getColor(Object.assign({}, props))};
+    color: ${(props) => getColor({ ...props })};
 
-    background: ${(props) => getBgColor(Object.assign(Object.assign({}, props), { fabState: FabStates.Active }))};
+    background: ${(props) => getBgColor({ ...props, fabState: FabStates.Active })};
     box-shadow: ${({ theme }) => theme.elevation[400]};
   }
 

package/components/Filename/Filename.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 { useHidePersonalData } from '../personalDataSecurity';
@@ -17,10 +6,13 @@ import { classNames } from '../utils';
 import { FileBaseName, StyledTypography } from './styles';
 import { useLogic } from './useLogic';
 export const Filename = forwardRef((props, forwardedRef) => {
-    const { isOverflowed, suffixWithExtension, baseNameProps } = useLogic(Object.assign(Object.assign({}, props), { ref: forwardedRef }));
-    const { tooltipProps, variant = 'inherit', children, align = 'left', isHidePersonalData, className } = props, restProps = __rest(props, ["tooltipProps", "variant", "children", "align", "isHidePersonalData", "className"]);
+    const { isOverflowed, suffixWithExtension, baseNameProps } = useLogic({
+        ...props,
+        ref: forwardedRef,
+    });
+    const { tooltipProps, variant = 'inherit', children, align = 'left', isHidePersonalData, className, ...restProps } = props;
     const hidePersonalDataClassname = useHidePersonalData({
         isEnabled: isHidePersonalData,
     });
-    return (_jsx(Tooltip, Object.assign({ title: isOverflowed && children, disableInteractive: true }, tooltipProps, { className: classNames(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className, hidePersonalDataClassname), children: _jsxs(StyledTypography, Object.assign({ "$align": align, variant: variant, className: classNames(className, hidePersonalDataClassname) }, restProps, { children: [_jsx(FileBaseName, Object.assign({}, baseNameProps)), _jsx("span", { children: suffixWithExtension })] })) })));
+    return (_jsx(Tooltip, { title: isOverflowed && children, disableInteractive: true, ...tooltipProps, className: classNames(tooltipProps?.className, hidePersonalDataClassname), children: _jsxs(StyledTypography, { "$align": align, variant: variant, className: classNames(className, hidePersonalDataClassname), ...restProps, children: [_jsx(FileBaseName, { ...baseNameProps }), _jsx("span", { children: suffixWithExtension })] }) }));
 });

package/components/FlowButton/FlowButton.js

@@ -1,21 +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;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { ArrowROutlineMd } from '../../icons';
 import { Typography } from '../Typography';
 import { StyledButton, StyledGrid, TargetTextWrapper } from './styles';
 export const FlowButton = forwardRef((props, ref) => {
-    const { children, targetText } = props, restProps = __rest(props, ["children", "targetText"]);
-    return (_jsx(StyledButton, Object.assign({ ref: ref, endIcon: _jsx(ArrowROutlineMd, {}) }, restProps, { children: _jsxs(StyledGrid, { container: true, children: [targetText && (_jsx(TargetTextWrapper, { variant: "pointer", children: targetText })), _jsx(Typography, { variant: "h6", children: children })] }) })));
+    const { children, targetText, ...restProps } = props;
+    return (_jsx(StyledButton, { ref: ref, endIcon: _jsx(ArrowROutlineMd, {}), ...restProps, children: _jsxs(StyledGrid, { container: true, children: [targetText && (_jsx(TargetTextWrapper, { variant: "pointer", children: targetText })), _jsx(Typography, { variant: "h6", children: children })] }) }));
 });
 export default FlowButton;

package/components/FormControl/FormControl.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormControl as MuiFormControl, } from '@mui/material';
 import { forwardRef } from 'react';
-export const FormControl = forwardRef((props, ref) => _jsx(MuiFormControl, Object.assign({}, props, { ref: ref })));
+export const FormControl = forwardRef((props, ref) => _jsx(MuiFormControl, { ...props, ref: ref }));

package/components/FormControlLabel/FormControlLabel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledFormControlLabel } from './styles';
 export const FormControlLabel = (props) => {
-    return _jsx(StyledFormControlLabel, Object.assign({}, props));
+    return _jsx(StyledFormControlLabel, { ...props });
 };

package/components/FormHelperText/FormHelperText.js

@@ -1,21 +1,9 @@
-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 { FormHelperText as MuiFormHelperText, } from '@mui/material';
 import { FormHelperTextContent } from './FormHelperTextContent';
-export const FormHelperText = (_a) => {
-    var { children, success, error, hideHelperText = false } = _a, props = __rest(_a, ["children", "success", "error", "hideHelperText"]);
+export const FormHelperText = ({ children, success, error, hideHelperText = false, ...props }) => {
     if (hideHelperText && !children) {
         return null;
     }
-    return (_jsx(MuiFormHelperText, Object.assign({}, props, { children: _jsx(FormHelperTextContent, { error: error, success: success, children: children }) })));
+    return (_jsx(MuiFormHelperText, { ...props, children: _jsx(FormHelperTextContent, { error: error, success: success, children: children }) }));
 };

package/components/FormLabel/FormLabel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledFormLabel } from './styles';
 export const FormLabel = (props) => {
-    return _jsx(StyledFormLabel, Object.assign({}, props));
+    return _jsx(StyledFormLabel, { ...props });
 };

package/components/GlobalStyles/GlobalStyles.js

@@ -1,23 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Global } from '@emotion/react';
 import { CssBaseline, ScopedCssBaseline } from '@mui/material';
 import { SCROLLBAR_SIZE } from '../constants';
 import { useTheme } from '../theme';
-export const GlobalStyles = (_a) => {
-    var { children, withScopedStyles = false } = _a, props = __rest(_a, ["children", "withScopedStyles"]);
+export const GlobalStyles = ({ children, withScopedStyles = false, ...props }) => {
     const theme = useTheme();
-    return (_jsxs(_Fragment, { children: [withScopedStyles ? (_jsx(ScopedCssBaseline, Object.assign({}, props, { children: children }))) : (_jsx(CssBaseline, Object.assign({}, props, { children: children }))), _jsx(Global, { styles: {
+    return (_jsxs(_Fragment, { children: [withScopedStyles ? (_jsx(ScopedCssBaseline, { ...props, children: children })) : (_jsx(CssBaseline, { ...props, children: children })), _jsx(Global, { styles: {
                     body: {
                         overflow: 'hidden',
                         height: '100vh',

package/components/Grid/GridComponent/GridComponent.js

@@ -1,17 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, } from 'react';
-export const GridComponent = forwardRef((_a, ref) => {
-    var { component: Component = 'div' } = _a, props = __rest(_a, ["component"]);
-    return _jsx(Component, Object.assign({ ref: ref }, props));
+export const GridComponent = forwardRef(({ component: Component = 'div', ...props }, ref) => {
+    return _jsx(Component, { ref: ref, ...props });
 });

package/components/GuidTypography/GuidTypography.js

@@ -1,22 +1,13 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { OverflowTypography, } from '../OverflowTypography';
 import { useHidePersonalData } from '../personalDataSecurity';
 import { classNames } from '../utils';
-export const GuidTypography = (_a) => {
-    var { className, isHidePersonalData, tooltipProps } = _a, props = __rest(_a, ["className", "isHidePersonalData", "tooltipProps"]);
+export const GuidTypography = ({ className, isHidePersonalData, tooltipProps, ...props }) => {
     const hidePersonalDataClassname = useHidePersonalData({
         isEnabled: isHidePersonalData,
     });
-    return (_jsx(OverflowTypography, Object.assign({ visibleLastSymbolsCount: 4, className: classNames(className, hidePersonalDataClassname), tooltipProps: Object.assign(Object.assign({}, tooltipProps), { className: classNames(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className, hidePersonalDataClassname) }) }, props)));
+    return (_jsx(OverflowTypography, { visibleLastSymbolsCount: 4, className: classNames(className, hidePersonalDataClassname), tooltipProps: {
+            ...tooltipProps,
+            className: classNames(tooltipProps?.className, hidePersonalDataClassname),
+        }, ...props }));
 };

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

@@ -1,7 +1,7 @@
 import { ICONS } from '../../constants';
 import { useIconColor } from './hooks';
 export const useLogic = ({ iconOption, variant }) => {
-    const iconColor = useIconColor({ color: iconOption === null || iconOption === void 0 ? void 0 : iconOption.color });
+    const iconColor = useIconColor({ color: iconOption?.color });
     const { variant: iconOptionVariant = 'fill' } = iconOption || {};
     const getIcon = () => {
         const icon = ICONS[variant][iconOptionVariant];

package/components/IconButton/IconButton.js

@@ -1,20 +1,9 @@
-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 { ButtonVariants } from '../Button';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { StyledButton } from './styles';
 const UnwrappedIconButton = (props, ref) => {
-    const { variant = ButtonVariants.Contained, children } = props, restProps = __rest(props, ["variant", "children"]);
-    return (_jsx(StyledButton, Object.assign({ variant: variant }, restProps, { ref: ref, children: children })));
+    const { variant = ButtonVariants.Contained, children, ...restProps } = props;
+    return (_jsx(StyledButton, { variant: variant, ...restProps, ref: ref, children: children }));
 };
 export const IconButton = forwardRefWithGeneric(UnwrappedIconButton);

package/components/IconDropdownButton/IconDropdownButton.js

@@ -1,22 +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;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClickAwayListener } from '@mui/material';
 import { forwardRef } from 'react';
 import { useMenu } from '../hooks';
 import { IconButton } from '../IconButton';
 import { Menu } from '../Menu';
-export const IconDropdownButton = forwardRef((_a, ref) => {
-    var { children, icon, title } = _a, props = __rest(_a, ["children", "icon", "title"]);
+export const IconDropdownButton = forwardRef(({ children, icon, title, ...props }, ref) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu(ref);
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: _jsx(IconButton, Object.assign({}, props, { ref: anchorRef, onClick: handleOpenMenu, selected: open, title: title, children: icon })) }), _jsx(Menu, { title: title, open: open, anchorEl: anchorRef.current, children: children })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: _jsx(IconButton, { ...props, ref: anchorRef, onClick: handleOpenMenu, selected: open, title: title, children: icon }) }), _jsx(Menu, { title: title, open: open, anchorEl: anchorRef.current, children: children })] }));
 });

package/components/Iframe/Iframe.js

@@ -12,14 +12,13 @@ export const Iframe = forwardRef(({ src, loadingContent, onLoading, onError, san
         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 (_jsxs(Wrapper, { children: [_jsx(ContentState, { isLoading: isLoading, isError: isError, loadingContent: loadingContent, errorState: {
                     errorList: [errorMessage || ''],

package/components/InfiniteDataList/InfiniteDataList.js

@@ -24,15 +24,14 @@ export const InfiniteDataList = ({ data, keyId, className, itemContent, noDataPl
         }
     }, [hideStickyButton, showStickyButton]);
     const handleScrollToTop = 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',
@@ -44,7 +43,7 @@ export const InfiniteDataList = ({ data, keyId, className, itemContent, noDataPl
             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 ? _jsx(_Fragment, { children: noDataPlaceholder }) : _jsx(NoData, {});
@@ -54,7 +53,7 @@ export const InfiniteDataList = ({ data, keyId, className, itemContent, noDataPl
             errorList: [errorMsg || ''],
             imgSrc: imagesMap.defaultErrorImgSrc,
             onRetry,
-        }, children: [_jsx(Virtuoso, { className: className, style: { height: '100%' }, data: data, ref: virtuoso, overscan: OVERSCAN_COUNT, endReached: handleEndReach, rangeChanged: handleRangeChanged, itemContent: (index, item) => (_jsx(Item, { children: itemContent === null || itemContent === void 0 ? void 0 : itemContent(item, {
+        }, children: [_jsx(Virtuoso, { className: className, style: { height: '100%' }, data: data, ref: virtuoso, overscan: OVERSCAN_COUNT, endReached: handleEndReach, rangeChanged: handleRangeChanged, itemContent: (index, item) => (_jsx(Item, { children: itemContent?.(item, {
                         index,
                         className: infiniteDataListClassnames.item,
                     }) }, item[keyId])), components: {

package/components/InfiniteTreeList/InfiniteTreeList.js

@@ -15,7 +15,7 @@ import { useLogic } from './useLogic';
 export const InfiniteTreeList = (props) => {
     const { flatList, onToggle, contentStateProps, scrollParent, virtuosoProps, footerProps, onTopButtonProps, endOfScrollMsg, renderItem, items, itemSkeleton, onRetry, onLoadMore, noDataImgSrc, recentlyExpandedIds, } = useLogic(props);
     const renderItemContent = (_index, item) => (_jsx(TreeListItemContextProvider, { item: item, onToggle: onToggle, children: _jsx(TreeItem, { item: item, renderItem: renderItem, recentlyExpandedIds: recentlyExpandedIds }) }));
-    return (_jsx(InfiniteTreeListContextProvider, { itemSkeleton: itemSkeleton, children: _jsx(ContentState, Object.assign({}, contentStateProps, { children: items.length && scrollParent ? (_jsxs(_Fragment, { children: [_jsx(Virtuoso, Object.assign({}, virtuosoProps, { data: flatList, customScrollParent: scrollParent, endReached: onLoadMore, itemContent: renderItemContent, computeItemKey: (_, item) => item.id, components: {
+    return (_jsx(InfiniteTreeListContextProvider, { itemSkeleton: itemSkeleton, children: _jsx(ContentState, { ...contentStateProps, children: items.length && scrollParent ? (_jsxs(_Fragment, { children: [_jsx(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) {
@@ -23,5 +23,5 @@ export const InfiniteTreeList = (props) => {
                                 }
                                 return (_jsxs(Footer, { children: [isLoading && _jsx(Loader, {}), isError && _jsx(ErrorMessage, { onRetry: onRetry }), isEndReached && (_jsx(EndData, { endOfScrollMsg: endOfScrollMsg }))] }));
                             },
-                        }, overscan: OVERSCAN })), _jsx(OnTopButton, Object.assign({}, onTopButtonProps))] })) : (_jsx(NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) })) }));
+                        }, overscan: OVERSCAN }), _jsx(OnTopButton, { ...onTopButtonProps })] })) : (_jsx(NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) }) }));
 };

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

@@ -11,7 +11,7 @@ export 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 элементов
@@ -19,7 +19,7 @@ export const useLogic = ({ actions }) => {
         setDisabledReason('');
     }, [blockingAction, item.id]);
     const handleActionClick = useCallback((onClick) => () => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(item);
+        onClick?.(item);
     }, [item]);
     const handleWrapperClick = (event) => {
         event.stopPropagation();

package/components/InfiniteTreeList/InfiniteTreeListItem/InfiniteTreeListItem.js

@@ -10,5 +10,5 @@ export const InfiniteTreeListItem = (props) => {
     return (_jsx(ContentState, { isLoading: isLoading, loadingContent: _jsx(Wrapper, { "$isLoading": true, children: itemSkeleton }), isError: isError, errorState: {
             onRetry,
             errorList: [errorMsg || ''],
-        }, children: _jsx(Tooltip, Object.assign({}, tooltipProps, { children: _jsxs(Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.meta.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.meta.hasNested && _jsx(Chevron, { isActive: isChevronActive }), children, actions && _jsx(ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) })) }));
+        }, children: _jsx(Tooltip, { ...tooltipProps, children: _jsxs(Wrapper, { onClick: handleClick, className: className, "$isDisabled": isDisabled || isDisabledByActions, "$isLoading": isLoading, "$hasNested": item.meta.hasNested, inert: isDisabled || isDisabledByActions ? '' : undefined, children: [item.meta.hasNested && _jsx(Chevron, { isActive: isChevronActive }), children, actions && _jsx(ActionsWrapper, { children: actions })] }, `infinite-tree-list-item-${item.id}`) }) }));
 };

package/components/InfiniteTreeList/NoDataPlaceholder/NoDataPlaceholder.js

@@ -6,5 +6,5 @@ import { NO_DATA_TEXT } from './constants';
 export const NoDataPlaceholder = ({ noDataImgSrc }) => {
     const { imagesMap } = useContext(ConfigContext);
     const { noDataImgSrc: configProviderNoDataImgSrc } = imagesMap;
-    return (_jsx(Placeholder, { title: NO_DATA_TEXT, imgSrc: noDataImgSrc !== null && noDataImgSrc !== void 0 ? noDataImgSrc : configProviderNoDataImgSrc, size: "medium" }));
+    return (_jsx(Placeholder, { title: NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
 };

package/components/InfiniteTreeList/OnTopButton/OnTopButton.js

@@ -2,8 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createPortal } from 'react-dom';
 import { ScrollToTopButton } from '../../ScrollToTopButton';
 export 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 createPortal(_jsx(ScrollToTopButton, { onClick: handleScrollToTop }), parentElement);
     }

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

@@ -2,9 +2,8 @@ import { useEffect, useMemo } from 'react';
 import { infiniteTreeListClassnames } from '../../constants';
 export 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);
     };
     useEffect(() => {
         return () => {
@@ -15,9 +14,8 @@ export const useLogic = ({ item, renderItem, recentlyExpandedIds, }) => {
         deleteRecentlyExpandedId();
     };
     const classname = 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 infiniteTreeListClassnames.addAnimation;
         }
         return '';

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

@@ -7,19 +7,17 @@ export const useScrollManagement = ({ scrollRef, isEndReached, onLoadMore, }) =>
     const [scrollParent, setScrollParent] = useState(null);
     const [hasVerticalScroll, setHasVerticalScroll] = useState(false);
     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(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/components/InfiniteTreeList/useLogic/hooks/useStickyButton/useStickyButton.js

@@ -13,9 +13,8 @@ export 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/components/InfiniteTreeList/useLogic/useLogic.js

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

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

@@ -7,7 +7,9 @@ export const flattenTree = (items, expandedIds, parentPath = [], level = 0, pare
         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,
@@ -15,7 +17,8 @@ export const flattenTree = (items, expandedIds, parentPath = [], level = 0, pare
                 parentId,
                 siblingIndex: index,
                 nodeId: `infinite-tree-item-${item.id}`,
-            } });
+            },
+        };
         result.push(flattenedItem);
         // Рекурсивно обрабатываем детей с сохранением типизации
         if (isExpanded && item.children && item.children.length > 0) {

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

@@ -9,13 +9,12 @@ export const getInitialExpandedIds = (prev, items, initialExpandedLevel, current
     }
     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 = getInitialExpandedIds(prev, item.children, initialExpandedLevel, currentLevel + 1);
                 childExpandedIds.forEach((id) => expandedIds.add(id));
             }