arengibook 3.1.291-main → 3.1.311-main

package/dist/index.js

@@ -55485,29 +55485,30 @@ 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';
-        var commitDate = function commitDate(v) {
-          // commit synchrone, sans setTimeout
-          committedRef.current = true;
-          onSave(v);
-          setLocalValue(v);
-          if (!isRowEditing) setEditing(false);else committedRef.current = false;
-        };
         return /*#__PURE__*/React__default.createElement("div", {
           ref: containerRef
         }, /*#__PURE__*/React__default.createElement(DatePicker, {
           value: dateObj,
           dateFormat: primeFormat,
+          onChange: function onChange(e) {
+            if (e.value) {
+              daySelectedRef.current = true;
+              commit(fmtDateISO(e.value, primeFormat));
+            }
+          },
           onSelect: function onSelect(date, meta) {
             if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'clear') {
               daySelectedRef.current = true;
-              commitDate(null);
+              commit(null);
             } else if (date) {
               daySelectedRef.current = true;
-              commitDate(fmtDateISO(date, primeFormat));
+              commit(fmtDateISO(date, primeFormat));
             }
           },
           onPanelHide: function onPanelHide() {
-            if (!daySelectedRef.current && !isRowEditing) setEditing(false);
+            if (!daySelectedRef.current && !isRowEditing) {
+              setEditing(false);
+            }
             daySelectedRef.current = false;
           }
         }));
@@ -55780,15 +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) {
     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;
       });
       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 = {
@@ -56793,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;
     });
@@ -56803,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) {
@@ -56935,7 +56947,6 @@ 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);
@@ -56955,7 +56966,7 @@ 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;
               });
               onChange === null || onChange === void 0 || onChange(updated);
               return updated;
@@ -56966,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 : '';
@@ -56991,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;
   }, []);
@@ -58129,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.291-main",
+  "version": "3.1.311-main",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {