arengibook 2.4.698 → 2.4.700

package/dist/index.js

@@ -39953,7 +39953,7 @@ var MultiSelect = function MultiSelect(props) {
     _useState4 = _slicedToArray$a(_useState3, 2);
     _useState4[0];
     var setHovered = _useState4[1];
-  var multiselectRef = useRef(null);
+  useRef(null);
   var style = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
     width: '100%'
@@ -39974,12 +39974,30 @@ var MultiSelect = function MultiSelect(props) {
     };
   }, []);
   useEffect(function () {
-    var _multiselectRef$curre;
-    var labelElement = (_multiselectRef$curre = multiselectRef.current) === null || _multiselectRef$curre === void 0 ? void 0 : _multiselectRef$curre.querySelector('.p-multiselect-label');
-    if (labelElement && labelElement.textContent === 'empty' && placeholder) {
-      labelElement.textContent = placeholder;
-    }
-  }, [selectedOptions, placeholder]);
+    var observer = new MutationObserver(function () {
+      var labelElement = document.querySelector('.p-multiselect-label');
+      if (labelElement) {
+        console.log('labelElement');
+        console.log(labelElement);
+        console.log(labelElement.textContent);
+        console.log(placeholder);
+        console.log("placeholder");
+      } else {
+        console.log(document.querySelector('.p-multiselect-label'));
+        console.log("rien");
+      }
+      if (labelElement && labelElement.textContent === 'empty') {
+        labelElement.textContent = 'Choisissez vos options';
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, [placeholder]);
   var optionTemplate = function optionTemplate(option) {
     if (!option) return null;
     if (isSelectMeta) {
@@ -40014,8 +40032,7 @@ var MultiSelect = function MultiSelect(props) {
       }, !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]);
     }
   };
-  var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
-  var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
+  selectedOptions ? selectedOptions.length : 0;
   var inverseColor = function inverseColor(hexColor) {
     var r = parseInt(hexColor.substr(1, 2), 16);
     var g = parseInt(hexColor.substr(3, 2), 16);
@@ -40252,7 +40269,7 @@ var MultiSelect = function MultiSelect(props) {
     optionGroupChildren: 'items'
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "p-multiselect-label"
-  }, "ici ", selectedOptionsText), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
+  }, placeholder ? placeholder : ''), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
     value: selectedOptions.length,
     className: "custom-badge",
     style: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.698",
+  "version": "2.4.700",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {