intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/FormElements/FileLoader/FileLoader.scss

@@ -1,171 +0,0 @@
-// @import '../../scss/main.scss';
-
-.file-loader {
-  position: relative;
-
-  display: flex;
-  overflow: hidden;
-  flex-flow: row nowrap;
-  justify-content: space-between;
-  align-items: center;
-
-  box-sizing: border-box;
-  width: 100%;
-  height: 28px;
-  padding: 4px 6px 4px 5px;
-
-  border: 1px solid #e2e5ec;
-  border-radius: 3px;
-  background-color: #fff;
-
-  &_hover {
-    border-color: #6b81dd;
-    filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
-  }
-
-  &_load-zone {
-    padding: 0;
-  }
-
-  &_load-content {
-    pointer-events: none;
-    .file-loader__input-label {
-      opacity: 0.5;
-    }
-  }
-
-  &__value-link {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-    align-items: center;
-
-    box-sizing: border-box;
-    width: calc(100% - 16px);
-    height: 100%;
-
-    font-size: 13px;
-    font-weight: 400;
-    font-style: normal;
-    line-height: 20px;
-    text-decoration: none;
-
-    color: #166ead;
-    outline: none;
-
-    svg {
-      width: 16px;
-      height: 16px;
-
-      color: #9aa0b9;
-    }
-  }
-
-  &__value-name {
-    overflow: hidden;
-
-    width: calc(100% - 20px);
-    margin-left: 4px;
-
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &__value-link_icon-after {
-    .file-loader__value-name {
-      margin-right: 4px;
-      margin-left: 0;
-    }
-  }
-
-  &__delete-value-button {
-    width: 16px;
-    min-width: 16px;
-    height: 16px;
-    min-height: 16px;
-
-    cursor: pointer;
-
-    svg {
-      width: auto;
-      height: 100%;
-
-      color: #f06d8d;
-    }
-  }
-
-  &__icon-block {
-    position: absolute;
-    top: calc(50% - 8px);
-    left: 5px;
-
-    width: 16px;
-    height: 16px;
-
-    pointer-events: none;
-
-    color: #9aa0b9;
-
-    svg {
-      width: auto;
-      height: 100%;
-    }
-  }
-
-  &__input-label {
-    overflow: hidden;
-
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    padding: 4px 6px 4px 25px;
-
-    font-size: 13px;
-    font-weight: 300;
-    font-style: normal;
-    line-height: 20px;
-    cursor: pointer;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-
-    color: #1e1e2d;
-
-    &_no-icon {
-      padding-left: 5px;
-    }
-  }
-
-  &__input {
-    display: none;
-  }
-
-  .loader-box {
-    opacity: 0.2;
-
-    .lds-ring.lds-ring_small {
-      top: calc(50% - 10px);
-
-      width: 20px;
-      height: 20px;
-
-      div {
-        top: 0;
-        left: 0;
-
-        margin: 0;
-
-        border-width: 2px !important;
-      }
-    }
-  }
-
-  &_error {
-    border-color: #f06d8d;
-  }
-
-  &_disabled {
-    pointer-events: none;
-
-    opacity: 0.5;
-  }
-}

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

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("../FileLoader.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
-const FILTER_FILES_DEFAULT = file => file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
-const LoadZone = _ref => {
-  let {
-    RC,
-    fieldKey,
-    onChange,
-    doLoad,
-    setDragenter,
-    setIsLoadContent,
-    icon,
-    placeholder = "",
-    filterFiles = FILTER_FILES_DEFAULT,
-    processErrors,
-    isBlockNullValues,
-    attributesOfNativeInput = {}
-  } = _ref;
-  const dropZoneId = "dropZone-".concat(fieldKey);
-  const handle = {
-    change: async e => {
-      setIsLoadContent === null || setIsLoadContent === 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 || 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;
-    }
-  };
-  (0, _react.useEffect)(() => {
-    const dropbox = document.getElementById(dropZoneId);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragenter", handle.dragenter, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragover", handle.dragover, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragleave", handle.dragleave, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("drop", handle.drop, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragend", handle.dragleave, false);
-    return () => {
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragenter", handle.dragenter, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragover", handle.dragover, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragleave", handle.dragleave, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("drop", handle.drop, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragend", handle.dragleave, false);
-    };
-  }, [fieldKey, doLoad]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__icon-block"))
-  }, icon), /*#__PURE__*/_react.default.createElement("label", {
-    id: dropZoneId,
-    className: (0, _classnames.default)("".concat(RC, "__input-label"), {
-      ["".concat(RC, "__input-label_no-icon")]: !icon
-    }),
-    htmlFor: fieldKey
-  }, placeholder, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    id: fieldKey,
-    className: (0, _classnames.default)("".concat(RC, "__input")),
-    type: "file",
-    onChange: handle.change
-  }, attributesOfNativeInput))));
-};
-var _default = exports.default = LoadZone;

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

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../../Functions/utils");
-require("../FileLoader.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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
-      });
-    }
-  };
-  const additionalProps = (0, _react.useMemo)(() => ({
-    ...(isUseLinkTitle ? {
-      title: isLinkTypeDownload ? "Download ".concat(value.name) : value.path
-    } : {}),
-    ...(isLinkTypeDownload ? {
-      onClick: handle.download
-    } : {
-      target: "_blank"
-    }),
-    key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle, "-isLinkTypeDownload-").concat(isLinkTypeDownload)
-  }), [isUseLinkTitle, isLinkTypeDownload]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, additionalProps, {
-    href: value.path,
-    rel: "noreferrer",
-    className: (0, _classnames.default)("".concat(RC, "__value-link"), {
-      ["".concat(RC, "__value-link_icon-after")]: isIconAfter
-    })
-  }), !isIconAfter && icon, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__value-name"))
-  }, value.name), isIconAfter && icon), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("".concat(RC, "__delete-value-button")),
-    onClick: onDelete
-  }, deleteIcon || "X"));
-};
-var _default = exports.default = LoadedContent;

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

