npm - intelicoreact - Versions diffs - 1.8.68 → 2.0.0 - Mend

intelicoreact 1.8.68 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1017) hide show

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

@@ -1,710 +0,0 @@
-@use "../../../scss/vars";
-.dropdown {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  border: 1px solid vars.$color--gray--light;
-  border-radius: vars.$radii-xs;
-  background: vars.$color--light;
-  &--focused {
-    border-color: #6b81dd;
-    filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
-  }
-  &--with-custom-trigger {
-    border: none !important;
-    background: none !important;
-    filter: none !important;
-  }
-  &--with-actions {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  &__actions {
-    display: flex;
-    overflow: hidden;
-    justify-content: center;
-    align-items: center;
-    align-self: stretch;
-    box-sizing: border-box;
-    min-width: 56px;
-    border-radius: 0px 2px 2px 0px;
-    &-item {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      gap: 4px;
-      box-sizing: border-box;
-      min-width: 28px;
-      height: 100%;
-      padding: 4px;
-      cursor: pointer;
-      border-left: 1px solid var(--Border-Input, #e2e5ec);
-      background: var(--Background-Light-action, #f4f6ff);
-    }
-    svg {
-      width: 16px;
-      height: 16px;
-      color: #1e1e2d;
-    }
-  }
-  &__container {
-    position: fixed;
-    z-index: 99999;
-    display: block;
-    box-sizing: border-box;
-  }
-  &__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: none !important;
-    filter: none;
-    .text {
-      overflow: hidden;
-      max-width: calc(100% - 5px);
-      padding: 0 vars.$spacing-m 0 vars.$spacing-s;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-    &.error {
-      border-color: vars.$color--secondary;
-    }
-    &.placeholder .text {
-      opacity: 0.7;
-    }
-    input {
-      box-sizing: border-box;
-    }
-  }
-  &__input {
-    width: 100%;
-    height: 16px;
-    padding: 0 vars.$spacing-m 0 vars.$spacing-s;
-    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: vars.$spacing-xs 0;
-    &-wrapper {
-      position: relative;
-      z-index: 6;
-      top: 100%;
-      box-sizing: border-box;
-      margin-top: vars.$spacing-xs;
-      border: 1px solid vars.$color--gray--light;
-      background: vars.$color--light;
-      box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
-    }
-    &-header {
-      display: none;
-    }
-    &::-webkit-scrollbar {
-      width: 4px;
-    }
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-      background: vars.$color--gray--dark;
-    }
-    &-top {
-      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;
-      width: 100%;
-      min-height: 24px;
-      padding: 0 20px 0 30px;
-      font-size: 13px;
-      font-weight: 400;
-      line-height: 24px;
-      cursor: pointer;
-      white-space: nowrap;
-      color: vars.$color--dark;
-      border: none;
-      background: transparent;
-      &-label {
-        text-align: left;
-        white-space: wrap;
-      }
-      &-description {
-        margin-left: vars.$spacing-xs;
-        color: #757f8c;
-      }
-      &--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;
-      }
-      &:hover,
-      &_active {
-        background: vars.$color--gray--gentle;
-      }
-      &_disabled {
-        pointer-events: none;
-        opacity: 0.3;
-      }
-      &-postfix {
-        margin-left: vars.$spacing-xs;
-      }
-    }
-    &--with-label {
-      top: 45px;
-    }
-  }
-  &__arrow {
-    position: absolute;
-    top: 50%;
-    right: vars.$spacing-xs;
-    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;
-      }
-    }
-  }
-  &-group {
-    margin-top: 10px;
-    &__name {
-      margin-bottom: 6px;
-      margin-left: 17px;
-      font-size: 10px;
-      text-transform: uppercase;
-      color: vars.$color--gray--dark;
-    }
-  }
-  &-label {
-    margin-bottom: vars.$spacing-xs;
-  }
-  &__error {
-    position: absolute;
-    top: 50px;
-    left: 2px;
-    display: block;
-    font-size: 10px;
-    color: vars.$color--secondary;
-  }
-  &__footer {
-    position: relative;
-    z-index: 2;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: 30px;
-    padding: 4px 32px 6px;
-    background: #f8fbff;
-  }
-  &.disabled {
-    pointer-events: none;
-    opacity: 0.5;
-  }
-}
-@keyframes slideup {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@media (max-width: 768px),
-  screen and (max-width: 1024px) and (orientation: landscape) {
-  .dropdown-mobile {
-    .dropdown {
-      &__arrow {
-        top: 50% !important;
-        right: vars.$spacing-m !important;
-        width: 16px;
-        height: 16px;
-        text-align: center;
-        transform: translateY(-50%) rotate(90deg) !important;
-        svg.mobile-icon {
-          position: relative !important;
-          top: 5px !important;
-          right: unset !important;
-          display: flex;
-          height: 12px;
-        }
-      }
-      &__container {
-        overflow: hidden !important;
-        &--opened {
-          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;
-        }
-      }
-      &__container-wrapper {
-        position: fixed;
-        top: 0 !important;
-        left: 0 !important;
-        overflow: hidden !important;
-        box-sizing: border-box;
-        width: 100dvw;
-        height: 100dvh;
-        max-height: 100dvh;
-        padding: vars.$spacing-s;
-        animation-name: slideup;
-        animation-duration: 0.4s;
-      }
-      &__list {
-        top: 0;
-        padding: vars.$spacing-m !important;
-        &-wrapper {
-          position: sticky;
-          bottom: 0;
-          overflow: hidden;
-          box-sizing: border-box;
-          max-height: 500px;
-          border-radius: vars.$spacing-l !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;
-          }
-        }
-        &-header {
-          position: relative;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          gap: vars.$spacing-m;
-          padding: vars.$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: vars.$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: vars.$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;
-          }
-        }
-        &-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: vars.$spacing-m;
-          svg {
-            width: 16px;
-            height: 16px;
-            color: #a0a4b0;
-          }
-        }
-      }
-      &-group {
-        margin: 0 0 vars.$spacing-xs;
-        &:last-child {
-          margin-bottom: vars.$spacing-m;
-        }
-        &__name {
-          margin: 0 0 vars.$spacing-s;
-          padding: 10px 0px 6px;
-          font-size: 11px;
-          border-bottom: 1px solid rgba(58, 72, 122, 0.15);
-        }
-      }
-      &__list-item {
-        display: flex;
-        justify-content: space-between;
-        height: auto !important;
-        padding: 10px vars.$spacing-s !important;
-        line-height: 24px;
-        &-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;
-        }
-      }
-      &__footer {
-        position: absolute;
-        z-index: 4;
-        bottom: 0;
-        display: flex;
-        flex-wrap: nowrap;
-        justify-content: space-between;
-        align-items: center;
-        box-sizing: border-box;
-        height: unset;
-        padding: 0;
-        border: none;
-        background: none;
-        &-with-shadow {
-          &::after {
-            position: absolute;
-            top: -15px;
-            bottom: 0;
-            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;
-            transform: rotate(180deg);
-          }
-          &-hidden::after {
-            opacity: 0;
-          }
-        }
-        button {
-          box-sizing: border-box;
-          width: 100%;
-          padding: 8px 16px;
-        }
-      }
-    }
-  }
-}

