@astral/ui 4.2.0 → 4.2.1

package/components/JsonViewer/JsonNode/useLogic/useLogic.js

@@ -1,18 +1,6 @@
-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 { useTheme } from '../../../theme';
 import { getTypeInfo } from '../utils';
-export const useLogic = (_a) => {
-    var { value, keyPath, checkExpanded, toggleExpanded } = _a, props = __rest(_a, ["value", "keyPath", "checkExpanded", "toggleExpanded"]);
+export const useLogic = ({ value, keyPath, checkExpanded, toggleExpanded, ...props }) => {
     const theme = useTheme();
     const { type, icon, color } = getTypeInfo(value, theme);
     const isExpandable = type === 'object' || type === 'array';
@@ -25,7 +13,8 @@ export const useLogic = (_a) => {
             toggleExpanded(keyPath);
         }
     };
-    return Object.assign({ icon,
+    return {
+        icon,
         type,
         color,
         isExpandable,
@@ -34,5 +23,7 @@ export const useLogic = (_a) => {
         handleToggle,
         toggleExpanded,
         checkExpanded,
-        getNestedKeyPath }, props);
+        getNestedKeyPath,
+        ...props,
+    };
 };

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

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

package/components/LegacyNotification/LegacyNotification.js

@@ -1,35 +1,24 @@
-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 { toast } from 'react-toastify';
 import { NotificationVariantTypes } from './constants';
 import { NOTIFICATION_VARIANT } from './NotificationTemplate/constants';
 import { getClassNameModifierByVariant } from './utils';
 export const notify = {
-    success: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.success(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Success, options.hideProgressBar) }, options));
-    },
-    info: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.info(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Info, options.hideProgressBar) }, options));
-    },
-    warning: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.warning(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Warning, options.hideProgressBar) }, options));
-    },
-    error: (title, _a = {}) => {
-        var { icon } = _a, options = __rest(_a, ["icon"]);
-        return toast(({ toastProps }) => NOTIFICATION_VARIANT.error(Object.assign(Object.assign({}, options), { icon, title }), toastProps), Object.assign({ className: getClassNameModifierByVariant(NotificationVariantTypes.Error, options.hideProgressBar) }, options));
-    },
+    success: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.success({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Success, options.hideProgressBar),
+        ...options,
+    }),
+    info: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.info({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Info, options.hideProgressBar),
+        ...options,
+    }),
+    warning: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.warning({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Warning, options.hideProgressBar),
+        ...options,
+    }),
+    error: (title, { icon, ...options } = {}) => toast(({ toastProps }) => NOTIFICATION_VARIANT.error({ ...options, icon, title }, toastProps), {
+        className: getClassNameModifierByVariant(NotificationVariantTypes.Error, options.hideProgressBar),
+        ...options,
+    }),
     custom: toast,
     dismiss: toast.dismiss,
     update: toast.update,

package/components/LegacyNotification/NotificationContainer/NotificationContainer.js

@@ -5,4 +5,4 @@ import { Inner, Wrapper } from './styles';
 if (typeof window !== 'undefined') {
     injectStyle();
 }
-export const NotificationContainer = (props) => (_jsx(Wrapper, { children: _jsx(Inner, Object.assign({}, props, { pauseOnFocusLoss: true, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` })) }));
+export const NotificationContainer = (props) => (_jsx(Wrapper, { children: _jsx(Inner, { ...props, pauseOnFocusLoss: true, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${notifyClassnames.body}`, toastClassName: notifyClassnames.root, progressClassName: `${notifyClassnames.progress}` }) }));

package/components/LegacyNotification/NotificationTemplate/NotificationTemplate.js

@@ -13,6 +13,6 @@ const DefaultIcon = ({ variant }) => {
     return _jsx(Icon, {});
 };
 export 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 (_jsxs(Wrapper, { variant: variant, children: [_jsx(IconWrapper, { children: icon || _jsx(DefaultIcon, { variant: variant }) }), _jsxs(Inner, { children: [_jsxs(Header, { children: [_jsx(Title, { variant: "h5", children: title }), showCloseButton && (_jsx(CloseButton, { onClick: handleCloseToast, color: "grey", variant: "text", children: _jsx(CrossOutlineMd, {}) }))] }), content && _jsx(Content, { variant: "body1", children: content }), actions && (_jsx(Footer, { actionsDirection: actionsDirection, children: actions }))] })] }));
 };

