intelicoreact 1.2.96 → 1.2.97
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.
|
@@ -106,6 +106,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
106
106
|
var dropdownListRef = (0, _react.useRef)(null);
|
|
107
107
|
var dropdownListWrapperRef = (0, _react.useRef)(null);
|
|
108
108
|
var searchInputRef = (0, _react.useRef)(null);
|
|
109
|
+
var wrapperRef = (0, _react.useRef)(null);
|
|
109
110
|
|
|
110
111
|
var _useState5 = (0, _react.useState)(null),
|
|
111
112
|
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
@@ -259,6 +260,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
259
260
|
setSearchValue(inputValue);
|
|
260
261
|
};
|
|
261
262
|
|
|
263
|
+
var onWrapperClick = function onWrapperClick(e) {
|
|
264
|
+
if (e.target === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
|
|
265
|
+
e.stopPropagation();
|
|
266
|
+
e.preventDefault();
|
|
267
|
+
setIsOpen(false);
|
|
268
|
+
}
|
|
269
|
+
};
|
|
270
|
+
|
|
262
271
|
var hightlightedText = function hightlightedText(text, postfix, description) {
|
|
263
272
|
var _text;
|
|
264
273
|
|
|
@@ -446,7 +455,9 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
446
455
|
var _cn3, _cn4, _getSortedOptions;
|
|
447
456
|
|
|
448
457
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
449
|
-
className: (0, _classnames.default)("".concat(RC, "__container-wrapper"))
|
|
458
|
+
className: (0, _classnames.default)("".concat(RC, "__container-wrapper")),
|
|
459
|
+
ref: wrapperRef,
|
|
460
|
+
onClick: onWrapperClick
|
|
450
461
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
451
462
|
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)),
|
|
452
463
|
ref: dropdownListWrapperRef
|
|
@@ -130,6 +130,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
|
|
|
130
130
|
var dropdownListRef = (0, _react.useRef)(null);
|
|
131
131
|
var dropdownListWrapperRef = (0, _react.useRef)(null);
|
|
132
132
|
var inputRef = (0, _react.useRef)(null);
|
|
133
|
+
var wrapperRef = (0, _react.useRef)(null);
|
|
133
134
|
|
|
134
135
|
var _useState5 = (0, _react.useState)(null),
|
|
135
136
|
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
@@ -206,6 +207,14 @@ var TagsDropdown = function TagsDropdown(_ref) {
|
|
|
206
207
|
setSearchValue(inputValue);
|
|
207
208
|
};
|
|
208
209
|
|
|
210
|
+
var onWrapperClick = function onWrapperClick(e) {
|
|
211
|
+
if (e.target === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
|
|
212
|
+
e.stopPropagation();
|
|
213
|
+
e.preventDefault();
|
|
214
|
+
setIsOpen(false);
|
|
215
|
+
}
|
|
216
|
+
};
|
|
217
|
+
|
|
209
218
|
var getMarkupForElement = function getMarkupForElement(item) {
|
|
210
219
|
var _title$toString;
|
|
211
220
|
|
|
@@ -414,7 +423,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
|
|
|
414
423
|
|
|
415
424
|
var filteredOptions = getFilteredOptions(options);
|
|
416
425
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
417
|
-
className: (0, _classnames.default)("".concat(RC, "__container-wrapper"))
|
|
426
|
+
className: (0, _classnames.default)("".concat(RC, "__container-wrapper")),
|
|
427
|
+
ref: wrapperRef,
|
|
428
|
+
onClick: onWrapperClick
|
|
418
429
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
419
430
|
ref: dropdownListWrapperRef,
|
|
420
431
|
className: (0, _classnames.default)("".concat(RC, "__selector-wrapper"), (0, _defineProperty2.default)({}, "".concat(RC, "__selector-wrapper--fixed-height"), isFixedMaxHeight && isMobile))
|