intelicoreact 1.2.78 → 1.2.79

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -444,6 +444,8 @@ var Dropdown = function Dropdown(_ref) {
     var _cn3, _cn4, _getSortedOptions;
 
     return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(RC, "__container-wrapper"))
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__list-wrapper"), (_cn3 = {}, (0, _defineProperty2.default)(_cn3, "".concat(RC, "__list-wrapper--fixed-height"), isFixedMaxHeight), (0, _defineProperty2.default)(_cn3, "".concat(RC, "__list-wrapper--with-bottom-shadow"), isScrollableList && isMobile), (0, _defineProperty2.default)(_cn3, "".concat(RC, "__list-wrapper--with-bottom-shadow-hidden"), scrollTop === scrollHeight), _cn3)),
       ref: dropdownListWrapperRef
     }, isMobile && /*#__PURE__*/_react.default.createElement("div", {
@@ -515,7 +517,7 @@ var Dropdown = function Dropdown(_ref) {
       }
     }), !filteredItems.length && !filteredGroups.length && /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(RC, "__list-item ").concat(RC, "__list-item--no-options")
-    }, noOptionsText), disabled && isOpen && /*#__PURE__*/_react.default.createElement(_DropdownLoader.default, null)));
+    }, noOptionsText), disabled && isOpen && /*#__PURE__*/_react.default.createElement(_DropdownLoader.default, null))));
   };
 
   var toggleList = function toggleList(e) {

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

@@ -281,6 +281,26 @@
   }
 }
 
+@keyframes slideup {
+  from {
+    transform: translateY(100%);
+  }
+
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
 @media (max-width: 767px) {
   .dropdown-mobile {
     .dropdown {
@@ -311,10 +331,28 @@
           left: 0!important;
           top: 0!important;
           background: rgba(23, 29, 51, 0.50);
-          padding: $spacing-s;
+
+          animation-name: fadeIn;
+          animation-duration: 0.25s;
+          animation-timing-function: ease;
+          animation-fill-mode: forwards;
         }
       }
 
+      &__container-wrapper {
+        overflow: hidden!important;
+        width: 100dvw;
+        height: 100dvh;
+        max-height: 100dvh;
+        position: fixed;
+        left: 0!important;
+        top: 0!important;
+        padding: $spacing-s;
+        box-sizing: border-box;
+        animation-duration: 0.4s;
+        animation-name: slideup;
+      }
+
       &__list {
         top: 0;
         padding:$spacing-m!important;

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

@@ -414,6 +414,8 @@ var TagsDropdown = function TagsDropdown(_ref) {
 
     var filteredOptions = getFilteredOptions(options);
     return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(RC, "__container-wrapper"))
+    }, /*#__PURE__*/_react.default.createElement("div", {
       ref: dropdownListWrapperRef,
       className: (0, _classnames.default)("".concat(RC, "__selector-wrapper"), (0, _defineProperty2.default)({}, "".concat(RC, "__selector-wrapper--fixed-height"), isFixedMaxHeight && isMobile))
     }, headerContent || isMobile ? /*#__PURE__*/_react.default.createElement("div", {
@@ -473,7 +475,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
       onClick: function onClick() {
         return setIsOpen(false);
       }
-    }, "Apply", chosenOptions !== null && chosenOptions !== void 0 && chosenOptions.length ? "(".concat(chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.length, ")") : '')) : null);
+    }, "Apply", chosenOptions !== null && chosenOptions !== void 0 && chosenOptions.length ? "(".concat(chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.length, ")") : '')) : null));
   };
 
   var closeList = function closeList(e) {

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -258,6 +258,26 @@
   }
 }
 
+@keyframes slideup {
+  from {
+    transform: translateY(100%);
+  }
+
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
 @media (max-width: 767px) {
   .tags-dropdown-mobile {
     .tags-dropdown {
@@ -273,9 +293,28 @@
           top: 0 !important;
           background: rgba(23, 29, 51, 0.5);
           padding: $spacing-s;
+
+          animation-name: fadeIn;
+          animation-duration: 0.25s;
+          animation-timing-function: ease;
+          animation-fill-mode: forwards;
         }
       }
 
+      &__container-wrapper {
+        overflow: hidden!important;
+        width: 100dvw;
+        height: 100dvh;
+        max-height: 100dvh;
+        position: fixed;
+        left: 0!important;
+        top: 0!important;
+        padding: $spacing-s;
+        box-sizing: border-box;
+        animation-duration: 0.4s;
+        animation-name: slideup;
+      }
+
       &__selector-wrapper {
         position: absolute;
         box-sizing: border-box;

package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js

@@ -133,7 +133,7 @@ var ApiRequestCreators = /*#__PURE__*/function (_ApiUtils) {
                 return _context4.abrupt("return", this.splitProperties(_objectSpread(_objectSpread({}, props), {}, {
                   callback: function () {
                     var _callback2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(res) {
-                      var _props$callback3, _props$callback4;
+                      var _res$clone, _props$callback3, _props$callback4;
 
                       var output;
                       return _regenerator.default.wrap(function _callee3$(_context3) {
@@ -142,7 +142,7 @@ var ApiRequestCreators = /*#__PURE__*/function (_ApiUtils) {
                             case 0:
                               _context3.t0 = res;
                               _context3.next = 3;
-                              return _this3.getResponseBody(res.clone());
+                              return _this3.getResponseBody((res === null || res === void 0 ? void 0 : (_res$clone = res.clone) === null || _res$clone === void 0 ? void 0 : _res$clone.call(res)) || res);
 
                             case 3:
                               _context3.t1 = _context3.sent;

package/dist/Classes/RESTAPI/partials/ApiUtils.js

@@ -240,6 +240,8 @@ var ApiUtils = /*#__PURE__*/function (_Utils) {
     key: "checkResponseCode",
     value: function () {
       var _checkResponseCode = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(res, settings) {
+        var _res$clone, _res$clone2;
+
         var _ref3, successMess, errorMess, message;
 
         return _regenerator.default.wrap(function _callee5$(_context5) {
@@ -275,7 +277,7 @@ var ApiUtils = /*#__PURE__*/function (_Utils) {
 
                 _context5.t2 = this;
                 _context5.next = 12;
-                return this.getResponseBody(res.clone());
+                return this.getResponseBody((res === null || res === void 0 ? void 0 : (_res$clone = res.clone) === null || _res$clone === void 0 ? void 0 : _res$clone.call(res)) || res);
 
               case 12:
                 _context5.t3 = _context5.sent;
@@ -286,7 +288,7 @@ var ApiUtils = /*#__PURE__*/function (_Utils) {
 
               case 15:
                 message = _context5.t0;
-                this.sendMessage(message, settings, res.clone());
+                this.sendMessage(message, settings, (res === null || res === void 0 ? void 0 : (_res$clone2 = res.clone) === null || _res$clone2 === void 0 ? void 0 : _res$clone2.call(res)) || res);
                 return _context5.abrupt("return", res);
 
               case 18:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.2.78",
+  "version": "1.2.79",
   "description": "",
   "main": "dist/index.js",
   "files": [