intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js

@@ -1,115 +1,61 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _utils = require("../../../../Functions/utils");
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../../../Functions/utils");
 require("../FileLoader.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const LoadedContent = props => {
+  const {
+    RC,
+    value,
+    onDelete,
+    icon,
+    isIconAfter,
+    deleteIcon,
+    isUseLinkTitle,
+    isLinkTypeDownload
+  } = props;
+  const handle = {
+    download: async e => {
+      e.stopPropagation();
+      e.preventDefault();
+      const target = e.target.tagName === "SPAN" || e.target.tagName === "svg" ? e.target.parentNode : e.target;
+      (0, _utils.downloadFile)({
+        url: target.href,
+        name: value.name
+      });
     }
-    return newObj;
-}
-const LoadedContent = (props)=>{
-    const { RC, value, onDelete, icon, isIconAfter, deleteIcon, isUseLinkTitle, isLinkTypeDownload } = props;
-    const handle = {
-        download: async (e)=>{
-            e.stopPropagation();
-            e.preventDefault();
-            const target = e.target.tagName === "SPAN" || e.target.tagName === "svg" ? e.target.parentNode : e.target;
-            (0, _utils.downloadFile)({
-                url: target.href,
-                name: value.name
-            });
-        }
-    };
-    const additionalProps = (0, _react.useMemo)(()=>({
-            ...isUseLinkTitle ? {
-                title: isLinkTypeDownload ? `Download ${value.name}` : value.path
-            } : {},
-            ...isLinkTypeDownload ? {
-                onClick: handle.download
-            } : {
-                target: "_blank"
-            },
-            key: `LoadedContent-isNotUseLinkTitle-${isUseLinkTitle}-isLinkTypeDownload-${isLinkTypeDownload}`
-        }), [
-        isUseLinkTitle,
-        isLinkTypeDownload
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("a", {
-                ...additionalProps,
-                href: value.path,
-                rel: "noreferrer",
-                className: (0, _classnames.default)(`${RC}__value-link`, {
-                    [`${RC}__value-link_icon-after`]: isIconAfter
-                }),
-                children: [
-                    !isIconAfter && icon,
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        className: (0, _classnames.default)(`${RC}__value-name`),
-                        children: value.name
-                    }),
-                    isIconAfter && icon
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)(`${RC}__delete-value-button`),
-                onClick: onDelete,
-                children: deleteIcon || "X"
-            })
-        ]
-    });
+  };
+  const additionalProps = (0, _react.useMemo)(() => ({
+    ...(isUseLinkTitle ? {
+      title: isLinkTypeDownload ? `Download ${value.name}` : value.path
+    } : {}),
+    ...(isLinkTypeDownload ? {
+      onClick: handle.download
+    } : {
+      target: "_blank"
+    }),
+    key: `LoadedContent-isNotUseLinkTitle-${isUseLinkTitle}-isLinkTypeDownload-${isLinkTypeDownload}`
+  }), [isUseLinkTitle, isLinkTypeDownload]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, additionalProps, {
+    href: value.path,
+    rel: "noreferrer",
+    className: (0, _classnames.default)(`${RC}__value-link`, {
+      [`${RC}__value-link_icon-after`]: isIconAfter
+    })
+  }), !isIconAfter && icon, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(`${RC}__value-name`)
+  }, value.name), isIconAfter && icon), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(`${RC}__delete-value-button`),
+    onClick: onDelete
+  }, deleteIcon || "X"));
 };
-const _default = LoadedContent;
+var _default = exports.default = LoadedContent;

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js

