Add alignment prop to textfield truncating config

Author: constanzauanini

src/components/Textfield/Textfield.tsx

@@ -18,6 +18,7 @@ export interface TruncateConfig {
   showLessText: string;
   showTextStyle?: Record<string, any>;
   valueTextStyle?: Record<string, any>;
+  alignment?: 'left' | 'right';
 }
 
 export interface Props {

src/components/Textfield/TruncatedTextArea.tsx

@@ -9,7 +9,7 @@ interface TruncatedTextAreaProps {
 }
 
 const TruncatedTextArea = ({ preserveNewlines, truncateConfig, value }: TruncatedTextAreaProps) => {
-  const { maxHeight, showLessText, showMoreText, showTextStyle, valueTextStyle } = truncateConfig;
+  const { maxHeight, showLessText, showMoreText, showTextStyle, valueTextStyle, alignment = 'left' } = truncateConfig;
 
   const theme = useTheme();
   const [showAll, setShowAll] = useState(false);
@@ -50,7 +50,7 @@ const TruncatedTextArea = ({ preserveNewlines, truncateConfig, value }: Truncate
       </p>
 
       {needsTruncating && (
-        <div>
+        <div style={{ width: '100%', textAlign: alignment }}>
           <Link
             component='button'
             onClick={toggleShowAll}