arengibook 2.4.647 → 2.4.648

package/dist/index.js

@@ -39260,7 +39260,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
                 options: []
               };
             case 5:
-              setLoadedOptions(((_result = result) === null || _result === void 0 ? void 0 : _result.options) || []);
+              // setLoadedOptions(result?.options || []);
+              setLoadedOptions(_flattenOptions(((_result = result) === null || _result === void 0 ? void 0 : _result.options) || []));
               if (objValue) {
                 exists = (_result2 = result) === null || _result2 === void 0 || (_result2 = _result2.options) === null || _result2 === void 0 ? void 0 : _result2.some(function (opt) {
                   return opt[optionValue] === objValue[optionValue];
@@ -39346,50 +39347,76 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       style: styleLabel
     }, option[optionLabel]));
   };
+
+  // const selectedItemTemplate = (option) => {
+  //
+  //         const selectedOption = objValue.find(opt => opt[optionValue] === option);
+  //         if (!selectedOption) return null;
+  //         // const isLastItem = index === selectedOptions.length - 1;
+  //         const handleRemove = (e) => {
+  //             e.stopPropagation();
+  //             const newSelectedOptions = selectedOptions.filter(opt => opt !== option);
+  //             setSelectedOptions(newSelectedOptions);
+  //             if (onChange) onChange(newSelectedOptions);
+  //         };
+  //
+  //         return (
+  //             <span
+  //                 onClick={handleRemove}
+  //                 style={{
+  //                     backgroundColor: selectedOption?.color ? selectedOption?.color : '#f8e6ec',
+  //                     color: selectedOption?.color ? inverseColor(selectedOption?.color) : '#333',
+  //                     padding: '6px 12px',
+  //                     fontSize: '14px',
+  //                     borderRadius: '8px',
+  //                     boxShadow: '2px 2px 4px rgba(0, 0, 0, 0.15)',
+  //                     display: 'inline-block',
+  //                     marginBottom: '5px',
+  //                     fontFamily: 'Arial',
+  //                     cursor: 'pointer',
+  //                     marginRight: '15px',
+  //                     ...valueStyle,
+  //                 }}
+  //             >
+  //                 {selectedOption[optionLabel]}
+  //                 <span style={{ marginLeft: '5px' }}>×</span>
+  //             </span>
+  //         );
+  //
+  //
+  // };
+
   var _flattenOptions = function flattenOptions(options) {
-    return options.reduce(function (acc, option) {
-      if (Array.isArray(option)) {
-        // Si c'est un sous-tableau, on l'aplatit récursivement
-        return [].concat(_toConsumableArray$7(acc), _toConsumableArray$7(_flattenOptions(option)));
+    if (!Array.isArray(options)) return [];
+    return options.reduce(function (acc, item) {
+      if (Array.isArray(item)) {
+        acc.push.apply(acc, _toConsumableArray$7(_flattenOptions(item))); // récursion
       } else {
-        // Sinon, on ajoute simplement l'objet
-        return [].concat(_toConsumableArray$7(acc), [option]);
+        acc.push(item);
       }
+      return acc;
     }, []);
   };
-  var selectedItemTemplate = function selectedItemTemplate(option) {
-    var _selectedOption, _selectedOption2, _selectedOption3, _selectedOption4;
-    // const selectedOption = objValue.find(opt => opt[optionValue] === option);
-
+  var selectedItemTemplate = function selectedItemTemplate(paramValue, index) {
+    // const selectedOption = loadedOptions.find(opt => opt[optionValue] === paramValue);
+    var selectedOption = loadedOptions.find(function (opt) {
+      return opt[optionValue] === paramValue;
+    });
     console.log("ecoute de selectedOption");
     console.log(loadedOptions.find(function (opt) {
-      return opt[optionValue] === option;
-    }));
-    console.log(loadedOptions.find(function (opt) {
-      return Number(opt[optionValue]) === Number(option);
+      return opt[optionValue] === paramValue;
     }));
+    console.log(selectedOption);
     console.log(objValue);
+    console.log(paramValue);
     console.log(selectedOptions);
     console.log(loadedOptions);
-    console.log(option);
-
-    // Aplatir loadedOptions
-    var flattenedLoadedOptions = _flattenOptions(loadedOptions);
-
-    // Chercher l'option dans objValue d'abord, puis dans flattenedLoadedOptions
-    var selectedOption = objValue.find(function (opt) {
-      return opt[optionValue] === option;
-    });
-    if (!selectedOption) {
-      selectedOption = flattenedLoadedOptions.find(function (opt) {
-        return opt[optionValue] === option;
-      });
-    }
     if (!selectedOption) return null;
+    // const isLastItem = index === selectedOptions.length - 1;
     var handleRemove = function handleRemove(e) {
       e.stopPropagation();
       var newSelectedOptions = selectedOptions.filter(function (opt) {
-        return opt !== option;
+        return opt !== paramValue;
       });
       setSelectedOptions(newSelectedOptions);
       if (onChange) onChange(newSelectedOptions);
@@ -39397,8 +39424,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     return /*#__PURE__*/React__default.createElement("span", {
       onClick: handleRemove,
       style: _objectSpread2({
-        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',
+        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',
         padding: '6px 12px',
         fontSize: '14px',
         borderRadius: '8px',
@@ -39416,52 +39443,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     }, "\xD7"));
   };
 
-  // const selectedItemTemplate = (paramValue, index) => {
-  //     // const selectedOption = loadedOptions.find(opt => opt[optionValue] === paramValue);
-  //             const selectedOption = objValue.find(opt => opt[optionValue] === paramValue);
-  //
-  //     console.log("ecoute de selectedOption")
-  //     console.log(loadedOptions.find(opt => opt[optionValue] === paramValue))
-  //     console.log(selectedOption)
-  //     console.log(objValue)
-  //     console.log(paramValue)
-  //     console.log(selectedOptions)
-  //     console.log(loadedOptions)
-  //
-  //     if (!selectedOption) return null;
-  //     // const isLastItem = index === selectedOptions.length - 1;
-  //     const handleRemove = (e) => {
-  //         e.stopPropagation();
-  //         const newSelectedOptions = selectedOptions.filter(opt => opt !== paramValue);
-  //         setSelectedOptions(newSelectedOptions);
-  //         if (onChange) onChange(newSelectedOptions);
-  //     };
-  //
-  //     return (
-  //         <span
-  //             onClick={handleRemove}
-  //             style={{
-  //                 backgroundColor: selectedOption?.color ? selectedOption?.color : '#f8e6ec',
-  //                 color: selectedOption?.color ? inverseColor(selectedOption?.color) : '#333',
-  //                 padding: '6px 12px',
-  //                 fontSize: '14px',
-  //                 borderRadius: '8px',
-  //                 boxShadow: '2px 2px 4px rgba(0, 0, 0, 0.15)',
-  //                 display: 'inline-block',
-  //                 marginBottom: '5px',
-  //                 fontFamily: 'Arial',
-  //                 cursor: 'pointer',
-  //                 marginRight: '15px',
-  //                 ...valueStyle,
-  //             }}
-  //         >
-  //                 {selectedOption[optionLabel]}
-  //                 <span style={{ marginLeft: '5px' }}>×</span>
-  //         </span>
-  //     );
-  //
-  // };
-
   // Fonction de lazy loading
   var onLazyLoad = function onLazyLoad(event) {
     if (isOptionsArray) return;
@@ -39513,7 +39494,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
                 _items[i] = newOptions[i - first];
               }
             }
-            setLoadedOptions(_items);
+            // setLoadedOptions(_items);
+            setLoadedOptions(_flattenOptions(_items));
             setLoading(false);
             currentPageRef.current += 1;
             // Redimensionnement du conteneur
@@ -39534,7 +39516,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       width: '100%'
     }
   }, /*#__PURE__*/React__default.createElement(MultiSelect$1, {
-    options: loadedOptions,
+    options: _flattenOptions(loadedOptions),
     onChange: handleChange,
     style: style,
     showSelectAll: showSelectAll,

package/package.json

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