intelicoreact 1.3.22 → 1.3.23

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss

@@ -2,30 +2,39 @@
 
 .dropdown-live-search {
   position: relative;
+
   display: inline-flex;
   flex-direction: column;
+
   width: 100%;
+
   border-radius: 7px;
 
   &__trigger {
     position: relative;
+
     display: block;
     align-items: center;
+
     box-sizing: border-box;
     width: 100%;
     height: 28px;
+
+    font-weight: 400;
     cursor: pointer;
     text-align: left;
-    border: 1px solid #E2E5EC;
+
+    border: 1px solid #e2e5ec;
     border-radius: 3px;
-    background: #FFF;
-    font-weight: 400;
+    background: #fff;
 
     .text {
       display: block;
       overflow: hidden;
+
       max-width: calc(100% - 5px);
       padding: 0 16px 0 8px;
+
       white-space: nowrap;
       text-overflow: ellipsis;
     }
@@ -40,27 +49,32 @@
   }
 
   &__input {
+    box-sizing: border-box;
     width: 100%;
     height: 100%;
     padding: 0 16px 0 8px;
+
+    font-weight: 400;
     text-overflow: ellipsis;
+
     border: none;
     background: none;
-    font-weight: 400;
-    box-sizing: border-box;
   }
 
   &__list {
     position: relative;
     z-index: 6;
     top: 100%;
+
     overflow-y: auto;
+
     box-sizing: border-box;
     min-width: 100%;
     max-height: 320px;
     padding: 5px 0;
-    border: 1px solid #E2E5EC;
-    background: #FFF;
+
+    border: 1px solid #e2e5ec;
+    background: #fff;
     box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
 
     &::-webkit-scrollbar {
@@ -83,44 +97,55 @@
 
     &-item {
       position: relative;
+
       display: flex;
       overflow: hidden;
       align-items: center;
+
       width: 100%;
       height: 24px;
       padding: 0 20px 0 30px;
+
+      font-size: 13px;
+      font-weight: 400;
+      line-height: 24px;
       cursor: pointer;
       white-space: nowrap;
+
       color: $color--dark;
       border: none;
       background: transparent;
-      font-size: 13px;
-      font-weight: 400;
-      line-height: 24px;
 
       &--modal {
         position: relative;
+
         width: 100%;
-        text-align: left;
-        letter-spacing: 0.2px;
-        color: #1F7499;
+
         font-size: 14px;
         line-height: 20px;
+        text-align: left;
+        letter-spacing: 0.2px;
+
+        color: #1f7499;
 
         &::after {
           position: absolute;
           bottom: -2px;
+
           width: 300%;
           height: 1px;
+
           content: "";
+
+          background-color: #e8e9ec;
+
           transform: translateX(-50%);
-          background-color: #E8E9EC;
         }
       }
 
       &--no-options {
-        padding-left: 8px;
         box-sizing: border-box;
+        padding-left: 8px;
       }
 
       &:hover,
@@ -130,6 +155,7 @@
 
       &_disabled {
         pointer-events: none;
+
         opacity: 0.3;
       }
 
@@ -138,9 +164,10 @@
       }
 
       p {
-        text-overflow: ellipsis;
-        white-space: nowrap;
         overflow: hidden;
+
+        white-space: nowrap;
+        text-overflow: ellipsis;
       }
     }
 
@@ -153,10 +180,13 @@
     position: absolute;
     top: 50%;
     right: 4px;
+
     display: flex;
     align-items: center;
+
     width: 16px;
     height: 16px;
+
     transform: translate(0, -50%);
 
     & svg {
@@ -170,8 +200,10 @@
     top: 0;
     bottom: 0;
     left: 9px;
+
     display: none;
     align-items: center;
+
     margin: auto;
 
     &_active {
@@ -187,14 +219,18 @@
   &__container {
     position: absolute;
     z-index: 99999;
+    top: 30px;
+
     display: block;
+
     box-sizing: border-box;
-    top: 30px;
+
     background-color: #ffffff;
   }
 
   &.disabled {
     pointer-events: none;
+
     opacity: 0.5;
   }
 }

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

@@ -12,7 +12,7 @@ var _LoadedContent = _interopRequireDefault(require("./partial/LoadedContent"));
 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 RC = 'file-loader';
+const RC = "file-loader";
 const FileLoader = props => {
   const {
     // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
@@ -46,9 +46,9 @@ const FileLoader = props => {
       ["".concat(RC, "_load-zone")]: !value,
       ["".concat(RC, "_hover")]: dragenter,
       ["".concat(RC, "_disabled")]: disabled,
-      ["".concat(RC, "_error")]: !isDisableErrorsClass && !!error
+      ["".concat(RC, "_error")]: !isDisableErrorsClass && Boolean(error)
     })
-  }, isLoadContent && spiner, !doLoad && 'develop error: no doLoad', !!doLoad && !!value && /*#__PURE__*/_react.default.createElement(_LoadedContent.default, {
+  }, isLoadContent && spiner, !doLoad && "develop error: no doLoad", Boolean(doLoad) && Boolean(value) && /*#__PURE__*/_react.default.createElement(_LoadedContent.default, {
     RC: RC,
     value: value,
     onDelete: () => onChange(null),
@@ -57,7 +57,7 @@ const FileLoader = props => {
     deleteIcon: deleteIcon,
     isUseLinkTitle: isUseLinkTitle,
     isLinkTypeDownload: isLinkTypeDownload
-  }), !!doLoad && !value && /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
+  }), Boolean(doLoad) && !value && /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
     RC: RC,
     fieldKey: fieldKey,
     onChange: onChange,

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

@@ -1,25 +1,25 @@
 // @import '../../scss/main.scss';
 
 .file-loader {
-  overflow: hidden;
   position: relative;
 
   display: flex;
-  align-items: center;
+  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: 1px solid #e2e5ec;
   border-radius: 3px;
-  background-color: #FFF;
+  background-color: #fff;
 
   &_hover {
-    border-color: #6B81DD;
+    border-color: #6b81dd;
     filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
   }
 
@@ -35,40 +35,40 @@
   }
 
   &__value-link {
-    width: calc(100% - 16px);
-
     display: flex;
-    align-items: center;
     flex-flow: row nowrap;
     justify-content: space-between;
+    align-items: center;
 
     box-sizing: border-box;
+    width: calc(100% - 16px);
     height: 100%;
 
-    text-decoration: none;
-
-    color: #166EAD;
-    outline: none;
-
     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;
+      color: #9aa0b9;
     }
   }
 
   &__value-name {
-    width: calc(100% - 20px);
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+
+    width: calc(100% - 20px);
     margin-left: 4px;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
 
   &__value-link_icon-after {
@@ -90,7 +90,7 @@
       width: auto;
       height: 100%;
 
-      color: #F06D8D;
+      color: #f06d8d;
     }
   }
 
@@ -104,7 +104,7 @@
 
     pointer-events: none;
 
-    color: #9AA0B9;
+    color: #9aa0b9;
 
     svg {
       width: auto;
@@ -113,25 +113,23 @@
   }
 
   &__input-label {
+    overflow: hidden;
+
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     padding: 4px 6px 4px 25px;
 
-    cursor: pointer;
-
-    color: #1E1E2D;
-
     font-size: 13px;
     font-weight: 300;
-
     font-style: normal;
     line-height: 20px;
-
-    overflow: hidden;
+    cursor: pointer;
     white-space: nowrap;
     text-overflow: ellipsis;
 
+    color: #1e1e2d;
+
     &_no-icon {
       padding-left: 5px;
     }
@@ -145,21 +143,24 @@
     opacity: 0.2;
 
     .lds-ring.lds-ring_small {
+      top: calc(50% - 10px);
+
       width: 20px;
       height: 20px;
-      top: calc(50% - 10px);
 
       div {
-        border-width: 2px !important;
-        margin: 0;
         top: 0;
         left: 0;
+
+        margin: 0;
+
+        border-width: 2px !important;
       }
     }
   }
 
   &_error {
-    border-color: #F06D8D;
+    border-color: #f06d8d;
   }
 
   &_disabled {

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

@@ -22,7 +22,7 @@ const LoadZone = _ref => {
     setDragenter,
     setIsLoadContent,
     icon,
-    placeholder = '',
+    placeholder = "",
     filterFiles = FILTER_FILES_DEFAULT,
     processErrors,
     isBlockNullValues,
@@ -32,7 +32,7 @@ const LoadZone = _ref => {
   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 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) {
@@ -67,17 +67,17 @@ const LoadZone = _ref => {
   };
   (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);
+    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);
+      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", {

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

@@ -27,7 +27,7 @@ const LoadedContent = props => {
     download: async e => {
       e.stopPropagation();
       e.preventDefault();
-      const target = e.target.tagName === 'SPAN' || e.target.tagName === 'svg' ? e.target.parentNode : e.target;
+      const target = e.target.tagName === "SPAN" || e.target.tagName === "svg" ? e.target.parentNode : e.target;
       (0, _utils.downloadFile)({
         url: target.href,
         name: value.name
@@ -41,7 +41,7 @@ const LoadedContent = props => {
     ...(isLinkTypeDownload ? {
       onClick: handle.download
     } : {
-      target: '_blank'
+      target: "_blank"
     }),
     key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle, "-isLinkTypeDownload-").concat(isLinkTypeDownload)
   }), [isUseLinkTitle, isLinkTypeDownload]);
@@ -56,6 +56,6 @@ const LoadedContent = props => {
   }, value.name), isIconAfter && icon), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__delete-value-button")),
     onClick: onDelete
-  }, deleteIcon || 'X'));
+  }, deleteIcon || "X"));
 };
 var _default = exports.default = LoadedContent;

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

