arengibook 2.0.29-table → 2.1.0-table

package/dist/index.js

@@ -44743,7 +44743,7 @@ if (typeof window !== 'undefined') {
   window.ArengibookToastPresets = ToastPresets;
 }
 
-var css_248z$1 = ".arengi-table td {\n  overflow: hidden;\n  text-align: center !important;\n}\n\n.cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n  background: linear-gradient(45deg, #ebebeb, #ebebeb) !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  border-right: none !important;\n  padding: 0 !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  font-size: 0.875rem;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 0.75rem;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 0.85rem;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  min-width: 0;\n  overflow: hidden;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.875rem;\n  min-width: 0;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 0.8rem;\n  flex-shrink: 0;\n}\n.doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  padding-left: 1.1rem;\n  font-size: 0.8rem;\n}\n.doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.8rem;\n}\n.doc-editor-table td {\n  padding: 0.2rem 0.35rem;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 2rem;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  cursor: pointer;\n  align-self: center;\n}\n\n.arengi-table .arengi-table-grey-title-box {\n  overflow: hidden;\n  min-width: 0;\n}\n\n.arengi-table .arengi-table-grey-title:hover .table-item-title,\n.arengi-table .arengi-table-grey-title .table-item-title:hover {\n  text-decoration: none !important;\n}\n\n.arengi-table .table-item-title {\n  display: block !important;\n  min-width: 0 !important;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: center;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 3px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 10px;\n}";
+var css_248z$1 = ".p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\ntable.arengi-table thead {\n  border: 1px solid #d5d2d2;\n}\ntable.arengi-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #fff;\n  border-bottom: 1px solid lightgrey;\n  font-size: 14px;\n}\ntable.arengi-table thead th:hover {\n  background-color: #d6d6d6;\n}\ntable.arengi-table tbody tr {\n  background-color: transparent;\n}\ntable.arengi-table tbody tr:hover {\n  background-color: rgba(255, 255, 255, 0.5803921569);\n}\n\n.arengi-table td {\n  overflow: hidden;\n  text-align: center !important;\n}\n\n.cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background-color: var(--surface-0, #ffffff);\n  background: linear-gradient(45deg, #ebebeb, #ebebeb) !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column {\n  background-color: var(--surface-b, #f8f9fa);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  border-right: none !important;\n  padding: 0 !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\n.arengi-table .p-cell-editing input,\n.arengi-table .p-cell-editing .p-inputtext,\n.arengi-table .p-cell-editing .p-dropdown,\n.arengi-table .p-cell-editing .p-multiselect,\n.arengi-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  font-size: 0.875rem;\n}\n.cell-devise--editable {\n  cursor: pointer;\n}\n.cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  cursor: pointer;\n}\n.cell-devise .span-sub {\n  font-size: 0.75rem;\n  color: #71717a;\n}\n\n.devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  width: 100%;\n  position: relative;\n}\n.devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.devise-editor-save {\n  align-self: flex-end;\n}\n\n.arengi-table .p-cell-editing .devise-editor-fields input,\n.arengi-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.arengi-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.doc-cell-empty {\n  color: #aaa;\n  font-size: 0.85rem;\n}\n\n.doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  min-width: 0;\n  overflow: hidden;\n}\n.doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.875rem;\n  min-width: 0;\n}\n.doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 0.8rem;\n  flex-shrink: 0;\n}\n.doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  padding-left: 1.1rem;\n  font-size: 0.8rem;\n}\n.doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  padding: 0.25rem 0;\n}\n.doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.8rem;\n}\n.doc-editor-table td {\n  padding: 0.2rem 0.35rem;\n  vertical-align: middle;\n}\n.doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.doc-editor-table td:last-child {\n  width: 2rem;\n  text-align: center;\n}\n.doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  cursor: pointer;\n  align-self: center;\n}\n\n.arengi-table .arengi-table-grey-title-box {\n  overflow: hidden;\n  min-width: 0;\n}\n\n.arengi-table .arengi-table-grey-title:hover .table-item-title,\n.arengi-table .arengi-table-grey-title .table-item-title:hover {\n  text-decoration: none !important;\n}\n\n.arengi-table .table-item-title {\n  display: block !important;\n  min-width: 0 !important;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: center;\n}\n\n.tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n\n.badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.arengi-table td.arengi-table-grey-title:not(.normal) {\n  background: linear-gradient(45deg, rgba(55, 55, 55, 0.7882352941), rgba(115, 115, 115, 0.7882352941));\n  color: white;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a {\n  opacity: 1;\n  min-width: 150px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  text-transform: uppercase;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal) a:hover {\n  color: #dedede;\n  text-decoration: underline;\n}\ntable.arengi-table td.arengi-table-grey-title:not(.normal):hover {\n  background-color: #646464;\n  transition-duration: 0.1s;\n}\n\n.RiskNumber-table {\n  max-width: 50px;\n}\n.RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 5px;\n  padding: 0;\n  border: 0 solid transparent;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.limite_txt_table {\n  min-height: 50px;\n  max-height: 90px;\n  min-width: 250px;\n}\n.limite_txt_table p {\n  line-height: 1.3;\n  font-size: 14px;\n}\n\n.action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}";
 styleInject(css_248z$1);
 
 function _extends$3() {
@@ -48324,25 +48324,73 @@ function textColorForBg(hex) {
   var b = parseInt(hex.substring(4, 6), 16);
   return (r + g + b) / 3 < 128 ? 'white' : 'black';
 }
-var RowActionsCell = function RowActionsCell(_ref) {
-  var actions = _ref.actions,
-    rowData = _ref.rowData,
-    href = _ref.href;
-  var _useState = useState(false),
+var HoverTooltip = function HoverTooltip(_ref) {
+  var lines = _ref.lines,
+    children = _ref.children;
+  var _useState = useState(null),
     _useState2 = _slicedToArray$d(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
+    pos = _useState2[0],
+    setPos = _useState2[1];
+  var hide = function hide() {
+    return setPos(null);
+  };
+  var show = function show(e) {
+    return setPos({
+      x: e.clientX + 12,
+      y: e.clientY + 12
+    });
+  };
+  var move = function move(e) {
+    return setPos({
+      x: e.clientX + 12,
+      y: e.clientY + 12
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+    onMouseEnter: show,
+    onMouseMove: move,
+    onMouseLeave: hide,
+    style: {
+      cursor: 'pointer'
+    }
+  }, children), pos && /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", {
+    style: {
+      position: 'fixed',
+      left: pos.x,
+      top: pos.y,
+      zIndex: 9999,
+      background: '#1e1e2e',
+      color: '#f4f4f5',
+      borderRadius: '6px',
+      padding: '6px 10px',
+      fontSize: '12px',
+      lineHeight: '1.6',
+      maxWidth: '260px',
+      boxShadow: '0 4px 14px rgba(0,0,0,0.25)',
+      pointerEvents: 'none',
+      whiteSpace: 'pre-wrap'
+    }
+  }, lines.join('\n')), document.body));
+};
+var RowActionsCell = function RowActionsCell(_ref2) {
+  var actions = _ref2.actions,
+    rowData = _ref2.rowData,
+    href = _ref2.href;
   var _useState3 = useState(false),
     _useState4 = _slicedToArray$d(_useState3, 2),
-    hovered = _useState4[0],
-    setHovered = _useState4[1];
-  var _useState5 = useState({
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray$d(_useState5, 2),
+    hovered = _useState6[0],
+    setHovered = _useState6[1];
+  var _useState7 = useState({
       top: 0,
       left: 0
     }),
-    _useState6 = _slicedToArray$d(_useState5, 2),
-    dropPos = _useState6[0],
-    setDropPos = _useState6[1];
+    _useState8 = _slicedToArray$d(_useState7, 2),
+    dropPos = _useState8[0],
+    setDropPos = _useState8[1];
   var triggerRef = useRef(null);
   var hideTimerRef = useRef(null);
   var showMenu = function showMenu() {
@@ -48432,10 +48480,10 @@ var RowActionsCell = function RowActionsCell(_ref) {
       extraAttrs.href = actionHref;
     }
     if (action.data) {
-      Object.entries(action.data).forEach(function (_ref2) {
-        var _ref3 = _slicedToArray$d(_ref2, 2),
-          k = _ref3[0],
-          v = _ref3[1];
+      Object.entries(action.data).forEach(function (_ref3) {
+        var _ref4 = _slicedToArray$d(_ref3, 2),
+          k = _ref4[0],
+          v = _ref4[1];
         extraAttrs[k] = v;
       });
     }
@@ -48515,44 +48563,44 @@ var RowActionsCell = function RowActionsCell(_ref) {
     }
   }, "settings")), dropdown);
 };
-var DeviseBodyCell = function DeviseBodyCell(_ref4) {
+var DeviseBodyCell = function DeviseBodyCell(_ref5) {
   var _col$devises, _col$decimal, _cellDevise$code;
-  var rowData = _ref4.rowData,
-    col = _ref4.col,
-    editable = _ref4.editable,
-    _ref4$isRowEditing = _ref4.isRowEditing,
-    isRowEditing = _ref4$isRowEditing === void 0 ? false : _ref4$isRowEditing,
-    onSave = _ref4.onSave;
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray$d(_useState7, 2),
-    editing = _useState8[0],
-    setEditing = _useState8[1];
+  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 _useState9 = useState(false),
+    _useState0 = _slicedToArray$d(_useState9, 2),
+    editing = _useState0[0],
+    setEditing = _useState0[1];
   var containerRef = useRef(null);
   var devises = (_col$devises = col.devises) !== null && _col$devises !== void 0 ? _col$devises : col.currency ? [col.currency] : [];
 
   // Local display state — initialized from rowData, updated immediately on save
-  var _useState9 = useState(rowData[col.field]),
-    _useState0 = _slicedToArray$d(_useState9, 2),
-    displayCell = _useState0[0],
-    setDisplayCell = _useState0[1];
-  var _useState1 = useState(''),
+  var _useState1 = useState(rowData[col.field]),
     _useState10 = _slicedToArray$d(_useState1, 2),
-    amount = _useState10[0],
-    setAmount = _useState10[1];
-  var _useState11 = useState(null),
+    displayCell = _useState10[0],
+    setDisplayCell = _useState10[1];
+  var _useState11 = useState(''),
     _useState12 = _slicedToArray$d(_useState11, 2),
-    devise = _useState12[0],
-    setDevise = _useState12[1];
+    amount = _useState12[0],
+    setAmount = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray$d(_useState13, 2),
+    devise = _useState14[0],
+    setDevise = _useState14[1];
   var deviseRef = useRef(null);
   var updateDevise = function updateDevise(val) {
     deviseRef.current = val;
     setDevise(val);
   };
   var openEdit = function openEdit() {
-    var _displayCell$value, _ref5, _ref6, _displayCell$devise;
+    var _displayCell$value, _ref6, _ref7, _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 = (_ref5 = (_ref6 = (_displayCell$devise = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise !== void 0 ? _displayCell$devise : col.currency) !== null && _ref6 !== void 0 ? _ref6 : devises[0]) !== null && _ref5 !== void 0 ? _ref5 : null;
+    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;
     deviseRef.current = initialDevise;
     setDevise(initialDevise);
     setEditing(true);
@@ -48561,9 +48609,9 @@ var DeviseBodyCell = function DeviseBodyCell(_ref4) {
   // Sync avec le mode row edit : auto-ouvrir / fermer
   useEffect(function () {
     if (isRowEditing && !editing) {
-      var _displayCell$value2, _ref7, _ref8, _displayCell$devise2;
+      var _displayCell$value2, _ref8, _ref9, _displayCell$devise2;
       setAmount((_displayCell$value2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.value) !== null && _displayCell$value2 !== void 0 ? _displayCell$value2 : '');
-      var initialDevise = (_ref7 = (_ref8 = (_displayCell$devise2 = displayCell === null || displayCell === void 0 ? void 0 : displayCell.devise) !== null && _displayCell$devise2 !== void 0 ? _displayCell$devise2 : col.currency) !== null && _ref8 !== void 0 ? _ref8 : devises[0]) !== null && _ref7 !== void 0 ? _ref7 : null;
+      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;
       deviseRef.current = initialDevise;
       setDevise(initialDevise);
       setEditing(true);
@@ -48661,17 +48709,17 @@ var DeviseBodyCell = function DeviseBodyCell(_ref4) {
     className: "span-sub"
   }, "".concat(numberWithSpaces(value), " ").concat(cellDevise.code)));
 };
-var TreeSelectBodyCell = function TreeSelectBodyCell(_ref9) {
-  var rowData = _ref9.rowData,
-    col = _ref9.col,
-    editable = _ref9.editable,
-    _ref9$isRowEditing = _ref9.isRowEditing,
-    isRowEditing = _ref9$isRowEditing === void 0 ? false : _ref9$isRowEditing,
-    onSave = _ref9.onSave;
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray$d(_useState13, 2),
-    editing = _useState14[0],
-    setEditing = _useState14[1];
+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 _useState15 = useState(false),
+    _useState16 = _slicedToArray$d(_useState15, 2),
+    editing = _useState16[0],
+    setEditing = _useState16[1];
   var containerRef = useRef(null);
   var mappedOptions = useMemo(function () {
     var _col$keyField, _col$labelField;
@@ -48679,15 +48727,15 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref9) {
   }, [col.options, col.keyField, col.labelField]);
 
   // savedValue : valeur confirmée, utilisée pour l'affichage
-  var _useState15 = useState(rowData[col.field]),
-    _useState16 = _slicedToArray$d(_useState15, 2),
-    savedValue = _useState16[0],
-    setSavedValue = _useState16[1];
-  // editValue : valeur courante dans l'éditeur, peut être transitoire
-  var _useState17 = useState(null),
+  var _useState17 = useState(rowData[col.field]),
     _useState18 = _slicedToArray$d(_useState17, 2),
-    editValue = _useState18[0],
-    setEditValue = _useState18[1];
+    savedValue = _useState18[0],
+    setSavedValue = _useState18[1];
+  // editValue : valeur courante dans l'éditeur, peut être transitoire
+  var _useState19 = useState(null),
+    _useState20 = _slicedToArray$d(_useState19, 2),
+    editValue = _useState20[0],
+    setEditValue = _useState20[1];
   var openEdit = function openEdit() {
     if (!editable) return;
     setEditValue(savedValue);
@@ -48772,20 +48820,20 @@ var TreeSelectBodyCell = function TreeSelectBodyCell(_ref9) {
     }, label);
   }));
 };
-var DocumentEditorCell = function DocumentEditorCell(_ref0) {
+var DocumentEditorCell = function DocumentEditorCell(_ref1) {
   var _options$value;
-  var options = _ref0.options,
-    col = _ref0.col,
-    onFilePickerOpen = _ref0.onFilePickerOpen,
-    onFilePickerClose = _ref0.onFilePickerClose;
-  var _useState19 = useState(false),
-    _useState20 = _slicedToArray$d(_useState19, 2),
-    uploading = _useState20[0],
-    setUploading = _useState20[1];
+  var options = _ref1.options,
+    col = _ref1.col,
+    onFilePickerOpen = _ref1.onFilePickerOpen,
+    onFilePickerClose = _ref1.onFilePickerClose;
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray$d(_useState21, 2),
+    uploading = _useState22[0],
+    setUploading = _useState22[1];
   var fileInputRef = useRef(null);
   var docs = (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : [];
   var handleFileChange = /*#__PURE__*/function () {
-    var _ref1 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
+    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
       var file, formData, res, data, _t, _t2;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.n) {
@@ -48840,7 +48888,7 @@ var DocumentEditorCell = function DocumentEditorCell(_ref0) {
       }, _callee, null, [[2,, 7, 8]]);
     }));
     return function handleFileChange(_x) {
-      return _ref1.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   var handlePickerClick = function handlePickerClick() {
@@ -48923,22 +48971,22 @@ var DocumentEditorCell = function DocumentEditorCell(_ref0) {
     onChange: handleFileChange
   }));
 };
-var SelfEditableCell = function SelfEditableCell(_ref10) {
+var SelfEditableCell = function SelfEditableCell(_ref11) {
   var _col$header;
-  var rowData = _ref10.rowData,
-    col = _ref10.col,
-    editable = _ref10.editable,
-    isRowEditing = _ref10.isRowEditing,
-    onSave = _ref10.onSave,
-    renderDisplay = _ref10.renderDisplay;
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray$d(_useState21, 2),
-    editing = _useState22[0],
-    setEditing = _useState22[1];
-  var _useState23 = useState(rowData[col.field]),
+  var rowData = _ref11.rowData,
+    col = _ref11.col,
+    editable = _ref11.editable,
+    isRowEditing = _ref11.isRowEditing,
+    onSave = _ref11.onSave,
+    renderDisplay = _ref11.renderDisplay;
+  var _useState23 = useState(false),
     _useState24 = _slicedToArray$d(_useState23, 2),
-    localValue = _useState24[0],
-    setLocalValue = _useState24[1];
+    editing = _useState24[0],
+    setEditing = _useState24[1];
+  var _useState25 = useState(rowData[col.field]),
+    _useState26 = _slicedToArray$d(_useState25, 2),
+    localValue = _useState26[0],
+    setLocalValue = _useState26[1];
   var containerRef = useRef(null);
   var localValueRef = useRef(localValue);
   var committedRef = useRef(false);
@@ -49173,21 +49221,21 @@ var SelfEditableCell = function SelfEditableCell(_ref10) {
       }));
   }
 };
