arengibook 2.4.600 → 2.4.602
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 +21 -9
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -35960,6 +35960,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
35960
35960
|
_ref$isGroupedOption = _ref.isGroupedOption,
|
|
35961
35961
|
isGroupedOption = _ref$isGroupedOption === void 0 ? false : _ref$isGroupedOption,
|
|
35962
35962
|
value = _ref.value,
|
|
35963
|
+
_ref$objValue = _ref.objValue,
|
|
35964
|
+
objValue = _ref$objValue === void 0 ? null : _ref$objValue,
|
|
35963
35965
|
_ref$placeholder = _ref.placeholder,
|
|
35964
35966
|
placeholder = _ref$placeholder === void 0 ? 'Sélectionnez une option' : _ref$placeholder,
|
|
35965
35967
|
_ref$disabled = _ref.disabled,
|
|
@@ -36018,13 +36020,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36018
36020
|
setLoadedOptions = _useState6[1];
|
|
36019
36021
|
var isOptionLoadFunction = typeof options === 'function';
|
|
36020
36022
|
var filterRef = useRef('');
|
|
36023
|
+
var dropdownRef = useRef(null);
|
|
36021
36024
|
var _useState7 = useState(null),
|
|
36022
36025
|
_useState8 = _slicedToArray$8(_useState7, 2),
|
|
36023
36026
|
valueToOptionMap = _useState8[0],
|
|
36024
36027
|
setValueToOptionMap = _useState8[1];
|
|
36025
36028
|
useEffect(function () {
|
|
36026
|
-
if (isOptionLoadFunction &&
|
|
36027
|
-
setValueToOptionMap(
|
|
36029
|
+
if (isOptionLoadFunction && objValue && isSelectMeta) {
|
|
36030
|
+
setValueToOptionMap(objValue);
|
|
36028
36031
|
}
|
|
36029
36032
|
var handleScroll = function handleScroll(e) {
|
|
36030
36033
|
var target = e.target;
|
|
@@ -36089,6 +36092,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36089
36092
|
window.removeEventListener('scroll', handleScroll, true);
|
|
36090
36093
|
};
|
|
36091
36094
|
}, [options, isOptionLoadFunction, value]);
|
|
36095
|
+
useEffect(function () {
|
|
36096
|
+
if (dropdownRef.current) {
|
|
36097
|
+
var inputElement = dropdownRef.current.querySelector('.p-dropdown-label.p-inputtext');
|
|
36098
|
+
if (inputElement) {
|
|
36099
|
+
inputElement.classList.add('element-form-event-content');
|
|
36100
|
+
}
|
|
36101
|
+
}
|
|
36102
|
+
}, []);
|
|
36092
36103
|
useEffect(function () {
|
|
36093
36104
|
setOptionSelected(value !== null && value !== void 0 ? value : null);
|
|
36094
36105
|
}, [value]);
|
|
@@ -36140,7 +36151,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36140
36151
|
};
|
|
36141
36152
|
var valueTemplate = function valueTemplate(option) {
|
|
36142
36153
|
if (isSelectMeta) {
|
|
36143
|
-
if (
|
|
36154
|
+
if (objValue && valueToOptionMap && _typeof$a(objValue) === 'object') {
|
|
36144
36155
|
var mappedOption = valueToOptionMap;
|
|
36145
36156
|
var iconColor = mappedOption.color ? inverseColor(mappedOption.color) : '#FFFFFF';
|
|
36146
36157
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -36158,8 +36169,10 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36158
36169
|
}, mappedOption.label));
|
|
36159
36170
|
} else {
|
|
36160
36171
|
var _iconColor = option !== null && option !== void 0 && option.color ? inverseColor(option === null || option === void 0 ? void 0 : option.color) : '#FFFFFF';
|
|
36161
|
-
return /*#__PURE__*/React__default.createElement("
|
|
36162
|
-
|
|
36172
|
+
return /*#__PURE__*/React__default.createElement("span", {
|
|
36173
|
+
ref: dropdownRef
|
|
36174
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
36175
|
+
className: 'badge select-badge',
|
|
36163
36176
|
style: _objectSpread2({
|
|
36164
36177
|
backgroundColor: option === null || option === void 0 ? void 0 : option.color,
|
|
36165
36178
|
color: _iconColor,
|
|
@@ -36167,16 +36180,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
36167
36180
|
display: 'inline-block'
|
|
36168
36181
|
}, valueStyle)
|
|
36169
36182
|
}, option !== null && option !== void 0 && option[optionLabel] ? /*#__PURE__*/React__default.createElement("span", {
|
|
36170
|
-
className: 'badge select-badge',
|
|
36171
36183
|
style: {
|
|
36172
36184
|
color: _iconColor
|
|
36173
36185
|
}
|
|
36174
36186
|
}, option === null || option === void 0 ? void 0 : option[optionLabel]) : /*#__PURE__*/React__default.createElement("span", {
|
|
36175
|
-
className: 'badge select-badge',
|
|
36176
36187
|
style: {
|
|
36177
36188
|
color: '#000000'
|
|
36178
36189
|
}
|
|
36179
|
-
}, placeholder));
|
|
36190
|
+
}, placeholder)));
|
|
36180
36191
|
}
|
|
36181
36192
|
} else {
|
|
36182
36193
|
return /*#__PURE__*/React__default.createElement("span", {
|
|
@@ -36492,7 +36503,8 @@ var DropdownPresets = {
|
|
|
36492
36503
|
},
|
|
36493
36504
|
SelectMetaAsyncLoad: {
|
|
36494
36505
|
placeholder: 'Chargement distant simulé',
|
|
36495
|
-
value:
|
|
36506
|
+
value: 2,
|
|
36507
|
+
objValue: {
|
|
36496
36508
|
label: 'Option 2',
|
|
36497
36509
|
value: 2,
|
|
36498
36510
|
color: 'green'
|