intelicoreact 1.6.25 → 1.6.27

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

@@ -1,94 +1 @@
-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;
+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})]})}

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

@@ -1,105 +1 @@
-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;
+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))]})]})}

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

@@ -1,67 +1 @@
-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;
+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"})]})}

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

@@ -1,247 +1 @@
-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;
+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))})]})}