arengibook 2.0.28-table → 2.0.30-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);
@@ -49005,6 +49053,7 @@ var SelfEditableCell = function SelfEditableCell(_ref10) {
   }
   switch (col.type) {
     case 'select':
+    case 'lienFormulaire':
       return /*#__PURE__*/React__default.createElement("div", {
         ref: containerRef
       }, /*#__PURE__*/React__default.createElement(Dropdown, _extends$J({}, DropdownPresets.Base, {
@@ -49013,6 +49062,7 @@ var SelfEditableCell = function SelfEditableCell(_ref10) {
         onChange: function onChange(e) {
           return commit(e.value);
         },
+        withColor: true,
         autoFocus: true
       })));
     case 'selectMultiple':
@@ -49171,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 () {
@@ -49270,43 +49320,43 @@ 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,
-    carto = _ref12.carto;
-  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;
+  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;
@@ -49320,10 +49370,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);
   }, []);
@@ -49353,17 +49403,17 @@ var Table$1 = function Table(_ref12) {
     });
   }, [data, onChange, onCellChange, columns, effectiveEditable]);
   var STORAGE_KEY = useMemo(function () {
-    return carto ? "Table:visibleColumns:".concat(carto) : "Table:visibleColumns";
-  }, [carto]);
+    return tableId ? "Table:visibleColumns:".concat(tableId) : "Table:visibleColumns";
+  }, [tableId]);
   var DT_STATE_KEY = useMemo(function () {
-    return carto ? "dt-state:".concat(carto) : 'dt-state';
-  }, [carto]);
+    return tableId ? "dt-state:".concat(tableId) : 'dt-state';
+  }, [tableId]);
   var clearDTColumnWidths = useCallback(function () {
     try {
-      var state = JSON.parse(sessionStorage.getItem(DT_STATE_KEY) || '{}');
+      var state = JSON.parse(localStorage.getItem(DT_STATE_KEY) || '{}');
       delete state.columnWidths;
       delete state.tableWidth;
-      sessionStorage.setItem(DT_STATE_KEY, JSON.stringify(state));
+      localStorage.setItem(DT_STATE_KEY, JSON.stringify(state));
     } catch (_) {}
     // Remove the <style> tag PrimeReact injected with !important widths
     document.querySelectorAll('style').forEach(function (s) {
@@ -49372,26 +49422,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) {
@@ -49403,9 +49453,9 @@ var Table$1 = function Table(_ref12) {
     };
   }, [fullscreen]);
   var FILTER_KEY = useMemo(function () {
-    return carto ? "Table:filterVisible:".concat(carto) : 'Table:filterVisible';
-  }, [carto]);
-  var _useState45 = useState(function () {
+    return tableId ? "Table:filterVisible:".concat(tableId) : 'Table:filterVisible';
+  }, [tableId]);
+  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;
@@ -49413,9 +49463,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;
@@ -49438,11 +49488,11 @@ var Table$1 = function Table(_ref12) {
     };
   }, [settingsOpen]);
   var ROW_HEIGHTS_KEY = useMemo(function () {
-    return carto ? "Table:rowHeights:".concat(carto) : 'Table:rowHeights';
-  }, [carto]);
+    return tableId ? "Table:rowHeights:".concat(tableId) : 'Table:rowHeights';
+  }, [tableId]);
   var ROW_PRESET_KEY = useMemo(function () {
-    return carto ? "Table:rowPreset:".concat(carto) : 'Table:rowPreset';
-  }, [carto]);
+    return tableId ? "Table:rowPreset:".concat(tableId) : 'Table:rowPreset';
+  }, [tableId]);
   var ROW_PRESETS = {
     small: 110,
     medium: 160,
@@ -49456,13 +49506,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;
@@ -49535,10 +49585,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]);
@@ -49605,7 +49655,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", {
@@ -49619,7 +49669,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: {
@@ -49679,6 +49729,48 @@ var Table$1 = function Table(_ref12) {
       }, opt.label);
     };
   }, []);
