arengibook 2.4.637 → 2.4.638

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());
               });
@@ -39133,14 +39133,12 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
         _ref3,
         _ref3$page,
         page,
+        length,
+        start,
         queryParams,
         response,
-        data,
-        items,
-        filteredItems,
-        pageSize,
-        start,
-        paginatedItems,
+        responseJSON,
+        dataAjax,
         mappedOptions,
         _args = arguments,
         _t;
@@ -39150,11 +39148,12 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
             search = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
             _ref3 = _args.length > 2 ? _args[2] : undefined, _ref3$page = _ref3.page, page = _ref3$page === void 0 ? 1 : _ref3$page;
             _context.p = 1;
-            // Construction de l'URL avec les paramètres de pagination et de recherche
+            length = 25; // Même valeur que dans loadOptions
+            start = (page - 1) * length;
             queryParams = new URLSearchParams();
-            if (search) queryParams.append('search', search);
-            queryParams.append('page', page);
-            queryParams.append('pageSize', 30);
+            if (search) queryParams.append('search[value]', search);
+            queryParams.append('start', start);
+            queryParams.append('length', length);
             _context.n = 2;
             return fetch("".concat(optionsUrl, "?").concat(queryParams.toString()));
           case 2:
@@ -39168,26 +39167,24 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
             _context.n = 4;
             return response.json();
           case 4:
