arengibook 3.2.0-main → 3.2.1-main

package/dist/index.js

@@ -55086,10 +55086,79 @@ var HoverTooltip = function HoverTooltip(_ref) {
     }
   }, lines.join('\n')), document.body));
 };
-var RowActionsCell = function RowActionsCell(_ref2) {
+
+/**
+ * Rendu INLINE des actions de ligne (R57-56) : les actions côte à côte en petits boutons
+ * icône, libellé complet en tooltip natif (`title`). Alternative au menu ⚙ au survol
+ * (RowActionsCell) — activée par `actionsDisplay: 'inline'` sur la colonne porteuse.
+ * Chaque action : `{ key, icon, label, danger? }`. Le clic remonte via `onAction(rowData,
+ * key)` (= la prop `onButtonClick` du Table, même contrat que les colonnes `type: button`),
+ * ou `action.onClick(rowData)` si fourni.
+ */
+var RowActionsInlineCell = function RowActionsInlineCell(_ref2) {
   var actions = _ref2.actions,
     rowData = _ref2.rowData,
-    href = _ref2.href;
+    onAction = _ref2.onAction;
+  return (
+    /*#__PURE__*/
+    // width 100% : la cellule .row-actions-cell est en padding 0 → sans elle le flex
+    // s'ajuste au contenu et les boutons se collent à gauche au lieu de se centrer.
+    React__default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '6px',
+        width: '100%',
+        padding: '0 6px',
+        boxSizing: 'border-box'
+      }
+    }, actions.map(function (action, i) {
+      return /*#__PURE__*/React__default.createElement("button", {
+        key: i,
+        type: "button",
+        title: action.label || '',
+        className: action["class"],
+        style: {
+          display: 'inline-flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          width: '26px',
+          height: '26px',
+          padding: 0,
+          borderRadius: '6px',
+          cursor: 'pointer',
+          background: '#fff',
+          border: "1px solid ".concat(action.danger ? '#f3c1c1' : '#dbe3e8'),
+          color: action.danger ? '#c92424' : '#136b89',
+          transition: 'all 0.15s'
+        },
+        onMouseEnter: function onMouseEnter(e) {
+          e.currentTarget.style.background = action.danger ? '#fdf0f0' : '#eef6f9';
+          e.currentTarget.style.borderColor = action.danger ? '#c92424' : '#136b89';
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          e.currentTarget.style.background = '#fff';
+          e.currentTarget.style.borderColor = action.danger ? '#f3c1c1' : '#dbe3e8';
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          if (typeof action.onClick === 'function') action.onClick(rowData);else if (action.key && onAction) onAction(rowData, action.key);
+        }
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "material-icons",
+        style: {
+          fontSize: '16px',
+          lineHeight: 1
+        }
+      }, action.icon));
+    }))
+  );
+};
+var RowActionsCell = function RowActionsCell(_ref3) {
+  var actions = _ref3.actions,
+    rowData = _ref3.rowData,
+    href = _ref3.href;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray$b(_useState3, 2),
     open = _useState4[0],
@@ -55240,10 +55309,10 @@ var RowActionsCell = function RowActionsCell(_ref2) {
     } else {
       extraAttrs.href = actionHref;
     }
-    if (action.data) Object.entries(action.data).forEach(function (_ref3) {
-      var _ref4 = _slicedToArray$b(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
+    if (action.data) Object.entries(action.data).forEach(function (_ref4) {
+      var _ref5 = _slicedToArray$b(_ref4, 2),
+        k = _ref5[0],
+        v = _ref5[1];
       extraAttrs[k] = v;
     });
     return /*#__PURE__*/React__default.createElement("a", _extends$G({
@@ -55298,14 +55367,14 @@ var RowActionsCell = function RowActionsCell(_ref2) {
     }
   }, "settings")), dropdown);
 };
-var DeviseBodyCell = function DeviseBodyCell(_ref5) {
+var DeviseBodyCell = function DeviseBodyCell(_ref6) {
   var _col$devises, _col$decimal, _cellDevise$code;
-  var rowData = _ref5.rowData,
-    col = _ref5.col,
-    editable = _ref5.editable,
-    _ref5$isRowEditing = _ref5.isRowEditing,
-    isRowEditing = _ref5$isRowEditing === void 0 ? false : _ref5$isRowEditing,
-    onSave = _ref5.onSave;
+  var rowData = _ref6.rowData,
+    col = _ref6.col,
+    editable = _ref6.editable,
+    _ref6$isRowEditing = _ref6.isRowEditing,
+    isRowEditing = _ref6$isRowEditing === void 0 ? false : _ref6$isRowEditing,
+    onSave = _ref6.onSave;
   var _useState9 = useState(false),
     _useState0 = _slicedToArray$b(_useState9, 2),
     editing = _useState0[0],
@@ -55332,10 +55401,10 @@ var DeviseBodyCell = function DeviseBodyCell(_ref5) {
     setDevise(val);
   };
   var openEdit = function openEdit() {
-    var _displayCell$value, _ref6, _ref7, _displayCell$devise;
+    var _displayCell$value, _ref7, _ref8, _displayCell$devise;
     if (!editable) return;
     setAmount((_displayCell$value = displayCell === null || displayCell === void 0 ? void 0 : displayCell.value) !== null && _displayCell$value !== void 0 ? _displayCell$value : '');
-    var initialDevise = (_ref6 = (_ref7 = (_displayCell$devise = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise !== void 0 ? _displayCell$devise : col.currency) !== null && _ref7 !== void 0 ? _ref7 : devises[0]) !== null && _ref6 !== void 0 ? _ref6 : null;
+    var initialDevise = (_ref7 = (_ref8 = (_displayCell$devise = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise !== void 0 ? _displayCell$devise : col.currency) !== null && _ref8 !== void 0 ? _ref8 : devises[0]) !== null && _ref7 !== void 0 ? _ref7 : null;
     deviseRef.current = initialDevise;
     setDevise(initialDevise);
     setEditing(true);
@@ -55344,9 +55413,9 @@ var DeviseBodyCell = function DeviseBodyCell(_ref5) {
   // Sync avec le mode row edit : auto-ouvrir / fermer
   useEffect(function () {
     if (isRowEditing && !editing) {
-      var _displayCell$value2, _ref8, _ref9, _displayCell$devise2;
+      var _displayCell$value2, _ref9, _ref0, _displayCell$devise2;
       setAmount((_displayCell$value2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.value) !== null && _displayCell$value2 !== void 0 ? _displayCell$value2 : '');
-      var initialDevise = (_ref8 = (_ref9 = (_displayCell$devise2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise2 !== void 0 ? _displayCell$devise2 : col.currency) !== null && _ref9 !== void 0 ? _ref9 : devises[0]) !== null && _ref8 !== void 0 ? _ref8 : null;
+      var initialDevise = (_ref9 = (_ref0 = (_displayCell$devise2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise2 !== void 0 ? _displayCell$devise2 : col.currency) !== null && _ref0 !== void 0 ? _ref0 : devises[0]) !== null && _ref9 !== void 0 ? _ref9 : null;
       deviseRef.current = initialDevise;
       setDevise(initialDevise);
       setEditing(true);
@@ -55444,13 +55513,13 @@ var DeviseBodyCell = function DeviseBodyCell(_ref5) {
     className: "span-sub"
   }, "".concat(numberWithSpaces(value), " ").concat(cellDevise.code)));
 };
-var TreeSelectBodyCell = function TreeSelectBodyCell(_ref0) {
-  var rowData = _ref0.rowData,
-    col = _ref0.col,
-    editable = _ref0.editable,
-    _ref0$isRowEditing = _ref0.isRowEditing,
-    isRowEditing = _ref0$isRowEditing === void 0 ? false : _ref0$isRowEditing,
-    onSave = _ref0.onSave;
+var TreeSelectBodyCell = function TreeSelectBodyCell(_ref1) {
+  var rowData = _ref1.rowData,
+    col = _ref1.col,
+    editable = _ref1.editable,
+    _ref1$isRowEditing = _ref1.isRowEditing,
+    isRowEditing = _ref1$isRowEditing === void 0 ? false : _ref1$isRowEditing,
+    onSave = _ref1.onSave;
   var _useState15 = useState(false),
     _useState16 = _slicedToArray$b(_useState15, 2),
     editing = _useState16[0],
@@ -55567,12 +55636,12 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref0) {
     }, node.label);
   }));
 };
-var DocumentEditorCell = function DocumentEditorCell(_ref1) {
+var DocumentEditorCell = function DocumentEditorCell(_ref10) {
   var _options$value;
-  var options = _ref1.options,
-    col = _ref1.col,
-    onFilePickerOpen = _ref1.onFilePickerOpen,
-    onFilePickerClose = _ref1.onFilePickerClose;
+  var options = _ref10.options,
+    col = _ref10.col,
+    onFilePickerOpen = _ref10.onFilePickerOpen,
+    onFilePickerClose = _ref10.onFilePickerClose;
   var _useState21 = useState(false),
     _useState22 = _slicedToArray$b(_useState21, 2),
     uploading = _useState22[0],
@@ -55580,7 +55649,7 @@ var DocumentEditorCell = function DocumentEditorCell(_ref1) {
   var fileInputRef = useRef(null);
   var docs = (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : [];
   var handleFileChange = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
+    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
       var file, formData, res, data, _t, _t2;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.n) {
@@ -55635,7 +55704,7 @@ var DocumentEditorCell = function DocumentEditorCell(_ref1) {
       }, _callee, null, [[2,, 7, 8]]);
     }));
     return function handleFileChange(_x) {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
   var handlePickerClick = function handlePickerClick() {
@@ -55718,17 +55787,17 @@ var DocumentEditorCell = function DocumentEditorCell(_ref1) {
     onChange: handleFileChange
   }));
 };
-var SelfEditableCell = function SelfEditableCell(_ref11) {
+var SelfEditableCell = function SelfEditableCell(_ref12) {
   var _col$header;
-  var rowData = _ref11.rowData,
-    col = _ref11.col,
-    editable = _ref11.editable,
-    isRowEditing = _ref11.isRowEditing,
-    onSave = _ref11.onSave,
-    renderDisplay = _ref11.renderDisplay,
-    onCreateTag = _ref11.onCreateTag,
-    onTagCreated = _ref11.onTagCreated,
-    labels = _ref11.labels;
+  var rowData = _ref12.rowData,
+    col = _ref12.col,
+    editable = _ref12.editable,
+    isRowEditing = _ref12.isRowEditing,
+    onSave = _ref12.onSave,
+    renderDisplay = _ref12.renderDisplay,
+    onCreateTag = _ref12.onCreateTag,
+    onTagCreated = _ref12.onTagCreated,
+    labels = _ref12.labels;
   var _useState23 = useState(false),
     _useState24 = _slicedToArray$b(_useState23, 2),
     editing = _useState24[0],
@@ -56069,13 +56138,13 @@ var SelfEditableCell = function SelfEditableCell(_ref11) {
       }));
   }
 };
-var DocumentBodyCell = function DocumentBodyCell(_ref12) {
+var DocumentBodyCell = function DocumentBodyCell(_ref13) {
   var _rowData$col$field2;
-  var rowData = _ref12.rowData,
-    col = _ref12.col,
-    editable = _ref12.editable,
-    isRowEditing = _ref12.isRowEditing,
-    onSave = _ref12.onSave;
+  var rowData = _ref13.rowData,
+    col = _ref13.col,
+    editable = _ref13.editable,
+    isRowEditing = _ref13.isRowEditing,
+    onSave = _ref13.onSave;
   var _useState27 = useState(false),
     _useState28 = _slicedToArray$b(_useState27, 2),
     editing = _useState28[0],
@@ -56168,66 +56237,66 @@ var DocumentBodyCell = function DocumentBodyCell(_ref12) {
     }, doc.name));
   })));
 };