@@ -1,271 +1,210 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _utils = require("../../../Functions/utils");
-const _AccordionText = /*#__PURE__*/ _interop_require_default(require("../../UI/AccordionText/AccordionText"));
-const _FileLoaderLocal = /*#__PURE__*/ _interop_require_default(require("../FileLoaderLocal/FileLoaderLocal"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../../Functions/utils");
+var _AccordionText = _interopRequireDefault(require("../../UI/AccordionText/AccordionText"));
+var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
 require("./FileLoaderDescription.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const RC = "file-loader-description";
 const UPLOAD_TRIGGER_KEY = "uploadTrigger";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 const ACCEPT_EXTENSIONS_DEFAULT = ".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF";
 const uploadTriggerStucture = {
-    id: UPLOAD_TRIGGER_KEY,
-    isRequired: true,
-    value: "",
-    base64: "",
-    maxItemSizeBytes: MAX_FILE_SIZE,
-    error: "",
-    accept: ACCEPT_EXTENSIONS_DEFAULT
+  id: UPLOAD_TRIGGER_KEY,
+  isRequired: true,
+  value: "",
+  base64: "",
+  maxItemSizeBytes: MAX_FILE_SIZE,
+  error: "",
+  accept: ACCEPT_EXTENSIONS_DEFAULT
 };
-const getStructure = (data)=>({
-        //? Расчет на то, что data донесет свой id и перетрёт пустые велью
-        value: "",
-        base64: "",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT,
-        ...data
-    });
-const accordionData = (accordionTitle, accordionListContent)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": "accordion",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: `${RC}__accordion-title`,
-                children: accordionTitle
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: `${RC}__list`,
-                children: accordionListContent === null || accordionListContent === void 0 ? void 0 : accordionListContent.map((item)=>{
-                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        className: `${RC}__list-row`,
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: `${RC}__list-bullet`
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                        className: `${RC}__list-title`,
-                                        children: item.title
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                        className: `${RC}__list-descr`,
-                                        children: item.description
-                                    })
-                                ]
-                            })
-                        ]
-                    }, item === null || item === void 0 ? void 0 : item.title);
-                })
-            })
-        ]
-    });
+const getStructure = data => ({
+  //? Расчет на то, что data донесет свой id и перетрёт пустые велью
+  value: "",
+  base64: "",
+  maxItemSizeBytes: MAX_FILE_SIZE,
+  error: "",
+  isRequired: false,
+  accept: ACCEPT_EXTENSIONS_DEFAULT,
+  ...data
+});
+const accordionData = (accordionTitle, accordionListContent) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "accordion"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${RC}__accordion-title`
+  }, accordionTitle), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${RC}__list`
+  }, accordionListContent?.map(item => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item?.title,
+      className: `${RC}__list-row`
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: `${RC}__list-bullet`
+    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      className: `${RC}__list-title`
+    }, item.title), /*#__PURE__*/_react.default.createElement("div", {
+      className: `${RC}__list-descr`
+    }, item.description)));
+  })));
 };