-            data = _context.v;
-            // Récupération des données paginées ou filtrées
-            // (adaptez cette partie si votre API retourne les données dans un champ spécifique, comme `data.results`)
-            items = Array.isArray(data) ? data : data.results || data.items || []; // Filtrage côté client si nécessaire
-            filteredItems = search ? items.filter(function (item) {
-              return String(item[optionLabel]).toLowerCase().includes(search.toLowerCase());
-            }) : items; // Pagination côté client
-            pageSize = 30;
-            start = (page - 1) * pageSize;
-            paginatedItems = filteredItems.slice(start, start + pageSize); // Mapping dynamique des champs
-            mappedOptions = paginatedItems.map(function (item) {
-              var option = _objectSpread2({}, item);
-              // Si optionLabel et optionValue sont différents des clés par défaut
-              option.label = item[optionLabel];
-              option.value = item[optionValue];
-              return option;
+            responseJSON = _context.v;
+            // Simule le filtrage et le mapping comme dans loadOptions
+            dataAjax = responseJSON.data.filter(function (data) {
+              // Logique de filtrage si nécessaire (à adapter selon vos besoins)
+              return true;
+            });
+            mappedOptions = dataAjax.map(function (opt) {
+              if (!opt.hasOwnProperty('color') || opt.color === null || opt.color.length === 0) {
+                opt.color = '#ccc';
+              }
+              opt.color = opt.color.toLowerCase();
+              opt.label = opt.nom;
+              opt.value = opt.id;
+              return opt;
             });
             return _context.a(2, {
               options: mappedOptions,
-              hasMore: start + pageSize < filteredItems.length,
+              hasMore: start + responseJSON.data.length < responseJSON.recordsTotal,
               additional: {
                 page: page + 1
               }
@@ -39321,7 +39318,6 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   };
   var optionTemplate = function optionTemplate(option) {
     if (!option) return null;
-    console.log(option);
     var _ref5 = selectMetaConfig || {};
       _ref5.labelStyle;
       var generalIcon = _ref5.generalIcon;
@@ -39808,6 +39804,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'
@@ -39894,6 +39895,17 @@ var syncOptions$1 = [{
   value: '5',
   color: '#ec4899'
 }];
+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',
@@ -39976,37 +39988,112 @@ var MultiSelectPresets = {
     showSelectAll: false
   },
   // Configuration pour les options asynchrones
+  // SelectMetaAsync: {
+  //     isSelectMeta: true,
+  //     value: [9, 4],
+  //     objValue: [{ label: 'Option 9', value: 9, color: "#67688C" }, { label: 'Option 4', value: 4, color: "#39C9BF" }],
+  //     options: async (search = '', _, { page }) => {
+  //         await simulateNetworkDelay();
+  //         const allOptions = createFakeOptions(0, 100);
+  //         const filtered = allOptions.filter(opt =>
+  //             opt.label.toLowerCase().includes(search.toLowerCase())
+  //         );
+  //         const pageSize = 30;
+  //         const start = (page - 1) * pageSize;
+  //         return {
+  //             options: filtered.slice(start, start + pageSize),
+  //             hasMore: start + pageSize < filtered.length,
+  //             additional: { page: page + 1 },
+  //         };
+  //     },
+  //     optionLabel: 'label',
+  //     optionValue: 'value',
+  //
+  //     // value: [3,4],
+  //     // objValue: [{ name: 'Clementine Bauch', id: 3 }, { name: 'Patricia Lebsack', id: 4 }],
+  //     // optionsUrl: "https://jsonplaceholder.typicode.com/users",
+  //     // optionLabel: 'name',
+  //     // optionValue: 'id',
+  //
+  //     placeholder: 'Sélectionnez une ou plusieurs options',
+  //     valueStyle: { marginRight: '15px', marginBottom: '5px' },
+  //     selectMetaConfig: {
+  //         labelStyle: { fontWeight: 'bold' },
+  //         generalIcon: 'pi pi-tag',
+  //     },
+  //     filter: false,
+  //     showClear: false,
+  //     useCheckbox: false,
+  //     showSelectAll: false,
+  // },
+
   SelectMetaAsync: {
     isSelectMeta: true,
-    // value: [9, 4],
-    // objValue: [{ label: 'Option 9', value: 9, color: "#67688C" }, { label: 'Option 4', value: 4, color: "#39C9BF" }],
-    // options: async (search = '', _, { page }) => {
-    //     await simulateNetworkDelay();
-    //     const allOptions = createFakeOptions(0, 100);
-    //     const filtered = allOptions.filter(opt =>
-    //         opt.label.toLowerCase().includes(search.toLowerCase())
-    //     );
-    //     const pageSize = 30;
-    //     const start = (page - 1) * pageSize;
-    //     return {
-    //         options: filtered.slice(start, start + pageSize),
-    //         hasMore: start + pageSize < filtered.length,
-    //         additional: { page: page + 1 },
-    //     };
-    // },
-    // optionLabel: 'label',
-    // optionValue: 'value',
-
-    value: [3, 4],
+    value: [9, 4],
     objValue: [{
-      name: 'Clementine Bauch',
-      id: 3
+      label: 'Option 9',
+      value: 9,
+      color: "#67688C",
+      nom: 'Option 9',
+      id: 9
     }, {
-      name: 'Patricia Lebsack',
+      label: 'Option 4',
+      value: 4,
+      color: "#39C9BF",
+      nom: 'Option 4',
       id: 4
     }],
-    optionsUrl: "https://jsonplaceholder.typicode.com/users",
-    optionLabel: 'name',
+    options: function () {
+      var _options = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+        var search,
+          _ref3,
+          _ref3$page,
+          page,
+          allOptions,
+          filtered,
+          length,
+          start,
+          paginatedOptions,
+          _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, _ref3$page = _ref3.page, page = _ref3$page === void 0 ? 1 : _ref3$page;
+              _context2.n = 1;
+              return simulateNetworkDelay();
+            case 1:
+              allOptions = createFakeOptions(0, 100).map(function (opt) {
+                return _objectSpread2(_objectSpread2({}, opt), {}, {
+                  nom: opt.label,
+                  id: opt.value,
+                  color: opt.color || '#ccc'
+                });
+              });
+              filtered = allOptions.filter(function (opt) {
+                return opt.nom.toLowerCase().includes(search.toLowerCase());
+              });
+              length = 25;
+              start = (page - 1) * length; // Simule la réponse de votre API Symfony
+              paginatedOptions = filtered.slice(start, start + length);
+              return _context2.a(2, {
+                options: paginatedOptions,
+                hasMore: start + length < filtered.length,
+                additional: {
+                  page: page + 1
+                },
+                data: paginatedOptions,
+                recordsTotal: filtered.length
+              });
+          }
+        }, _callee2);
+      }));
+      function options() {
+        return _options.apply(this, arguments);
+      }
+      return options;
+    }(),
+    optionLabel: 'nom',
     optionValue: 'id',
     placeholder: 'Sélectionnez une ou plusieurs options',
     valueStyle: {

package/package.json

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