@@ -23,13 +23,13 @@ const FileLoaderLocal = _ref => {
     onChange,
     className,
     value,
-    isNoTrashIcon,
+    isNoTrashIcon = false,
     maxItemSizeBytes,
     testId,
     attributesOfNativeInput = {}
   } = _ref;
   const getFileName = value => {
-    let result = value.match(/[^\\]+$/);
+    const result = value.match(/[^\\]+$/);
     return result === null || result === void 0 ? void 0 : result[0];
   };
   const renderRequiredLabel = () => {
@@ -66,7 +66,7 @@ const FileLoaderLocal = _ref => {
         });
       } else if (!checkExtension(valueExtension)) {
         var _accept$replace;
-        const allowedExtensions = (accept === null || accept === void 0 || (_accept$replace = accept.replace(/\./g, '')) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || 'JPG, PNG, PDF';
+        const allowedExtensions = (accept === null || accept === void 0 || (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
         const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
         onChange({
           id,
@@ -89,18 +89,18 @@ const FileLoaderLocal = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "input--file-loader-local--key-".concat(testId),
-    className: (0, _classnames.default)('file-loader-local', className)
+    className: (0, _classnames.default)("file-loader-local", className)
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     onChange: handle.change,
     className: "file-loader-local__file-input",
-    id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ''),
+    id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ""),
     type: "file",
     name: "file",
     required: isRequired,
     accept: accept
   }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
     className: "file-loader-local__label-box",
-    htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : '')
+    htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : "")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "j4"
   }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
