@astral/ui 4.1.7 → 4.2.1

package/components/TreeAsyncAutocomplete/useLogic/useLogic.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 { useEffect, useState, } from 'react';
 import { useAsyncOptions } from '../../hooks';
 import { DEFAULT_DELAY_MS, DEFAULT_MIN_SEARCH_CHARACTERS } from '../constants';
-export const useLogic = (_a) => {
-    var { onBlur, isError, value, isDisabled, fetchDelayMs = DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint } = _a, restInputProps = __rest(_a, ["onBlur", "isError", "value", "isDisabled", "fetchDelayMs", "fetchOptions", "minSymbolsToFetch", "onDataLoadError", "onChange", "loadingErrorMsg", "treeProps", "dialogProps", "onShowUserHint"]);
+export const useLogic = ({ onBlur, isError, value, isDisabled, fetchDelayMs = DEFAULT_DELAY_MS, fetchOptions, minSymbolsToFetch = DEFAULT_MIN_SEARCH_CHARACTERS, onDataLoadError, onChange, loadingErrorMsg, treeProps, dialogProps, onShowUserHint, ...restInputProps }) => {
     const [isOpen, setOpen] = useState(false);
     const [isLoadingModal, setIsLoadingModal] = useState(false);
     const { options, isLoadingData, isLoadingError, onInputChange: propsOnInputChange, onOpen: propsOnOpen, onRetry: propsOnRetry, meta, } = useAsyncOptions({
@@ -30,14 +18,14 @@ export const useLogic = (_a) => {
     const onInputBlur = (event) => {
         // Если произошла потеря фокуса, но открылась окно поиска элемента, то не вызываем onBlur, так как произойдет преждевременная валидация
         if (!isOpen) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+            onBlur?.(event);
         }
     };
     const onOpen = () => {
         if (minSymbolsToFetch === 0) {
             setIsLoadingModal(true);
         }
-        propsOnOpen(value === null || value === void 0 ? void 0 : value.label, value, true);
+        propsOnOpen(value?.label, value, true);
         setOpen(true);
     };
     const onKeyDown = (event) => {
@@ -47,7 +35,7 @@ export const useLogic = (_a) => {
     };
     const valueToRender = value ? value.label : '';
     const onClose = (event) => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onBlur?.(event);
         setOpen(false);
     };
     const onRetry = (search = '') => {
@@ -61,7 +49,16 @@ export const useLogic = (_a) => {
         propsOnInputChange(search, 'input');
     };
     return {
-        inputProps: Object.assign({ onBlur: onInputBlur, onClick: onOpen, onKeyDown, value: valueToRender, error: isError, disabled: isDisabled, onChange }, restInputProps),
+        inputProps: {
+            onBlur: onInputBlur,
+            onClick: onOpen,
+            onKeyDown,
+            value: valueToRender,
+            error: isError,
+            disabled: isDisabled,
+            onChange,
+            ...restInputProps,
+        },
         optionsModalProps: {
             isOpen,
             initialValue: value,
@@ -70,7 +67,10 @@ export const useLogic = (_a) => {
             isLoadingError,
             loadingErrorMsg,
             treeProps,
-            dialogProps: Object.assign(Object.assign({}, dialogProps), { onClose }),
+            dialogProps: {
+                ...dialogProps,
+                onClose,
+            },
             options,
             onRetry,
             onChange,

package/components/TreeAutocomplete/Input/Input.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 { CrossOutlineMd, DownOutlineMd } from '../../../icons';
@@ -20,6 +9,6 @@ import { useLogic } from './useLogic';
 const ClearButton = ({ disabled, onClick }) => (_jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: CLEAR_TEXT, "aria-label": CLEAR_TEXT, children: _jsx(CrossOutlineMd, {}) }));
 export const Input = forwardRef((props, forwardedRef) => {
     const { inputRef, isVisibleClearButton, handleClearAll } = useLogic(props);
-    const { disabled, onChange } = props, restProps = __rest(props, ["disabled", "onChange"]);
-    return (_jsx(TextField, Object.assign({}, restProps, { ref: forwardedRef, inputRef: inputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: _jsxs(IconWrapper, { children: [isVisibleClearButton && (_jsx(ClearButton, { disabled: disabled, onClick: handleClearAll })), _jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, children: _jsx(DownOutlineMd, {}) })] }) })));
+    const { disabled, onChange, ...restProps } = props;
+    return (_jsx(TextField, { ...restProps, ref: forwardedRef, inputRef: inputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: _jsxs(IconWrapper, { children: [isVisibleClearButton && (_jsx(ClearButton, { disabled: disabled, onClick: handleClearAll })), _jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, children: _jsx(DownOutlineMd, {}) })] }) }));
 });

package/components/TreeAutocomplete/Input/useLogic/useLogic.js

@@ -2,10 +2,9 @@ import { useForwardedRef } from '../../../hooks';
 export const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const handleClearAll = (event) => {
-        var _a;
         event.stopPropagation();
-        onChange === null || onChange === void 0 ? void 0 : onChange('');
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onChange?.('');
+        inputRef.current?.focus();
     };
     const isVisibleClearButton = !disabled && Boolean(value);
     return {

package/components/TreeAutocomplete/OptionsModal/OptionsModal.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 { Button } from '../../Button';
 import { Dialog } from '../../Dialog';
@@ -23,7 +12,7 @@ import { StyledDialogContent, TreeListWrapper } from './styles';
 import { useLogic } from './useLogic';
 export const OptionsModal = (props) => {
     const { isNoResult, searchFieldProps, modalProps, treeListProps, cancelButtonProps, confirmButtonProps, } = useLogic(props);
-    const { isOpen, initialValue, options, isLoading, isLoadingError, loadingErrorMsg, treeProps, filterOptions, onChange, onRetry, onClose } = props, externalDialogProps = __rest(props, ["isOpen", "initialValue", "options", "isLoading", "isLoadingError", "loadingErrorMsg", "treeProps", "filterOptions", "onChange", "onRetry", "onClose"]);
+    const { isOpen, initialValue, options, isLoading, isLoadingError, loadingErrorMsg, treeProps, filterOptions, onChange, onRetry, onClose, ...externalDialogProps } = props;
     const renderComponent = () => {
         if (isLoading) {
             return _jsx(Loader, {});
@@ -34,7 +23,7 @@ export const OptionsModal = (props) => {
         if (isNoResult) {
             return _jsx(NoData, {});
         }
-        return _jsx(TreeList, Object.assign({}, treeProps, treeListProps));
+        return _jsx(TreeList, { ...treeProps, ...treeListProps });
     };
-    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return (_jsxs(Dialog, { ...externalDialogProps, disableRestoreFocus: true, open: isOpen, ...modalProps, children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, { fullWidth: true, ...searchFieldProps }), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "text", ...cancelButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), _jsx(Button, { ...confirmButtonProps, children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" })] })] }));
 };

package/components/TreeAutocomplete/OptionsModal/useLogic/useLogic.js

@@ -16,7 +16,10 @@ export const useLogic = ({ isOpen, isLoading, isLoadingError, initialValue, opti
     const filteredOptions = useMemo(() => searchValue ? findInTree(options, searchValue, filterOptions) : options, [options, searchValue]);
     const addIsForceExpandedFlag = (item) => {
         if (item.children) {
-            return Object.assign(Object.assign({}, item), { options: Object.assign(Object.assign({}, (item.options || {})), { isForceExpanded: true }) });
+            return {
+                ...item,
+                options: { ...(item.options || {}), isForceExpanded: true },
+            };
         }
         return item;
     };
@@ -28,15 +31,15 @@ export const useLogic = ({ isOpen, isLoading, isLoadingError, initialValue, opti
     const handleChange = (newValue) => setValue(newValue);
     const handleClose = (event) => {
         setValue(initialValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onClose?.(event, 'escapeKeyDown');
     };
     const handleCancel = (event) => {
         setValue(initialValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onClose?.(event, 'escapeKeyDown');
     };
     const handleClick = (event) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onChange?.(value);
+        onClose?.(event, 'escapeKeyDown');
     };
     const isNoResult = Boolean(searchValue) && !filteredOptions.length;
     const isDisabledButton = !value || isNoResult;

package/components/TreeAutocomplete/OptionsModal/useLogic/utils/findInTree/findInTree.js

@@ -21,7 +21,7 @@ export const findInTree = (tree, searchValue, filterOptions) => {
         for (const node of nodes) {
             // Если label включает искомый термин, добавляем узел в результаты
             if (compareFunc(node, searchValue)) {
-                results.push(Object.assign(Object.assign({}, node), { options: { isDefaultExpanded: false } }));
+                results.push({ ...node, options: { isDefaultExpanded: false } });
                 // Если узел соответствует поиску, пропускаем обработку его потомков
                 continue;
             }
@@ -30,7 +30,10 @@ export const findInTree = (tree, searchValue, filterOptions) => {
                 const childResults = search(node.children);
                 if (childResults.length > 0) {
                     // Добавляем узел только один раз с найденными потомками
-                    results.push(Object.assign(Object.assign({}, node), { children: childResults }));
+                    results.push({
+                        ...node,
+                        children: childResults,
+                    });
                 }
             }
         }

package/components/TreeAutocomplete/TreeAutocomplete.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Input } from './Input';
@@ -16,6 +5,6 @@ import { OptionsModal } from './OptionsModal';
 import { useLogic } from './useLogic';
 export const TreeAutocomplete = forwardRef((props, forwardedRef) => {
     const { inputProps, optionsModalProps } = useLogic(props);
-    const { className, value, options, isDisabled, isError, isLoading, isLoadingError, loadingErrorMsg, filterOptions, dialogProps, treeProps, onBlur, onRetry, onChange } = props, externalInputProps = __rest(props, ["className", "value", "options", "isDisabled", "isError", "isLoading", "isLoadingError", "loadingErrorMsg", "filterOptions", "dialogProps", "treeProps", "onBlur", "onRetry", "onChange"]);
-    return (_jsxs(_Fragment, { children: [_jsx(Input, Object.assign({ ref: forwardedRef, disabled: isDisabled, error: isError }, externalInputProps, inputProps, { onChange: onChange })), _jsx(OptionsModal, Object.assign({ initialValue: value, options: options, isLoading: isLoading, isLoadingError: isLoadingError, loadingErrorMsg: loadingErrorMsg, filterOptions: filterOptions, treeProps: treeProps }, dialogProps, optionsModalProps, { onRetry: onRetry, onChange: onChange }))] }));
+    const { className, value, options, isDisabled, isError, isLoading, isLoadingError, loadingErrorMsg, filterOptions, dialogProps, treeProps, onBlur, onRetry, onChange, ...externalInputProps } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { ref: forwardedRef, disabled: isDisabled, error: isError, ...externalInputProps, ...inputProps, onChange: onChange }), _jsx(OptionsModal, { initialValue: value, options: options, isLoading: isLoading, isLoadingError: isLoadingError, loadingErrorMsg: loadingErrorMsg, filterOptions: filterOptions, treeProps: treeProps, ...dialogProps, ...optionsModalProps, onRetry: onRetry, onChange: onChange })] }));
 });

package/components/TreeAutocomplete/useLogic/useLogic.js

@@ -1,12 +1,11 @@
 import { useState, } from 'react';
 import { deepFind } from './utils';
 export const useLogic = ({ value, options, onBlur }) => {
-    var _a;
     const [isOpen, setOpen] = useState(false);
     const handleInputBlur = (event) => {
         // Если произошла потеря фокуса, но открылась окно поиска элемента, то не вызываем onBlur, так как произойдет преждевременная валидация
         if (!isOpen) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+            onBlur?.(event);
         }
     };
     const handleOpen = () => {
@@ -18,11 +17,11 @@ export const useLogic = ({ value, options, onBlur }) => {
         }
     };
     const handleClose = (event) => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onBlur?.(event);
         setOpen(false);
     };
     const valueToRender = value
-        ? (_a = deepFind(options, ({ id }) => Object.is(value, id))) === null || _a === void 0 ? void 0 : _a.label
+        ? deepFind(options, ({ id }) => Object.is(value, id))?.label
         : '';
     return {
         inputProps: {

package/components/TreeLikeAutocomplete/Input/Input.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 { CrossOutlineMd, DownOutlineMd } from '../../../icons';
@@ -19,6 +8,6 @@ import { useLogic } from './useLogic';
 const ClearButton = ({ disabled, onClick }) => (_jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, title: CLEAR_TEXT, "aria-label": CLEAR_TEXT, onClick: onClick, children: _jsx(CrossOutlineMd, {}) }));
 export const Input = forwardRef((props, forwardedRef) => {
     const { textFieldProps, isVisibleTagsList, isVisibleClearButton, handleChange, handleClearAll, } = useLogic(props);
-    const { value, valueToRender, disabled, isLoading, onChange, onClick } = props, restProps = __rest(props, ["value", "valueToRender", "disabled", "isLoading", "onChange", "onClick"]);
-    return (_jsx(StyledTextField, Object.assign({}, restProps, { ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, startAdornment: isVisibleTagsList && (_jsx(StyledTagsList, { data: valueToRender, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: handleChange })), endAdornment: _jsxs(EndAdornmentWrapper, { children: [isLoading && _jsx(StyledLoader, {}), isVisibleClearButton && (_jsx(ClearButton, { disabled: disabled, onClick: handleClearAll })), _jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, children: _jsx(DownOutlineMd, {}) })] }), onClick: onClick }, textFieldProps)));
+    const { value, valueToRender, disabled, isLoading, onChange, onClick, ...restProps } = props;
+    return (_jsx(StyledTextField, { ...restProps, ref: forwardedRef, disabled: disabled, inputProps: { readOnly: true }, startAdornment: isVisibleTagsList && (_jsx(StyledTagsList, { data: valueToRender, keyId: "id", isDisabled: disabled, getOptionLabel: (option) => option.label, onClick: onClick, onChange: handleChange })), endAdornment: _jsxs(EndAdornmentWrapper, { children: [isLoading && _jsx(StyledLoader, {}), isVisibleClearButton && (_jsx(ClearButton, { disabled: disabled, onClick: handleClearAll })), _jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, children: _jsx(DownOutlineMd, {}) })] }), onClick: onClick, ...textFieldProps }));
 });

package/components/TreeLikeAutocomplete/Input/useLogic/useLogic.js

@@ -4,12 +4,11 @@ export const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRe
     const inputRef = useForwardedRef(externalInputRef);
     const prevValue = useRef(undefined);
     useEffect(() => {
-        var _a;
         if (value && !prevValue.current) {
             prevValue.current = value;
         }
         if (!value && prevValue.current) {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            inputRef.current?.focus();
             prevValue.current = undefined;
         }
     }, [value]);
@@ -21,18 +20,17 @@ export const useLogic = ({ value, disabled, isLoading, inputRef: externalInputRe
     };
     const preparedValue = prepareValue();
     const hasValue = Boolean(preparedValue);
-    const isVisibleClearButton = !disabled && !isLoading && Boolean(value === null || value === void 0 ? void 0 : value.length);
+    const isVisibleClearButton = !disabled && !isLoading && Boolean(value?.length);
     const handleChange = (newValue) => {
         if (!newValue) {
-            return onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+            return onChange?.(undefined);
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue.map((item) => item.id));
+        onChange?.(newValue.map((item) => item.id));
     };
     const handleClearAll = (event) => {
-        var _a;
         event.stopPropagation();
-        onChange === null || onChange === void 0 ? void 0 : onChange([]);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onChange?.([]);
+        inputRef.current?.focus();
     };
     return {
         textFieldProps: {

package/components/TreeLikeAutocomplete/OptionsModal/OptionsModal.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 { Button } from '../../Button';
 import { Dialog } from '../../Dialog';
@@ -23,7 +12,7 @@ import { StyledDialogContent, TreeListWrapper } from './styles';
 import { useLogic } from './useLogic';
 export const OptionsModal = (props) => {
     const { isNoResult, searchFieldProps, modalProps, treeLikeListProps, cancelButtonProps, confirmButtonProps, } = useLogic(props);
-    const { isOpen, initialValue, options, isConfirmChildrenSelection, isLoading, isLoadingError, loadingErrorMsg, treeProps, filterOptions, onChange, onRetry, onClose } = props, externalDialogProps = __rest(props, ["isOpen", "initialValue", "options", "isConfirmChildrenSelection", "isLoading", "isLoadingError", "loadingErrorMsg", "treeProps", "filterOptions", "onChange", "onRetry", "onClose"]);
+    const { isOpen, initialValue, options, isConfirmChildrenSelection, isLoading, isLoadingError, loadingErrorMsg, treeProps, filterOptions, onChange, onRetry, onClose, ...externalDialogProps } = props;
     const renderComponent = () => {
         if (isLoading) {
             return _jsx(Loader, {});
@@ -34,7 +23,7 @@ export const OptionsModal = (props) => {
         if (isNoResult) {
             return _jsx(NoData, {});
         }
-        return (_jsx(TreeLikeList, Object.assign({ isConfirmChildrenSelection: isConfirmChildrenSelection }, treeProps, treeLikeListProps)));
+        return (_jsx(TreeLikeList, { isConfirmChildrenSelection: isConfirmChildrenSelection, ...treeProps, ...treeLikeListProps }));
     };
-    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return (_jsxs(Dialog, { ...externalDialogProps, disableRestoreFocus: true, open: isOpen, ...modalProps, children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, { fullWidth: true, ...searchFieldProps }), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "text", ...cancelButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), _jsx(Button, { ...confirmButtonProps, children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" })] })] }));
 };

package/components/TreeLikeAutocomplete/OptionsModal/useLogic/useLogic.js

@@ -16,7 +16,10 @@ export const useLogic = ({ isOpen, isLoading, isLoadingError, initialValue, opti
     const filteredOptions = useMemo(() => searchValue ? findInTree(options, searchValue, filterOptions) : options, [options, searchValue]);
     const addIsForceExpandedFlag = (item) => {
         if (item.children) {
-            return Object.assign(Object.assign({}, item), { options: Object.assign(Object.assign({}, (item.options || {})), { isForceExpanded: true }) });
+            return {
+                ...item,
+                options: { ...(item.options || {}), isForceExpanded: true },
+            };
         }
         return item;
     };
@@ -28,15 +31,15 @@ export const useLogic = ({ isOpen, isLoading, isLoadingError, initialValue, opti
     const handleChange = (newValue) => setValue(newValue);
     const handleClose = (event) => {
         setValue(initialValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onClose?.(event, 'escapeKeyDown');
     };
     const handleCancel = (event) => {
         setValue(initialValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onClose?.(event, 'escapeKeyDown');
     };
     const handleClick = (event) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onChange?.(value);
+        onClose?.(event, 'escapeKeyDown');
     };
     const isNoResult = Boolean(searchValue) && !filteredOptions.length;
     const isDisabledButton = !value || !value.length || isNoResult;

package/components/TreeLikeAutocomplete/OptionsModal/useLogic/utils/findInTree/findInTree.js

@@ -21,7 +21,7 @@ export const findInTree = (tree, searchValue, filterOptions) => {
         for (const node of nodes) {
             // Если label включает искомый термин, добавляем узел в результаты
             if (compareFunc(node, searchValue)) {
-                results.push(Object.assign(Object.assign({}, node), { options: { isDefaultExpanded: false } }));
+                results.push({ ...node, options: { isDefaultExpanded: false } });
                 // Если узел соответствует поиску, пропускаем обработку его потомков
                 continue;
             }
@@ -30,7 +30,10 @@ export const findInTree = (tree, searchValue, filterOptions) => {
                 const childResults = search(node.children);
                 if (childResults.length > 0) {
                     // Добавляем узел только один раз с найденными потомками
-                    results.push(Object.assign(Object.assign({}, node), { children: childResults }));
+                    results.push({
+                        ...node,
+                        children: childResults,
+                    });
                 }
             }
         }

package/components/TreeLikeAutocomplete/TreeLikeAutocomplete.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Input } from './Input';
@@ -16,6 +5,6 @@ import { OptionsModal } from './OptionsModal';
 import { useLogic } from './useLogic';
 export const TreeLikeAutocomplete = forwardRef((props, forwardedRef) => {
     const { inputProps, optionsModalProps } = useLogic(props);
-    const { className, value, options, isConfirmChildrenSelection = true, isDisabled, isError, isLoading, isLoadingError, loadingErrorMsg, filterOptions, dialogProps, treeProps, onBlur, onRetry, onChange } = props, externalInputProps = __rest(props, ["className", "value", "options", "isConfirmChildrenSelection", "isDisabled", "isError", "isLoading", "isLoadingError", "loadingErrorMsg", "filterOptions", "dialogProps", "treeProps", "onBlur", "onRetry", "onChange"]);
-    return (_jsxs(_Fragment, { children: [_jsx(Input, Object.assign({ ref: forwardedRef, value: value, disabled: isDisabled, error: isError }, externalInputProps, inputProps, { onChange: onChange })), _jsx(OptionsModal, Object.assign({ initialValue: value, options: options, isConfirmChildrenSelection: isConfirmChildrenSelection, isLoading: isLoading, isLoadingError: isLoadingError, loadingErrorMsg: loadingErrorMsg, filterOptions: filterOptions, treeProps: treeProps }, dialogProps, optionsModalProps, { onRetry: onRetry, onChange: onChange }))] }));
+    const { className, value, options, isConfirmChildrenSelection = true, isDisabled, isError, isLoading, isLoadingError, loadingErrorMsg, filterOptions, dialogProps, treeProps, onBlur, onRetry, onChange, ...externalInputProps } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { ref: forwardedRef, value: value, disabled: isDisabled, error: isError, ...externalInputProps, ...inputProps, onChange: onChange }), _jsx(OptionsModal, { initialValue: value, options: options, isConfirmChildrenSelection: isConfirmChildrenSelection, isLoading: isLoading, isLoadingError: isLoadingError, loadingErrorMsg: loadingErrorMsg, filterOptions: filterOptions, treeProps: treeProps, ...dialogProps, ...optionsModalProps, onRetry: onRetry, onChange: onChange })] }));
 });

package/components/TreeLikeAutocomplete/useLogic/useLogic.js

@@ -5,7 +5,7 @@ export const useLogic = ({ value, options, onBlur }) => {
     const handleInputBlur = (event) => {
         // Если произошла потеря фокуса, но открылась окно поиска элемента, то не вызываем onBlur, так как произойдет преждевременная валидация
         if (!isOpen) {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+            onBlur?.(event);
         }
     };
     const handleOpen = () => {
@@ -17,7 +17,7 @@ export const useLogic = ({ value, options, onBlur }) => {
         }
     };
     const handleClose = (event) => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onBlur?.(event);
         setOpen(false);
     };
     const valueToRender = value

package/components/TreeLikeList/TreeItem/TreeItem.js

@@ -7,7 +7,7 @@ export const TreeItem = (props) => {
     const { isSelected, isDefaultExpanded, disabledReason, isDisabled, nextLevel, formControlLabelProps, tooltipProps, confirmChildrenButtonProps, handleChange, } = useLogic(props);
     const { id, prefixId, label, note, level, renderItem, children = [], value, isConfirmChildrenSelection, isInitialExpanded, expandedLevel, chainsToSelectedItem, disabledItems, options, onChange, } = props;
     if (children.length) {
-        return (_jsx(StyledTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options === null || options === void 0 ? void 0 : options.isForceExpanded, disabledReason: disabledReason, isDisabled: isDisabled, note: renderItem ? null : note, isNotBlockingExpandList: true, component: "li", label: _jsx(FormControlLabel, Object.assign({ control: _jsx(StyledTooltip, Object.assign({ arrow: false, placement: "right", leaveDelay: 250, title: _jsx(PopoverContent, { children: _jsx(Button, Object.assign({ variant: "light" }, confirmChildrenButtonProps, { children: !isSelected ? 'Исключить дочерние' : 'Выбрать дочерние' })) }) }, tooltipProps, { children: _jsx(StyledCheckbox, { checked: isSelected }) })), label: renderItem ? renderItem({ label, note, id }) : label }, formControlLabelProps)), level: level, onClick: handleChange, children: _jsx(List, { children: children.map((child) => (_jsx(TreeItem, Object.assign({ prefixId: prefixId }, child, { renderItem: renderItem, level: nextLevel, isConfirmChildrenSelection: isConfirmChildrenSelection, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, chainsToSelectedItem: chainsToSelectedItem, disabledItems: disabledItems, value: value, onChange: onChange }), child.id))) }) }));
+        return (_jsx(StyledTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options?.isForceExpanded, disabledReason: disabledReason, isDisabled: isDisabled, note: renderItem ? null : note, isNotBlockingExpandList: true, component: "li", label: _jsx(FormControlLabel, { control: _jsx(StyledTooltip, { arrow: false, placement: "right", leaveDelay: 250, title: _jsx(PopoverContent, { children: _jsx(Button, { variant: "light", ...confirmChildrenButtonProps, children: !isSelected ? 'Исключить дочерние' : 'Выбрать дочерние' }) }), ...tooltipProps, children: _jsx(StyledCheckbox, { checked: isSelected }) }), label: renderItem ? renderItem({ label, note, id }) : label, ...formControlLabelProps }), level: level, onClick: handleChange, children: _jsx(List, { children: children.map((child) => (_jsx(TreeItem, { prefixId: prefixId, ...child, renderItem: renderItem, level: nextLevel, isConfirmChildrenSelection: isConfirmChildrenSelection, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, chainsToSelectedItem: chainsToSelectedItem, disabledItems: disabledItems, value: value, onChange: onChange }, child.id))) }) }));
     }
-    return (_jsx(StyledTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: _jsx(FormControlLabel, Object.assign({ control: _jsx(StyledCheckbox, { checked: isSelected }), label: renderItem ? renderItem({ label, note, id }) : label }, formControlLabelProps)), level: level, onClick: handleChange }));
+    return (_jsx(StyledTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: _jsx(FormControlLabel, { control: _jsx(StyledCheckbox, { checked: isSelected }), label: renderItem ? renderItem({ label, note, id }) : label, ...formControlLabelProps }), level: level, onClick: handleChange }));
 };

package/components/TreeLikeList/TreeItem/useLogic/useLogic.js

@@ -5,12 +5,12 @@ export const useLogic = ({ id, value = [], children, level, isConfirmChildrenSel
     const [isTooltipOpen, openTooltip, closeTooltip] = useToggle();
     const childrenIds = useMemo(() => getAllChildrenId(children, disabledItems), [children, disabledItems]);
     const isSelected = checkIsSelected(value, id);
-    const flatChainsToSelectedItem = useMemo(() => chainsToSelectedItem === null || chainsToSelectedItem === void 0 ? void 0 : chainsToSelectedItem.reduce((acc, chain) => [...(acc || []), ...(chain || [])], []), [chainsToSelectedItem]);
-    const isDefaultExpanded = (flatChainsToSelectedItem === null || flatChainsToSelectedItem === void 0 ? void 0 : flatChainsToSelectedItem.includes(id)) ||
+    const flatChainsToSelectedItem = useMemo(() => chainsToSelectedItem?.reduce((acc, chain) => [...(acc || []), ...(chain || [])], []), [chainsToSelectedItem]);
+    const isDefaultExpanded = flatChainsToSelectedItem?.includes(id) ||
         (isInitialExpanded && level <= expandedLevel - 1);
-    const disabledItem = disabledItems === null || disabledItems === void 0 ? void 0 : disabledItems.find((item) => item.id === id);
+    const disabledItem = disabledItems?.find((item) => item.id === id);
     const isDisabled = Boolean(disabledItem);
-    const disabledReason = disabledItem === null || disabledItem === void 0 ? void 0 : disabledItem.disabledReason;
+    const disabledReason = disabledItem?.disabledReason;
     const nextLevel = level + 1;
     const handleChange = () => {
         if (isDisabled) {

package/components/TreeLikeList/TreeItem/useLogic/utils/getAllChildrenId/getAllChildrenId.js

@@ -6,7 +6,7 @@
  * @returns {Array<string>} - Массив идентификаторов всех доступных дочерних элементов.
  */
 export const getAllChildrenId = (children, disabledItems) => {
-    if (!children || !(children === null || children === void 0 ? void 0 : children.length)) {
+    if (!children || !children?.length) {
         return [];
     }
     const ids = [];

package/components/TreeLikeList/TreeLikeList.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 { List } from './styles';
 import { TreeItem } from './TreeItem';
@@ -16,6 +5,6 @@ import { useLogic } from './useLogic';
 const INITIAL_LEVEL = 0;
 export const TreeLikeList = (props) => {
     const { listProps, itemProps } = useLogic(props);
-    const { data, className, expandedLevel = 10, disabledItems } = props, restProps = __rest(props, ["data", "className", "expandedLevel", "disabledItems"]);
-    return (_jsx(List, Object.assign({ className: className }, listProps, { children: data.map((item) => (_jsx(TreeItem, Object.assign({}, item, { level: INITIAL_LEVEL, expandedLevel: expandedLevel }, itemProps, restProps), item.id))) })));
+    const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
+    return (_jsx(List, { className: className, ...listProps, children: data.map((item) => (_jsx(TreeItem, { ...item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };

package/components/TreeLikeList/useLogic/useLogic.js

@@ -6,7 +6,7 @@ export const useLogic = ({ data, value, disabledItems }) => {
     const prefixId = useId();
     const listRef = useRef(null);
     useEffect(() => {
-        if (listRef.current && (value === null || value === void 0 ? void 0 : value.length)) {
+        if (listRef.current && value?.length) {
             // Выбираем первый элемент из списка value
             const targetItem = listRef.current.querySelector(`
         li[id="${prefixId}${value[0]}"]`);

package/components/TreeLikeList/useLogic/utils/getChainsId/getChainsId.js

@@ -2,7 +2,7 @@ export const getChainsId = (tree, targetId) => {
     const chainIds = [];
     const findChain = (node, chainId) => {
         chainId.push(node.id);
-        if (targetId === null || targetId === void 0 ? void 0 : targetId.includes(node.id)) {
+        if (targetId?.includes(node.id)) {
             chainIds.push([...chainId]);
             return;
         }

package/components/Typography/Typography.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 } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useTypographyColor } from './hooks';
 import { TypographyWrapper } from './styles';
-export const Typography = forwardRef((_a, ref) => {
-    var { children, color, colorIntensity = '800', component } = _a, props = __rest(_a, ["children", "color", "colorIntensity", "component"]);
+export const Typography = forwardRef(({ children, color, colorIntensity = '800', component, ...props }, ref) => {
     const typographyColor = useTypographyColor({ color, colorIntensity });
-    return (_jsx(TypographyWrapper, Object.assign({ ref: ref }, props, { component: component, color: typographyColor, children: children })));
+    return (_jsx(TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, children: children }));
 });

package/components/Typography/hooks/useTypographyColor/useTypographyColor.js

@@ -3,7 +3,6 @@ import { useTheme } from '../../../theme';
 export const useTypographyColor = ({ color, colorIntensity = '800', }) => {
     const theme = useTheme();
     return useMemo(() => {
-        var _a;
         if (color) {
             switch (color) {
                 case 'text':
@@ -13,7 +12,7 @@ export const useTypographyColor = ({ color, colorIntensity = '800', }) => {
                 case 'secondary':
                     return theme.palette.secondary[800];
                 default:
-                    return ((_a = theme.palette[color]) === null || _a === void 0 ? void 0 : _a[colorIntensity]) || color;
+                    return theme.palette[color]?.[colorIntensity] || color;
             }
         }
         return undefined;

package/components/fileUploading/FileUploader/FIleList/FileList.js

@@ -1,18 +1,4 @@
-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 { FileUploaderFile, } from '../../FileUploaderFile';
 import { Wrapper } from './styles';
-export const FileList = (_a) => {
-    var { isMultiple, files, className } = _a, restProps = __rest(_a, ["isMultiple", "files", "className"]);
-    return (_jsx(Wrapper, { "$isMultiple": isMultiple, className: className, children: files === null || files === void 0 ? void 0 : files.map((file) => (_jsx("li", { children: _jsx(FileUploaderFile, Object.assign({}, file, restProps)) }, file.id))) }));
-};
+export const FileList = ({ isMultiple, files, className, ...restProps }) => (_jsx(Wrapper, { "$isMultiple": isMultiple, className: className, children: files?.map((file) => (_jsx("li", { children: _jsx(FileUploaderFile, { ...file, ...restProps }) }, file.id))) }));