feat: add numberOfLines prop to DataTableTitle (#863)

Closes #848
callstack · Feb 22, 2019 · f9a0949 · f9a0949
1 parent 8afb7d6
commit f9a0949
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/DataTable/DataTableTitle.js b/src/components/DataTable/DataTableTitle.js
@@ -26,6 +26,10 @@ type Props = React.ElementConfig<typeof TouchableWithoutFeedback> & {|
    * Direction of sorting. An arrow indicating the direction is displayed when this is given.
    */
   sortDirection?: 'ascending' | 'descending',
+  /**
+   * The number of lines to show.
+   */
+  numberOfLines?: number,
   /**
    * Function to execute on press.
    */
@@ -44,6 +48,10 @@ type State = {
 class DataTableTitle extends React.Component<Props, State> {
   static displayName = 'DataTable.Title';
 
+  static defaultProps = {
+    numberOfLines: 1,
+  };
+
   state = {
     spinAnim: new Animated.Value(
       this.props.sortDirection === 'ascending' ? 0 : 1
@@ -70,6 +78,7 @@ class DataTableTitle extends React.Component<Props, State> {
       sortDirection,
       theme,
       style,
+      numberOfLines,
       ...rest
     } = this.props;
 
@@ -99,7 +108,7 @@ class DataTableTitle extends React.Component<Props, State> {
               styles.cell,
               sortDirection ? styles.sorted : { color: textColor },
             ]}
-            numberOfLines={1}
+            numberOfLines={numberOfLines}
           >
             {children}
           </Text>