intelicoreact 1.2.85 → 1.2.86
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.
|
@@ -53,7 +53,7 @@ var RC = 'dropdown';
|
|
|
53
53
|
var MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH = 10;
|
|
54
54
|
|
|
55
55
|
var Dropdown = function Dropdown(_ref) {
|
|
56
|
-
var _options$find, _dropdownListWrapperR4, _dropdownListWrapperR5, _dropdownListRef$
|
|
56
|
+
var _options$find, _dropdownListWrapperR4, _dropdownListWrapperR5, _dropdownListRef$curr5, _dropdownListRef$curr6, _filteredOptions$find;
|
|
57
57
|
|
|
58
58
|
var label = _ref.label,
|
|
59
59
|
_ref$options = _ref.options,
|
|
@@ -614,35 +614,35 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
614
614
|
}
|
|
615
615
|
}, [isOpen]);
|
|
616
616
|
(0, _react.useEffect)(function () {
|
|
617
|
-
if (isOpen && isMobile && dropdownListRef !== null && dropdownListRef !== void 0 && dropdownListRef.current) {
|
|
618
|
-
var _dropdownListRef$curr, _dropdownListRef$curr2;
|
|
617
|
+
if (isOpen && isMobile && dropdownListRef !== null && dropdownListRef !== void 0 && dropdownListRef.current && !searchValue) {
|
|
618
|
+
var _dropdownListRef$curr, _dropdownListRef$curr2, _dropdownListRef$curr3, _dropdownListRef$curr4;
|
|
619
619
|
|
|
620
620
|
setIsScrollableList((dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr = dropdownListRef.current) === null || _dropdownListRef$curr === void 0 ? void 0 : _dropdownListRef$curr.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr2 = dropdownListRef.current) === null || _dropdownListRef$curr2 === void 0 ? void 0 : _dropdownListRef$curr2.clientHeight));
|
|
621
|
-
setIsFixedMaxHeight(isScrollableList
|
|
621
|
+
setIsFixedMaxHeight(isScrollableList || (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr3 = dropdownListRef.current) === null || _dropdownListRef$curr3 === void 0 ? void 0 : _dropdownListRef$curr3.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr4 = dropdownListRef.current) === null || _dropdownListRef$curr4 === void 0 ? void 0 : _dropdownListRef$curr4.clientHeight));
|
|
622
622
|
}
|
|
623
|
-
}, [isOpen, isMobile, isScrollableList, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$
|
|
623
|
+
}, [isOpen, isMobile, isScrollableList, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr5 = dropdownListRef.current) === null || _dropdownListRef$curr5 === void 0 ? void 0 : _dropdownListRef$curr5.scrollHeight, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr6 = dropdownListRef.current) === null || _dropdownListRef$curr6 === void 0 ? void 0 : _dropdownListRef$curr6.clientHeight]);
|
|
624
624
|
(0, _react.useEffect)(function () {
|
|
625
625
|
var setScrollTopValue = function setScrollTopValue(e) {
|
|
626
626
|
setScrollTop(parseInt(e.target.scrollTop));
|
|
627
627
|
};
|
|
628
628
|
|
|
629
629
|
if (isOpen && isMobile && dropdownListRef !== null && dropdownListRef !== void 0 && dropdownListRef.current) {
|
|
630
|
-
var _dropdownListRef$
|
|
630
|
+
var _dropdownListRef$curr7;
|
|
631
631
|
|
|
632
|
-
dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$
|
|
632
|
+
dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr7 = dropdownListRef.current) === null || _dropdownListRef$curr7 === void 0 ? void 0 : _dropdownListRef$curr7.addEventListener('scroll', setScrollTopValue);
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
return function () {
|
|
636
|
-
var _dropdownListRef$
|
|
636
|
+
var _dropdownListRef$curr8;
|
|
637
637
|
|
|
638
|
-
dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$
|
|
638
|
+
dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr8 = dropdownListRef.current) === null || _dropdownListRef$curr8 === void 0 ? void 0 : _dropdownListRef$curr8.removeEventListener('scroll', setScrollTopValue);
|
|
639
639
|
};
|
|
640
640
|
}, [isOpen, isMobile, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current]);
|
|
641
641
|
(0, _react.useEffect)(function () {
|
|
642
642
|
if (dropdownListRef !== null && dropdownListRef !== void 0 && dropdownListRef.current) {
|
|
643
|
-
var _dropdownListRef$
|
|
643
|
+
var _dropdownListRef$curr9, _dropdownListRef$curr10;
|
|
644
644
|
|
|
645
|
-
setScrollHeight(parseInt((dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$
|
|
645
|
+
setScrollHeight(parseInt((dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr9 = dropdownListRef.current) === null || _dropdownListRef$curr9 === void 0 ? void 0 : _dropdownListRef$curr9.scrollHeight) - (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr10 = dropdownListRef.current) === null || _dropdownListRef$curr10 === void 0 ? void 0 : _dropdownListRef$curr10.clientHeight)));
|
|
646
646
|
}
|
|
647
647
|
}, [scrollTop, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current]);
|
|
648
648
|
var postfixText = selectedLabel && ((_filteredOptions$find = filteredOptions.find(function (option) {
|