arengibook 2.4.592 → 2.4.593

package/dist/index.js

@@ -36010,28 +36010,28 @@ var Dropdown = function Dropdown(_ref) {
     loadedOptions = _useState6[0],
     setLoadedOptions = _useState6[1];
   var isOptionLoadFunction = typeof options === 'function';
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray$8(_useState7, 2);
+    _useState8[0];
+    _useState8[1];
+  var filterRef = useRef('');
+  useEffect(function () {
+    var handleScroll = function handleScroll(e) {
+      var target = e.target;
 
-  // useEffect(() => {
-  //     if (isOptionLoadFunction) {
-  //         const loadOptions = async () => {
-  //             setLoading(true);
-  //             try {
-  //                 const result = await options();
-  //                 setLoadedOptions(result);
-  //             } catch (err) {
-  //                 console.error('Erreur lors du chargement des options:', err);
-  //             } finally {
-  //                 setLoading(false);
-  //             }
-  //         };
-  //
-  //         loadOptions();
-  //     } else {
-  //         setLoadedOptions(options);
-  //     }
-  // }, [options, isOptionLoadFunction]);
+      // Si on scroll dans la liste elle-même (aucun effet de suppression de liste)
+      if (target.closest && target.closest('.p-dropdown-panel')) {
+        return;
+      }
 
-  useEffect(function () {
+      // Sinon, on ferme la zone de liste
+      var dropdownPanels = document.querySelectorAll('.p-dropdown-panel');
+      dropdownPanels.forEach(function (panel) {
+        if (panel && panel.style.display !== 'none') {
+          document.body.click(); // Déclenche un "click outside"
+        }
+      });
+    };
     var loadOptions = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
         var result, _t;
@@ -36074,6 +36074,10 @@ var Dropdown = function Dropdown(_ref) {
       };
     }();
     loadOptions();
+    window.addEventListener('scroll', handleScroll, true);
+    return function () {
+      window.removeEventListener('scroll', handleScroll, true);
+    };
   }, [options, isOptionLoadFunction]);
   useEffect(function () {
     setOptionSelected(value !== null && value !== void 0 ? value : null);
@@ -36106,7 +36110,8 @@ var Dropdown = function Dropdown(_ref) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "flex align-items-center",
         style: {
-          width: '100%'
+          padding: '6px 10px',
+          height: 'auto'
         }
       }, /*#__PURE__*/React__default.createElement("div", {
         style: _objectSpread2({
@@ -36123,6 +36128,8 @@ var Dropdown = function Dropdown(_ref) {
       }, option === null || option === void 0 ? void 0 : option[optionLabel])));
     }
   };
+  ({
+    maxHeight: loadedOptions.length <= 6 ? "".concat(loadedOptions.length * 42, "px") : '240px'});
   var valueTemplate = function valueTemplate(option) {
     if (isSelectMeta) {
       var iconColor = option !== null && option !== void 0 && option.color ? inverseColor(option === null || option === void 0 ? void 0 : option.color) : '#FFFFFF';
@@ -36155,7 +36162,7 @@ var Dropdown = function Dropdown(_ref) {
   var onLazyLoad = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(event) {
       var _event$filter;
-      var search, _res$options, _res$additional$page, _res$additional, res, newOptions, _t2;
+      var search, currentPage, _res$options, _res$additional$page, _res$additional, res, newOptions, _t2;
       return _regenerator().w(function (_context2) {
         while (1) switch (_context2.n) {
           case 0:
@@ -36165,20 +36172,21 @@ var Dropdown = function Dropdown(_ref) {
             }
             return _context2.a(2);
           case 1:
+            search = (_event$filter = event === null || event === void 0 ? void 0 : event.filter) !== null && _event$filter !== void 0 ? _event$filter : filterRef.current;
+            currentPage = currentPageRef.current;
             setLoading(true);
-            search = (_event$filter = event === null || event === void 0 ? void 0 : event.filter) !== null && _event$filter !== void 0 ? _event$filter : '';
             _context2.p = 2;
             _context2.n = 3;
             return options(search, loadedOptions, {
-              page: currentPageRef.current
+              page: currentPage
             });
           case 3:
             res = _context2.v;
             newOptions = (_res$options = res === null || res === void 0 ? void 0 : res.options) !== null && _res$options !== void 0 ? _res$options : [];
             setLoadedOptions(function (prevOptions) {
-              return [].concat(_toConsumableArray$6(prevOptions), _toConsumableArray$6(newOptions));
+              return currentPage === 1 ? newOptions : [].concat(_toConsumableArray$6(prevOptions), _toConsumableArray$6(newOptions));
             });
-            currentPageRef.current = (_res$additional$page = res === null || res === void 0 || (_res$additional = res.additional) === null || _res$additional === void 0 ? void 0 : _res$additional.page) !== null && _res$additional$page !== void 0 ? _res$additional$page : currentPageRef.current + 1;
+            currentPageRef.current = (_res$additional$page = res === null || res === void 0 || (_res$additional = res.additional) === null || _res$additional === void 0 ? void 0 : _res$additional.page) !== null && _res$additional$page !== void 0 ? _res$additional$page : currentPage + 1;
             _context2.n = 5;
             break;
           case 4:
@@ -36198,6 +36206,18 @@ var Dropdown = function Dropdown(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
+  var handleFilter = function handleFilter(event) {
+    var _event$value;
+    var value = (_event$value = event === null || event === void 0 ? void 0 : event.value) !== null && _event$value !== void 0 ? _event$value : '';
+    filterRef.current = value;
+    currentPageRef.current = 1;
+    setLoadedOptions([]);
+    if (isOptionLoadFunction) {
+      onLazyLoad({
+        filter: value
+      });
+    }
+  };
   var handleChange = function handleChange(e) {
     var newValue = e.value;
     setOptionSelected(newValue);
@@ -36269,9 +36289,14 @@ var Dropdown = function Dropdown(_ref) {
     placeholder: placeholder,
     disabled: disabled,
     filter: filter,
+    onFilter: handleFilter,
     optionLabel: optionLabel,
     optionValue: optionValue,
     style: style,
+    panelStyle: {
+      maxHeight: 'auto',
+      overflowY: 'auto'
+    },
     itemTemplate: optionTemplate,
     valueTemplate: valueTemplate,
     showClear: showClear,
@@ -36478,6 +36503,7 @@ var DropdownPresets = {
       generalIcon: 'pi pi-circle-fill'
     },
     isSelectMeta: true,
+    showClear: true,
     valueStyle: {
       fontSize: '14px',
       fontFamily: 'Arial'
@@ -36501,8 +36527,7 @@ var DropdownPresets = {
               _context2.n = 1;
               return simulateNetworkDelay();
             case 1:
-              // Générer toutes les options possibles
-              allOptions = generateOptions(100); // Filtrer les options en fonction de la recherche
+              allOptions = generateOptions(100);
               filteredOptions = allOptions.filter(function (opt) {
                 return opt.nom.toLowerCase().includes(search.toLowerCase());
               }); // Pagination des résultats filtrés
@@ -36540,7 +36565,8 @@ var DropdownPresets = {
     optionStyle: {
       fontSize: '14px',
       fontFamily: 'Arial'
-    }
+    },
+    showClear: true
   },
   Group: {
     placeholder: 'Veuillez choisir une option',

package/package.json

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