-var DocumentBodyCell = function DocumentBodyCell(_ref11) {
+var DocumentBodyCell = function DocumentBodyCell(_ref12) {
   var _rowData$col$field2;
-  var rowData = _ref11.rowData,
-    col = _ref11.col,
-    editable = _ref11.editable,
-    isRowEditing = _ref11.isRowEditing,
-    onSave = _ref11.onSave;
-  var _useState25 = useState(false),
-    _useState26 = _slicedToArray$d(_useState25, 2),
-    editing = _useState26[0],
-    setEditing = _useState26[1];
-  var _useState27 = useState((_rowData$col$field2 = rowData[col.field]) !== null && _rowData$col$field2 !== void 0 ? _rowData$col$field2 : []),
+  var rowData = _ref12.rowData,
+    col = _ref12.col,
+    editable = _ref12.editable,
+    isRowEditing = _ref12.isRowEditing,
+    onSave = _ref12.onSave;
+  var _useState27 = useState(false),
     _useState28 = _slicedToArray$d(_useState27, 2),
-    docs = _useState28[0],
-    setDocs = _useState28[1];
+    editing = _useState28[0],
+    setEditing = _useState28[1];
+  var _useState29 = useState((_rowData$col$field2 = rowData[col.field]) !== null && _rowData$col$field2 !== void 0 ? _rowData$col$field2 : []),
+    _useState30 = _slicedToArray$d(_useState29, 2),
+    docs = _useState30[0],
+    setDocs = _useState30[1];
   var containerRef = useRef(null);
   var filePickerOpenRef = useRef(false);
   useEffect(function () {
@@ -49272,43 +49320,46 @@ var DocumentBodyCell = function DocumentBodyCell(_ref11) {
     }, doc.name));
   })));
 };
