arengibook 2.4.592 → 2.4.594

package/dist/index.js

@@ -35946,7 +35946,8 @@ var PopupPresets = {
 };
 
 var Dropdown = function Dropdown(_ref) {
-  var _ref$options = _ref.options,
+  var ref = _ref.ref,
+    _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
     _ref$isGroupedOption = _ref.isGroupedOption,
     isGroupedOption = _ref$isGroupedOption === void 0 ? false : _ref$isGroupedOption,
@@ -35998,40 +35999,34 @@ var Dropdown = function Dropdown(_ref) {
     _useState2 = _slicedToArray$8(_useState, 2),
     optionSelected = _useState2[0],
     setOptionSelected = _useState2[1];
-  useRef([]);
   var _useState3 = useState(false),
     _useState4 = _slicedToArray$8(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
-  useRef([]);
   var currentPageRef = useRef(1);
   var _useState5 = useState([]),
     _useState6 = _slicedToArray$8(_useState5, 2),
     loadedOptions = _useState6[0],
     setLoadedOptions = _useState6[1];
   var isOptionLoadFunction = typeof options === 'function';
+  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();
+        }
+      });
+    };
     var loadOptions = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
         var result, _t;
@@ -36074,6 +36069,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 +36105,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({
@@ -36155,7 +36155,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 +36165,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 +36199,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);
@@ -36263,15 +36276,21 @@ var Dropdown = function Dropdown(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1"
   }, /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$A({
+    ref: ref,
     value: optionSelected,
     options: loadedOptions,
     onChange: handleChange,
     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,
@@ -36436,7 +36455,7 @@ var DropdownPresets = {
       fontFamily: 'Arial'
     }
   },
-  AsyncLoad: {
+  SelectMetaAsyncLoad: {
     placeholder: 'Chargement distant simulé',
     options: function () {
       var _options = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search, loadedOptions, _ref) {
@@ -36478,6 +36497,7 @@ var DropdownPresets = {
       generalIcon: 'pi pi-circle-fill'
     },
     isSelectMeta: true,
+    showClear: true,
     valueStyle: {
       fontSize: '14px',
       fontFamily: 'Arial'
@@ -36487,7 +36507,7 @@ var DropdownPresets = {
       fontFamily: 'Arial'
     }
   },
-  AsyncSearch: {
+  SelectMetaAsyncSearch: {
     placeholder: 'Recherchez une option...',
     filter: true,
     options: function () {
@@ -36501,8 +36521,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
@@ -36531,7 +36550,7 @@ var DropdownPresets = {
     }(),
     isSelectMeta: true,
     selectMetaConfig: {
-      generalIcon: 'pi pi-search'
+      generalIcon: 'pi-circle-fill'
     },
     valueStyle: {
       fontSize: '14px',
@@ -36540,7 +36559,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.594",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {