intelicoreact 1.6.8 → 1.6.11

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

@@ -1,363 +1 @@
-"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
+function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function r(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}function t(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}function n(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],c=!0,a=!1;try{for(o=o.call(e);!(c=(t=o.next()).done)&&(i.push(t.value),!r||i.length!==r);c=!0);}catch(e){a=!0,n=e}finally{try{c||null==o.return||o.return()}finally{if(a)throw n}}return i}}(e,r)||i(e,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(r){return function(r){if(Array.isArray(r))return e(r)}(r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||i(r)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(r,t){if(r){if("string"==typeof r)return e(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}import{jsx as c,jsxs as a}from"react/jsx-runtime";import{useEffect as l,useMemo as u,useState as s}from"react";import d from"classnames";import{clone as f,compare as m,getBase64 as p,uuid as y}from"../../../Functions/utils";import b from"../../UI/AccordionText/AccordionText";import v from"../FileLoaderLocal/FileLoaderLocal";import"./FileLoaderDescription.scss";var h="file-loader-description",g="uploadTrigger",O=".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF",j={id:g,isRequired:!0,value:"",base64:"",maxItemSizeBytes:0xa00000,error:"",accept:O},P=function(e){return r({value:"",base64:"",maxItemSizeBytes:0xa00000,error:"",isRequired:!1,accept:O},e)},_=function(e,r){if(!Array.isArray(e))return[];var t=f(e);return"number"==typeof r&&t.length>r&&(t=t.slice(0,r)),t.map(P)},x=function(e,n,i){var c=i||{},a=c.error,l=c.outerError;return"number"==typeof n&&e.length<n?o(e).concat([t(r({},f(j)),{error:void 0===a?"":a,outerError:void 0===l?"":l})]):e};export default function(e){var i,O,N=e.id,S=e.testId,w=e.fieldKey,A=e.files,I=e.onChange,E=e.className,F=e.filesDescription,D=void 0===F?"Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.":F,T=e.documentName,C=void 0===T?"Document name":T,L=e.accordionTitle,G=e.accordionListContent,B=e.maxFilesCount,z=void 0===B?10:B,J=e.isWithoutAccordion,k=e.error;!function(e,r){if(null!=e){var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}}}(e,["id","testId","fieldKey","files","onChange","className","filesDescription","documentName","accordionTitle","accordionListContent","maxFilesCount","isWithoutAccordion","error"]);var q="".concat(N||(void 0===S?"file-loader-description":S)||w||"component-".concat(null==y?void 0:y())),R=u(function(){return _(A,z)},[A,z]),U=n(s(R.length?x(R,z):[f(j)]),2),K=U[0],M=U[1],W=function(e,r){for(var t=r,o=n(r.split(/(?=\.[^.]+$)/),2),i=o[0],c=o[1],a=1;e.some(function(e){return e.value===t});)t="".concat(i,"(").concat(a,")").concat(c),a+=1;return t},$={applyFields:function(e){M(x(e,z)),I(e)},change:function(e){var n=e.name,i=e.id,c=e.error,a=void 0===c?"":c,l=e.file,u=f(K).filter(function(e){return e.value&&e.base64}).map(function(e){return t(r({},e),{error:""})}),s=u.find(function(e){return i===e.id});if(l)if(a)s&&(u=u.map(function(e){return i.includes(e.id)?t(r({},e),{error:a}):e})),M(x(u,z,{error:s?null:a}));else{var d=W(u,n),m=null==y?void 0:y();p(l).then(function(e){var r=P({id:m,value:d,base64:e,error:""});u=s?u.map(function(e){return e.id===s.id?r:e}):o(u).concat([r]),$.applyFields(u)})}else $.applyFields(u.filter(function(e){return e.id!==(null==s?void 0:s.id)}))}};return l(function(){M(x(K.filter(function(e){return e.id!==g}),z,{outerError:k}))},[k]),l(function(){m(R,f(K).filter(function(e){return e.id!==g}))||M(x(R,z,{outerError:k}))},[A,z]),a("div",{id:q,"data-testid":h,className:d(h,E),role:"combobox",children:[!!C&&c("span",{title:C,className:"".concat(h,"__title"),children:C}),!J&&c(b,{isForcedAlwaysAccordion:!0,className:d("".concat(h,"__accordion")),text:(i=void 0===L?"There is a list of documents that we accept:":L,O=void 0===G?[]:G,a("div",{"data-testid":"accordion",children:[c("div",{className:"".concat(h,"__accordion-title"),children:i}),c("div",{className:"".concat(h,"__list"),children:null==O?void 0:O.map(function(e){return a("div",{className:"".concat(h,"__list-row"),children:[c("div",{className:"".concat(h,"__list-bullet")}),a("div",{children:[c("div",{className:"".concat(h,"__list-title"),children:e.title}),c("div",{className:"".concat(h,"__list-descr"),children:e.description})]})]},null==e?void 0:e.title)})})]}))}),!!D&&c("span",{className:"".concat(h,"__file-descr"),title:D,children:D}),K.map(function(e,r){return c(v,{className:"".concat(h,"__list-item"),fieldId:e.id,id:"loader-".concat(q,"-field-").concat(e.id),error:e.error,outerError:e.outerError,label:"Upload document",accept:e.accept,value:e.value,maxItemSizeBytes:e.maxItemSizeBytes,onChange:function(e){return $.change(e)},isRequired:K.length<=1,isNoTrashIcon:!1},"".concat(e.id,"-").concat(r))})]})}

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -1,191 +1 @@
-"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_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-const _utils = require("../../../Functions/utils");
-require("./FileLoaderLocal.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 _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;
-}
-const MAX_FILE_SIZE = 10 * 1024 * 1024;
-const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerError, isRequired, accept, onChange, className, value, isNoTrashIcon = false, maxItemSizeBytes, testId = "file-loader-local", attributesOfNativeInput = {} })=>{
-    const getFileName = (value)=>{
-        const result = value.match(/[^\\]+$/);
-        return result === null || result === void 0 ? void 0 : result[0];
-    };
-    const renderRequiredLabel = ()=>{
-        if (!value) {
-            if (isRequired) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "file-loader-local--required",
-                children: "Required"
-            });
-            else return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "file-loader-local--optional",
-                children: "Optional"
-            });
-        }
-    };
-    const isFileSizeOutOfLimit = (file)=>{
-        var _ref;
-        return (_ref = file.size > maxItemSizeBytes) !== null && _ref !== void 0 ? _ref : MAX_FILE_SIZE;
-    };
-    const checkExtension = (valueExtension)=>{
-        return accept.includes(valueExtension);
-    };
-    const handle = {
-        change: (e)=>{
-            var _name_match, _name_split, _e_target_files, _e_target, _e_target_files1, _e_target1;
-            const name = getFileName(e.target.value);
-            const valueExtension = name === null || name === void 0 ? void 0 : (_name_match = name.match(/[^\.]+$/)) === null || _name_match === void 0 ? void 0 : _name_match[0];
-            const fileName = (_name_split = name.split(".")) === null || _name_split === void 0 ? void 0 : _name_split[0];
-            const latinRegex = /^[A-Za-z\u00C0-\u00FF0-9!@#\$%\^\&*\)\(+=._-\s]+$/;
-            const file = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : (_e_target_files = _e_target.files) === null || _e_target_files === void 0 ? void 0 : _e_target_files[0];
-            if (isFileSizeOutOfLimit((_e_target1 = e.target) === null || _e_target1 === void 0 ? void 0 : (_e_target_files1 = _e_target1.files) === null || _e_target_files1 === void 0 ? void 0 : _e_target_files1[0])) {
-                onChange({
-                    id,
-                    name,
-                    valueExtension,
-                    e,
-                    file,
-                    groupId,
-                    error: `Max file size is ${(0, _utils.renderFileSize)(maxItemSizeBytes)}`
-                });
-            } else if (!checkExtension(valueExtension)) {
-                var _accept_replace;
-                const allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept_replace = accept.replace(/\./g, "")) === null || _accept_replace === void 0 ? void 0 : _accept_replace.toUpperCase()) || "JPG, PNG, PDF";
-                const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
-                onChange({
-                    id,
-                    groupId,
-                    name,
-                    valueExtension,
-                    e,
-                    file,
-                    error: `Only ${uniqExts} are allowed`
-                });
-            } else if (!latinRegex.test(fileName)) {
-                onChange({
-                    id,
-                    groupId,
-                    name,
-                    valueExtension,
-                    e,
-                    file,
-                    error: `File name must be Latin characters only.`
-                });
-            } else onChange({
-                id,
-                groupId,
-                name,
-                valueExtension,
-                e,
-                file
-            });
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)("file-loader-local", className, {
-            ["file-loader-local_outer-error"]: Boolean(outerError)
-        }),
-        children: [
-            (fieldId === "uploadTrigger" || !value) && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
-                onChange: handle.change,
-                className: "file-loader-local__file-input",
-                id: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`,
-                type: "file",
-                name: fieldKey || id,
-                required: isRequired,
-                accept: accept
-            }, attributesOfNativeInput), id),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
-                className: (0, _classnames.default)("file-loader-local__label-box", {
-                    "file-loader-local__label-box--upload-trigger": fieldId === "uploadTrigger" || !value
-                }),
-                htmlFor: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`,
-                children: [
-                    !value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {
-                        className: "file-loader-local__upload-icon"
-                    }),
-                    value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Paperclip, {
-                        className: "file-loader-local__upload-icon"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        title: value || label,
-                        className: "file-loader-local__label-wrapper",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: (0, _classnames.default)("file-loader-local__label", {
-                                "file-loader-local__label-filled": value
-                            }),
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                    className: "file-loader-local__label-text",
-                                    children: value || label
-                                }),
-                                error && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                    className: "file-loader-local__error",
-                                    children: error
-                                }),
-                                typeof outerError === "string" && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                    className: "file-loader-local__error",
-                                    children: outerError
-                                })
-                            ]
-                        })
-                    }),
-                    value && !isNoTrashIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {
-                        className: "file-loader-local__trash-icon",
-                        onClick: ()=>onChange({
-                                id: fieldId,
-                                groupId
-                            })
-                    }),
-                    renderRequiredLabel()
-                ]
-            })
-        ]
-    });
-};
-const _default = FileLoaderLocal;
-
-//# sourceMappingURL=FileLoaderLocal.js.map
+function e(e,l,a){return l in e?Object.defineProperty(e,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[l]=a,e}import{jsx as l,jsxs as a}from"react/jsx-runtime";import"react";import r from"classnames";import{Download as o,Paperclip as i,Trash2 as t}from"react-feather";import{getUniqueFileExtensions as n,renderFileSize as c}from"../../../Functions/utils";import"./FileLoaderLocal.scss";export default function(s){var d=s.groupId,u=s.id,f=s.fieldId,p=s.fieldKey,m=s.label,v=s.error,_=s.outerError,g=s.isRequired,b=s.accept,h=s.onChange,N=s.className,y=s.value,x=s.isNoTrashIcon,I=s.maxItemSizeBytes,O=s.testId,j=s.attributesOfNativeInput,F=function(e){var l=e.match(/[^\\]+$/);return null==l?void 0:l[0]},P=function(e){var l;return l=e.size>I,l};return a("div",{"data-testid":void 0===O?"file-loader-local":O,className:r("file-loader-local",N,e({},"file-loader-local_outer-error",!!_)),children:[("uploadTrigger"===f||!y)&&l("input",function(l){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(a){e(l,a,r[a])})}return l}({onChange:function(e){var l=F(e.target.value),a=null==l||null==(i=l.match(/[^\.]+$/))?void 0:i[0],r=null==(t=l.split("."))?void 0:t[0],o=null==(f=e.target)||null==(s=f.files)?void 0:s[0];if(P(null==(m=e.target)||null==(p=m.files)?void 0:p[0]))h({id:u,name:l,valueExtension:a,e:e,file:o,groupId:d,error:"Max file size is ".concat(c(I))});else if(b.includes(a))/^[A-Za-z\u00C0-\u00FF0-9!@#\$%\^\&*\)\(+=._-\s]+$/.test(r)?h({id:u,groupId:d,name:l,valueExtension:a,e:e,file:o}):h({id:u,groupId:d,name:l,valueExtension:a,e:e,file:o,error:"File name must be Latin characters only."});else{var i,t,s,f,p,m,v,_=n((null==b||null==(v=b.replace(/\./g,""))?void 0:v.toUpperCase())||"JPG, PNG, PDF");h({id:u,groupId:d,name:l,valueExtension:a,e:e,file:o,error:"Only ".concat(_," are allowed")})}},className:"file-loader-local__file-input",id:p||"file-input-".concat(u).concat(d?"-".concat(d):""),type:"file",name:p||u,required:g,accept:b},void 0===j?{}:j),u),a("label",{className:r("file-loader-local__label-box",{"file-loader-local__label-box--upload-trigger":"uploadTrigger"===f||!y}),htmlFor:p||"file-input-".concat(u).concat(d?"-".concat(d):""),children:[!y&&l(o,{className:"file-loader-local__upload-icon"}),y&&l(i,{className:"file-loader-local__upload-icon"}),l("div",{title:y||m,className:"file-loader-local__label-wrapper",children:a("div",{className:r("file-loader-local__label",{"file-loader-local__label-filled":y}),children:[l("span",{className:"file-loader-local__label-text",children:y||m}),v&&l("span",{className:"file-loader-local__error",children:v}),"string"==typeof _&&l("span",{className:"file-loader-local__error",children:_})]})}),y&&!(void 0!==x&&x)&&l(t,{className:"file-loader-local__trash-icon",onClick:function(){return h({id:f,groupId:d})}}),function(){if(!y)if(g)return l("div",{className:"file-loader-local--required",children:"Required"});else return l("div",{className:"file-loader-local--optional",children:"Optional"})}()]})]})}