arengibook 2.4.625 → 2.4.627

package/dist/index.js

@@ -36820,12 +36820,12 @@ var DropdownPresets = {
   }
 };
 
-var simulateNetworkDelay = function simulateNetworkDelay() {
+var simulateNetworkDelay$2 = function simulateNetworkDelay() {
   return new Promise(function (res) {
     return setTimeout(res, 400);
   });
 };
-var createFakeOptions = function createFakeOptions(start, length) {
+var createFakeOptions$2 = 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$2();
             case 1:
-              allOptions = createFakeOptions(0, 100);
+              allOptions = createFakeOptions$2(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,29 +39109,36 @@ 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];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray$9(_useState3, 2),
-    loadedOptions = _useState4[0],
-    setLoadedOptions = _useState4[1];
-  var _useState5 = useState(''),
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray$9(_useState3, 2);
+    _useState4[0];
+    _useState4[1];
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray$9(_useState5, 2),
-    inputValue = _useState6[0];
-    _useState6[1];
-  var multiSelectRef = useRef(null);
-  var _useState7 = useState(false),
+    loadedOptions = _useState6[0],
+    setLoadedOptions = _useState6[1];
+  var _useState7 = useState(''),
     _useState8 = _slicedToArray$9(_useState7, 2),
-    loading = _useState8[0],
-    setLoading = _useState8[1];
+    inputValue = _useState8[0];
+    _useState8[1];
+  var multiSelectRef = useRef(null);
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray$9(_useState9, 2),
+    loading = _useState0[0],
+    setLoading = _useState0[1];
   var loadLazyTimeout = useRef();
   var currentPageRef = useRef(1);
   var isOptionsArray = Array.isArray(options);
+  var numericValue = value.map(function (v) {
+    return typeof v === 'string' ? parseInt(v, 10) : v;
+  });
+  var numericObjValue = objValue ? objValue.map(function (opt) {
+    return _objectSpread2(_objectSpread2({}, opt), {}, _defineProperty$b({}, optionValue, typeof opt[optionValue] === 'string' ? parseInt(opt[optionValue], 10) : opt[optionValue]));
+  }) : null;
   useEffect(function () {
     if (isOptionsArray) {
       setLoadedOptions(options);
@@ -39149,6 +39156,9 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
               case 1:
                 result = _context.v;
                 setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
+                setSelectedOptions(objValue ? _toConsumableArray$7(numericObjValue.map(function (opt) {
+                  return opt[optionValue];
+                })) : numericValue !== null && numericValue !== void 0 ? numericValue : []);
               case 2:
                 return _context.a(2);
             }
@@ -39160,7 +39170,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       }();
       loadInitialOptions();
     }
-  }, [options]);
+  }, [options, objValue, value]);
   useEffect(function () {
     var observer = new MutationObserver(function () {
       var panel = document.querySelector('.p-multiselect-panel.p-component');
@@ -39179,10 +39189,10 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
 
   // Gestion du changement de sélection
   var handleChange = function handleChange(e) {
+    console.log(selectedOptions);
     setSelectedOptions(e.value);
     if (onChange) onChange(e.value);
   };
-
   // Inversion de couleur pour le texte des badges
   var inverseColor = function inverseColor(hexColor) {
     var r = parseInt(hexColor.substr(1, 2), 16);
@@ -39299,14 +39309,17 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   };
   return /*#__PURE__*/React__default.createElement("div", {
     ref: multiSelectRef,
-    className: "flex flex-col gap-1"
+    className: "flex flex-col gap-1",
+    style: {
+      width: '100%'
+    }
   }, /*#__PURE__*/React__default.createElement(MultiSelect$1, {
     options: loadedOptions,
     onChange: handleChange,
     style: style,
     showSelectAll: showSelectAll,
     disabled: disabled,
-    filter: true,
+    filter: filter,
     placeholder: placeholder,
     optionLabel: optionLabel,
     optionValue: optionValue,
@@ -39582,9 +39595,15 @@ var MultiSelect = function MultiSelect(props) {
     }
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-1"
+    className: "flex flex-col gap-1",
+    style: {
+      width: '100%'
+    }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "multiselect-container",
+    style: {
+      width: '100%'
+    },
     onMouseEnter: function onMouseEnter() {
       return setHovered(true);
     },
@@ -39647,6 +39666,11 @@ 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'
@@ -39733,68 +39757,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$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 MultiSelectPresets = {
   Default: {
     placeholder: 'Sélectionnez des options',
@@ -39879,17 +39852,55 @@ var MultiSelectPresets = {
   // Configuration pour les options asynchrones
   SelectMetaAsync: {
     isSelectMeta: true,
-    // value: ['3', '4', '5'],
     objValue: [{
-      label: 'Option 2',
-      value: '2',
+      label: 'Option 9',
+      value: '9',
       color: '#ff9900'
     }, {
       label: 'Option 4',
       value: '4',
       color: 'black'
     }],
-    options: asyncOptions$1,
+    // 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;
+    }(),
     placeholder: 'Sélectionnez une ou plusieurs options',
     optionLabel: 'label',
     optionValue: 'value',
@@ -39910,6 +39921,12 @@ var MultiSelectPresets = {
   }
 };
 
+var simulateNetworkDelay = function simulateNetworkDelay() {
+  return new Promise(function (res) {
+    return setTimeout(res, 400);
+  });
+};
+
 // Options synchrones (tableau)
 var syncOptions = [{
   label: 'Option 1',
@@ -39934,68 +39951,44 @@ var syncOptions = [{
 }];
 
 // Fonction pour simuler des options asynchrones
-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);
-  };
-}();
+// 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 MultiSelectMetaAsyncPresets = {
   // Configuration pour les options synchrones
   SyncOptions: {
@@ -40021,8 +40014,46 @@ var MultiSelectMetaAsyncPresets = {
   },
   // Configuration pour les options asynchrones
   AsyncOptions: {
-    value: ['1', '2'],
-    options: 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;
+    }(),
     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.625",
+  "version": "2.4.627",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {