arengibook 2.0.28-table → 2.0.29-table

package/dist/index.js

@@ -49005,6 +49005,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 +49014,7 @@ var SelfEditableCell = function SelfEditableCell(_ref10) {
         onChange: function onChange(e) {
           return commit(e.value);
         },
+        withColor: true,
         autoFocus: true
       })));
     case 'selectMultiple':
@@ -49297,7 +49299,7 @@ var Table$1 = function Table(_ref12) {
     columnFilter = _ref12$columnFilter === void 0 ? true : _ref12$columnFilter,
     onChange = _ref12.onChange,
     onCellChange = _ref12.onCellChange,
-    carto = _ref12.carto;
+    tableId = _ref12.tableId;
   var _useState29 = useState(true),
     _useState30 = _slicedToArray$d(_useState29, 2),
     locked = _useState30[0],
@@ -49353,17 +49355,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) {
@@ -49403,8 +49405,8 @@ var Table$1 = function Table(_ref12) {
     };
   }, [fullscreen]);
   var FILTER_KEY = useMemo(function () {
-    return carto ? "Table:filterVisible:".concat(carto) : 'Table:filterVisible';
-  }, [carto]);
+    return tableId ? "Table:filterVisible:".concat(tableId) : 'Table:filterVisible';
+  }, [tableId]);
   var _useState45 = useState(function () {
       try {
         var _JSON$parse;
@@ -49438,11 +49440,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,
@@ -49679,6 +49681,48 @@ var Table$1 = function Table(_ref12) {
       }, opt.label);
     };
   }, []);
+  var lienFormulaireTemplate = useCallback(function (col) {
+    return function (rowData) {
+      var _col$options3, _ref14, _opt$label, _ref15, _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;
+      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 +49738,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 +49761,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 +49869,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 +49934,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: {
@@ -49971,8 +50030,8 @@ var Table$1 = function Table(_ref12) {
         return /*#__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) {
+          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;
@@ -49997,8 +50056,8 @@ var Table$1 = function Table(_ref12) {
           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) {
+        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;
@@ -50076,13 +50135,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
@@ -50141,16 +50196,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$options5;
-      var option = (_col$options5 = col.options) === null || _col$options5 === void 0 ? void 0 : _col$options5.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 === newRowData[field];
       });
       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 (_ref16) {
+          var _ref17 = _slicedToArray$d(_ref16, 2),
+            targetField = _ref17[0],
+            optionProp = _ref17[1];
           if (option[optionProp] !== undefined) extra[targetField] = option[optionProp];
         });
         enrichedRow = _objectSpread2(_objectSpread2({}, newRowData), extra);
@@ -50220,6 +50275,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;
@@ -50270,15 +50328,15 @@ var Table$1 = function Table(_ref12) {
             var _onCellChangeRef$curr2;
             var enrichedFields = _defineProperty$g({}, col.field, v);
             if (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$options7;
+              var option = (_col$options7 = col.options) === null || _col$options7 === void 0 ? void 0 : _col$options7.find(function (opt) {
                 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 (_ref18) {
+                  var _ref19 = _slicedToArray$d(_ref18, 2),
+                    tf = _ref19[0],
+                    op = _ref19[1];
                   if (option[op] !== undefined) enrichedFields[tf] = option[op];
                 });
               }
@@ -50304,7 +50362,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 +50370,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 +50389,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;
     }
@@ -50484,10 +50542,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 (_ref20) {
+    var icon = _ref20.icon,
+      label = _ref20.label,
+      action = _ref20.action;
     return /*#__PURE__*/React__default.createElement("button", {
       key: label,
       type: "button",
@@ -50545,9 +50603,9 @@ var Table$1 = function Table(_ref12) {
   }, {
     key: 'large',
     label: 'Grande'
-  }].map(function (_ref19) {
-    var key = _ref19.key,
-      label = _ref19.label;
+  }].map(function (_ref21) {
+    var key = _ref21.key,
+      label = _ref21.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -50681,6 +50739,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 +50778,11 @@ var Table$1 = function Table(_ref12) {
       key: "__row_actions__",
       header: "",
       body: function body(rowData) {
-        var _ref20, _linkCol$href;
+        var _ref22, _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) : (_ref22 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref22 !== void 0 ? _ref22 : null : null;
         return /*#__PURE__*/React__default.createElement(RowActionsCell, {
           actions: rowData[actionsCol.actionsField] || [],
           rowData: rowData,
@@ -50755,7 +50814,7 @@ var Table$1 = function Table(_ref12) {
       }
     });
   }(), visibleColumns.map(function (col, index) {
-    var _col$field, _col$options7, _col$minWidth;
+    var _col$field, _col$options8, _col$minWidth;
     return /*#__PURE__*/React__default.createElement(Column, {
       key: (_col$field = col.field) !== null && _col$field !== void 0 ? _col$field : index,
       sortable: true,
@@ -50764,7 +50823,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$options7 = col.options) !== null && _col$options7 !== void 0 && _col$options7.length ? function (opts) {
+      filterElement: (col.type === 'select' || col.type === 'label' || col.type === 'selectMultiple') && (_col$options8 = col.options) !== null && _col$options8 !== void 0 && _col$options8.length ? function (opts) {
         return selectFilterElement(opts, col);
       } : textFilterElement,
       showFilterMenu: false,
@@ -50876,6 +50935,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 +50973,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 +51004,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 +51027,8 @@ var dataTyped = [{
     })
   },
   service: 'support',
-  owners: ['Alice Rousseau']
+  owners: ['Alice Rousseau'],
+  ficheRef: 3
 }, {
   id: 4,
   nom: 'David Bernard',
@@ -50970,7 +51045,8 @@ var dataTyped = [{
   fichiers: [],
   montant: null,
   service: 'tech-infra',
-  owners: []
+  owners: [],
+  ficheRef: null
 }, {
   id: 5,
   nom: 'Emma Petit',
@@ -50996,7 +51072,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 +51095,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 +51130,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 +51202,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.29-table",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {