arengibook 2.4.632 → 2.4.634

package/dist/index.js

@@ -36820,12 +36820,12 @@ var DropdownPresets = {
   }
 };
 
-var simulateNetworkDelay = function simulateNetworkDelay() {
+var simulateNetworkDelay$1 = function simulateNetworkDelay() {
   return new Promise(function (res) {
     return setTimeout(res, 400);
   });
 };
-var createFakeOptions = function createFakeOptions(start, length) {
+var createFakeOptions$1 = 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();
+              return simulateNetworkDelay$1();
             case 1:
-              allOptions = createFakeOptions(0, 100);
+              allOptions = createFakeOptions$1(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 ? true : _ref$filter,
+    filter = _ref$filter === void 0 ? false : _ref$filter,
     _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
     _ref$errorMessage = _ref.errorMessage,
@@ -39109,10 +39109,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     useCheckbox = _ref$useCheckbox === void 0 ? false : _ref$useCheckbox,
     _ref$showSelectAll = _ref.showSelectAll,
     showSelectAll = _ref$showSelectAll === void 0 ? true : _ref$showSelectAll;
-  // const [selectedOptions, setSelectedOptions] = useState(value ?? []);
-  var _useState = useState(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
-      return opt[optionValue];
-    })) : value !== null && value !== void 0 ? value : []),
+  var _useState = useState(null),
     _useState2 = _slicedToArray$9(_useState, 2),
     selectedOptions = _useState2[0],
     setSelectedOptions = _useState2[1];
@@ -39133,33 +39130,45 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var currentPageRef = useRef(1);
   var isOptionsArray = Array.isArray(options);
   useEffect(function () {
-    if (isOptionsArray) {
-      setLoadedOptions(options);
-    } else {
-      var loadInitialOptions = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-          var result;
-          return _regenerator().w(function (_context) {
-            while (1) switch (_context.n) {
-              case 0:
-                _context.n = 1;
-                return options('', [], {
-                  page: 1
+    setSelectedOptions(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
+      return opt[optionValue];
+    })) : value !== null && value !== void 0 ? value : []);
+    console.log(objValue ? _toConsumableArray$7(objValue.map(function (opt) {
+      return opt[optionValue];
+    })) : value !== null && value !== void 0 ? value : []);
+    var loadInitialOptions = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var result, _result$options, exists;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              _context.n = 1;
+              return options('', [], {
+                page: 1
+              });
+            case 1:
+              result = _context.v;
+              setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
+              if (objValue) {
+                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] === objValue[optionValue];
                 });
-              case 1:
-                result = _context.v;
-                setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
-              case 2:
-                return _context.a(2);
-            }
-          }, _callee);
-        }));
-        return function loadInitialOptions() {
-          return _ref2.apply(this, arguments);
-        };
-      }();
-      loadInitialOptions();
-    }
+                if (!exists) {
+                  setLoadedOptions(function (prev) {
+                    return [].concat(_toConsumableArray$7(prev), [objValue]);
+                  });
+                }
+              }
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+      return function loadInitialOptions() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    loadInitialOptions();
   }, [options]);
   useEffect(function () {
     var observer = new MutationObserver(function () {
@@ -39309,7 +39318,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     style: style,
     showSelectAll: showSelectAll,
     disabled: disabled,
-    filter: true,
+    filter: filter,
     placeholder: placeholder,
     optionLabel: optionLabel,
     optionValue: optionValue,
@@ -39656,6 +39665,11 @@ var MultiSelect = function MultiSelect(props) {
   }, errorMessage || 'Sélection invalide')));
 };
 
+var simulateNetworkDelay = function simulateNetworkDelay() {
+  return new Promise(function (res) {
+    return setTimeout(res, 400);
+  });
+};
 var optionsExample = [{
   label: 'New York',
   value: 'NY'
@@ -39742,68 +39756,17 @@ var syncOptions$1 = [{
   value: '5',
   color: '#ec4899'
 }];
-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 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 MultiSelectPresets = {
   Default: {
     placeholder: 'Sélectionnez des options',
@@ -39861,8 +39824,8 @@ var MultiSelectPresets = {
     isSelectMeta: true,
     // value: ['1', '2'],
     objValue: [{
-      label: 'Option 2',
-      value: '2',
+      label: 'Option 3',
+      value: '3',
       color: '#ff9900'
     }],
     displayNbOption: false,
@@ -39888,17 +39851,78 @@ var MultiSelectPresets = {
   // Configuration pour les options asynchrones
   SelectMetaAsync: {
     isSelectMeta: true,
-    // value: ['3', '4', '5'],
     objValue: [{
-      label: 'Option 2',
-      value: '2',
-      color: '#ff9900'
+      label: 'Option 9',
+      value: 9,
+      color: "#67688C"
     }, {
       label: 'Option 4',
-      value: '4',
-      color: 'black'
+      value: 4,
+      color: "#39C9BF"
     }],
-    options: asyncOptions$1,
+    // 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();
+            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 _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;
+    }(),
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',
     optionValue: 'value',
@@ -40008,7 +40032,7 @@ var asyncOptions = /*#__PURE__*/function () {
 var MultiSelectMetaAsyncPresets = {
   // Configuration pour les options synchrones
   SyncOptions: {
-    value: ['1', '2'],
+    value: ['2', '9'],
     options: syncOptions,
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',
@@ -40030,7 +40054,7 @@ var MultiSelectMetaAsyncPresets = {
   },
   // Configuration pour les options asynchrones
   AsyncOptions: {
-    value: ['1', '2'],
+    value: ['1', '12'],
     options: asyncOptions,
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',

package/package.json

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