intelicoreact 1.5.41 → 1.6.0

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

@@ -1,210 +1,271 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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"));
+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"));
 require("./FileLoaderDescription.scss");
-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; }
+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;
+}
 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__*/_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 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 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 = _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
+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
         }));
-      } 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, 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
+    ]);
+    //? Обеспечивает чтобы верхний стейт был доминирующим
+    //? Осознанно и намерянно в зависимости стоит 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}`);
+            })
+        ]
     });
-  }));
 };
-var _default = exports.default = FileLoaderDescription;
+const _default = FileLoaderDescription;

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.scss

@@ -1,18 +1,18 @@
 .file-loader-description {
-
   display: flex;
   flex-direction: column;
   justify-content: center;
   row-gap: 8px;
 
   &__title {
-    color: var(--color-text-subtle, #171D33);
     font-family: Sarabun;
     font-size: 14px;
-    font-style: normal;
     font-weight: 600;
+    font-style: normal;
     line-height: 20px;
     letter-spacing: 0.2px;
+
+    color: var(--color-text-subtle, #171d33);
   }
 
   &__accordion {
@@ -20,17 +20,18 @@
   }
 
   &__file-descr {
-    color: var(--color-text-muted, #656E7A);
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
+
+    color: var(--color-text-muted, #656e7a);
   }
 
   &__list-row {
-    display:flex;
+    display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: flex-start;
@@ -42,38 +43,40 @@
     margin-top: 7px;
 
     border-radius: 50%;
-    background: var(--color-text-body, #171D33);
+    background: var(--color-text-body, #171d33);
   }
 
   &__accordion-title {
-    color: var(--color-text-body, #171D33);
-    text-overflow: ellipsis;
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
+    text-overflow: ellipsis;
+
+    color: var(--color-text-body, #171d33);
   }
 
   &__list-title {
-    color: #171D33;
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 500;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
+
+    color: #171d33;
   }
 
   &__list-descr {
-    color: var(--color-text-subtle, #171D33);
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
-  }
 
-}
+    color: var(--color-text-subtle, #171d33);
+  }
+}