arengibook 1.2.317-main → 1.2.319-main

package/dist/index.js

@@ -41057,6 +41057,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var isLoadingRef = useRef(false);
   var loadLazyTimeout = useRef();
   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) {
@@ -41335,7 +41337,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
               break;
             }
             _context3.n = 1;
-            return options("", [], {
+            return options(searchTermRef.current, [], {
               page: nextPage
             });
           case 1:
@@ -41348,7 +41350,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
               break;
             }
             _context3.n = 3;
-            return fetchOptionsFromUrl("", [], {
+            return fetchOptionsFromUrl(searchTermRef.current, [], {
               page: nextPage
             });
           case 3:
@@ -41506,6 +41508,62 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     if (!openOnHover) return;
     (_multiSelectRef$curre3 = multiSelectRef.current) === null || _multiSelectRef$curre3 === void 0 || _multiSelectRef$curre3.hide();
   };
+  var handleFilter = function handleFilter(e) {
+    var _e$filter;
+    if (isOptionsArray) return;
+    var search = (_e$filter = e.filter) !== null && _e$filter !== void 0 ? _e$filter : '';
+    searchTermRef.current = search;
+    if (searchTimeout.current) clearTimeout(searchTimeout.current);
+    searchTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      var _result6, _result7;
+      var result;
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            currentPageRef.current = 1;
+            hasMoreRef.current = true;
+            isLoadingRef.current = false;
+            setLoading(true);
+            if (!(typeof options === 'function')) {
+              _context4.n = 2;
+              break;
+            }
+            _context4.n = 1;
+            return options(search, [], {
+              page: 1
+            });
+          case 1:
+            result = _context4.v;
+            _context4.n = 5;
+            break;
+          case 2:
+            if (!optionsUrl) {
+              _context4.n = 4;
+              break;
+            }
+            _context4.n = 3;
+            return fetchOptionsFromUrl(search, [], {
+              page: 1
+            });
+          case 3:
+            result = _context4.v;
+            _context4.n = 5;
+            break;
+          case 4:
+            result = {
+              options: [],
+              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) || []));
+            setLoading(false);
+          case 6:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    })), 300);
+  };
 
   // ─── Templates ────────────────────────────────────────────────────────────
 
@@ -41564,9 +41622,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       }
     }, secondaryLabel)));
     if (isSelectMeta) {
-      var _ref6 = selectMetaConfig || {},
-        labelStyle = _ref6.labelStyle,
-        generalIcon = _ref6.generalIcon;
+      var _ref7 = selectMetaConfig || {},
+        labelStyle = _ref7.labelStyle,
+        generalIcon = _ref7.generalIcon;
       return /*#__PURE__*/React__default.createElement("div", {
         style: _objectSpread2({
           fontFamily: 'Arial',
@@ -41589,9 +41647,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       }, /*#__PURE__*/React__default.createElement("div", tooltipProps, option[optionLabel]), option[optionLabel], secondaryLabelNode));
     }
     if (withColor || withIcon) {
-      var _ref7 = selectConfig || {},
-        _labelStyle = _ref7.labelStyle,
-        _generalIcon = _ref7.generalIcon;
+      var _ref8 = selectConfig || {},
+        _labelStyle = _ref8.labelStyle,
+        _generalIcon = _ref8.generalIcon;
       return /*#__PURE__*/React__default.createElement("div", _extends$J({}, tooltipProps, {
         style: _objectSpread2({
           fontSize: '14px',
@@ -41988,8 +42046,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }, displayBadge && selectedOptionsCount <= maxSelectedLabels ? {
     display: 'chip',
     pt: {
-      token: function token(_ref8) {
-        var context = _ref8.context;
+      token: function token(_ref9) {
+        var context = _ref9.context;
         var opt = flatOptions.find(function (o) {
           return o[optionValue] === context.value;
         });
@@ -42003,8 +42061,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
           'data-pr-position': 'top'
         };
       },
-      removeTokenIcon: function removeTokenIcon(_ref9) {
-        var context = _ref9.context;
+      removeTokenIcon: function removeTokenIcon(_ref0) {
+        var context = _ref0.context;
         return {
           style: function () {
             var opt = flatOptions.find(function (o) {
@@ -42073,7 +42131,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     value: displayValue ? displayValue : selectedOptions,
     placeholder: placeholder,
     disabled: disabled || readOnly,
-    filter: filter,
+    filter: filter || !isOptionsArray && !!optionsUrl,
+    onFilter: !isOptionsArray ? handleFilter : undefined,
     optionLabel: optionLabel,
     optionValue: optionValue,
     style: style,

package/package.json

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