arengibook 1.2.319-main → 1.2.320-main

package/dist/index.js

@@ -41047,7 +41047,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     _useState4 = _slicedToArray$d(_useState3, 2),
     loadedOptions = _useState4[0],
     setLoadedOptions = _useState4[1];
-  var loadedOptionsRef = useRef([]); // toujours à jour, évite les closures stales
+  var loadedOptionsRef = useRef([]);
   var multiSelectRef = useRef(null);
   var containerRef = useRef(null);
   var _useState5 = useState(false),
@@ -41059,8 +41059,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var currentPageRef = useRef(1);
   var searchTermRef = useRef('');
   var searchTimeout = useRef(null);
-
-  // Wrapper qui synchronise state ET ref en un seul appel
   var updateLoadedOptions = function updateLoadedOptions(opts) {
     loadedOptionsRef.current = opts;
     setLoadedOptions(opts);
@@ -41208,7 +41206,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     var loadInitialOptions = /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
         var _result, _result2;
-        var result, initialOpts, _result3, exists;
+        var result, initialOpts, existingValues, missingSelected;
         return _regenerator().w(function (_context2) {
           while (1) switch (_context2.n) {
             case 0:
@@ -41244,14 +41242,18 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
             case 5:
               hasMoreRef.current = ((_result = result) === null || _result === void 0 ? void 0 : _result.hasMore) !== false;
               initialOpts = _flattenOptions(((_result2 = result) === null || _result2 === void 0 ? void 0 : _result2.options) || []);
-              if (objValue) {
-                exists = (_result3 = result) === null || _result3 === void 0 || (_result3 = _result3.options) === null || _result3 === void 0 ? void 0 : _result3.some(function (opt) {
-                  return opt[optionValue] === objValue[optionValue];
+              if (Array.isArray(numObjValue) && numObjValue.length > 0) {
+                existingValues = new Set(initialOpts.map(function (o) {
+                  return String(o[optionValue]);
+                }));
+                missingSelected = numObjValue.filter(function (o) {
+                  return !existingValues.has(String(o[optionValue]));
                 });
-                updateLoadedOptions(exists ? initialOpts : [].concat(_toConsumableArray$a(initialOpts), [objValue]));
+                updateLoadedOptions([].concat(_toConsumableArray$a(initialOpts), _toConsumableArray$a(missingSelected)));
               } else {
                 updateLoadedOptions(initialOpts);
               }
+              // ─────────────────────────────────────────────────────────────────
             case 6:
               return _context2.a(2);
           }
@@ -41307,26 +41309,18 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }, [loadedOptions, enableItemTooltip]);
   var onLazyLoad = function onLazyLoad(event) {
     if (isOptionsArray) return;
-
-    // Toujours acquitter le scroll pour que VirtualScroller puisse réinitialiser
-    // son loadingState interne (il attend un changement de props.loading)
     setLoading(true);
-
-    // Items déjà chargés (scroll vers le haut ou re-fire) — reset immédiat
-    // On utilise -1 pour déclencher le chargement quand on atteint le dernier item chargé
     if (event.last < loadedOptionsRef.current.length - 1 || !hasMoreRef.current) {
       setTimeout(function () {
         return setLoading(false);
       }, 0);
       return;
     }
-
-    // Déjà en cours de chargement — le timeout existant s'en chargera
     if (isLoadingRef.current) return;
     isLoadingRef.current = true;
     if (loadLazyTimeout.current) clearTimeout(loadLazyTimeout.current);
     loadLazyTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
-      var _result4, _result5;
+      var _result3, _result4;
       var nextPage, result, newOptions;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.n) {
@@ -41363,7 +41357,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
               hasMore: false
             };
           case 5:
-            newOptions = ((_result4 = result) === null || _result4 === void 0 ? void 0 : _result4.options) || [];
+            newOptions = ((_result3 = result) === null || _result3 === void 0 ? void 0 : _result3.options) || [];
             if (!(newOptions.length === 0)) {
               _context3.n = 6;
               break;
@@ -41373,9 +41367,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
             setLoading(false);
             return _context3.a(2);
           case 6:
-            // Append — pas d'index-based fill (évite les tableaux sparse)
             updateLoadedOptions([].concat(_toConsumableArray$a(loadedOptionsRef.current), _toConsumableArray$a(newOptions)));
-            hasMoreRef.current = ((_result5 = result) === null || _result5 === void 0 ? void 0 : _result5.hasMore) !== false;
+            hasMoreRef.current = ((_result4 = result) === null || _result4 === void 0 ? void 0 : _result4.hasMore) !== false;
             currentPageRef.current = nextPage;
             isLoadingRef.current = false;
             setLoading(false);
@@ -41400,7 +41393,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   };
   var inverseColor = function inverseColor(hexColor) {
     if (!hexColor || !hexColor.startsWith('#')) return '#000000';
-    // Normalise hex 3-char (#abc) → 6-char (#aabbcc)
     var hex = hexColor;
     if (hex.length === 4) {
       hex = '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
@@ -41515,8 +41507,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     searchTermRef.current = search;
     if (searchTimeout.current) clearTimeout(searchTimeout.current);
     searchTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
-      var _result6, _result7;
-      var result;
+      var _result5, _result6;
+      var result, searchOpts, existingValues, missingSelected;
       return _regenerator().w(function (_context4) {
         while (1) switch (_context4.n) {
           case 0:
@@ -41555,8 +41547,23 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
               hasMore: false
             };
           case 5:
-            hasMoreRef.current = ((_result6 = result) === null || _result6 === void 0 ? void 0 : _result6.hasMore) !== false;
-            updateLoadedOptions(_flattenOptions(((_result7 = result) === null || _result7 === void 0 ? void 0 : _result7.options) || []));
+            hasMoreRef.current = ((_result5 = result) === null || _result5 === void 0 ? void 0 : _result5.hasMore) !== false;
+
+            // ─── On réinjecte les sélectionnés absents des résultats de recherche ──
+            searchOpts = _flattenOptions(((_result6 = result) === null || _result6 === void 0 ? void 0 : _result6.options) || []);
+            if (Array.isArray(numObjValue) && numObjValue.length > 0) {
+              existingValues = new Set(searchOpts.map(function (o) {
+                return String(o[optionValue]);
+              }));
+              missingSelected = numObjValue.filter(function (o) {
+                return !existingValues.has(String(o[optionValue]));
+              });
+              updateLoadedOptions([].concat(_toConsumableArray$a(searchOpts), _toConsumableArray$a(missingSelected)));
+            } else {
+              updateLoadedOptions(searchOpts);
+            }
+            // ────────────────────────────────────────────────────────────────────────
+
             setLoading(false);
           case 6:
             return _context4.a(2);
@@ -41693,6 +41700,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
           return o[optionValue] === paramValue;
         }) || flatOptions.find(function (o) {
           return o.value === paramValue;
+        }) || numObjValue.find(function (o) {
+          return o[optionValue] === paramValue;
         });
         if (!opt) return null;
         return /*#__PURE__*/React__default.createElement("span", {
@@ -41714,7 +41723,10 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       var _key = String(getKey(paramValue));
       var _selectedOption = flatOptions.find(function (o) {
         return String(o[optionValue]) === _key;
+      }) || numObjValue.find(function (o) {
+        return String(o[optionValue]) === _key;
       });
+      // ─────────────────────────────────────────────────────────────────
       if (!_selectedOption) return null;
       var _objMatch = Array.isArray(objValue) ? objValue.find(function (o) {
         return String(o[optionValue]) === _key;
@@ -41756,6 +41768,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     var key = String(getKey(paramValue));
     var selectedOption = flatOptions.find(function (o) {
       return String(o[optionValue]) === key;
+    }) || numObjValue.find(function (o) {
+      return String(o[optionValue]) === key;
     });
     if (!selectedOption) return null;
     var objMatch = Array.isArray(objValue) ? objValue.find(function (o) {
@@ -41781,13 +41795,12 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       var key = String(_typeof$g(opt) === 'object' ? opt[optionValue] : opt);
       var found = flatOptions.find(function (o) {
         return String(o[optionValue]) === key;
+      }) || numObjValue.find(function (o) {
+        return String(o[optionValue]) === key;
       });
       return found ? found[optionLabel] : key;
     }).join('\n');
   };
-
-  // ─── Panel header / footer ────────────────────────────────────────────────
-
   var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
   var totalItemCount = computedOptions.length;
   var customPanelHeader = function customPanelHeader(opts) {
@@ -42048,8 +42061,11 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     pt: {
       token: function token(_ref9) {
         var context = _ref9.context;
+        var valStr = String(context.value);
         var opt = flatOptions.find(function (o) {
-          return o[optionValue] === context.value;
+          return String(o[optionValue]) === valStr;
+        }) || numObjValue.find(function (o) {
+          return String(o[optionValue]) === valStr;
         });
         return {
           style: displayBadge && opt !== null && opt !== void 0 && opt.color ? {
@@ -42065,8 +42081,11 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
         var context = _ref0.context;
         return {
           style: function () {
+            var valStr = String(context.value);
             var opt = flatOptions.find(function (o) {
-              return o[optionValue] === context.value;
+              return String(o[optionValue]) === valStr;
+            }) || numObjValue.find(function (o) {
+              return String(o[optionValue]) === valStr;
             });
             return displayBadge && withColor && opt !== null && opt !== void 0 && opt.color ? {
               color: inverseColor(opt.color)
@@ -42095,8 +42114,11 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     })), /*#__PURE__*/React__default.createElement("span", {
       className: "ms-counter-label",
       "data-pr-tooltip": (selectedOptions || []).map(function (val) {
+        var valStr = String(val);
         var opt = flatOptions.find(function (o) {
-          return o[optionValue] === val;
+          return String(o[optionValue]) === valStr;
+        }) || numObjValue.find(function (o) {
+          return String(o[optionValue]) === valStr;
         });
         return (opt === null || opt === void 0 ? void 0 : opt[optionLabel]) || val;
       }).join('\n'),

package/package.json

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