arengibook 2.4.631 → 2.4.632

package/dist/index.js

@@ -36820,12 +36820,12 @@ var DropdownPresets = {
   }
 };
 
-var simulateNetworkDelay$2 = function simulateNetworkDelay() {
+var simulateNetworkDelay = function simulateNetworkDelay() {
   return new Promise(function (res) {
     return setTimeout(res, 400);
   });
 };
-var createFakeOptions$2 = function createFakeOptions(start, length) {
+var createFakeOptions = function createFakeOptions(start, length) {
   var options = [];
   for (var i = start; i < start + length; i++) {
     options.push({
@@ -36854,9 +36854,9 @@ var DropdownSelectMetaAsyncPresets = {
               search = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
               _ref = _args.length > 2 ? _args[2] : undefined, page = _ref.page;
               _context.n = 1;
-              return simulateNetworkDelay$2();
+              return simulateNetworkDelay();
             case 1:
-              allOptions = createFakeOptions$2(0, 100);
+              allOptions = createFakeOptions(0, 100);
               filtered = allOptions.filter(function (opt) {
                 return opt.label.toLowerCase().includes(search.toLowerCase());
               });
@@ -39091,7 +39091,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     _ref$valueStyle = _ref.valueStyle,
     valueStyle = _ref$valueStyle === void 0 ? {} : _ref$valueStyle,
     _ref$filter = _ref.filter,
-    filter = _ref$filter === void 0 ? false : _ref$filter,
+    filter = _ref$filter === void 0 ? true : _ref$filter,
     _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
     _ref$errorMessage = _ref.errorMessage,
@@ -39110,7 +39110,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     _ref$showSelectAll = _ref.showSelectAll,
     showSelectAll = _ref$showSelectAll === void 0 ? true : _ref$showSelectAll;
   // const [selectedOptions, setSelectedOptions] = useState(value ?? []);
-  var _useState = useState(null),
+  var _useState = useState(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
+      return opt[optionValue];
+    })) : value !== null && value !== void 0 ? value : []),
     _useState2 = _slicedToArray$9(_useState, 2),
     selectedOptions = _useState2[0],
     setSelectedOptions = _useState2[1];
@@ -39119,8 +39121,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     loadedOptions = _useState4[0],
     setLoadedOptions = _useState4[1];
   var _useState5 = useState(''),
-    _useState6 = _slicedToArray$9(_useState5, 2);
-    _useState6[0];
+    _useState6 = _slicedToArray$9(_useState5, 2),
+    inputValue = _useState6[0];
     _useState6[1];
   var multiSelectRef = useRef(null);
   var _useState7 = useState(false),
@@ -39128,36 +39130,15 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     loading = _useState8[0],
     setLoading = _useState8[1];
   var loadLazyTimeout = useRef();
-  useRef(1);
+  var currentPageRef = useRef(1);
   var isOptionsArray = Array.isArray(options);
-  console.log(isOptionsArray);
-  var numObjValue = objValue.map(function (opt) {
-    return _objectSpread2(_objectSpread2({}, opt), {}, _defineProperty$b({}, optionValue, typeof opt[optionValue] === 'string' ? parseInt(opt[optionValue], 10) : opt[optionValue]));
-  });
-  var numValue = function numValue() {
-    if (value && Array.isArray(value) && value.length) {
-      return value;
-    } else if (objValue && Array.isArray(objValue) && objValue.length) {
-      return objValue.map(function (opt) {
-        return parseInt(opt.value);
-      });
-    } else {
-      return [];
-    }
-  };
-  useEffect(function () {
-    var _numValue;
-    setSelectedOptions(objValue ? _toConsumableArray$7(numObjValue.map(function (opt) {
-      return opt[optionValue];
-    })) : (_numValue = numValue()) !== null && _numValue !== void 0 ? _numValue : []);
-  }, []);
   useEffect(function () {
     if (isOptionsArray) {
       setLoadedOptions(options);
     } else {
       var loadInitialOptions = /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-          var result, _result$options, exists;
+          var result;
           return _regenerator().w(function (_context) {
             while (1) switch (_context.n) {
               case 0:
@@ -39168,16 +39149,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
               case 1:
                 result = _context.v;
                 setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
-                if (numObjValue) {
-                  exists = result === null || result === void 0 || (_result$options = result.options) === null || _result$options === void 0 ? void 0 : _result$options.some(function (opt) {
-                    return opt[optionValue] === numObjValue[optionValue];
-                  });
-                  if (!exists) {
-                    setLoadedOptions(function (prev) {
-                      return [].concat(_toConsumableArray$7(prev), [numObjValue]);
-                    });
-                  }
-                }
               case 2:
                 return _context.a(2);
             }
@@ -39286,64 +39257,45 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   };
 
   // Fonction de lazy loading
-  // const onLazyLoad = (event) => {
-  //     if (isOptionsArray) return;
-  //     setLoading(true);
-  //     if (loadLazyTimeout.current) {
-  //         clearTimeout(loadLazyTimeout.current);
-  //     }
-  //     loadLazyTimeout.current = setTimeout(async () => {
-  //         const { first, last } = event;
-  //         const _items = [...loadedOptions];
-  //         const result = await options(inputValue, [], { page: currentPageRef.current + 1 });
-  //         const newOptions = result?.options || [];
-  //         for (let i = first; i < last; i++) {
-  //             if (!_items[i] && newOptions[i - first]) {
-  //                 _items[i] = newOptions[i - first];
-  //             }
-  //         }
-  //         setLoadedOptions(_items);
-  //         setLoading(false);
-  //         currentPageRef.current += 1;
-  //
-  //         // redimensionnement du conteneur
-  //         let virtualscroll = document.querySelector('.p-virtualscroller.p-dropdown-items-wrapper');
-  //         if (virtualscroll) {
-  //             virtualscroll.style.height = "auto";
-  //         }
-  //     }, 500);
-  // };
   var onLazyLoad = function onLazyLoad(event) {
+    if (isOptionsArray) return;
     setLoading(true);
     if (loadLazyTimeout.current) {
       clearTimeout(loadLazyTimeout.current);
     }
-    loadLazyTimeout.current = setTimeout(function () {
-      var first = event.first,
-        last = event.last;
-      var _items = _toConsumableArray$7(loadedOptions);
-      for (var i = first; i < last; i++) {
-        if (!_items[i]) {
-          _items[i] = _defineProperty$b(_defineProperty$b({}, optionLabel, "Option #".concat(i)), optionValue, i);
-        }
-      }
-      setLoadedOptions(_items);
-      setLoading(false);
-      var virtualscroll1 = document.querySelector('.p-virtualscroller.p-dropdown-items-wrapper');
-      if (virtualscroll1) {
-        virtualscroll1.style.height = "auto";
-      }
-      var hiddenSelectDiv = document.querySelector('.p-hidden-accessible.p-dropdown-hidden-select');
-      if (hiddenSelectDiv) {
-        var nextEl = hiddenSelectDiv.nextElementSibling;
-        if (nextEl && nextEl.tagName === 'INPUT' && nextEl.value && nextEl.value.trim() !== '') {
-          var virtualscroll = document.querySelector('.p-virtualscroller.p-dropdown-items-wrapper');
-          if (virtualscroll) {
-            virtualscroll.style.height = 'auto';
-          }
+    loadLazyTimeout.current = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var first, last, _items, result, newOptions, i, virtualscroll;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            first = event.first, last = event.last;
+            _items = _toConsumableArray$7(loadedOptions);
+            _context2.n = 1;
+            return options(inputValue, [], {
+              page: currentPageRef.current + 1
+            });
+          case 1:
+            result = _context2.v;
+            newOptions = (result === null || result === void 0 ? void 0 : result.options) || [];
+            for (i = first; i < last; i++) {
+              if (!_items[i] && newOptions[i - first]) {
+                _items[i] = newOptions[i - first];
+              }
+            }
+            setLoadedOptions(_items);
+            setLoading(false);
+            currentPageRef.current += 1;
+
+            // redimensionnement du conteneur
+            virtualscroll = document.querySelector('.p-virtualscroller.p-dropdown-items-wrapper');
+            if (virtualscroll) {
+              virtualscroll.style.height = "auto";
+            }
+          case 2:
+            return _context2.a(2);
         }
-      }
-    }, Math.random() * 1000 + 250);
+      }, _callee2);
+    })), 500);
   };
   return /*#__PURE__*/React__default.createElement("div", {
     ref: multiSelectRef,
@@ -39357,7 +39309,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     style: style,
     showSelectAll: showSelectAll,
     disabled: disabled,
-    filter: filter,
+    filter: true,
     placeholder: placeholder,
     optionLabel: optionLabel,
     optionValue: optionValue,
@@ -39704,11 +39656,6 @@ var MultiSelect = function MultiSelect(props) {
   }, errorMessage || 'Sélection invalide')));
 };
 
-var simulateNetworkDelay$1 = function simulateNetworkDelay() {
-  return new Promise(function (res) {
-    return setTimeout(res, 400);
-  });
-};
 var optionsExample = [{
   label: 'New York',
   value: 'NY'
@@ -39795,17 +39742,68 @@ var syncOptions$1 = [{
   value: '5',
   color: '#ec4899'
 }];
-var createFakeOptions$1 = function createFakeOptions(start, length) {
-  var options = [];
-  for (var i = start; i < start + length; i++) {
-    options.push({
-      value: i,
-      label: "Option ".concat(i),
-      color: 'black'
-    });
-  }
-  return options;
-};
+var asyncOptions$1 = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search, _, _ref) {
+    var page, mockOptions, startIndex, paginatedOptions;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          page = _ref.page;
+          mockOptions = [{
+            label: 'Option 1',
+            value: '1',
+            color: '#ff9900'
+          }, {
+            label: 'Option 2',
+            value: '2',
+            color: '#3b82f6'
+          }, {
+            label: 'Option 3',
+            value: '3',
+            color: '#10b981'
+          }, {
+            label: 'Option 4',
+            value: '4',
+            color: '#8b5cf6'
+          }, {
+            label: 'Option 5',
+            value: '5',
+            color: '#ec4899'
+          }, {
+            label: 'Option 6',
+            value: '6',
+            color: '#f59e0b'
+          }, {
+            label: 'Option 7',
+            value: '7',
+            color: '#ef4444'
+          }, {
+            label: 'Option 8',
+            value: '8',
+            color: '#10b981'
+          }, {
+            label: 'Option 9',
+            value: '9',
+            color: '#3b82f6'
+          }, {
+            label: 'Option 10',
+            value: '10',
+            color: '#8b5cf6'
+          }]; // Simulation de pagination
+          startIndex = (page - 1) * 5;
+          paginatedOptions = mockOptions.slice(startIndex, startIndex + 5);
+          return _context.a(2, {
+            options: search ? mockOptions.filter(function (opt) {
+              return opt.label.toLowerCase().includes(search.toLowerCase());
+            }) : paginatedOptions
+          });
+      }
+    }, _callee);
+  }));
+  return function asyncOptions(_x, _x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 var MultiSelectPresets = {
   Default: {
     placeholder: 'Sélectionnez des options',
@@ -39890,78 +39888,17 @@ var MultiSelectPresets = {
   // Configuration pour les options asynchrones
   SelectMetaAsync: {
     isSelectMeta: true,
+    // value: ['3', '4', '5'],
     objValue: [{
-      label: 'Option 9',
-      value: 9,
+      label: 'Option 2',
+      value: '2',
       color: '#ff9900'
     }, {
       label: 'Option 4',
-      value: 4,
+      value: '4',
       color: 'black'
     }],
-    // objValue: [
-    //     {
-    //         "id": 2299,
-    //         "nom": "Economique",
-    //         "color": "#62BAC0",
-    //         "label": "Economique",
-    //         "value": 2299
-    //     },
-    //     {
-    //         "id": 2300,
-    //         "nom": "Financière",
-    //         "color": "#40839E",
-    //         "label": "Financière",
-    //         "value": 2300
-    //     },
-    //     {
-    //         "id": 2301,
-    //         "nom": "Données bancaires",
-    //         "color": "#E5E798",
-    //         "label": "Données bancaires",
-    //         "value": 2301
-    //     }
-    // ],
-    // value: ['3', '4'],
-    options: function () {
-      var _options = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
-        var search,
-          _ref3,
-          page,
-          allOptions,
-          filtered,
-          pageSize,
-          start,
-          _args2 = arguments;
-        return _regenerator().w(function (_context2) {
-          while (1) switch (_context2.n) {
-            case 0:
-              search = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : '';
-              _ref3 = _args2.length > 2 ? _args2[2] : undefined, page = _ref3.page;
-              _context2.n = 1;
-              return simulateNetworkDelay$1();
-            case 1:
-              allOptions = createFakeOptions$1(0, 100);
-              filtered = allOptions.filter(function (opt) {
-                return opt.label.toLowerCase().includes(search.toLowerCase());
-              });
-              pageSize = 30;
-              start = (page - 1) * pageSize;
-              return _context2.a(2, {
-                options: filtered.slice(start, start + pageSize),
-                hasMore: start + pageSize < filtered.length,
-                additional: {
-                  page: page + 1
-                }
-              });
-          }
-        }, _callee2);
-      }));
-      function options() {
-        return _options.apply(this, arguments);
-      }
-      return options;
-    }(),
+    options: asyncOptions$1,
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',
     optionValue: 'value',
@@ -39982,12 +39919,6 @@ var MultiSelectPresets = {
   }
 };
 
-var simulateNetworkDelay = function simulateNetworkDelay() {
-  return new Promise(function (res) {
-    return setTimeout(res, 400);
-  });
-};
-
 // Options synchrones (tableau)
 var syncOptions = [{
   label: 'Option 1',
@@ -40012,44 +39943,68 @@ var syncOptions = [{
 }];
 
 // Fonction pour simuler des options asynchrones
-// const asyncOptions = async (search, _, { page }) => {
-//     const mockOptions = [
-//         { label: 'Option 1', value: '1', color: '#ff9900' },
-//         { label: 'Option 2', value: '2', color: '#3b82f6' },
-//         { label: 'Option 3', value: '3', color: '#10b981' },
-//         { label: 'Option 4', value: '4', color: '#8b5cf6' },
-//         { label: 'Option 5', value: '5', color: '#ec4899' },
-//         { label: 'Option 6', value: '6', color: '#f59e0b' },
-//         { label: 'Option 7', value: '7', color: '#ef4444' },
-//         { label: 'Option 8', value: '8', color: '#10b981' },
-//         { label: 'Option 9', value: '9', color: '#3b82f6' },
-//         { label: 'Option 10', value: '10', color: '#8b5cf6' },
-//     ];
-//
-//     // Simulation de pagination
-//     const startIndex = (page - 1) * 5;
-//     const paginatedOptions = mockOptions.slice(startIndex, startIndex + 5);
-//
-//     return {
-//         options: search
-//             ? mockOptions.filter(opt =>
-//                 opt.label.toLowerCase().includes(search.toLowerCase())
-//             )
-//             : paginatedOptions,
-//     };
-// };
-
-var createFakeOptions = function createFakeOptions(start, length) {
-  var options = [];
-  for (var i = start; i < start + length; i++) {
-    options.push({
-      value: i,
-      label: "Option ".concat(i),
-      color: 'black'
-    });
-  }
-  return options;
-};
+var asyncOptions = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(search, _, _ref) {
+    var page, mockOptions, startIndex, paginatedOptions;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          page = _ref.page;
+          mockOptions = [{
+            label: 'Option 1',
+            value: '1',
+            color: '#ff9900'
+          }, {
+            label: 'Option 2',
+            value: '2',
+            color: '#3b82f6'
+          }, {
+            label: 'Option 3',
+            value: '3',
+            color: '#10b981'
+          }, {
+            label: 'Option 4',
+            value: '4',
+            color: '#8b5cf6'
+          }, {
+            label: 'Option 5',
+            value: '5',
+            color: '#ec4899'
+          }, {
+            label: 'Option 6',
+            value: '6',
+            color: '#f59e0b'
+          }, {
+            label: 'Option 7',
+            value: '7',
+            color: '#ef4444'
+          }, {
+            label: 'Option 8',
+            value: '8',
+            color: '#10b981'
+          }, {
+            label: 'Option 9',
+            value: '9',
+            color: '#3b82f6'
+          }, {
+            label: 'Option 10',
+            value: '10',
+            color: '#8b5cf6'
+          }]; // Simulation de pagination
+          startIndex = (page - 1) * 5;
+          paginatedOptions = mockOptions.slice(startIndex, startIndex + 5);
+          return _context.a(2, {
+            options: search ? mockOptions.filter(function (opt) {
+              return opt.label.toLowerCase().includes(search.toLowerCase());
+            }) : paginatedOptions
+          });
+      }
+    }, _callee);
+  }));
+  return function asyncOptions(_x, _x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 var MultiSelectMetaAsyncPresets = {
   // Configuration pour les options synchrones
   SyncOptions: {
@@ -40075,46 +40030,8 @@ var MultiSelectMetaAsyncPresets = {
   },
   // Configuration pour les options asynchrones
   AsyncOptions: {
-    value: ['3', '4'],
-    options: function () {
-      var _options = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-        var search,
-          _ref,
-          page,
-          allOptions,
-          filtered,
-          pageSize,
-          start,
-          _args = arguments;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              search = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
-              _ref = _args.length > 2 ? _args[2] : undefined, page = _ref.page;
-              _context.n = 1;
-              return simulateNetworkDelay();
-            case 1:
-              allOptions = createFakeOptions(0, 100);
-              filtered = allOptions.filter(function (opt) {
-                return opt.label.toLowerCase().includes(search.toLowerCase());
-              });
-              pageSize = 30;
-              start = (page - 1) * pageSize;
-              return _context.a(2, {
-                options: filtered.slice(start, start + pageSize),
-                hasMore: start + pageSize < filtered.length,
-                additional: {
-                  page: page + 1
-                }
-              });
-          }
-        }, _callee);
-      }));
-      function options() {
-        return _options.apply(this, arguments);
-      }
-      return options;
-    }(),
+    value: ['1', '2'],
+    options: asyncOptions,
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',
     optionValue: 'value',

package/package.json

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