intelicoreact 1.4.98 → 1.4.99

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

@@ -27,6 +27,7 @@ const uploadTriggerStucture = {
   accept: ACCEPT_EXTENSIONS_DEFAULT
 };
 const getStructure = data => ({
+  //? Расчет на то, что data донесет свой id и перетрёт пустые велью
   value: "",
   base64: "",
   maxItemSizeBytes: MAX_FILE_SIZE,
@@ -54,27 +55,49 @@ const accordionData = (accordionTitle, accordionListContent) => {
     }, 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 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 = _ref => {
-  var _files$map;
   let {
     //? Для корректности работы стоит пробрасывать какой-то из id
     id,
     testId,
     fieldKey,
-    className,
+    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,
-    files,
     error: outerError,
     ...props
   } = _ref;
   const uniqueFileLoaderDescriptionId = "".concat(id || testId || fieldKey || "component-".concat(_utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)()));
-  const [fields, setFields] = (0, _react.useState)((_files$map = files === null || files === void 0 ? void 0 : files.map(getStructure)) !== null && _files$map !== void 0 ? _files$map : [(0, _utils.clone)(uploadTriggerStucture)]);
+  const safelyInitFales = (0, _react.useMemo)(() => getSafelyInitFiles(initFiles, maxFilesCount), [initFiles, maxFilesCount]);
+  const [files, setFiles] = (0, _react.useState)((() => {
+    if (!safelyInitFales.length) return [(0, _utils.clone)(uploadTriggerStucture)];
+    return checkOverflow(safelyInitFales, maxFilesCount);
+  })());
   const generateUniqueFileName = (files, name) => {
     let fileName = name;
     const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
@@ -86,17 +109,8 @@ const FileLoaderDescription = _ref => {
     return fileName;
   };
   const handle = {
-    checkOverflow: function (fields) {
-      let error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-      let outerError = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
-      return fields.length < maxFilesCount ? [...fields, {
-        ...(0, _utils.clone)(uploadTriggerStucture),
-        error,
-        outerError
-      }] : fields;
-    },
     applyFields: newFields => {
-      setFields(handle.checkOverflow(newFields));
+      setFiles(checkOverflow(newFields, maxFilesCount));
       onChange(newFields);
     },
     change: _ref2 => {
@@ -107,7 +121,7 @@ const FileLoaderDescription = _ref => {
         file
       } = _ref2;
       //? Работаем с филдами БЕЗ плашки добавления
-      let output = (0, _utils.clone)(fields).filter(item => item.value && item.base64).map(item => ({
+      let output = (0, _utils.clone)(files).filter(item => item.value && item.base64).map(item => ({
         ...item,
         error: ""
       }));
@@ -122,7 +136,9 @@ const FileLoaderDescription = _ref => {
           error
         } : item);
         //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
-        setFields(handle.checkOverflow(output, !changedField ? error : null));
+        setFiles(checkOverflow(output, maxFilesCount, {
+          error: !changedField ? error : null
+        }));
       } else {
         //? Во всех остальных случаях - происходит добавленеи/изменение содержимого
         const uniqueFileName = generateUniqueFileName(output, name);
@@ -142,8 +158,21 @@ const FileLoaderDescription = _ref => {
     }
   };
   (0, _react.useEffect)(() => {
-    setFields(handle.checkOverflow(fields.filter(item => item.id !== UPLOAD_TRIGGER_KEY), null, outerError));
+    setFiles(checkOverflow(files.filter(item => item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, {
+      outerError
+    }));
   }, [outerError]);
+
+  //? Обеспечивает чтобы верхний стейт был доминирующим
+  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFales
+  (0, _react.useEffect)(() => {
+    //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
+    if (!(0, _utils.compare)(safelyInitFales, (0, _utils.clone)(files).filter(item => item.id !== UPLOAD_TRIGGER_KEY))) {
+      setFiles(checkOverflow(safelyInitFales, maxFilesCount, {
+        outerError
+      }));
+    }
+  }, [initFiles, maxFilesCount]);
   return /*#__PURE__*/_react.default.createElement("div", {
     id: uniqueFileLoaderDescriptionId,
     testId: uniqueFileLoaderDescriptionId,
@@ -160,7 +189,7 @@ const FileLoaderDescription = _ref => {
   }), !!filesDescription && /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__file-descr"),
     title: filesDescription
-  }, filesDescription), fields.map((field, i) => {
+  }, filesDescription), files.map((field, i) => {
     return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
       className: "".concat(RC, "__list-item"),
       key: "".concat(field.id, "-").concat(i),
@@ -173,7 +202,7 @@ const FileLoaderDescription = _ref => {
       value: field.value,
       maxItemSizeBytes: field.maxItemSizeBytes,
       onChange: value => handle.change(value),
-      isRequired: fields.length <= 1,
+      isRequired: files.length <= 1,
       isNoTrashIcon: false
     });
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.4.98",
+  "version": "1.4.99",
   "description": "",
   "main": "dist/index.js",
   "files": [