@astral/ui 4.2.0 → 4.2.2

package/components/fileUploading/hooks/usePreviewFileUploader/usePreviewFileUploader.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 { declensionOfWords, formatFileSizeToView } from '@astral/utils';
 import { useMemo, } from 'react';
 import { useGenerateLocalId } from '../../../hooks/useGenerateLocalId';
@@ -18,7 +7,6 @@ import { restrictFileMaxSize, restrictFileType } from '../../restrictions';
 import { compareFile, rulePipe, toArray } from '../../utils';
 import { useDnD, useUploadFiles } from '../index';
 export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions = [], maxFileSize, inputRef, notify, onChange, onUploadFile, label, isError, generateDownloadLink, onView, name, helperText, className, placeholder, placeholderImgSrc, isHidePersonalData, PdfViewer, }) => {
-    var _a;
     const inputId = useId();
     const { generateId } = useGenerateLocalId();
     // Преобразуем value к массиву
@@ -35,13 +23,17 @@ export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions
         'Добавлено',
     ]);
     const notifyWarning = (addedFilesLength, droppedFilesLength) => {
-        notify === null || notify === void 0 ? void 0 : notify.warning(`${declensionAdded(addedFilesLength)} ${addedFilesLength} ${declensionFile(addedFilesLength)} из ${droppedFilesLength}`, {
+        notify?.warning(`${declensionAdded(addedFilesLength)} ${addedFilesLength} ${declensionFile(addedFilesLength)} из ${droppedFilesLength}`, {
             content: 'Вы превысили максимально допустимое количество файлов для загрузки',
         });
     };
     const getInitialStatusUploadFile = (error) => {
         if (error) {
-            return Object.assign(Object.assign({}, DEFAULT_FILE_STATUS), { isRestrictionError: Boolean(error), errorMsg: error.message });
+            return {
+                ...DEFAULT_FILE_STATUS,
+                isRestrictionError: Boolean(error),
+                errorMsg: error.message,
+            };
         }
         return DEFAULT_FILE_STATUS;
     };
@@ -76,14 +68,14 @@ export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions
         }
         enqueueFiles(addedFiles);
     };
-    const _b = useDnD({
+    const { isDragActive, ...dropZoneActions } = useDnD({
         isDisabled,
         onChange: (droppedFiles) => {
             handleChange({
                 target: { files: droppedFiles },
             });
         },
-    }), { isDragActive } = _b, dropZoneActions = __rest(_b, ["isDragActive"]);
+    });
     const handleDelete = () => {
         return onChange(null);
     };
