@astral/ui 4.2.0 → 4.2.2

package/components/fileUploading/FileUploader/FileUploader.js

@@ -5,5 +5,5 @@ import { useFileUploader } from '../hooks';
 import { FileList } from './FIleList';
 export const FileUploader = forwardRef((props, forwardedRef) => {
     const { dropZoneProps, fileListProps } = useFileUploader(props);
-    return (_jsx(FileUploaderDropzone, Object.assign({ ref: forwardedRef }, dropZoneProps, { children: _jsx(FileList, Object.assign({}, fileListProps)) })));
+    return (_jsx(FileUploaderDropzone, { ref: forwardedRef, ...dropZoneProps, children: _jsx(FileList, { ...fileListProps }) }));
 });

package/components/fileUploading/FileUploader/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 axios from 'axios';
 import AxiosMockAdapter from 'axios-mock-adapter';
 let globalId = 0;
@@ -18,12 +9,12 @@ const progressSteps = Array.from({ length: 10 }, (_, i) => (i + 1) / 10);
 const getRandomDelay = () => Math.random() * 300 + 200; // 200-500ms
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
 const mock = new AxiosMockAdapter(axios);
-mock.onPost('/api/upload').reply((config) => __awaiter(void 0, void 0, void 0, function* () {
+mock.onPost('/api/upload').reply(async (config) => {
     const formData = config.data;
     const file = formData.get('file');
     const total = file.size;
     for (const progress of progressSteps) {
-        yield sleep(getRandomDelay());
+        await sleep(getRandomDelay());
         if (config.onUploadProgress) {
             config.onUploadProgress({
                 loaded: Math.floor(total * progress),
@@ -38,7 +29,10 @@ mock.onPost('/api/upload').reply((config) => __awaiter(void 0, void 0, void 0, f
         type: file.type,
     };
     return [200, response];
-}));
-export const fakeFileUploadQuery = (formData, options) => axios.post('/api/upload', formData, Object.assign({ headers: {
+});
+export const fakeFileUploadQuery = (formData, options) => axios.post('/api/upload', formData, {
+    headers: {
         'Content-Type': 'multipart/form-data',
-    } }, (options || {})));
+    },
+    ...(options || {}),
+});

package/components/fileUploading/FileUploaderDropzone/DropzoneWrapper/DropzoneWrapper.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 { forwardRef } from 'react';
 import { Wrapper } from './styles';
-export const DropzoneWrapper = forwardRef((_a, ref) => {
-    var { children, isError, isActive } = _a, rest = __rest(_a, ["children", "isError", "isActive"]);
-    return (_jsx(Wrapper, Object.assign({}, rest, { "$isError": isError, "$isActive": isActive, ref: ref, children: children })));
-});
+export const DropzoneWrapper = forwardRef(({ children, isError, isActive, ...rest }, ref) => (_jsx(Wrapper, { ...rest, "$isError": isError, "$isActive": isActive, ref: ref, children: children })));

package/components/fileUploading/FileUploaderDropzone/FileUploaderDropzone.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 { FileInput } from '../FileInput';
@@ -18,7 +7,4 @@ import { FileUploaderContainer, } from './FileUploaderContainer';
 import { HintPlaceholder } from './HintPlaceholder';
 import { LimitMaxFilePlaceholder } from './LimitMaxFilePlaceholder';
 import { PlaceholderContainer } from './PlaceholderContainer';
-export const FileUploaderDropzone = forwardRef((_a, ref) => {
-    var { children, fileInputProps, hintPlaceholderProps, uploadButtonProps, isLimitMaxFileCount, isVisibleAddFile, maxFileCount, isVisibleFileList, containerProps } = _a, rest = __rest(_a, ["children", "fileInputProps", "hintPlaceholderProps", "uploadButtonProps", "isLimitMaxFileCount", "isVisibleAddFile", "maxFileCount", "isVisibleFileList", "containerProps"]);
-    return (_jsx(FileUploaderContainer, Object.assign({}, containerProps, { children: _jsxs(DropzoneWrapper, Object.assign({}, rest, { ref: ref, children: [isVisibleFileList && children, _jsx(FileInput, Object.assign({}, fileInputProps)), isVisibleAddFile && (_jsxs(PlaceholderContainer, { children: [_jsx(HintPlaceholder, Object.assign({}, hintPlaceholderProps)), _jsx(UploadButton, Object.assign({}, uploadButtonProps))] })), isLimitMaxFileCount && (_jsx(LimitMaxFilePlaceholder, { maxFileCount: maxFileCount }))] })) })));
-});
+export const FileUploaderDropzone = forwardRef(({ children, fileInputProps, hintPlaceholderProps, uploadButtonProps, isLimitMaxFileCount, isVisibleAddFile, maxFileCount, isVisibleFileList, containerProps, ...rest }, ref) => (_jsx(FileUploaderContainer, { ...containerProps, children: _jsxs(DropzoneWrapper, { ...rest, ref: ref, children: [isVisibleFileList && children, _jsx(FileInput, { ...fileInputProps }), isVisibleAddFile && (_jsxs(PlaceholderContainer, { children: [_jsx(HintPlaceholder, { ...hintPlaceholderProps }), _jsx(UploadButton, { ...uploadButtonProps })] })), isLimitMaxFileCount && (_jsx(LimitMaxFilePlaceholder, { maxFileCount: maxFileCount }))] }) })));

package/components/fileUploading/FileUploaderDropzone/HintPlaceholder/useLogic/useLogic.js

@@ -1,17 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { formatFileTypeToView } from '@astral/utils';
-export const useLogic = (_a) => {
-    var { accept } = _a, restProps = __rest(_a, ["accept"]);
+export const useLogic = ({ accept, ...restProps }) => {
     const extensions = accept.map(formatFileTypeToView).join(', ');
-    return Object.assign({ extensions }, restProps);
+    return { extensions, ...restProps };
 };

package/components/fileUploading/FileUploaderFile/Actions/Actions.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 { BinOutlineMd, CrossOutlineMd, DownloadOutlineMd, EyeOutlineMd, RetryOutlineMd, } from '../../../../icons';
 import { IconButton } from '../../../IconButton';
@@ -23,6 +12,6 @@ export const Actions = (props) => {
     if (isError) {
         return (_jsxs(Wrapper, { children: [isVisibleRetryButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", children: _jsx(IconButton, { variant: "text", onClick: handleRetry, children: _jsx(RetryOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: _jsx(IconButton, { variant: "text", onClick: handleDelete, children: _jsx(CrossOutlineMd, {}) }) })] }));
     }
-    const { isShowViewButton } = viewButtonProps, restViewButtonProps = __rest(viewButtonProps, ["isShowViewButton"]);
-    return (_jsxs(Wrapper, { children: [isShowViewButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: _jsx(IconButton, Object.assign({ variant: "text" }, restViewButtonProps, { children: _jsx(EyeOutlineMd, {}) })) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: _jsx(IconButton, Object.assign({ component: "a", variant: "text", download: fileName }, downloadButtonProps, { children: _jsx(DownloadOutlineMd, {}) })) }), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: _jsx(IconButton, { variant: "text", onClick: handleDelete, children: _jsx(BinOutlineMd, {}) }) })] }));
+    const { isShowViewButton, ...restViewButtonProps } = viewButtonProps;
+    return (_jsxs(Wrapper, { children: [isShowViewButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: _jsx(IconButton, { variant: "text", ...restViewButtonProps, children: _jsx(EyeOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: _jsx(IconButton, { component: "a", variant: "text", download: fileName, ...downloadButtonProps, children: _jsx(DownloadOutlineMd, {}) }) }), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: _jsx(IconButton, { variant: "text", onClick: handleDelete, children: _jsx(BinOutlineMd, {}) }) })] }));
 };

package/components/fileUploading/FileUploaderFile/Actions/useLogic/useLogic.js

@@ -24,11 +24,11 @@ export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloa
     };
     const downloadLink = getDownloadLink();
     const handleAbort = () => {
-        controller === null || controller === void 0 ? void 0 : controller.abort();
+        controller?.abort();
         setErrorStatusFile(fileId, ABORT_ERROR_MESSAGE);
     };
     const handleDelete = () => onDelete(fileId);
-    const handleView = () => onView === null || onView === void 0 ? void 0 : onView(fileId, file, fileUrl);
+    const handleView = () => onView?.(fileId, file, fileUrl);
     const checkIsAcceptedExtension = (extension) => {
         if (!extension) {
             return false;
@@ -42,9 +42,12 @@ export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloa
         if (onView) {
             return { isShowViewButton: true, onClick: handleView };
         }
-        const extension = file && getFileExtension(file === null || file === void 0 ? void 0 : file.type);
+        const extension = file && getFileExtension(file?.type);
         if (checkIsAcceptedExtension(extension)) {
-            return Object.assign({ isShowViewButton: true }, generateAttrLinkNewTab(downloadLink));
+            return {
+                isShowViewButton: true,
+                ...generateAttrLinkNewTab(downloadLink),
+            };
         }
         return {
             isShowViewButton: false,
@@ -55,7 +58,7 @@ export const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloa
             },
         };
     };
-    const handleRetry = () => onRetry === null || onRetry === void 0 ? void 0 : onRetry(fileId, file);
+    const handleRetry = () => onRetry?.(fileId, file);
     return {
         downloadButtonProps: {
             href: downloadLink,

package/components/fileUploading/FileUploaderFile/FileUploaderFile.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 { Typography } from '../../Typography';
 import { Grow } from '../../transitions';
@@ -17,8 +6,8 @@ import { Actions } from './Actions';
 import { Progress } from './Progress';
 import { Content, Wrapper } from './styles';
 export const FileUploaderFile = (props) => {
-    const { id, name, file, url, size, status } = props, actions = __rest(props, ["id", "name", "file", "url", "size", "status"]);
+    const { id, name, file, url, size, status, ...actions } = props;
     const { isLoading, isUploadError, isRestrictionError, errorMsg, progress } = status || {};
     const isError = isUploadError || isRestrictionError;
-    return (_jsx(Grow, { in: true, children: _jsxs(Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [_jsxs(Content, { children: [_jsx(FileInfo, { fileName: name, fileSize: size }), isLoading && _jsx(Progress, { progress: progress }), isError && (_jsx(Typography, { variant: "caption", color: "error", children: errorMsg }))] }), _jsx(Actions, Object.assign({ fileId: id, file: file, fileName: name, fileUrl: url, isLoading: isLoading, isError: isError, isUploadError: isUploadError }, actions))] }) }));
+    return (_jsx(Grow, { in: true, children: _jsxs(Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [_jsxs(Content, { children: [_jsx(FileInfo, { fileName: name, fileSize: size }), isLoading && _jsx(Progress, { progress: progress }), isError && (_jsx(Typography, { variant: "caption", color: "error", children: errorMsg }))] }), _jsx(Actions, { fileId: id, file: file, fileName: name, fileUrl: url, isLoading: isLoading, isError: isError, isUploadError: isUploadError, ...actions })] }) }));
 };

package/components/fileUploading/FileUploaderFile/Progress/Progress.js

@@ -4,5 +4,5 @@ import { Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Progress = (props) => {
     const { progressBarProps } = useLogic(props);
-    return (_jsx(Wrapper, { children: _jsx(ProgressBar, Object.assign({}, progressBarProps)) }));
+    return (_jsx(Wrapper, { children: _jsx(ProgressBar, { ...progressBarProps }) }));
 };

package/components/fileUploading/PreviewFileUploader/FileList/FileList.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, Fragment as _Fragment } from "react/jsx-runtime";
 import { PreviewFileUploaderFile, } from '../../PreviewFileUploaderFile';
-export const FileList = (_a) => {
-    var { files } = _a, restProps = __rest(_a, ["files"]);
-    return (_jsx(_Fragment, { children: files === null || files === void 0 ? void 0 : files.map((file) => (_jsx(PreviewFileUploaderFile, Object.assign({}, file, restProps), file.id))) }));
-};
+export const FileList = ({ files, ...restProps }) => (_jsx(_Fragment, { children: files?.map((file) => (_jsx(PreviewFileUploaderFile, { ...file, ...restProps }, file.id))) }));

package/components/fileUploading/PreviewFileUploader/PreviewFileUploader.js

@@ -5,5 +5,5 @@ import { PreviewFileUploaderDropZone } from '../PreviewFileUploaderDropZone';
 import { FileList } from './FileList';
 export const PreviewFileUploader = forwardRef((props, forwardedRef) => {
     const { dropZoneProps, fileListProps } = usePreviewFileUploader(props);
-    return (_jsx(PreviewFileUploaderDropZone, Object.assign({ ref: forwardedRef }, dropZoneProps, { children: _jsx(FileList, Object.assign({}, fileListProps)) })));
+    return (_jsx(PreviewFileUploaderDropZone, { ref: forwardedRef, ...dropZoneProps, children: _jsx(FileList, { ...fileListProps }) }));
 });

package/components/fileUploading/PreviewFileUploader/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 axios from 'axios';
 import AxiosMockAdapter from 'axios-mock-adapter';
 let globalId = 0;
@@ -18,12 +9,12 @@ const progressSteps = Array.from({ length: 10 }, (_, i) => (i + 1) / 10);
 const getRandomDelay = () => Math.random() * 300 + 200; // 200-500ms
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
 const mock = new AxiosMockAdapter(axios);
-mock.onPost('/api/upload').reply((config) => __awaiter(void 0, void 0, void 0, function* () {
+mock.onPost('/api/upload').reply(async (config) => {
     const formData = config.data;
     const file = formData.get('file');
     const total = file.size;
     for (const progress of progressSteps) {
-        yield sleep(getRandomDelay());
+        await sleep(getRandomDelay());
         if (config.onUploadProgress) {
             config.onUploadProgress({
                 loaded: Math.floor(total * progress),
@@ -38,7 +29,10 @@ mock.onPost('/api/upload').reply((config) => __awaiter(void 0, void 0, void 0, f
         type: file.type,
     };
     return [200, response];
-}));
-export const fakePreviewFileUploadQuery = (formData, options) => axios.post('/api/upload', formData, Object.assign({ headers: {
+});
+export const fakePreviewFileUploadQuery = (formData, options) => axios.post('/api/upload', formData, {
+    headers: {
         'Content-Type': 'multipart/form-data',
-    } }, (options || {})));
+    },
+    ...(options || {}),
+});

package/components/fileUploading/PreviewFileUploaderDropZone/HintPlaceholder/HintPlaceholder.js

@@ -5,5 +5,5 @@ import { Extensions, Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const HintPlaceholder = (props) => {
     const { extensions, imageProps, maxFileSize, placeholder, className, RenderImage, } = useLogic(props);
-    return (_jsxs(Wrapper, { className: className, children: [_jsx(RenderImage, Object.assign({}, imageProps, { alt: "\u0424\u0430\u0439\u043B\u044B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438" })), _jsx(Typography, { component: "p", color: "textSecondary", variant: "caption", align: "center", children: placeholder || (_jsxs(_Fragment, { children: ["\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0430\u0439\u043B. \u0420\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', formatFileSizeToView(maxFileSize), extensions && ' в формате ', _jsx(Extensions, { children: extensions })] })) })] }));
+    return (_jsxs(Wrapper, { className: className, children: [_jsx(RenderImage, { ...imageProps, alt: "\u0424\u0430\u0439\u043B\u044B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438" }), _jsx(Typography, { component: "p", color: "textSecondary", variant: "caption", align: "center", children: placeholder || (_jsxs(_Fragment, { children: ["\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0430\u0439\u043B. \u0420\u0430\u0437\u043C\u0435\u0440\u043E\u043C \u043D\u0435 \u0431\u043E\u043B\u0435\u0435", ' ', formatFileSizeToView(maxFileSize), extensions && ' в формате ', _jsx(Extensions, { children: extensions })] })) })] }));
 };

package/components/fileUploading/PreviewFileUploaderDropZone/HintPlaceholder/useLogic/useLogic.js

@@ -1,26 +1,17 @@
-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 { formatFileTypeToView } from '@astral/utils';
 import { useContext, useMemo } from 'react';
 import { ConfigContext, } from '../../../../ConfigProvider';
 import { Image, setDefaultImageStyles } from '../styles';
-export const useLogic = (_a) => {
-    var _b, _c;
-    var { accept, placeholderImgSrc } = _a, rest = __rest(_a, ["accept", "placeholderImgSrc"]);
+export const useLogic = ({ accept, placeholderImgSrc, ...rest }) => {
     const { imagesMap, components } = useContext(ConfigContext);
     const { uploadFileImgSrc } = imagesMap;
-    const configRenderImage = (_c = (_b = components === null || components === void 0 ? void 0 : components.placeholder) === null || _b === void 0 ? void 0 : _b.defaultProps) === null || _c === void 0 ? void 0 : _c.renderImage;
+    const configRenderImage = components?.placeholder?.defaultProps?.renderImage;
     const RenderImage = useMemo(() => configRenderImage ? setDefaultImageStyles(configRenderImage) : Image, [configRenderImage]);
-    const extensions = accept === null || accept === void 0 ? void 0 : accept.map(formatFileTypeToView).join(', ');
-    return Object.assign({ RenderImage,
-        extensions, imageProps: { src: placeholderImgSrc || uploadFileImgSrc } }, rest);
+    const extensions = accept?.map(formatFileTypeToView).join(', ');
+    return {
+        RenderImage,
+        extensions,
+        imageProps: { src: placeholderImgSrc || uploadFileImgSrc },
+        ...rest,
+    };
 };

package/components/fileUploading/PreviewFileUploaderDropZone/PreviewFileUploaderDropZone.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 { FileInput } from '../FileInput';
@@ -17,7 +6,4 @@ import { UploadButton } from '../UploadButton';
 import { HintPlaceholder } from './HintPlaceholder';
 import { PlaceholderWrapper } from './PlaceholderWrapper';
 import { StyledDropzoneWrapper } from './styles';
-export const PreviewFileUploaderDropZone = forwardRef((_a, ref) => {
-    var { fileInputProps, uploadButtonProps, hintPlaceholderProps, children, isVisibleAddFile, isVisibleFileList, containerProps } = _a, restProps = __rest(_a, ["fileInputProps", "uploadButtonProps", "hintPlaceholderProps", "children", "isVisibleAddFile", "isVisibleFileList", "containerProps"]);
-    return (_jsx(FileUploaderContainer, Object.assign({}, containerProps, { children: _jsxs(StyledDropzoneWrapper, Object.assign({ ref: ref }, restProps, { children: [isVisibleFileList && children, _jsx(FileInput, Object.assign({}, fileInputProps)), isVisibleAddFile && (_jsxs(PlaceholderWrapper, { children: [_jsx(HintPlaceholder, Object.assign({}, hintPlaceholderProps)), _jsx(UploadButton, Object.assign({}, uploadButtonProps))] }))] })) })));
-});
+export const PreviewFileUploaderDropZone = forwardRef(({ fileInputProps, uploadButtonProps, hintPlaceholderProps, children, isVisibleAddFile, isVisibleFileList, containerProps, ...restProps }, ref) => (_jsx(FileUploaderContainer, { ...containerProps, children: _jsxs(StyledDropzoneWrapper, { ref: ref, ...restProps, children: [isVisibleFileList && children, _jsx(FileInput, { ...fileInputProps }), isVisibleAddFile && (_jsxs(PlaceholderWrapper, { children: [_jsx(HintPlaceholder, { ...hintPlaceholderProps }), _jsx(UploadButton, { ...uploadButtonProps })] }))] }) })));

package/components/fileUploading/PreviewFileUploaderFile/FileError/FileError.js

@@ -9,5 +9,5 @@ import { useLogic } from './useLogic';
 export const FileError = (props) => {
     const { isVisibleRetryButton, imageProps, deleteButtonProps, retryButtonProps, RenderImage, } = useLogic(props);
     const { fileName, fileSize, errorMsg } = props;
-    return (_jsxs(Wrapper, { children: [_jsx(RenderImage, Object.assign({}, imageProps, { alt: "\u041D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 \u0444\u0430\u0439\u043B" })), _jsx(Typography, { variant: "caption", color: "error", children: errorMsg }), _jsxs(Details, { className: previewFileUploaderClassnames.details, children: [_jsx(StyledFileInfo, { fileName: fileName, fileSize: fileSize }), _jsxs(Actions, { children: [isVisibleRetryButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", disableInteractive: true, children: _jsx(IconButton, Object.assign({ variant: "light", color: "grey" }, retryButtonProps, { children: _jsx(RetryOutlineMd, {}) })) })), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, Object.assign({ variant: "light", color: "grey" }, deleteButtonProps, { children: _jsx(CrossOutlineMd, {}) })) })] })] })] }));
+    return (_jsxs(Wrapper, { children: [_jsx(RenderImage, { ...imageProps, alt: "\u041D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 \u0444\u0430\u0439\u043B" }), _jsx(Typography, { variant: "caption", color: "error", children: errorMsg }), _jsxs(Details, { className: previewFileUploaderClassnames.details, children: [_jsx(StyledFileInfo, { fileName: fileName, fileSize: fileSize }), _jsxs(Actions, { children: [isVisibleRetryButton && (_jsx(Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...retryButtonProps, children: _jsx(RetryOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...deleteButtonProps, children: _jsx(CrossOutlineMd, {}) }) })] })] })] }));
 };

package/components/fileUploading/PreviewFileUploaderFile/FileError/useLogic/useLogic.js

@@ -2,14 +2,13 @@ import { useContext, useMemo } from 'react';
 import { ConfigContext, } from '../../../../ConfigProvider';
 import { Image, setDefaultImageStyles } from '../styles';
 export const useLogic = ({ fileId, file, isUploadError, onDelete, onRetry, }) => {
-    var _a, _b;
     const { imagesMap, components } = useContext(ConfigContext);
-    const configRenderImage = (_b = (_a = components === null || components === void 0 ? void 0 : components.placeholder) === null || _a === void 0 ? void 0 : _a.defaultProps) === null || _b === void 0 ? void 0 : _b.renderImage;
+    const configRenderImage = components?.placeholder?.defaultProps?.renderImage;
     const RenderImage = useMemo(() => configRenderImage ? setDefaultImageStyles(configRenderImage) : Image, [configRenderImage]);
     const { errorFileImgSrc } = imagesMap;
     const isVisibleRetryButton = Boolean(isUploadError && onRetry);
     const handleDelete = () => onDelete(fileId);
-    const handleRetry = () => onRetry === null || onRetry === void 0 ? void 0 : onRetry(fileId, file);
+    const handleRetry = () => onRetry?.(fileId, file);
     return {
         isVisibleRetryButton,
         RenderImage,

package/components/fileUploading/PreviewFileUploaderFile/FileLoading/FileLoading.js

@@ -7,5 +7,5 @@ import { Content, Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const FileLoading = (props) => {
     const { abortButtonProps, fileName, fileSize, progress } = useLogic(props);
-    return (_jsxs(Wrapper, { children: [_jsx(Typography, { variant: "h5", children: "\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }), _jsxs(Content, { children: [_jsx(FileInfo, { fileName: fileName, fileSize: fileSize }), _jsx(Progress, { progress: progress })] }), _jsx(Button, Object.assign({ variant: "light", color: "grey" }, abortButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443" }))] }));
+    return (_jsxs(Wrapper, { children: [_jsx(Typography, { variant: "h5", children: "\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }), _jsxs(Content, { children: [_jsx(FileInfo, { fileName: fileName, fileSize: fileSize }), _jsx(Progress, { progress: progress })] }), _jsx(Button, { variant: "light", color: "grey", ...abortButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443" })] }));
 };

package/components/fileUploading/PreviewFileUploaderFile/FileLoading/Progress/Progress.js

@@ -4,5 +4,5 @@ import { Wrapper } from './styles';
 import { useLogic } from './useLogic';
 export const Progress = (props) => {
     const { progressBarProps } = useLogic(props);
-    return (_jsx(Wrapper, { children: _jsx(ProgressBar, Object.assign({}, progressBarProps)) }));
+    return (_jsx(Wrapper, { children: _jsx(ProgressBar, { ...progressBarProps }) }));
 };

package/components/fileUploading/PreviewFileUploaderFile/FileLoading/useLogic/useLogic.js

@@ -2,7 +2,7 @@ import { ABORT_ERROR_MESSAGE } from '../../../constants';
 export const useLogic = ({ fileId, fileName, fileSize, progress, selfFiles, setErrorStatusFile, }) => {
     const { controller } = selfFiles[fileId] || {};
     const handleAbort = () => {
-        controller === null || controller === void 0 ? void 0 : controller.abort();
+        controller?.abort();
         setErrorStatusFile(fileId, ABORT_ERROR_MESSAGE);
     };
     return {

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/FilePreview.js

@@ -13,5 +13,5 @@ export const FilePreview = (props) => {
     const { viewButtonProps, downloadButtonProps, deleteButtonProps, isImageFile, isPdfFile, isOtherFile, } = useLogic(props);
     const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, } = props;
     const { isMobile } = useViewportType();
-    return (_jsxs(Wrapper, { children: [_jsx(Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer }), _jsxs(Details, { className: previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && _jsx(Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), _jsx(StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), _jsx(Actions, { children: isMobile && isOtherFile ? (_jsx(Button, Object.assign({ variant: "light", color: "grey" }, deleteButtonProps, { children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" }))) : (_jsxs(_Fragment, { children: [!isOtherFile && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, Object.assign({ variant: "light", color: "grey" }, viewButtonProps, { children: _jsx(EyeOutlineMd, {}) })) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, Object.assign({ component: "a", variant: "light", color: "grey", download: fileName }, downloadButtonProps, { children: _jsx(DownloadOutlineMd, {}) })) }), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, Object.assign({ variant: "light", color: "grey" }, deleteButtonProps, { children: _jsx(BinOutlineMd, {}) })) })] })) })] })] }));
+    return (_jsxs(Wrapper, { children: [_jsx(Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer }), _jsxs(Details, { className: previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && _jsx(Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), _jsx(StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), _jsx(Actions, { children: isMobile && isOtherFile ? (_jsx(Button, { variant: "light", color: "grey", ...deleteButtonProps, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })) : (_jsxs(_Fragment, { children: [!isOtherFile && (_jsx(Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...viewButtonProps, children: _jsx(EyeOutlineMd, {}) }) })), _jsx(Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { component: "a", variant: "light", color: "grey", download: fileName, ...downloadButtonProps, children: _jsx(DownloadOutlineMd, {}) }) }), _jsx(Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: _jsx(IconButton, { variant: "light", color: "grey", ...deleteButtonProps, children: _jsx(BinOutlineMd, {}) }) })] })) })] })] }));
 };

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/Preview/Preview.js

@@ -9,16 +9,16 @@ export const Preview = (props) => {
         if (!PdfViewer) {
             return null;
         }
-        return _jsx(PdfViewer, Object.assign({}, pdfViewerProps));
+        return _jsx(PdfViewer, { ...pdfViewerProps });
     }, []);
     if (isPdfFile) {
         if (PdfViewer) {
             return (_jsx(PdfWrapper, { ref: scrollRef, children: _jsx(PreviewPdf, {}) }));
         }
-        return (_jsx(MediaObject, Object.assign({}, mediaObjectProps, { type: "application/pdf", role: "presentation" })));
+        return (_jsx(MediaObject, { ...mediaObjectProps, type: "application/pdf", role: "presentation" }));
     }
     if (isImageFile) {
-        return _jsx(Image, Object.assign({}, imageProps, { alt: "\u041F\u0440\u0435\u0432\u044C\u044E \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430" }));
+        return _jsx(Image, { ...imageProps, alt: "\u041F\u0440\u0435\u0432\u044C\u044E \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430" });
     }
     return _jsx(OtherFile, {});
 };

package/components/fileUploading/PreviewFileUploaderFile/FilePreview/useLogic/useLogic.js

@@ -7,7 +7,7 @@ import { generateAttrLinkNewTab } from '../../../utils';
 export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete, onView, fileType, }) => {
     const { captureException } = useContext(ConfigContext);
     const { generateUrl } = useGenerateLocalFileURL();
-    const extensionFile = getFileExtension(((file === null || file === void 0 ? void 0 : file.type) || fileType));
+    const extensionFile = getFileExtension((file?.type || fileType));
     const isPdfFile = Object.is(extensionFile, 'pdf');
     const isImageFile = fileType.includes('image/');
     const isOtherFile = !isImageFile && !isPdfFile;
@@ -25,7 +25,7 @@ export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete
     };
     const downloadLink = getDownloadLink();
     const handleDelete = () => onDelete(fileId);
-    const handleView = () => onView === null || onView === void 0 ? void 0 : onView(fileId, file, fileUrl);
+    const handleView = () => onView?.(fileId, file, fileUrl);
     const checkIsAcceptedExtension = (extension) => {
         if (!extension) {
             return false;
@@ -39,7 +39,7 @@ export const useLogic = ({ fileId, file, fileUrl, generateDownloadLink, onDelete
         if (onView) {
             return { onClick: handleView };
         }
-        const extension = getFileExtension(((file === null || file === void 0 ? void 0 : file.type) || fileType));
+        const extension = getFileExtension((file?.type || fileType));
         if (checkIsAcceptedExtension(extension)) {
             return generateAttrLinkNewTab(downloadLink);
         }

package/components/fileUploading/hooks/useFileUploader/useFileUploader.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';
@@ -40,13 +29,17 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
         const title = droppedFilesLength === 1
             ? 'Файл не загружен'
             : `${declensionAdded(addedFilesLength)} ${addedFilesLength} ${declensionFile(addedFilesLength)} из ${droppedFilesLength}`;
-        notify === null || notify === void 0 ? void 0 : notify.warning(title, {
+        notify?.warning(title, {
             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;
     };
@@ -88,17 +81,17 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
         }
         enqueueFiles(addedFiles);
     };
-    const _a = useDnD({
+    const { isDragActive, ...dropZoneActions } = useDnD({
         isDisabled,
         onChange: (droppedFiles) => {
             handleChange({
                 target: { files: droppedFiles },
             });
         },
-    }), { isDragActive } = _a, dropZoneActions = __rest(_a, ["isDragActive"]);
+    });
     const handleDelete = (fileId) => {
         if (isMultiple) {
-            return onChange(files === null || files === void 0 ? void 0 : files.filter(({ id }) => id !== fileId));
+            return onChange(files?.filter(({ id }) => id !== fileId));
         }
         return onChange(null);
     };
@@ -109,15 +102,25 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
         return undefined;
     };
     return {
-        dropZoneProps: Object.assign(Object.assign({ isActive: !isDisabled && isDragActive, htmlFor: inputId, isDisabled,
-            isError, className: fileUploaderClassnames.dropzone }, dropZoneActions), { isLimitMaxFileCount, maxFileCount: maxFileCount, isVisibleAddFile,
-            isVisibleFileList, hintPlaceholderProps: {
+        dropZoneProps: {
+            isActive: !isDisabled && isDragActive,
+            htmlFor: inputId,
+            isDisabled,
+            isError,
+            className: fileUploaderClassnames.dropzone,
+            ...dropZoneActions,
+            isLimitMaxFileCount,
+            maxFileCount: maxFileCount,
+            isVisibleAddFile,
+            isVisibleFileList,
+            hintPlaceholderProps: {
                 isMultiple,
                 accept,
                 maxFileCount: maxFileCount,
                 maxFileSize,
                 placeholder,
-            }, fileInputProps: {
+            },
+            fileInputProps: {
                 id: inputId,
                 accept: accept.join(),
                 ref: inputRef,
@@ -126,15 +129,18 @@ inputRef, notify, onChange, onUploadFile, name, isError, onView, generateDownloa
                 name,
                 isMultiple,
                 isDisabled,
-            }, uploadButtonProps: {
+            },
+            uploadButtonProps: {
                 isDisabled,
                 htmlFor: inputId,
-            }, containerProps: {
+            },
+            containerProps: {
                 className,
                 label,
                 isError,
                 helperText,
-            } }),
+            },
+        },
         fileListProps: {
             onDelete: handleDelete,
             onRetry: getHandlerOnRetry(),