intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -1,44 +1,57 @@
 @import "../../../scss/vars";
 
 .dropdown {
+  position: relative;
+
   display: inline-flex;
   flex-direction: column;
-  position: relative;
+
   width: 100%;
+
   border-radius: 7px;
 
   &__container {
-    display: block;
     position: fixed;
     z-index: 99999;
+
+    display: block;
+
     box-sizing: border-box;
   }
 
   &__trigger {
-    background: #ffffff;
-    border: 1px solid #e2e5ec;
+    position: relative;
+
+    display: block;
+    align-items: center;
+
     box-sizing: border-box;
-    border-radius: 3px;
     width: 100%;
     height: 28px;
-    align-items: center;
+
     cursor: pointer;
-    font-weight: 400;
-    display: block;
-    position: relative;
     text-align: left;
 
+    border: 1px solid #E2E5EC;
+    border-radius: 3px;
+    background: #FFF;
+
+    font-weight: 400;
+
     .text {
+      overflow: hidden;
+
+      max-width: calc(100% - 5px);
       padding: 0 16px 0 8px;
+
       white-space: nowrap;
-      overflow: hidden;
       text-overflow: ellipsis;
-      max-width: calc(100% - 5px);
     }
 
     &.error {
       border-color: $color--secondary;
     }
+
     &.placeholder .text {
       opacity: 0.7;
     }
@@ -46,26 +59,32 @@
 
   &__input {
     width: 100%;
-    background: none;
-    border: none;
     height: 16px;
+
     text-overflow: ellipsis;
+
+    border: none;
+    background: none;
+
     font-weight: 400;
   }
 
   &__list {
-    box-sizing: border-box;
     position: relative;
-    background: #ffffff;
-    border: 1px solid #e2e5ec;
-    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
+    z-index: 6;
+    top: 100%;
+
+    overflow-y: auto;
+
+    box-sizing: border-box;
     min-width: 100%;
+    max-height: 320px;
     margin-top: 4px;
     padding: 5px 0;
-    max-height: 320px;
-    overflow-y: auto;
-    top: 100%;
-    z-index: 6;
+
+    border: 1px solid #E2E5EC;
+    background: #FFF;
+    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
 
     &::-webkit-scrollbar {
       width: 4px;
@@ -76,62 +95,79 @@
     }
 
     &::-webkit-scrollbar-thumb {
-      background: $color--gray--dark;
       border-radius: 4px;
+      background: $color--gray--dark;
     }
 
     &-top {
-      bottom: calc(100% + 4px);
       top: auto;
+      bottom: calc(100% + 4px);
+
       box-shadow: 0 -3px 10px rgb(0 0 0 / 15%);
     }
 
     &-item {
+      position: relative;
+
       display: flex;
+      overflow: hidden;
       align-items: center;
-      border: none;
-      background: transparent;
+
+      width: 100%;
+      height: 24px;
       padding: 0 20px 0 30px;
-      position: relative;
+
       cursor: pointer;
+      white-space: nowrap;
+
       color: $color--dark;
+      border: none;
+      background: transparent;
+
       font-size: 13px;
       font-weight: 400;
       line-height: 24px;
-      width: 100%;
-      height: 24px;
-      white-space: nowrap;
-      overflow: hidden;
 
       &--modal {
-        color: #1f7499;
-        font-size: 14px;
-        line-height: 20px;
-        letter-spacing: 0.2px;
         position: relative;
+
         width: 100%;
+
         text-align: left;
+        letter-spacing: 0.2px;
 
-        &:after {
-          content: "";
+        color: #1F7499;
+
+        font-size: 14px;
+        line-height: 20px;
+
+        &::after {
           position: absolute;
           bottom: -2px;
-          height: 1px;
+
           width: 300%;
+          height: 1px;
+
+          content: "";
           transform: translateX(-50%);
-          background-color: #e8e9ec;
+
+          background-color: #E8E9EC;
         }
       }
+
       &--no-options {
         box-sizing: border-box;
       }
+
       &:hover,
       &_active {
         background: $color--gray--gentle;
       }
+
       &_disabled {
-        opacity: 0.3;
         pointer-events: none;
+
+        opacity: 0.3;
       }
 
       &-postfix {
@@ -145,13 +181,16 @@
   }
 
   &__arrow {
+    position: absolute;
+    top: 50%;
+    right: 4px;
+
     display: flex;
     align-items: center;
+
     width: 16px;
     height: 16px;
-    position: absolute;
-    right: 4px;
-    top: 50%;
+
     transform: translate(0, -50%);
 
     & svg {
@@ -161,13 +200,15 @@
   }
 
   &__active-icon {
-    align-items: center;
     position: absolute;
-    left: 9px;
     top: 0;
     bottom: 0;
-    margin: auto;
+    left: 9px;
+
     display: none;
+    align-items: center;
+
+    margin: auto;
 
     &_active {
       display: flex;
@@ -181,12 +222,16 @@
 
   &-group {
     margin-top: 10px;
+
     &__name {
-      font-size: 10px;
-      color: $color--gray--dark;
-      text-transform: uppercase;
-      margin-left: 17px;
       margin-bottom: 6px;
+      margin-left: 17px;
+
+      text-transform: uppercase;
+
+      color: $color--gray--dark;
+
+      font-size: 10px;
     }
   }
 
@@ -195,16 +240,20 @@
   }
 
   &__error {
+    position: absolute;
     top: 50px;
     left: 2px;
-    position: absolute;
+
     display: block;
-    font-size: 10px;
+
     color: $color--secondary;
+
+    font-size: 10px;
   }
 
   &.disabled {
     pointer-events: none;
+
     opacity: 0.5;
   }
 }

package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss

@@ -1,56 +1,74 @@
 @mixin fill-parent {
-  left: 0;
   top: 0;
+  left: 0;
+
   width: 100%;
   height: 100%;
 }
 
 .dropdown-loader-box {
   position: absolute;
-  @include fill-parent;
-  background: #fff;
-  opacity: 0.1;
   z-index: 100;
+
+  opacity: 0.1;
+  background: #FFF;
+
+  @include fill-parent;
 }
+
 .lds-ring {
-  display: inline-block;
   position: relative;
+
+  display: inline-block;
+
   width: 100px;
   height: 100px;
 }
+
 .lds-ring.lds-ring_little {
   width: 20px;
   height: 20px;
 }
+
 .lds-ring div {
-  box-sizing: border-box;
-  display: block;
   position: absolute;
+
+  display: block;
+
+  box-sizing: border-box;
   width: 84px;
   height: 84px;
   margin: 8px;
+
+  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+
   border: 8px solid #000;
+  border-color: #000 transparent transparent;
   border-radius: 50%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #000 transparent transparent transparent;
 }
+
 .lds-ring_little div {
   width: 20px;
   height: 20px;
 }
+
 .lds-ring div:nth-child(1) {
   animation-delay: -0.45s;
 }
+
 .lds-ring div:nth-child(2) {
   animation-delay: -0.3s;
 }
+
 .lds-ring div:nth-child(3) {
   animation-delay: -0.15s;
 }
+
 @keyframes lds-ring {
   0% {
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }

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

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _LoadZone = _interopRequireDefault(require("./partial/LoadZone"));
+
+var _LoadedContent = _interopRequireDefault(require("./partial/LoadedContent"));
+
+require("./FileLoader.scss");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RC = 'file-loader';
+
+var FileLoader = function FileLoader(props) {
+  var _cn;
+
+  var fieldKey = props.fieldKey,
+      value = props.value,
+      onChange = props.onChange,
+      doLoad = props.doLoad,
+      className = props.className,
+      placeholder = props.placeholder,
+      uploadIcon = props.uploadIcon,
+      downloadIcon = props.downloadIcon,
+      deleteIcon = props.deleteIcon,
+      spiner = props.spiner,
+      isIconAfter = props.isIconAfter,
+      isBlockNullValues = props.isBlockNullValues,
+      filterFiles = props.filterFiles,
+      processErrors = props.processErrors,
+      _props$isUseLinkTitle = props.isUseLinkTitle,
+      isUseLinkTitle = _props$isUseLinkTitle === void 0 ? false : _props$isUseLinkTitle,
+      disabled = props.disabled,
+      error = props.error,
+      _props$isDisableError = props.isDisableErrorsClass,
+      isDisableErrorsClass = _props$isDisableError === void 0 ? true : _props$isDisableError;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isLoadContent = _useState2[0],
+      setIsLoadContent = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      dragenter = _useState4[0],
+      setDragenter = _useState4[1];
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_load-content"), isLoadContent), (0, _defineProperty2.default)(_cn, "".concat(RC, "_load-zone"), !value), (0, _defineProperty2.default)(_cn, "".concat(RC, "_hover"), dragenter), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), (0, _defineProperty2.default)(_cn, "".concat(RC, "_error"), !isDisableErrorsClass && !!error), _cn))
+  }, isLoadContent && spiner, value ? /*#__PURE__*/_react.default.createElement(_LoadedContent.default, {
+    RC: RC,
+    value: value,
+    onDelete: function onDelete() {
+      return onChange(null);
+    },
+    icon: downloadIcon,
+    isIconAfter: isIconAfter,
+    deleteIcon: deleteIcon,
+    isUseLinkTitle: isUseLinkTitle
+  }) : /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
+    RC: RC,
+    fieldKey: fieldKey,
+    onChange: onChange,
+    icon: uploadIcon,
+    doLoad: doLoad,
+    dragenter: dragenter,
+    setDragenter: setDragenter,
+    setIsLoadContent: setIsLoadContent,
+    placeholder: placeholder,
+    filterFiles: filterFiles,
+    processErrors: processErrors,
+    isBlockNullValues: isBlockNullValues
+  }));
+};
+
+var _default = FileLoader;
+exports.default = _default;

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

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

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

@@ -0,0 +1,9 @@
+.any-outer-class__file-loader {
+  font-family: 'Roboto';
+
+  .file-loader__icon-block {
+    svg {
+      transform: rotate(180deg);
+    }
+  }
+}