+  var lienFormulaireTemplate = useCallback(function (col) {
+    return function (rowData) {
+      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 = (_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: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '6px'
+        }
+      }, /*#__PURE__*/React__default.createElement("span", {
+        style: opt !== null && opt !== void 0 && opt.color ? {
+          color: opt.color,
+          fontWeight: 500
+        } : undefined
+      }, label), href && /*#__PURE__*/React__default.createElement("a", {
+        href: href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        title: "Ouvrir la fiche",
+        style: {
+          display: 'flex',
+          color: 'inherit',
+          opacity: 0.6
+        }
+      }, /*#__PURE__*/React__default.createElement("i", {
+        className: "pi pi-external-link",
+        style: {
+          fontSize: '0.8em'
+        }
+      })));
+    };
+  }, []);
   var textTemplate = useCallback(function (col) {
     return function (rowData) {
       var _rowData$col$field4;
@@ -49694,11 +49786,11 @@ var Table$1 = function Table(_ref12) {
   };
   var colorTextTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _rowData$col$hrefFiel, _col$href2;
+      var _rowData$col$hrefFiel, _col$href3;
       var text = rowData[col.field];
       if (!text) return '';
       var color = normalizeColor(rowData[col.field + 'Color']) || normalizeColor(col.defaultColor) || null;
-      var href = col.hrefField ? (_rowData$col$hrefFiel = rowData[col.hrefField]) !== null && _rowData$col$hrefFiel !== void 0 ? _rowData$col$hrefFiel : '#' : (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : null;
+      var href = col.hrefField ? (_rowData$col$hrefFiel = rowData[col.hrefField]) !== null && _rowData$col$hrefFiel !== void 0 ? _rowData$col$hrefFiel : '#' : (_col$href3 = col.href) !== null && _col$href3 !== void 0 ? _col$href3 : null;
       var inner = color ? /*#__PURE__*/React__default.createElement("span", {
         className: "tab_label",
         style: {
@@ -49717,11 +49809,11 @@ var Table$1 = function Table(_ref12) {
   }, []);
   var pictoTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _rowData$col$hrefFiel2, _col$href3;
+      var _rowData$col$hrefFiel2, _col$href4;
       var text = rowData[col.field];
       var picto = rowData[col.field + 'Picto'];
       var icon = rowData[col.field + 'Icon'];
-      var href = col.hrefField ? (_rowData$col$hrefFiel2 = rowData[col.hrefField]) !== null && _rowData$col$hrefFiel2 !== void 0 ? _rowData$col$hrefFiel2 : '#' : (_col$href3 = col.href) !== null && _col$href3 !== void 0 ? _col$href3 : null;
+      var href = col.hrefField ? (_rowData$col$hrefFiel2 = rowData[col.hrefField]) !== null && _rowData$col$hrefFiel2 !== void 0 ? _rowData$col$hrefFiel2 : '#' : (_col$href4 = col.href) !== null && _col$href4 !== void 0 ? _col$href4 : null;
       var inner;
       if (icon) {
         inner = /*#__PURE__*/React__default.createElement("span", {
@@ -49825,8 +49917,23 @@ var Table$1 = function Table(_ref12) {
       if (val === null || val === undefined || val === '') return '';
       var num = parseFloat(val);
       if (isNaN(num)) return val;
-      var bounded = col.min != null && num < col.min ? col.min : col.max != null && num > col.max ? col.max : num;
-      return bounded.toLocaleString('fr-FR');
+      var outOfRange = col.min != null && num < col.min || col.max != null && num > col.max;
+      var message = col.min != null && num < col.min ? "Min : ".concat(col.min) : col.max != null && num > col.max ? "Max : ".concat(col.max) : null;
+      if (outOfRange) return /*#__PURE__*/React__default.createElement("span", {
+        style: {
+          color: '#e53935',
+          display: 'inline-flex',
+          alignItems: 'center',
+          gap: '4px'
+        },
+        title: message
+      }, num.toLocaleString('fr-FR'), /*#__PURE__*/React__default.createElement("span", {
+        style: {
+          fontSize: '0.75em',
+          fontWeight: 600
+        }
+      }, message));
+      return num.toLocaleString('fr-FR');
     };
   }, []);
   var indexTemplate = useCallback(function (col) {
@@ -49875,10 +49982,10 @@ var Table$1 = function Table(_ref12) {
   }, [columns]);
   var progressTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _rowData$col$field7, _rowData$col$hrefFiel3, _col$href4;
+      var _rowData$col$field7, _rowData$col$hrefFiel3, _col$href5;
       var pct = Math.min(100, Math.max(0, parseFloat((_rowData$col$field7 = rowData[col.field]) !== null && _rowData$col$field7 !== void 0 ? _rowData$col$field7 : 0)));
       var rounded = Math.max(10, Math.round(pct / 10) * 10);
-      var href = col.hrefField ? (_rowData$col$hrefFiel3 = rowData[col.hrefField]) !== null && _rowData$col$hrefFiel3 !== void 0 ? _rowData$col$hrefFiel3 : '#' : (_col$href4 = col.href) !== null && _col$href4 !== void 0 ? _col$href4 : null;
+      var href = col.hrefField ? (_rowData$col$hrefFiel3 = rowData[col.hrefField]) !== null && _rowData$col$hrefFiel3 !== void 0 ? _rowData$col$hrefFiel3 : '#' : (_col$href5 = col.href) !== null && _col$href5 !== void 0 ? _col$href5 : null;
       var label = /*#__PURE__*/React__default.createElement("span", null, Math.round(pct), "%");
       return /*#__PURE__*/React__default.createElement("div", {
         style: {
@@ -49967,18 +50074,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$options3, _normalizeColor;
-          var opt = (_col$options3 = col.options) === null || _col$options3 === void 0 ? void 0 : _col$options3.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: {
@@ -49988,32 +50112,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$options4;
-        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) {
         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);
-      }));
+      })));
     };
   }, []);
 
@@ -50076,13 +50197,9 @@ var Table$1 = function Table(_ref12) {
       return /*#__PURE__*/React__default.createElement(InputText, {
         type: "number",
         value: (_options$value4 = options.value) !== null && _options$value4 !== void 0 ? _options$value4 : '',
-        min: col.min,
-        max: col.max,
         step: col.step,
         onChange: function onChange(e) {
           var v = e.target.value === '' ? '' : parseFloat(e.target.value);
-          if (col.min != null && v !== '' && v < col.min) v = col.min;
-          if (col.max != null && v !== '' && v > col.max) v = col.max;
           options.editorCallback(v);
         },
         autoFocus: true
@@ -50147,10 +50264,10 @@ var Table$1 = function Table(_ref12) {
       });
       if (option) {
         var extra = {};
-        Object.entries(col.updates).forEach(function (_ref14) {
-          var _ref15 = _slicedToArray$d(_ref14, 2),
-            targetField = _ref15[0],
-            optionProp = _ref15[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);
@@ -50220,6 +50337,9 @@ var Table$1 = function Table(_ref12) {
       case 'select':
         displayFn = selectTemplate(col);
         break;
+      case 'lienFormulaire':
+        displayFn = lienFormulaireTemplate(col);
+        break;
       case 'selectMultiple':
         displayFn = selectMultipleTemplate(col);
         break;
@@ -50275,10 +50395,10 @@ var Table$1 = function Table(_ref12) {
                 return opt.value === v;
               });
               if (option) {
-                Object.entries(col.updates).forEach(function (_ref16) {
-                  var _ref17 = _slicedToArray$d(_ref16, 2),
-                    tf = _ref17[0],
-                    op = _ref17[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];
                 });
               }
@@ -50304,7 +50424,7 @@ var Table$1 = function Table(_ref12) {
       };
     }
     return displayFn;
-  }, [rowEdit, lockable, effectiveEditable, editingRows, updateRow, onChange, onCellChangeRef, linkTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, colorTextTemplate, pictoTemplate, textTemplate, numericTemplate, badgesTemplate, calculTemplate, documentTemplate, deviseTemplate, treeSelectTemplate, htmlTemplate, journalTemplate]);
+  }, [rowEdit, lockable, effectiveEditable, editingRows, updateRow, onChange, onCellChangeRef, linkTemplate, dateTemplate, selectTemplate, lienFormulaireTemplate, selectMultipleTemplate, colorTextTemplate, pictoTemplate, textTemplate, numericTemplate, badgesTemplate, calculTemplate, documentTemplate, deviseTemplate, treeSelectTemplate, htmlTemplate, journalTemplate]);
   var getSortField = useCallback(function (col) {
     return col.field;
   }, []);
@@ -50312,7 +50432,7 @@ var Table$1 = function Table(_ref12) {
   useLayoutEffect(function () {
     if (autoWidthsWritten.current) return;
     try {
-      var state = JSON.parse(sessionStorage.getItem(DT_STATE_KEY) || '{}');
+      var state = JSON.parse(localStorage.getItem(DT_STATE_KEY) || '{}');
       if (state.columnWidths) return; // user already has saved widths
     } catch (_unused5) {
       return;
@@ -50331,9 +50451,9 @@ var Table$1 = function Table(_ref12) {
     });
     document.body.removeChild(span);
     try {
-      var _state = JSON.parse(sessionStorage.getItem(DT_STATE_KEY) || '{}');
+      var _state = JSON.parse(localStorage.getItem(DT_STATE_KEY) || '{}');
       _state.columnWidths = widths.join(',');
-      sessionStorage.setItem(DT_STATE_KEY, JSON.stringify(_state));
+      localStorage.setItem(DT_STATE_KEY, JSON.stringify(_state));
     } catch (_unused6) {
       return;
     }
@@ -50363,7 +50483,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,
@@ -50377,14 +50497,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() {
@@ -50484,10 +50604,10 @@ var Table$1 = function Table(_ref12) {
       setRowPreset(null);
       setSettingsOpen(false);
     }
-  }].map(function (_ref18) {
-    var icon = _ref18.icon,
-      label = _ref18.label,
-      action = _ref18.action;
+  }].map(function (_ref21) {
+    var icon = _ref21.icon,
+      label = _ref21.label,
+      action = _ref21.action;
     return /*#__PURE__*/React__default.createElement("button", {
       key: label,
       type: "button",
@@ -50501,7 +50621,7 @@ var Table$1 = function Table(_ref12) {
         background: 'none',
         border: 'none',
         cursor: 'pointer',
-        fontSize: '0.875rem',
+        fontSize: '12.25px',
         color: '#3f3f46',
         textAlign: 'left'
       },
@@ -50514,7 +50634,7 @@ var Table$1 = function Table(_ref12) {
     }, /*#__PURE__*/React__default.createElement("span", {
       className: "material-icons",
       style: {
-        fontSize: '1rem',
+        fontSize: '14px',
         color: '#71717a',
         lineHeight: 1
       }
@@ -50527,7 +50647,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", {
@@ -50545,9 +50665,9 @@ var Table$1 = function Table(_ref12) {
   }, {
     key: 'large',
     label: 'Grande'
-  }].map(function (_ref19) {
-    var key = _ref19.key,
-      label = _ref19.label;
+  }].map(function (_ref22) {
+    var key = _ref22.key,
+      label = _ref22.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -50563,7 +50683,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',
@@ -50681,6 +50801,7 @@ var Table$1 = function Table(_ref12) {
     removableSort: true,
     reorderableColumns: true,
     stateKey: DT_STATE_KEY,
+    stateStorage: "local",
     scrollable: true,
     scrollHeight: fullscreen ? 'flex' : '70vh',
     pt: {
@@ -50719,11 +50840,11 @@ var Table$1 = function Table(_ref12) {
       key: "__row_actions__",
       header: "",
       body: function body(rowData) {
-        var _ref20, _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) : (_ref20 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref20 !== void 0 ? _ref20 : 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,
@@ -50876,6 +50997,19 @@ var competencesOptions = [{
   label: 'Design',
   color: '#FF61F6'
 }];
+var ficheOptions = [{
+  value: 1,
+  label: 'Déclaration Cyber #001 — Accès non autorisé',
+  href: '/evenement/1'
+}, {
+  value: 2,
+  label: 'Déclaration RH #002 — Conflit salarial',
+  href: '/evenement/2'
+}, {
+  value: 3,
+  label: 'Déclaration Fraude #003 — Faux virement',
+  href: '/evenement/3'
+}];
 var dataTyped = [{
   id: 1,
   nom: 'Alice Martin',
@@ -50901,7 +51035,8 @@ var dataTyped = [{
     })
   },
   service: 'tech-dev',
-  owners: ['Marie Dupont', 'Jean Martin']
+  owners: ['Marie Dupont', 'Jean Martin'],
+  ficheRef: 1
 }, {
   id: 2,
   nom: 'Bob Dupont',
@@ -50931,7 +51066,8 @@ var dataTyped = [{
     })
   },
   service: 'metier-compta',
-  owners: ['Sophie Bernard', 'Paul Leroy', 'Claire Moreau', 'Lucas Petit']
+  owners: ['Sophie Bernard', 'Paul Leroy', 'Claire Moreau', 'Lucas Petit'],
+  ficheRef: 2
 }, {
   id: 3,
   nom: 'Clara Leroy',
@@ -50953,7 +51089,8 @@ var dataTyped = [{
     })
   },
   service: 'support',
-  owners: ['Alice Rousseau']
+  owners: ['Alice Rousseau'],
+  ficheRef: 3
 }, {
   id: 4,
   nom: 'David Bernard',
@@ -50970,7 +51107,8 @@ var dataTyped = [{
   fichiers: [],
   montant: null,
   service: 'tech-infra',
-  owners: []
+  owners: [],
+  ficheRef: null
 }, {
   id: 5,
   nom: 'Emma Petit',
@@ -50996,7 +51134,8 @@ var dataTyped = [{
     })
   },
   service: null,
-  owners: ['Marc Girard', 'Isabelle Noir', 'Thomas Klein', 'Nadia Sow', 'Romain Vénel']
+  owners: ['Marc Girard', 'Isabelle Noir', 'Thomas Klein', 'Nadia Sow', 'Romain Vénel'],
+  ficheRef: 1
 }, {
   id: 6,
   nom: 'François Morel',
@@ -51018,7 +51157,8 @@ var dataTyped = [{
     })
   },
   service: 'metier-rh',
-  owners: ['Pierre Simon', 'Lucie Blanc']
+  owners: ['Pierre Simon', 'Lucie Blanc'],
+  ficheRef: 2
 }, {
   id: 7,
   nom: 'Grace Rousseau',
@@ -51052,7 +51192,8 @@ var dataTyped = [{
     })
   },
   service: 'tech-secu',
-  owners: ['Camille Durand', 'Alexis Foret', 'Yasmine Aït']
+  owners: ['Camille Durand', 'Alexis Foret', 'Yasmine Aït'],
+  ficheRef: 3
 }];
 var columnsTyped = [{
   field: 'nom',
@@ -51123,6 +51264,12 @@ var columnsTyped = [{
   field: 'owners',
   header: 'Responsables',
   type: 'badges'
+}, {
+  field: 'ficheRef',
+  header: 'Fiche liée',
+  type: 'lienFormulaire',
+  editable: true,
+  options: ficheOptions
 }];
 var TablePresets = {
   Base: {

package/package.json

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