-var Table$1 = function Table(_ref12) {
-  var _ref12$value = _ref12.value,
-    value = _ref12$value === void 0 ? [] : _ref12$value,
-    _ref12$columns = _ref12.columns,
-    columns = _ref12$columns === void 0 ? [] : _ref12$columns,
-    _ref12$paginator = _ref12.paginator,
-    paginator = _ref12$paginator === void 0 ? true : _ref12$paginator,
-    _ref12$rows = _ref12.rows,
-    rows = _ref12$rows === void 0 ? 25 : _ref12$rows,
-    _ref12$loading = _ref12.loading,
-    loading = _ref12$loading === void 0 ? false : _ref12$loading,
-    _ref12$stripedRows = _ref12.stripedRows,
-    stripedRows = _ref12$stripedRows === void 0 ? false : _ref12$stripedRows,
-    _ref12$selectionMode = _ref12.selectionMode,
-    selectionMode = _ref12$selectionMode === void 0 ? null : _ref12$selectionMode,
-    selection = _ref12.selection,
-    onSelectionChange = _ref12.onSelectionChange,
-    _ref12$editable = _ref12.editable,
-    editable = _ref12$editable === void 0 ? false : _ref12$editable,
-    _ref12$lockable = _ref12.lockable,
-    lockable = _ref12$lockable === void 0 ? false : _ref12$lockable,
-    _ref12$rowEdit = _ref12.rowEdit,
-    rowEdit = _ref12$rowEdit === void 0 ? false : _ref12$rowEdit,
-    _ref12$columnFilter = _ref12.columnFilter,
-    columnFilter = _ref12$columnFilter === void 0 ? true : _ref12$columnFilter,
-    onChange = _ref12.onChange,
-    onCellChange = _ref12.onCellChange,
-    tableId = _ref12.tableId;
-  var _useState29 = useState(true),
-    _useState30 = _slicedToArray$d(_useState29, 2),
-    locked = _useState30[0],
-    setLocked = _useState30[1];
-  var effectiveEditable = lockable ? editable && !locked : editable;
-  var _useState31 = useState(value),
+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,
+    tableId = _ref13.tableId,
+    onAdd = _ref13.onAdd,
+    _ref13$addLabel = _ref13.addLabel,
+    addLabel = _ref13$addLabel === void 0 ? 'Ajouter' : _ref13$addLabel;
+  var _useState31 = useState(true),
     _useState32 = _slicedToArray$d(_useState31, 2),
-    data = _useState32[0],
-    setData = _useState32[1];
+    locked = _useState32[0],
+    setLocked = _useState32[1];
+  var effectiveEditable = lockable ? editable && !locked : editable;
+  var _useState33 = useState(value),
+    _useState34 = _slicedToArray$d(_useState33, 2),
+    data = _useState34[0],
+    setData = _useState34[1];
   var onCellChangeRef = useRef(onCellChange);
   useEffect(function () {
     onCellChangeRef.current = onCellChange;
@@ -49322,10 +49373,10 @@ var Table$1 = function Table(_ref12) {
       return updated;
     });
   }, [onChange]);