-const getSafelyInitFiles = (initFiles, maxFilesCount)=>{
-    if (!Array.isArray(initFiles)) return [];
-    let output = (0, _utils.clone)(initFiles);
-    if (typeof maxFilesCount === 'number' && output.length > maxFilesCount) {
-        output = output.slice(0, maxFilesCount);
-    }
-    return output.map(getStructure);
+const getSafelyInitFiles = (initFiles, maxFilesCount) => {
+  if (!Array.isArray(initFiles)) return [];
+  let output = (0, _utils.clone)(initFiles);
+  if (typeof maxFilesCount === 'number' && output.length > maxFilesCount) {
+    output = output.slice(0, maxFilesCount);
+  }
+  return output.map(getStructure);
 };
-const checkOverflow = (files, maxFilesCount, additional)=>{
-    const { error = "", outerError = "" } = additional || {};
-    return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [
-        ...files,
-        {
-            ...(0, _utils.clone)(uploadTriggerStucture),
-            error,
-            outerError
-        }
-    ] : files;
+const checkOverflow = (files, maxFilesCount, additional) => {
+  const {
+    error = "",
+    outerError = ""
+  } = additional || {};
+  return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [...files, {
+    ...(0, _utils.clone)(uploadTriggerStucture),
+    error,
+    outerError
+  }] : files;
 };
-const FileLoaderDescription = ({ //? Для корректности работы стоит пробрасывать какой-то из id
-id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, className, filesDescription = "Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.", documentName = "Document name", accordionTitle = "There is a list of documents that we accept:", accordionListContent = [], maxFilesCount = 10, isWithoutAccordion, error: outerError, ...props })=>{
-    const uniqueFileLoaderDescriptionId = `${id || testId || fieldKey || `component-${_utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)()}`}`;
-    const safelyInitFiles = (0, _react.useMemo)(()=>getSafelyInitFiles(initFiles, maxFilesCount), [
-        initFiles,
-        maxFilesCount
-    ]);
-    const [files, setFiles] = (0, _react.useState)((()=>{
-        if (!safelyInitFiles.length) return [
-            (0, _utils.clone)(uploadTriggerStucture)
-        ];
-        return checkOverflow(safelyInitFiles, maxFilesCount);
-    })());
-    const generateUniqueFileName = (files, name)=>{
-        let fileName = name;
-        const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
-        let count = 1;
-        while(files.some((file)=>file.value === fileName)){
-            fileName = `${nameWithoutExtension}(${count})${extension}`;
-            count += 1;
-        }
-        return fileName;
-    };
-    const handle = {
-        applyFields: (newFields)=>{
-            setFiles(checkOverflow(newFields, maxFilesCount));
-            onChange(newFields);
-        },
-        change: ({ name, id, error = "", file })=>{
-            //? Работаем с филдами БЕЗ плашки добавления
-            let output = (0, _utils.clone)(files).filter((item)=>item.value && item.base64).map((item)=>({
-                    ...item,
-                    error: ""
-                }));
-            const changedField = output.find((item)=>id === item.id);
-            if (!file) {
-                //? Нет файла - значит это экшн удаления
-                handle.applyFields(output.filter((item)=>item.id !== (changedField === null || changedField === void 0 ? void 0 : changedField.id)));
-            } else if (error) {
-                //? Есть ошибка - не должны менять содержание, только назначить ошибку
-                if (changedField) output = output.map((item)=>id.includes(item.id) ? {
-                        ...item,
-                        error
-                    } : item);
-                //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
-                setFiles(checkOverflow(output, maxFilesCount, {
-                    error: !changedField ? error : null
-                }));
-            } else {
-                //? Во всех остальных случаях - происходит добавленеи/изменение содержимого
-                const uniqueFileName = generateUniqueFileName(output, name);
-                const uniqueId = _utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)();
-                (0, _utils.getBase64)(file).then((result)=>{
-                    const newItem = getStructure({
-                        id: uniqueId,
-                        value: uniqueFileName,
-                        base64: result,
-                        error: ""
-                    });
-                    //? Либо меняем, либо добавляем
-                    output = changedField ? output.map((item)=>item.id === changedField.id ? newItem : item) : [
-                        ...output,
-                        newItem
-                    ];
-                    handle.applyFields(output);
-                });
-            }
-        }
-    };
-    (0, _react.useEffect)(()=>{
-        setFiles(checkOverflow(files.filter((item)=>item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, {
-            outerError
+const FileLoaderDescription = _ref => {
+  let {
+    //? Для корректности работы стоит пробрасывать какой-то из id
+    id,
+    testId = "file-loader-description",
+    fieldKey,
+    files: initFiles,
+    onChange,
+    className,
+    filesDescription = "Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.",
+    documentName = "Document name",
+    accordionTitle = "There is a list of documents that we accept:",
+    accordionListContent = [],
+    maxFilesCount = 10,
+    isWithoutAccordion,
+    error: outerError,
+    ...props
+  } = _ref;
+  const uniqueFileLoaderDescriptionId = `${id || testId || fieldKey || `component-${(0, _utils.uuid)?.()}`}`;
+  const safelyInitFiles = (0, _react.useMemo)(() => getSafelyInitFiles(initFiles, maxFilesCount), [initFiles, maxFilesCount]);
+  const [files, setFiles] = (0, _react.useState)((() => {
+    if (!safelyInitFiles.length) return [(0, _utils.clone)(uploadTriggerStucture)];
+    return checkOverflow(safelyInitFiles, maxFilesCount);
+  })());
+  const generateUniqueFileName = (files, name) => {
+    let fileName = name;
+    const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
+    let count = 1;
+    while (files.some(file => file.value === fileName)) {
+      fileName = `${nameWithoutExtension}(${count})${extension}`;
+      count += 1;
+    }
+    return fileName;
+  };
+  const handle = {
+    applyFields: newFields => {
+      setFiles(checkOverflow(newFields, maxFilesCount));
+      onChange(newFields);
+    },
+    change: _ref2 => {
+      let {
+        name,
+        id,
+        error = "",
+        file
+      } = _ref2;
+      //? Работаем с филдами БЕЗ плашки добавления
+      let output = (0, _utils.clone)(files).filter(item => item.value && item.base64).map(item => ({
+        ...item,
+        error: ""
+      }));
+      const changedField = output.find(item => id === item.id);
+      if (!file) {
+        //? Нет файла - значит это экшн удаления
+        handle.applyFields(output.filter(item => item.id !== changedField?.id));
+      } else if (error) {
+        //? Есть ошибка - не должны менять содержание, только назначить ошибку
+        if (changedField) output = output.map(item => id.includes(item.id) ? {
+          ...item,
+          error
+        } : item);
+        //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
+        setFiles(checkOverflow(output, maxFilesCount, {
+          error: !changedField ? error : null
         }));
-    }, [
+      } else {
+        //? Во всех остальных случаях - происходит добавленеи/изменение содержимого
+        const uniqueFileName = generateUniqueFileName(output, name);
+        const uniqueId = (0, _utils.uuid)?.();
+        (0, _utils.getBase64)(file).then(result => {
+          const newItem = getStructure({
+            id: uniqueId,
+            value: uniqueFileName,
+            base64: result,
+            error: ""
+          });
+          //? Либо меняем, либо добавляем
+          output = changedField ? output.map(item => item.id === changedField.id ? newItem : item) : [...output, newItem];
+          handle.applyFields(output);
+        });
+      }
+    }
+  };
+  (0, _react.useEffect)(() => {
+    setFiles(checkOverflow(files.filter(item => item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, {
+      outerError
+    }));
+  }, [outerError]);
+
+  //? Обеспечивает чтобы верхний стейт был доминирующим
+  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles
+  (0, _react.useEffect)(() => {
+    //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
+    if (!(0, _utils.compare)(safelyInitFiles, (0, _utils.clone)(files).filter(item => item.id !== UPLOAD_TRIGGER_KEY))) {
+      setFiles(checkOverflow(safelyInitFiles, maxFilesCount, {
         outerError
-    ]);
-    //? Обеспечивает чтобы верхний стейт был доминирующим
-    //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles
-    (0, _react.useEffect)(()=>{
-        //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
-        if (!(0, _utils.compare)(safelyInitFiles, (0, _utils.clone)(files).filter((item)=>item.id !== UPLOAD_TRIGGER_KEY))) {
-            setFiles(checkOverflow(safelyInitFiles, maxFilesCount, {
-                outerError
-            }));
-        }
-    }, [
-        initFiles,
-        maxFilesCount
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        id: uniqueFileLoaderDescriptionId,
-        "data-testid": RC,
-        className: (0, _classnames.default)(RC, className),
-        role: "combobox",
-        children: [
-            !!documentName && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                title: documentName,
-                className: `${RC}__title`,
-                children: documentName
-            }),
-            !isWithoutAccordion && /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionText.default, {
-                isForcedAlwaysAccordion: true,
-                className: (0, _classnames.default)(`${RC}__accordion`),
-                text: accordionData(accordionTitle, accordionListContent)
-            }),
-            !!filesDescription && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: `${RC}__file-descr`,
-                title: filesDescription,
-                children: filesDescription
-            }),
-            files.map((field, i)=>{
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocal.default, {
-                    className: `${RC}__list-item`,
-                    fieldId: field.id,
-                    id: `loader-${uniqueFileLoaderDescriptionId}-field-${field.id}`,
-                    error: field.error,
-                    outerError: field.outerError,
-                    label: "Upload document",
-                    accept: field.accept,
-                    value: field.value,
-                    maxItemSizeBytes: field.maxItemSizeBytes,
-                    onChange: (value)=>handle.change(value),
-                    isRequired: files.length <= 1,
-                    isNoTrashIcon: false
-                }, `${field.id}-${i}`);
-            })
-        ]
+      }));
+    }
+  }, [initFiles, maxFilesCount]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: uniqueFileLoaderDescriptionId,
+    "data-testid": RC,
+    className: (0, _classnames.default)(RC, className),
+    role: "combobox"
+  }, !!documentName && /*#__PURE__*/_react.default.createElement("span", {
+    title: documentName,
+    className: `${RC}__title`
+  }, documentName), !isWithoutAccordion && /*#__PURE__*/_react.default.createElement(_AccordionText.default, {
+    isForcedAlwaysAccordion: true,
+    className: (0, _classnames.default)(`${RC}__accordion`),
+    text: accordionData(accordionTitle, accordionListContent)
+  }), !!filesDescription && /*#__PURE__*/_react.default.createElement("span", {
+    className: `${RC}__file-descr`,
+    title: filesDescription
+  }, filesDescription), files.map((field, i) => {
+    return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
+      className: `${RC}__list-item`,
+      key: `${field.id}-${i}`,
+      fieldId: field.id,
+      id: `loader-${uniqueFileLoaderDescriptionId}-field-${field.id}`,
+      error: field.error,
+      outerError: field.outerError,
+      label: "Upload document",
+      accept: field.accept,
+      value: field.value,
+      maxItemSizeBytes: field.maxItemSizeBytes,
+      onChange: value => handle.change(value),
+      isRequired: files.length <= 1,
+      isNoTrashIcon: false
     });
+  }));
 };
-const _default = FileLoaderDescription;
+var _default = exports.default = FileLoaderDescription;