arengibook 3.1.311-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);
   }
@@ -55781,25 +55871,15 @@ var Table$1 = function Table(_ref13) {
       return updated;
     });
   };
-  var attributeDataFields = useCallback(function (row, field) {
-    var _row$attributeData;
-    var col = columns.find(function (c) {
-      return c.field === field;
-    });
-    if (!col || col.attributeData === undefined) return {};
-    return {
-      attributeData: _objectSpread2(_objectSpread2({}, (_row$attributeData = row === null || row === void 0 ? void 0 : row.attributeData) !== null && _row$attributeData !== void 0 ? _row$attributeData : {}), {}, _defineProperty$g({}, field, col.attributeData))
-    };
-  }, [columns]);
   var updateRow = useCallback(function (rowId, field, newVal) {
     setData(function (prev) {
       var updated = prev.map(function (row) {
-        return row.id === rowId ? _objectSpread2(_objectSpread2({}, row), {}, _defineProperty$g({}, field, newVal), attributeDataFields(row, field)) : row;
+        return row.id === rowId ? _objectSpread2(_objectSpread2({}, row), {}, _defineProperty$g({}, field, newVal)) : row;
       });
       onChange === null || onChange === void 0 || onChange(updated);
       return updated;
     });
-  }, [onChange, attributeDataFields]);
+  }, [onChange]);
   var handleAddRow = useCallback(function () {
     // id temporaire négatif pour éviter les collisions avec les id BDD positifs
     var newRow = {
@@ -56804,7 +56884,6 @@ var Table$1 = function Table(_ref13) {
         enrichedRow = _objectSpread2(_objectSpread2({}, newRowData), extra);
       }
     }
-    enrichedRow = _objectSpread2(_objectSpread2({}, enrichedRow), attributeDataFields(rowData, field));
     var updated = data.map(function (row) {
       return row.id === rowData.id ? enrichedRow : row;
     });
@@ -56815,7 +56894,7 @@ var Table$1 = function Table(_ref13) {
       field: field,
       newValue: newRowData[field]
     });
-  }, [data, onChange, columns, attributeDataFields]);
+  }, [data, onChange, columns]);
 
   /** Get the body renderer for a column based on its type */
   var getBodyTemplate = useCallback(function (col) {
@@ -56947,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);
@@ -56966,7 +57046,7 @@ var Table$1 = function Table(_ref13) {
             }
             setData(function (prev) {
               var updated = prev.map(function (r) {
-                return r.id === rowData.id ? _objectSpread2(_objectSpread2(_objectSpread2({}, r), enrichedFields), attributeDataFields(r, col.field)) : r;
+                return r.id === rowData.id ? _objectSpread2(_objectSpread2({}, r), enrichedFields) : r;
               });
               onChange === null || onChange === void 0 || onChange(updated);
               return updated;
@@ -56977,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 : '';
@@ -57003,7 +57082,7 @@ var Table$1 = function Table(_ref13) {
       };
     }
     return displayFn;
-  }, [rowEdit, lockable, effectiveEditable, editingRows, updateRow, onChange, onCellChangeRef, onButtonClick, cellClickEnabled, linkTemplate, dateTemplate, selectTemplate, lienFormulaireTemplate, selectMultipleTemplate, colorTextTemplate, pictoTemplate, textTemplate, numericTemplate, badgesTemplate, calculTemplate, documentTemplate, deviseTemplate, treeSelectTemplate, htmlTemplate, journalTemplate, attributeDataFields]);
+  }, [rowEdit, lockable, effectiveEditable, editingRows, updateRow, onChange, onCellChangeRef, onButtonClick, cellClickEnabled, linkTemplate, dateTemplate, selectTemplate, lienFormulaireTemplate, selectMultipleTemplate, colorTextTemplate, pictoTemplate, textTemplate, numericTemplate, badgesTemplate, calculTemplate, documentTemplate, deviseTemplate, treeSelectTemplate, htmlTemplate, journalTemplate]);
   var getSortField = useCallback(function (col) {
     return col.field;
   }, []);
@@ -58141,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.311-main",
+  "version": "3.1.313-main",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {