arengibook 2.0.21-table → 2.0.23-table

package/dist/index.js

@@ -47725,7 +47725,8 @@ var SelfEditableCell = function SelfEditableCell(_ref9) {
       },
       style: {
         cursor: editable ? 'pointer' : 'default',
-        minHeight: '1.5rem'
+        minHeight: '1.5rem',
+        width: '100%'
       }
     }, renderDisplay ? renderDisplay(rowData) : (_rowData$col$field = rowData[col.field]) !== null && _rowData$col$field !== void 0 ? _rowData$col$field : '');
   }
@@ -47942,7 +47943,7 @@ var Table = function Table(_ref1) {
     _ref1$editable = _ref1.editable,
     editable = _ref1$editable === void 0 ? false : _ref1$editable,
     _ref1$rowEdit = _ref1.rowEdit,
-    rowEdit = _ref1$rowEdit === void 0 ? true : _ref1$rowEdit,
+    rowEdit = _ref1$rowEdit === void 0 ? false : _ref1$rowEdit,
     onChange = _ref1.onChange,
     onCellChange = _ref1.onCellChange,
     carto = _ref1.carto;
@@ -48234,7 +48235,7 @@ var Table = function Table(_ref1) {
 
   // --- Cell editors by type ---
 
-  var textEditor = useCallback(function (options) {
+  useCallback(function (options) {
     var _options$value2;
     return /*#__PURE__*/React__default.createElement(InputText, {
       value: (_options$value2 = options.value) !== null && _options$value2 !== void 0 ? _options$value2 : '',
@@ -48244,7 +48245,7 @@ var Table = function Table(_ref1) {
       autoFocus: true
     });
   }, []);
-  var dateEditor = useCallback(function (options) {
+  useCallback(function (options) {
     // Convertit la valeur (string dd/mm/YYYY ou YYYY-MM-DD) en objet Date pour le DatePicker
     // Fallback sur aujourd'hui si la valeur est absente ou invalide (N/A, Invalid Date…)
     var dateObj = null;
@@ -48274,7 +48275,7 @@ var Table = function Table(_ref1) {
       }
     });
   }, []);
-  var selectEditor = useCallback(function (col) {
+  useCallback(function (col) {
     return function (options) {
       return /*#__PURE__*/React__default.createElement(Dropdown, _extends$I({}, DropdownPresets.Base, {
         value: options.value,
@@ -48285,7 +48286,7 @@ var Table = function Table(_ref1) {
       }));
     };
   }, []);
-  var numericEditor = useCallback(function (col) {
+  useCallback(function (col) {
     return function (options) {
       var _options$value3;
       return /*#__PURE__*/React__default.createElement(InputText, {
@@ -48304,7 +48305,7 @@ var Table = function Table(_ref1) {
       });
     };
   }, []);
-  var selectMultipleEditor = useCallback(function (col) {
+  useCallback(function (col) {
     return function (options) {
       var _options$value4;
       return /*#__PURE__*/React__default.createElement(MultiSelect, _extends$I({}, MultiSelectPresets.Base, {
@@ -48335,34 +48336,15 @@ var Table = function Table(_ref1) {
   var getEditorTemplate = useCallback(function (col) {
     var colEditable = editable ? col.editable !== false : col.editable === true;
     if (!colEditable) return undefined;
-    // In rowEdit mode, all columns except devise/treeSelect use SelfEditableCell or DocumentBodyCell
-    // which manage their own editing state — no PrimeReact editor needed.
-    if (rowEdit) {
-      if (col.type === 'devise') return deviseEditor(col);
-      if (col.type === 'treeSelect') return treeSelectEditor(col);
-      return undefined;
-    }
-    switch (col.type) {
-      case 'date':
-        return dateEditor;
-      case 'select':
-        return selectEditor(col);
-      case 'selectMultiple':
-        return selectMultipleEditor(col);
-      case 'numeric':
-        return numericEditor(col);
-      case 'calcul':
-        return undefined;
-      case 'documents':
-        return documentEditor(col);
-      case 'devise':
-        return deviseEditor(col);
-      case 'treeSelect':
-        return treeSelectEditor(col);
-      default:
-        return textEditor;
-    }
-  }, [editable, rowEdit, textEditor, dateEditor, selectEditor, selectMultipleEditor, numericEditor, documentEditor, deviseEditor, treeSelectEditor]);
+    // devise and treeSelect always use their PrimeReact editor (not handled by SelfEditableCell)
+    if (col.type === 'devise') return deviseEditor(col);
+    if (col.type === 'treeSelect') return treeSelectEditor(col);
+    // documents in cell mode keeps its native editor; in rowEdit it's wrapped by DocumentBodyCell
+    if (!rowEdit && col.type === 'documents') return documentEditor(col);
+    // All other editable types (text, select, selectMultiple, date, numeric) are
+    // handled by SelfEditableCell — no PrimeReact editor to avoid click conflict.
+    return undefined;
+  }, [editable, rowEdit, deviseEditor, treeSelectEditor, documentEditor]);
   var onCellEditComplete = useCallback(function (e) {
     var _onCellChangeRef$curr;
     var rowData = e.rowData,
@@ -48449,8 +48431,8 @@ var Table = function Table(_ref1) {
         break;
     }
 
-    // In rowEdit mode, wrap editable columns with SelfEditableCell for click-to-edit
-    if (rowEdit && colEditable) {
+    // Wrap editable columns with SelfEditableCell for click-to-edit (both rowEdit and cell modes)
+    if (colEditable) {
       return function (rowData) {
         return /*#__PURE__*/React__default.createElement(SelfEditableCell, {
           rowData: rowData,
@@ -48579,11 +48561,7 @@ var Table = function Table(_ref1) {
       }
     }, "Tout s\xE9lectionner"))
   })));
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default.createElement(DataTable, {
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DataTable, {
     value: data,
     header: header,
     paginator: paginator,

package/package.json

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