arengibook 2.0.1-table → 2.0.2-table

package/dist/index.js

@@ -43901,11 +43901,6 @@ function textColorForBg(hex) {
   var b = parseInt(hex.substring(4, 6), 16);
   return (r + g + b) / 3 < 128 ? 'white' : 'black';
 }
-var defaultRouting = {
-  generate: function generate() {
-    return '#';
-  }
-};
 var Table = function Table(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -43926,9 +43921,7 @@ var Table = function Table(_ref) {
     _ref$editable = _ref.editable,
     editable = _ref$editable === void 0 ? false : _ref$editable,
     onChange = _ref.onChange,
-    carto = _ref.carto,
-    _ref$routing = _ref.routing,
-    routing = _ref$routing === void 0 ? typeof window !== 'undefined' && window.Routing ? window.Routing : defaultRouting : _ref$routing;
+    carto = _ref.carto;
   var _useState = useState(value),
     _useState2 = _slicedToArray$a(_useState, 2),
     data = _useState2[0],
@@ -43971,78 +43964,15 @@ var Table = function Table(_ref) {
 
   // --- Body templates by type ---
 
-  var linkTemplate = useCallback(function (rowData) {
-    return /*#__PURE__*/React__default.createElement("a", {
-      className: "table-item-title",
-      href: routing.generate('Risque_detail', {
-        'carto_id': carto,
-        'risque_num': rowData.numero
-      }),
-      title: rowData.nom
-    }, rowData.nom);
-  }, [carto, routing]);
-  var labelColorTemplate = useCallback(function (rowData) {
-    var color = rowData.labelColor || '';
-    return /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      }
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "etiquetteMatrix-risque"
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "matrix-RisqueLabelColor",
-      style: {
-        backgroundColor: color ? '#' + color : 'transparent'
-      }
-    }), /*#__PURE__*/React__default.createElement("span", {
-      className: "matrix-RisqueLabel"
-    }, rowData.label)));
-  }, []);
-  var coloredLabelTemplate = useCallback(function (rowData, options) {
-    var field = options.field;
-    var val = rowData[field];
-    var color = rowData[field + 'Color'];
-    if (!val || val === 'N/A') return 'N/A';
-    if (!color) return val;
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: "tab_label",
-      style: {
-        backgroundColor: '#' + color,
-        color: textColorForBg(color)
-      }
-    }, val);
-  }, []);
-  var criticiteTemplate = useCallback(function (rowData, options) {
-    var field = options.field;
-    var val = rowData[field];
-    var picto = rowData[field + 'Picto'];
-    var type = rowData[field + 'Type'];
-    if (!val || val === 'N/A') return 'N/A';
-    if (picto && type) {
-      var folder = 'pictos_risque/dashboard';
-      var className = 'img_dashboard_crit';
-      if (type === 'prio') {
-        folder = 'pictos_prio/dashboard';
-        className = 'img_dashboard_prio';
-      } else if (type === 'tendance') {
-        folder = 'pictos_tendance/full';
-        className = 'img_dashboard_tendance';
-      }
-      return /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          textAlign: 'center'
-        }
-      }, /*#__PURE__*/React__default.createElement("img", {
-        className: className,
-        width: "40px",
-        src: '/bundles/arengimain/img/' + folder + '/' + picto + '.png',
-        alt: val,
-        title: val
-      }), /*#__PURE__*/React__default.createElement("br", null), val);
-    }
-    return val;
+  var linkTemplate = useCallback(function (col) {
+    return function (rowData) {
+      var _ref2, _col$href;
+      var label = rowData[col.field];
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref2 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref2 !== void 0 ? _ref2 : '#';
+      return /*#__PURE__*/React__default.createElement("a", {
+        href: href
+      }, label);
+    };
   }, []);
   var dateTemplate = useCallback(function (rowData, options) {
     var val = rowData[options.field];
@@ -44173,223 +44103,24 @@ var Table = function Table(_ref) {
     setData(updated);
     onChange === null || onChange === void 0 || onChange(updated);
   }, [data, onChange]);
-  var htmlTemplate = useCallback(function (rowData, options) {
-    var val = rowData[options.field];
-    if (!val) return '';
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "limite_txt_table",
-      style: {
-        maxWidth: 410,
-        textAlign: 'left'
-      }
-    }, /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        lineHeight: 1
-      },
-      dangerouslySetInnerHTML: {
-        __html: val
-      }
-    }));
-  }, []);
-  var progressTemplate = useCallback(function (rowData) {
-    var avancement = rowData.avancement || 0;
-    var clampedWidth = Math.max(0, Math.min(100, avancement));
-    var loadClass = 'progress_bar_menu_load0';
-    if (avancement === 100) loadClass = 'progress_bar_menu_load100';else if (avancement > 80) loadClass = 'progress_bar_menu_load90';else if (avancement > 70) loadClass = 'progress_bar_menu_load80';else if (avancement > 60) loadClass = 'progress_bar_menu_load70';else if (avancement > 50) loadClass = 'progress_bar_menu_load60';else if (avancement > 40) loadClass = 'progress_bar_menu_load50';else if (avancement > 30) loadClass = 'progress_bar_menu_load40';else if (avancement > 20) loadClass = 'progress_bar_menu_load30';else if (avancement > 10) loadClass = 'progress_bar_menu_load20';else if (avancement > 0) loadClass = 'progress_bar_menu_load10';
-    return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-      className: "progress_bar_menu"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "progress_bar_menu_black"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: 'progress_bar_menu_load ' + loadClass,
-      style: {
-        width: clampedWidth + '%'
-      }
-    }))), /*#__PURE__*/React__default.createElement("a", {
-      href: routing.generate('Risque_detail', {
-        'carto_id': carto,
-        'risque_num': rowData.numero,
-        'page': 'actions'
-      })
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "progress_bar_menu_info"
-    }, avancement, " %")), rowData.perspectiveColor && /*#__PURE__*/React__default.createElement("div", {
-      className: "status"
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "perspective-circle",
-      style: {
-        backgroundColor: '#' + rowData.perspectiveColor
-      }
-    }), /*#__PURE__*/React__default.createElement("span", null, " ", rowData.perspectiveText)));
-  }, [carto, routing]);
-  var clustersTemplate = useCallback(function (rowData) {
-    var clusters = rowData.clusters;
-    if (!clusters || !Array.isArray(clusters) || !clusters.length) return '';
-    return /*#__PURE__*/React__default.createElement("div", null, clusters.map(function (cluster, i) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: i,
-        className: "RiskClusters",
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/React__default.createElement("span", {
-        className: "material-icons",
-        style: {
-          marginRight: 5,
-          color: cluster.couleur ? '#' + cluster.couleur : 'black'
-        }
-      }, "bubble_chart"), /*#__PURE__*/React__default.createElement("span", {
-        className: "square"
-      }, cluster.nom));
-    }));
-  }, []);
-  var ventilationTemplate = useCallback(function (rowData) {
-    var items = rowData.ventilationActions;
-    if (!items || !Array.isArray(items) || !items.length) return '';
-    return /*#__PURE__*/React__default.createElement("div", null, items.map(function (item, i) {
-      return /*#__PURE__*/React__default.createElement("span", {
-        key: i,
-        className: "tab_label picto",
-        style: {
-          backgroundColor: '#' + item.couleur,
-          color: textColorForBg(item.couleur)
-        }
-      }, item.nom, " : ", /*#__PURE__*/React__default.createElement("span", {
-        className: "number"
-      }, item.count));
-    }));
-  }, []);
-  var ventilationDdmTemplate = useCallback(function (rowData) {
-    var items = rowData.ventilationDdm;
-    if (!items || !Array.isArray(items) || !items.length) return '';
-    return /*#__PURE__*/React__default.createElement("div", null, items.map(function (item, i) {
-      return /*#__PURE__*/React__default.createElement("span", {
-        key: i,
-        className: "tab_label",
-        style: {
-          backgroundColor: 'white'
-        }
-      }, /*#__PURE__*/React__default.createElement("span", {
-        className: "number"
-      }, item.intitule, " : ", item.count));
-    }));
-  }, []);
-  var kriEvolutionTemplate = useCallback(function (rowData) {
-    var tendance = rowData.evolutionKri;
-    if (tendance === null || tendance === undefined) return 'N/A';
-    var text = rowData.evolutionKriText || '';
-    return /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      }
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: '/bundles/arengimain/img/pictos_kri/full/' + tendance + '.png',
-      title: text,
-      alt: text
-    }));
-  }, []);
-  var evalGlobalDdmTemplate = useCallback(function (rowData) {
-    var val = rowData.evalGlobalDdm;
-    var picto = rowData.evalGlobalDdmPicto;
-    if (!val) return '';
-    return /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        textAlign: 'center'
-      }
-    }, picto && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("img", {
-      className: "img_dashboard_crit",
-      width: "20px",
-      src: '/' + picto,
-      alt: val,
-      title: val
-    }), /*#__PURE__*/React__default.createElement("br", null)), val);
-  }, []);
-  var documentsTemplate = useCallback(function (rowData) {
-    var docs = rowData.documents;
-    if (!docs || !Array.isArray(docs) || !docs.length) return '';
-    if (docs.length === 1) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        className: "AttachedFilesTD-item",
-        href: routing.generate('evenement_download_action', {
-          file: docs[0].id
-        }),
-        target: "_blank",
-        style: {
-          opacity: 1
-        }
-      }, /*#__PURE__*/React__default.createElement("span", {
-        className: "material-icons",
-        style: {
-          opacity: 1
-        }
-      }, "attach_file"), /*#__PURE__*/React__default.createElement("div", null, docs[0].name));
-    }
-    return /*#__PURE__*/React__default.createElement("div", null, docs.length, " document(s)");
-  }, [routing]);
-  var eventBadgeTemplate = useCallback(function (rowData, options) {
-    var field = options.field;
-    var count = rowData[field];
-    var color = rowData[field + 'Color'] || '';
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: "tab_label testBadgeFormTableau",
-      style: {
-        backgroundColor: color,
-        color: textColorForBg(color)
-      }
-    }, count);
-  }, []);
 
   /** Get the body renderer for a column based on its type */
   var getBodyTemplate = useCallback(function (col) {
     switch (col.type) {
       case 'link':
-        return linkTemplate;
-      case 'labelColor':
-        return labelColorTemplate;
-      case 'coloredLabel':
-        return coloredLabelTemplate;
-      case 'criticite':
-        return criticiteTemplate;
+        return linkTemplate(col);
       case 'date':
         return dateTemplate;
       case 'select':
         return selectTemplate(col);
       case 'selectMultiple':
         return selectMultipleTemplate(col);
-      case 'html':
-        return htmlTemplate;
-      case 'progress':
-        return progressTemplate;
-      case 'eventBadge':
-        return eventBadgeTemplate;
-      case 'clusters':
-        return clustersTemplate;
-      case 'ventilation':
-        return ventilationTemplate;
-      case 'ventilationDdm':
-        return ventilationDdmTemplate;
-      case 'kriEvolution':
-        return kriEvolutionTemplate;
-      case 'evalGlobalDdm':
-        return evalGlobalDdmTemplate;
-      case 'documents':
-        return documentsTemplate;
       default:
         return undefined;
     }
-  }, [linkTemplate, labelColorTemplate, coloredLabelTemplate, criticiteTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, htmlTemplate, progressTemplate, eventBadgeTemplate, clustersTemplate, ventilationTemplate, ventilationDdmTemplate, kriEvolutionTemplate, evalGlobalDdmTemplate, documentsTemplate]);
-
-  /** Get sortField override for columns that need custom sort ordering */
+  }, [linkTemplate, dateTemplate, selectTemplate, selectMultipleTemplate]);
   var getSortField = useCallback(function (col) {
-    switch (col.type) {
-      case 'criticite':
-        return col.field + 'Order';
-      default:
-        return col.field;
-    }
+    return col.field;
   }, []);
   var header = /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -44613,7 +44344,11 @@ var dataTyped = [{
 }];
 var columnsTyped = [{
   field: 'nom',
-  header: 'Nom'
+  header: 'Nom',
+  type: 'link',
+  href: function href(row) {
+    return "/risques/".concat(row.id);
+  }
 }, {
   field: 'dateInscription',
   header: 'Inscription',

package/package.json

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