arengibook 3.1.283-main → 3.1.311-main

package/dist/index.js

@@ -55361,7 +55361,6 @@ var SelfEditableCell = function SelfEditableCell(_ref11) {
     localValueRef.current = localValue;
   }, [localValue]);
   useEffect(function () {
-    console.log('[sync-effect] field=', col.field, '| isRowEditing=', isRowEditing, '| editing=', editing);
     if (isRowEditing && !editing) {
       committedRef.current = false;
       daySelectedRef.current = false;
@@ -55373,29 +55372,17 @@ var SelfEditableCell = function SelfEditableCell(_ref11) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isRowEditing]);
   var commit = useCallback(function (val) {
-    console.log('[commit] APPEL | val=', val, '| committedRef=', committedRef.current, '| editing=', editing, '| isRowEditing=', isRowEditing, '| field=', col.field);
     pendingValRef.current = val;
     clearTimeout(commitTimerRef.current);
     commitTimerRef.current = setTimeout(function () {
-      console.log('[commit:tick] | committedRef=', committedRef.current, '| pending=', pendingValRef.current, '| field=', col.field);
-      if (committedRef.current) {
-        console.log('[commit:tick] ⛔ AVALÉ (committedRef déjà true) | field=', col.field);
-        return;
-      }
+      if (committedRef.current) return;
       committedRef.current = true;
       var v = pendingValRef.current;
-      console.log('[commit:tick] ✅ → onSave(', v, ') | field=', col.field);
       onSave(v);
       setLocalValue(v);
-      if (!isRowEditing) {
-        console.log('[commit:tick] → setEditing(false) | field=', col.field);
-        setEditing(false);
-      } else {
-        committedRef.current = false;
-      }
+      if (!isRowEditing) setEditing(false);else committedRef.current = false;
     }, 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isRowEditing, onSave, editing, col.field]);
+  }, [isRowEditing, onSave]);
   useEffect(function () {
     if (!editing || isRowEditing || col.type === 'date') return;
     var handler = function handler(e) {
@@ -55414,7 +55401,6 @@ var SelfEditableCell = function SelfEditableCell(_ref11) {
     return /*#__PURE__*/React__default.createElement("div", {
       onClick: function onClick(e) {
         if (editable && !e.target.closest('.ghost-btnBox')) {
-          console.log('[open] CLIC ouverture | field=', col.field, '| committedRef reset→false, daySelectedRef reset→false');
           committedRef.current = false;
           daySelectedRef.current = false;
           setEditing(true);
@@ -55499,42 +55485,28 @@ var SelfEditableCell = function SelfEditableCell(_ref11) {
         var parsed = parseDateAuto(localValue);
         var dateObj = (_parsed$date = parsed === null || parsed === void 0 ? void 0 : parsed.date) !== null && _parsed$date !== void 0 ? _parsed$date : new Date();
         var primeFormat = col.dbDateFormat ? dbDateFormatToPrime(col.dbDateFormat) : (_parsed$primeFormat = parsed === null || parsed === void 0 ? void 0 : parsed.primeFormat) !== null && _parsed$primeFormat !== void 0 ? _parsed$primeFormat : 'dd/mm/yy';
-        console.log('[date:render] field=', col.field, '| localValue=', localValue, '| parsed=', parsed, '| primeFormat=', primeFormat, '| committedRef=', committedRef.current, '| daySelectedRef=', daySelectedRef.current);
         return /*#__PURE__*/React__default.createElement("div", {
           ref: containerRef
         }, /*#__PURE__*/React__default.createElement(DatePicker, {
           value: dateObj,
           dateFormat: primeFormat,
           onChange: function onChange(e) {
-            console.log('[date:onChange] field=', col.field, '| e.value=', e.value, '| typeof=', _typeof$g(e.value), '| instanceof Date=', e.value instanceof Date);
             if (e.value) {
               daySelectedRef.current = true;
-              var iso = fmtDateISO(e.value, primeFormat);
-              console.log('[date:onChange] → commit(', iso, ')');
-              commit(iso);
-            } else {
-              console.log('[date:onChange] e.value falsy → aucun commit');
+              commit(fmtDateISO(e.value, primeFormat));
             }
           },
           onSelect: function onSelect(date, meta) {
-            console.log('[date:onSelect] field=', col.field, '| date=', date, '| meta=', meta);
             if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'clear') {
               daySelectedRef.current = true;
-              console.log('[date:onSelect] clear → commit(null)');
               commit(null);
             } else if (date) {
               daySelectedRef.current = true;
-              var iso = fmtDateISO(date, primeFormat);
-              console.log('[date:onSelect] → commit(', iso, ')');
-              commit(iso);
-            } else {
-              console.log('[date:onSelect] ni clear ni date → rien');
+              commit(fmtDateISO(date, primeFormat));
             }
           },
           onPanelHide: function onPanelHide() {
-            console.log('[date:onPanelHide] field=', col.field, '| daySelectedRef=', daySelectedRef.current, '| isRowEditing=', isRowEditing);
             if (!daySelectedRef.current && !isRowEditing) {
-              console.log('[date:onPanelHide] → setEditing(false)');
               setEditing(false);
             }
             daySelectedRef.current = false;
@@ -55809,17 +55781,25 @@ 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) {
-    console.log('[updateRow] APPEL | rowId=', rowId, '| field=', field, '| newVal=', newVal);
     setData(function (prev) {
       var updated = prev.map(function (row) {
-        return row.id === rowId ? _objectSpread2(_objectSpread2({}, row), {}, _defineProperty$g({}, field, newVal)) : row;
+        return row.id === rowId ? _objectSpread2(_objectSpread2({}, row), {}, _defineProperty$g({}, field, newVal), attributeDataFields(row, field)) : row;
       });
-      console.log('[updateRow] → onChange?(updated) | typeof onChange=', _typeof$g(onChange));
       onChange === null || onChange === void 0 || onChange(updated);
       return updated;
     });
-  }, [onChange]);
+  }, [onChange, attributeDataFields]);
   var handleAddRow = useCallback(function () {
     // id temporaire négatif pour éviter les collisions avec les id BDD positifs
     var newRow = {
@@ -56824,6 +56804,7 @@ 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;
     });
@@ -56834,7 +56815,7 @@ var Table$1 = function Table(_ref13) {
       field: field,
       newValue: newRowData[field]
     });
-  }, [data, onChange, columns]);
+  }, [data, onChange, columns, attributeDataFields]);
 
   /** Get the body renderer for a column based on its type */
   var getBodyTemplate = useCallback(function (col) {
@@ -56966,10 +56947,8 @@ var Table$1 = function Table(_ref13) {
           rowData: rowData,
           col: col,
           editable: colEditable,
-          isRowEditing: !!editingRows[rowData.id],
           onSave: function onSave(v) {
             var _onCellChangeRef$curr2;
-            console.log('[onSave inline] field=', col.field, '| v=', v, '| rowId=', rowData.id);
             var enrichedFields = _defineProperty$g({}, col.field, v);
             if (col.updates) {
               var _col$options8;
@@ -56987,9 +56966,8 @@ var Table$1 = function Table(_ref13) {
             }
             setData(function (prev) {
               var updated = prev.map(function (r) {
-                return r.id === rowData.id ? _objectSpread2(_objectSpread2({}, r), enrichedFields) : r;
+                return r.id === rowData.id ? _objectSpread2(_objectSpread2(_objectSpread2({}, r), enrichedFields), attributeDataFields(r, col.field)) : r;
               });
-              console.log('[onSave inline] → onChange?(updated) | typeof onChange=', _typeof$g(onChange));
               onChange === null || onChange === void 0 || onChange(updated);
               return updated;
             });
@@ -56999,6 +56977,7 @@ 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 : '';
@@ -57024,7 +57003,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]);
+  }, [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]);
   var getSortField = useCallback(function (col) {
     return col.field;
   }, []);
@@ -58162,7 +58141,12 @@ var columnsTyped = [
   header: 'Inscription',
   type: 'date',
   editable: true,
-  dbDateFormat: 'MMMM/y'
+  dbDateFormat: 'MMMM/y',
+  attributeData: {
+    'data-value': 'bonjour',
+    'data-tata': 'hello',
+    'data-tab': []
+  }
 }, {
   field: 'dateNaissance',
   header: 'Naissance',

package/package.json

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