intelicoreact 1.5.32 → 1.5.34

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

@@ -1,535 +0,0 @@
-@import "../../../scss/vars";
-
-.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-radius: 3px;
-    background: #fff;
-
-    .text {
-      display: block;
-      overflow: hidden;
-
-      max-width: calc(100% - 5px);
-      padding: 0 16px 0 8px;
-
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    &.error {
-      border-color: $color--secondary;
-    }
-
-    &.placeholder .text {
-      opacity: 0.7;
-    }
-  }
-
-  &--focused &__trigger {
-    border-color: #6b81dd;
-    filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
-  }
-
-  &__input {
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    padding: 0 16px 0 8px;
-
-    font-weight: 400;
-    text-overflow: ellipsis;
-
-    border: none;
-    background: none;
-  }
-
-  &__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;
-    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
-
-    &::-webkit-scrollbar {
-      width: 4px;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-      background: $color--gray--dark;
-    }
-
-    &-top {
-      top: auto !important;
-      bottom: calc(100% + 4px);
-    }
-
-    &-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;
-
-      &--modal {
-        position: relative;
-
-        width: 100%;
-
-        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%);
-        }
-      }
-
-      &--no-options {
-        box-sizing: border-box;
-        padding-left: 8px;
-      }
-
-      &:hover,
-      &_active {
-        background: $color--gray--gentle;
-      }
-
-      &_disabled {
-        pointer-events: none;
-
-        opacity: 0.3;
-      }
-
-      &-postfix {
-        margin-left: 5px;
-      }
-
-      p {
-        overflow: hidden;
-
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-
-    &--with-label {
-      top: 45px;
-    }
-  }
-
-  &__arrow {
-    position: absolute;
-    top: 50%;
-    right: 4px;
-
-    display: flex;
-    align-items: center;
-
-    width: 16px;
-    height: 16px;
-
-    transform: translate(0, -50%);
-
-    & svg {
-      width: 16px;
-      height: 16px;
-    }
-  }
-
-  &__active-icon {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 9px;
-
-    display: none;
-    align-items: center;
-
-    margin: auto;
-
-    &_active {
-      display: flex;
-
-      & svg {
-        width: 16px;
-        height: 16px;
-      }
-    }
-  }
-
-  &__container {
-    position: absolute;
-    z-index: 99999;
-    top: 30px;
-
-    display: block;
-
-    box-sizing: border-box;
-
-    background-color: #ffffff;
-  }
-
-  &.disabled {
-    pointer-events: none;
-
-    opacity: 0.5;
-  }
-}
-
-.dropdown-live-search-mobile {
-  .dropdown-live-search__arrow {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transform: rotate(90deg) translateX(-50%);
-    top: 50%;
-
-    svg {
-      width: 12px;
-      height: 12px;
-      color: #9AA0B9;
-    }
-  }
-  .dropdown-live-search__container-wrapper {
-    overflow: hidden !important;
-    position: fixed;
-    top: 0 !important;
-    left: 0 !important;
-
-    width: 100dvw;
-    height: 100dvh;
-    max-height: 100dvh;
-
-    background: rgba(23, 29, 51, 0.5);
-
-    animation-name: fadeIn;
-    animation-duration: 0.25s;
-    animation-timing-function: ease;
-    animation-fill-mode: forwards;
-  }
-
-  .dropdown-live-search__list-wrapper {
-    position: fixed;
-    top: 0 !important;
-    left: 0 !important;
-
-    overflow: hidden !important;
-
-    box-sizing: border-box;
-    width: 100dvw;
-    height: 100dvh;
-    max-height: 100dvh;
-    padding: $spacing-s;
-
-    animation-name: slideup;
-    animation-duration: 0.4s;
-  }
-
-  .dropdown-live-search__container {
-    position: absolute;
-    bottom: $spacing-s;
-    top: auto;
-    z-index: auto;
-    width: calc(100% - calc(2 * $spacing-s));
-    margin: 0;
-    box-sizing: border-box;
-
-    overflow: hidden;
-
-    box-sizing: border-box;
-
-    border-radius: $spacing-l !important;
-    max-height: 500px;
-    // height: 500px !important;
-
-    &--with-bottom-shadow::after {
-      position: absolute;
-      z-index: 6;
-      bottom: 0;
-
-      width: 100%;
-      height: 15px;
-
-      content: "";
-
-      opacity: 1;
-      background: linear-gradient(
-        180deg,
-        rgba(212, 218, 230, 0.5) 0%,
-        rgba(212, 218, 230, 0.3) 21.35%,
-        rgba(247, 248, 250, 0) 100%
-      );
-
-      transition: all 0.2s;
-      transform: rotate(180deg);
-    }
-
-    &--with-bottom-shadow-hidden::after {
-      opacity: 0;
-    }
-
-    &--fixed-height {
-      height: 500px !important;
-    }
-  }
-
-  .dropdown-live-search__list {
-    max-height: 500px;
-    box-shadow: none;
-    padding: 0 16px 16px !important;
-
-    &-header {
-      position: relative;
-
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      gap: $spacing-m;
-
-      padding: $spacing-m;
-
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 24px;
-      letter-spacing: 0.1px;
-
-      color: #3b414b;
-
-      &-row {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-
-        box-sizing: border-box;
-        min-height: 24px;
-
-        &:first-child {
-          padding-right: 50px;
-        }
-
-        .input__wrap {
-          display: flex;
-          align-items: center;
-
-          width: 100%;
-          padding-right: $spacing-s;
-
-          border: 1px solid var(--form-input-border, #e1e8f1);
-          border-radius: 6px;
-          background: var(--black-bg-color, #f8fbff) !important;
-
-          input {
-            background: unset !important;
-          }
-        }
-
-        .input__close {
-          display: flex;
-          align-items: center;
-
-          box-sizing: border-box;
-          width: 24px;
-          min-width: 24px;
-          height: 24px;
-          padding: $spacing-xs;
-
-          border-radius: 2px;
-          background: var(--bg-gray-box, #f0f1f4);
-
-          &::before,
-          &::after {
-            top: 50%;
-
-            height: 12px;
-
-            border-radius: 8px;
-            background-color: #171d33;
-
-            transform: translateY(-50%) rotate(45deg);
-          }
-          &::after {
-            transform: translateY(-50%) rotate(-45deg);
-          }
-        }
-      }
-
-      &-with-shadow::after {
-        position: absolute;
-        z-index: 10;
-        bottom: -15px;
-        left: 0;
-
-        width: 100%;
-        height: 15px;
-
-        content: "";
-
-        opacity: 1;
-        background: linear-gradient(
-          180deg,
-          rgba(212, 218, 230, 0.5) 0%,
-          rgba(212, 218, 230, 0.3) 21.35%,
-          rgba(247, 248, 250, 0) 100%
-        );
-
-        transition: all 0.2s;
-      }
-
-      &-with-shadow-hidden::after {
-        opacity: 0;
-      }
-
-      .dropdown-live-search__input {
-        display: flex;
-        align-items: center;
-    
-        width: 100%;
-        height: 28px;
-        padding-right: $spacing-s;
-    
-        border: 1px solid var(--form-input-border, #e1e8f1);
-        border-radius: 6px;
-        background: var(--black-bg-color, #f8fbff) !important;
-    
-        input {
-          background: unset !important;
-        }
-      }
-    }
-
-    &-close-icon {
-      position: absolute;
-      top: 0;
-      right: 0;
-
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      box-sizing: border-box;
-      width: 50px;
-      height: 50px;
-      padding: $spacing-m;
-
-      svg {
-        width: 16px;
-        height: 16px;
-
-        color: #a0a4b0;
-      }
-    }
-
-    &-item {
-      display: flex;
-      justify-content: space-between;
-
-      height: auto !important;
-      padding: 10px $spacing-s !important;
-
-      line-height: 24px;
-
-      p {
-        margin: 0;
-      }
-
-      &-label {
-        white-space: wrap !important;
-
-        span.bg--yellow {
-          font-weight: 600;
-
-          background-color: unset !important;
-        }
-      }
-
-      &_active {
-        border-radius: 6px;
-        background: var(--bg-gray-box, #f0f1f4) !important;
-      }
-    }
-  }
-}
-
-@keyframes slideup {
-  from {
-    transform: translateY(100%);
-  }
-
-  to {
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}

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

@@ -1,76 +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 _LoadZone = _interopRequireDefault(require("./partial/LoadZone"));
-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 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] = (0, _react.useState)(false);
-  const [dragenter, setDragenter] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_load-content")]: isLoadContent,
-      ["".concat(RC, "_load-zone")]: !value,
-      ["".concat(RC, "_hover")]: dragenter,
-      ["".concat(RC, "_disabled")]: disabled,
-      ["".concat(RC, "_error")]: !isDisableErrorsClass && Boolean(error)
-    })
-  }, isLoadContent && spiner, !doLoad && "develop error: no doLoad", Boolean(doLoad) && Boolean(value) && /*#__PURE__*/_react.default.createElement(_LoadedContent.default, {
-    RC: RC,
-    value: value,
-    onDelete: () => onChange(null),
-    icon: downloadIcon,
-    isIconAfter: isIconAfter,
-    deleteIcon: deleteIcon,
-    isUseLinkTitle: isUseLinkTitle,
-    isLinkTypeDownload: isLinkTypeDownload
-  }), Boolean(doLoad) && !value && /*#__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,
-    attributesOfNativeInput: attributesOfNativeInput
-  }));
-};
-var _default = exports.default = FileLoader;