@@ -1,210 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../Functions/utils");
-var _AccordionText = _interopRequireDefault(require("../../UI/AccordionText/AccordionText"));
-var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
-require("./FileLoaderDescription.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "accordion"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__accordion-title")
-  }, accordionTitle), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__list")
-  }, accordionListContent === null || accordionListContent === void 0 ? void 0 : accordionListContent.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item === null || item === void 0 ? void 0 : item.title,
-      className: "".concat(RC, "__list-row")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(RC, "__list-bullet")
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(RC, "__list-title")
-    }, item.title), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(RC, "__list-descr")
-    }, item.description)));
-  })));
-};
-const getSafelyInitFiles = (initFiles, maxFilesCount) => {
-  if (!Array.isArray(initFiles)) return [];
-  let output = (0, _utils.clone)(initFiles);
-  if (typeof maxFilesCount === 'number' && output.length > maxFilesCount) {
-    output = output.slice(0, maxFilesCount);
-  }
-  return output.map(getStructure);
-};
-const checkOverflow = (files, maxFilesCount, additional) => {
-  const {
-    error = "",
-    outerError = ""
-  } = additional || {};
-  return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [...files, {
-    ...(0, _utils.clone)(uploadTriggerStucture),
-    error,
-    outerError
-  }] : files;
-};
-const FileLoaderDescription = _ref => {
-  let {
-    //? Для корректности работы стоит пробрасывать какой-то из 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
-  } = _ref;
-  const uniqueFileLoaderDescriptionId = "".concat(id || testId || fieldKey || "component-".concat(_utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)()));
-  const safelyInitFiles = (0, _react.useMemo)(() => getSafelyInitFiles(initFiles, maxFilesCount), [initFiles, maxFilesCount]);
-  const [files, setFiles] = (0, _react.useState)((() => {
-    if (!safelyInitFiles.length) return [(0, _utils.clone)(uploadTriggerStucture)];
-    return checkOverflow(safelyInitFiles, maxFilesCount);
-  })());
-  const generateUniqueFileName = (files, name) => {
-    let fileName = name;
-    const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
-    let count = 1;
-    while (files.some(file => file.value === fileName)) {
-      fileName = "".concat(nameWithoutExtension, "(").concat(count, ")").concat(extension);
-      count += 1;
-    }
-    return fileName;
-  };
-  const handle = {
-    applyFields: newFields => {
-      setFiles(checkOverflow(newFields, maxFilesCount));
-      onChange(newFields);
-    },
-    change: _ref2 => {
-      let {
-        name,
-        id,
-        error = "",
-        file
-      } = _ref2;
-      //? Работаем с филдами БЕЗ плашки добавления
-      let output = (0, _utils.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 === null || changedField === void 0 ? void 0 : 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 = _utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)();
-        (0, _utils.getBase64)(file).then(result => {
-          const newItem = getStructure({
-            id: uniqueId,
-            value: uniqueFileName,
-            base64: result,
-            error: ""
-          });
-          //? Либо меняем, либо добавляем
-          output = changedField ? output.map(item => item.id === changedField.id ? newItem : item) : [...output, newItem];
-          handle.applyFields(output);
-        });
-      }
-    }
-  };
-  (0, _react.useEffect)(() => {
-    setFiles(checkOverflow(files.filter(item => item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, {
-      outerError
-    }));
-  }, [outerError]);
-
-  //? Обеспечивает чтобы верхний стейт был доминирующим
-  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles
-  (0, _react.useEffect)(() => {
-    //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
-    if (!(0, _utils.compare)(safelyInitFiles, (0, _utils.clone)(files).filter(item => item.id !== UPLOAD_TRIGGER_KEY))) {
-      setFiles(checkOverflow(safelyInitFiles, maxFilesCount, {
-        outerError
-      }));
-    }
-  }, [initFiles, maxFilesCount]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: uniqueFileLoaderDescriptionId,
-    "data-testid": RC,
-    className: (0, _classnames.default)(RC, className),
-    role: "combobox"
-  }, !!documentName && /*#__PURE__*/_react.default.createElement("span", {
-    title: documentName,
-    className: "".concat(RC, "__title")
-  }, documentName), !isWithoutAccordion && /*#__PURE__*/_react.default.createElement(_AccordionText.default, {
-    isForcedAlwaysAccordion: true,
-    className: (0, _classnames.default)("".concat(RC, "__accordion")),
-    text: accordionData(accordionTitle, accordionListContent)
-  }), !!filesDescription && /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(RC, "__file-descr"),
-    title: filesDescription
-  }, filesDescription), files.map((field, i) => {
-    return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
-      className: "".concat(RC, "__list-item"),
-      key: "".concat(field.id, "-").concat(i),
-      fieldId: field.id,
-      id: "loader-".concat(uniqueFileLoaderDescriptionId, "-field-").concat(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
-    });
-  }));
-};
-var _default = exports.default = FileLoaderDescription;

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.scss

