From 10dc32ded0890409ec4e316222c9ff6001a25597 Mon Sep 17 00:00:00 2001
From: Miu Razvan <miu.razvan28@gmail.com>
Date: Thu, 8 Jun 2023 15:07:50 +0300
Subject: [PATCH] feat: added text aligment option

---
 src/StatisticBlock/View.jsx        |  3 ++-
 src/StatisticBlock/styles.less     | 30 +++++++++++++++++++++++++-----
 src/StatisticBlock/stylesSchema.js |  6 ++++++
 3 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/StatisticBlock/View.jsx b/src/StatisticBlock/View.jsx
index 73f6c49..6b5e72d 100644
--- a/src/StatisticBlock/View.jsx
+++ b/src/StatisticBlock/View.jsx
@@ -48,6 +48,7 @@ const View = ({ data, mode }) => {
     animation = {},
   } = data;
   const {
+    textAlign = 'center',
     backgroundInverted = 'primary',
     valueVariation = 'secondary',
     labelVariation = 'tertiary',
@@ -70,7 +71,7 @@ const View = ({ data, mode }) => {
         valuevariation={valueVariation}
         labelvariation={labelVariation}
         extravariation={extraVariation}
-        className={styles.align === 'full' ? 'ui container' : ''}
+        className={cx(textAlign, { 'ui container': styles.align === 'full' })}
       >
         {items.map((item, index) => {
           const href = getFieldURL(item.href);
diff --git a/src/StatisticBlock/styles.less b/src/StatisticBlock/styles.less
index c7ee611..6bc22df 100644
--- a/src/StatisticBlock/styles.less
+++ b/src/StatisticBlock/styles.less
@@ -1,8 +1,28 @@
-.ui.statistic {
-  .slate {
-    p {
-      margin-bottom: 0;
-      color: inherit;
+.ui.statistics {
+  .ui.statistic {
+    .slate {
+      p {
+        margin-bottom: 0;
+        color: inherit;
+      }
+    }
+  }
+
+  &.left {
+    .ui.statistic {
+      align-items: flex-start;
+    }
+  }
+
+  &.center {
+    .ui.statistic {
+      align-items: center;
+    }
+  }
+
+  &.right {
+    .ui.statistic {
+      align-items: flex-end;
     }
   }
 }
diff --git a/src/StatisticBlock/stylesSchema.js b/src/StatisticBlock/stylesSchema.js
index 6ba845f..feb8ed1 100644
--- a/src/StatisticBlock/stylesSchema.js
+++ b/src/StatisticBlock/stylesSchema.js
@@ -6,6 +6,7 @@ export default () => {
         title: 'Default',
         fields: [
           'align',
+          'textAlign',
           'backgroundInverted',
           'valueVariation',
           'labelVariation',
@@ -20,6 +21,11 @@ export default () => {
         title: 'Align',
         actions: ['center', 'wide', 'full'],
       },
+      textAlign: {
+        title: 'Text align',
+        widget: 'style_text_align',
+        default: 'center',
+      },
       backgroundInverted: {
         title: 'Background when inverted',
         choices: [