@@ -108,8 +108,8 @@ const FileLoaderLocal = _ref => {
   }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
     className: "file-loader-local__upload-icon"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('file-loader-local__label', {
-      'file-loader-local__label-filled': value
+    className: (0, _classnames.default)("file-loader-local__label", {
+      "file-loader-local__label-filled": value
     })
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "file-loader-local__label-text"

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -1,66 +1,78 @@
 .file-loader-local {
+  position: relative;
+
   display: flex;
   align-items: center;
-  background-color: #FFFFFF;
-  position: relative;
+
   box-sizing: border-box;
   min-height: 50px;
+
   border-radius: 8px;
+  background-color: #ffffff;
   box-shadow: 0px 2px 8px rgb(39 73 113 / 15%);
 
   &__top-label {
     margin-bottom: 16px;
-    font-weight: 400;
+
     font-size: 14px;
+    font-weight: 400;
     line-height: 20px;
     letter-spacing: 0.2px;
     &-extension {
-      color: #757F8C;
+      color: #757f8c;
     }
   }
 
   &__file-input {
+    position: absolute;
+    z-index: -10;
+
     width: 0.1px;
     height: 0.1px;
+
     opacity: 0;
-    position: absolute;
-    z-index: -10;
   }
 
   &__label-box {
-    cursor: pointer;
     display: flex;
-    align-items: center;
-    justify-content: space-between;
     flex-wrap: nowrap;
+    justify-content: space-between;
+    align-items: center;
+
+    box-sizing: border-box;
+    width: 100%;
+    max-height: 50px;
+    padding: 15px 18px 15px 16px;
+
     font-family: Sarabun;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
-    color: #1F7499;
-    padding: 15px 18px 15px 16px;
-    width: 100%;
-    max-height: 50px;
-    box-sizing: border-box;
+    cursor: pointer;
+
+    color: #1f7499;
   }
 
   &__upload-icon {
-    transform: rotate(180deg);
-    min-height: 16px;
-    max-height: 16px;
     min-width: 16px;
     max-width: 16px;
-    stroke-width: 1.5px;
+    min-height: 16px;
+    max-height: 16px;
     margin-right: 8px;
-    color: #A0A4B0;
+
+    color: #a0a4b0;
+
+    transform: rotate(180deg);
+    stroke-width: 1.5px;
   }
 
   &__trash-icon {
-    min-height: 16px;
-    max-height: 16px;
     min-width: 16px;
     max-width: 16px;
-    color: #F06D8D;
+    min-height: 16px;
+    max-height: 16px;
+
+    color: #f06d8d;
   }
 
   &__label {
@@ -69,27 +81,30 @@
   }
 
   &__label-text {
-    white-space: nowrap;
-    word-break: break-word;
     overflow: hidden;
-    text-overflow: ellipsis;
+
     width: 200px;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-break: break-word;
   }
 
   &__label-filled {
-    color: #171D33;
+    color: #171d33;
   }
 
   &__error {
-    color: #F06D8D;
     font-size: 12px;
+
+    color: #f06d8d;
   }
 
   &--required {
-    color: #F06D8D;
+    color: #f06d8d;
   }
 
   &--optional {
-    color: #757F8C;
+    color: #757f8c;
   }
 }