@@ -1,79 +0,0 @@
-.file-loader-description {
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  row-gap: 8px;
-
-  &__title {
-    color: var(--color-text-subtle, #171D33);
-    font-family: Sarabun;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 20px;
-    letter-spacing: 0.2px;
-  }
-
-  &__accordion {
-    overflow: hidden;
-  }
-
-  &__file-descr {
-    color: var(--color-text-muted, #656E7A);
-    font-family: Sarabun;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 18px;
-    letter-spacing: 0.2px;
-  }
-
-  &__list-row {
-    display:flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: flex-start;
-    column-gap: 8px;
-  }
-  &__list-bullet {
-    min-width: 6px;
-    min-height: 6px;
-    margin-top: 7px;
-
-    border-radius: 50%;
-    background: var(--color-text-body, #171D33);
-  }
-
-  &__accordion-title {
-    color: var(--color-text-body, #171D33);
-    text-overflow: ellipsis;
-    font-family: Sarabun;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 18px;
-    letter-spacing: 0.2px;
-  }
-
-  &__list-title {
-    color: #171D33;
-    font-family: Sarabun;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 18px;
-    letter-spacing: 0.2px;
-  }
-
-  &__list-descr {
-    color: var(--color-text-subtle, #171D33);
-    font-family: Sarabun;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 18px;
-    letter-spacing: 0.2px;
-  }
-
-}