intelicoreact 1.3.3 → 1.3.5

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

@@ -400,6 +400,10 @@ var Dropdown = function Dropdown(_ref) {
     return document.getElementById(dropdownId);
   };
 
+  var getListContainerWrapper = function getListContainerWrapper() {
+    return document.getElementById("mlw-".concat(dropdownId));
+  };
+
   var setListContainerStyles = function setListContainerStyles() {
     var _dropdownRef$current$, _dropdownListWrapperR, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _sw$getBoundingClient, _dropdownListWrapperR2, _dropdownListWrapperR3, _lh$getBoundingClient;
 
@@ -671,9 +675,10 @@ var Dropdown = function Dropdown(_ref) {
   }, [scrollTop, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current]);
   (0, _react.useEffect)(function () {
     return function () {
-      var _getListContainer7;
+      var _getListContainer7, _getListContainerWrap;
 
       (_getListContainer7 = getListContainer()) === null || _getListContainer7 === void 0 ? void 0 : _getListContainer7.remove();
+      (_getListContainerWrap = getListContainerWrapper()) === null || _getListContainerWrap === void 0 ? void 0 : _getListContainerWrap.remove();
     };
   }, []);
   var postfixText = selectedLabel && ((_filteredOptions$find = filteredOptions.find(function (option) {

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

@@ -340,6 +340,10 @@ var TagsDropdown = function TagsDropdown(_ref) {
     return document.getElementById(dropdownId);
   };
 
+  var getListContainerWrapper = function getListContainerWrapper() {
+    return document.getElementById("mlw-".concat(dropdownId));
+  };
+
   var setListContainerStyles = function setListContainerStyles() {
     var _dropdownRef$current$, _dropdownRef$current, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _dl$getBoundingClient, _sw$getBoundingClient, _sw$getBoundingClient2, _lh$getBoundingClient, _lf$getBoundingClient;
 
@@ -598,9 +602,10 @@ var TagsDropdown = function TagsDropdown(_ref) {
   }, [scrollTop, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current]);
   (0, _react.useEffect)(function () {
     return function () {
-      var _getListContainer4;
+      var _getListContainer4, _getListContainerWrap;
 
       (_getListContainer4 = getListContainer()) === null || _getListContainer4 === void 0 ? void 0 : _getListContainer4.remove();
+      (_getListContainerWrap = getListContainerWrapper()) === null || _getListContainerWrap === void 0 ? void 0 : _getListContainerWrap.remove();
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/Modal/Modal.js

@@ -152,6 +152,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
       },
       className: (0, _classnames.default)(className, {
         modal: isOpen,
+        'modal--no-header': isOpen && noHeader,
         'modal-mobile': isOpen && isMobile,
         hidden: !isOpen
       })

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

@@ -46,7 +46,6 @@
         top: 0;
       }
 
-      &__body,
       &__footer {
         border-radius: 0!important;
       }
@@ -55,5 +54,9 @@
         bottom: 0;
       }
     }
+
+    .modal:not(.modal--no-header) .modal__body {
+      border-radius: 0!important;
+    }
   }
 }

package/dist/Molecular/InputAddress/InputAddress.js

@@ -429,6 +429,16 @@ var InputAddress = function InputAddress(_ref) {
       }, getListItemLabel(item));
     };
 
+    var renderListItemCustom = function renderListItemCustom() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: "input-address__list-item--custom",
+        className: (0, _classnames.default)('input-address__list--item', 'input-address__list--item-custom'),
+        onMouseDown: function onMouseDown(e) {
+          return setQueryAsItem(e, getSelectedItemLabel());
+        }
+      }, getSelectedItemLabel(), /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, null), /*#__PURE__*/_react.default.createElement("span", null, "Choose this only if your address is not listed below"));
+    };
+
     var renderNoItems = function renderNoItems() {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "input-address__list--no-items"
@@ -476,7 +486,7 @@ var InputAddress = function InputAddress(_ref) {
       }, renderSearchableInput())), /*#__PURE__*/_react.default.createElement("div", {
         className: "input-address__list",
         ref: listRef
-      }, isLoading ? renderLoader() : listItems !== null && listItems !== void 0 && listItems.length ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems())));
+      }, isLoading ? renderLoader() : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getSelectedItemLabel() && renderListItemCustom(), listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem), !(listItems !== null && listItems !== void 0 && listItems.length) && !getSelectedItemLabel() && renderNoItems()))));
     };
 
     return isMobile ? renderListMobile() : renderListDesktop();

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -135,6 +135,42 @@
         &:focus {
           background: #F0F1F4;
         }
+
+        &-custom {
+          padding-right: 32px;
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 4px;
+          border-bottom: 1px solid rgba(58, 72, 122, 0.15);
+          border-radius: 0;
+
+          font-family: Sarabun;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px;
+          letter-spacing: 0.2px;
+
+          svg {
+            position: absolute;
+            width: 16px;
+            height: 16px;
+            color: #A0A4B0;
+            right: 8px;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+
+          span {
+            color: #757F8C;
+            font-family: Sarabun;
+            font-size: 12px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 18px;
+            letter-spacing: 0.2px;
+          }
+        }
       }
 
       &--with-bottom-shadow::after {

package/package.json

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