arengibook 2.4.600 → 2.4.601
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.
- package/dist/index.js +13 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -36018,6 +36018,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36018
36018
|
setLoadedOptions = _useState6[1];
|
|
36019
36019
|
var isOptionLoadFunction = typeof options === 'function';
|
|
36020
36020
|
var filterRef = useRef('');
|
|
36021
|
+
var dropdownRef = useRef(null);
|
|
36021
36022
|
var _useState7 = useState(null),
|
|
36022
36023
|
_useState8 = _slicedToArray$8(_useState7, 2),
|
|
36023
36024
|
valueToOptionMap = _useState8[0],
|
|
@@ -36089,6 +36090,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36089
36090
|
window.removeEventListener('scroll', handleScroll, true);
|
|
36090
36091
|
};
|
|
36091
36092
|
}, [options, isOptionLoadFunction, value]);
|
|
36093
|
+
useEffect(function () {
|
|
36094
|
+
if (dropdownRef.current) {
|
|
36095
|
+
var inputElement = dropdownRef.current.querySelector('.p-dropdown-label.p-inputtext');
|
|
36096
|
+
if (inputElement) {
|
|
36097
|
+
inputElement.classList.add('element-form-event-content');
|
|
36098
|
+
}
|
|
36099
|
+
}
|
|
36100
|
+
}, []);
|
|
36092
36101
|
useEffect(function () {
|
|
36093
36102
|
setOptionSelected(value !== null && value !== void 0 ? value : null);
|
|
36094
36103
|
}, [value]);
|
|
@@ -36159,7 +36168,9 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36159
36168
|
} else {
|
|
36160
36169
|
var _iconColor = option !== null && option !== void 0 && option.color ? inverseColor(option === null || option === void 0 ? void 0 : option.color) : '#FFFFFF';
|
|
36161
36170
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
36162
|
-
|
|
36171
|
+
ref: dropdownRef
|
|
36172
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
36173
|
+
className: 'badge select-badge',
|
|
36163
36174
|
style: _objectSpread2({
|
|
36164
36175
|
backgroundColor: option === null || option === void 0 ? void 0 : option.color,
|
|
36165
36176
|
color: _iconColor,
|
|
@@ -36167,16 +36178,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36167
36178
|
display: 'inline-block'
|
|
36168
36179
|
}, valueStyle)
|
|
36169
36180
|
}, option !== null && option !== void 0 && option[optionLabel] ? /*#__PURE__*/React__default.createElement("span", {
|
|
36170
|
-
className: 'badge select-badge',
|
|
36171
36181
|
style: {
|
|
36172
36182
|
color: _iconColor
|
|
36173
36183
|
}
|
|
36174
36184
|
}, option === null || option === void 0 ? void 0 : option[optionLabel]) : /*#__PURE__*/React__default.createElement("span", {
|
|
36175
|
-
className: 'badge select-badge',
|
|
36176
36185
|
style: {
|
|
36177
36186
|
color: '#000000'
|
|
36178
36187
|
}
|
|
36179
|
-
}, placeholder));
|
|
36188
|
+
}, placeholder)));
|
|
36180
36189
|
}
|
|
36181
36190
|
} else {
|
|
36182
36191
|
return /*#__PURE__*/React__default.createElement("span", {
|