-  var _useState33 = useState({}),
-    _useState34 = _slicedToArray$d(_useState33, 2),
-    editingRows = _useState34[0],
-    setEditingRows = _useState34[1];
+  var _useState35 = useState({}),
+    _useState36 = _slicedToArray$d(_useState35, 2),
+    editingRows = _useState36[0],
+    setEditingRows = _useState36[1];
   var onRowEditChange = useCallback(function (e) {
     setEditingRows(e.data);
   }, []);
@@ -49374,26 +49425,26 @@ var Table$1 = function Table(_ref12) {
       }
     });
   }, [DT_STATE_KEY]);
-  var _useState35 = useState(columns),
-    _useState36 = _slicedToArray$d(_useState35, 2),
-    visibleColumns = _useState36[0],
-    setVisibleColumns = _useState36[1];
-  var _useState37 = useState(''),
+  var _useState37 = useState(columns),
     _useState38 = _slicedToArray$d(_useState37, 2),
-    globalFilter = _useState38[0],
-    setGlobalFilter = _useState38[1];
-  var _useState39 = useState(false),
+    visibleColumns = _useState38[0],
+    setVisibleColumns = _useState38[1];
+  var _useState39 = useState(''),
     _useState40 = _slicedToArray$d(_useState39, 2),
-    settingsOpen = _useState40[0],
-    setSettingsOpen = _useState40[1];
-  var _useState41 = useState(0),
+    globalFilter = _useState40[0],
+    setGlobalFilter = _useState40[1];
+  var _useState41 = useState(false),
     _useState42 = _slicedToArray$d(_useState41, 2),
