arengibook 3.1.291-main → 3.1.312-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;
           }
         }));
@@ -55743,12 +55744,41 @@ var Table$1 = function Table(_ref13) {
     locked = _useState32[0],
     setLocked = _useState32[1];
   var effectiveEditable = lockable ? editable && !locked : editable;
-  var _useState33 = useState(value),
+
+  // 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);
+    }),
     _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(value);
+    setData(enrichRows(value));
   }, [value]);
   var onCellChangeRef = useRef(onCellChange);
   useEffect(function () {
@@ -55792,7 +55822,8 @@ 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()
+      id: -Date.now(),
+      attributeData: buildAttributeData()
     };
     columns.forEach(function (col) {
       switch (col.type) {
@@ -55811,7 +55842,7 @@ var Table$1 = function Table(_ref13) {
       onAdd === null || onAdd === void 0 || onAdd(newRow, updated);
       return updated;
     });
-  }, [columns, onChange, onAdd]);
+  }, [columns, onChange, onAdd, buildAttributeData]);
   var _useState37 = useState({}),
     _useState38 = _slicedToArray$d(_useState37, 2),
     editingRows = _useState38[0],
@@ -56935,7 +56966,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);
@@ -56966,6 +56996,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 : '';
@@ -58129,7 +58160,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.312-main",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {