From 27453e5d9d65113cdb5c09325ad31f83f7be13cc Mon Sep 17 00:00:00 2001
From: cyril_billon <cyril.billon@keyconsulting.fr>
Date: Wed, 19 Oct 2022 12:00:44 +0200
Subject: [PATCH 1/3] Ajout de la gestion du classe specifique pour les cellule
 TD des Tableau

---
 example/src/components/Table/Table.jsx  | 2 +-
 src/components/interface/Table/Table.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/example/src/components/Table/Table.jsx b/example/src/components/Table/Table.jsx
index 2bec4e6f..1fafbba8 100644
--- a/example/src/components/Table/Table.jsx
+++ b/example/src/components/Table/Table.jsx
@@ -102,7 +102,7 @@ const columns = [
     ),
     sortable: true,
   },
-  { name: 'name_en', label: 'Anglais', sortable: true },
+  { name: 'name_en', label: 'Anglais', sortable: true, columnClassName: 'my-own-css-class' },
 ];
 
 const TableExample = () => {
diff --git a/src/components/interface/Table/Table.js b/src/components/interface/Table/Table.js
index 0ad17063..e1a553b2 100644
--- a/src/components/interface/Table/Table.js
+++ b/src/components/interface/Table/Table.js
@@ -136,7 +136,7 @@ const Table = ({
             .map((row) => (
               <tr key={getRowKey(row)}>
                 {columns.map((column) => (
-                  <td key={column.name}>
+                  <td key={column.name} className={column.columnClassName || undefined}>
                     {column.render ? column.render(row) : row[column.name]}
                   </td>
                 ))}

From aa16bcbc5e968ae7b387e24f7e046c81ca8e1f43 Mon Sep 17 00:00:00 2001
From: cyril_billon <cyril.billon@keyconsulting.fr>
Date: Mon, 24 Oct 2022 16:57:06 +0200
Subject: [PATCH 2/3] ajout de la gestion des classes conditionnels sur une
 cellule d'un tablea + maj du projet example

---
 example/src/components/Table/Table.jsx  | 13 ++++++++++---
 src/components/interface/Table/Table.js |  5 ++++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/example/src/components/Table/Table.jsx b/example/src/components/Table/Table.jsx
index 1fafbba8..af0293ea 100644
--- a/example/src/components/Table/Table.jsx
+++ b/example/src/components/Table/Table.jsx
@@ -87,7 +87,12 @@ const data = [
 
 const columns = [
   // eslint-disable-next-line react/prop-types
-  { name: 'level', label: 'Niveau', render: ({ level }) => `Niveau ${level}` },
+  {
+    name: 'level',
+    label: 'Niveau',
+    cellClassRender: ({ level }) => (level === 1 ? 'fr-notice fr-notice--info' : null),
+    render: ({ level }) => `Niveau ${level}`,
+  },
   {
     name: 'name_fr',
     headerRender: () => (
@@ -102,7 +107,9 @@ const columns = [
     ),
     sortable: true,
   },
-  { name: 'name_en', label: 'Anglais', sortable: true, columnClassName: 'my-own-css-class' },
+  {
+    name: 'name_en', label: 'Anglais', sortable: true,
+  },
 ];
 
 const TableExample = () => {
@@ -133,7 +140,7 @@ const TableExample = () => {
           columns={columns}
           pagination
           paginationPosition="center"
-          perPage={3}
+          perPage={5}
         />
       </Row>
     </Col>
diff --git a/src/components/interface/Table/Table.js b/src/components/interface/Table/Table.js
index e1a553b2..2d947ba2 100644
--- a/src/components/interface/Table/Table.js
+++ b/src/components/interface/Table/Table.js
@@ -136,7 +136,10 @@ const Table = ({
             .map((row) => (
               <tr key={getRowKey(row)}>
                 {columns.map((column) => (
-                  <td key={column.name} className={column.columnClassName || undefined}>
+                  <td
+                    key={column.name}
+                    className={column.cellClassRender ? column.cellClassRender(row) : null}
+                  >
                     {column.render ? column.render(row) : row[column.name]}
                   </td>
                 ))}

From 1ca7e6efcc53e4c4da17a8111c440825e7853557 Mon Sep 17 00:00:00 2001
From: cyril_billon <cyril.billon@keyconsulting.fr>
Date: Tue, 25 Oct 2022 11:09:18 +0200
Subject: [PATCH 3/3] optimisation condition de gestion du css

---
 src/components/interface/Table/Table.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/interface/Table/Table.js b/src/components/interface/Table/Table.js
index 2d947ba2..8b0e00fc 100644
--- a/src/components/interface/Table/Table.js
+++ b/src/components/interface/Table/Table.js
@@ -138,7 +138,7 @@ const Table = ({
                 {columns.map((column) => (
                   <td
                     key={column.name}
-                    className={column.cellClassRender ? column.cellClassRender(row) : null}
+                    className={column.cellClassRender && column.cellClassRender(row)}
                   >
                     {column.render ? column.render(row) : row[column.name]}
                   </td>