-    tableKey = _useState42[0],
-    setTableKey = _useState42[1];
-  var _useState43 = useState(false),
+    settingsOpen = _useState42[0],
+    setSettingsOpen = _useState42[1];
+  var _useState43 = useState(0),
     _useState44 = _slicedToArray$d(_useState43, 2),
-    fullscreen = _useState44[0],
-    setFullscreen = _useState44[1];
+    tableKey = _useState44[0],
+    setTableKey = _useState44[1];
+  var _useState45 = useState(false),
+    _useState46 = _slicedToArray$d(_useState45, 2),
+    fullscreen = _useState46[0],
+    setFullscreen = _useState46[1];
   useEffect(function () {
     if (!fullscreen) return;
     var onKeyDown = function onKeyDown(e) {
@@ -49407,7 +49458,7 @@ var Table$1 = function Table(_ref12) {
   var FILTER_KEY = useMemo(function () {
     return tableId ? "Table:filterVisible:".concat(tableId) : 'Table:filterVisible';
   }, [tableId]);
-  var _useState45 = useState(function () {
+  var _useState47 = useState(function () {
       try {
         var _JSON$parse;
         return (_JSON$parse = JSON.parse(localStorage.getItem(FILTER_KEY))) !== null && _JSON$parse !== void 0 ? _JSON$parse : false;
@@ -49415,9 +49466,9 @@ var Table$1 = function Table(_ref12) {
         return false;
       }
     }),
-    _useState46 = _slicedToArray$d(_useState45, 2),
-    filterVisible = _useState46[0],
-    setFilterVisible = _useState46[1];
+    _useState48 = _slicedToArray$d(_useState47, 2),
+    filterVisible = _useState48[0],
+    setFilterVisible = _useState48[1];
   var toggleFilter = function toggleFilter() {
     setFilterVisible(function (v) {
       var next = !v;
@@ -49458,13 +49509,13 @@ var Table$1 = function Table(_ref12) {
       rowHeightsRef.current = {};
     }
   }
-  var _useState47 = useState(function () {
+  var _useState49 = useState(function () {
       var saved = localStorage.getItem(ROW_PRESET_KEY);
       return saved && ROW_PRESETS[saved] ? saved : null;
     }),
-    _useState48 = _slicedToArray$d(_useState47, 2),
-    rowPreset = _useState48[0],
-    setRowPreset = _useState48[1];
+    _useState50 = _slicedToArray$d(_useState49, 2),
+    rowPreset = _useState50[0],
+    setRowPreset = _useState50[1];
   var tableWrapperRef = useRef(null);
   useLayoutEffect(function () {
     if (!tableWrapperRef.current) return;
@@ -49537,10 +49588,10 @@ var Table$1 = function Table(_ref12) {
     });
     return f;
   }, [columns]);
-  var _useState49 = useState(initialFilters),
-    _useState50 = _slicedToArray$d(_useState49, 2),
-    filters = _useState50[0],
-    setFilters = _useState50[1];
+  var _useState51 = useState(initialFilters),
+    _useState52 = _slicedToArray$d(_useState51, 2),
+    filters = _useState52[0],
+    setFilters = _useState52[1];
   useEffect(function () {
     setFilters(initialFilters);
   }, [initialFilters, columnFilter]);
@@ -49607,7 +49658,7 @@ var Table$1 = function Table(_ref12) {
 
   var linkTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _ref13, _col$href;
+      var _ref14, _col$href;
       var label = rowData[col.field];
       if (col.type === 'titleLink') {
         return /*#__PURE__*/React__default.createElement("div", {
@@ -49621,7 +49672,7 @@ var Table$1 = function Table(_ref12) {
           className: "table-item-title cell-text"
         }, label));
       }
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref13 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref13 !== void 0 ? _ref13 : '#';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref14 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref14 !== void 0 ? _ref14 : '#';
       return /*#__PURE__*/React__default.createElement("div", {
         className: "arengi-table-grey-title-box",
         style: {
@@ -49683,13 +49734,13 @@ var Table$1 = function Table(_ref12) {
   }, []);
   var lienFormulaireTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _col$options3, _ref14, _opt$label, _ref15, _col$href2;
+      var _col$options3, _ref15, _opt$label, _ref16, _col$href2;
       var val = rowData[col.field];
       var opt = (_col$options3 = col.options) === null || _col$options3 === void 0 ? void 0 : _col$options3.find(function (o) {
         return o.value === val;
       });
-      var label = (_ref14 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref14 !== void 0 ? _ref14 : '';
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref15 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref15 !== void 0 ? _ref15 : null;
+      var label = (_ref15 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref15 !== void 0 ? _ref15 : '';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref16 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref16 !== void 0 ? _ref16 : null;
       if (!label) return '';
       return /*#__PURE__*/React__default.createElement("div", {
         style: {
@@ -50026,18 +50077,35 @@ var Table$1 = function Table(_ref12) {
     return function (rowData) {
       var vals = rowData[col.field];
       if (!(vals !== null && vals !== void 0 && vals.length)) return '';
+      var opts = vals.map(function (v) {
+        var _col$options4;
+        return (_col$options4 = col.options) === null || _col$options4 === void 0 ? void 0 : _col$options4.find(function (o) {
+          return o.value === v;
+        });
+      }).filter(Boolean);
+      var tooltipLines = opts.map(function (o) {
+        return o.label;
+      });
+      if (opts.length > 4) {
+        return /*#__PURE__*/React__default.createElement(HoverTooltip, {
+          lines: tooltipLines
+        }, /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            color: '#3f3f46',
+            fontSize: '12.25px'
+          }
+        }, opts.length, " ", col.header));
+      }
       if (col.clusterDisplay) {
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default.createElement(HoverTooltip, {
+          lines: tooltipLines
+        }, /*#__PURE__*/React__default.createElement("div", {
           className: "RiskClusters-table"
-        }, vals.map(function (v) {
-          var _col$options4, _normalizeColor;
-          var opt = (_col$options4 = col.options) === null || _col$options4 === void 0 ? void 0 : _col$options4.find(function (o) {
-            return o.value === v;
-          });
-          if (!opt) return null;
+        }, opts.map(function (opt) {
+          var _normalizeColor;
           return /*#__PURE__*/React__default.createElement("div", {
             className: "RiskClusters",
-            key: v
+            key: opt.value
           }, /*#__PURE__*/React__default.createElement("span", {
             className: "material-icons",
             style: {
@@ -50047,32 +50115,29 @@ var Table$1 = function Table(_ref12) {
           }, "bubble_chart"), /*#__PURE__*/React__default.createElement("span", {
             className: "square"
           }, opt.label));
-        }));
+        })));
       }
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement(HoverTooltip, {
+        lines: tooltipLines
+      }, /*#__PURE__*/React__default.createElement("div", {
         style: {
           display: 'flex',
           flexDirection: 'column',
           gap: '0.25rem'
         }
-      }, vals.map(function (v) {
-        var _col$options5;
-        var opt = (_col$options5 = col.options) === null || _col$options5 === void 0 ? void 0 : _col$options5.find(function (o) {
-          return o.value === v;
-        });
-        if (!opt) return null;
+      }, opts.map(function (opt) {
         if (!normalizeColor(opt.color)) return /*#__PURE__*/React__default.createElement("span", {
-          key: v
+          key: opt.value
         }, opt.label);
         return /*#__PURE__*/React__default.createElement("span", {
-          key: v,
+          key: opt.value,
           className: "tab_label",
           style: {
             backgroundColor: normalizeColor(opt.color),
             color: textColorForBg(normalizeColor(opt.color))
           }
         }, opt.label);
-      }));
+      })));
     };
   }, []);
 
@@ -50196,16 +50261,16 @@ var Table$1 = function Table(_ref12) {
     if ((col === null || col === void 0 ? void 0 : col.type) === 'treeSelect' || (col === null || col === void 0 ? void 0 : col.type) === 'devise') return;
     var enrichedRow = newRowData;
     if (col !== null && col !== void 0 && col.updates) {
-      var _col$options6;
-      var option = (_col$options6 = col.options) === null || _col$options6 === void 0 ? void 0 : _col$options6.find(function (opt) {
+      var _col$options5;
+      var option = (_col$options5 = col.options) === null || _col$options5 === void 0 ? void 0 : _col$options5.find(function (opt) {
         return opt.value === newRowData[field];
       });
       if (option) {
         var extra = {};
-        Object.entries(col.updates).forEach(function (_ref16) {
-          var _ref17 = _slicedToArray$d(_ref16, 2),
-            targetField = _ref17[0],
-            optionProp = _ref17[1];
+        Object.entries(col.updates).forEach(function (_ref17) {
+          var _ref18 = _slicedToArray$d(_ref17, 2),
+            targetField = _ref18[0],
+            optionProp = _ref18[1];
           if (option[optionProp] !== undefined) extra[targetField] = option[optionProp];
         });
         enrichedRow = _objectSpread2(_objectSpread2({}, newRowData), extra);
@@ -50328,15 +50393,15 @@ var Table$1 = function Table(_ref12) {
             var _onCellChangeRef$curr2;
             var enrichedFields = _defineProperty$g({}, col.field, v);
             if (col.updates) {
-              var _col$options7;
-              var option = (_col$options7 = col.options) === null || _col$options7 === void 0 ? void 0 : _col$options7.find(function (opt) {
+              var _col$options6;
+              var option = (_col$options6 = col.options) === null || _col$options6 === void 0 ? void 0 : _col$options6.find(function (opt) {
                 return opt.value === v;
               });
               if (option) {
-                Object.entries(col.updates).forEach(function (_ref18) {
-                  var _ref19 = _slicedToArray$d(_ref18, 2),
-                    tf = _ref19[0],
-                    op = _ref19[1];
+                Object.entries(col.updates).forEach(function (_ref19) {
+                  var _ref20 = _slicedToArray$d(_ref19, 2),
+                    tf = _ref20[0],
+                    op = _ref20[1];
                   if (option[op] !== undefined) enrichedFields[tf] = option[op];
                 });
               }
@@ -50421,7 +50486,7 @@ var Table$1 = function Table(_ref12) {
     className: "pi pi-search",
     style: {
       color: '#71717a',
-      fontSize: '0.85rem'
+      fontSize: '11.9px'
     }
   }), /*#__PURE__*/React__default.createElement(InputText, {
     value: globalFilter,
@@ -50435,14 +50500,14 @@ var Table$1 = function Table(_ref12) {
       outline: 'none',
       boxShadow: 'none',
       padding: 0,
-      fontSize: '0.875rem',
+      fontSize: '12.25px',
       width: '200px'
     }
   }), globalFilter && /*#__PURE__*/React__default.createElement("i", {
     className: "pi pi-times",
     style: {
       color: '#71717a',
-      fontSize: '0.75rem',
+      fontSize: '10.5px',
       cursor: 'pointer'
     },
     onClick: function onClick() {
@@ -50542,10 +50607,10 @@ var Table$1 = function Table(_ref12) {
       setRowPreset(null);
       setSettingsOpen(false);
     }
-  }].map(function (_ref20) {
-    var icon = _ref20.icon,
-      label = _ref20.label,
-      action = _ref20.action;
+  }].map(function (_ref21) {
+    var icon = _ref21.icon,
+      label = _ref21.label,
+      action = _ref21.action;
     return /*#__PURE__*/React__default.createElement("button", {
       key: label,
       type: "button",
@@ -50559,7 +50624,7 @@ var Table$1 = function Table(_ref12) {
         background: 'none',
         border: 'none',
         cursor: 'pointer',
-        fontSize: '0.875rem',
+        fontSize: '12.25px',
         color: '#3f3f46',
         textAlign: 'left'
       },
@@ -50572,7 +50637,7 @@ var Table$1 = function Table(_ref12) {
     }, /*#__PURE__*/React__default.createElement("span", {
       className: "material-icons",
       style: {
-        fontSize: '1rem',
+        fontSize: '14px',
         color: '#71717a',
         lineHeight: 1
       }
@@ -50585,7 +50650,7 @@ var Table$1 = function Table(_ref12) {
   }), /*#__PURE__*/React__default.createElement("div", {
     style: {
       padding: '0.4rem 1rem 0.5rem',
-      fontSize: '0.75rem',
+      fontSize: '10.5px',
       color: '#71717a'
     }
   }, "Hauteur des lignes"), /*#__PURE__*/React__default.createElement("div", {
@@ -50603,9 +50668,9 @@ var Table$1 = function Table(_ref12) {
   }, {
     key: 'large',
     label: 'Grande'
-  }].map(function (_ref21) {
-    var key = _ref21.key,
-      label = _ref21.label;
+  }].map(function (_ref22) {
+    var key = _ref22.key,
+      label = _ref22.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -50621,7 +50686,7 @@ var Table$1 = function Table(_ref12) {
       style: {
         flex: 1,
         padding: '0.35rem 0',
-        fontSize: '0.8rem',
+        fontSize: '11.2px',
         border: "1px solid ".concat(rowPreset === key ? '#6366f1' : '#e4e4e7'),
         borderRadius: '4px',
         cursor: 'pointer',
@@ -50732,6 +50797,22 @@ var Table$1 = function Table(_ref12) {
     editingRows: rowEdit ? editingRows : undefined,
     onRowEditChange: rowEdit ? onRowEditChange : undefined,
     onRowEditComplete: rowEdit ? onRowEditComplete : undefined,
+    footer: onAdd ? /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        padding: '8px 0'
+      }
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "btn btn-add",
+      onClick: onAdd,
+      style: {
+        border: '2px solid #1E976A',
+        color: '#1E976A',
+        padding: '5px 12px',
+        cursor: 'pointer'
+      }
+    }, addLabel)) : null,
     dataKey: "id",
     tableClassName: 'arengi-table',
     resizableColumns: true,
@@ -50778,11 +50859,11 @@ var Table$1 = function Table(_ref12) {
       key: "__row_actions__",
       header: "",
       body: function body(rowData) {
-        var _ref22, _linkCol$href;
+        var _ref23, _linkCol$href;
         var linkCol = columns.find(function (c) {
           return c.type === 'titleLink' || c.type === 'link';
         });
-        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref22 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref22 !== void 0 ? _ref22 : null : null;
+        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref23 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref23 !== void 0 ? _ref23 : null : null;
         return /*#__PURE__*/React__default.createElement(RowActionsCell, {
           actions: rowData[actionsCol.actionsField] || [],
           rowData: rowData,
@@ -50814,7 +50895,7 @@ var Table$1 = function Table(_ref12) {
       }
     });
   }(), visibleColumns.map(function (col, index) {
-    var _col$field, _col$options8, _col$minWidth;
+    var _col$field, _col$options7, _col$minWidth;
     return /*#__PURE__*/React__default.createElement(Column, {
       key: (_col$field = col.field) !== null && _col$field !== void 0 ? _col$field : index,
       sortable: true,
@@ -50823,7 +50904,7 @@ var Table$1 = function Table(_ref12) {
       header: col.header,
       filter: filterVisible,
       filterField: col.field,
-      filterElement: (col.type === 'select' || col.type === 'label' || col.type === 'selectMultiple') && (_col$options8 = col.options) !== null && _col$options8 !== void 0 && _col$options8.length ? function (opts) {
+      filterElement: (col.type === 'select' || col.type === 'label' || col.type === 'selectMultiple') && (_col$options7 = col.options) !== null && _col$options7 !== void 0 && _col$options7.length ? function (opts) {
         return selectFilterElement(opts, col);
       } : textFilterElement,
       showFilterMenu: false,

package/package.json

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