intelicoreact 1.3.2 → 1.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -152,6 +152,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
152
152
  },
153
153
  className: (0, _classnames.default)(className, {
154
154
  modal: isOpen,
155
+ 'modal--no-header': isOpen && noHeader,
155
156
  'modal-mobile': isOpen && isMobile,
156
157
  hidden: !isOpen
157
158
  })
@@ -46,7 +46,6 @@
46
46
  top: 0;
47
47
  }
48
48
 
49
- &__body,
50
49
  &__footer {
51
50
  border-radius: 0!important;
52
51
  }
@@ -55,5 +54,9 @@
55
54
  bottom: 0;
56
55
  }
57
56
  }
57
+
58
+ .modal:not(.modal--no-header) .modal__body {
59
+ border-radius: 0!important;
60
+ }
58
61
  }
59
62
  }
@@ -429,10 +429,20 @@ var InputAddress = function InputAddress(_ref) {
429
429
  }, getListItemLabel(item));
430
430
  };
431
431
 
432
+ var renderListItemCustom = function renderListItemCustom() {
433
+ return /*#__PURE__*/_react.default.createElement("div", {
434
+ key: "input-address__list-item--custom",
435
+ className: (0, _classnames.default)('input-address__list--item', 'input-address__list--item-custom'),
436
+ onMouseDown: function onMouseDown(e) {
437
+ return setQueryAsItem(e, getSelectedItemLabel());
438
+ }
439
+ }, getSelectedItemLabel(), /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, null), /*#__PURE__*/_react.default.createElement("span", null, "Choose this only if your address is not listed below"));
440
+ };
441
+
432
442
  var renderNoItems = function renderNoItems() {
433
443
  return /*#__PURE__*/_react.default.createElement("div", {
434
444
  className: "input-address__list--no-items"
435
- }, isMobile ? 'Please begin entering your address' : noItemsMessage || 'No Items');
445
+ }, isMobile && !(query !== null && query !== void 0 && query.length) ? 'Please begin entering your address' : noItemsMessage || 'No Items');
436
446
  };
437
447
 
438
448
  var renderListDesktop = function renderListDesktop() {
@@ -476,7 +486,7 @@ var InputAddress = function InputAddress(_ref) {
476
486
  }, renderSearchableInput())), /*#__PURE__*/_react.default.createElement("div", {
477
487
  className: "input-address__list",
478
488
  ref: listRef
479
- }, isLoading ? renderLoader() : listItems !== null && listItems !== void 0 && listItems.length ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems())));
489
+ }, 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()))));
480
490
  };
481
491
 
482
492
  return isMobile ? renderListMobile() : renderListDesktop();
@@ -135,6 +135,42 @@
135
135
  &:focus {
136
136
  background: #F0F1F4;
137
137
  }
138
+
139
+ &-custom {
140
+ padding-right: 32px;
141
+ flex-direction: column;
142
+ align-items: flex-start;
143
+ gap: 4px;
144
+ border-bottom: 1px solid rgba(58, 72, 122, 0.15);
145
+ border-radius: 0;
146
+
147
+ font-family: Sarabun;
148
+ font-size: 14px;
149
+ font-style: normal;
150
+ font-weight: 400;
151
+ line-height: 20px;
152
+ letter-spacing: 0.2px;
153
+
154
+ svg {
155
+ position: absolute;
156
+ width: 16px;
157
+ height: 16px;
158
+ color: #A0A4B0;
159
+ right: 8px;
160
+ top: 50%;
161
+ transform: translateY(-50%);
162
+ }
163
+
164
+ span {
165
+ color: #757F8C;
166
+ font-family: Sarabun;
167
+ font-size: 12px;
168
+ font-style: normal;
169
+ font-weight: 400;
170
+ line-height: 18px;
171
+ letter-spacing: 0.2px;
172
+ }
173
+ }
138
174
  }
139
175
 
140
176
  &--with-bottom-shadow::after {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.3.2",
3
+ "version": "1.3.4",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [