intelicoreact 1.6.6 → 1.6.8

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

@@ -12,6 +12,48 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 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
@@ -58,21 +100,41 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 const DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
 const FILTER_FILES_DEFAULT = (file)=>file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
 const LoadZone = ({ RC, fieldKey, onChange, doLoad, setDragenter, setIsLoadContent, icon, placeholder = "", filterFiles = FILTER_FILES_DEFAULT, processErrors, isBlockNullValues, attributesOfNativeInput = {} })=>{
     const dropZoneId = `dropZone-${fieldKey}`;
     const handle = {
-        change: async (e)=>{
-            setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
-            const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
-            const validatedFile = filterFiles ? await filterFiles(file) : file;
-            if (processErrors && !validatedFile) await processErrors(file);
-            if (!isBlockNullValues || validatedFile) {
-                onChange(await doLoad(validatedFile).catch(()=>null));
-            }
-            setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
-        },
+        change: /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function*(e) {
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
+                const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
+                const validatedFile = filterFiles ? yield filterFiles(file) : file;
+                if (processErrors && !validatedFile) yield processErrors(file);
+                if (!isBlockNullValues || validatedFile) {
+                    onChange((yield doLoad(validatedFile).catch(()=>null)));
+                }
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
+            });
+            return function(e) {
+                return _ref.apply(this, arguments);
+            };
+        }(),
         dragover: (e)=>{
             e.stopPropagation();
             e.preventDefault();
@@ -130,16 +192,17 @@ const LoadZone = ({ RC, fieldKey, onChange, doLoad, setDragenter, setIsLoadConte
                 htmlFor: fieldKey,
                 children: [
                     placeholder,
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
                         id: fieldKey,
                         className: (0, _classnames.default)(`${RC}__input`),
                         type: "file",
-                        onChange: handle.change,
-                        ...attributesOfNativeInput
-                    })
+                        onChange: handle.change
+                    }, attributesOfNativeInput))
                 ]
             })
         ]
     });
 };
 const _default = LoadZone;
+
+//# sourceMappingURL=LoadZone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/FileLoader/partial/LoadZone.js"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"../FileLoader.scss\";\n\nconst DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб\nconst FILTER_FILES_DEFAULT = (file) =>\n  file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;\n\nconst LoadZone = ({\n  RC,\n  fieldKey,\n  onChange,\n  doLoad,\n  setDragenter,\n  setIsLoadContent,\n  icon,\n  placeholder = \"\",\n  filterFiles = FILTER_FILES_DEFAULT,\n  processErrors,\n  isBlockNullValues,\n  attributesOfNativeInput = {},\n}) => {\n  const dropZoneId = `dropZone-${fieldKey}`;\n\n  const handle = {\n    change: async (e) => {\n      setIsLoadContent?.(true);\n      const file =\n        e.type === \"change\" ? e.target.files[0] : e.dataTransfer.files[0];\n      const validatedFile = filterFiles ? await filterFiles(file) : file;\n      if (processErrors && !validatedFile) await processErrors(file);\n      if (!isBlockNullValues || validatedFile) {\n        onChange(await doLoad(validatedFile).catch(() => null));\n      }\n      setIsLoadContent?.(false);\n    },\n    dragover: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      return false;\n    },\n    dragenter: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setDragenter(true);\n      return false;\n    },\n    dragleave: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setDragenter(false);\n      return false;\n    },\n    drop: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setDragenter(false);\n      handle.change(e);\n      return false;\n    },\n  };\n\n  useEffect(() => {\n    const dropbox = document.getElementById(dropZoneId);\n    dropbox?.addEventListener(\"dragenter\", handle.dragenter, false);\n    dropbox?.addEventListener(\"dragover\", handle.dragover, false);\n    dropbox?.addEventListener(\"dragleave\", handle.dragleave, false);\n    dropbox?.addEventListener(\"drop\", handle.drop, false);\n    dropbox?.addEventListener(\"dragend\", handle.dragleave, false);\n\n    return () => {\n      dropbox?.removeEventListener(\"dragenter\", handle.dragenter, false);\n      dropbox?.removeEventListener(\"dragover\", handle.dragover, false);\n      dropbox?.removeEventListener(\"dragleave\", handle.dragleave, false);\n      dropbox?.removeEventListener(\"drop\", handle.drop, false);\n      dropbox?.removeEventListener(\"dragend\", handle.dragleave, false);\n    };\n  }, [fieldKey, doLoad]);\n\n  return (\n    <>\n      {icon && <div className={cn(`${RC}__icon-block`)}>{icon}</div>}\n      <label\n        id={dropZoneId}\n        className={cn(`${RC}__input-label`, {\n          [`${RC}__input-label_no-icon`]: !icon,\n        })}\n        htmlFor={fieldKey}\n      >\n        {placeholder}\n        <input\n          id={fieldKey}\n          className={cn(`${RC}__input`)}\n          type=\"file\"\n          onChange={handle.change}\n          {...attributesOfNativeInput}\n        />\n      </label>\n    </>\n  );\n};\n\nexport default LoadZone;\n"],"names":["DEFAULT_MAX_FILE_SIZE","FILTER_FILES_DEFAULT","file","size","LoadZone","RC","fieldKey","onChange","doLoad","setDragenter","setIsLoadContent","icon","placeholder","filterFiles","processErrors","isBlockNullValues","attributesOfNativeInput","dropZoneId","handle","change","e","type","target","files","dataTransfer","validatedFile","catch","dragover","stopPropagation","preventDefault","dragenter","dragleave","drop","useEffect","dropbox","document","getElementById","addEventListener","removeEventListener","div","className","cn","label","id","htmlFor","input"],"mappings":"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"}

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

