intelicoreact 1.0.28 → 1.0.30

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js

@@ -19,8 +19,6 @@ require("./MobileCalendar.scss");
 
 var _reactFeather = require("react-feather");
 
-var _io = require("react-icons/io5");
-
 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; }
@@ -37,7 +35,7 @@ var MobileCalendar = function MobileCalendar(_ref) {
       _ref$rows = _ref.rows,
       rows = _ref$rows === void 0 ? 5 : _ref$rows,
       _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "" : _ref$label,
+      label = _ref$label === void 0 ? '' : _ref$label,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 75 : _ref$timeout,
       _ref$isMobile = _ref.isMobile,
@@ -48,21 +46,21 @@ var MobileCalendar = function MobileCalendar(_ref) {
       listItemHeight = _ref$listItemHeight === void 0 ? 32 : _ref$listItemHeight,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {
-    wrapper: "",
-    label: "",
-    body: "",
-    yearsBlock: "",
-    yearsList: "",
-    yearsListItem: "",
-    monthsBlock: "",
-    monthsList: "",
-    monthsListItem: "",
-    daysBlock: "",
-    daysList: "",
-    daysListItem: "",
-    prevItem: "",
-    nextItem: "",
-    activeItem: ""
+    wrapper: '',
+    label: '',
+    body: '',
+    yearsBlock: '',
+    yearsList: '',
+    yearsListItem: '',
+    monthsBlock: '',
+    monthsList: '',
+    monthsListItem: '',
+    daysBlock: '',
+    daysList: '',
+    daysListItem: '',
+    prevItem: '',
+    nextItem: '',
+    activeItem: ''
   } : _ref$classes,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
@@ -70,8 +68,8 @@ var MobileCalendar = function MobileCalendar(_ref) {
       onMinDateReached = _ref$onMinDateReached === void 0 ? function () {} : _ref$onMinDateReached,
       _ref$onMaxDateReached = _ref.onMaxDateReached,
       onMaxDateReached = _ref$onMaxDateReached === void 0 ? function () {} : _ref$onMaxDateReached;
-  var Body = document.querySelector("body");
-  var listItem = document.querySelector(".mobile-calendar_wrapper_body_months-list--item");
+  var Body = document.querySelector('body');
+  var listItem = document.querySelector('.mobile-calendar_wrapper_body_months-list--item');
 
   var _useState = (0, _react.useState)(value ? (0, _moment.default)(value) : (0, _moment.default)()),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -299,8 +297,8 @@ var MobileCalendar = function MobileCalendar(_ref) {
 
 
   (0, _react.useEffect)(function () {
-    if ((0, _moment.default)(date.format("L")).isBefore(minDate.format("L"))) setDate(minDate);
-    if ((0, _moment.default)(date.format("L")).isAfter(maxDate.format("L"))) setDate(maxDate);
+    if ((0, _moment.default)(date.format('L')).isBefore(minDate.format('L'))) setDate(minDate);
+    if ((0, _moment.default)(date.format('L')).isAfter(maxDate.format('L'))) setDate(maxDate);
   }, []); //Events Observer
 
   (0, _react.useEffect)(function () {
@@ -312,21 +310,21 @@ var MobileCalendar = function MobileCalendar(_ref) {
   (0, _react.useEffect)(function () {
     onChange(date);
     dateRef.current = date;
-    if ((0, _moment.default)(date.format("L")).isSame(minDate.format("L"))) onMinDateReached(minDate);
-    if ((0, _moment.default)(date.format("L")).isSame(maxDate.format("L"))) onMaxDateReached(maxDate);
+    if ((0, _moment.default)(date.format('L')).isSame(minDate.format('L'))) onMinDateReached(minDate);
+    if ((0, _moment.default)(date.format('L')).isSame(maxDate.format('L'))) onMaxDateReached(maxDate);
   }, [date]); //monthList Events
 
   (0, _react.useEffect)(function () {
     if (monthsListRef !== null && monthsListRef !== void 0 && monthsListRef.current) {
       var _monthsListRef$curren, _monthsListRef$curren2;
 
-      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 ? void 0 : _monthsListRef$curren.addEventListener("mousewheel", function (e) {
-        return onWheel(e, "months");
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 ? void 0 : _monthsListRef$curren.addEventListener('mousewheel', function (e) {
+        return onWheel(e, 'months');
       }, {
         passive: false
       });
-      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 ? void 0 : _monthsListRef$curren2.addEventListener("touchstart", function (e) {
-        return onTouchStart(e, "months");
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 ? void 0 : _monthsListRef$curren2.addEventListener('touchstart', function (e) {
+        return onTouchStart(e, 'months');
       }, {
         passive: false
       });
@@ -335,8 +333,8 @@ var MobileCalendar = function MobileCalendar(_ref) {
     return function () {
       var _monthsListRef$curren3, _monthsListRef$curren4;
 
-      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 ? void 0 : _monthsListRef$curren3.clearEventListeners("mousewheel");
-      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren4 = monthsListRef.current) === null || _monthsListRef$curren4 === void 0 ? void 0 : _monthsListRef$curren4.clearEventListeners("touchstart");
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren3 = monthsListRef.current) === null || _monthsListRef$curren3 === void 0 ? void 0 : _monthsListRef$curren3.clearEventListeners('mousewheel');
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren4 = monthsListRef.current) === null || _monthsListRef$curren4 === void 0 ? void 0 : _monthsListRef$curren4.clearEventListeners('touchstart');
     };
   }, [monthsListRef]); //daysList Events
 
@@ -344,13 +342,13 @@ var MobileCalendar = function MobileCalendar(_ref) {
     if (daysListRef !== null && daysListRef !== void 0 && daysListRef.current) {
       var _daysListRef$current, _daysListRef$current2;
 
-      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 ? void 0 : _daysListRef$current.addEventListener("mousewheel", function (e) {
-        return onWheel(e, "days");
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 ? void 0 : _daysListRef$current.addEventListener('mousewheel', function (e) {
+        return onWheel(e, 'days');
       }, {
         passive: false
       });
-      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 ? void 0 : _daysListRef$current2.addEventListener("touchstart", function (e) {
-        return onTouchStart(e, "days");
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 ? void 0 : _daysListRef$current2.addEventListener('touchstart', function (e) {
+        return onTouchStart(e, 'days');
       }, {
         passive: false
       });
@@ -359,8 +357,8 @@ var MobileCalendar = function MobileCalendar(_ref) {
     return function () {
       var _daysListRef$current3, _daysListRef$current4;
 
-      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 ? void 0 : _daysListRef$current3.clearEventListeners("mousewheel");
-      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current4 = daysListRef.current) === null || _daysListRef$current4 === void 0 ? void 0 : _daysListRef$current4.clearEventListeners("touchstart");
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current3 = daysListRef.current) === null || _daysListRef$current3 === void 0 ? void 0 : _daysListRef$current3.clearEventListeners('mousewheel');
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current4 = daysListRef.current) === null || _daysListRef$current4 === void 0 ? void 0 : _daysListRef$current4.clearEventListeners('touchstart');
     };
   }, [daysListRef]); //yearsList Events
 
@@ -368,13 +366,13 @@ var MobileCalendar = function MobileCalendar(_ref) {
     if (yearsListRef !== null && yearsListRef !== void 0 && yearsListRef.current) {
       var _yearsListRef$current, _yearsListRef$current2;
 
-      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 ? void 0 : _yearsListRef$current.addEventListener("mousewheel", function (e) {
-        return onWheel(e, "years");
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 ? void 0 : _yearsListRef$current.addEventListener('mousewheel', function (e) {
+        return onWheel(e, 'years');
       }, {
         passive: false
       });
-      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 ? void 0 : _yearsListRef$current2.addEventListener("touchstart", function (e) {
-        return onTouchStart(e, "years");
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 ? void 0 : _yearsListRef$current2.addEventListener('touchstart', function (e) {
+        return onTouchStart(e, 'years');
       }, {
         passive: false
       });
@@ -383,8 +381,8 @@ var MobileCalendar = function MobileCalendar(_ref) {
     return function () {
       var _yearsListRef$current3, _yearsListRef$current4;
 
-      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 ? void 0 : _yearsListRef$current3.clearEventListeners("mousewheel");
-      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current4 = yearsListRef.current) === null || _yearsListRef$current4 === void 0 ? void 0 : _yearsListRef$current4.clearEventListeners("touchstart");
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current3 = yearsListRef.current) === null || _yearsListRef$current3 === void 0 ? void 0 : _yearsListRef$current3.clearEventListeners('mousewheel');
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current4 = yearsListRef.current) === null || _yearsListRef$current4 === void 0 ? void 0 : _yearsListRef$current4.clearEventListeners('touchstart');
     };
   }, [yearsListRef]); //--RENDER--//
 
@@ -533,7 +531,7 @@ var MobileCalendar = function MobileCalendar(_ref) {
     className: "mobile-calendar_wrapper_label ".concat(classes === null || classes === void 0 ? void 0 : classes.label)
   }, label), showSelectedDate && /*#__PURE__*/_react.default.createElement("div", {
     className: "mobile-calendar_wrapper_label  ".concat(classes === null || classes === void 0 ? void 0 : classes.label)
-  }, (0, _moment.default)(date).format("LL")), /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _moment.default)(date).format('LL')), /*#__PURE__*/_react.default.createElement("div", {
     className: "mobile-calendar_wrapper_body  ".concat(classes === null || classes === void 0 ? void 0 : classes.body)
   }, renderMonthsBlock(), renderDaysBlock(), renderYearsBlock()));
 };

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss

@@ -1,46 +1,49 @@
 .unselectable {
   -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
+
   user-select: none;
 }
 
-.mobile-calendar_wrapper{
-  @extend .unselectable;
+.mobile-calendar_wrapper {
   max-width: 350px;
-  background: #F8FBFF;
   padding: 10px;
-  box-shadow: 0 0 10px 10px #00000014;
+
   border-radius: 16px;
+  background: #F8FBFF;
+  box-shadow: 0 0 10px 10px #00000014;
+
+  @extend .unselectable;
+
+  &_label {
+    margin: 16px 0;
 
-  &_label{
     text-align: center;
+
     font-size: 16px;
     line-height: 24px;
-    margin: 16px 0px;
   }
 
-  &_body{
+  &_body {
     display: flex;
     justify-content: space-between;
 
     &_months,
     &_days,
-    &_years{
+    &_years {
       display: flex;
-      flex-direction: column;
       align-items: center;
+      flex-direction: column;
 
       &--prev,
-      &--next{
-        color:#A6AAB4;
+      &--next {
         cursor: pointer;
+
+        color: #A6AAB4;
       }
 
-      &-list{
+      &-list {
         position: relative;
+
         overflow: hidden;
 
         // &::before,
@@ -67,54 +70,58 @@
         //   transform: translateY(100%);
         // }
 
-        &--item{
+        &--item {
           display: flex;
           align-items: center;
           justify-content: center;
-          color: #3B414B;
-          height: 32px;
+
           width: 90px;
+          height: 32px;
+
           cursor: pointer;
 
-          &:not(.active){
+          color: #3B414B;
+
+          &:not(.active) {
             transition: transform 1s;
           }
-          &:not(.active)[attr-scroll-direction="1"]{
+
+          &:not(.active)[attr-scroll-direction="1"] {
             transform: translateY(25%);
           }
-          &:not(.active)[attr-scroll-direction="-1"]{
+
+          &:not(.active)[attr-scroll-direction="-1"] {
             transform: translateY(-25%);
           }
 
-          &:not(.active)[attr-is-scrolling="1"]{
+          &:not(.active)[attr-is-scrolling="1"] {
             opacity: 0.3;
           }
 
-
-          &.active{
-            background: #FFFFFF;
-            border: 1px solid #FFFFFF;
+          &.active {
             box-sizing: border-box;
-            box-shadow: 0px 4px 26px rgba(0, 67, 96, 0.1);
+
+            border: 1px solid #FFF;
             border-radius: 8px;
+            background: #FFF;
+            box-shadow: 0 4px 26px rgb(0 67 96 / 10%);
           }
 
-          &.transparent{
+          &.transparent {
             opacity: 0.5;
           }
         }
 
-        &_touch-zone{
+        &_touch-zone {
+          position: absolute;
+          z-index: 5;
           top: 0;
           left: 0;
+
           width: 100%;
           height: 100%;
-          position: absolute;
-          z-index: 5;
         }
       }
-
-
     }
   }
 }

package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss

@@ -1,11 +1,13 @@
 .multiselect {
   display: inline-flex;
   flex-direction: column;
-  background-color: #fff;
-  border: 1px solid #e2e5ec;
-  border-radius: 4px;
+
   padding: 8px 10px;
 
+  border: 1px solid #E2E5EC;
+  border-radius: 4px;
+  background-color: #FFF;
+
   &__item {
     height: 24px;
   }

package/dist/Atomic/FormElements/NumericInput/NumericInput.scss

@@ -1,50 +1,58 @@
 .input {
   position: relative;
+
+  width: 100%;
+  padding: 0 10px;
+
   word-break: break-all;
+
   border: none;
   background: none;
-  padding: 0 10px;
-  width: 100%;
+
   &::-webkit-outer-spin-button,
   &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
+    appearance: none;
   }
 
   &__wrap {
     display: flex;
     align-items: center;
-    border: 1px solid #e2e5ec;
+
     box-sizing: border-box;
-    background-color: #fff;
     height: 28px;
+
+    border: 1px solid #E2E5EC;
     border-radius: 4px;
+    background-color: #FFF;
 
     &_focus {
-      border-color: #6b81dd;
-      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+      border-color: #6B81DD;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &_disabled {
-      background: #f7f8fa;
-      opacity: 0.5;
-      border-color: #a6acb1;
       pointer-events: none;
+
+      opacity: 0.5;
+      border-color: #A6ACB1;
+      background: #F7F8FA;
     }
 
     &_error {
-      border-color: #f06d8d;
+      border-color: #F06D8D;
     }
   }
 
   &_disabled {
-    background: #f7f8fa;
-    opacity: 0.5;
-    border-color: #a6acb1;
     pointer-events: none;
+
+    opacity: 0.5;
+    border-color: #A6ACB1;
+    background: #F7F8FA;
   }
 
   &_error {
-    border-color: #f06d8d;
+    border-color: #F06D8D;
   }
 
   svg {
@@ -52,49 +60,59 @@
   }
 
   &__input {
+    box-sizing: border-box;
     width: 100%;
     height: 100%;
-    box-sizing: border-box;
-    font-size: 13px;
-    font-weight: 400;
-    color: #1e1e2d;
-    border: none;
     padding: 0 5px;
+
+    color: #1E1E2D;
+    border: none;
     border-radius: 4px;
+
+    font-size: 13px;
+    font-weight: 400;
   }
 
   &__close {
     position: relative;
-    opacity: 0.6;
+
+    visibility: hidden;
+
     width: 14px;
     height: 14px;
-    background: none;
-    cursor: pointer;
     margin-right: 4px;
-    visibility: hidden;
+
+    cursor: pointer;
     pointer-events: none;
+
+    opacity: 0.6;
+    background: none;
+
     &:hover {
       opacity: 1;
     }
 
-    &:before,
-    &:after {
-      content: '';
+    &::before,
+    &::after {
       position: absolute;
       top: 0;
-      left: 0;
       right: 0;
-      margin: auto;
-      height: 14px;
+      left: 0;
+
       width: 2px;
-      background-color: #9aa0b9;
+      height: 14px;
+      margin: auto;
+
+      content: "";
+
+      background-color: #9AA0B9;
     }
 
-    &:before {
+    &::before {
       transform: rotate(45deg);
     }
 
-    &:after {
+    &::after {
       transform: rotate(-45deg);
     }
   }
@@ -102,23 +120,30 @@
   &__nums {
     display: flex;
     align-items: center;
+
     height: 100%;
   }
 
   &__num-btn {
-    cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 100%;
+
     width: 24px;
-    border-left: 1px solid #e2e5ec;
+    height: 100%;
+
+    cursor: pointer;
+    user-select: none;
+
+    border-left: 1px solid #E2E5EC;
     background: none;
+
     font-size: 20px;
-    user-select: none;
+
     &.disabled {
       opacity: 0.3;
     }
+
     svg {
       margin-right: 0;
     }
@@ -135,6 +160,7 @@
 
 .input__wrap:hover .input__close {
   visibility: visible;
+
   pointer-events: all;
 }
 

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss

@@ -1,7 +1,9 @@
 .radio-group {
   display: flex;
+
   &--col {
     flex-direction: column;
+
     .radio-input:not(:last-child) {
       margin-bottom: 10px;
     }
@@ -9,13 +11,15 @@
 
   &--row {
     align-items: center;
+
     .radio-input:not(:last-child) {
       margin-right: 10px;
     }
   }
 
   &--disabled {
-    opacity: 0.5;
     pointer-events: none;
+
+    opacity: 0.5;
   }
 }

package/dist/Atomic/FormElements/RadioInput/RadioInput.scss

@@ -3,13 +3,15 @@
 .radio-input {
   display: inline-flex;
   align-items: center;
+
   cursor: pointer;
 
   &_disabled {
     .radio-input__input {
-      opacity: 0.3;
-      pointer-events: none;
       cursor: auto;
+      pointer-events: none;
+
+      opacity: 0.3;
     }
   }
 
@@ -20,27 +22,32 @@
   }
 
   &__input {
+    position: relative;
+
     width: 14px;
     height: 14px;
-    border-radius: 50%;
+
     border: 1px solid $color--gray;
-    position: relative;
-    background-color: #ffff;
+    border-radius: 50%;
+    background-color: #FFFF;
   }
 
   &__mark {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    background-color: $color--primary;
     position: absolute;
+    z-index: 1;
     top: 0;
-    bottom: 0;
     right: 0;
+    bottom: 0;
     left: 0;
-    margin: auto;
-    z-index: 1;
+
     display: none;
+
+    width: 10px;
+    height: 10px;
+    margin: auto;
+
+    border-radius: 50%;
+    background-color: $color--primary;
   }
 
   .radio-input__radio:checked ~ .radio-input__mark {
@@ -48,16 +55,20 @@
   }
 
   &__radio {
-    opacity: 0;
     position: absolute;
-    height: 0;
+
     width: 0;
+    height: 0;
+
+    opacity: 0;
   }
 
   &__label {
+    margin-left: 5px;
+
+    user-select: none;
+
     font-size: 13px;
     font-weight: 400;
-    user-select: none;
-    margin-left: 5px;
   }
 }