arengibook 2.4.644 → 2.4.645

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useContext, useEffect, useState, useRef, forwardRef, Fragment, useMemo } from 'react';
+import React__default, { useContext, useEffect, useState, useRef, forwardRef, Fragment } from 'react';
 import ReactDOM from 'react-dom';
 
 function _arrayWithHoles$e(r) {
@@ -39346,54 +39346,56 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       style: styleLabel
     }, option[optionLabel]));
   };
-  var selectedOptionsObjects = useMemo(function () {
-    return selectedOptions.map(function (option) {
-      var selectedOption = objValue.find(function (opt) {
-        return opt[optionValue] === option;
-      });
-      if (!selectedOption && loadedOptions.length > 0) {
-        selectedOption = loadedOptions.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;
         });
-      }
-      return selectedOption;
-    }).filter(Boolean);
-  }, [selectedOptions, objValue, loadedOptions, optionValue]);
+        // 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);
-    var selectedOption = selectedOptionsObjects.find(function (opt) {
-      return opt[optionValue] === option;
-    });
-    if (!selectedOption) return null;
+
     console.log("ecoute de selectedOption");
-    console.log(selectedOptionsObjects.find(function (opt) {
-      return opt[optionValue] === option;
-    }));
     console.log(loadedOptions.find(function (opt) {
       return opt[optionValue] === option;
     }));
     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);
 
-    // if (!selectedOption) return null;
-    //
-    // const handleRemove = (e) => {
-    //     e.stopPropagation();
-    //     const newSelectedOptions = selectedOptions.filter(opt => opt !== option);
-    //     setSelectedOptions(newSelectedOptions);
-    //     if (onChange) onChange(newSelectedOptions);
-    // };
-
     // 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();
       var newSelectedOptions = selectedOptions.filter(function (opt) {
@@ -39405,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.644",
+  "version": "2.4.645",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {