@astral/ui 4.1.7 → 4.2.1

package/node/components/TreeLikeList/TreeLikeList.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeLikeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,7 +8,7 @@ const useLogic_1 = require("./useLogic");
 const INITIAL_LEVEL = 0;
 const TreeLikeList = (props) => {
     const { listProps, itemProps } = (0, useLogic_1.useLogic)(props);
-    const { data, className, expandedLevel = 10, disabledItems } = props, restProps = __rest(props, ["data", "className", "expandedLevel", "disabledItems"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, Object.assign({ className: className }, listProps, { children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, Object.assign({}, item, { level: INITIAL_LEVEL, expandedLevel: expandedLevel }, itemProps, restProps), item.id))) })));
+    const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: className, ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { ...item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };
 exports.TreeLikeList = TreeLikeList;

package/node/components/TreeLikeList/useLogic/useLogic.js

@@ -9,7 +9,7 @@ const useLogic = ({ data, value, disabledItems }) => {
     const prefixId = (0, useId_1.useId)();
     const listRef = (0, react_1.useRef)(null);
     (0, react_1.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/node/components/TreeLikeList/useLogic/utils/getChainsId/getChainsId.js

@@ -5,7 +5,7 @@ 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/node/components/Typography/Typography.js

@@ -1,23 +1,11 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Typography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const hooks_1 = require("./hooks");
 const styles_1 = require("./styles");
-exports.Typography = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, color, colorIntensity = '800', component } = _a, props = __rest(_a, ["children", "color", "colorIntensity", "component"]);
+exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, ...props }, ref) => {
     const typographyColor = (0, hooks_1.useTypographyColor)({ color, colorIntensity });
-    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, Object.assign({ ref: ref }, props, { component: component, color: typographyColor, children: children })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, children: children }));
 });

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

@@ -6,7 +6,6 @@ const theme_1 = require("../../../theme");
 const useTypographyColor = ({ color, colorIntensity = '800', }) => {
     const theme = (0, theme_1.useTheme)();
     return (0, react_1.useMemo)(() => {
-        var _a;
         if (color) {
             switch (color) {
                 case 'text':
@@ -16,7 +15,7 @@ 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/node/components/fileUploading/FileUploader/FIleList/FileList.js

@@ -1,22 +1,8 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const FileUploaderFile_1 = require("../../FileUploaderFile");
 const styles_1 = require("./styles");
-const FileList = (_a) => {
-    var { isMultiple, files, className } = _a, restProps = __rest(_a, ["isMultiple", "files", "className"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isMultiple": isMultiple, className: className, children: files === null || files === void 0 ? void 0 : files.map((file) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(FileUploaderFile_1.FileUploaderFile, Object.assign({}, file, restProps)) }, file.id))) }));
-};
+const FileList = ({ isMultiple, files, className, ...restProps }) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isMultiple": isMultiple, className: className, children: files?.map((file) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(FileUploaderFile_1.FileUploaderFile, { ...file, ...restProps }) }, file.id))) }));
 exports.FileList = FileList;

package/node/components/fileUploading/FileUploader/FileUploader.js

@@ -8,5 +8,5 @@ const hooks_1 = require("../hooks");
 const FIleList_1 = require("./FIleList");
 exports.FileUploader = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { dropZoneProps, fileListProps } = (0, hooks_1.useFileUploader)(props);
-    return ((0, jsx_runtime_1.jsx)(FileUploaderDropzone_1.FileUploaderDropzone, Object.assign({ ref: forwardedRef }, dropZoneProps, { children: (0, jsx_runtime_1.jsx)(FIleList_1.FileList, Object.assign({}, fileListProps)) })));
+    return ((0, jsx_runtime_1.jsx)(FileUploaderDropzone_1.FileUploaderDropzone, { ref: forwardedRef, ...dropZoneProps, children: (0, jsx_runtime_1.jsx)(FIleList_1.FileList, { ...fileListProps }) }));
 });

package/node/components/fileUploading/FileUploader/faker.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -24,12 +15,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 axios_mock_adapter_1.default(axios_1.default);
-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),
@@ -44,8 +35,11 @@ mock.onPost('/api/upload').reply((config) => __awaiter(void 0, void 0, void 0, f
         type: file.type,
     };
     return [200, response];
-}));
-const fakeFileUploadQuery = (formData, options) => axios_1.default.post('/api/upload', formData, Object.assign({ headers: {
+});
+const fakeFileUploadQuery = (formData, options) => axios_1.default.post('/api/upload', formData, {
+    headers: {
         'Content-Type': 'multipart/form-data',
-    } }, (options || {})));
+    },
+    ...(options || {}),
+});
 exports.fakeFileUploadQuery = fakeFileUploadQuery;

package/node/components/fileUploading/FileUploaderDropzone/DropzoneWrapper/DropzoneWrapper.js

@@ -1,21 +1,7 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropzoneWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styles_1 = require("./styles");
-exports.DropzoneWrapper = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, isError, isActive } = _a, rest = __rest(_a, ["children", "isError", "isActive"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, Object.assign({}, rest, { "$isError": isError, "$isActive": isActive, ref: ref, children: children })));
-});
+exports.DropzoneWrapper = (0, react_1.forwardRef)(({ children, isError, isActive, ...rest }, ref) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ...rest, "$isError": isError, "$isActive": isActive, ref: ref, children: children })));

package/node/components/fileUploading/FileUploaderDropzone/FileUploaderDropzone.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUploaderDropzone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,7 +10,4 @@ const FileUploaderContainer_1 = require("./FileUploaderContainer");
 const HintPlaceholder_1 = require("./HintPlaceholder");
 const LimitMaxFilePlaceholder_1 = require("./LimitMaxFilePlaceholder");
 const PlaceholderContainer_1 = require("./PlaceholderContainer");
-exports.FileUploaderDropzone = (0, react_1.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 ((0, jsx_runtime_1.jsx)(FileUploaderContainer_1.FileUploaderContainer, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsxs)(DropzoneWrapper_1.DropzoneWrapper, Object.assign({}, rest, { ref: ref, children: [isVisibleFileList && children, (0, jsx_runtime_1.jsx)(FileInput_1.FileInput, Object.assign({}, fileInputProps)), isVisibleAddFile && ((0, jsx_runtime_1.jsxs)(PlaceholderContainer_1.PlaceholderContainer, { children: [(0, jsx_runtime_1.jsx)(HintPlaceholder_1.HintPlaceholder, Object.assign({}, hintPlaceholderProps)), (0, jsx_runtime_1.jsx)(UploadButton_1.UploadButton, Object.assign({}, uploadButtonProps))] })), isLimitMaxFileCount && ((0, jsx_runtime_1.jsx)(LimitMaxFilePlaceholder_1.LimitMaxFilePlaceholder, { maxFileCount: maxFileCount }))] })) })));
-});
+exports.FileUploaderDropzone = (0, react_1.forwardRef)(({ children, fileInputProps, hintPlaceholderProps, uploadButtonProps, isLimitMaxFileCount, isVisibleAddFile, maxFileCount, isVisibleFileList, containerProps, ...rest }, ref) => ((0, jsx_runtime_1.jsx)(FileUploaderContainer_1.FileUploaderContainer, { ...containerProps, children: (0, jsx_runtime_1.jsxs)(DropzoneWrapper_1.DropzoneWrapper, { ...rest, ref: ref, children: [isVisibleFileList && children, (0, jsx_runtime_1.jsx)(FileInput_1.FileInput, { ...fileInputProps }), isVisibleAddFile && ((0, jsx_runtime_1.jsxs)(PlaceholderContainer_1.PlaceholderContainer, { children: [(0, jsx_runtime_1.jsx)(HintPlaceholder_1.HintPlaceholder, { ...hintPlaceholderProps }), (0, jsx_runtime_1.jsx)(UploadButton_1.UploadButton, { ...uploadButtonProps })] })), isLimitMaxFileCount && ((0, jsx_runtime_1.jsx)(LimitMaxFilePlaceholder_1.LimitMaxFilePlaceholder, { maxFileCount: maxFileCount }))] }) })));

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

