arengibook 2.4.643 → 2.4.645

package/dist/index.js

@@ -39346,10 +39346,32 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       style: styleLabel
     }, option[optionLabel]));
   };
-  var selectedItemTemplate = function selectedItemTemplate(option) {
-    var selectedOption = objValue.find(function (opt) {
+  useEffect(function () {
+    loadedOptions.find(function (opt) {
       return opt[optionValue] === option;
     });
+
+    // À l'extérieur de selectedItemTemplate (dans le corps du composant)
+    useMemo(function () {
+      return selectedOptions.map(function (option) {
+        // 1. Cherche d'abord dans objValue (pour l'affichage immédiat)
+        var selectedOption = objValue.find(function (opt) {
+          return opt[optionValue] === option;
+        });
+        // 2. Si non trouvé, cherche dans loadedOptions (fallback)
+        if (!selectedOption && loadedOptions.length > 0) {
+          selectedOption = loadedOptions.find(function (opt) {
+            return opt[optionValue] === option;
+          });
+        }
+        return selectedOption;
+      }).filter(Boolean); // Filtre les valeurs "undefined" si une option n'est pas trouvée
+    }, [selectedOptions, objValue, loadedOptions, optionValue]);
+  });
+  var selectedItemTemplate = function selectedItemTemplate(option) {
+    var _selectedOption, _selectedOption2, _selectedOption3, _selectedOption4;
+    // const selectedOption = objValue.find(opt => opt[optionValue] === option);
+
     console.log("ecoute de selectedOption");
     console.log(loadedOptions.find(function (opt) {
       return opt[optionValue] === option;
@@ -39357,11 +39379,22 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     console.log(loadedOptions.find(function (opt) {
       return Number(opt[optionValue]) === Number(option);
     }));
-    console.log(selectedOption);
     console.log(objValue);
     console.log(selectedOptions);
     console.log(loadedOptions);
     console.log(option);
+
+    // 1. Cherche d'abord dans objValue (pour l'affichage immédiat)
+    var selectedOption = objValue.find(function (opt) {
+      return opt[optionValue] === option;
+    });
+    // 2. Si non trouvé, cherche dans loadedOptions (pour les cas où objValue est obsolète)
+    if (!selectedOption && loadedOptions.length > 0) {
+      selectedOption = loadedOptions.find(function (opt) {
+        return opt[optionValue] === option;
+      });
+    }
+    console.log(selectedOption);
     if (!selectedOption) return null;
     var handleRemove = function handleRemove(e) {
       e.stopPropagation();
@@ -39374,8 +39407,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     return /*#__PURE__*/React__default.createElement("span", {
       onClick: handleRemove,
       style: _objectSpread2({
-        backgroundColor: selectedOption !== null && selectedOption !== void 0 && selectedOption.color ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.color : '#f8e6ec',
-        color: selectedOption !== null && selectedOption !== void 0 && selectedOption.color ? inverseColor(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.color) : '#333',
+        backgroundColor: (_selectedOption = selectedOption) !== null && _selectedOption !== void 0 && _selectedOption.color ? (_selectedOption2 = selectedOption) === null || _selectedOption2 === void 0 ? void 0 : _selectedOption2.color : '#f8e6ec',
+        color: (_selectedOption3 = selectedOption) !== null && _selectedOption3 !== void 0 && _selectedOption3.color ? inverseColor((_selectedOption4 = selectedOption) === null || _selectedOption4 === void 0 ? void 0 : _selectedOption4.color) : '#333',
         padding: '6px 12px',
         fontSize: '14px',
         borderRadius: '8px',

package/package.json

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