/**
 * mSupply Mobile
 * Sustainable Solutions (NZ) Ltd. 2019
 */

import React from 'react';
import PropTypes from 'prop-types';
import { View } from 'react-native';

import { newPageStyles } from '../globalStyles';

const { newPageContentContainer, newContainer } = newPageStyles;

/**
 * Simple container for a standard data table page.
 */
export const DataTablePageView = props => {
  const { children } = props;
  return (
    <View style={newPageContentContainer}>
      <View style={newContainer}>{children}</View>
    </View>
  );
};

DataTablePageView.propTypes = {
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
};

export default DataTablePageView;

@@ -136,16 +136,52 @@
 t %7B View
+, Keyboard, TouchableWithoutFeedback
  %7D from 
@@ -196,16 +196,16 @@
 ative';%0A
-
 %0Aimport 
@@ -313,16 +313,58 @@
 tyles;%0A%0A
+const dismiss = () =%3E Keyboard.dismiss();%0A
 /**%0A * S
@@ -500,16 +500,67 @@
 eturn (%0A
+    %3CTouchableWithoutFeedback onPress=%7Bdismiss%7D%3E%0A  
     %3CVie
@@ -594,16 +594,18 @@
 ainer%7D%3E%0A
+  
       %3CV
@@ -647,16 +647,18 @@
 %3C/View%3E%0A
+  
     %3C/Vi
@@ -661,16 +661,48 @@
 %3C/View%3E%0A
+    %3C/TouchableWithoutFeedback%3E%0A
   );%0A%7D;%0A

Add wrapping Touchable to DataTablePageView