arengibook 2.0.4-table → 2.0.6-table

package/dist/index.js

@@ -44018,6 +44018,7 @@ var Table = function Table(_ref) {
     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",
@@ -44028,6 +44029,28 @@ var Table = function Table(_ref) {
       }, text);
     };
   }, []);
+  var pictoTemplate = useCallback(function (col) {
+    return function (rowData) {
+      console.log(col.field);
+      var text = rowData[col.field];
+      var picto = rowData[col.field + 'Picto'];
+      if (!picto) return text !== null && text !== void 0 ? text : '';
+      return /*#__PURE__*/React__default.createElement("span", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '0.35rem'
+        }
+      }, /*#__PURE__*/React__default.createElement("img", {
+        src: picto,
+        alt: text !== null && text !== void 0 ? text : '',
+        style: {
+          height: '1.25rem',
+          width: 'auto'
+        }
+      }), text);
+    };
+  }, []);
   var selectMultipleTemplate = useCallback(function (col) {
     return function (rowData) {
       var vals = rowData[col.field];
@@ -44138,11 +44161,13 @@ var Table = function Table(_ref) {
         return selectMultipleTemplate(col);
       case 'colorText':
         return colorTextTemplate(col);
+      case 'picto':
+        return pictoTemplate(col);
       case 'text':
       default:
         return col.textTemplate ? textTemplate(col) : undefined;
     }
-  }, [linkTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, colorTextTemplate, textTemplate]);
+  }, [linkTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, colorTextTemplate, pictoTemplate, textTemplate]);
   var getSortField = useCallback(function (col) {
     return col.field;
   }, []);
@@ -44278,16 +44303,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',
@@ -44316,6 +44331,9 @@ var dataTyped = [{
   dateNaissance: '1990-07-22',
   statut: 'actif',
   categorie: 'client',
+  categorieColor: '#2980B9',
+  niveau: 'Élevé',
+  niveauPicto: '/bundles/arengimain/img/picto/eleve.png',
   competences: ['react', 'symfony']
 }, {
   id: 2,
@@ -44324,6 +44342,9 @@ var dataTyped = [{
   dateNaissance: '1985-11-03',
   statut: 'inactif',
   categorie: 'prospect',
+  categorieColor: '#E67E22',
+  niveau: 'Moyen',
+  niveauPicto: '/bundles/arengimain/img/picto/moyen.png',
   competences: ['sql']
 }, {
   id: 3,
@@ -44332,6 +44353,9 @@ var dataTyped = [{
   dateNaissance: '1995-02-14',
   statut: 'actif',
   categorie: 'partenaire',
+  categorieColor: '#8E44AD',
+  niveau: 'Faible',
+  niveauPicto: '/bundles/arengimain/img/picto/faible.png',
   competences: ['design', 'react']
 }, {
   id: 4,
@@ -44340,6 +44364,9 @@ var dataTyped = [{
   dateNaissance: '1978-06-01',
   statut: 'archive',
   categorie: 'client',
+  categorieColor: '#2980B9',
+  niveau: 'Élevé',
+  niveauPicto: '/bundles/arengimain/img/picto/eleve.png',
   competences: ['devops', 'sql', 'symfony']
 }, {
   id: 5,
@@ -44348,6 +44375,9 @@ var dataTyped = [{
   dateNaissance: '2001-12-09',
   statut: 'actif',
   categorie: 'prospect',
+  categorieColor: '#E67E22',
+  niveau: null,
+  niveauPicto: null,
   competences: []
 }, {
   id: 6,
@@ -44356,6 +44386,9 @@ var dataTyped = [{
   dateNaissance: '1969-08-27',
   statut: 'inactif',
   categorie: 'client',
+  categorieColor: '#2980B9',
+  niveau: 'Moyen',
+  niveauPicto: '/bundles/arengimain/img/picto/moyen.png',
   competences: ['react', 'devops', 'design']
 }, {
   id: 7,
@@ -44364,6 +44397,9 @@ var dataTyped = [{
   dateNaissance: '1993-03-18',
   statut: 'actif',
   categorie: 'partenaire',
+  categorieColor: '#8E44AD',
+  niveau: 'Faible',
+  niveauPicto: '/bundles/arengimain/img/picto/faible.png',
   competences: ['symfony', 'sql']
 }];
 var columnsTyped = [{
@@ -44390,8 +44426,11 @@ var columnsTyped = [{
 }, {
   field: 'categorie',
   header: 'Catégorie',
-  type: 'select',
-  options: categorieOptions
+  type: 'colorText'
+}, {
+  field: 'niveau',
+  header: 'Niveau',
+  type: 'picto'
 }, {
   field: 'competences',
   header: 'Compétences',

package/package.json

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