arengibook 3.1.312-main → 3.1.313-main

package/dist/index.js

@@ -37028,6 +37028,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     optionLabel = _ref$optionLabel === void 0 ? 'label' : _ref$optionLabel,
     _ref$optionValue = _ref.optionValue,
     optionValue = _ref$optionValue === void 0 ? 'value' : _ref$optionValue,
+    optionsUrl = _ref.optionsUrl,
     _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
     _ref$errorMessage = _ref.errorMessage,
@@ -37115,6 +37116,94 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
       style: styleLabel
     }, option === null || option === void 0 ? void 0 : option[optionLabel])));
   };
+
+  // 🔹 Chargement des options depuis une URL (même contrat que MultiSelectMetaAsync)
+  var fetchOptionsFromUrl = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var search,
+        _ref4,
+        _ref4$page,
+        page,
+        length,
+        start,
+        queryParams,
+        response,
+        responseJSON,
+        dataAjax,
+        mappedOptions,
+        hasMore,
+        _args = arguments,
+        _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            search = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+            _ref4 = _args.length > 2 && _args[2] !== undefined ? _args[2] : {}, _ref4$page = _ref4.page, page = _ref4$page === void 0 ? 1 : _ref4$page;
+            _context.p = 1;
+            length = 25;
+            start = (page - 1) * length;
+            queryParams = new URLSearchParams();
+            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:
+            response = _context.v;
+            if (response.ok) {
+              _context.n = 4;
+              break;
+            }
+            if (!(response.status === 404)) {
+              _context.n = 3;
+              break;
+            }
+            return _context.a(2, {
+              options: [],
+              hasMore: false
+            });
+          case 3:
+            throw new Error("Erreur HTTP: ".concat(response.status));
+          case 4:
+            _context.n = 5;
+            return response.json();
+          case 5:
+            responseJSON = _context.v;
+            dataAjax = responseJSON.data || [];
+            mappedOptions = dataAjax.map(function (opt) {
+              if (opt.hasOwnProperty('color') && opt.color !== null && opt.color.length > 0) {
+                opt.color = opt.color.toLowerCase();
+              } else {
+                delete opt.color;
+              }
+              opt.label = opt.nom !== undefined && opt.nom !== null ? opt.nom : opt.label;
+              opt.value = opt.id;
+              return opt;
+            });
+            hasMore = start + dataAjax.length < responseJSON.recordsTotal;
+            return _context.a(2, {
+              options: mappedOptions,
+              hasMore: hasMore,
+              additional: {
+                page: page + 1
+              }
+            });
+          case 6:
+            _context.p = 6;
+            _t = _context.v;
+            console.error("Erreur lors de la récupération des options :", _t);
+            return _context.a(2, {
+              options: [],
+              hasMore: false
+            });
+        }
+      }, _callee, null, [[1, 6]]);
+    }));
+    return function fetchOptionsFromUrl() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var loadOptions = typeof options === 'function' ? options : fetchOptionsFromUrl;
   var isInvalidEffective = invalid || showRequiredError;
   var style = {
     border: isInvalidEffective ? '1px solid red' : '1px solid #ccc',
@@ -37127,17 +37216,17 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
   useEffect(function () {
     setOptionSelected(objValue ? objValue === null || objValue === void 0 ? void 0 : objValue[optionValue] : value !== null && value !== void 0 ? value : null);
     var loadInitialOptions = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
         var result, _result$options, exists;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
             case 0:
-              _context.n = 1;
-              return options('', [], {
+              _context2.n = 1;
+              return loadOptions('', [], {
                 page: 1
               });
             case 1:
-              result = _context.v;
+              result = _context2.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) {
@@ -37150,12 +37239,12 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
                 }
               }
             case 2:
-              return _context.a(2);
+              return _context2.a(2);
           }
-        }, _callee);
+        }, _callee2);
       }));
       return function loadInitialOptions() {
-        return _ref3.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }();
     loadInitialOptions();
