intelicoreact 1.6.22 → 1.6.24

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

@@ -1 +1,94 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=Array(r);t<r;t++)o[t]=e[t];return o}function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function t(r,t){return function(e){if(Array.isArray(e))return e}(r)||function(e,r){var t,o,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw o}}return a}}(r,t)||function(r,t){if(r){if("string"==typeof r)return e(r,t);var o=Object.prototype.toString.call(r).slice(8,-1);if("Object"===o&&r.constructor&&(o=r.constructor.name),"Map"===o||"Set"===o)return Array.from(o);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return e(r,t)}}(r,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as a}from"react";import i from"classnames";import l from"./partial/LoadZone";import s from"./partial/LoadedContent";import"./FileLoader.scss";var c="file-loader";export default function(e){var u,d=e.fieldKey,f=e.value,p=e.disabled,m=e.error,y=e.className,v=e.placeholder,b=e.onChange,h=e.doLoad,I=e.filterFiles,g=e.processErrors,L=e.isBlockNullValues,A=e.isDisableErrorsClass,C=e.uploadIcon,j=e.downloadIcon,k=e.deleteIcon,w=e.spiner,N=e.isIconAfter,x=e.isLinkTypeDownload,D=e.isUseLinkTitle,O=e.attributesOfNativeInput,S=t(a(!1),2),T=S[0],_=S[1],E=t(a(!1),2),F=E[0],U=E[1];return n("div",{className:i(c,y,(r(u={},"".concat(c,"_load-content"),T),r(u,"".concat(c,"_load-zone"),!f),r(u,"".concat(c,"_hover"),F),r(u,"".concat(c,"_disabled"),p),r(u,"".concat(c,"_error"),!(void 0===A||A)&&!!m),u)),children:[T&&w,!h&&"develop error: no doLoad",!!h&&!!f&&o(s,{RC:c,value:f,onDelete:function(){return b(null)},icon:j,isIconAfter:N,deleteIcon:k,isUseLinkTitle:void 0!==D&&D,isLinkTypeDownload:void 0!==x&&x}),!!h&&!f&&o(l,{RC:c,fieldKey:d,onChange:b,icon:C,doLoad:h,dragenter:F,setDragenter:U,setIsLoadContent:_,placeholder:v,filterFiles:I,processErrors:g,isBlockNullValues:L,attributesOfNativeInput:void 0===O?{}:O})]})}
+import React, { useState } from "react";
+
+import cn from "classnames";
+
+import LoadZone from "./partial/LoadZone";
+import LoadedContent from "./partial/LoadedContent";
+
+import "./FileLoader.scss";
+
+const RC = "file-loader";
+
+const FileLoader = (props) => {
+  const {
+    // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
+    fieldKey,
+    // null или структура { name, path, ... остальное по желанию }
+    value,
+    disabled,
+    error,
+
+    className,
+    placeholder,
+
+    onChange,
+    doLoad,
+    filterFiles,
+    processErrors,
+
+    isBlockNullValues,
+    isDisableErrorsClass = true,
+
+    uploadIcon,
+    downloadIcon,
+    deleteIcon,
+    spiner,
+
+    isIconAfter,
+    isLinkTypeDownload = false,
+    isUseLinkTitle = false,
+    attributesOfNativeInput = {},
+  } = props;
+
+  const [isLoadContent, setIsLoadContent] = useState(false);
+  const [dragenter, setDragenter] = useState(false);
+
+  return (
+    <div
+      className={cn(RC, className, {
+        [`${RC}_load-content`]: isLoadContent,
+        [`${RC}_load-zone`]: !value,
+        [`${RC}_hover`]: dragenter,
+        [`${RC}_disabled`]: disabled,
+        [`${RC}_error`]: !isDisableErrorsClass && Boolean(error),
+      })}
+    >
+      {isLoadContent && spiner}
+
+      {!doLoad && "develop error: no doLoad"}
+
+      {Boolean(doLoad) && Boolean(value) && (
+        <LoadedContent
+          RC={RC}
+          value={value}
+          onDelete={() => onChange(null)}
+          icon={downloadIcon}
+          isIconAfter={isIconAfter}
+          deleteIcon={deleteIcon}
+          isUseLinkTitle={isUseLinkTitle}
+          isLinkTypeDownload={isLinkTypeDownload}
+        />
+      )}
+
+      {Boolean(doLoad) && !value && (
+        <LoadZone
+          RC={RC}
+          fieldKey={fieldKey}
+          onChange={onChange}
+          icon={uploadIcon}
+          doLoad={doLoad}
+          dragenter={dragenter}
+          setDragenter={setDragenter}
+          setIsLoadContent={setIsLoadContent}
+          placeholder={placeholder}
+          filterFiles={filterFiles}
+          processErrors={processErrors}
+          isBlockNullValues={isBlockNullValues}
+          attributesOfNativeInput={attributesOfNativeInput}
+        />
+      )}
+    </div>
+  );
+};
+
+export default FileLoader;

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

