arengibook 2.4.697 → 2.4.699
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 +18 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39953,6 +39953,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39953
39953
|
_useState4 = _slicedToArray$a(_useState3, 2);
|
|
39954
39954
|
_useState4[0];
|
|
39955
39955
|
var setHovered = _useState4[1];
|
|
39956
|
+
useRef(null);
|
|
39956
39957
|
var style = {
|
|
39957
39958
|
border: invalid ? '1px solid red' : '1px solid #ccc',
|
|
39958
39959
|
width: '100%'
|
|
@@ -39972,6 +39973,21 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
39972
39973
|
observer.disconnect();
|
|
39973
39974
|
};
|
|
39974
39975
|
}, []);
|
|
39976
|
+
useEffect(function () {
|
|
39977
|
+
var observer = new MutationObserver(function () {
|
|
39978
|
+
var labelElement = document.querySelector('.p-multiselect-label');
|
|
39979
|
+
if (labelElement && labelElement.textContent === 'empty' && placeholder) {
|
|
39980
|
+
labelElement.textContent = placeholder;
|
|
39981
|
+
}
|
|
39982
|
+
});
|
|
39983
|
+
observer.observe(document.body, {
|
|
39984
|
+
childList: true,
|
|
39985
|
+
subtree: true
|
|
39986
|
+
});
|
|
39987
|
+
return function () {
|
|
39988
|
+
observer.disconnect();
|
|
39989
|
+
};
|
|
39990
|
+
}, [placeholder]);
|
|
39975
39991
|
var optionTemplate = function optionTemplate(option) {
|
|
39976
39992
|
if (!option) return null;
|
|
39977
39993
|
if (isSelectMeta) {
|
|
@@ -40006,8 +40022,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
40006
40022
|
}, !useCheckbox && /*#__PURE__*/React__default.createElement("style", null, "\n .p-multiselect-items .p-multiselect-item .p-checkbox {\n display: none !important;\n }\n .p-multiselect-items .p-multiselect-item {\n padding-left: 1rem !important;\n align-items: center;\n }\n "), !filter && !showSelectAll && /*#__PURE__*/React__default.createElement("style", null, "\n .p-multiselect-header {\n display: none !important;\n }\n "), option[optionLabel]);
|
|
40007
40023
|
}
|
|
40008
40024
|
};
|
|
40009
|
-
|
|
40010
|
-
var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
|
|
40025
|
+
selectedOptions ? selectedOptions.length : 0;
|
|
40011
40026
|
var inverseColor = function inverseColor(hexColor) {
|
|
40012
40027
|
var r = parseInt(hexColor.substr(1, 2), 16);
|
|
40013
40028
|
var g = parseInt(hexColor.substr(3, 2), 16);
|
|
@@ -40244,7 +40259,7 @@ var MultiSelect = function MultiSelect(props) {
|
|
|
40244
40259
|
optionGroupChildren: 'items'
|
|
40245
40260
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
40246
40261
|
className: "p-multiselect-label"
|
|
40247
|
-
},
|
|
40262
|
+
}, placeholder ? placeholder : ''), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
|
|
40248
40263
|
value: selectedOptions.length,
|
|
40249
40264
|
className: "custom-badge",
|
|
40250
40265
|
style: {
|