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
|
})
|
|
@@ -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() :
|
|
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 {
|