arengibook 2.4.630 → 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());
               });
@@ -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];
@@ -39130,26 +39132,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var loadLazyTimeout = useRef();
   var currentPageRef = useRef(1);
   var isOptionsArray = Array.isArray(options);
-  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);
@@ -39347,7 +39329,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }), name && /*#__PURE__*/React__default.createElement("input", {
     type: "hidden",
     name: name,
-    value: (Array.isArray(selectedOptions) ? selectedOptions : []).map(function (opt) {
+    value: selectedOptions.map(function (opt) {
       return opt[optionValue];
     }).join(',')
   }), invalid && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("small", {
@@ -39674,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'
@@ -39765,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',
@@ -39860,55 +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',
       color: 'black'
     }],
-    // 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',
@@ -39929,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',
@@ -39959,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: {
@@ -40022,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.630",
+  "version": "2.4.632",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {