arengibook 2.0.3-table → 2.0.5-table

package/dist/index.js

@@ -44014,6 +44014,21 @@ var Table = function Table(_ref) {
       return (_rowData$col$field = rowData[col.field]) !== null && _rowData$col$field !== void 0 ? _rowData$col$field : '';
     };
   }, []);
+  var colorTextTemplate = useCallback(function (col) {
+    return function (rowData) {
+      var text = rowData[col.field];
+      var color = rowData[col.field + 'Color'];
+      console.log(rowData);
+      if (!color) return text !== null && text !== void 0 ? text : '';
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: "tab_label",
+        style: {
+          backgroundColor: color,
+          color: textColorForBg(color)
+        }
+      }, text);
+    };
+  }, []);
   var selectMultipleTemplate = useCallback(function (col) {
     return function (rowData) {
       var vals = rowData[col.field];
@@ -44122,11 +44137,13 @@ var Table = function Table(_ref) {
         return selectTemplate(col);
       case 'selectMultiple':
         return selectMultipleTemplate(col);
+      case 'colorText':
+        return colorTextTemplate(col);
       case 'text':
       default:
         return col.textTemplate ? textTemplate(col) : undefined;
     }
-  }, [linkTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, textTemplate]);
+  }, [linkTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, colorTextTemplate, textTemplate]);
   var getSortField = useCallback(function (col) {
     return col.field;
   }, []);
@@ -44262,16 +44279,6 @@ var statutOptions = [{
   label: 'Archivé',
   color: '#95A5A6'
 }];
-var categorieOptions = [{
-  value: 'client',
-  label: 'Client'
-}, {
-  value: 'prospect',
-  label: 'Prospect'
-}, {
-  value: 'partenaire',
-  label: 'Partenaire'
-}];
 var competencesOptions = [{
   value: 'react',
   label: 'React',
@@ -44300,6 +44307,7 @@ var dataTyped = [{
   dateNaissance: '1990-07-22',
   statut: 'actif',
   categorie: 'client',
+  categorieColor: '#2980B9',
   competences: ['react', 'symfony']
 }, {
   id: 2,
@@ -44308,6 +44316,7 @@ var dataTyped = [{
   dateNaissance: '1985-11-03',
   statut: 'inactif',
   categorie: 'prospect',
+  categorieColor: '#E67E22',
   competences: ['sql']
 }, {
   id: 3,
@@ -44316,6 +44325,7 @@ var dataTyped = [{
   dateNaissance: '1995-02-14',
   statut: 'actif',
   categorie: 'partenaire',
+  categorieColor: '#8E44AD',
   competences: ['design', 'react']
 }, {
   id: 4,
@@ -44324,6 +44334,7 @@ var dataTyped = [{
   dateNaissance: '1978-06-01',
   statut: 'archive',
   categorie: 'client',
+  categorieColor: '#2980B9',
   competences: ['devops', 'sql', 'symfony']
 }, {
   id: 5,
@@ -44332,6 +44343,7 @@ var dataTyped = [{
   dateNaissance: '2001-12-09',
   statut: 'actif',
   categorie: 'prospect',
+  categorieColor: '#E67E22',
   competences: []
 }, {
   id: 6,
@@ -44340,6 +44352,7 @@ var dataTyped = [{
   dateNaissance: '1969-08-27',
   statut: 'inactif',
   categorie: 'client',
+  categorieColor: '#2980B9',
   competences: ['react', 'devops', 'design']
 }, {
   id: 7,
@@ -44348,6 +44361,7 @@ var dataTyped = [{
   dateNaissance: '1993-03-18',
   statut: 'actif',
   categorie: 'partenaire',
+  categorieColor: '#8E44AD',
   competences: ['symfony', 'sql']
 }];
 var columnsTyped = [{
@@ -44374,8 +44388,7 @@ var columnsTyped = [{
 }, {
   field: 'categorie',
   header: 'Catégorie',
-  type: 'select',
-  options: categorieOptions
+  type: 'colorText'
 }, {
   field: 'competences',
   header: 'Compétences',

package/package.json

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