@@ -1,21 +1,9 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const utils_1 = require("@astral/utils");
-const useLogic = (_a) => {
-    var { accept } = _a, restProps = __rest(_a, ["accept"]);
+const useLogic = ({ accept, ...restProps }) => {
     const extensions = accept.map(utils_1.formatFileTypeToView).join(', ');
-    return Object.assign({ extensions }, restProps);
+    return { extensions, ...restProps };
 };
 exports.useLogic = useLogic;

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

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Actions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -26,7 +15,7 @@ const Actions = (props) => {
     if (isError) {
         return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [isVisibleRetryButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleRetry, children: (0, jsx_runtime_1.jsx)(icons_1.RetryOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleDelete, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }) })] }));
     }
-    const { isShowViewButton } = viewButtonProps, restViewButtonProps = __rest(viewButtonProps, ["isShowViewButton"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [isShowViewButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "text" }, restViewButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlineMd, {}) })) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ component: "a", variant: "text", download: fileName }, downloadButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlineMd, {}) })) }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleDelete, children: (0, jsx_runtime_1.jsx)(icons_1.BinOutlineMd, {}) }) })] }));
+    const { isShowViewButton, ...restViewButtonProps } = viewButtonProps;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [isShowViewButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", ...restViewButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { component: "a", variant: "text", download: fileName, ...downloadButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlineMd, {}) }) }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", onClick: handleDelete, children: (0, jsx_runtime_1.jsx)(icons_1.BinOutlineMd, {}) }) })] }));
 };
 exports.Actions = Actions;

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

@@ -27,11 +27,11 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
     };
     const downloadLink = getDownloadLink();
     const handleAbort = () => {
-        controller === null || controller === void 0 ? void 0 : controller.abort();
+        controller?.abort();
         setErrorStatusFile(fileId, constants_1.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;
@@ -45,9 +45,12 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
         if (onView) {
             return { isShowViewButton: true, onClick: handleView };
         }
-        const extension = file && (0, utils_1.getFileExtension)(file === null || file === void 0 ? void 0 : file.type);
+        const extension = file && (0, utils_1.getFileExtension)(file?.type);
         if (checkIsAcceptedExtension(extension)) {
-            return Object.assign({ isShowViewButton: true }, (0, utils_2.generateAttrLinkNewTab)(downloadLink));
+            return {
+                isShowViewButton: true,
+                ...(0, utils_2.generateAttrLinkNewTab)(downloadLink),
+            };
         }
         return {
             isShowViewButton: false,
@@ -58,7 +61,7 @@ const useLogic = ({ fileId, file, fileUrl, isUploadError, generateDownloadLink,
             },
         };
     };
-    const handleRetry = () => onRetry === null || onRetry === void 0 ? void 0 : onRetry(fileId, file);
+    const handleRetry = () => onRetry?.(fileId, file);
     return {
         downloadButtonProps: {
             href: downloadLink,

package/node/components/fileUploading/FileUploaderFile/FileUploaderFile.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUploaderFile = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -20,9 +9,9 @@ const Actions_1 = require("./Actions");
 const Progress_1 = require("./Progress");
 const styles_1 = require("./styles");
 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 ((0, jsx_runtime_1.jsx)(transitions_1.Grow, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: name, fileSize: size }), isLoading && (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress }), isError && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error", children: errorMsg }))] }), (0, jsx_runtime_1.jsx)(Actions_1.Actions, Object.assign({ fileId: id, file: file, fileName: name, fileUrl: url, isLoading: isLoading, isError: isError, isUploadError: isUploadError }, actions))] }) }));
+    return ((0, jsx_runtime_1.jsx)(transitions_1.Grow, { in: true, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isLoading": isLoading, "$isError": isError, children: [(0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: name, fileSize: size }), isLoading && (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress }), isError && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error", children: errorMsg }))] }), (0, jsx_runtime_1.jsx)(Actions_1.Actions, { fileId: id, file: file, fileName: name, fileUrl: url, isLoading: isLoading, isError: isError, isUploadError: isUploadError, ...actions })] }) }));
 };
 exports.FileUploaderFile = FileUploaderFile;

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

@@ -7,6 +7,6 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Progress = (props) => {
     const { progressBarProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(ProgressBar_1.ProgressBar, Object.assign({}, progressBarProps)) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(ProgressBar_1.ProgressBar, { ...progressBarProps }) }));
 };
 exports.Progress = Progress;

package/node/components/fileUploading/PreviewFileUploader/FileList/FileList.js