@@ -1 +1,105 @@
-function e(e,r,n,t,a,o,l){try{var i=e[o](l),u=i.value}catch(e){n(e);return}i.done?r(u):Promise.resolve(u).then(t,a)}function r(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}import{jsx as n,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useEffect as o}from"react";import l from"classnames";import"../FileLoader.scss";var i=function(e){return e.size<=1048576?e:null};export default function(u){var c,s,d=u.RC,f=u.fieldKey,p=u.onChange,v=u.doLoad,g=u.setDragenter,b=u.setIsLoadContent,h=u.icon,m=u.placeholder,y=u.filterFiles,E=void 0===y?i:y,w=u.processErrors,L=u.isBlockNullValues,O=u.attributesOfNativeInput,j="dropZone-".concat(f),P={change:(c=function(e){var r,n,t;return function(e,r){var n,t,a,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return l.next=i(0),l.throw=i(1),l.return=i(2),"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function i(i){return function(u){var c=[i,u];if(n)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(n=1,t&&(a=2&c[0]?t.return:c[0]?t.throw||((a=t.return)&&a.call(t),0):t.next)&&!(a=a.call(t,c[1])).done)return a;switch(t=0,a&&(c=[2&c[0],a.value]),c[0]){case 0:case 1:a=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,t=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(a=(a=o.trys).length>0&&a[a.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!a||c[1]>a[0]&&c[1]<a[3])){o.label=c[1];break}if(6===c[0]&&o.label<a[1]){o.label=a[1],a=c;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(c);break}a[2]&&o.ops.pop(),o.trys.pop();continue}c=r.call(e,o)}catch(e){c=[6,e],t=0}finally{n=a=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(a){switch(a.label){case 0:if(null==b||b(!0),r="change"===e.type?e.target.files[0]:e.dataTransfer.files[0],!E)return[3,2];return[4,E(r)];case 1:return t=a.sent(),[3,3];case 2:t=r,a.label=3;case 3:if(n=t,!(w&&!n))return[3,5];return[4,w(r)];case 4:a.sent(),a.label=5;case 5:if(!(!L||n))return[3,7];return[4,v(n).catch(function(){return null})];case 6:p.apply(void 0,[a.sent()]),a.label=7;case 7:return null==b||b(!1),[2]}})},s=function(){var r=this,n=arguments;return new Promise(function(t,a){var o=c.apply(r,n);function l(r){e(o,t,a,l,i,"next",r)}function i(r){e(o,t,a,l,i,"throw",r)}l(void 0)})},function(e){return s.apply(this,arguments)}),dragover:function(e){return e.stopPropagation(),e.preventDefault(),!1},dragenter:function(e){return e.stopPropagation(),e.preventDefault(),g(!0),!1},dragleave:function(e){return e.stopPropagation(),e.preventDefault(),g(!1),!1},drop:function(e){return e.stopPropagation(),e.preventDefault(),g(!1),P.change(e),!1}};return o(function(){var e=document.getElementById(j);return null==e||e.addEventListener("dragenter",P.dragenter,!1),null==e||e.addEventListener("dragover",P.dragover,!1),null==e||e.addEventListener("dragleave",P.dragleave,!1),null==e||e.addEventListener("drop",P.drop,!1),null==e||e.addEventListener("dragend",P.dragleave,!1),function(){null==e||e.removeEventListener("dragenter",P.dragenter,!1),null==e||e.removeEventListener("dragover",P.dragover,!1),null==e||e.removeEventListener("dragleave",P.dragleave,!1),null==e||e.removeEventListener("drop",P.drop,!1),null==e||e.removeEventListener("dragend",P.dragleave,!1)}},[f,v]),t(a,{children:[h&&n("div",{className:l("".concat(d,"__icon-block")),children:h}),t("label",{id:j,className:l("".concat(d,"__input-label"),r({},"".concat(d,"__input-label_no-icon"),!h)),htmlFor:f,children:[void 0===m?"":m,n("input",function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){r(e,n,t[n])})}return e}({id:f,className:l("".concat(d,"__input")),type:"file",onChange:P.change},void 0===O?{}:O))]})]})}
+import React, { useEffect } from "react";
+
+import cn from "classnames";
+
+import "../FileLoader.scss";
+
+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?.(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?.(false);
+    },
+    dragover: (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    },
+    dragenter: (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(true);
+      return false;
+    },
+    dragleave: (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(false);
+      return false;
+    },
+    drop: (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(false);
+      handle.change(e);
+      return false;
+    },
+  };
+
+  useEffect(() => {
+    const dropbox = document.getElementById(dropZoneId);
+    dropbox?.addEventListener("dragenter", handle.dragenter, false);
+    dropbox?.addEventListener("dragover", handle.dragover, false);
+    dropbox?.addEventListener("dragleave", handle.dragleave, false);
+    dropbox?.addEventListener("drop", handle.drop, false);
+    dropbox?.addEventListener("dragend", handle.dragleave, false);
+
+    return () => {
+      dropbox?.removeEventListener("dragenter", handle.dragenter, false);
+      dropbox?.removeEventListener("dragover", handle.dragover, false);
+      dropbox?.removeEventListener("dragleave", handle.dragleave, false);
+      dropbox?.removeEventListener("drop", handle.drop, false);
+      dropbox?.removeEventListener("dragend", handle.dragleave, false);
+    };
+  }, [fieldKey, doLoad]);
+
+  return (
+    <>
+      {icon && <div className={cn(`${RC}__icon-block`)}>{icon}</div>}
+      <label
+        id={dropZoneId}
+        className={cn(`${RC}__input-label`, {
+          [`${RC}__input-label_no-icon`]: !icon,
+        })}
+        htmlFor={fieldKey}
+      >
+        {placeholder}
+        <input
+          id={fieldKey}
+          className={cn(`${RC}__input`)}
+          type="file"
+          onChange={handle.change}
+          {...attributesOfNativeInput}
+        />
+      </label>
+    </>
+  );
+};
+
+export default LoadZone;

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

@@ -1 +1,67 @@
-function e(e,t,n,r,o,a,c){try{var i=e[a](c),l=i.value}catch(e){n(e);return}i.done?t(l):Promise.resolve(l).then(r,o)}function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},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(n){t(e,n,r[n])})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}import{jsx as o,jsxs as a,Fragment as c}from"react/jsx-runtime";import{useMemo as i}from"react";import l from"classnames";import{downloadFile as u}from"../../../../Functions/utils";import"../FileLoader.scss";export default function(s){var f,p,b=s.RC,y=s.value,m=s.onDelete,d=s.icon,h=s.isIconAfter,v=s.deleteIcon,O=s.isUseLinkTitle,g=s.isLinkTypeDownload,w={download:(f=function(e){return function(e,t){var n,r,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},c=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return c.next=i(0),c.throw=i(1),c.return=i(2),"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function i(i){return function(l){var u=[i,l];if(n)throw TypeError("Generator is already executing.");for(;c&&(c=0,u[0]&&(a=0)),a;)try{if(n=1,r&&(o=2&u[0]?r.return:u[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;switch(r=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return a.label++,{value:u[1],done:!1};case 5:a.label++,r=u[1],u=[0];continue;case 7:u=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===u[0]||2===u[0])){a=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){a.label=u[1];break}if(6===u[0]&&a.label<o[1]){a.label=o[1],o=u;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(u);break}o[2]&&a.ops.pop(),a.trys.pop();continue}u=t.call(e,a)}catch(e){u=[6,e],r=0}finally{n=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}}}(this,function(t){return e.stopPropagation(),e.preventDefault(),u({url:("SPAN"===e.target.tagName||"svg"===e.target.tagName?e.target.parentNode:e.target).href,name:y.name}),[2]})},p=function(){var t=this,n=arguments;return new Promise(function(r,o){var a=f.apply(t,n);function c(t){e(a,r,o,c,i,"next",t)}function i(t){e(a,r,o,c,i,"throw",t)}c(void 0)})},function(e){return p.apply(this,arguments)})},j=i(function(){return r(n({},O?{title:g?"Download ".concat(y.name):y.path}:{},g?{onClick:w.download}:{target:"_blank"}),{key:"LoadedContent-isNotUseLinkTitle-".concat(O,"-isLinkTypeDownload-").concat(g)})},[O,g]);return a(c,{children:[a("a",r(n({},j),{href:y.path,rel:"noreferrer",className:l("".concat(b,"__value-link"),t({},"".concat(b,"__value-link_icon-after"),h)),children:[!h&&d,o("span",{className:l("".concat(b,"__value-name")),children:y.name}),h&&d]})),o("span",{className:l("".concat(b,"__delete-value-button")),onClick:m,children:v||"X"})]})}
+import React, { useMemo } from "react";
+
+import cn from "classnames";
+
+import { downloadFile } from "../../../../Functions/utils";
+
+import "../FileLoader.scss";
+
+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;
+      downloadFile({ url: target.href, name: value.name });
+    },
+  };
+
+  const additionalProps = useMemo(
+    () => ({
+      ...(isUseLinkTitle
+        ? { title: isLinkTypeDownload ? `Download ${value.name}` : value.path }
+        : {}),
+      ...(isLinkTypeDownload
+        ? { onClick: handle.download }
+        : { target: "_blank" }),
+      key: `LoadedContent-isNotUseLinkTitle-${isUseLinkTitle}-isLinkTypeDownload-${isLinkTypeDownload}`,
+    }),
+    [isUseLinkTitle, isLinkTypeDownload],
+  );
+
+  return (
+    <>
+      <a
+        {...additionalProps}
+        href={value.path}
+        rel="noreferrer"
+        className={cn(`${RC}__value-link`, {
+          [`${RC}__value-link_icon-after`]: isIconAfter,
+        })}
+      >
+        {!isIconAfter && icon}
+        <span className={cn(`${RC}__value-name`)}>{value.name}</span>
+        {isIconAfter && icon}
+      </a>
+      <span className={cn(`${RC}__delete-value-button`)} onClick={onDelete}>
+        {deleteIcon || "X"}
+      </span>
+    </>
+  );
+};
+
+export default LoadedContent;

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

@@ -1 +1,247 @@
-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))})]})}
+import React, { useEffect, useMemo, useState } from "react";
+
+import cn from "classnames";
+
+import { clone, compare, getBase64, uuid } from "../../../Functions/utils";
+import AccordionText from "../../UI/AccordionText/AccordionText";
+import FileLoaderLocal from "../FileLoaderLocal/FileLoaderLocal";
+
+import "./FileLoaderDescription.scss";
+
+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) => ({
+  //? Расчет на то, что data донесет свой id и перетрёт пустые велью
+  value: "",
+  base64: "",
+  maxItemSizeBytes: MAX_FILE_SIZE,
+  error: "",
+  isRequired: false,
+  accept: ACCEPT_EXTENSIONS_DEFAULT,
+  ...data,
+});
+
+const accordionData = (accordionTitle, accordionListContent) => {
+  return (
+    <div data-testid="accordion">
+      <div className={`${RC}__accordion-title`}>{accordionTitle}</div>
+      <div className={`${RC}__list`}>
+        {accordionListContent?.map((item) => {
+          return (
+            <div key={item?.title} className={`${RC}__list-row`}>
+              <div className={`${RC}__list-bullet`}></div>
+              <div>
+                <div className={`${RC}__list-title`}>{item.title}</div>
+                <div className={`${RC}__list-descr`}>{item.description}</div>
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+const getSafelyInitFiles = (initFiles, maxFilesCount) => {
+  if (!Array.isArray(initFiles)) return [];
+
+  let output = 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, { ...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 uniqueFileLoaderDescriptionId = `${id || testId || fieldKey || `component-${uuid?.()}`}`;
+  const safelyInitFiles = useMemo(
+    () => getSafelyInitFiles(initFiles, maxFilesCount),
+    [initFiles, maxFilesCount],
+  );
+
+  const [files, setFiles] = useState(
+    (() => {
+      if (!safelyInitFiles.length) return [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 = clone(files)
+        .filter((item) => item.value && item.base64)
+        .map((item) => ({ ...item, error: "" }));
+      const changedField = output.find((item) => id === item.id);
+
+      if (!file) {
+        //? Нет файла - значит это экшн удаления
+        handle.applyFields(
+          output.filter((item) => item.id !== changedField?.id),
+        );
+      } else if (error) {
+        //? Есть ошибка - не должны менять содержание, только назначить ошибку
+        if (changedField)
+          output = output.map((item) =>
+            id.includes(item.id) ? { ...item, error } : item,
+          );
+        //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
+        setFiles(checkOverflow(output, maxFilesCount, { error: !changedField ? error : null }));
+      } else {
+        //? Во всех остальных случаях - происходит добавленеи/изменение содержимого
+        const uniqueFileName = generateUniqueFileName(output, name);
+        const uniqueId = uuid?.();
+
+        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);
+        });
+      }
+    },
+  };
+
+  useEffect(() => {
+    setFiles(checkOverflow(files.filter((item) => item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, { outerError }));
+  }, [outerError]);
+
+  //? Обеспечивает чтобы верхний стейт был доминирующим
+  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles
+  useEffect(() => {
+    //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
+    if (
+      !compare(
+        safelyInitFiles,
+        clone(files).filter((item) => item.id !== UPLOAD_TRIGGER_KEY),
+      )
+    ) {
+      setFiles(checkOverflow(safelyInitFiles, maxFilesCount, { outerError }));
+    }
+  }, [initFiles, maxFilesCount]);
+
+  return (
+    <div
+      id={uniqueFileLoaderDescriptionId}
+      data-testid={RC}
+      className={cn(RC, className)}
+      role="combobox"
+    >
+      {!!documentName && (
+        <span title={documentName} className={`${RC}__title`}>
+        {documentName}
+      </span>
+      )}
+
+
+      {!isWithoutAccordion && (
+        <AccordionText
+          isForcedAlwaysAccordion
+          className={cn(`${RC}__accordion`)}
+          text={accordionData(accordionTitle, accordionListContent)}
+        />
+      )}
+
+      {!!filesDescription && (
+      <span className={`${RC}__file-descr`} title={filesDescription}>
+      {filesDescription}
+      </span>
+      )}
+
+
+      {files.map((field, i) => {
+        return (
+          <FileLoaderLocal
+            className={`${RC}__list-item`}
+            key={`${field.id}-${i}`}
+            fieldId={field.id}
+            id={`loader-${uniqueFileLoaderDescriptionId}-field-${field.id}`}
+            error={field.error}
+            outerError={field.outerError}
+            label={"Upload document"}
+            accept={field.accept}
+            value={field.value}
+            maxItemSizeBytes={field.maxItemSizeBytes}
+            onChange={(value) => handle.change(value)}
+            isRequired={files.length <= 1}
+            isNoTrashIcon={false}
+          />
+        );
+      })}
+    </div>
+  );
+};
+
+export default FileLoaderDescription;