@@ -37163,7 +37252,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     return function () {
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, [options, objValue, value]);
+  }, [options, optionsUrl, objValue, value]);
   var handleClickOutside = function handleClickOutside(event) {
     if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
       setIsEditing(false);
@@ -37198,51 +37287,51 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
     setOptionSelected(null);
     setInputValue('');
     if (onChange) onChange(null);
-    options('', [], {
+    loadOptions('', [], {
       page: 1
     }).then(function (result) {
       setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
     });
   };
   var handleInputChange = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(e) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(e) {
       var search, result, _result$options2, _result, filteredOptions;
-      return _regenerator().w(function (_context2) {
-        while (1) switch (_context2.n) {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
           case 0:
             search = e.target.value;
             setInputValue(search);
             if (search) {
-              _context2.n = 2;
+              _context3.n = 2;
               break;
             }
-            _context2.n = 1;
-            return options('', [], {
+            _context3.n = 1;
+            return loadOptions('', [], {
               page: 1
             });
           case 1:
-            result = _context2.v;
+            result = _context3.v;
             setLoadedOptions((result === null || result === void 0 ? void 0 : result.options) || []);
-            _context2.n = 4;
+            _context3.n = 4;
             break;
           case 2:
-            _context2.n = 3;
-            return options(search, [], {
+            _context3.n = 3;
+            return loadOptions(search, [], {
               page: 1
             });
           case 3:
-            _result = _context2.v;
+            _result = _context3.v;
             filteredOptions = (_result === null || _result === void 0 || (_result$options2 = _result.options) === null || _result$options2 === void 0 ? void 0 : _result$options2.filter(function (opt) {
               return opt[optionLabel].toLowerCase().includes(search.toLowerCase());
             })) || [];
             setLoadedOptions(filteredOptions);
           case 4:
-            return _context2.a(2);
+            return _context3.a(2);
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function handleInputChange(_x) {
-      return _ref4.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var selectedOption = loadedOptions.find(function (opt) {
@@ -37519,10 +37608,11 @@ var Dropdown = function Dropdown(props) {
     _props$subItem = props.subItem,
     subItem = _props$subItem === void 0 ? false : _props$subItem,
     _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required;
+    required = _props$required === void 0 ? false : _props$required,
+    optionsUrl = props.optionsUrl;
 
   // --- Async delegation ---
-  var isAsyncOptions = typeof options === 'function';
+  var isAsyncOptions = typeof options === 'function' || optionsUrl;
   if (isAsyncOptions) {
     return /*#__PURE__*/React__default.createElement(DropdownSelectMetaAsync, props);
   }
@@ -55744,41 +55834,12 @@ var Table$1 = function Table(_ref13) {
     locked = _useState32[0],
     setLocked = _useState32[1];
   var effectiveEditable = lockable ? editable && !locked : editable;
-
-  // Construit l'attributeData complet d'une ligne : une entrée par colonne
-  // qui déclare attributeData, disponible dès le chargement (avant toute édition).
-  var buildAttributeData = useCallback(function () {
-    var result = {};
-    columns.forEach(function (col) {
-      if (col.attributeData !== undefined) result[col.field] = col.attributeData;
-    });
-    return result;
-  }, [columns]);
-
-  // Enrichit chaque ligne avec l'attributeData de toutes les colonnes.
-  // Comme les mises à jour font toujours { ...row, [field]: newVal },
-  // l'attributeData posé ici est préservé à travers toutes les éditions.
-  var enrichRows = useCallback(function (rows) {
-    var attributeData = buildAttributeData();
-    if (!Object.keys(attributeData).length) return rows;
-    return rows.map(function (row) {
-      return _objectSpread2(_objectSpread2({}, row), {}, {
-        attributeData: attributeData
-      });
-    });
-  }, [buildAttributeData]);
-  var _useState33 = useState(function () {
-      return enrichRows(value);
-    }),
+  var _useState33 = useState(value),
     _useState34 = _slicedToArray$d(_useState33, 2),
     data = _useState34[0],
     setData = _useState34[1];
-  // Dépendre uniquement de `value` : enrichRows change de référence si `columns`
-  // est recréé par le parent à chaque rendu, ce qui re-synchroniserait la data
-  // et écraserait les éditions en cours.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(function () {
-    setData(enrichRows(value));
+    setData(value);
   }, [value]);
   var onCellChangeRef = useRef(onCellChange);
   useEffect(function () {
@@ -55822,8 +55883,7 @@ var Table$1 = function Table(_ref13) {
   var handleAddRow = useCallback(function () {
     // id temporaire négatif pour éviter les collisions avec les id BDD positifs
     var newRow = {
-      id: -Date.now(),
-      attributeData: buildAttributeData()
+      id: -Date.now()
     };
     columns.forEach(function (col) {
       switch (col.type) {
@@ -55842,7 +55902,7 @@ var Table$1 = function Table(_ref13) {
       onAdd === null || onAdd === void 0 || onAdd(newRow, updated);
       return updated;
     });
-  }, [columns, onChange, onAdd, buildAttributeData]);
+  }, [columns, onChange, onAdd]);
   var _useState37 = useState({}),
     _useState38 = _slicedToArray$d(_useState37, 2),
     editingRows = _useState38[0],
@@ -56966,6 +57026,7 @@ var Table$1 = function Table(_ref13) {
           rowData: rowData,
           col: col,
           editable: colEditable,
+          isRowEditing: !!editingRows[rowData.id],
           onSave: function onSave(v) {
             var _onCellChangeRef$curr2;
             var enrichedFields = _defineProperty$g({}, col.field, v);
@@ -56996,7 +57057,6 @@ var Table$1 = function Table(_ref13) {
               newValue: v
             });
           },
-          isRowEditing: !!editingRows[rowData.id],
           renderDisplay: displayFn !== null && displayFn !== void 0 ? displayFn : function (rd) {
             var _rd$col$field;
             return (_rd$col$field = rd[col.field]) !== null && _rd$col$field !== void 0 ? _rd$col$field : '';
@@ -58160,12 +58220,7 @@ var columnsTyped = [
   header: 'Inscription',
   type: 'date',
   editable: true,
-  dbDateFormat: 'MMMM/y',
-  attributeData: {
-    'data-value': 'bonjour',
-    'data-tata': 'hello',
-    'data-tab': []
-  }
+  dbDateFormat: 'MMMM/y'
 }, {
   field: 'dateNaissance',
   header: 'Naissance',

package/package.json

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