@@ -1,21 +1,7 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const PreviewFileUploaderFile_1 = require("../../PreviewFileUploaderFile");
-const FileList = (_a) => {
-    var { files } = _a, restProps = __rest(_a, ["files"]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: files === null || files === void 0 ? void 0 : files.map((file) => ((0, jsx_runtime_1.jsx)(PreviewFileUploaderFile_1.PreviewFileUploaderFile, Object.assign({}, file, restProps), file.id))) }));
-};
+const FileList = ({ files, ...restProps }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: files?.map((file) => ((0, jsx_runtime_1.jsx)(PreviewFileUploaderFile_1.PreviewFileUploaderFile, { ...file, ...restProps }, file.id))) }));
 exports.FileList = FileList;

package/node/components/fileUploading/PreviewFileUploader/PreviewFileUploader.js

@@ -8,5 +8,5 @@ const PreviewFileUploaderDropZone_1 = require("../PreviewFileUploaderDropZone");
 const FileList_1 = require("./FileList");
 exports.PreviewFileUploader = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { dropZoneProps, fileListProps } = (0, usePreviewFileUploader_1.usePreviewFileUploader)(props);
-    return ((0, jsx_runtime_1.jsx)(PreviewFileUploaderDropZone_1.PreviewFileUploaderDropZone, Object.assign({ ref: forwardedRef }, dropZoneProps, { children: (0, jsx_runtime_1.jsx)(FileList_1.FileList, Object.assign({}, fileListProps)) })));
+    return ((0, jsx_runtime_1.jsx)(PreviewFileUploaderDropZone_1.PreviewFileUploaderDropZone, { ref: forwardedRef, ...dropZoneProps, children: (0, jsx_runtime_1.jsx)(FileList_1.FileList, { ...fileListProps }) }));
 });

package/node/components/fileUploading/PreviewFileUploader/faker.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -24,12 +15,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 axios_mock_adapter_1.default(axios_1.default);
-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),
@@ -44,8 +35,11 @@ mock.onPost('/api/upload').reply((config) => __awaiter(void 0, void 0, void 0, f
         type: file.type,
     };
     return [200, response];
-}));
-const fakePreviewFileUploadQuery = (formData, options) => axios_1.default.post('/api/upload', formData, Object.assign({ headers: {
+});
+const fakePreviewFileUploadQuery = (formData, options) => axios_1.default.post('/api/upload', formData, {
+    headers: {
         'Content-Type': 'multipart/form-data',
-    } }, (options || {})));
+    },
+    ...(options || {}),
+});
 exports.fakePreviewFileUploadQuery = fakePreviewFileUploadQuery;

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

@@ -8,6 +8,6 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const HintPlaceholder = (props) => {
     const { extensions, imageProps, maxFileSize, placeholder, className, RenderImage, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(RenderImage, Object.assign({}, imageProps, { alt: "\u0424\u0430\u0439\u043B\u044B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438" })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "p", color: "textSecondary", variant: "caption", align: "center", children: placeholder || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.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", ' ', (0, utils_1.formatFileSizeToView)(maxFileSize), extensions && ' в формате ', (0, jsx_runtime_1.jsx)(styles_1.Extensions, { children: extensions })] })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(RenderImage, { ...imageProps, alt: "\u0424\u0430\u0439\u043B\u044B \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438" }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "p", color: "textSecondary", variant: "caption", align: "center", children: placeholder || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.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", ' ', (0, utils_1.formatFileSizeToView)(maxFileSize), extensions && ' в формате ', (0, jsx_runtime_1.jsx)(styles_1.Extensions, { children: extensions })] })) })] }));
 };
 exports.HintPlaceholder = HintPlaceholder;

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

