arengibook 2.4.695 → 2.4.697

package/dist/index.js

@@ -40006,7 +40006,8 @@ var MultiSelect = function MultiSelect(props) {
       }, !useCheckbox && /*#__PURE__*/React__default.createElement("style", null, "\n                            .p-multiselect-items .p-multiselect-item .p-checkbox {\n                                display: none !important;\n                            }\n                            .p-multiselect-items .p-multiselect-item {\n                                padding-left: 1rem !important;\n                                align-items: center;\n                            }\n                        "), !filter && !showSelectAll && /*#__PURE__*/React__default.createElement("style", null, "\n                            .p-multiselect-header {\n                                display: none !important;\n                            }\n                        "), option[optionLabel]);
     }
   };
-  selectedOptions ? selectedOptions.length : 0;
+  var selectedOptionsCount = selectedOptions ? selectedOptions.length : 0;
+  var selectedOptionsText = selectedOptionsCount > 0 ? "".concat(selectedOptionsCount, " option").concat(selectedOptionsCount > 1 ? 's' : '', " s\xE9lectionn\xE9e").concat(selectedOptionsCount > 1 ? 's' : '') : placeholder;
   var inverseColor = function inverseColor(hexColor) {
     var r = parseInt(hexColor.substr(1, 2), 16);
     var g = parseInt(hexColor.substr(3, 2), 16);
@@ -40241,7 +40242,9 @@ var MultiSelect = function MultiSelect(props) {
   }, isGroupedOption && {
     optionGroupLabel: 'label',
     optionGroupChildren: 'items'
-  })), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "p-multiselect-label"
+  }, selectedOptionsText), displayNbOption && selectedOptions.length > 0 && /*#__PURE__*/React__default.createElement(Badge, {
     value: selectedOptions.length,
     className: "custom-badge",
     style: {
@@ -41780,10 +41783,8 @@ var ChipsAutoComplete = function ChipsAutoComplete(_ref) {
     _ref$minLength = _ref.minLength,
     minLength = _ref$minLength === void 0 ? 1 : _ref$minLength,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 300 : _ref$delay;
-  /**
-   * Suggestions internes (storybook / async fake)
-   */
+    delay = _ref$delay === void 0 ? 300 : _ref$delay,
+    optionsUrl = _ref.optionsUrl;
   var _useState = useState([]),
     _useState2 = _slicedToArray$a(_useState, 2),
     internalSuggestions = _useState2[0],
@@ -41797,10 +41798,6 @@ var ChipsAutoComplete = function ChipsAutoComplete(_ref) {
     };
   }, []);
   var resolvedSuggestions = Array.isArray(suggestions) && suggestions.length > 0 ? suggestions : internalSuggestions;
-
-  /**
-   * Value interne (TOUJOURS un tableau)
-   */
   var _useState3 = useState([]),
     _useState4 = _slicedToArray$a(_useState3, 2),
     internalValue = _useState4[0],
@@ -41813,9 +41810,57 @@ var ChipsAutoComplete = function ChipsAutoComplete(_ref) {
       onChange(e);
     }
   };
+  var fetchSuggestions = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+      var query, url, response, results, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            if (optionsUrl) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            query = (event.query || '').toLowerCase();
+            url = new URL(window.location.origin + optionsUrl);
+            url.searchParams.append('query', query);
+            _context.p = 2;
+            _context.n = 3;
+            return fetch(url);
+          case 3:
+            response = _context.v;
+            if (response.ok) {
+              _context.n = 4;
+              break;
+            }
+            throw new Error("HTTP error! status: ".concat(response.status));
+          case 4:
+            _context.n = 5;
+            return response.json();
+          case 5:
+            results = _context.v;
+            setInternalSuggestions(results);
+            _context.n = 7;
+            break;
+          case 6:
+            _context.p = 6;
+            _t = _context.v;
+            console.error('Erreur lors de la récupération des suggestions :', _t);
+          case 7:
+            return _context.a(2);
+        }
+      }, _callee, null, [[2, 6]]);
+    }));
+    return function fetchSuggestions(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var handleComplete = function handleComplete(event) {
-    if (typeof completeMethod === 'function') {
-      completeMethod(event);
+    if (optionsUrl) {
+      fetchSuggestions(event); // Utilise la fonction asynchrone si une URL est fournie
+    } else if (typeof completeMethod === 'function') {
+      completeMethod(event); // Sinon, utilise la méthode fournie (comme searchSync)
     }
   };
   return /*#__PURE__*/React__default.createElement("div", {
@@ -41914,6 +41959,7 @@ var ChipsAutoCompletePresets = {
   Default: {
     suggestions: [],
     field: 'label',
+    optionsUrl: null,
     completeMethod: searchSync
   },
   Disabled: {

package/package.json

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