package/dist/Atomic/FormElements/Dropdown/_utils.js DELETED Viewed

@@ -1 +0,0 @@

- function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=Array(n);r<n;r++)e[r]=t[r];return e}function n(n){return function(n){if(Array.isArray(n))return t(n)}(n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(n)||function(n,r){if(n){if("string"==typeof n)return t(n,void 0);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(n,r)}}(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0});var r=exports,e={getListContainer:function(){return l},getListContainerWrapper:function(){return a},getParentNode:function(){return c},getPreparedOptionLabel:function(){return f},getSortedOptions:function(){return s},getTotalOptions:function(){return u},moveOtherToEnd:function(){return function t(r){var e=null==r?void 0:r.findIndex(function(t){return(null==t?void 0:t.value)==="other"});if(e>-1){var o=null==r?void 0:r.splice(e,1);r.push.apply(r,n(o))}return r.map(function(n){return n.items&&(n.items=t(n.items)),n})}}};for(var o in e)Object.defineProperty(r,o,{enumerable:!0,get:e[o]});var i=require("../../../Functions/utils");function u(t){var n;return null!=(n=null==t?void 0:t.reduce(function(t,n){if((null==n?void 0:n.list)||(null==n?void 0:n.items)){var r,e;t+=(null==n||null==(r=n.list)?void 0:r.length)||(null==n||null==(e=n.items)?void 0:e.length)||0}else++t;return t},0))?n:0}function l(t){return document.getElementById(t)}function a(t){return document.getElementById("mlw-".concat(t))}function c(t,n){var r,e;return n?t.current:null!=(e=null!=(r=document.querySelector("div#root"))?r:document.querySelector("div#app"))?e:document.querySelector("div#storybook-root")}function f(t,n,r,e,o){var i;return n=null==n?void 0:n.replace(/["&<>]/g,function(t){var n;return null!=(n=({'"':""","&":"&","<":"<",">":">"})[t])?n:""}),(r&&t?null==n?void 0:n.replace(RegExp(null==(i=null==t?void 0:t.toString())?void 0:i.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&"),"i"),function(t){return''.concat(t,"")}):n)+(e?''.concat(e,""):"")+(o?''.concat(o,""):"")}function s(t){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],e=n(t);if(r){var o=e.filter(function(t){return"open_modal"===t.value}),u=e.filter(function(t){return""===t.value}),l=e.filter(function(t){var n=t.value;return"open_modal"!==n&&""!==n}).sort(i.compareAlphabetical);e=n(o).concat(n(u),n(l)).map(function(t){return(null==t?void 0:t.items)&&(t.items=n(t.items).sort(i.compareAlphabetical)),t})}return e}

package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{jsx as r,jsxs as i}from"react/jsx-runtime";import"react";import"./DropdownLoader.scss";export default function(d){var t=d.variant;return r("div",{className:"dropdown-loader-box j5",children:i("div",{className:"lds-ring".concat("little"===(void 0===t?"":t)?" lds-ring_little":""),children:[r("div",{}),r("div",{}),r("div",{}),r("div",{})]})})}