arengibook 2.4.647 → 2.4.649

package/dist/index.js

@@ -53,14 +53,14 @@ function _slicedToArray$e(r, e) {
   return _arrayWithHoles$e(r) || _iterableToArrayLimit$e(r, e) || _unsupportedIterableToArray$2$1(r, e) || _nonIterableRest$e();
 }
 
-function _typeof$g(o) {
+function _typeof$h(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$g = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$g(o);
+  }, _typeof$h(o);
 }
 
 function classNames() {
@@ -74,7 +74,7 @@ function classNames() {
       if (!className) {
         continue;
       }
-      var type = _typeof$g(className);
+      var type = _typeof$h(className);
       if (type === 'string' || type === 'number') {
         classes.push(className);
       } else if (type === 'object') {
@@ -115,11 +115,11 @@ function _classCallCheck$3(a, n) {
 }
 
 function toPrimitive$g(t, r) {
-  if ("object" != _typeof$g(t) || !t) return t;
+  if ("object" != _typeof$h(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$g(i)) return i;
+    if ("object" != _typeof$h(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (String )(t);
@@ -127,7 +127,7 @@ function toPrimitive$g(t, r) {
 
 function toPropertyKey$g(t) {
   var i = toPrimitive$g(t, "string");
-  return "symbol" == _typeof$g(i) ? i : i + "";
+  return "symbol" == _typeof$h(i) ? i : i + "";
 }
 
 function _defineProperties(e, r) {
@@ -399,7 +399,7 @@ var DomHandler = /*#__PURE__*/function () {
           var styles = element !== null && element !== void 0 && (_element$$attrs = element.$attrs) !== null && _element$$attrs !== void 0 && _element$$attrs[rule] ? [element === null || element === void 0 || (_element$$attrs2 = element.$attrs) === null || _element$$attrs2 === void 0 ? void 0 : _element$$attrs2[rule]] : [];
           return [value].flat().reduce(function (cv, v) {
             if (v !== null && v !== undefined) {
-              var type = _typeof$g(v);
+              var type = _typeof$h(v);
               if (type === 'string' || type === 'number') {
                 cv.push(v);
               } else if (type === 'object') {
@@ -956,12 +956,12 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isElement",
     value: function isElement(obj) {
-      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof$g(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof$g(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
+      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof$h(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof$h(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
     }
   }, {
     key: "isDocument",
     value: function isDocument(obj) {
-      return (typeof Document === "undefined" ? "undefined" : _typeof$g(Document)) === 'object' ? obj instanceof Document : obj && _typeof$g(obj) === 'object' && obj !== null && obj.nodeType === 9;
+      return (typeof Document === "undefined" ? "undefined" : _typeof$h(Document)) === 'object' ? obj instanceof Document : obj && _typeof$h(obj) === 'object' && obj !== null && obj.nodeType === 9;
     }
   }, {
     key: "scrollInView",
@@ -1293,7 +1293,7 @@ var DomHandler = /*#__PURE__*/function () {
         return document;
       } else if (target === 'window') {
         return window;
-      } else if (_typeof$g(target) === 'object' && target.hasOwnProperty('current')) {
+      } else if (_typeof$h(target) === 'object' && target.hasOwnProperty('current')) {
         return this.isExist(target.current) ? target.current : null;
       }
       var isFunction = function isFunction(obj) {
@@ -1469,7 +1469,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   return _createClass$3(ObjectUtils, null, [{
     key: "equals",
     value: function equals(obj1, obj2, field) {
-      if (field && obj1 && _typeof$g(obj1) === 'object' && obj2 && _typeof$g(obj2) === 'object') {
+      if (field && obj1 && _typeof$h(obj1) === 'object' && obj2 && _typeof$h(obj2) === 'object') {
         return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
       }
       return this.deepEquals(obj1, obj2);
@@ -1487,7 +1487,7 @@ var ObjectUtils = /*#__PURE__*/function () {
       if (a === b) {
         return true;
       }
-      if (a && b && _typeof$g(a) === 'object' && _typeof$g(b) === 'object') {
+      if (a && b && _typeof$h(a) === 'object' && _typeof$h(b) === 'object') {
         var arrA = Array.isArray(a);
         var arrB = Array.isArray(b);
         var i;
@@ -1770,7 +1770,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     key: "getRefElement",
     value: function getRefElement(ref) {
       if (ref) {
-        return _typeof$g(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
+        return _typeof$h(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
       }
       return null;
     }
@@ -1813,7 +1813,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "isEmpty",
     value: function isEmpty(value) {
-      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof$g(value) === 'object' && Object.keys(value).length === 0;
+      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof$h(value) === 'object' && Object.keys(value).length === 0;
     }
   }, {
     key: "isNotEmpty",
@@ -1995,7 +1995,7 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "mutateFieldData",
     value: function mutateFieldData(data, field, value) {
-      if (_typeof$g(data) !== 'object' || typeof field !== 'string') {
+      if (_typeof$h(data) !== 'object' || typeof field !== 'string') {
         // short circuit if there is nothing to resolve
         return;
       }
@@ -2064,7 +2064,7 @@ var ObjectUtils = /*#__PURE__*/function () {
       var currentDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
       if (!objA || !objB) return true;
       if (currentDepth > maxDepth) return true;
-      if (_typeof$g(objA) !== _typeof$g(objB)) return false;
+      if (_typeof$h(objA) !== _typeof$h(objB)) return false;
       var aKeys = Object.keys(objA);
       var bKeys = Object.keys(objB);
       if (aKeys.length !== bKeys.length) return false;
@@ -2109,7 +2109,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function selectiveCompare(a, b, keysToCompare) {
       var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
       if (a === b) return true;
-      if (!a || !b || _typeof$g(a) !== 'object' || _typeof$g(b) !== 'object') return false;
+      if (!a || !b || _typeof$h(a) !== 'object' || _typeof$h(b) !== 'object') return false;
       if (!keysToCompare) return this.absoluteCompare(a, b, 1); // If no keys are provided, the comparison is limited to one depth level.
       var _iterator2 = _createForOfIteratorHelper$5(keysToCompare),
         _step2;
@@ -2118,7 +2118,7 @@ var ObjectUtils = /*#__PURE__*/function () {
           var key = _step2.value;
           var aValue = this.getNestedValue(a, key);
           var bValue = this.getNestedValue(b, key);
-          var isObject = _typeof$g(aValue) === 'object' && aValue !== null && _typeof$g(bValue) === 'object' && bValue !== null;
+          var isObject = _typeof$h(aValue) === 'object' && aValue !== null && _typeof$h(bValue) === 'object' && bValue !== null;
 
           // If the current key is an object, they are compared in one further level only.
           if (isObject && !this.absoluteCompare(aValue, bValue, maxDepth)) return false;
@@ -2154,7 +2154,7 @@ var IconUtils = /*#__PURE__*/function () {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var content = null;
       if (icon !== null) {
-        var iconType = _typeof$g(icon);
+        var iconType = _typeof$h(icon);
         var className = classNames(iconProps.className, iconType === 'string' && icon);
         content = /*#__PURE__*/React.createElement("span", _extends$H({}, iconProps, {
           className: className,
@@ -2997,22 +2997,22 @@ var FilterService = {
   }
 };
 
-function _typeof$f(o) {
+function _typeof$g(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$g = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$f(o);
+  }, _typeof$g(o);
 }
 
 function toPrimitive$f(t, r) {
-  if ("object" != _typeof$f(t) || !t) return t;
+  if ("object" != _typeof$g(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$f(i)) return i;
+    if ("object" != _typeof$g(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -3020,7 +3020,7 @@ function toPrimitive$f(t, r) {
 
 function toPropertyKey$f(t) {
   var i = toPrimitive$f(t, "string");
-  return "symbol" == _typeof$f(i) ? i : i + "";
+  return "symbol" == _typeof$g(i) ? i : i + "";
 }
 
 function _defineProperty$g(e, r, t) {
@@ -3962,22 +3962,22 @@ function _toConsumableArray$9(r) {
   return _arrayWithoutHoles$9(r) || _iterableToArray$9(r) || _unsupportedIterableToArray$f(r) || _nonIterableSpread$9();
 }
 
-function _typeof$e(o) {
+function _typeof$f(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$e(o);
+  }, _typeof$f(o);
 }
 
 function toPrimitive$e(t, r) {
-  if ("object" != _typeof$e(t) || !t) return t;
+  if ("object" != _typeof$f(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$e(i)) return i;
+    if ("object" != _typeof$f(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -3985,7 +3985,7 @@ function toPrimitive$e(t, r) {
 
 function toPropertyKey$e(t) {
   var i = toPrimitive$e(t, "string");
-  return "symbol" == _typeof$e(i) ? i : i + "";
+  return "symbol" == _typeof$f(i) ? i : i + "";
 }
 
 function _defineProperty$f(e, r, t) {
@@ -4347,22 +4347,22 @@ function _extends$F() {
   }, _extends$F.apply(null, arguments);
 }
 
-function _typeof$d(o) {
+function _typeof$e(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$e = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$d(o);
+  }, _typeof$e(o);
 }
 
 function toPrimitive$d(t, r) {
-  if ("object" != _typeof$d(t) || !t) return t;
+  if ("object" != _typeof$e(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$d(i)) return i;
+    if ("object" != _typeof$e(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -4370,7 +4370,7 @@ function toPrimitive$d(t, r) {
 
 function toPropertyKey$d(t) {
   var i = toPrimitive$d(t, "string");
-  return "symbol" == _typeof$d(i) ? i : i + "";
+  return "symbol" == _typeof$e(i) ? i : i + "";
 }
 
 function _defineProperty$e(e, r, t) {
@@ -4680,22 +4680,22 @@ function _extends$E() {
   }, _extends$E.apply(null, arguments);
 }
 
-function _typeof$c(o) {
+function _typeof$d(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$c(o);
+  }, _typeof$d(o);
 }
 
 function toPrimitive$c(t, r) {
-  if ("object" != _typeof$c(t) || !t) return t;
+  if ("object" != _typeof$d(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$c(i)) return i;
+    if ("object" != _typeof$d(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -4703,7 +4703,7 @@ function toPrimitive$c(t, r) {
 
 function toPropertyKey$c(t) {
   var i = toPrimitive$c(t, "string");
-  return "symbol" == _typeof$c(i) ? i : i + "";
+  return "symbol" == _typeof$d(i) ? i : i + "";
 }
 
 function _defineProperty$d(e, r, t) {
@@ -5383,22 +5383,22 @@ function _extends$D() {
   }, _extends$D.apply(null, arguments);
 }
 
-function _typeof$b(o) {
+function _typeof$c(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$b = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+  return _typeof$c = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
     return typeof o;
   } : function (o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof$b(o);
+  }, _typeof$c(o);
 }
 
 function toPrimitive$b(t, r) {
-  if ("object" != _typeof$b(t) || !t) return t;
+  if ("object" != _typeof$c(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r);
-    if ("object" != _typeof$b(i)) return i;
+    if ("object" != _typeof$c(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -5406,7 +5406,7 @@ function toPrimitive$b(t, r) {
 
 function toPropertyKey$b(t) {
   var i = toPrimitive$b(t, "string");
-  return "symbol" == _typeof$b(i) ? i : i + "";
+  return "symbol" == _typeof$c(i) ? i : i + "";
 }
 
 function _defineProperty$c(e, r, t) {
@@ -5994,6 +5994,15 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
+function _typeof$b(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof$b = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof$b(o);
+}
 function _unsupportedIterableToArray$b(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray$b(r, a);
@@ -39260,7 +39269,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,59 +39356,93 @@ 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);
-
-    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);
-    }));
-    console.log(objValue);
-    console.log(selectedOptions);
-    console.log(loadedOptions);
-    console.log(option);
 
-    // Aplatir loadedOptions
-    var flattenedLoadedOptions = _flattenOptions(loadedOptions);
+  // util pour unifier la comparaison (objet => id | primitif => lui-même)
+  var getKey = function getKey(v) {
+    return v && _typeof$b(v) === 'object' ? v[optionValue] : v;
+  };
+  var selectedItemTemplate = function selectedItemTemplate(paramValue, index) {
+    var _selectedOption$color, _selectedOption$color2;
+    var key = String(getKey(paramValue)); // normalise pour éviter 1 vs "1"
 
-    // Chercher l'option dans objValue d'abord, puis dans flattenedLoadedOptions
-    var selectedOption = objValue.find(function (opt) {
-      return opt[optionValue] === option;
+    var selectedOption = _flattenOptions(loadedOptions).find(function (opt) {
+      return String(opt[optionValue]) === key;
     });
-    if (!selectedOption) {
-      selectedOption = flattenedLoadedOptions.find(function (opt) {
-        return opt[optionValue] === option;
+    if (!selectedOption) return null;
+    var objMatch = Array.isArray(objValue) ? objValue.find(function (o) {
+      return String(o[optionValue]) === key;
+    }) : null;
+    if (objMatch) {
+      var _objMatch$color;
+      selectedOption = _objectSpread2(_objectSpread2({}, selectedOption), {}, {
+        color: (_objMatch$color = objMatch.color) !== null && _objMatch$color !== void 0 ? _objMatch$color : selectedOption.color
+        // A ajouter d'autres props visuelles si besoin:
+        // exempl: backgroundColor: objMatch.backgroundColor ?? selectedOption.backgroundColor,
       });
     }
-    if (!selectedOption) return null;
     var handleRemove = function handleRemove(e) {
       e.stopPropagation();
-      var newSelectedOptions = selectedOptions.filter(function (opt) {
-        return opt !== option;
+      var newSelected = (selectedOptions || []).filter(function (opt) {
+        return String(getKey(opt)) !== key;
       });
-      setSelectedOptions(newSelectedOptions);
-      if (onChange) onChange(newSelectedOptions);
+      setSelectedOptions(newSelected);
+      if (onChange) onChange(newSelected);
     };
     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$color = selectedOption.color) !== null && _selectedOption$color !== void 0 ? _selectedOption$color : '#f8e6ec',
+        color: inverseColor((_selectedOption$color2 = selectedOption.color) !== null && _selectedOption$color2 !== void 0 ? _selectedOption$color2 : '#f8e6ec'),
         padding: '6px 12px',
         fontSize: '14px',
         borderRadius: '8px',
@@ -39416,52 +39460,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 +39511,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 +39533,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.649",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {