arengibook 2.4.642 → 2.4.644

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useContext, useEffect, useState, useRef, forwardRef, Fragment } from 'react';
+import React__default, { useContext, useEffect, useState, useRef, forwardRef, Fragment, useMemo } from 'react';
 import ReactDOM from 'react-dom';
 
 function _arrayWithHoles$e(r) {
@@ -39346,19 +39346,54 @@ 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) {
+          return opt[optionValue] === option;
+        });
+      }
+      return selectedOption;
+    }).filter(Boolean);
+  }, [selectedOptions, objValue, loadedOptions, optionValue]);
   var selectedItemTemplate = function selectedItemTemplate(option) {
-    var selectedOption = objValue.find(function (opt) {
+    // 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);
-    if (!selectedOption) return null;
+    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)
+
+    // 2. Si non trouvé, cherche dans loadedOptions (pour les cas où objValue est obsolète)
+
     var handleRemove = function handleRemove(e) {
       e.stopPropagation();
       var newSelectedOptions = selectedOptions.filter(function (opt) {

package/package.json

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