From bcb9d30237ed2ab95df6c26dcf00324e4f7a72c8 Mon Sep 17 00:00:00 2001
From: ahmed-Bazzara <ahmed.bazzara@tretton37.com>
Date: Tue, 19 Feb 2019 14:55:50 +0100
Subject: [PATCH] sending the alignment value straight from props instead of
 numbers

---
 src/data-table/data-cell.jsx | 9 ++-------
 src/definition/formatted.js  | 8 ++++----
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/data-table/data-cell.jsx b/src/data-table/data-cell.jsx
index deb216b..d176fc8 100644
--- a/src/data-table/data-cell.jsx
+++ b/src/data-table/data-cell.jsx
@@ -92,13 +92,8 @@ class DataCell extends React.PureComponent {
     }
     let textAlignment = 'Right';
     const textAlignmentProp = styling.options.textAlignment;
-
-    if (textAlignmentProp === 1) {
-      textAlignment = 'Left';
-    } else if (textAlignmentProp === 2) {
-      textAlignment = 'Center';
-    } else {
-      textAlignment = 'Right';
+    if (textAlignmentProp) {
+      textAlignment = textAlignmentProp;
     }
 
     let cellStyle = {
diff --git a/src/definition/formatted.js b/src/definition/formatted.js
index ed9d110..2a41478 100644
--- a/src/definition/formatted.js
+++ b/src/definition/formatted.js
@@ -189,19 +189,19 @@ const formatted = {
       component: 'buttongroup',
       options: [
         {
-          value: 1,
+          value: 'Left',
           label: 'Left'
         },
         {
-          value: 2,
+          value: 'Center',
           label: 'Center'
         },
         {
-          value: 3,
+          value: 'Right',
           label: 'Right'
         }
       ],
-      defaultValue: 3
+      defaultValue: 'Right'
     },
     ColumnWidthSlider: {
       type: 'number',