intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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");
+require("../FileLoader.scss");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const LoadedContent = (props)=>{
+    const { RC, value, onDelete, icon, isIconAfter, deleteIcon, isUseLinkTitle, isLinkTypeDownload } = props;
+    const handle = {
+        download: /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function*(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 function(e) {
+                return _ref.apply(this, arguments);
+            };
+        }()
+    };
+    const additionalProps = (0, _react.useMemo)(()=>_object_spread_props(_object_spread({}, 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", _object_spread_props(_object_spread({}, 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 _default = LoadedContent;
+
+//# sourceMappingURL=LoadedContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/FileLoader/partial/LoadedContent.js"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { downloadFile } from \"../../../../Functions/utils\";\n\nimport \"../FileLoader.scss\";\n\nconst LoadedContent = (props) => {\n  const {\n    RC,\n    value,\n    onDelete,\n    icon,\n    isIconAfter,\n    deleteIcon,\n    isUseLinkTitle,\n    isLinkTypeDownload,\n  } = props;\n\n  const handle = {\n    download: async (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      const target =\n        e.target.tagName === \"SPAN\" || e.target.tagName === \"svg\"\n          ? e.target.parentNode\n          : e.target;\n      downloadFile({ url: target.href, name: value.name });\n    },\n  };\n\n  const additionalProps = useMemo(\n    () => ({\n      ...(isUseLinkTitle\n        ? { title: isLinkTypeDownload ? `Download ${value.name}` : value.path }\n        : {}),\n      ...(isLinkTypeDownload\n        ? { onClick: handle.download }\n        : { target: \"_blank\" }),\n      key: `LoadedContent-isNotUseLinkTitle-${isUseLinkTitle}-isLinkTypeDownload-${isLinkTypeDownload}`,\n    }),\n    [isUseLinkTitle, isLinkTypeDownload],\n  );\n\n  return (\n    <>\n      <a\n        {...additionalProps}\n        href={value.path}\n        rel=\"noreferrer\"\n        className={cn(`${RC}__value-link`, {\n          [`${RC}__value-link_icon-after`]: isIconAfter,\n        })}\n      >\n        {!isIconAfter && icon}\n        <span className={cn(`${RC}__value-name`)}>{value.name}</span>\n        {isIconAfter && icon}\n      </a>\n      <span className={cn(`${RC}__delete-value-button`)} onClick={onDelete}>\n        {deleteIcon || \"X\"}\n      </span>\n    </>\n  );\n};\n\nexport default LoadedContent;\n"],"names":["LoadedContent","props","RC","value","onDelete","icon","isIconAfter","deleteIcon","isUseLinkTitle","isLinkTypeDownload","handle","download","e","stopPropagation","preventDefault","target","tagName","parentNode","downloadFile","url","href","name","additionalProps","useMemo","title","path","onClick","key","a","rel","className","cn","span"],"mappings":";;;;+BAkEA;;;eAAA;;;;+DAlE+B;mEAEhB;uBAEc;QAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,gBAAgB,CAACC;IACrB,MAAM,EACJC,EAAE,EACFC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,kBAAkB,EACnB,GAAGR;IAEJ,MAAMS,SAAS;QACbC,QAAQ;uBAAE,oBAAA,UAAOC;gBACfA,EAAEC,eAAe;gBACjBD,EAAEE,cAAc;gBAChB,MAAMC,SACJH,EAAEG,MAAM,CAACC,OAAO,KAAK,UAAUJ,EAAEG,MAAM,CAACC,OAAO,KAAK,QAChDJ,EAAEG,MAAM,CAACE,UAAU,GACnBL,EAAEG,MAAM;gBACdG,IAAAA,mBAAY,EAAC;oBAAEC,KAAKJ,OAAOK,IAAI;oBAAEC,MAAMlB,MAAMkB,IAAI;gBAAC;YACpD;4BARiBT;;;;IASnB;IAEA,MAAMU,kBAAkBC,IAAAA,cAAO,EAC7B,IAAO,wCACDf,iBACA;YAAEgB,OAAOf,qBAAqB,CAAC,SAAS,EAAEN,MAAMkB,IAAI,EAAE,GAAGlB,MAAMsB,IAAI;QAAC,IACpE,CAAC,GACDhB,qBACA;YAAEiB,SAAShB,OAAOC,QAAQ;QAAC,IAC3B;YAAEI,QAAQ;QAAS;YACvBY,KAAK,CAAC,gCAAgC,EAAEnB,eAAe,oBAAoB,EAAEC,oBAAoB;YAEnG;QAACD;QAAgBC;KAAmB;IAGtC,qBACE;;0BACE,sBAACmB,6CACKN;gBACJF,MAAMjB,MAAMsB,IAAI;gBAChBI,KAAI;gBACJC,WAAWC,IAAAA,mBAAE,EAAC,GAAG7B,GAAG,YAAY,CAAC,EAAE;oBACjC,CAAC,GAAGA,GAAG,uBAAuB,CAAC,CAAC,EAAEI;gBACpC;;oBAEC,CAACA,eAAeD;kCACjB,qBAAC2B;wBAAKF,WAAWC,IAAAA,mBAAE,EAAC,GAAG7B,GAAG,YAAY,CAAC;kCAAIC,MAAMkB,IAAI;;oBACpDf,eAAeD;;;0BAElB,qBAAC2B;gBAAKF,WAAWC,IAAAA,mBAAE,EAAC,GAAG7B,GAAG,qBAAqB,CAAC;gBAAGwB,SAAStB;0BACzDG,cAAc;;;;AAIvB;MAEA,WAAeP"}

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

@@ -0,0 +1,363 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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"));
+require("./FileLoaderDescription.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+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
+};
+const getStructure = (data)=>_object_spread({
+        //? Расчет на то, что 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 checkOverflow = (files, maxFilesCount, additional)=>{
+    const { error = "", outerError = "" } = additional || {};
+    return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [
+        ...files,
+        _object_spread_props(_object_spread({}, (0, _utils.clone)(uploadTriggerStucture)), {
+            error,
+            outerError
+        })
+    ] : files;
+};
+const FileLoaderDescription = (_param)=>{
+    var { //? Для корректности работы стоит пробрасывать какой-то из 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 } = _param, props = _object_without_properties(_param, [
+        "id",
+        "testId",
+        "fieldKey",
+        "files",
+        "onChange",
+        "className",
+        "filesDescription",
+        "documentName",
+        "accordionTitle",
+        "accordionListContent",
+        "maxFilesCount",
+        "isWithoutAccordion",
+        "error"
+    ]);
+    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)=>_object_spread_props(_object_spread({}, 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) ? _object_spread_props(_object_spread({}, 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
+        }));
+    }, [
+        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}`);
+            })
+        ]
+    });
+};
+const _default = FileLoaderDescription;
+
+//# sourceMappingURL=FileLoaderDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { clone, compare, getBase64, uuid } from \"../../../Functions/utils\";\nimport AccordionText from \"../../UI/AccordionText/AccordionText\";\nimport FileLoaderLocal from \"../FileLoaderLocal/FileLoaderLocal\";\n\nimport \"./FileLoaderDescription.scss\";\n\nconst RC = \"file-loader-description\";\n\nconst UPLOAD_TRIGGER_KEY = \"uploadTrigger\";\nconst MAX_FILE_SIZE = 10 * 1024 * 1024;\nconst ACCEPT_EXTENSIONS_DEFAULT =\n  \".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF\";\n\nconst uploadTriggerStucture = {\n  id: UPLOAD_TRIGGER_KEY,\n  isRequired: true,\n  value: \"\",\n  base64: \"\",\n  maxItemSizeBytes: MAX_FILE_SIZE,\n  error: \"\",\n  accept: ACCEPT_EXTENSIONS_DEFAULT,\n};\n\nconst getStructure = (data) => ({\n  //? Расчет на то, что data донесет свой id и перетрёт пустые велью\n  value: \"\",\n  base64: \"\",\n  maxItemSizeBytes: MAX_FILE_SIZE,\n  error: \"\",\n  isRequired: false,\n  accept: ACCEPT_EXTENSIONS_DEFAULT,\n  ...data,\n});\n\nconst accordionData = (accordionTitle, accordionListContent) => {\n  return (\n    <div data-testid=\"accordion\">\n      <div className={`${RC}__accordion-title`}>{accordionTitle}</div>\n      <div className={`${RC}__list`}>\n        {accordionListContent?.map((item) => {\n          return (\n            <div key={item?.title} className={`${RC}__list-row`}>\n              <div className={`${RC}__list-bullet`}></div>\n              <div>\n                <div className={`${RC}__list-title`}>{item.title}</div>\n                <div className={`${RC}__list-descr`}>{item.description}</div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nconst getSafelyInitFiles = (initFiles, maxFilesCount) => {\n  if (!Array.isArray(initFiles)) return [];\n\n  let output = clone(initFiles);\n  if (typeof maxFilesCount === 'number' && output.length > maxFilesCount) {\n    output = output.slice(0, maxFilesCount);\n  }\n\n  return output.map(getStructure);\n};\n\nconst checkOverflow = (files, maxFilesCount, additional) => {\n  const { error = \"\", outerError = \"\" } = additional || {};\n\n  return typeof maxFilesCount === \"number\" && files.length < maxFilesCount\n    ? [...files, { ...clone(uploadTriggerStucture), error, outerError }]\n    : files;\n};\n\nconst FileLoaderDescription = ({\n  //? Для корректности работы стоит пробрасывать какой-то из id\n  id,\n  testId = \"file-loader-description\",\n  fieldKey,\n\n  files: initFiles,\n  onChange,\n\n  className,\n  filesDescription = \"Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.\",\n  documentName = \"Document name\",\n  accordionTitle = \"There is a list of documents that we accept:\",\n  accordionListContent = [],\n\n  maxFilesCount = 10,\n  isWithoutAccordion,\n\n  error: outerError,\n\n  ...props\n}) => {\n  const uniqueFileLoaderDescriptionId = `${id || testId || fieldKey || `component-${uuid?.()}`}`;\n  const safelyInitFiles = useMemo(\n    () => getSafelyInitFiles(initFiles, maxFilesCount),\n    [initFiles, maxFilesCount],\n  );\n\n  const [files, setFiles] = useState(\n    (() => {\n      if (!safelyInitFiles.length) return [clone(uploadTriggerStucture)];\n      return checkOverflow(safelyInitFiles, maxFilesCount);\n    })(),\n  );\n\n  const generateUniqueFileName = (files, name) => {\n    let fileName = name;\n    const [nameWithoutExtension, extension] = name.split(/(?=\\.[^.]+$)/);\n    let count = 1;\n\n    while (files.some((file) => file.value === fileName)) {\n      fileName = `${nameWithoutExtension}(${count})${extension}`;\n      count += 1;\n    }\n\n    return fileName;\n  };\n\n  const handle = {\n    applyFields: (newFields) => {\n      setFiles(checkOverflow(newFields, maxFilesCount));\n      onChange(newFields);\n    },\n\n    change: ({ name, id, error = \"\", file }) => {\n      //? Работаем с филдами БЕЗ плашки добавления\n      let output = clone(files)\n        .filter((item) => item.value && item.base64)\n        .map((item) => ({ ...item, error: \"\" }));\n      const changedField = output.find((item) => id === item.id);\n\n      if (!file) {\n        //? Нет файла - значит это экшн удаления\n        handle.applyFields(\n          output.filter((item) => item.id !== changedField?.id),\n        );\n      } else if (error) {\n        //? Есть ошибка - не должны менять содержание, только назначить ошибку\n        if (changedField)\n          output = output.map((item) =>\n            id.includes(item.id) ? { ...item, error } : item,\n          );\n        //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)\n        setFiles(checkOverflow(output, maxFilesCount, { error: !changedField ? error : null }));\n      } else {\n        //? Во всех остальных случаях - происходит добавленеи/изменение содержимого\n        const uniqueFileName = generateUniqueFileName(output, name);\n        const uniqueId = uuid?.();\n\n        getBase64(file).then((result) => {\n          const newItem = getStructure({\n            id: uniqueId,\n            value: uniqueFileName,\n            base64: result,\n            error: \"\",\n          });\n          //? Либо меняем, либо добавляем\n          output = changedField\n            ? output.map((item) =>\n                item.id === changedField.id ? newItem : item,\n              )\n            : [...output, newItem];\n          handle.applyFields(output);\n        });\n      }\n    },\n  };\n\n  useEffect(() => {\n    setFiles(checkOverflow(files.filter((item) => item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, { outerError }));\n  }, [outerError]);\n\n  //? Обеспечивает чтобы верхний стейт был доминирующим\n  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles\n  useEffect(() => {\n    //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать\n    if (\n      !compare(\n        safelyInitFiles,\n        clone(files).filter((item) => item.id !== UPLOAD_TRIGGER_KEY),\n      )\n    ) {\n      setFiles(checkOverflow(safelyInitFiles, maxFilesCount, { outerError }));\n    }\n  }, [initFiles, maxFilesCount]);\n\n  return (\n    <div\n      id={uniqueFileLoaderDescriptionId}\n      data-testid={RC}\n      className={cn(RC, className)}\n      role=\"combobox\"\n    >\n      {!!documentName && (\n        <span title={documentName} className={`${RC}__title`}>\n        {documentName}\n      </span>\n      )}\n\n\n      {!isWithoutAccordion && (\n        <AccordionText\n          isForcedAlwaysAccordion\n          className={cn(`${RC}__accordion`)}\n          text={accordionData(accordionTitle, accordionListContent)}\n        />\n      )}\n\n      {!!filesDescription && (\n      <span className={`${RC}__file-descr`} title={filesDescription}>\n      {filesDescription}\n      </span>\n      )}\n\n\n      {files.map((field, i) => {\n        return (\n          <FileLoaderLocal\n            className={`${RC}__list-item`}\n            key={`${field.id}-${i}`}\n            fieldId={field.id}\n            id={`loader-${uniqueFileLoaderDescriptionId}-field-${field.id}`}\n            error={field.error}\n            outerError={field.outerError}\n            label={\"Upload document\"}\n            accept={field.accept}\n            value={field.value}\n            maxItemSizeBytes={field.maxItemSizeBytes}\n            onChange={(value) => handle.change(value)}\n            isRequired={files.length <= 1}\n            isNoTrashIcon={false}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default FileLoaderDescription;\n"],"names":["RC","UPLOAD_TRIGGER_KEY","MAX_FILE_SIZE","ACCEPT_EXTENSIONS_DEFAULT","uploadTriggerStucture","id","isRequired","value","base64","maxItemSizeBytes","error","accept","getStructure","data","accordionData","accordionTitle","accordionListContent","div","data-testid","className","map","item","title","description","getSafelyInitFiles","initFiles","maxFilesCount","Array","isArray","output","clone","length","slice","checkOverflow","files","additional","outerError","FileLoaderDescription","testId","fieldKey","onChange","filesDescription","documentName","isWithoutAccordion","props","uniqueFileLoaderDescriptionId","uuid","safelyInitFiles","useMemo","setFiles","useState","generateUniqueFileName","name","fileName","nameWithoutExtension","extension","split","count","some","file","handle","applyFields","newFields","change","filter","changedField","find","includes","uniqueFileName","uniqueId","getBase64","then","result","newItem","useEffect","compare","cn","role","span","AccordionText","isForcedAlwaysAccordion","text","field","i","FileLoaderLocal","fieldId","label","isNoTrashIcon"],"mappings":"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"}