@@ -1,30 +1,21 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const utils_1 = require("@astral/utils");
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const styles_1 = require("../styles");
-const useLogic = (_a) => {
-    var _b, _c;
-    var { accept, placeholderImgSrc } = _a, rest = __rest(_a, ["accept", "placeholderImgSrc"]);
+const useLogic = ({ accept, placeholderImgSrc, ...rest }) => {
     const { imagesMap, components } = (0, react_1.useContext)(ConfigProvider_1.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 = (0, react_1.useMemo)(() => configRenderImage ? (0, styles_1.setDefaultImageStyles)(configRenderImage) : styles_1.Image, [configRenderImage]);
-    const extensions = accept === null || accept === void 0 ? void 0 : accept.map(utils_1.formatFileTypeToView).join(', ');
-    return Object.assign({ RenderImage,
-        extensions, imageProps: { src: placeholderImgSrc || uploadFileImgSrc } }, rest);
+    const extensions = accept?.map(utils_1.formatFileTypeToView).join(', ');
+    return {
+        RenderImage,
+        extensions,
+        imageProps: { src: placeholderImgSrc || uploadFileImgSrc },
+        ...rest,
+    };
 };
 exports.useLogic = useLogic;

package/node/components/fileUploading/PreviewFileUploaderDropZone/PreviewFileUploaderDropZone.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PreviewFileUploaderDropZone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -20,7 +9,4 @@ const UploadButton_1 = require("../UploadButton");
 const HintPlaceholder_1 = require("./HintPlaceholder");
 const PlaceholderWrapper_1 = require("./PlaceholderWrapper");
 const styles_1 = require("./styles");
-exports.PreviewFileUploaderDropZone = (0, react_1.forwardRef)((_a, ref) => {
-    var { fileInputProps, uploadButtonProps, hintPlaceholderProps, children, isVisibleAddFile, isVisibleFileList, containerProps } = _a, restProps = __rest(_a, ["fileInputProps", "uploadButtonProps", "hintPlaceholderProps", "children", "isVisibleAddFile", "isVisibleFileList", "containerProps"]);
-    return ((0, jsx_runtime_1.jsx)(FileUploaderDropzone_1.FileUploaderContainer, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsxs)(styles_1.StyledDropzoneWrapper, Object.assign({ ref: ref }, restProps, { children: [isVisibleFileList && children, (0, jsx_runtime_1.jsx)(FileInput_1.FileInput, Object.assign({}, fileInputProps)), isVisibleAddFile && ((0, jsx_runtime_1.jsxs)(PlaceholderWrapper_1.PlaceholderWrapper, { children: [(0, jsx_runtime_1.jsx)(HintPlaceholder_1.HintPlaceholder, Object.assign({}, hintPlaceholderProps)), (0, jsx_runtime_1.jsx)(UploadButton_1.UploadButton, Object.assign({}, uploadButtonProps))] }))] })) })));
-});
+exports.PreviewFileUploaderDropZone = (0, react_1.forwardRef)(({ fileInputProps, uploadButtonProps, hintPlaceholderProps, children, isVisibleAddFile, isVisibleFileList, containerProps, ...restProps }, ref) => ((0, jsx_runtime_1.jsx)(FileUploaderDropzone_1.FileUploaderContainer, { ...containerProps, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledDropzoneWrapper, { ref: ref, ...restProps, children: [isVisibleFileList && children, (0, jsx_runtime_1.jsx)(FileInput_1.FileInput, { ...fileInputProps }), isVisibleAddFile && ((0, jsx_runtime_1.jsxs)(PlaceholderWrapper_1.PlaceholderWrapper, { children: [(0, jsx_runtime_1.jsx)(HintPlaceholder_1.HintPlaceholder, { ...hintPlaceholderProps }), (0, jsx_runtime_1.jsx)(UploadButton_1.UploadButton, { ...uploadButtonProps })] }))] }) })));

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

@@ -12,6 +12,6 @@ const useLogic_1 = require("./useLogic");
 const FileError = (props) => {
     const { isVisibleRetryButton, imageProps, deleteButtonProps, retryButtonProps, RenderImage, } = (0, useLogic_1.useLogic)(props);
     const { fileName, fileSize, errorMsg } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(RenderImage, Object.assign({}, imageProps, { alt: "\u041D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 \u0444\u0430\u0439\u043B" })), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error", children: errorMsg }), (0, jsx_runtime_1.jsxs)(styles_1.Details, { className: constants_1.previewFileUploaderClassnames.details, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFileInfo, { fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsxs)(styles_1.Actions, { children: [isVisibleRetryButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "light", color: "grey" }, retryButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.RetryOutlineMd, {}) })) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "light", color: "grey" }, deleteButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })) })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(RenderImage, { ...imageProps, alt: "\u041D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 \u0444\u0430\u0439\u043B" }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error", children: errorMsg }), (0, jsx_runtime_1.jsxs)(styles_1.Details, { className: constants_1.previewFileUploaderClassnames.details, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFileInfo, { fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsxs)(styles_1.Actions, { children: [isVisibleRetryButton && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...retryButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.RetryOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...deleteButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }) })] })] })] }));
 };
 exports.FileError = FileError;

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

