@astral/ui 4.2.0 → 4.2.1

package/README.md

@@ -341,7 +341,7 @@ export default defineConfig({
     conditions: ['vitest'],
   },
   test: {
-    environment: 'jsdom',
+    environment: 'happy-dom',
   },
 });
 ```

package/components/Accordion/useLogic/useLogic.js

@@ -7,12 +7,12 @@ export const useLogic = ({ startAdornment, isExpanded, onChange, subtitle, }) =>
     const hasSubtitle = Boolean(subtitle);
     const handleClick = (event) => {
         if (isControlled) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(!isExpanded, event);
+            onChange?.(!isExpanded, event);
         }
         else {
             const newValue = !isUncontrolledExpanded;
             setIsUncontrolledExpanded(newValue);
-            onChange === null || onChange === void 0 ? void 0 : onChange(newValue, event);
+            onChange?.(newValue, event);
         }
     };
     const handleKeyDown = (event) => {

package/components/ActionCellBase/MainAction/MainAction.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { IconDropdownButton } from '../../IconDropdownButton';
@@ -18,10 +7,7 @@ import { MainIconButton } from './MainIconButton';
 export const MainAction = ({ action, onActionClick, isDisabled, }) => {
     if ('actions' in action) {
         const { disabled, icon, name, disabledReason, actions } = action;
-        return (_jsx(Tooltip, { title: disabledReason || name, withoutContainer: !disabled, placement: "top", children: _jsx(IconDropdownButton, { icon: icon, variant: "text", disabled: isDisabled || disabled, children: actions.map((_a) => {
-                    var { name: nestedActionName, onClick: onClickNested } = _a, props = __rest(_a, ["name", "onClick"]);
-                    return (_createElement(MenuItem, Object.assign({}, props, { key: nestedActionName, onClick: onActionClick(onClickNested) }), nestedActionName));
-                }) }) }, name));
+        return (_jsx(Tooltip, { title: disabledReason || name, withoutContainer: !disabled, placement: "top", children: _jsx(IconDropdownButton, { icon: icon, variant: "text", disabled: isDisabled || disabled, children: actions.map(({ name: nestedActionName, onClick: onClickNested, ...props }) => (_createElement(MenuItem, { ...props, key: nestedActionName, onClick: onActionClick(onClickNested) }, nestedActionName))) }) }, name));
     }
     return (_jsx(MainIconButton, { action: action, onActionClick: onActionClick, isDisabled: isDisabled }));
 };

package/components/ActionCellBase/MainAction/MainIconButton/MainIconButton.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { ConfirmAction, } from '../../../ConfirmAction';
 import { IconButton } from '../../../IconButton';
@@ -17,8 +6,8 @@ import { useLogic } from './useLogic';
 export const MainIconButton = (props) => {
     const { tooltipProps } = useLogic(props);
     const { action, onActionClick, isDisabled } = props;
-    const { name, icon, needConfirm, confirmText, confirmButtonProps, disabledReason, disabled, loading, isBlockingOperation, loadingNote, onClick } = action, actions = __rest(action, ["name", "icon", "needConfirm", "confirmText", "confirmButtonProps", "disabledReason", "disabled", "loading", "isBlockingOperation", "loadingNote", "onClick"]);
-    const renderButton = (renderProps) => (_jsx(Tooltip, Object.assign({ withoutContainer: !disabled, placement: "top" }, tooltipProps, { children: _jsx(IconButton, Object.assign({ disabled: isDisabled || disabled, loading: loading }, actions, { variant: "text" }, renderProps, { children: icon })) }), name));
+    const { name, icon, needConfirm, confirmText, confirmButtonProps, disabledReason, disabled, loading, isBlockingOperation, loadingNote, onClick, ...actions } = action;
+    const renderButton = (renderProps) => (_jsx(Tooltip, { withoutContainer: !disabled, placement: "top", ...tooltipProps, children: _jsx(IconButton, { disabled: isDisabled || disabled, loading: loading, ...actions, variant: "text", ...renderProps, children: icon }) }, name));
     return (_jsx(_Fragment, { children: needConfirm ? (_jsx(ConfirmAction, { text: confirmText, confirmButtonProps: confirmButtonProps, actionComponent: (renderProps) => renderButton(renderProps), onConfirm: onActionClick(onClick) })) : (renderButton({
             onClick: onActionClick(onClick),
         })) }));

package/components/ActionCellBase/SecondaryAction/SecondaryAction.js

@@ -6,6 +6,6 @@ import { MenuItem } from '../../MenuItem';
 export const SecondaryActions = ({ actions, onActionClick, isDisabled, }) => {
     return (_jsx(IconDropdownButton, { "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F", icon: _jsx(DotsVOutlineMd, {}), variant: "text", disabled: isDisabled, children: actions.map((action) => {
             const { onClick, name } = action;
-            return (_createElement(MenuItem, Object.assign({}, action, { key: name, tooltipPlacement: "left", onClick: onActionClick(onClick) }), name));
+            return (_createElement(MenuItem, { ...action, key: name, tooltipPlacement: "left", onClick: onActionClick(onClick) }, name));
         }) }));
 };

package/components/ActionGroup/MainActions/MainActions.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { MenuItem } from '../../MenuItem';
@@ -18,15 +7,12 @@ import { StyledButton, StyledDropdownButton } from './styles';
 export const MainActions = ({ actions, isDisabled, size, }) => {
     const processedActions = useMainActions({ actions, size, isDisabled });
     return (_jsx(_Fragment, { children: processedActions.map(({ tooltipProps, isNested, buttonProps, nestedActions }) => {
-            const { key: tooltipKey } = tooltipProps, restTooltipProps = __rest(tooltipProps, ["key"]);
+            const { key: tooltipKey, ...restTooltipProps } = tooltipProps;
             if (isNested) {
-                return (_createElement(Tooltip, Object.assign({}, restTooltipProps, { key: tooltipKey }),
-                    _jsx(StyledDropdownButton, Object.assign({}, buttonProps, { children: nestedActions.map((_a) => {
-                            var { key, text } = _a, nestedProps = __rest(_a, ["key", "text"]);
-                            return (_jsx(MenuItem, Object.assign({}, nestedProps, { children: text }), key));
-                        }) }))));
+                return (_createElement(Tooltip, { ...restTooltipProps, key: tooltipKey },
+                    _jsx(StyledDropdownButton, { ...buttonProps, children: nestedActions.map(({ key, text, ...nestedProps }) => (_jsx(MenuItem, { ...nestedProps, children: text }, key))) })));
             }
-            return (_createElement(Tooltip, Object.assign({}, restTooltipProps, { key: tooltipKey }),
-                _jsx(StyledButton, Object.assign({}, buttonProps))));
+            return (_createElement(Tooltip, { ...restTooltipProps, key: tooltipKey },
+                _jsx(StyledButton, { ...buttonProps })));
         }) }));
 };

package/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.js

@@ -1,32 +1,27 @@
-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;
-};
 const getMultipleActions = (action, size, isDisabled) => {
-    const { text, isNested, actions: nestedActions, disabled, disabledReason, note, isBlockingOperation } = action, buttonProps = __rest(action, ["text", "isNested", "actions", "disabled", "disabledReason", "note", "isBlockingOperation"]);
+    const { text, isNested, actions: nestedActions, disabled, disabledReason, note, isBlockingOperation, ...buttonProps } = action;
     return {
         tooltipProps: {
             key: text,
             title: disabled ? disabledReason : note,
             withoutContainer: !(isDisabled || disabled),
         },
-        buttonProps: Object.assign(Object.assign({}, buttonProps), { disabled: isDisabled || disabled, name: text, size }),
+        buttonProps: {
+            ...buttonProps,
+            disabled: isDisabled || disabled,
+            name: text,
+            size,
+        },
         isNested,
-        nestedActions: nestedActions.map((_a) => {
-            var { text: nestedActionText } = _a, nestedProps = __rest(_a, ["text"]);
-            return (Object.assign(Object.assign({ key: nestedActionText }, nestedProps), { text: nestedActionText }));
-        }),
+        nestedActions: nestedActions.map(({ text: nestedActionText, ...nestedProps }) => ({
+            key: nestedActionText,
+            ...nestedProps,
+            text: nestedActionText,
+        })),
     };
 };
 const getSingleAction = (action, size, isDisabled) => {
-    const { text, disabled, disabledReason, note, isBlockingOperation, isNested } = action, mainProps = __rest(action, ["text", "disabled", "disabledReason", "note", "isBlockingOperation", "isNested"]);
+    const { text, disabled, disabledReason, note, isBlockingOperation, isNested, ...mainProps } = action;
     return {
         tooltipProps: {
             key: text,
@@ -34,7 +29,12 @@ const getSingleAction = (action, size, isDisabled) => {
             withoutContainer: !(isDisabled || disabled),
         },
         isNested,
-        buttonProps: Object.assign(Object.assign({}, mainProps), { disabled: isDisabled || disabled, children: text, size }),
+        buttonProps: {
+            ...mainProps,
+            disabled: isDisabled || disabled,
+            children: text,
+            size,
+        },
         nestedActions: [],
     };
 };

package/components/ActionGroup/SecondaryActions/SecondaryActions.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { DotsOutlineMd } from '../../../icons';
@@ -20,9 +9,6 @@ export const SecondaryActions = ({ actions, isDisabled, className, size, }) => {
     if (!actions.length) {
         return null;
     }
-    return (_jsx(IconDropdownButton, { disabled: isDisabled, icon: _jsx(DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, children: actions.map((_a) => {
-            var { text } = _a, secondaryProps = __rest(_a, ["text"]);
-            return (_createElement(ListItemButton, Object.assign({ tooltipPlacement: TOOLTIP_PLACEMENT }, secondaryProps, { key: text }),
-                _jsx(ListItemText, { primary: text })));
-        }) }));
+    return (_jsx(IconDropdownButton, { disabled: isDisabled, icon: _jsx(DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, children: actions.map(({ text, ...secondaryProps }) => (_createElement(ListItemButton, { tooltipPlacement: TOOLTIP_PLACEMENT, ...secondaryProps, key: text },
+            _jsx(ListItemText, { primary: text })))) }));
 };

package/components/ActionGroup/SecondaryVisibleActions/SecondaryVisibleActions.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, Fragment as _Fragment } from "react/jsx-runtime";
 import { IconButton } from '../../IconButton';
 import { Tooltip } from '../../Tooltip';
 export const SecondaryVisibleActions = ({ actions, className, size, }) => {
     return (_jsx(_Fragment, { children: actions.map((action) => {
-            const { name, icon, disabledReason, disabled, isBlockingOperation } = action, mainProps = __rest(action, ["name", "icon", "disabledReason", "disabled", "isBlockingOperation"]);
-            return (_jsx(Tooltip, { title: disabled ? disabledReason : name, withoutContainer: !disabled, children: _jsx(IconButton, Object.assign({ variant: "outlined", color: "grey", size: size, name: name, disabled: disabled, className: className }, mainProps, { children: icon })) }, name));
+            const { name, icon, disabledReason, disabled, isBlockingOperation, ...mainProps } = action;
+            return (_jsx(Tooltip, { title: disabled ? disabledReason : name, withoutContainer: !disabled, children: _jsx(IconButton, { variant: "outlined", color: "grey", size: size, name: name, disabled: disabled, className: className, ...mainProps, children: icon }) }, name));
         }) }));
 };

package/components/AddressAutocomplete/AddressAutocomplete.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 } from "react/jsx-runtime";
 import { AsyncAutocomplete, } from '../AsyncAutocomplete';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { useLogic } from './useLogic';
 const AddressAutocompleteInner = (props, ref) => {
     const { handleChange, getOptionLabel, hidePersonalInputDataClassname, hidePersonalDataClassname, } = useLogic(props);
-    const { minSymbolsToFetch = 3, value = null, onChange, freeSolo = true } = props, restProps = __rest(props, ["minSymbolsToFetch", "value", "onChange", "freeSolo"]);
-    return (_jsx(AsyncAutocomplete, Object.assign({ onChange: handleChange, value: value, freeSolo: freeSolo, minSymbolsToFetch: minSymbolsToFetch, getOptionLabel: getOptionLabel, ref: ref, inputProps: {
+    const { minSymbolsToFetch = 3, value = null, onChange, freeSolo = true, ...restProps } = props;
+    return (_jsx(AsyncAutocomplete, { onChange: handleChange, value: value, freeSolo: freeSolo, minSymbolsToFetch: minSymbolsToFetch, getOptionLabel: getOptionLabel, ref: ref, inputProps: {
             className: hidePersonalInputDataClassname,
-        }, overflowOption: { className: hidePersonalDataClassname } }, restProps)));
+        }, overflowOption: { className: hidePersonalDataClassname }, ...restProps }));
 };
 export const AddressAutocomplete = forwardRefWithGeneric(AddressAutocompleteInner);

package/components/AddressAutocomplete/faker.js

@@ -1,21 +1,15 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import axios from 'axios';
 const axiosInstance = axios.create();
-export const getAddress = (search, options) => __awaiter(void 0, void 0, void 0, function* () {
+export const getAddress = async (search, options) => {
     const token = '64573947b8b0dd50db4cc860d0b02b8baf3c7a40';
-    const response = yield axiosInstance.post('https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address', { query: search }, Object.assign({ headers: {
+    const response = await axiosInstance.post('https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address', { query: search }, {
+        headers: {
             'Content-Type': 'application/json',
             Accept: 'application/json',
             Authorization: `Token ${token}`,
             'X-Secret': 'bb22fe88cd5be097f4eba43b253e160590b4ea1f',
-        } }, options));
+        },
+        ...options,
+    });
     return response.data.suggestions;
-});
+};

package/components/Alert/Alert.js

@@ -18,7 +18,7 @@ export const Alert = forwardRef(({ children, title, closeText = 'Скрыть',
             success: _jsx(SuccessFillMd, {}),
             warning: _jsx(WarningFillMd, {}),
         };
-        return (_jsx(IconWrapper, { "$hasTitle": Boolean(title), "$severity": severity, "$hasCloseButton": Boolean(onClose), className: alertClassnames.iconWrapper, children: icon !== null && icon !== void 0 ? icon : iconMapping[severity] }));
+        return (_jsx(IconWrapper, { "$hasTitle": Boolean(title), "$severity": severity, "$hasCloseButton": Boolean(onClose), className: alertClassnames.iconWrapper, children: icon ?? iconMapping[severity] }));
     };
     return (_jsx(Collapse, { in: display, unmountOnExit: unmountOnExit, children: _jsxs(Wrapper, { style: style, className: classNames(className, alertClassnames.root), role: "alert", ref: ref, "$severity": severity, "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), children: [_jsxs(Content, { "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), className: alertClassnames.contentWrapper, children: [renderIcon(), title && (_jsx(Title, { variant: "h5", "$hasCloseButton": Boolean(onClose), className: alertClassnames.title, children: title })), onClose && renderCloseButton(), _jsx(StyledTypography, { component: shouldRenderParagraph ? 'p' : 'div', "$hasTitle": Boolean(title), "$hasCloseButton": Boolean(onClose), "$hasActions": Boolean(actions), className: alertClassnames.content, children: children })] }), actions && (_jsx(StyledGrid, { container: true, spacing: 4, children: actions }))] }) }));
 });

package/components/AsyncAutocomplete/AsyncAutocomplete.js

@@ -4,6 +4,6 @@ import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { useLogic } from './useLogic';
 const AsyncAutocompleteInner = (props, ref) => {
     const { autocompleteProps } = useLogic(props);
-    return _jsx(Autocomplete, Object.assign({}, autocompleteProps, { ref: ref }));
+    return _jsx(Autocomplete, { ...autocompleteProps, ref: ref });
 };
 export const AsyncAutocomplete = forwardRefWithGeneric(AsyncAutocompleteInner);

package/components/AsyncAutocomplete/faker.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { faker } from '@ui/dev/faker';
 import axios from 'axios';
 import AxiosMockAdapter from 'axios-mock-adapter';
@@ -38,7 +29,10 @@ mock.onGet('/api/users/id').reply((config) => {
     const user = FAKE_USERS.find((fakeUser) => fakeUser.id === userId);
     return [200, user];
 });
-export const getFakeUsers = (search, options) => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield axiosInstance.get('api/users', Object.assign(Object.assign({}, options), { params: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.params), { name_like: search }) }));
+export const getFakeUsers = async (search, options) => {
+    const response = await axiosInstance.get('api/users', {
+        ...options,
+        params: { ...options?.params, name_like: search },
+    });
     return response.data;
-});
+};

package/components/AsyncAutocomplete/useLogic/useLogic.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 { useAsyncOptions } from '../../hooks';
 import { DEFAULT_DELAY_MS, DEFAULT_EMPTY_OPTIONS_TEXT, DEFAULT_MIN_SEARCH_CHARACTERS, DEFAULT_NO_OPTIONS_TEXT, } from '../constants';
 /* Стандартный фильтр. Необходим для правильного отображения опций, при асинхронном поиске
  * см. https://track.astral.ru/soft/browse/UIKIT-2823 */
 const filterOptions = (options) => options;
-export const useLogic = (_a) => {
-    var { fetchOptions, fetchDelayMs = DEFAULT_DELAY_MS, minSymbolsToFetch = DEFAULT_MIN_SEARCH_CHARACTERS, defaultValue, getOptionLabel, noOptionsText = DEFAULT_NO_OPTIONS_TEXT, onOpen, onInputChange, onDataLoadError, isLoadedDataError, isDisabled, isFullWidth, isSuccess, isError, isLoading, isRequired } = _a, restProps = __rest(_a, ["fetchOptions", "fetchDelayMs", "minSymbolsToFetch", "defaultValue", "getOptionLabel", "noOptionsText", "onOpen", "onInputChange", "onDataLoadError", "isLoadedDataError", "isDisabled", "isFullWidth", "isSuccess", "isError", "isLoading", "isRequired"]);
+export const useLogic = ({ fetchOptions, fetchDelayMs = DEFAULT_DELAY_MS, minSymbolsToFetch = DEFAULT_MIN_SEARCH_CHARACTERS, defaultValue, getOptionLabel, noOptionsText = DEFAULT_NO_OPTIONS_TEXT, onOpen, onInputChange, onDataLoadError, isLoadedDataError, isDisabled, isFullWidth, isSuccess, isError, isLoading, isRequired, ...restProps }) => {
     const { options, onInputChange: propsOnInputChange, onOpen: propsOnOpen, isLoadingData, isLoadingError, } = useAsyncOptions({
         fetchOptions,
         fetchDelayMs,
@@ -23,7 +11,7 @@ export const useLogic = (_a) => {
         onDataLoadError,
     });
     const handleInputChange = (event, search, reason) => {
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, search, reason);
+        onInputChange?.(event, search, reason);
         propsOnInputChange(search, reason);
     };
     const handleOpen = (event) => {
@@ -31,12 +19,26 @@ export const useLogic = (_a) => {
             ? getOptionLabel(defaultValue)
             : '';
         propsOnOpen(defaultSearch, defaultValue);
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen(event);
+        onOpen?.(event);
     };
     const emptyOptionsText = options.length === 0 ? noOptionsText : DEFAULT_EMPTY_OPTIONS_TEXT;
     return {
-        autocompleteProps: Object.assign({ options, disabled: isDisabled, fullWidth: isFullWidth, loading: isLoading || isLoadingData, error: isError, required: isRequired, success: isSuccess, onOpen: handleOpen, noOptionsText: emptyOptionsText, onInputChange: handleInputChange, isLoadedDataError: isLoadedDataError !== null && isLoadedDataError !== void 0 ? isLoadedDataError : isLoadingError, getOptionLabel,
+        autocompleteProps: {
+            options,
+            disabled: isDisabled,
+            fullWidth: isFullWidth,
+            loading: isLoading || isLoadingData,
+            error: isError,
+            required: isRequired,
+            success: isSuccess,
+            onOpen: handleOpen,
+            noOptionsText: emptyOptionsText,
+            onInputChange: handleInputChange,
+            isLoadedDataError: isLoadedDataError ?? isLoadingError,
+            getOptionLabel,
             defaultValue,
-            filterOptions }, restProps),
+            filterOptions,
+            ...restProps,
+        },
     };
 };

package/components/AutoSaveIndicator/AutoSaveIndicator.js

@@ -22,11 +22,11 @@ export const AutoSaveIndicator = (props) => {
         }
         return _jsx(DefaultState, {});
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, { ref: ref, children: renderContent() }), _jsx(Popover, Object.assign({}, popoverProps, { anchorOrigin: {
+    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, { ref: ref, children: renderContent() }), _jsx(Popover, { ...popoverProps, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'center',
                 }, transformOrigin: {
                     horizontal: 'center',
                     vertical: 'top',
-                }, children: _jsxs(PopoverContent, { children: [_jsx(StyledTypography, { children: "\u0418\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u0442\u043E\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u044F\u044E\u0442\u0441\u044F \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438" }), _jsx(StyledIconButton, { variant: "text", onClick: handleClose, children: _jsx(CrossOutlineMd, {}) })] }) }))] }));
+                }, children: _jsxs(PopoverContent, { children: [_jsx(StyledTypography, { children: "\u0418\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u043D\u0430 \u044D\u0442\u043E\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u0441\u043E\u0445\u0440\u0430\u043D\u044F\u044E\u0442\u0441\u044F \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438" }), _jsx(StyledIconButton, { variant: "text", onClick: handleClose, children: _jsx(CrossOutlineMd, {}) })] }) })] }));
 };

package/components/Autocomplete/Autocomplete.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 { ListItemIcon, Popper as MuiPopper } from '@mui/material';
 import { useCallback, } from 'react';
@@ -25,20 +14,28 @@ import { StyledAutocomplete, StyledMenuItem } from './styles';
 import { useLogic } from './useLogic';
 const AutocompleteInner = (props, ref) => {
     const { isValueEmpty, isPopperVisible, autocompleteProps } = useLogic(props);
-    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = _jsx(Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps, hideHelperText = false, loading } = props, restProps = __rest(props, ["required", "success", "error", "label", "getOptionLabel", "helperText", "inputRef", "multiple", "size", "placeholder", "overflowOption", "closeText", "openText", "clearText", "loadingText", "isLoadedDataError", "loadedDataError", "noOptionsText", "autoHighlight", "renderInput", "renderTags", "renderOption", "inputProps", "hideHelperText", "loading"]);
+    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = _jsx(Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps, hideHelperText = false, loading, ...restProps } = props;
     const renderInput = useCallback((inputParams) => {
-        var _a;
-        const generalInputParams = Object.assign(Object.assign({}, inputParams), { inputProps: Object.assign(Object.assign({}, inputParams.inputProps), { className: classNames((_a = inputParams === null || inputParams === void 0 ? void 0 : inputParams.inputProps) === null || _a === void 0 ? void 0 : _a.className, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className) }), inputRef,
-            required, placeholder: isValueEmpty ? placeholder : '', label,
+        const generalInputParams = {
+            ...inputParams,
+            inputProps: {
+                ...inputParams.inputProps,
+                className: classNames(inputParams?.inputProps?.className, inputProps?.className),
+            },
+            inputRef,
+            required,
+            placeholder: isValueEmpty ? placeholder : '',
+            label,
             success,
             error,
             helperText,
             size,
-            hideHelperText });
+            hideHelperText,
+        };
         if (externalRenderInput) {
             return externalRenderInput(generalInputParams);
         }
-        return _jsx(TextField, Object.assign({}, generalInputParams));
+        return _jsx(TextField, { ...generalInputParams });
     }, [
         isValueEmpty,
         externalRenderInput,
@@ -57,29 +54,29 @@ const AutocompleteInner = (props, ref) => {
             return externalRenderOption(optionProps, option, optionState);
         }
         const isSelected = Boolean(optionProps['aria-selected']);
-        const { key } = optionProps, restOptionProps = __rest(optionProps, ["key"]);
-        return (_jsxs(StyledMenuItem, Object.assign({ selected: isSelected }, restOptionProps, { children: [multiple && (_jsx(ListItemIcon, { children: _jsx(Checkbox, { role: "menuitemcheckbox", checked: isSelected }) })), _jsx(OverflowTypography, Object.assign({ rowsCount: DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT }, overflowOption, { children: optionProps.key }))] }), key));
+        const { key, ...restOptionProps } = optionProps;
+        return (_jsxs(StyledMenuItem, { selected: isSelected, ...restOptionProps, children: [multiple && (_jsx(ListItemIcon, { children: _jsx(Checkbox, { role: "menuitemcheckbox", checked: isSelected }) })), _jsx(OverflowTypography, { rowsCount: DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, ...overflowOption, children: optionProps.key })] }, key));
     }, [multiple, overflowOption, externalRenderOption]);
     const renderTags = useCallback((tags, getTagProps, ownerSate) => {
         if (externalRenderTags) {
             return externalRenderTags(tags, getTagProps, ownerSate);
         }
         return tags.map((tag, index) => {
-            const title = (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(tag)) || '';
-            const _a = getTagProps({ index }), { key } = _a, tagProps = __rest(_a, ["key"]);
-            return (_jsx(Tag, Object.assign({ variant: "light", color: "grey", label: title }, tagProps), key));
+            const title = getOptionLabel?.(tag) || '';
+            const { key, ...tagProps } = getTagProps({ index });
+            return (_jsx(Tag, { variant: "light", color: "grey", label: title, ...tagProps }, key));
         });
     }, [getOptionLabel, externalRenderTags]);
     const renderPopper = useCallback((popperProps) => {
         if (!isPopperVisible) {
             return null;
         }
-        return _jsx(MuiPopper, Object.assign({}, popperProps));
+        return _jsx(MuiPopper, { ...popperProps });
     }, [isPopperVisible]);
-    return (_jsx(StyledAutocomplete, Object.assign({}, restProps, { ref: ref, size: size, clearText: clearText, closeText: !loading ? closeText : '', openText: !loading ? openText : '', loadingText: loadingText, multiple: multiple, disableCloseOnSelect: multiple, clearIcon: _jsx(CrossOutlineMd, {}), loading: loading, popupIcon: loading ? _jsx(Loader, { color: "primary", size: "small" }) : _jsx(DownOutlineMd, {}), forcePopupIcon: true, slotProps: {
+    return (_jsx(StyledAutocomplete, { ...restProps, ref: ref, size: size, clearText: clearText, closeText: !loading ? closeText : '', openText: !loading ? openText : '', loadingText: loadingText, multiple: multiple, disableCloseOnSelect: multiple, clearIcon: _jsx(CrossOutlineMd, {}), loading: loading, popupIcon: loading ? _jsx(Loader, { color: "primary", size: "small" }) : _jsx(DownOutlineMd, {}), forcePopupIcon: true, slotProps: {
             popper: {
                 component: renderPopper,
             },
-        }, getOptionLabel: getOptionLabel, renderInput: renderInput, renderTags: renderTags, renderOption: renderOption }, autocompleteProps)));
+        }, getOptionLabel: getOptionLabel, renderInput: renderInput, renderTags: renderTags, renderOption: renderOption, ...autocompleteProps }));
 };
 export const Autocomplete = forwardRefWithGeneric(AutocompleteInner);

package/components/Autocomplete/useLogic/useLogic.js

@@ -16,7 +16,7 @@ export const useLogic = ({ value, isOptionEqualToValue: externalOptionEqualToVal
         return JSON.stringify(option) === JSON.stringify(currentValue);
     }, [externalOptionEqualToValue]);
     const handleInputChange = (event, currentValue, reason) => {
-        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, currentValue, reason);
+        onInputChange?.(event, currentValue, reason);
         if (!loading) {
             setInnerInputValue(currentValue);
         }

package/components/Avatar/Avatar.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 { Sizes } from './constants';
 import { StyledAvatar } from './styles';
-export const Avatar = forwardRef((_a, ref) => {
-    var { color, size = 'lg' } = _a, restProps = __rest(_a, ["color", "size"]);
-    return (_jsx(StyledAvatar, Object.assign({}, restProps, { sx: { background: color, width: Sizes[size], height: Sizes[size] }, ref: ref, "$size": size })));
+export const Avatar = forwardRef(({ color, size = 'lg', ...restProps }, ref) => {
+    return (_jsx(StyledAvatar, { ...restProps, sx: { background: color, width: Sizes[size], height: Sizes[size] }, ref: ref, "$size": size }));
 });

package/components/AvatarGroup/AvatarGroup.js

@@ -1,17 +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 { jsx as _jsx } from "react/jsx-runtime";
 import { StyledAvatarGroup } from './styles';
 export const AvatarGroup = (props) => {
-    const { size = 'md' } = props, otherProps = __rest(props, ["size"]);
-    return _jsx(StyledAvatarGroup, Object.assign({ spacing: 6 }, otherProps, { "$size": size }));
+    const { size = 'md', ...otherProps } = props;
+    return _jsx(StyledAvatarGroup, { spacing: 6, ...otherProps, "$size": size });
 };

package/components/BackdropStack/services/BackdropStackManager/BackdropStackManager.js

@@ -9,7 +9,6 @@ const backdropConflictsReasons = new Set([
 ]);
 class BackdropStackManager {
     constructor() {
-        var _a;
         this.stack = [];
         /**
          * сохраняем информацию о том какой был предыдущий вызов pop,
@@ -65,7 +64,7 @@ class BackdropStackManager {
             }
             return false;
         };
-        (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerdown', () => {
+        globalThis?.document?.addEventListener('pointerdown', () => {
             this.currentPointerId = this.generateID();
         });
     }

package/components/Badge/Badge.js

@@ -1,17 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledBadge } from './styles';
-export const Badge = (_a) => {
-    var { children, color, max = 99, withBorder = true, variantColor = 'contained' } = _a, props = __rest(_a, ["children", "color", "max", "withBorder", "variantColor"]);
-    return (_jsx(StyledBadge, Object.assign({ "$customColor": color, max: max, "$withBorder": withBorder, "$variantColor": variantColor }, props, { children: children })));
-};
+export const Badge = ({ children, color, max = 99, withBorder = true, variantColor = 'contained', ...props }) => (_jsx(StyledBadge, { "$customColor": color, max: max, "$withBorder": withBorder, "$variantColor": variantColor, ...props, children: children }));