package/components/LegacyNotification/NotificationTemplate/constants.js

@@ -3,8 +3,8 @@ import { NotificationVariantTypes } from '../constants';
 import { notificationTemplatePropsCreator } from '../utils';
 import { NotificationTemplate } from './NotificationTemplate';
 export const NOTIFICATION_VARIANT = {
-    info: (options, notifyContent) => (_jsx(NotificationTemplate, Object.assign({}, notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Info)))),
-    success: (options, notifyContent) => (_jsx(NotificationTemplate, Object.assign({}, notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Success)))),
-    warning: (options, notifyContent) => (_jsx(NotificationTemplate, Object.assign({}, notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Warning)))),
-    error: (options, notifyContent) => (_jsx(NotificationTemplate, Object.assign({}, notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Error)))),
+    info: (options, notifyContent) => (_jsx(NotificationTemplate, { ...notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Info) })),
+    success: (options, notifyContent) => (_jsx(NotificationTemplate, { ...notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Success) })),
+    warning: (options, notifyContent) => (_jsx(NotificationTemplate, { ...notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Warning) })),
+    error: (options, notifyContent) => (_jsx(NotificationTemplate, { ...notificationTemplatePropsCreator(options, notifyContent, NotificationVariantTypes.Error) })),
 };

package/components/LegacyNotification/utils/notificationTemplatePropsCreator.js

@@ -1 +1,5 @@
-export const notificationTemplatePropsCreator = (options, notifyProps, variant) => (Object.assign(Object.assign(Object.assign({}, notifyProps), options), { variant }));
+export const notificationTemplatePropsCreator = (options, notifyProps, variant) => ({
+    ...notifyProps,
+    ...options,
+    variant,
+});

package/components/Link/Link.js

@@ -1,20 +1,8 @@
-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 { DownloadVOutlineSm, OpenLinkOutlineSm } from '../../icons';
 import { StyledLink } from './styles';