@@ -5,14 +5,13 @@ const react_1 = require("react");
 const ConfigProvider_1 = require("../../../../ConfigProvider");
 const styles_1 = require("../styles");
 const useLogic = ({ fileId, file, isUploadError, onDelete, onRetry, }) => {
-    var _a, _b;
     const { imagesMap, components } = (0, react_1.useContext)(ConfigProvider_1.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 = (0, react_1.useMemo)(() => configRenderImage ? (0, styles_1.setDefaultImageStyles)(configRenderImage) : styles_1.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/node/components/fileUploading/PreviewFileUploaderFile/FileLoading/FileLoading.js

@@ -10,6 +10,6 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const FileLoading = (props) => {
     const { abortButtonProps, fileName, fileSize, progress } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h5", children: "\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress })] }), (0, jsx_runtime_1.jsx)(Button_1.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 ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h5", children: "\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress })] }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "light", color: "grey", ...abortButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443" })] }));
 };
 exports.FileLoading = FileLoading;

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

@@ -7,6 +7,6 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Progress = (props) => {
     const { progressBarProps } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(ProgressBar_1.ProgressBar, Object.assign({}, progressBarProps)) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(ProgressBar_1.ProgressBar, { ...progressBarProps }) }));
 };
 exports.Progress = Progress;

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

@@ -5,7 +5,7 @@ const constants_1 = require("../../../constants");
 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, constants_1.ABORT_ERROR_MESSAGE);
     };
     return {

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

@@ -16,6 +16,6 @@ const FilePreview = (props) => {
     const { viewButtonProps, downloadButtonProps, deleteButtonProps, isImageFile, isPdfFile, isOtherFile, } = (0, useLogic_1.useLogic)(props);
     const { file, fileName, fileSize, fileUrl, generateDownloadLink, isHidePersonalData, PdfViewer, } = props;
     const { isMobile } = (0, hooks_1.useViewportType)();
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Preview_1.Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer }), (0, jsx_runtime_1.jsxs)(styles_1.Details, { className: constants_1.previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), (0, jsx_runtime_1.jsx)(styles_1.StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: isMobile && isOtherFile ? ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "light", color: "grey" }, deleteButtonProps, { children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isOtherFile && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "light", color: "grey" }, viewButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlineMd, {}) })) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ component: "a", variant: "light", color: "grey", download: fileName }, downloadButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlineMd, {}) })) }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "light", color: "grey" }, deleteButtonProps, { children: (0, jsx_runtime_1.jsx)(icons_1.BinOutlineMd, {}) })) })] })) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Preview_1.Preview, { isImageFile: isImageFile, isPdfFile: isPdfFile, file: file, fileUrl: fileUrl, generateDownloadLink: generateDownloadLink, isHidePersonalData: isHidePersonalData, PdfViewer: PdfViewer }), (0, jsx_runtime_1.jsxs)(styles_1.Details, { className: constants_1.previewFileUploaderClassnames.details, "$isOtherFile": isOtherFile, children: [isOtherFile && (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", children: "\u0424\u0430\u0439\u043B \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043D" }), (0, jsx_runtime_1.jsx)(styles_1.StyledFileInfo, { "$isOtherFile": isOtherFile, fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: isMobile && isOtherFile ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "light", color: "grey", ...deleteButtonProps, children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isOtherFile && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...viewButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.EyeOutlineMd, {}) }) })), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { component: "a", variant: "light", color: "grey", download: fileName, ...downloadButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.DownloadOutlineMd, {}) }) }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", disableInteractive: true, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "light", color: "grey", ...deleteButtonProps, children: (0, jsx_runtime_1.jsx)(icons_1.BinOutlineMd, {}) }) })] })) })] })] }));
 };
 exports.FilePreview = FilePreview;