@@ -13,6 +13,48 @@ 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
@@ -59,28 +101,70 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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: async (e)=>{
-            e.stopPropagation();
-            e.preventDefault();
-            const target = e.target.tagName === "SPAN" || e.target.tagName === "svg" ? e.target.parentNode : e.target;
-            (0, _utils.downloadFile)({
-                url: target.href,
-                name: value.name
+        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)(()=>({
-            ...isUseLinkTitle ? {
-                title: isLinkTypeDownload ? `Download ${value.name}` : value.path
-            } : {},
-            ...isLinkTypeDownload ? {
-                onClick: handle.download
-            } : {
-                target: "_blank"
-            },
+    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,
@@ -88,8 +172,7 @@ const LoadedContent = (props)=>{
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("a", {
-                ...additionalProps,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, additionalProps), {
                 href: value.path,
                 rel: "noreferrer",
                 className: (0, _classnames.default)(`${RC}__value-link`, {
@@ -103,7 +186,7 @@ const LoadedContent = (props)=>{
                     }),
                     isIconAfter && icon
                 ]
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 className: (0, _classnames.default)(`${RC}__delete-value-button`),
                 onClick: onDelete,
@@ -113,3 +196,5 @@ const LoadedContent = (props)=>{
     });
 };
 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

@@ -15,6 +15,19 @@ 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
@@ -61,6 +74,72 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
@@ -74,16 +153,15 @@ const uploadTriggerStucture = {
     error: "",
     accept: ACCEPT_EXTENSIONS_DEFAULT
 };
-const getStructure = (data)=>({
+const getStructure = (data)=>_object_spread({
         //? Расчет на то, что data донесет свой id и перетрёт пустые велью
         value: "",
         base64: "",
         maxItemSizeBytes: MAX_FILE_SIZE,
         error: "",
         isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT,
-        ...data
-    });
+        accept: ACCEPT_EXTENSIONS_DEFAULT
+    }, data);
 const accordionData = (accordionTitle, accordionListContent)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": "accordion",
@@ -132,15 +210,29 @@ const checkOverflow = (files, maxFilesCount, additional)=>{
     const { error = "", outerError = "" } = additional || {};
     return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [
         ...files,
-        {
-            ...(0, _utils.clone)(uploadTriggerStucture),
+        _object_spread_props(_object_spread({}, (0, _utils.clone)(uploadTriggerStucture)), {
             error,
             outerError
-        }
+        })
     ] : files;
 };
-const FileLoaderDescription = ({ //? Для корректности работы стоит пробрасывать какой-то из id
-id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, className, filesDescription = "Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.", documentName = "Document name", accordionTitle = "There is a list of documents that we accept:", accordionListContent = [], maxFilesCount = 10, isWithoutAccordion, error: outerError, ...props })=>{
+const 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,
@@ -169,8 +261,7 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
         },
         change: ({ name, id, error = "", file })=>{
             //? Работаем с филдами БЕЗ плашки добавления
-            let output = (0, _utils.clone)(files).filter((item)=>item.value && item.base64).map((item)=>({
-                    ...item,
+            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);
@@ -179,10 +270,9 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
                 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,
+                if (changedField) output = output.map((item)=>id.includes(item.id) ? _object_spread_props(_object_spread({}, item), {
                         error
-                    } : item);
+                    }) : item);
                 //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
                 setFiles(checkOverflow(output, maxFilesCount, {
                     error: !changedField ? error : null
@@ -269,3 +359,5 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
     });
 };
 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":";;;;+BAsPA;;;eAAA;;;;+DAtPoD;mEAErC;uBAEiC;sEACtB;wEACE;QAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,qBAAqB;AAC3B,MAAMC,gBAAgB,KAAK,OAAO;AAClC,MAAMC,4BACJ;AAEF,MAAMC,wBAAwB;IAC5BC,IAAIJ;IACJK,YAAY;IACZC,OAAO;IACPC,QAAQ;IACRC,kBAAkBP;IAClBQ,OAAO;IACPC,QAAQR;AACV;AAEA,MAAMS,eAAe,CAACC,OAAU;QAC9B,kEAAkE;QAClEN,OAAO;QACPC,QAAQ;QACRC,kBAAkBP;QAClBQ,OAAO;QACPJ,YAAY;QACZK,QAAQR;OACLU;AAGL,MAAMC,gBAAgB,CAACC,gBAAgBC;IACrC,qBACE,sBAACC;QAAIC,eAAY;;0BACf,qBAACD;gBAAIE,WAAW,GAAGnB,GAAG,iBAAiB,CAAC;0BAAGe;;0BAC3C,qBAACE;gBAAIE,WAAW,GAAGnB,GAAG,MAAM,CAAC;0BAC1BgB,iCAAAA,2CAAAA,qBAAsBI,GAAG,CAAC,CAACC;oBAC1B,qBACE,sBAACJ;wBAAsBE,WAAW,GAAGnB,GAAG,UAAU,CAAC;;0CACjD,qBAACiB;gCAAIE,WAAW,GAAGnB,GAAG,aAAa,CAAC;;0CACpC,sBAACiB;;kDACC,qBAACA;wCAAIE,WAAW,GAAGnB,GAAG,YAAY,CAAC;kDAAGqB,KAAKC,KAAK;;kDAChD,qBAACL;wCAAIE,WAAW,GAAGnB,GAAG,YAAY,CAAC;kDAAGqB,KAAKE,WAAW;;;;;uBAJhDF,iBAAAA,2BAAAA,KAAMC,KAAK;gBAQzB;;;;AAIR;AAEA,MAAME,qBAAqB,CAACC,WAAWC;IACrC,IAAI,CAACC,MAAMC,OAAO,CAACH,YAAY,OAAO,EAAE;IAExC,IAAII,SAASC,IAAAA,YAAK,EAACL;IACnB,IAAI,OAAOC,kBAAkB,YAAYG,OAAOE,MAAM,GAAGL,eAAe;QACtEG,SAASA,OAAOG,KAAK,CAAC,GAAGN;IAC3B;IAEA,OAAOG,OAAOT,GAAG,CAACR;AACpB;AAEA,MAAMqB,gBAAgB,CAACC,OAAOR,eAAeS;IAC3C,MAAM,EAAEzB,QAAQ,EAAE,EAAE0B,aAAa,EAAE,EAAE,GAAGD,cAAc,CAAC;IAEvD,OAAO,OAAOT,kBAAkB,YAAYQ,MAAMH,MAAM,GAAGL,gBACvD;WAAIQ;QAAO,wCAAKJ,IAAAA,YAAK,EAAC1B;YAAwBM;YAAO0B;;KAAa,GAClEF;AACN;AAEA,MAAMG,wBAAwB;QAAC,EAC7B,6DAA6D;IAC7DhC,EAAE,EACFiC,SAAS,yBAAyB,EAClCC,QAAQ,EAERL,OAAOT,SAAS,EAChBe,QAAQ,EAERrB,SAAS,EACTsB,mBAAmB,+EAA+E,EAClGC,eAAe,eAAe,EAC9B3B,iBAAiB,8CAA8C,EAC/DC,uBAAuB,EAAE,EAEzBU,gBAAgB,EAAE,EAClBiB,kBAAkB,EAElBjC,OAAO0B,UAAU,EAGlB,WADIQ;QAlBHvC;QACAiC;QACAC;QAEAL;QACAM;QAEArB;QACAsB;QACAC;QACA3B;QACAC;QAEAU;QACAiB;QAEAjC;;IAIA,MAAMmC,gCAAgC,GAAGxC,MAAMiC,UAAUC,YAAY,CAAC,UAAU,EAAEO,WAAI,aAAJA,WAAI,uBAAJA,IAAAA,WAAI,KAAM,EAAE;IAC9F,MAAMC,kBAAkBC,IAAAA,cAAO,EAC7B,IAAMxB,mBAAmBC,WAAWC,gBACpC;QAACD;QAAWC;KAAc;IAG5B,MAAM,CAACQ,OAAOe,SAAS,GAAGC,IAAAA,eAAQ,EAChC,AAAC,CAAA;QACC,IAAI,CAACH,gBAAgBhB,MAAM,EAAE,OAAO;YAACD,IAAAA,YAAK,EAAC1B;SAAuB;QAClE,OAAO6B,cAAcc,iBAAiBrB;IACxC,CAAA;IAGF,MAAMyB,yBAAyB,CAACjB,OAAOkB;QACrC,IAAIC,WAAWD;QACf,MAAM,CAACE,sBAAsBC,UAAU,GAAGH,KAAKI,KAAK,CAAC;QACrD,IAAIC,QAAQ;QAEZ,MAAOvB,MAAMwB,IAAI,CAAC,CAACC,OAASA,KAAKpD,KAAK,KAAK8C,UAAW;YACpDA,WAAW,GAAGC,qBAAqB,CAAC,EAAEG,MAAM,CAAC,EAAEF,WAAW;YAC1DE,SAAS;QACX;QAEA,OAAOJ;IACT;IAEA,MAAMO,SAAS;QACbC,aAAa,CAACC;YACZb,SAAShB,cAAc6B,WAAWpC;YAClCc,SAASsB;QACX;QAEAC,QAAQ,CAAC,EAAEX,IAAI,EAAE/C,EAAE,EAAEK,QAAQ,EAAE,EAAEiD,IAAI,EAAE;YACrC,4CAA4C;YAC5C,IAAI9B,SAASC,IAAAA,YAAK,EAACI,OAChB8B,MAAM,CAAC,CAAC3C,OAASA,KAAKd,KAAK,IAAIc,KAAKb,MAAM,EAC1CY,GAAG,CAAC,CAACC,OAAU,wCAAKA;oBAAMX,OAAO;;YACpC,MAAMuD,eAAepC,OAAOqC,IAAI,CAAC,CAAC7C,OAAShB,OAAOgB,KAAKhB,EAAE;YAEzD,IAAI,CAACsD,MAAM;gBACT,wCAAwC;gBACxCC,OAAOC,WAAW,CAChBhC,OAAOmC,MAAM,CAAC,CAAC3C,OAASA,KAAKhB,EAAE,MAAK4D,yBAAAA,mCAAAA,aAAc5D,EAAE;YAExD,OAAO,IAAIK,OAAO;gBAChB,sEAAsE;gBACtE,IAAIuD,cACFpC,SAASA,OAAOT,GAAG,CAAC,CAACC,OACnBhB,GAAG8D,QAAQ,CAAC9C,KAAKhB,EAAE,IAAI,wCAAKgB;wBAAMX;yBAAUW;gBAEhD,6GAA6G;gBAC7G4B,SAAShB,cAAcJ,QAAQH,eAAe;oBAAEhB,OAAO,CAACuD,eAAevD,QAAQ;gBAAK;YACtF,OAAO;gBACL,2EAA2E;gBAC3E,MAAM0D,iBAAiBjB,uBAAuBtB,QAAQuB;gBACtD,MAAMiB,WAAWvB,WAAI,aAAJA,WAAI,uBAAJA,IAAAA,WAAI;gBAErBwB,IAAAA,gBAAS,EAACX,MAAMY,IAAI,CAAC,CAACC;oBACpB,MAAMC,UAAU7D,aAAa;wBAC3BP,IAAIgE;wBACJ9D,OAAO6D;wBACP5D,QAAQgE;wBACR9D,OAAO;oBACT;oBACA,+BAA+B;oBAC/BmB,SAASoC,eACLpC,OAAOT,GAAG,CAAC,CAACC,OACVA,KAAKhB,EAAE,KAAK4D,aAAa5D,EAAE,GAAGoE,UAAUpD,QAE1C;2BAAIQ;wBAAQ4C;qBAAQ;oBACxBb,OAAOC,WAAW,CAAChC;gBACrB;YACF;QACF;IACF;IAEA6C,IAAAA,gBAAS,EAAC;QACRzB,SAAShB,cAAcC,MAAM8B,MAAM,CAAC,CAAC3C,OAASA,KAAKhB,EAAE,KAAKJ,qBAAqByB,eAAe;YAAEU;QAAW;IAC7G,GAAG;QAACA;KAAW;IAEf,qDAAqD;IACrD,2FAA2F;IAC3FsC,IAAAA,gBAAS,EAAC;QACR,6FAA6F;QAC7F,IACE,CAACC,IAAAA,cAAO,EACN5B,iBACAjB,IAAAA,YAAK,EAACI,OAAO8B,MAAM,CAAC,CAAC3C,OAASA,KAAKhB,EAAE,KAAKJ,sBAE5C;YACAgD,SAAShB,cAAcc,iBAAiBrB,eAAe;gBAAEU;YAAW;QACtE;IACF,GAAG;QAACX;QAAWC;KAAc;IAE7B,qBACE,sBAACT;QACCZ,IAAIwC;QACJ3B,eAAalB;QACbmB,WAAWyD,IAAAA,mBAAE,EAAC5E,IAAImB;QAClB0D,MAAK;;YAEJ,CAAC,CAACnC,8BACD,qBAACoC;gBAAKxD,OAAOoB;gBAAcvB,WAAW,GAAGnB,GAAG,OAAO,CAAC;0BACnD0C;;YAKF,CAACC,oCACA,qBAACoC,sBAAa;gBACZC,uBAAuB;gBACvB7D,WAAWyD,IAAAA,mBAAE,EAAC,GAAG5E,GAAG,WAAW,CAAC;gBAChCiF,MAAMnE,cAAcC,gBAAgBC;;YAIvC,CAAC,CAACyB,kCACH,qBAACqC;gBAAK3D,WAAW,GAAGnB,GAAG,YAAY,CAAC;gBAAEsB,OAAOmB;0BAC5CA;;YAKAP,MAAMd,GAAG,CAAC,CAAC8D,OAAOC;gBACjB,qBACE,qBAACC,wBAAe;oBACdjE,WAAW,GAAGnB,GAAG,WAAW,CAAC;oBAE7BqF,SAASH,MAAM7E,EAAE;oBACjBA,IAAI,CAAC,OAAO,EAAEwC,8BAA8B,OAAO,EAAEqC,MAAM7E,EAAE,EAAE;oBAC/DK,OAAOwE,MAAMxE,KAAK;oBAClB0B,YAAY8C,MAAM9C,UAAU;oBAC5BkD,OAAO;oBACP3E,QAAQuE,MAAMvE,MAAM;oBACpBJ,OAAO2E,MAAM3E,KAAK;oBAClBE,kBAAkByE,MAAMzE,gBAAgB;oBACxC+B,UAAU,CAACjC,QAAUqD,OAAOG,MAAM,CAACxD;oBACnCD,YAAY4B,MAAMH,MAAM,IAAI;oBAC5BwD,eAAe;mBAXV,GAAGL,MAAM7E,EAAE,CAAC,CAAC,EAAE8E,GAAG;YAc7B;;;AAGN;MAEA,WAAe9C"}

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _FileLoaderDescription = /*#__PURE__*/ _interop_require_default(require("./FileLoaderDescription"));
 require("../../../../../scss/main.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
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/FileLoaderDescription',
@@ -253,12 +305,11 @@ const Template = (args)=>{
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderDescription.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderDescription.default, _object_spread_props(_object_spread({}, args), {
                 files: files,
                 onChange: handleChange,
                 error: error
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
@@ -325,3 +376,5 @@ FileLoaderDescriptionTemplate.args = {
     // maxFilesCount: null,
     isWithoutAccordion: false
 };
+
+//# sourceMappingURL=FileLoaderDescription.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.stories.js"],"sourcesContent":["import React, { useState } from 'react';\nimport FileLoaderDescription from './FileLoaderDescription';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/FileLoaderDescription',\n  component: FileLoaderDescription,\n  argTypes: {\n    accordionListContent: {\n      control: {\n        type: 'object',\n      },\n      description: 'The content of the accordion list',\n    },\n    accordionTitle: {\n      control: {\n        type: 'text',\n      },\n      description: 'The title of the accordion',\n    },\n    filesDescription: {\n      control: {\n        type: 'text',\n      },\n      description: 'Description of the accepted file formats and size limits',\n    },\n    documentName: {\n      control: {\n        type: 'text',\n      },\n      description: 'The name of the document',\n    },\n    onChange: {\n      action: 'onChange',\n      description: 'Callback function triggered on file change',\n    },\n    testId: {\n      control: {\n        type: 'text',\n      },\n      description: 'Test ID for the component',\n    },\n    className: {\n      control: {\n        type: 'text',\n      },\n      description: 'CSS class for custom styling',\n    },\n    files: {\n      control: {\n        type: 'object',\n      },\n      description: 'The files to be uploaded',\n    },\n    maxFilesCount: {\n      control: {\n        type: 'number',\n      },\n      description: 'Files quantity for upload',\n    },\n    isWithoutAccordion: {\n      control: {\n        type: 'boolean',\n      },\n      description: 'If true accordion doesn\\'t rendered',\n    },\n  },\n};\n\nconst MAX_FILE_SIZE = 10 * 1024 * 1024;\nconst ACCEPT_EXTENSIONS_DEFAULT = \".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF\";\n\nconst mock = [\n  {\n    id: '1',\n    value: \"image1.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '2',\n    value: \"image2.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '3',\n    value: \"image3.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '4',\n    value: \"image4.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '5',\n    value: \"image5.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '6',\n    value: \"image6.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '7',\n    value: \"image7.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '8',\n    value: \"image8.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '9',\n    value: \"image9.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '10',\n    value: \"image10.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  },\n  {\n    id: '11',\n    value: \"image11.png\",\n    base64: \"cscdcscsdc\",\n    maxItemSizeBytes: MAX_FILE_SIZE,\n    error: \"\",\n    isRequired: false,\n    accept: ACCEPT_EXTENSIONS_DEFAULT,\n  }\n];\n\nconst Template = (args) => {\n  const [files, setFiles] = useState(mock);\n  const [error, setError] = useState(null);\n\n  const handleChange = (newFiles) => {\n    setFiles(newFiles);\n  }\n\n  const setOuterError = () => {\n    const errorValue = true;\n    // const errorValue = 'Error !!!';\n\n    setError(errorValue);\n  };\n\n  const changeInitFields = () => {\n    const deductible = (Array.isArray(files) ? files : []).length > 2 ? 2 : 1;\n\n    if (files.length) {\n      setFiles(state => state.slice(0, (state.length - deductible)));\n    }\n  };\n\n  return (\n    <>\n      <FileLoaderDescription {...args} files={files} onChange={handleChange} error={error} />\n      <br />\n      <br />\n      <br />\n      <button style={{ padding: '8px', border: '1px solid black' }} onClick={setOuterError}>Set outer error</button>\n      <br />\n      <br />\n      {!!files.length && <button style={{ padding: '8px', border: '1px solid black' }} onClick={changeInitFields}>Change init fields</button>}\n    </>\n  );\n};\n\nexport const FileLoaderDescriptionTemplate = Template.bind({});\n\nFileLoaderDescriptionTemplate.args = {\n  accordionListContent: [\n    {\n      title: 'W2 Income',\n      description:\n        'Most recent paystub(s) covering 30 days OR most recent bank statement reflecting employer deposit(s)',\n    },\n    {\n      title: 'Self-Employment/Contract Income',\n      description: 'Most recent 1099(s) OR most recent tax returns',\n    },\n    {\n      title: 'Retirement income',\n      description: 'Most recent Award letter OR 1099(s) OR W2(s)',\n    },\n    {\n      title: 'Social Security/Disability income',\n      description: 'Most recent award Letter OR most recent bank statement',\n    },\n    {\n      title: 'Rental Income',\n      description: 'Executed Lease Agreement OR most recent tax returns',\n    },\n    {\n      title: 'Alimony /Child Support/Separate Maintenance',\n      description: '6 bank statements reflecting deposits',\n    },\n    {\n      title: 'Investment income',\n      description: 'Most Recent 1099(s) OR Tax Returns',\n    },\n  ],\n  accordionTitle: 'There is a list of documents that we accept:',\n  filesDescription: 'Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.',\n  documentName: 'Document name',\n  testId: 'file-loader-description',\n  className: '',\n  maxFilesCount: undefined,\n  // maxFilesCount: 5,\n  // maxFilesCount: null,\n  isWithoutAccordion: false,\n};\n"],"names":["FileLoaderDescriptionTemplate","global","lng","title","component","FileLoaderDescription","argTypes","accordionListContent","control","type","description","accordionTitle","filesDescription","documentName","onChange","action","testId","className","files","maxFilesCount","isWithoutAccordion","MAX_FILE_SIZE","ACCEPT_EXTENSIONS_DEFAULT","mock","id","value","base64","maxItemSizeBytes","error","isRequired","accept","Template","args","setFiles","useState","setError","handleChange","newFiles","setOuterError","errorValue","changeInitFields","deductible","Array","isArray","length","state","slice","br","button","style","padding","border","onClick","bind","undefined"],"mappings":"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"}