intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -157,7 +157,7 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
   };
 
   var modelsForSwitch = (0, _react.useMemo)(function () {
-    return !!getTabData(tab) ? ['finturfChartBar', 'finturfChartLine'] : ['finturfLoadingModeBar', 'finturfLoadingModeLine'];
+    return getTabData(tab) ? ['finturfChartBar', 'finturfChartLine'] : ['finturfLoadingModeBar', 'finturfLoadingModeLine'];
   }, [!!getTabData(tab)]);
 
   var handleChangeChartType = function handleChangeChartType(model) {

package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss

@@ -1,13 +1,14 @@
-@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');
+@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
 
 .example-wrapper {
   max-width: 850px;
-  
+
   .buttons-block {
-    width: 100%;
-    margin-top: 50px;
     display: flex;
     flex-flow: row nowrap;
+
+    width: 100%;
+    margin-top: 50px;
   }
 
   .tab-button {
@@ -15,6 +16,7 @@
     height: 40px;
 
     margin-right: 20px;
+
     border: 1px solid black;
 
     &:last-child {
@@ -29,35 +31,42 @@
   .chart:not(.chart_icon-mode) {
     max-width: 806px;
 
-    background: #FFFFFF;
-    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.05);
     border-radius: 16px;
+
+    background: #FFF;
+    box-shadow: 0 16px 24px rgb(0 0 0 / 5%);
   }
 
   .chart__description-title {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 24px;
     letter-spacing: 0.1px;
+
     color: #3B414B;
-    font-family: 'Sarabun';
+
+    font-family: Sarabun, sans-serif;
+    font-size: 16px;
+    font-weight: 600;
+    font-style: normal;
+    line-height: 24px;
   }
 
   .chart__description-value {
     span {
-      font-style: normal;
-      font-weight: 600;
-      font-size: 20px;
-      line-height: 30px;
       letter-spacing: 0.359794px;
+
       color: #3B414B;
 
+      font-size: 20px;
+      font-weight: 600;
+      font-style: normal;
+      line-height: 30px;
+
       &:last-child {
-        font-size: 14px;
-        line-height: 20px;
         letter-spacing: 0.2px;
+
         color: #757F8C;
+
+        font-size: 14px;
+        line-height: 20px;
       }
     }
   }

package/dist/Atomic/UI/Hint/Hint.js

@@ -25,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
+var time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, '_');
 
 var Hint = function Hint(_ref) {
   var _ref2;
@@ -88,12 +88,12 @@ var Hint = function Hint(_ref) {
     var hc = getHintContainer();
     if (!hc || !isOpen) return false;
 
-    var _hintRef$current$getB = hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect(),
-        width = _hintRef$current$getB.width,
-        height = _hintRef$current$getB.height,
-        left = _hintRef$current$getB.left,
-        top = _hintRef$current$getB.top,
-        bottom = _hintRef$current$getB.bottom;
+    var _ref3 = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current.getBoundingClientRect()) || {},
+        width = _ref3.width,
+        height = _ref3.height,
+        left = _ref3.left,
+        top = _ref3.top,
+        bottom = _ref3.bottom;
 
     var sw = hc.getElementsByClassName('hint__text')[0];
     var swHeight = sw === null || sw === void 0 ? void 0 : (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;

package/dist/Atomic/UI/Hint/Hint.scss

@@ -1,17 +1,22 @@
 .hint {
   position: relative;
+
   display: inline-block;
+
   font-size: 0;
 
   &__container {
-    display: block;
     position: fixed;
     z-index: 99999;
+
+    display: block;
+
     box-sizing: border-box;
   }
 
   &__button {
     display: flex;
+
     cursor: pointer;
 
     svg {
@@ -22,53 +27,62 @@
 
     &:hover,
     &_active {
-      color: #6b81dd;
+      color: #6B81DD;
 
       svg {
-        color: #6b81dd;
+        color: #6B81DD;
       }
     }
   }
 
   &__text {
     position: absolute;
-    background-color: #6b81dd;
-    color: #fff;
-    font-size: 10px;
-    line-height: 16px;
-    border-radius: 4px;
-    max-width: 250px;
+    z-index: 1;
+
     min-width: 80px;
+    max-width: 250px;
     padding: 8px;
-    z-index: 1;
+
+    color: #FFF;
+    border-radius: 4px;
+    background-color: #6B81DD;
+
+    font-size: 10px;
+    line-height: 16px;
 
     a {
-      color: #fff;
       text-decoration: underline;
+
+      color: #FFF;
     }
 
-    &:before {
-      content: "";
+    &::before {
       position: absolute;
+
       width: 8.5px;
       height: 8.5px;
-      background-color: #6b81dd;
+
+      content: "";
       transform: rotate(45deg);
+
+      background-color: #6B81DD;
     }
 
     &_bottom {
       top: 26px;
       left: -4px;
-      &:before {
-        left: 8px;
+
+      &::before {
         top: -4.25px;
+        left: 8px;
       }
     }
 
     &_right {
       top: -4px;
       left: 24px;
-      &:before {
+
+      &::before {
         top: 8px;
         left: -4.25px;
       }
@@ -77,7 +91,8 @@
     &_left {
       top: -4px;
       right: 28px;
-      &:before {
+
+      &::before {
         top: 8px;
         right: -4.25px;
       }
@@ -86,18 +101,19 @@
     &_top {
       bottom: 8px;
       left: -4px;
-      &:before {
-        left: 8px;
+
+      &::before {
         bottom: -4.25px;
+        left: 8px;
       }
     }
   }
 
   &__icon.outlined {
-    color: #9aa0b9;
+    color: #9AA0B9;
   }
 
   &__icon.filled {
-    color: #fff;
+    color: #FFF;
   }
 }

package/dist/Atomic/UI/Modal/Modal.scss

@@ -1,64 +1,77 @@
-@import '../../../scss/_vars';
-@import '../../../scss/mixins';
+@import "../../../scss/_vars";
+@import "../../../scss/mixins";
 
 .modal-overlay {
   position: fixed;
+  z-index: 4;
   top: 0;
   left: 0;
+
   width: 100%;
   height: 100%;
+
   transition: opacity 0.2s ease;
-  background-color: black;
+
   opacity: 0.5;
-  z-index: 4;
+  background-color: black;
 }
 
 .modal {
+  position: relative;
+  z-index: 5;
+
   display: flex;
   flex-direction: column;
+
   width: 600px;
   margin: 0 10px;
-  background-color: #fff;
+
   border-radius: 5px;
-  z-index: 5;
+  background-color: #FFF;
   box-shadow: 0 20px 20px rgb(0 0 0 / 20%);
-  position: relative;
 
   &__header {
     position: relative;
+
     display: flex;
     align-items: center;
     justify-content: space-between;
+
     padding: 10px 15px;
-    border-bottom: 1px solid #e2e5ec;
-    background-color: #f7fafc;
+
+    border-bottom: 1px solid #E2E5EC;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
+    background-color: #F7FAFC;
 
     &-primary {
       background-color: $color--primary;
 
       &-title {
-        color: #ffff !important;
-        font-weight: 400;
+        color: #FFFF !important;
+
         font-size: 16px;
+        font-weight: 400;
       }
     }
 
     &-title {
+      color: $color--primary;
+
       font-size: 16px;
       font-weight: normal;
-      color: $color--primary;
     }
   }
 
   &__body {
-    background-color: #f7fafc;
-    padding: 15px;
-    max-height: calc(100vh - 150px);
     overflow-y: auto;
-    border-bottom-left-radius: 4px;
+
+    max-height: calc(100vh - 150px);
+    padding: 15px;
+
     border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    background-color: #F7FAFC;
 
     @include custom-scroll2;
 
@@ -72,11 +85,13 @@
     display: flex;
     align-items: center;
     justify-content: flex-end;
+
     padding: 7.5px 15px;
-    border-top: 1px solid #e2e5ec;
-    background-color: #f7fafc;
-    border-bottom-left-radius: 4px;
+
+    border-top: 1px solid #E2E5EC;
     border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    background-color: #F7FAFC;
 
     &_with-left-content {
       justify-content: space-between;
@@ -86,28 +101,33 @@
       position: absolute;
       bottom: 0;
       left: 0;
+
       width: calc(100% - 30px);
-      background-color: #ffff;
+
+      background-color: #FFFF;
     }
   }
 
   &__buttons-block {
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: flex-start;
-    align-items: center;
   }
 }
+
 .modal__footer--noborder {
   border-top: none;
 }
+
 .modal-box {
-  z-index: 100;
   position: fixed;
+  z-index: 100;
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
+  left: 0;
+
   animation-name: fadeIn;
   animation-duration: 0.25s;
   animation-timing-function: ease;
@@ -118,6 +138,7 @@
   from {
     opacity: 0;
   }
+
   to {
     opacity: 1;
   }
@@ -137,38 +158,44 @@
 }
 
 .modal-close-icon-box {
+  position: absolute;
+  top: 0;
+  right: 0;
+
   display: flex;
   align-items: center;
   justify-content: center;
-  //background-color: inherit;
-  border-top-right-radius: 5px;
+
   width: 40px;
   height: 38px;
-  position: absolute;
-  top: 0;
-  right: 0;
+  height: 100%;
+
   cursor: pointer;
+
+  color: #1E1E2D;
+  //background-color: inherit;
+  border-top-right-radius: 5px;
   background: transparent;
-  color: #1e1e2d;
-  height: 100%;
 
   &:hover {
-    background-color: #e2e5ec;
+    background-color: #E2E5EC;
   }
 
   &-primary {
-    color: #1e1e2d;
+    color: #1E1E2D;
 
     &:hover {
-      background-color: #5162d4;
       opacity: 1;
+      background-color: #5162D4;
     }
   }
+
   &-merchant {
-    color: #1e1e2d;
+    color: #1E1E2D;
+
     &:hover {
-      background-color: #5162d4;
       opacity: 1;
+      background-color: #5162D4;
     }
   }
 }
@@ -180,12 +207,14 @@
 }
 
 .modal-text-card {
-  text-align: left;
   padding: 15px 0;
+
+  text-align: left;
+  white-space: normal;
+
   font-size: 13px;
   font-weight: 400;
   line-height: 20px;
-  white-space: normal;
 }
 
 .prompt-text-card {
@@ -195,6 +224,7 @@
 .included-selector-modal {
   &--box {
     overflow-x: auto;
+
     max-height: calc(100% - 32px);
   }
 
@@ -206,12 +236,13 @@
 
   &__td {
     &--id {
-      color: #9aa0b9;
+      color: #9AA0B9;
     }
   }
 
   .simple-table {
     overflow-x: unset;
+
     min-height: 400px;
     max-height: 500px;
 
@@ -220,8 +251,10 @@
 
       th {
         padding: 10px 15px;
+
+        border-right: 1px solid #E2E5EC;
+
         font-weight: 400;
-        border-right: 1px solid #e2e5ec;
       }
 
       th:first-child,
@@ -229,29 +262,36 @@
         border: none;
       }
     }
+
     tbody {
       tr:first-child {
         position: relative;
+
         &::after {
-          content: "";
-          width: 100%;
-          height: 8px;
-          background: linear-gradient(180deg, rgba(0, 0, 0, 0.1516981792717087) 0%, rgba(0, 0, 0, 0) 100%);
           position: absolute;
-          left: 0;
           top: 0;
+          left: 0;
+
+          width: 100%;
+          height: 8px;
+
+          content: "";
+
+          background: linear-gradient(180deg, rgb(0 0 0 / 15.2%) 0%, rgb(0 0 0 / 0%) 100%);
         }
       }
+
       tr:last-child {
         border-bottom: none;
       }
     }
+
     td {
       padding: 2.25px 15px;
     }
 
     .tr-as-selector:hover td {
-      background-color: #ffedc8;
+      background-color: #FFEDC8;
     }
   }
 }
@@ -264,18 +304,21 @@
 
 .confirm-modal {
   border-radius: 4px;
+
   .modal {
     &__header-title {
-      font-weight: 700;
       font-size: 13px;
+      font-weight: 700;
     }
+
     &__body {
       .modal-text-card {
         padding: 0;
       }
     }
+
     &__footer {
-      background-color: #ffff;
+      background-color: #FFFF;
     }
   }
 }

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss

@@ -5,12 +5,13 @@
   height: fit-content;
 
   &__head {
-    height: fit-content;
-    padding: 10px 15px;
-
     display: flex;
     align-items: center;
     justify-content: space-between;
+
+    height: fit-content;
+    padding: 10px 15px;
+
     cursor: pointer;
 
     &:hover {
@@ -19,13 +20,13 @@
   }
 
   &__icon-container {
-    width: fit-content;
-    height: 100%;
-
     display: flex;
+    align-items: center;
     flex-flow: row nowrap;
     justify-content: center;
-    align-items: center;
+
+    width: fit-content;
+    height: 100%;
   }
 
   &__tile-container {
@@ -33,26 +34,30 @@
   }
 
   &__container {
-    transition: all 0.25s ease-out;
     display: flex;
+    overflow: hidden;
+    align-items: flex-start;
     flex-direction: column;
     justify-content: center;
-    align-items: flex-start;
-    overflow: hidden;
+
+    transition: all 0.25s ease-out;
+
     font-size: 13px;
 
     @include custom-scroll;
   }
 
-  &__content-wrapper{
+  &__content-wrapper {
     padding: 0 15px;
   }
 
   &_open {
     .mono-accordion__container {
-      transition: all 0.25s ease-out;
       padding: 10px 15px;
+
+      transition: all 0.25s ease-out;
     }
+
     .mono-accordion__content-wrapper {
       pointer-events: initial;
     }

package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss

@@ -1,15 +1,15 @@
 .any-outer-class__mono-accordion {
   &.mono-accordion {
+    border-bottom: #757F8C solid 1px;
     border-radius: 6px 6px 0 0;
     background: #F8FBFF;
-    border-bottom: #757F8C solid 1px;
   }
 
   .mono-accordion__head {
     border-radius: 6px;
   }
 
-  .mono-accordion__tile-container span:last-child{
+  .mono-accordion__tile-container span:last-child {
     color: #757F8C;
   }
 
@@ -18,10 +18,11 @@
     height: 20px;
   }
 
-  .mono-accordion__content-wrapper div{
-    font-style: italic;
+  .mono-accordion__content-wrapper div {
     cursor: pointer;
 
+    font-style: italic;
+
     &:hover {
       text-decoration: underline;
     }
@@ -29,11 +30,13 @@
     &:nth-of-type(1) {
       margin-left: 20px;
     }
+
     &:nth-of-type(2) {
       margin-left: 40px;
     }
+
     &:nth-of-type(3) {
       margin-left: 60px;
     }
   }
-}
+}

package/dist/Atomic/UI/NavLine/NavLine.js

@@ -231,7 +231,7 @@ var NavLine = function NavLine(_ref) {
   (0, _react.useEffect)(function () {
     var _wrapperRef$current;
 
-    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener("mousewheel", onWheel, {
+    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener('mousewheel', onWheel, {
       passive: false
     });
   }, [wrapperRef]); // Count Total NavLine Items Width