-var Table$1 = function Table(_ref13) {
-  var _ref13$value = _ref13.value,
-    value = _ref13$value === void 0 ? [] : _ref13$value,
-    _ref13$columns = _ref13.columns,
-    columns = _ref13$columns === void 0 ? [] : _ref13$columns,
-    _ref13$paginator = _ref13.paginator,
-    paginator = _ref13$paginator === void 0 ? true : _ref13$paginator,
-    _ref13$rows = _ref13.rows,
-    rows = _ref13$rows === void 0 ? 25 : _ref13$rows,
-    _ref13$loading = _ref13.loading,
-    loading = _ref13$loading === void 0 ? false : _ref13$loading,
-    _ref13$stripedRows = _ref13.stripedRows,
-    stripedRows = _ref13$stripedRows === void 0 ? false : _ref13$stripedRows,
-    _ref13$selectionMode = _ref13.selectionMode,
-    selectionMode = _ref13$selectionMode === void 0 ? null : _ref13$selectionMode,
-    selection = _ref13.selection,
-    onSelectionChange = _ref13.onSelectionChange,
-    _ref13$editable = _ref13.editable,
-    editable = _ref13$editable === void 0 ? false : _ref13$editable,
-    _ref13$lockable = _ref13.lockable,
-    lockable = _ref13$lockable === void 0 ? false : _ref13$lockable,
-    _ref13$rowEdit = _ref13.rowEdit,
-    rowEdit = _ref13$rowEdit === void 0 ? false : _ref13$rowEdit,
-    _ref13$columnFilter = _ref13.columnFilter,
-    columnFilter = _ref13$columnFilter === void 0 ? true : _ref13$columnFilter,
-    onChange = _ref13.onChange,
-    onCellChange = _ref13.onCellChange,
-    onLoad = _ref13.onLoad,
-    tableId = _ref13.tableId,
-    onAdd = _ref13.onAdd,
-    _ref13$showAdd = _ref13.showAdd,
-    showAdd = _ref13$showAdd === void 0 ? true : _ref13$showAdd,
-    _ref13$addLabel = _ref13.addLabel,
-    addLabel = _ref13$addLabel === void 0 ? '+' : _ref13$addLabel,
-    addTooltip = _ref13.addTooltip,
-    _ref13$addRowPosition = _ref13.addRowPosition,
-    addRowPosition = _ref13$addRowPosition === void 0 ? 'end' : _ref13$addRowPosition,
-    _ref13$defaultRowHeig = _ref13.defaultRowHeight,
-    defaultRowHeight = _ref13$defaultRowHeig === void 0 ? 'small' : _ref13$defaultRowHeig,
-    onReorderClick = _ref13.onReorderClick,
-    labels = _ref13.labels,
-    _ref13$lazy = _ref13.lazy,
-    lazy = _ref13$lazy === void 0 ? false : _ref13$lazy,
-    totalRecords = _ref13.totalRecords,
-    onLazyLoad = _ref13.onLazyLoad,
-    _ref13$deletableRows = _ref13.deletableRows,
-    deletableRows = _ref13$deletableRows === void 0 ? false : _ref13$deletableRows,
-    onDeleteRow = _ref13.onDeleteRow,
-    _ref13$confirmDelete = _ref13.confirmDelete,
-    confirmDelete = _ref13$confirmDelete === void 0 ? true : _ref13$confirmDelete,
-    _ref13$editableRows = _ref13.editableRows,
-    editableRows = _ref13$editableRows === void 0 ? false : _ref13$editableRows,
-    onEditRow = _ref13.onEditRow,
-    onCreateTag = _ref13.onCreateTag,
-    _ref13$rowSelection = _ref13.rowSelection,
-    rowSelection = _ref13$rowSelection === void 0 ? false : _ref13$rowSelection,
-    _ref13$selectionFilte = _ref13.selectionFilter,
-    selectionFilter = _ref13$selectionFilte === void 0 ? false : _ref13$selectionFilte,
-    onButtonClick = _ref13.onButtonClick,
-    onCellClick = _ref13.onCellClick;
+var Table$1 = function Table(_ref14) {
+  var _ref14$value = _ref14.value,
+    value = _ref14$value === void 0 ? [] : _ref14$value,
+    _ref14$columns = _ref14.columns,
+    columns = _ref14$columns === void 0 ? [] : _ref14$columns,
+    _ref14$paginator = _ref14.paginator,
+    paginator = _ref14$paginator === void 0 ? true : _ref14$paginator,
+    _ref14$rows = _ref14.rows,
+    rows = _ref14$rows === void 0 ? 25 : _ref14$rows,
+    _ref14$loading = _ref14.loading,
+    loading = _ref14$loading === void 0 ? false : _ref14$loading,
+    _ref14$stripedRows = _ref14.stripedRows,
+    stripedRows = _ref14$stripedRows === void 0 ? false : _ref14$stripedRows,
+    _ref14$selectionMode = _ref14.selectionMode,
+    selectionMode = _ref14$selectionMode === void 0 ? null : _ref14$selectionMode,
+    selection = _ref14.selection,
+    onSelectionChange = _ref14.onSelectionChange,
+    _ref14$editable = _ref14.editable,
+    editable = _ref14$editable === void 0 ? false : _ref14$editable,
+    _ref14$lockable = _ref14.lockable,
+    lockable = _ref14$lockable === void 0 ? false : _ref14$lockable,
+    _ref14$rowEdit = _ref14.rowEdit,
+    rowEdit = _ref14$rowEdit === void 0 ? false : _ref14$rowEdit,
+    _ref14$columnFilter = _ref14.columnFilter,
+    columnFilter = _ref14$columnFilter === void 0 ? true : _ref14$columnFilter,
+    onChange = _ref14.onChange,
+    onCellChange = _ref14.onCellChange,
+    onLoad = _ref14.onLoad,
+    tableId = _ref14.tableId,
+    onAdd = _ref14.onAdd,
+    _ref14$showAdd = _ref14.showAdd,
+    showAdd = _ref14$showAdd === void 0 ? true : _ref14$showAdd,
+    _ref14$addLabel = _ref14.addLabel,
+    addLabel = _ref14$addLabel === void 0 ? '+' : _ref14$addLabel,
+    addTooltip = _ref14.addTooltip,
+    _ref14$addRowPosition = _ref14.addRowPosition,
+    addRowPosition = _ref14$addRowPosition === void 0 ? 'end' : _ref14$addRowPosition,
+    _ref14$defaultRowHeig = _ref14.defaultRowHeight,
+    defaultRowHeight = _ref14$defaultRowHeig === void 0 ? 'small' : _ref14$defaultRowHeig,
+    onReorderClick = _ref14.onReorderClick,
+    labels = _ref14.labels,
+    _ref14$lazy = _ref14.lazy,
+    lazy = _ref14$lazy === void 0 ? false : _ref14$lazy,
+    totalRecords = _ref14.totalRecords,
+    onLazyLoad = _ref14.onLazyLoad,
+    _ref14$deletableRows = _ref14.deletableRows,
+    deletableRows = _ref14$deletableRows === void 0 ? false : _ref14$deletableRows,
+    onDeleteRow = _ref14.onDeleteRow,
+    _ref14$confirmDelete = _ref14.confirmDelete,
+    confirmDelete = _ref14$confirmDelete === void 0 ? true : _ref14$confirmDelete,
+    _ref14$editableRows = _ref14.editableRows,
+    editableRows = _ref14$editableRows === void 0 ? false : _ref14$editableRows,
+    onEditRow = _ref14.onEditRow,
+    onCreateTag = _ref14.onCreateTag,
+    _ref14$rowSelection = _ref14.rowSelection,
+    rowSelection = _ref14$rowSelection === void 0 ? false : _ref14$rowSelection,
+    _ref14$selectionFilte = _ref14.selectionFilter,
+    selectionFilter = _ref14$selectionFilte === void 0 ? false : _ref14$selectionFilte,
+    onButtonClick = _ref14.onButtonClick,
+    onCellClick = _ref14.onCellClick;
   var _useState31 = useState(true),
     _useState32 = _slicedToArray$b(_useState31, 2),
     locked = _useState32[0],
@@ -56574,9 +56643,9 @@ var Table$1 = function Table(_ref13) {
       return [c, lastKnownRank + 0.5, natIdx];
     }).sort(function (a, b) {
       return a[1] - b[1] || a[2] - b[2];
-    }).map(function (_ref14) {
-      var _ref15 = _slicedToArray$b(_ref14, 1),
-        c = _ref15[0];
+    }).map(function (_ref15) {
+      var _ref16 = _slicedToArray$b(_ref15, 1),
+        c = _ref16[0];
       return c;
     });
     return [].concat(_toConsumableArray$8(pinned), _toConsumableArray$8(sortedRest));
@@ -56874,10 +56943,10 @@ var Table$1 = function Table(_ref13) {
   var persistFilters = useCallback(function (f) {
     try {
       var values = {};
-      Object.entries(f || {}).forEach(function (_ref16) {
-        var _ref17 = _slicedToArray$b(_ref16, 2),
-          field = _ref17[0],
-          meta = _ref17[1];
+      Object.entries(f || {}).forEach(function (_ref17) {
+        var _ref18 = _slicedToArray$b(_ref17, 2),
+          field = _ref18[0],
+          meta = _ref18[1];
         if (meta && meta.value != null && meta.value !== '') {
           // Filtre date : persiste en 'yyyy-MM-dd' local (JSON.stringify(Date) donnerait
           // un ISO horodaté UTC que parseDateAuto ne relit pas — et J±1 selon le fuseau).
@@ -57212,7 +57281,7 @@ var Table$1 = function Table(_ref13) {
 
   var linkTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _ref18, _col$href;
+      var _ref19, _col$href;
       var label = rowData[col.field];
       if (col.type === 'titleLink') {
         return /*#__PURE__*/React__default.createElement("div", {
@@ -57226,7 +57295,7 @@ var Table$1 = function Table(_ref13) {
           className: "table-item-title cell-text"
         }, label));
       }
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref18 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref18 !== void 0 ? _ref18 : '#';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref19 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref19 !== void 0 ? _ref19 : '#';
       return /*#__PURE__*/React__default.createElement("div", {
         className: "arengi-table-grey-title-box",
         style: {
@@ -57305,13 +57374,13 @@ var Table$1 = function Table(_ref13) {
   }, []);
   var lienFormulaireTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _col$options5, _ref19, _opt$label, _ref20, _col$href2;
+      var _col$options5, _ref20, _opt$label, _ref21, _col$href2;
       var val = rowData[col.field];
       var opt = (_col$options5 = col.options) === null || _col$options5 === void 0 ? void 0 : _col$options5.find(function (o) {
         return o.value === val;
       });
-      var label = (_ref19 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref19 !== void 0 ? _ref19 : '';
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref20 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref20 !== void 0 ? _ref20 : null;
+      var label = (_ref20 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref20 !== void 0 ? _ref20 : '';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref21 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref21 !== void 0 ? _ref21 : null;
       if (!label) return '';
       return /*#__PURE__*/React__default.createElement("div", {
         style: {
@@ -57811,10 +57880,10 @@ var Table$1 = function Table(_ref13) {
       });
       if (option) {
         var extra = {};
-        Object.entries(col.updates).forEach(function (_ref21) {
-          var _ref22 = _slicedToArray$b(_ref21, 2),
-            targetField = _ref22[0],
-            optionProp = _ref22[1];
+        Object.entries(col.updates).forEach(function (_ref22) {
+          var _ref23 = _slicedToArray$b(_ref22, 2),
+            targetField = _ref23[0],
+            optionProp = _ref23[1];
           if (option[optionProp] !== undefined) extra[targetField] = option[optionProp];
         });
         enrichedRow = _objectSpread2(_objectSpread2({}, newRowData), extra);
@@ -57974,10 +58043,10 @@ var Table$1 = function Table(_ref13) {
                 return opt.value === v;
               });
               if (option) {
-                Object.entries(col.updates).forEach(function (_ref23) {
-                  var _ref24 = _slicedToArray$b(_ref23, 2),
-                    tf = _ref24[0],
-                    op = _ref24[1];
+                Object.entries(col.updates).forEach(function (_ref24) {
+                  var _ref25 = _slicedToArray$b(_ref24, 2),
+                    tf = _ref25[0],
+                    op = _ref25[1];
                   if (option[op] !== undefined) enrichedFields[tf] = option[op];
                 });
               }
@@ -58061,7 +58130,14 @@ var Table$1 = function Table(_ref13) {
     var available = wrapperEl ? wrapperEl.clientWidth : 0;
     var lastField = (_visibleColumns = visibleColumns[visibleColumns.length - 1]) === null || _visibleColumns === void 0 ? void 0 : _visibleColumns.field;
     if (available && lastField) {
-      var sum = leadingColCount * ACTION_COLUMN_WIDTH + visibleColumns.reduce(function (a, c) {
+      // La colonne d'actions INLINE (actionsDisplay: 'inline') est plus large que les
+      // 34px standard des colonnes techniques : compter sa largeur réelle, sinon la
+      // dernière colonne absorbe trop et crée un débordement horizontal.
+      var inlineActionsCol = columns.find(function (c) {
+        return c.actionsField && c.actionsDisplay === 'inline';
+      });
+      var inlineActionsExtra = inlineActionsCol ? (inlineActionsCol.actionsWidth || ACTION_COLUMN_WIDTH) - ACTION_COLUMN_WIDTH : 0;
+      var sum = leadingColCount * ACTION_COLUMN_WIDTH + inlineActionsExtra + visibleColumns.reduce(function (a, c) {
         return a + (map[c.field] || 0);
       }, 0);
       if (sum < available) map[lastField] += available - sum;
@@ -58275,10 +58351,10 @@ var Table$1 = function Table(_ref13) {
       setRowPreset(defaultRowHeight === 'fit' || ROW_PRESETS[defaultRowHeight] ? defaultRowHeight : 'small');
       setSettingsOpen(false);
     }
-  }].map(function (_ref25) {
-    var icon = _ref25.icon,
-      label = _ref25.label,
-      action = _ref25.action;
+  }].map(function (_ref26) {
+    var icon = _ref26.icon,
+      label = _ref26.label,
+      action = _ref26.action;
     return /*#__PURE__*/React__default.createElement("button", {
       key: label,
       type: "button",
@@ -58343,9 +58419,9 @@ var Table$1 = function Table(_ref13) {
   }, {
     key: 'fit',
     label: translate('arengibook.table.settings.rowHeightFit', labels)
-  }].map(function (_ref26) {
-    var key = _ref26.key,
-      label = _ref26.label;
+  }].map(function (_ref27) {
+    var key = _ref27.key,
+      label = _ref27.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -58612,7 +58688,14 @@ var Table$1 = function Table(_ref13) {
         // et le navigateur redistribue le surplus sur TOUTES les colonnes
         // (max-width ignoré) → les colonnes d'action 34px gonflent.
         var map = s.columnWidthsByField && _typeof$e(s.columnWidthsByField) === 'object' ? s.columnWidthsByField : {};
-        var widths = [].concat(_toConsumableArray$8(Array(leadingColCount).fill(ACTION_COLUMN_WIDTH)), _toConsumableArray$8(visibleColumns.map(function (c) {
+        // La colonne d'actions (dernière des colonnes techniques) peut être plus
+        // large que 34px en mode inline (actionsWidth) : refléter sa largeur
+        // réelle, sinon la chaîne positionnelle l'écrase à 34px.
+        var restoreActionsCol = columns.find(function (c) {
+          return c.actionsField;
+        });
+        var actionsColWidth = restoreActionsCol && restoreActionsCol.actionsDisplay === 'inline' ? restoreActionsCol.actionsWidth || ACTION_COLUMN_WIDTH : ACTION_COLUMN_WIDTH;
+        var widths = [].concat(_toConsumableArray$8(Array(leadingColCount - (restoreActionsCol ? 1 : 0)).fill(ACTION_COLUMN_WIDTH)), _toConsumableArray$8(restoreActionsCol ? [actionsColWidth] : []), _toConsumableArray$8(visibleColumns.map(function (c) {
           return Number.isFinite(map[c.field]) ? map[c.field] : Number.parseInt(c.minWidth, 10) || DEFAULT_COLUMN_WIDTH;
         })));
         restored.columnWidths = widths.join(',');
@@ -58839,31 +58922,47 @@ var Table$1 = function Table(_ref13) {
       return c.actionsField;
     });
     if (!actionsCol) return null;
+    // Mode INLINE (R57-56) : actions visibles côte à côte + header affichable +
+    // largeur configurable. Mode par défaut : menu ⚙ au survol. Dans les deux cas
+    // la colonne satellite reste frozen à gauche, hors réordonnancement et hors
+    // picker de colonnes (non masquable — les call-to-action ne se cachent pas).
+    var inline = actionsCol.actionsDisplay === 'inline';
+    var colWidth = inline ? actionsCol.actionsWidth || ACTION_COLUMN_WIDTH : ACTION_COLUMN_WIDTH;
     return /*#__PURE__*/React__default.createElement(Column, {
       key: "__row_actions__",
       columnKey: "__row_actions__",
-      header: "",
+      header: inline ? actionsCol.actionsHeader || '' : '',
       body: function body(rowData) {
-        var _ref27, _linkCol$href;
+        var _ref28, _linkCol$href;
+        var rowActions = rowData[actionsCol.actionsField] || [];
+        if (inline) {
+          return /*#__PURE__*/React__default.createElement(RowActionsInlineCell, {
+            actions: rowActions,
+            rowData: rowData,
+            onAction: function onAction(row, key) {
+              return onButtonClickRef.current && onButtonClickRef.current(row, key);
+            }
+          });
+        }
         var linkCol = columns.find(function (c) {
           return c.type === 'titleLink' || c.type === 'link';
         });
-        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref27 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref27 !== void 0 ? _ref27 : null : null;
+        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref28 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref28 !== void 0 ? _ref28 : null : null;
         return /*#__PURE__*/React__default.createElement(RowActionsCell, {
-          actions: rowData[actionsCol.actionsField] || [],
+          actions: rowActions,
           rowData: rowData,
           href: linkHref
         });
       },
       style: {
-        width: "".concat(ACTION_COLUMN_WIDTH, "px"),
-        minWidth: "".concat(ACTION_COLUMN_WIDTH, "px"),
-        maxWidth: "".concat(ACTION_COLUMN_WIDTH, "px")
+        width: "".concat(colWidth, "px"),
+        minWidth: "".concat(colWidth, "px"),
+        maxWidth: "".concat(colWidth, "px")
       },
       headerStyle: {
-        width: "".concat(ACTION_COLUMN_WIDTH, "px"),
-        minWidth: "".concat(ACTION_COLUMN_WIDTH, "px"),
-        maxWidth: "".concat(ACTION_COLUMN_WIDTH, "px")
+        width: "".concat(colWidth, "px"),
+        minWidth: "".concat(colWidth, "px"),
+        maxWidth: "".concat(colWidth, "px")
       },
       frozen: true,
       alignFrozen: "left",

package/package.json

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