-export const Link = forwardRef((_a, ref) => {
-    var { withAdornment, isDownload, downloadFilename, children } = _a, props = __rest(_a, ["withAdornment", "isDownload", "downloadFilename", "children"]);
+export const Link = forwardRef(({ withAdornment, isDownload, downloadFilename, children, ...props }, ref) => {
     const icon = isDownload ? _jsx(DownloadVOutlineSm, {}) : _jsx(OpenLinkOutlineSm, {});
-    return (_jsxs(StyledLink, Object.assign({ download: downloadFilename !== null && downloadFilename !== void 0 ? downloadFilename : isDownload, ref: ref }, props, { children: [withAdornment === 'start' && icon, children, withAdornment === 'end' && icon, !withAdornment && isDownload && _jsx(DownloadVOutlineSm, {})] })));
+    return (_jsxs(StyledLink, { download: downloadFilename ?? isDownload, ref: ref, ...props, children: [withAdornment === 'start' && icon, children, withAdornment === 'end' && icon, !withAdornment && isDownload && _jsx(DownloadVOutlineSm, {})] }));
 });

package/components/List/List.js

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

package/components/ListItem/ListItem.js

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

package/components/ListItem/styles.js

@@ -27,12 +27,15 @@ export const StyledListItem = styled(ListItem, {
 
   padding-left: ${({ theme }) => theme.spacing(3)};
 
-  color: ${(props) => getColor(Object.assign(Object.assign({}, props), { listItemState: ListItemStates.Default }))};
+  color: ${(props) => getColor({ ...props, listItemState: ListItemStates.Default })};
 
-  background-color: ${(props) => getBgColor(Object.assign({}, props))};
+  background-color: ${(props) => getBgColor({ ...props })};
   border-radius: ${({ theme }) => theme.shape.small};
 
   :hover {
-    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { listItemState: ListItemStates.Hover }))};
+    color: ${(props) => getColor({
+    ...props,
+    listItemState: ListItemStates.Hover,
+})};
   }
 `;

package/components/ListItemAvatar/ListItemAvatar.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListItemAvatar as MuiListItemAvatar, } from '@mui/material';
-export const ListItemAvatar = (props) => (_jsx(MuiListItemAvatar, Object.assign({}, props)));
+export const ListItemAvatar = (props) => (_jsx(MuiListItemAvatar, { ...props }));

package/components/ListItemButton/ListItemButton.js

@@ -1,22 +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 } from "react/jsx-runtime";
 import { ListItemButton as MuiListItemButton, } from '@mui/material';
 import { forwardRef } from 'react';
 import { Tooltip } from '../Tooltip';
 export const ListItemButton = forwardRef((props, ref) => {
-    const { disabledReason, disabled, tooltipPlacement, note, withoutContainer = false } = props, restProps = __rest(props, ["disabledReason", "disabled", "tooltipPlacement", "note", "withoutContainer"]);
+    const { disabledReason, disabled, tooltipPlacement, note, withoutContainer = false, ...restProps } = props;
     const renderListItemButton = () => {
-        return (_jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx("div", { children: _jsx(MuiListItemButton, Object.assign({ ref: ref, disabled: disabled, component: "div" }, restProps, { disableRipple: true })) }) }));
+        return (_jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx("div", { children: _jsx(MuiListItemButton, { ref: ref, disabled: disabled, component: "div", ...restProps, disableRipple: true }) }) }));
     };
     if (withoutContainer) {
         return renderListItemButton();

package/components/ListItemIcon/ListItemIcon.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { StyledListItemIcon } from './styles';
 export const ListItemIcon = forwardRef((props, ref) => {
-    return _jsx(StyledListItemIcon, Object.assign({ ref: ref }, props));
+    return _jsx(StyledListItemIcon, { ref: ref, ...props });
 });

package/components/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListItemSecondaryAction as MuiListItemSecondaryAction, } from '@mui/material';
-export const ListItemSecondaryAction = (props) => _jsx(MuiListItemSecondaryAction, Object.assign({}, props));
+export const ListItemSecondaryAction = (props) => _jsx(MuiListItemSecondaryAction, { ...props });

package/components/ListItemText/ListItemText.js

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

package/components/ListSubheader/ListSubheader.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListSubheader as MuiListSubheader, } from '@mui/material';
-export const ListSubheader = (props) => (_jsx(MuiListSubheader, Object.assign({}, props)));
+export const ListSubheader = (props) => (_jsx(MuiListSubheader, { ...props }));

package/components/MaskField/MaskField.js

@@ -1,31 +1,18 @@
-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 { IMaskMixin } from 'react-imask';
 import { TextField } from '../TextField';
-const MaskedTextField = IMaskMixin((_a) => {
-    var { onChange } = _a, props = __rest(_a, ["onChange"]);
+const MaskedTextField = IMaskMixin(({ onChange, ...props }) => {
     const textFieldProps = props;
-    return _jsx(TextField, Object.assign({}, textFieldProps));
+    return _jsx(TextField, { ...textFieldProps });
 });
-export const MaskField = forwardRef((_a, ref) => {
-    var { onChange, onAccept } = _a, props = __rest(_a, ["onChange", "onAccept"]);
-    const maskFieldProps = Object.assign({ unmask: true }, props);
+export const MaskField = forwardRef(({ onChange, onAccept, ...props }, ref) => {
+    const maskFieldProps = { unmask: true, ...props };
     const handleMaskFieldAccept = (value, maskRef, e) => {
         if (onAccept) {
             return onAccept(value, maskRef, e, onChange);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        onChange?.(value);
     };
     // фикс фокуса при клике на submit формы
     // (достигается путем вызова ref)
@@ -35,5 +22,5 @@ export const MaskField = forwardRef((_a, ref) => {
         }
         return ref;
     };
-    return (_jsx(MaskedTextField, Object.assign({}, maskFieldProps, { inputRef: newRef, onAccept: handleMaskFieldAccept })));
+    return (_jsx(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept }));
 });

package/components/Menu/Menu.js

@@ -1,24 +1,12 @@
-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 { Menu as MuiMenu } from '@mui/material';
 import { BottomDrawer } from '../BottomDrawer';
 import { useViewportType } from '../hooks/useViewportType';
 import { MenuList } from '../MenuList';
-export const Menu = (_a) => {
-    var { children, onClose, open, title } = _a, restProps = __rest(_a, ["children", "onClose", "open", "title"]);
+export const Menu = ({ children, onClose, open, title, ...restProps }) => {
     const { isMobile } = useViewportType();
     if (isMobile) {
         return (_jsx(BottomDrawer, { title: title, onClose: onClose, open: open, children: _jsx(MenuList, { children: children }) }));
     }
-    return (_jsx(MuiMenu, Object.assign({ open: open, onClose: onClose }, restProps, { children: children })));
+    return (_jsx(MuiMenu, { open: open, onClose: onClose, ...restProps, children: children }));
 };

package/components/MenuItem/MenuItem.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 { MenuItem as MuiMenuItem, } from '@mui/material';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { Tooltip } from '../Tooltip';
 const InnerMenuItem = (props, ref) => {
-    const { disabledReason, disabled, component = 'div', title, tooltipPlacement = 'left', note } = props, rest = __rest(props, ["disabledReason", "disabled", "component", "title", "tooltipPlacement", "note"]);
-    return (_jsx("li", { children: _jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx(MuiMenuItem, Object.assign({}, rest, { disabled: disabled, title: title, ref: ref, component: component })) }, title) }));
+    const { disabledReason, disabled, component = 'div', title, tooltipPlacement = 'left', note, ...rest } = props;
+    return (_jsx("li", { children: _jsx(Tooltip, { title: disabled ? disabledReason : note, placement: tooltipPlacement, withoutContainer: !disabled, children: _jsx(MuiMenuItem, { ...rest, disabled: disabled, title: title, ref: ref, component: component }) }, title) }));
 };
 export const MenuItem = forwardRefWithGeneric(InnerMenuItem);

package/components/MenuList/MenuList.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 { StyledMenuList } from './styles';
-export const MenuList = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(StyledMenuList, Object.assign({}, props, { children: children }));
+export const MenuList = ({ children, ...props }) => {
+    return _jsx(StyledMenuList, { ...props, children: children });
 };

package/components/MenuOrganization/MenuOrganization.js

@@ -16,9 +16,9 @@ export const MenuOrganization = (props) => {
     if (isComponentLoading) {
         return _jsx(MenuOrganizationSkeleton, {});
     }
-    return (_jsxs(_Fragment, { children: [_jsx(OrganizationButton, Object.assign({}, organizationButtonProps)), _jsxs(Popover, Object.assign({}, popoverProps, { anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, children: [isShowSearchField && (_jsx(SearchWrapper, { children: _jsx(SearchField, Object.assign({ fullWidth: true }, searchProps)) })), _jsx(OrganizationsWrapper, { "$isLoading": isLoading, className: menuOrganizationClassnames.root, children: _jsx(ContentState, { isLoading: isLoading, isCustom: isError, customState: {
+    return (_jsxs(_Fragment, { children: [_jsx(OrganizationButton, { ...organizationButtonProps }), _jsxs(Popover, { ...popoverProps, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, children: [isShowSearchField && (_jsx(SearchWrapper, { children: _jsx(SearchField, { fullWidth: true, ...searchProps }) })), _jsx(OrganizationsWrapper, { "$isLoading": isLoading, className: menuOrganizationClassnames.root, children: _jsx(ContentState, { isLoading: isLoading, isCustom: isError, customState: {
                                 title: (_jsx(StyledTypography, { children: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435" })),
                                 Actions: (_jsx(Button, { variant: "light", color: "grey", onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })),
                                 className: menuOrganizationClassnames.errorPlaceholder,
-                            }, loadingContent: _jsx(OrganizationListSkeleton, {}), children: isShowOrganizationList ? (_jsx(OrganizationList, Object.assign({}, organizationListProps))) : (_jsx(NoData, {})) }) }), action && (_jsx(ActionWrapper, { children: _jsx(Button, Object.assign({ fullWidth: true }, action, { children: action.text })) }))] }))] }));
+                            }, loadingContent: _jsx(OrganizationListSkeleton, {}), children: isShowOrganizationList ? (_jsx(OrganizationList, { ...organizationListProps })) : (_jsx(NoData, {})) }) }), action && (_jsx(ActionWrapper, { children: _jsx(Button, { fullWidth: true, ...action, children: action.text }) }))] })] }));
 };

package/components/MenuOrganization/OrganizationItem/OrganizationItem.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 { Grid } from '../../Grid';
@@ -19,9 +8,9 @@ import { DEFAULT_LINK_BUTTON_NAME } from '../constants';
 import { OrganizationData } from '../styles';
 import { StyledButton, StyledMenuItem } from './styles';
 export const OrganizationItem = forwardRef(({ onClick, selected, name, inn, kpp, linkButton, isHidePersonalData }, ref) => {
-    const _a = linkButton || {}, { name: buttonName = DEFAULT_LINK_BUTTON_NAME } = _a, linkButtonProps = __rest(_a, ["name"]);
+    const { name: buttonName = DEFAULT_LINK_BUTTON_NAME, ...linkButtonProps } = linkButton || {};
     const hidePersonalDataClassname = useHidePersonalData({
         isEnabled: isHidePersonalData,
     });
-    return (_jsx(StyledMenuItem, { ref: ref, onClick: onClick, selected: selected, disableGutters: true, children: _jsxs(Grid, { container: true, rows: 1, children: [_jsx(OverflowTypography, { className: hidePersonalDataClassname, variant: "body1", component: "div", children: name }), _jsxs(OrganizationData, { container: true, spacing: 2, className: hidePersonalDataClassname, children: [inn && (_jsxs(Typography, { variant: "caption", color: "textSecondary", children: ["\u0418\u041D\u041D ", inn] })), kpp && (_jsxs(Typography, { variant: "caption", color: "textSecondary", children: ["\u041A\u041F\u041F ", kpp] }))] }), linkButton && (_jsx(StyledButton, Object.assign({ variant: "link" }, linkButtonProps, { children: buttonName })))] }) }));
+    return (_jsx(StyledMenuItem, { ref: ref, onClick: onClick, selected: selected, disableGutters: true, children: _jsxs(Grid, { container: true, rows: 1, children: [_jsx(OverflowTypography, { className: hidePersonalDataClassname, variant: "body1", component: "div", children: name }), _jsxs(OrganizationData, { container: true, spacing: 2, className: hidePersonalDataClassname, children: [inn && (_jsxs(Typography, { variant: "caption", color: "textSecondary", children: ["\u0418\u041D\u041D ", inn] })), kpp && (_jsxs(Typography, { variant: "caption", color: "textSecondary", children: ["\u041A\u041F\u041F ", kpp] }))] }), linkButton && (_jsx(StyledButton, { variant: "link", ...linkButtonProps, children: buttonName }))] }) }));
 });

package/components/MenuOrganization/OrganizationList/OrganizationList.js

@@ -12,7 +12,7 @@ export const OrganizationList = (props) => {
                 onSelect: options.onSelect,
             });
         }
-        return (_jsx(OrganizationItem, Object.assign({}, organization, { selected: options.isSelected, onClick: options.onSelect, isHidePersonalData: isHidePersonalData })));
+        return (_jsx(OrganizationItem, { ...organization, selected: options.isSelected, onClick: options.onSelect, isHidePersonalData: isHidePersonalData }));
     };
     // Показываем список организаций если:
     // - Есть поисковый запрос И есть организации

package/components/MenuOrganization/useLogic/useLogic.js

@@ -3,7 +3,6 @@ import { DashboardContext } from '../../DashboardLayout';
 import { usePopover } from '../../hooks';
 import { useHidePersonalData } from '../../personalDataSecurity';
 export const useLogic = ({ organizations = [], onChangeSearch, onChange, currentOrganizationGroupLabel, currentOrganization, groupBy, onClose, onOpen, isOpen: isOpenPopover, isDisabled, disabledReason, isHidePersonalData, action, isLoading, isError, onRetry, renderItem, }) => {
-    var _a;
     const { isLoading: isDashboardLoading } = useContext(DashboardContext);
     const [searchValue, setSearchValue] = useState('');
     const [anchorButtonEl, setAnchorButtonEl] = useState(null);
@@ -19,18 +18,18 @@ export const useLogic = ({ organizations = [], onChangeSearch, onChange, current
             return organizations;
         }
         return organizations.filter(({ name, inn }) => name.toUpperCase().includes(searchValue.toUpperCase()) ||
-            (inn === null || inn === void 0 ? void 0 : inn.includes(searchValue)));
+            inn?.includes(searchValue));
     }, [onChangeSearch, organizations, searchValue]);
     const handleOnChangeSearch = (event) => {
         setSearchValue(event.target.value);
-        onChangeSearch === null || onChangeSearch === void 0 ? void 0 : onChangeSearch(event.target.value);
+        onChangeSearch?.(event.target.value);
     };
     const handleOpenPopover = (event) => {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen?.();
         open(event);
     };
     const handleClosePopover = () => {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose?.();
         close();
         setSearchValue('');
     };
@@ -59,7 +58,7 @@ export const useLogic = ({ organizations = [], onChangeSearch, onChange, current
         isComponentLoading: isDashboardLoading,
         isShowOrganizationList: Boolean(filteredOrganization.length),
         organizationButtonProps: {
-            isOpen: isOpenPopover !== null && isOpenPopover !== void 0 ? isOpenPopover : isOpen,
+            isOpen: isOpenPopover ?? isOpen,
             onClick: handleOpenPopover,
             currentOrganization,
             isDisabled,
@@ -73,9 +72,9 @@ export const useLogic = ({ organizations = [], onChangeSearch, onChange, current
             inputProps: { className: hidePersonalInputDataClassname },
         },
         popoverProps: {
-            open: (_a = (anchorButtonEl && isOpenPopover)) !== null && _a !== void 0 ? _a : isOpen,
+            open: (anchorButtonEl && isOpenPopover) ?? isOpen,
             onClose: handleClosePopover,
-            anchorEl: anchorButtonEl !== null && anchorButtonEl !== void 0 ? anchorButtonEl : anchor,
+            anchorEl: anchorButtonEl ?? anchor,
         },
         organizationListProps: {
             organizations: filteredOrganization,

package/components/MinimalisticPagination/MinimalisticPagination.js

@@ -6,5 +6,5 @@ import { useLogic } from './useLogic';
 export const MinimalisticPagination = (props) => {
     const { previousButtonProps, nextButtonProps } = useLogic(props);
     const { page, className, isDisabled } = props;
-    return (_jsxs(PaginationWrapper, { className: className, "aria-label": "\u041F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u044F", "$isDisabled": isDisabled, children: [_jsx(IconButton, Object.assign({ "aria-label": "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443", variant: "text" }, previousButtonProps, { children: _jsx(PreviousOutlineMd, {}) })), _jsx(PageItem, { component: "span", children: page }), _jsx(IconButton, Object.assign({ "aria-label": "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443", variant: "text" }, nextButtonProps, { children: _jsx(NextOutlineMd, {}) }))] }));
+    return (_jsxs(PaginationWrapper, { className: className, "aria-label": "\u041F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u044F", "$isDisabled": isDisabled, children: [_jsx(IconButton, { "aria-label": "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443", variant: "text", ...previousButtonProps, children: _jsx(PreviousOutlineMd, {}) }), _jsx(PageItem, { component: "span", children: page }), _jsx(IconButton, { "aria-label": "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0443\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443", variant: "text", ...nextButtonProps, children: _jsx(NextOutlineMd, {}) })] }));
 };

package/components/NavMenu/Item/Item.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 { Collapse } from '../../Collapse';
 import { ItemButton } from './ItemButton';
@@ -16,7 +5,7 @@ import { List } from './List';
 import { useLogic } from './useLogic';
 export const Item = (props) => {
     const { collapsedIn, item: [, value], } = props;
-    const { active: externalActive, icon, items, text, component } = value, componentProps = __rest(value, ["active", "icon", "items", "text", "component"]);
+    const { active: externalActive, icon, items, text, component, ...componentProps } = value;
     const { handleClick, isOpen, selected, isGroupTitleItem } = useLogic(props);
-    return (_jsxs("li", { children: [_jsx(ItemButton, Object.assign({ opened: isOpen, collapsedIn: collapsedIn, selected: selected, text: text, icon: icon, component: component }, componentProps, { onClick: handleClick, isGroupTitleItem: isGroupTitleItem })), items && (_jsx(Collapse, { in: isOpen, children: _jsx(List, { collapsedIn: collapsedIn, items: items }) }))] }));
+    return (_jsxs("li", { children: [_jsx(ItemButton, { opened: isOpen, collapsedIn: collapsedIn, selected: selected, text: text, icon: icon, component: component, ...componentProps, onClick: handleClick, isGroupTitleItem: isGroupTitleItem }), items && (_jsx(Collapse, { in: isOpen, children: _jsx(List, { collapsedIn: collapsedIn, items: items }) }))] }));
 };

package/components/NavMenu/Item/ItemButton/ItemButton.js

@@ -1,23 +1,12 @@
-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, } from 'react';
 import { Collapse } from '../../../Collapse';
 import { useViewportType } from '../../../hooks';
 import { EndAdornmentWrapper, NavMenuItemButtonChevron, NavMenuItemButtonIcon, NavMenuItemButtonText, StyledListItemButton, StyledPageDotOutlineMd, } from './styles';
 export const ItemButton = forwardRef((props, ref) => {
-    const { collapsedIn, opened, text, icon, component = 'a', counter, isNested = false, isGroupTitleItem = false, selected } = props, restProps = __rest(props, ["collapsedIn", "opened", "text", "icon", "component", "counter", "isNested", "isGroupTitleItem", "selected"]);
+    const { collapsedIn, opened, text, icon, component = 'a', counter, isNested = false, isGroupTitleItem = false, selected, ...restProps } = props;
     const { isMobile } = useViewportType();
-    const Counter = counter === null || counter === void 0 ? void 0 : counter.component;
+    const Counter = counter?.component;
     const { max, count } = counter || {};
-    return (_jsxs(StyledListItemButton, Object.assign({ "$isGroupTitleItem": isGroupTitleItem, ref: ref, component: component, withoutContainer: true, selected: selected, "aria-selected": selected }, restProps, { children: [isMobile ? (_jsxs(_Fragment, { children: [isNested && _jsx(StyledPageDotOutlineMd, {}), _jsx(NavMenuItemButtonText, { "$isGroupTitleItem": isGroupTitleItem, children: text, rowsCount: 2 })] })) : (_jsxs(_Fragment, { children: [_jsx(NavMenuItemButtonIcon, { children: Counter && Number(count) ? (_jsx(Counter.Badge, { invisible: collapsedIn, children: icon })) : (icon) }), _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: _jsx(NavMenuItemButtonText, { "$isGroupTitleItem": isGroupTitleItem, "$isCounter": Boolean(counter), tooltipProps: { placement: 'right' }, children: text, rowsCount: 2 }) })] })), _jsxs(EndAdornmentWrapper, { "$collapsedIn": collapsedIn, children: [Counter && _jsx(Counter, { max: max, count: count }), isGroupTitleItem && (_jsx(NavMenuItemButtonChevron, { "$collapsedIn": collapsedIn, "$opened": opened }))] })] })));
+    return (_jsxs(StyledListItemButton, { "$isGroupTitleItem": isGroupTitleItem, ref: ref, component: component, withoutContainer: true, selected: selected, "aria-selected": selected, ...restProps, children: [isMobile ? (_jsxs(_Fragment, { children: [isNested && _jsx(StyledPageDotOutlineMd, {}), _jsx(NavMenuItemButtonText, { "$isGroupTitleItem": isGroupTitleItem, children: text, rowsCount: 2 })] })) : (_jsxs(_Fragment, { children: [_jsx(NavMenuItemButtonIcon, { children: Counter && Number(count) ? (_jsx(Counter.Badge, { invisible: collapsedIn, children: icon })) : (icon) }), _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: _jsx(NavMenuItemButtonText, { "$isGroupTitleItem": isGroupTitleItem, "$isCounter": Boolean(counter), tooltipProps: { placement: 'right' }, children: text, rowsCount: 2 }) })] })), _jsxs(EndAdornmentWrapper, { "$collapsedIn": collapsedIn, children: [Counter && _jsx(Counter, { max: max, count: count }), isGroupTitleItem && (_jsx(NavMenuItemButtonChevron, { "$collapsedIn": collapsedIn, "$opened": opened }))] })] }));
 });

package/components/NavMenu/Item/useLogic/useLogic.js

@@ -1,11 +1,11 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 export const useLogic = ({ item: [, { items, active: externalActive }], }) => {
-    const [isOpen, setIsOpen] = useState(items === null || items === void 0 ? void 0 : items.some(([, { active }]) => {
+    const [isOpen, setIsOpen] = useState(items?.some(([, { active }]) => {
         return active;
     }));
-    const isGroup = Boolean(items === null || items === void 0 ? void 0 : items.length);
+    const isGroup = Boolean(items?.length);
     useEffect(() => {
-        const hasActiveChild = items === null || items === void 0 ? void 0 : items.some(([, { active }]) => active);
+        const hasActiveChild = items?.some(([, { active }]) => active);
         if (hasActiveChild) {
             setIsOpen(true);
         }
@@ -22,6 +22,6 @@ export const useLogic = ({ item: [, { items, active: externalActive }], }) => {
             return false;
         });
     }, []);
-    const isGroupTitleItem = Boolean(items === null || items === void 0 ? void 0 : items.length);
+    const isGroupTitleItem = Boolean(items?.length);
     return { selected, handleClick, isOpen, isGroupTitleItem };
 };