intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -90,7 +90,7 @@ var SwitcherTagsDropdown = function SwitcherTagsDropdown(_ref) {
       };
     };
 
-    var textToArray = (textValue === null || textValue === void 0 ? void 0 : (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ',')).map(function (item) {
+    var textToArray = textValue === null || textValue === void 0 ? void 0 : (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ',').map(function (item) {
       return item.toString().trim();
     }).filter(function (item) {
       return !!item;

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss

@@ -1,48 +1,50 @@
-@import '../../../scss/_vars';
+@import "../../../scss/_vars";
 
 .switcher-tags-dropdown {
-    //width: 550px;
+  //width: 550px;
 
-    &__wrap {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      flex-wrap: wrap;
-    }
+  &__wrap {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
 
-    &__btn {
-      color: $color--primary;
-      font-size: 12px;
-      cursor: pointer;
+  &__btn {
+    cursor: pointer;
 
-      &:not(:last-child) {
-        margin-right: 8px;
-      }
-    }
+    color: $color--primary;
 
-    &__tags-dropdown {
-      width: 100%;
+    font-size: 12px;
 
-      .tags-dropdown__trigger {
-        position: static;
-      }
+    &:not(:last-child) {
+      margin-right: 8px;
+    }
+  }
 
-      .switcher-tags-dropdown__tag {
-        background-color: $color--green-light;
+  &__tags-dropdown {
+    width: 100%;
 
-        &_inactive {
-          background-color: $color--error-bg;
-        }
-      }
+    .tags-dropdown__trigger {
+      position: static;
+    }
+
+    .switcher-tags-dropdown__tag {
+      background-color: $color--green-light;
 
-      .tags-dropdown__arrow {
-        top: 6px;
-        right: 5px;
+      &_inactive {
+        background-color: $color--error-bg;
       }
     }
 
-    &__apply {
-      height: 20px;
-      margin-right: 8px;
+    .tags-dropdown__arrow {
+      top: 6px;
+      right: 5px;
     }
   }
+
+  &__apply {
+    height: 20px;
+    margin-right: 8px;
+  }
+}

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

@@ -1,12 +1,13 @@
 .any-outer-class__switcher-tags-dropdown {
-  font-style: normal;
+  color: #1E1E2D;
+
   font-size: 12px;
+  font-style: normal;
   line-height: 20px;
-  color: #1E1E2D;
 
   .text-switcher {
     height: 20px;
+
     font-size: 10px;
   }
 }
-

package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js

@@ -5,154 +5,154 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = [{
-  "value": "AL",
-  "label": "Alabama (AL)"
+  value: 'AL',
+  label: 'Alabama (AL)'
 }, {
-  "value": "AK",
-  "label": "Alaska (AK)"
+  value: 'AK',
+  label: 'Alaska (AK)'
 }, {
-  "value": "AZ",
-  "label": "Arizona (AZ)"
+  value: 'AZ',
+  label: 'Arizona (AZ)'
 }, {
-  "value": "AR",
-  "label": "Arkansas (AR)"
+  value: 'AR',
+  label: 'Arkansas (AR)'
 }, {
-  "value": "CA",
-  "label": "California (CA)"
+  value: 'CA',
+  label: 'California (CA)'
 }, {
-  "value": "CO",
-  "label": "Colorado (CO)"
+  value: 'CO',
+  label: 'Colorado (CO)'
 }, {
-  "value": "CT",
-  "label": "Connecticut (CT)"
+  value: 'CT',
+  label: 'Connecticut (CT)'
 }, {
-  "value": "DE",
-  "label": "Delaware (DE)"
+  value: 'DE',
+  label: 'Delaware (DE)'
 }, {
-  "value": "FL",
-  "label": "Florida (FL)"
+  value: 'FL',
+  label: 'Florida (FL)'
 }, {
-  "value": "GA",
-  "label": "Georgia (GA)"
+  value: 'GA',
+  label: 'Georgia (GA)'
 }, {
-  "value": "HI",
-  "label": "Hawaii (HI)"
+  value: 'HI',
+  label: 'Hawaii (HI)'
 }, {
-  "value": "ID",
-  "label": "Idaho (ID)"
+  value: 'ID',
+  label: 'Idaho (ID)'
 }, {
-  "value": "IL",
-  "label": "Illinois (IL)"
+  value: 'IL',
+  label: 'Illinois (IL)'
 }, {
-  "value": "IN",
-  "label": "Indiana (IN)"
+  value: 'IN',
+  label: 'Indiana (IN)'
 }, {
-  "value": "IA",
-  "label": "Iowa (IA)"
+  value: 'IA',
+  label: 'Iowa (IA)'
 }, {
-  "value": "KS",
-  "label": "Kansas (KS)"
+  value: 'KS',
+  label: 'Kansas (KS)'
 }, {
-  "value": "KY",
-  "label": "Kentucky (KY)"
+  value: 'KY',
+  label: 'Kentucky (KY)'
 }, {
-  "value": "LA",
-  "label": "Louisiana (LA)"
+  value: 'LA',
+  label: 'Louisiana (LA)'
 }, {
-  "value": "ME",
-  "label": "Maine (ME)"
+  value: 'ME',
+  label: 'Maine (ME)'
 }, {
-  "value": "MD",
-  "label": "Maryland (MD)"
+  value: 'MD',
+  label: 'Maryland (MD)'
 }, {
-  "value": "MA",
-  "label": "Massachusetts (MA)"
+  value: 'MA',
+  label: 'Massachusetts (MA)'
 }, {
-  "value": "MI",
-  "label": "Michigan (MI)"
+  value: 'MI',
+  label: 'Michigan (MI)'
 }, {
-  "value": "MN",
-  "label": "Minnesota (MN)"
+  value: 'MN',
+  label: 'Minnesota (MN)'
 }, {
-  "value": "MS",
-  "label": "Mississippi (MS)"
+  value: 'MS',
+  label: 'Mississippi (MS)'
 }, {
-  "value": "MO",
-  "label": "Missouri (MO)"
+  value: 'MO',
+  label: 'Missouri (MO)'
 }, {
-  "value": "MT",
-  "label": "Montana (MT)"
+  value: 'MT',
+  label: 'Montana (MT)'
 }, {
-  "value": "NE",
-  "label": "Nebraska (NE)"
+  value: 'NE',
+  label: 'Nebraska (NE)'
 }, {
-  "value": "NV",
-  "label": "Nevada (NV)"
+  value: 'NV',
+  label: 'Nevada (NV)'
 }, {
-  "value": "NH",
-  "label": "New Hampshire (NH)"
+  value: 'NH',
+  label: 'New Hampshire (NH)'
 }, {
-  "value": "NJ",
-  "label": "New Jersey (NJ)"
+  value: 'NJ',
+  label: 'New Jersey (NJ)'
 }, {
-  "value": "NM",
-  "label": "New Mexico (NM)"
+  value: 'NM',
+  label: 'New Mexico (NM)'
 }, {
-  "value": "NY",
-  "label": "New York (NY)"
+  value: 'NY',
+  label: 'New York (NY)'
 }, {
-  "value": "NC",
-  "label": "North Carolina (NC)"
+  value: 'NC',
+  label: 'North Carolina (NC)'
 }, {
-  "value": "ND",
-  "label": "North Dakota (ND)"
+  value: 'ND',
+  label: 'North Dakota (ND)'
 }, {
-  "value": "OH",
-  "label": "Ohio (OH)"
+  value: 'OH',
+  label: 'Ohio (OH)'
 }, {
-  "value": "OK",
-  "label": "Oklahoma (OK)"
+  value: 'OK',
+  label: 'Oklahoma (OK)'
 }, {
-  "value": "OR",
-  "label": "Oregon (OR)"
+  value: 'OR',
+  label: 'Oregon (OR)'
 }, {
-  "value": "PA",
-  "label": "Pennsylvania (PA)"
+  value: 'PA',
+  label: 'Pennsylvania (PA)'
 }, {
-  "value": "RI",
-  "label": "RhodeIsland (RI)"
+  value: 'RI',
+  label: 'RhodeIsland (RI)'
 }, {
-  "value": "SC",
-  "label": "South Carolina (SC)"
+  value: 'SC',
+  label: 'South Carolina (SC)'
 }, {
-  "value": "SD",
-  "label": "South Dakota (SD)"
+  value: 'SD',
+  label: 'South Dakota (SD)'
 }, {
-  "value": "TN",
-  "label": "Tennessee (TN)"
+  value: 'TN',
+  label: 'Tennessee (TN)'
 }, {
-  "value": "TX",
-  "label": "Texas (TX)"
+  value: 'TX',
+  label: 'Texas (TX)'
 }, {
-  "value": "UT",
-  "label": "Utah (UT)"
+  value: 'UT',
+  label: 'Utah (UT)'
 }, {
-  "value": "VT",
-  "label": "Vermont (VT)"
+  value: 'VT',
+  label: 'Vermont (VT)'
 }, {
-  "value": "VA",
-  "label": "Virginia (VA)"
+  value: 'VA',
+  label: 'Virginia (VA)'
 }, {
-  "value": "WA",
-  "label": "Washington (WA)"
+  value: 'WA',
+  label: 'Washington (WA)'
 }, {
-  "value": "WV",
-  "label": "West Virginia (WV)"
+  value: 'WV',
+  label: 'West Virginia (WV)'
 }, {
-  "value": "WI",
-  "label": "Wisconsin (WI)"
+  value: 'WI',
+  label: 'Wisconsin (WI)'
 }, {
-  "value": "WY",
-  "label": "Wyoming (WY)"
+  value: 'WY',
+  label: 'Wyoming (WY)'
 }];
 exports.default = _default;

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss

@@ -1,11 +1,11 @@
-@import './../../../scss/vars';
+@import "./../../../scss/vars";
 
 .switcher-textarea {
   &__wrap {
     display: flex;
     align-items: center;
-    justify-content: space-between;
     flex-wrap: wrap;
+    justify-content: space-between;
   }
 
   &__text-switcher {
@@ -13,10 +13,13 @@
   }
 
   &__btn {
+    cursor: pointer;
+
     color: $color--primary;
+
     font-size: 12px;
-    cursor: pointer;
-      &:not(:last-child) {
+
+    &:not(:last-child) {
       margin-right: 8px;
     }
   }

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

@@ -1,8 +1,9 @@
 .any-outer-class__switcher-textarea {
-  font-style: normal;
+  color: #1E1E2D;
+
   font-size: 12px;
+  font-style: normal;
   line-height: 20px;
-  color: #1E1E2D;
 
   .text-switcher {
     font-size: 10px;
@@ -10,11 +11,11 @@
 
   .textarea__textarea {
     border-radius: 6px;
+
     font-size: 13px;
 
     &::placeholder {
-      color:dodgerblue;
+      color: dodgerblue;
     }
   }
 }
-

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -174,14 +174,14 @@ var TagsDropdown = function TagsDropdown(_ref) {
   var selectAllItems = function selectAllItems(e) {
     var _prepareOptions, _prepareOptions$filte;
 
-    onChange([].concat((0, _toConsumableArray2.default)(chosenOptions), (0, _toConsumableArray2.default)((_prepareOptions = prepareOptions(options)) === null || _prepareOptions === void 0 ? void 0 : (_prepareOptions$filte = _prepareOptions.filter(function (_ref3) {
+    onChange([].concat((0, _toConsumableArray2.default)(chosenOptions), (0, _toConsumableArray2.default)(((_prepareOptions = prepareOptions(options)) === null || _prepareOptions === void 0 ? void 0 : (_prepareOptions$filte = _prepareOptions.filter(function (_ref3) {
       var isFreezed = _ref3.isFreezed,
           value = _ref3.value;
       return !isFreezed && !(chosenOptions !== null && chosenOptions !== void 0 && chosenOptions.includes(value));
     })) === null || _prepareOptions$filte === void 0 ? void 0 : _prepareOptions$filte.map(function (_ref4) {
       var value = _ref4.value;
       return value;
-    }))), 'chosenOptions');
+    })) || [])), 'chosenOptions');
     if (closeOnSelect) setIsOpen(false);
   };
 
@@ -215,32 +215,36 @@ var TagsDropdown = function TagsDropdown(_ref) {
   };
 
   var setListContainerStyles = function setListContainerStyles() {
-    var _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _sw$getBoundingClient, _dl$getBoundingClient;
+    var _dropdownRef$current$, _dropdownRef$current, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _dl$getBoundingClient, _sw$getBoundingClient;
 
     var lc = getListContainer();
     if (!lc || !isOpen) return false;
     var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
 
-    var _dropdownRef$current$ = dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current.getBoundingClientRect(),
-        width = _dropdownRef$current$.width,
-        height = _dropdownRef$current$.height,
-        left = _dropdownRef$current$.left,
-        top = _dropdownRef$current$.top;
+    var _ref6 = (_dropdownRef$current$ = dropdownRef === null || dropdownRef === void 0 ? void 0 : (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.getBoundingClientRect()) !== null && _dropdownRef$current$ !== void 0 ? _dropdownRef$current$ : {},
+        width = _ref6.width,
+        height = _ref6.height,
+        left = _ref6.left,
+        top = _ref6.top;
 
     var sw = lc.getElementsByClassName('tags-dropdown__selector-wrapper')[0];
     var dl = lc.getElementsByClassName('tags-dropdown__list')[0];
     var margin = parseInt((_getComputedStyle$mar = (_getComputedStyle = getComputedStyle(sw)) === null || _getComputedStyle === void 0 ? void 0 : (_getComputedStyle$mar2 = _getComputedStyle.marginTop) === null || _getComputedStyle$mar2 === void 0 ? void 0 : _getComputedStyle$mar2.replace('px', '')) !== null && _getComputedStyle$mar !== void 0 ? _getComputedStyle$mar : 0);
     var maxHeight = initListHeight !== null && initListHeight !== void 0 ? initListHeight : parseInt((_getComputedStyle$max = (_getComputedStyle2 = getComputedStyle(dl)) === null || _getComputedStyle2 === void 0 ? void 0 : (_getComputedStyle2$ma = _getComputedStyle2.maxHeight) === null || _getComputedStyle2$ma === void 0 ? void 0 : _getComputedStyle2$ma.replace('px', '')) !== null && _getComputedStyle$max !== void 0 ? _getComputedStyle$max : 0);
     if (initListHeight === null) setInitListHeight(maxHeight);
-    var delta = ((_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height) - ((_dl$getBoundingClient = dl.getBoundingClientRect()) === null || _dl$getBoundingClient === void 0 ? void 0 : _dl$getBoundingClient.height);
     var toTop = top - margin;
     var toBottom = windowHeight - top - height - margin * 2;
-    var swHeight = toTop >= maxHeight || toBottom >= maxHeight ? maxHeight - 3 * margin : toTop > toBottom ? toTop - 3 * margin : toBottom - 4 * margin;
+    var dlHeight = dl === null || dl === void 0 ? void 0 : (_dl$getBoundingClient = dl.getBoundingClientRect()) === null || _dl$getBoundingClient === void 0 ? void 0 : _dl$getBoundingClient.height;
+    var swHeight = sw === null || sw === void 0 ? void 0 : (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
+    var controlsHeight = swHeight - dlHeight;
+    if (swHeight > maxHeight) swHeight = maxHeight - 2 * margin;
+    var maxSwHeight = toTop - margin >= maxHeight || toBottom - margin >= maxHeight ? maxHeight - 3 * margin : toTop > toBottom ? toTop - 3 * margin : toBottom - 4 * margin;
     var listPos = toTop < toBottom || toBottom >= swHeight ? 'bottom' : 'top';
+    if (swHeight > (listPos === 'top' ? toTop : toBottom)) swHeight = (listPos === 'top' ? toTop : toBottom) - 3 * margin;
     lc.style.minWidth = "".concat(width, "px");
     lc.style.left = "".concat(left, "px");
-    lc.style.top = "".concat(listPos === 'bottom' ? top + height : top - swHeight - 3 * margin, "px");
-    dl.style.maxHeight = "".concat(swHeight - delta, "px");
+    lc.style.top = "".concat(listPos === 'bottom' ? top + height : top - swHeight - 2 * margin, "px");
+    dl.style.maxHeight = "".concat(maxSwHeight - controlsHeight, "px");
   };
 
   var renderListContainer = function renderListContainer() {
@@ -282,10 +286,6 @@ var TagsDropdown = function TagsDropdown(_ref) {
     }, footerContent) : null);
   };
 
-  (0, _react.useEffect)(function () {
-    initListContainer();
-  }, []);
-
   var closeList = function closeList(e) {
     var _inputRef$current;
 
@@ -293,6 +293,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
   };
 
+  (0, _react.useLayoutEffect)(function () {
+    initListContainer();
+  }, []);
   (0, _react.useLayoutEffect)(function () {
     window.addEventListener('resize', setListContainerStyles);
     window.addEventListener('mousewheel', closeList);
@@ -303,7 +306,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
       window.removeEventListener('mouseup', handleClickOutside);
     };
   }, [getListContainer]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useLayoutEffect)(function () {
     setListContainerStyles();
   }, [isOpen, chosenOptions]);
   (0, _react.useEffect)(function () {
@@ -326,8 +329,8 @@ var TagsDropdown = function TagsDropdown(_ref) {
     className: (0, _classnames.default)("".concat(RC, "__trigger"), {
       'tags-dropdown__error': error
     }),
-    onClick: function onClick(_ref6) {
-      var target = _ref6.target;
+    onClick: function onClick(_ref7) {
+      var target = _ref7.target;
       if ((target === null || target === void 0 ? void 0 : target.tagName) === 'INPUT') setIsOpen(true);else if (isTargetInParent(target)) {
         setIsOpen(function (isOpen) {
           return !isOpen;