@@ -94,30 +86,41 @@ export const usePreviewFileUploader = ({ value, isDisabled, accept, restrictions
         return undefined;
     };
     return {
-        dropZoneProps: Object.assign(Object.assign({ isActive: !isDisabled && isDragActive, htmlFor: inputId, className: previewFileUploaderClassnames.dropzone, isDisabled,
-            isError }, dropZoneActions), { isVisibleAddFile,
-            isVisibleFileList, fileInputProps: {
+        dropZoneProps: {
+            isActive: !isDisabled && isDragActive,
+            htmlFor: inputId,
+            className: previewFileUploaderClassnames.dropzone,
+            isDisabled,
+            isError,
+            ...dropZoneActions,
+            isVisibleAddFile,
+            isVisibleFileList,
+            fileInputProps: {
                 id: inputId,
-                accept: (_a = accept === null || accept === void 0 ? void 0 : accept.join()) !== null && _a !== void 0 ? _a : '',
+                accept: accept?.join() ?? '',
                 ref: inputRef,
                 value: '',
                 onChange: handleChange,
                 name,
                 isDisabled,
-            }, hintPlaceholderProps: {
+            },
+            hintPlaceholderProps: {
                 accept,
                 placeholder,
                 placeholderImgSrc,
                 maxFileSize,
-            }, uploadButtonProps: {
+            },
+            uploadButtonProps: {
                 isDisabled,
                 htmlFor: inputId,
-            }, containerProps: {
+            },
+            containerProps: {
                 className,
                 label,
                 isError,
                 helperText,
-            } }),
+            },
+        },
         fileListProps: {
             onDelete: handleDelete,
             onRetry: getHandlerOnRetry(),

package/components/fileUploading/hooks/useSelfFiles/useSelfFiles.js

@@ -2,10 +2,28 @@ import { useCallback, useState } from 'react';
 import { DEFAULT_FILE_STATUS } from '../../constants';
 export const useSelfFiles = () => {
     const [selfFiles, setSelfFiles] = useState({});
-    const setLoadingStatusFile = useCallback((fileId, progress) => setSelfFiles((currentFiles) => (Object.assign(Object.assign({}, currentFiles), { [fileId]: Object.assign(Object.assign({}, currentFiles[fileId]), { status: Object.assign(Object.assign({}, DEFAULT_FILE_STATUS), { isLoading: true, progress }) }) }))), []);
-    const setSuccessStatusFile = useCallback((fileId) => setSelfFiles((currentFiles) => (Object.assign(Object.assign({}, currentFiles), { [fileId]: Object.assign(Object.assign({}, currentFiles[fileId]), { status: DEFAULT_FILE_STATUS }) }))), []);
-    const setErrorStatusFile = useCallback((fileId, errorMsg) => setSelfFiles((currentFiles) => (Object.assign(Object.assign({}, currentFiles), { [fileId]: Object.assign(Object.assign({}, currentFiles[fileId]), { status: Object.assign(Object.assign({}, DEFAULT_FILE_STATUS), { isUploadError: true, errorMsg }) }) }))), []);
-    const updateFileInfo = useCallback((fileId, data) => setSelfFiles((currentFiles) => (Object.assign(Object.assign({}, currentFiles), { [fileId]: Object.assign(Object.assign({}, currentFiles[fileId]), data) }))), []);
+    const setLoadingStatusFile = useCallback((fileId, progress) => setSelfFiles((currentFiles) => ({
+        ...currentFiles,
+        [fileId]: {
+            ...currentFiles[fileId],
+            status: { ...DEFAULT_FILE_STATUS, isLoading: true, progress },
+        },
+    })), []);
+    const setSuccessStatusFile = useCallback((fileId) => setSelfFiles((currentFiles) => ({
+        ...currentFiles,
+        [fileId]: { ...currentFiles[fileId], status: DEFAULT_FILE_STATUS },
+    })), []);
+    const setErrorStatusFile = useCallback((fileId, errorMsg) => setSelfFiles((currentFiles) => ({
+        ...currentFiles,
+        [fileId]: {
+            ...currentFiles[fileId],
+            status: { ...DEFAULT_FILE_STATUS, isUploadError: true, errorMsg },
+        },
+    })), []);
+    const updateFileInfo = useCallback((fileId, data) => setSelfFiles((currentFiles) => ({
+        ...currentFiles,
+        [fileId]: { ...currentFiles[fileId], ...data },
+    })), []);
     return {
         selfFiles,
         setLoadingStatusFile,

package/components/fileUploading/hooks/useSyncFiles/useSyncFiles.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 { useEffect } from 'react';
 import { isEmpty } from '../../../utils';
 export const useSyncFiles = (props) => {
@@ -27,8 +16,11 @@ export const useSyncFiles = (props) => {
         }
         const updatedFiles = files.map((file) => {
             // Исключаем signal, так как он не является свойством UploadFile
-            const _a = selfFiles[file.id] || {}, { controller } = _a, currentFileData = __rest(_a, ["controller"]);
-            return Object.assign(Object.assign({}, file), (currentFileData || {}));
+            const { controller, ...currentFileData } = selfFiles[file.id] || {};
+            return {
+                ...file,
+                ...(currentFileData || {}),
+            };
         });
         if (isMultiple) {
             handleMultipleFileChange(updatedFiles);

package/components/fileUploading/hooks/useUploadFiles/useUploadFiles.js

@@ -8,7 +8,7 @@ export const useUploadFiles = ({ isMultiple, files: externalFiles, onChange, onU
     // При изменении статусов обновляем внешнее состояние
     useSyncFiles({ isMultiple, files: externalFiles, selfFiles, onChange });
     const enqueueFiles = (files) => {
-        const acceptedFiles = files.filter(({ status }) => !(status === null || status === void 0 ? void 0 : status.isRestrictionError));
+        const acceptedFiles = files.filter(({ status }) => !status?.isRestrictionError);
         setFileQueue(acceptedFiles);
     };
     const clearQueue = () => setFileQueue([]);
@@ -33,7 +33,7 @@ export const useUploadFiles = ({ isMultiple, files: externalFiles, onChange, onU
             if (error.code === ABORT_ERROR_CODE) {
                 return;
             }
-            const errorMessage = (getErrorMessage === null || getErrorMessage === void 0 ? void 0 : getErrorMessage(id, error)) || UPLOAD_ERROR_MESSAGE;
+            const errorMessage = getErrorMessage?.(id, error) || UPLOAD_ERROR_MESSAGE;
             setErrorStatusFile(id, errorMessage);
         });
     };

package/components/fileUploading/restrictions/restrictFileMaxSize/restrictFileMaxSize.js

@@ -4,7 +4,7 @@ export const restrictFileMaxSize = (formatSizeToView, maxSize) => (file) => {
         return undefined;
     }
     if (file.size > maxSize) {
-        const maxSizeToView = formatSizeToView === null || formatSizeToView === void 0 ? void 0 : formatSizeToView(maxSize);
+        const maxSizeToView = formatSizeToView?.(maxSize);
         return {
             code: FILE_MAX_SIZE_ERROR_INFO.code,
             message: FILE_MAX_SIZE_ERROR_INFO.message(maxSizeToView),

package/components/fileUploading/utils/rulePipe/rulePipe.js

@@ -1,8 +1,7 @@
 export const rulePipe = (...fns) => (value) => {
-    var _a;
     let i = 0;
     while (i <= fns.length) {
-        const result = (_a = fns[i]) === null || _a === void 0 ? void 0 : _a.call(fns, value);
+        const result = fns[i]?.(value);
         if (result) {
             return result;
         }

package/components/hooks/useAsyncOptions/useAsyncOptions.js

@@ -18,12 +18,11 @@ export const useAsyncOptions = ({ fetchOptions, fetchDelayMs, minSymbolsToFetch,
         return Array.isArray(response) ? { options: response } : response;
     }, []);
     const debouncedFetchOptions = useCallback(debounce((search) => {
-        var _a;
-        (_a = abortControllerRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        abortControllerRef.current?.abort();
         const controller = new AbortController();
         abortControllerRef.current = controller;
         setIsLoadingError(false);
-        fetchOptions(search, controller === null || controller === void 0 ? void 0 : controller.signal)
+        fetchOptions(search, controller?.signal)
             .then((response) => {
             const normalizeResponse = optionsAdapter(response);
             setOptions(normalizeResponse);
@@ -32,7 +31,7 @@ export const useAsyncOptions = ({ fetchOptions, fetchDelayMs, minSymbolsToFetch,
             // CanceledError название ошибки в axios для отмены запроса
             if (error.name !== 'AbortError' && error.name !== 'CanceledError') {
                 setIsLoadingError(true);
-                onDataLoadError === null || onDataLoadError === void 0 ? void 0 : onDataLoadError(error);
+                onDataLoadError?.(error);
             }
         })
             .finally(() => {

package/components/hooks/useCheckControlled/useCheckControlled.js

@@ -5,7 +5,7 @@ import { useEffect } from 'react';
 export const useCheckControlled = (componentName, props) => {
     useEffect(() => {
         const hasValue = 'value' in props;
-        if ((hasValue || (props === null || props === void 0 ? void 0 : props.onChange)) && (!hasValue || !(props === null || props === void 0 ? void 0 : props.onChange))) {
+        if ((hasValue || props?.onChange) && (!hasValue || !props?.onChange)) {
             // biome-ignore lint/suspicious/noConsole: <>
             console.error(`UIKIT: ${componentName}. Пропсы \`value\` и \`onChange\` должны быть указаны одновременно для контролируемых компонентов`);
         }

package/components/hooks/useClickAwayEffect/useClickAwayEffect.js

@@ -5,7 +5,7 @@ import { useEffect } from 'react';
  */
 export const useClickAwayEffect = ({ ref, onClickAway, preventBubbling, isActive, }) => {
     useEffect(() => {
-        const node = ref === null || ref === void 0 ? void 0 : ref.current;
+        const node = ref?.current;
         if (!isActive || !node) {
             return;
         }

package/components/hooks/useEscapeClickEffect/useEscapeClickEffect.js

@@ -13,7 +13,7 @@ export const useEscapeClickEffect = ({ onEscape, isActive, preventBubbling, }) =
                     e.stopPropagation();
                     e.stopImmediatePropagation();
                 }
-                onEscape === null || onEscape === void 0 ? void 0 : onEscape(e, 'escape');
+                onEscape?.(e, 'escape');
             }
         };
         window.addEventListener('keydown', onKeydown, true);

package/components/hooks/useFeatureFlags/useFeatureFlags.js

@@ -13,6 +13,6 @@ localFlags, }) => {
     // const globalFlags = useContext(NextFeatureFlagsContext);
     return useMemo(() => {
         // const componentFlags = globalFlags[componentName];
-        return Object.assign({}, localFlags);
+        return { ...localFlags };
     }, []);
 };

package/components/hooks/useFocusAwayEffect/useFocusAwayEffect.js

@@ -6,7 +6,7 @@ import { useEffect } from 'react';
  */
 export const useFocusAwayEffect = ({ isActive, onFocusAway, ref, }) => {
     useEffect(() => {
-        const node = ref === null || ref === void 0 ? void 0 : ref.current;
+        const node = ref?.current;
         if (!isActive || !node) {
             return;
         }

package/components/hooks/useId/useId.js

@@ -31,7 +31,7 @@ const maybeReactUseId = React['useId'.toString()];
 export default function useId(idOverride) {
     if (maybeReactUseId !== undefined) {
         const reactId = maybeReactUseId();
-        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId;
+        return idOverride ?? reactId;
     }
     // biome-ignore lint/correctness/useHookAtTopLevel: `React.useId` is invariant at runtime.
     return useGlobalId(idOverride);

package/components/hooks/useInputPopover/useInputPopover.js

@@ -24,7 +24,7 @@ export const useInputPopover = ({ ref, onOpen, onClose, onBlur, }) => {
     // метод закрытия с эмитом onBlur, используем когда пользователь покидает отслеживаемый ref,
     // останавливает пользовательский сценарий
     const handleCloseByAway = (e, reason) => {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+        onBlur?.();
         if (isOpenPopover) {
             closePopover(e, reason);
         }

package/components/hooks/useToggle/useToggle.js

@@ -8,12 +8,12 @@ export const useToggle = (params) => {
     // выставляем флаг активности в true, и проксируем все принятые аргументы
     const handleActive = (...args) => {
         setActive(true);
-        onActive === null || onActive === void 0 ? void 0 : onActive(...args);
+        onActive?.(...args);
     };
     // выставляем флаг активности в false, и проксируем все принятые аргументы
     const handleInactive = (...args) => {
         setActive(false);
-        onInactive === null || onInactive === void 0 ? void 0 : onInactive(...args);
+        onInactive?.(...args);
     };
     return [isActive, handleActive, handleInactive];
 };

package/components/index.d.ts

@@ -63,7 +63,7 @@ export * from './FormControl';
 export * from './FormControlLabel';
 export * from './FormHelperText';
 export * from './FormLabel';
-export { type FileId, FileUploader, type FileUploaderDropZoneProps, FileUploaderDropzone, FileUploaderFile, type FileUploaderFileProps, type FileUploaderNotify, type FileUploaderProps, PreviewFileUploader, PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, PreviewFileUploaderFile, type PreviewFileUploaderFileProps, type PreviewFileUploaderProps, type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, } from './fileUploading';
+export { type FileId, FileUploader, type FileUploaderDropZoneProps, FileUploaderDropzone, FileUploaderFile, type FileUploaderFileProps, type FileUploaderNotify, type FileUploaderProps, PreviewFileUploader, PreviewFileUploaderDropZone, type PreviewFileUploaderDropZoneProps, PreviewFileUploaderFile, type PreviewFileUploaderFileProps, type PreviewFileUploaderProps, type RestrictionFn, type RestrictionFnResult, type UploadedFileData, type UploadFile, type UseFileUploaderParams, type UsePreviewFileUploaderParams, useFileUploader, usePreviewFileUploader, fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading';
 export * from './forwardRefWithGeneric';
 export * from './GlobalStyles';
 export * from './Grid';

package/components/index.js

@@ -63,7 +63,7 @@ export * from './FormControl';
 export * from './FormControlLabel';
 export * from './FormHelperText';
 export * from './FormLabel';
-export { FileUploader, FileUploaderDropzone, FileUploaderFile, PreviewFileUploader, PreviewFileUploaderDropZone, PreviewFileUploaderFile, useFileUploader, usePreviewFileUploader, } from './fileUploading';
+export { FileUploader, FileUploaderDropzone, FileUploaderFile, PreviewFileUploader, PreviewFileUploaderDropZone, PreviewFileUploaderFile, useFileUploader, usePreviewFileUploader, fileUploaderClassnames, previewFileUploaderClassnames, } from './fileUploading';
 export * from './forwardRefWithGeneric';
 export * from './GlobalStyles';
 export * from './Grid';

package/components/personalDataSecurity/PersonalData/PersonalData.js

@@ -15,5 +15,8 @@ export const PersonalData = ({ children, }) => {
     const optimizedChildren = isValidElement(children) ? (children) : (
     // biome-ignore lint/correctness/noRestrictedElements: Необходима обертка
     _jsx("span", { children: children }));
-    return cloneElement(optimizedChildren, Object.assign(Object.assign({}, children.props), { className }));
+    return cloneElement(optimizedChildren, {
+        ...children.props,
+        className,
+    });
 };

package/components/placeholders/Placeholder/Placeholder.js

@@ -5,9 +5,8 @@ import { DESCRIPTION_LEVEL, IMAGE_HEIGHT, IMAGE_WIDTH, TITLE_HEADER_LEVEL, } fro
 import { Image, setDefaultImageStyles } from './Image';
 import { Description, Footer, InnerContainer, Title, Wrapper } from './styles';
 export const Placeholder = ({ className, title, imgSrc, imgAlt, description, Actions, size = 'small', renderImage, }) => {
-    var _a, _b, _c;
     const config = useContext(ConfigContext);
-    const configRenderImage = (_c = (_b = (_a = config.components) === null || _a === void 0 ? void 0 : _a.placeholder) === null || _b === void 0 ? void 0 : _b.defaultProps) === null || _c === void 0 ? void 0 : _c.renderImage;
+    const configRenderImage = config.components?.placeholder?.defaultProps?.renderImage;
     const RenderImage = useMemo(() => (renderImage && setDefaultImageStyles(renderImage)) ||
         (configRenderImage && setDefaultImageStyles(configRenderImage)) ||
         Image, [renderImage, configRenderImage]);

package/components/services/SecondsCountdown/SecondsCountdown.js

@@ -5,19 +5,16 @@ const M_SECONDS_PER_SECOND = 1000;
  */
 export class SecondsCountdown {
     constructor(params) {
-        var _a;
         this.params = params;
         this.timer = 0;
         this.createTargetDateBySecond = (seconds = 0) => new Date(Date.now() + seconds * M_SECONDS_PER_SECOND);
         this.setTextTime = (text) => {
-            var _a, _b;
             this.textTime = text;
-            (_b = (_a = this.params).onUpdateTextTime) === null || _b === void 0 ? void 0 : _b.call(_a, text);
+            this.params.onUpdateTextTime?.(text);
         };
         this.setActivity = (isActive) => {
-            var _a, _b;
             this.isActive = isActive;
-            (_b = (_a = this.params).onUpdateActivity) === null || _b === void 0 ? void 0 : _b.call(_a, isActive);
+            this.params.onUpdateActivity?.(isActive);
         };
         this.run = () => {
             if (this.difference > 0) {
@@ -51,7 +48,7 @@ export class SecondsCountdown {
         this.destroy = () => {
             clearTimeout(this.timer);
         };
-        this.isActive = (_a = params.isInitialActive) !== null && _a !== void 0 ? _a : true;
+        this.isActive = params.isInitialActive ?? true;
         this.targetDate = this.params.targetDate
             ? this.params.targetDate
             : this.createTargetDateBySecond(params.seconds);

package/components/theme/baseTheme/baseTheme.js

@@ -39,7 +39,10 @@ export const createTheme = (params) => {
         return originalSpacing(...args);
     });
     // biome-ignore lint/suspicious/noExplicitAny: <>
-    return mergeDeep(muiTheme, Object.assign({ elevation,
+    return mergeDeep(muiTheme, {
+        elevation,
         shape,
-        microSpacing }, options));
+        microSpacing,
+        ...options,
+    });
 };

package/components/theme/baseTheme/utils/createSnapshotTheme.js

@@ -8,7 +8,10 @@ export const createSnapshotTheme = (params) => {
         spacingResults.push(theme.spacing(i));
     }
     // Записываем их в объект для сериализации
-    return Object.assign(Object.assign({}, theme), { computedGetters: {
+    return {
+        ...theme,
+        computedGetters: {
             spacing: spacingResults,
-        } });
+        },
+    };
 };

package/components/theme/baseTheme/utils/writeSnapshot.js

@@ -1,27 +1,18 @@
-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 { writeFile } from 'node:fs/promises';
 import { stdin as input, stdout as output } from 'node:process';
 import { createInterface } from 'node:readline/promises';
 import { defaultPalette } from '../../palette';
 import { createSnapshotTheme } from './createSnapshotTheme';
-(() => __awaiter(void 0, void 0, void 0, function* () {
+(async () => {
     const theme = createSnapshotTheme({ palette: defaultPalette });
     const json = JSON.stringify(theme);
     const relPath = './snapshots/theme.snapshot.json';
     const rl = createInterface({ input, output });
-    const answer = yield rl.question(`Snapshot will be written to ${relPath}.\n y / N: `);
+    const answer = await rl.question(`Snapshot will be written to ${relPath}.\n y / N: `);
     rl.close();
     if (!answer.toLowerCase().startsWith('y')) {
         // biome-ignore lint/suspicious/noConsole: <>
         console.log('Cancelled');
     }
     writeFile(relPath, json);
-}))();
+})();

package/components/theme/components/MuiButton.js

@@ -279,14 +279,14 @@ export const getButtonBackgroundColor = ({ selected, color, variant, buttonState
         },
         text: {
             default: 'transparent',
-            hover: theme.palette[color !== null && color !== void 0 ? color : 'primary']['100'],
-            active: theme.palette[color !== null && color !== void 0 ? color : 'primary']['200'],
+            hover: theme.palette[color ?? 'primary']['100'],
+            active: theme.palette[color ?? 'primary']['200'],
             focus: 'transparent',
         },
         outlined: {
             default: 'transparent',
             hover: 'transparent',
-            active: theme.palette[color !== null && color !== void 0 ? color : 'primary']['200'],
+            active: theme.palette[color ?? 'primary']['200'],
             focus: 'transparent',
         },
         link: 'transparent',

package/components/theme/palette/palette.js

@@ -1,14 +1,72 @@
 import { componentsColors } from './componentsColors';
 export const getPalette = (palette) => {
     return {
-        red: Object.assign({ 900: '#E64343', 800: '#F24646', 700: '#F35959', 600: '#F67E7E', 500: '#F79090', 400: '#F8A3A3', 300: '#FAB5B5', 200: '#FCDADA', 100: '#FEEDED' }, palette.red),
-        green: Object.assign({ 900: '#008055', 800: '#00875A', 700: '#19936A', 600: '#4DAB8C', 500: '#66B79C', 400: '#80C3AC', 300: '#99CFBD', 200: '#CCE7DE', 100: '#E6F3EF' }, palette.green),
-        yellow: Object.assign({ 900: '#ED8000', 800: '#F98700', 700: '#FA961F', 600: '#FBAB4D', 500: '#FBB766', 400: '#FDCF99', 300: '#FDDBB2', 200: '#FBE6CC', 100: '#FEF3E6' }, palette.yellow),
-        grey: Object.assign({ 900: '#0F0F0F', 800: '#1F1F1F', 700: '#636363', 600: '#797979', 500: '#BAB5B5', 400: '#C7C7C7', 300: '#D9D9D9', 200: '#E2E2E2', 100: '#E9E9E9', 
+        red: {
+            900: '#E64343',
+            800: '#F24646',
+            700: '#F35959',
+            600: '#F67E7E',
+            500: '#F79090',
+            400: '#F8A3A3',
+            300: '#FAB5B5',
+            200: '#FCDADA',
+            100: '#FEEDED',
+            ...palette.red,
+        },
+        green: {
+            900: '#008055',
+            800: '#00875A',
+            700: '#19936A',
+            600: '#4DAB8C',
+            500: '#66B79C',
+            400: '#80C3AC',
+            300: '#99CFBD',
+            200: '#CCE7DE',
+            100: '#E6F3EF',
+            ...palette.green,
+        },
+        yellow: {
+            900: '#ED8000',
+            800: '#F98700',
+            700: '#FA961F',
+            600: '#FBAB4D',
+            500: '#FBB766',
+            400: '#FDCF99',
+            300: '#FDDBB2',
+            200: '#FBE6CC',
+            100: '#FEF3E6',
+            ...palette.yellow,
+        },
+        grey: {
+            900: '#0F0F0F',
+            800: '#1F1F1F',
+            700: '#636363',
+            600: '#797979',
+            500: '#BAB5B5',
+            400: '#C7C7C7',
+            300: '#D9D9D9',
+            200: '#E2E2E2',
+            100: '#E9E9E9',
             // Необходимо mui при добавлении новых цветов компонентам
-            main: '#1F1F1F', dark: '#0F0F0F', light: '#BAB5B5', contrastText: '#FFF' }, palette.grey),
-        primary: Object.assign({ light: palette.primary[300], main: palette.primary[800], dark: palette.primary[900], contrastText: '#FFF' }, palette.primary),
-        secondary: Object.assign({ main: palette.secondary[800], dark: palette.primary[900], contrastText: '#FFF' }, palette.secondary),
+            main: '#1F1F1F',
+            dark: '#0F0F0F',
+            light: '#BAB5B5',
+            contrastText: '#FFF',
+            ...palette.grey,
+        },
+        primary: {
+            light: palette.primary[300],
+            main: palette.primary[800],
+            dark: palette.primary[900],
+            contrastText: '#FFF',
+            ...palette.primary,
+        },
+        secondary: {
+            main: palette.secondary[800],
+            dark: palette.primary[900],
+            contrastText: '#FFF',
+            ...palette.secondary,
+        },
         background: {
             default: '#FFFFFF',
             paper: '#FFFFFF',
@@ -29,13 +87,31 @@ export const getPalette = (palette) => {
             };
         },
         get warning() {
-            return Object.assign(Object.assign({}, this.yellow), { light: this.yellow[100], main: this.yellow[600], dark: this.yellow[800], contrastText: '#FFF' });
+            return {
+                ...this.yellow,
+                light: this.yellow[100],
+                main: this.yellow[600],
+                dark: this.yellow[800],
+                contrastText: '#FFF',
+            };
         },
         get success() {
-            return Object.assign(Object.assign({}, this.green), { light: this.green[100], main: this.green[600], dark: this.green[800], contrastText: '#FFF' });
+            return {
+                ...this.green,
+                light: this.green[100],
+                main: this.green[600],
+                dark: this.green[800],
+                contrastText: '#FFF',
+            };
         },
         get error() {
-            return Object.assign(Object.assign({}, this.red), { light: this.red[100], main: this.red[600], dark: this.red[800], contrastText: '#FFF' });
+            return {
+                ...this.red,
+                light: this.red[100],
+                main: this.red[600],
+                dark: this.red[800],
+                contrastText: '#FFF',
+            };
         },
         components: componentsColors,
         common: {

package/components/transitions/Slide/Slide.js

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

package/components/utils/array/deepMap/deepMap.js

@@ -6,10 +6,13 @@
  * @param {number} функция применяющаяся к каждому элементу массива
  */
 export const deepMap = (data, field, callback) => {
-    return data === null || data === void 0 ? void 0 : data.map((item) => {
+    return data?.map((item) => {
         const childElements = item[field];
         if (childElements) {
-            return callback(Object.assign(Object.assign({}, item), { [field]: deepMap(childElements, field, callback) }));
+            return callback({
+                ...item,
+                [field]: deepMap(childElements, field, callback),
+            });
         }
         return callback(item);
     });