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

import { BACKGROUND_COLOR, BLUE_WHITE, DARK_GREY, LIGHT_GREY } from './colors';
import { APP_FONT_FAMILY, APP_GENERAL_FONT_SIZE } from './fonts';

const newDataTableStyles = {
  cellContainer: {
    left: {
      borderRightWidth: 2,
      borderColor: '#ecf3fc',
      flex: 1,
      justifyContent: 'center',
      textAlign: 'left',
    },
    right: {
      borderRightWidth: 2,
      borderColor: '#ecf3fc',
      flex: 1,
      justifyContent: 'center',
      textAlign: 'right',
    },
    center: {
      borderRightWidth: 2,
      borderColor: '#ecf3fc',
      flex: 1,
      justifyContent: 'center',
      textAlign: 'center',
    },
  },
  cellText: {
    left: {
      marginLeft: 20,
      textAlign: 'left',
      fontFamily: APP_FONT_FAMILY,
      fontSize: APP_GENERAL_FONT_SIZE,
      color: DARK_GREY,
    },
    right: {
      marginRight: 20,
      textAlign: 'right',
      fontFamily: APP_FONT_FAMILY,
      fontSize: APP_GENERAL_FONT_SIZE,
      color: DARK_GREY,
    },
    center: {
      textAlign: 'center',
      fontFamily: APP_FONT_FAMILY,
      fontSize: APP_GENERAL_FONT_SIZE,
      color: DARK_GREY,
    },
  },
  editableCellUnfocused: {
    right: {
      textAlign: 'right',
      fontFamily: APP_FONT_FAMILY,
      fontSize: APP_GENERAL_FONT_SIZE,
      color: DARK_GREY,
    },
    center: {
      textAlign: 'center',
      fontFamily: APP_FONT_FAMILY,
      fontSize: APP_GENERAL_FONT_SIZE,
      color: DARK_GREY,
    },
    left: {
      textAlign: 'left',
      fontFamily: APP_FONT_FAMILY,
      fontSize: APP_GENERAL_FONT_SIZE,
      color: DARK_GREY,
    },
  },
  editableCellText: {
    textAlign: 'right',
    fontFamily: APP_FONT_FAMILY,
    fontSize: APP_GENERAL_FONT_SIZE,
    color: DARK_GREY,
    marginRight: 20,
  },
  editableCellTextView: {
    borderBottomColor: '#cbcbcb',
    borderBottomWidth: 1,
    flex: 1,
    flexDirection: 'row',
    width: '88%',
    maxHeight: '65%',
    justifyContent: 'center',
    alignItems: 'center',
    alignSelf: 'center',
    marginRight: 20,
  },
  touchableCellContainer: {
    borderRightWidth: 2,
    borderColor: '#ecf3fc',
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  row: {
    backgroundColor: BACKGROUND_COLOR,
    flex: 1,
    flexDirection: 'row',
    height: 45,
  },
  alternateRow: {
    backgroundColor: 'white',
    flex: 1,
    flexDirection: 'row',
    height: 45,
  },
  headerRow: {
    backgroundColor: 'white',
    flexDirection: 'row',
  },
  headerCells: {
    left: {
      height: 40,
      borderRightWidth: 2,
      borderBottomWidth: 2,
      backgroundColor: 'white',
      borderColor: BLUE_WHITE,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
    },
    right: {
      height: 40,
      borderRightWidth: 2,
      borderBottomWidth: 2,
      backgroundColor: 'white',
      borderColor: BLUE_WHITE,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'flex-end',
    },
    center: {
      height: 40,
      borderRightWidth: 2,
      borderBottomWidth: 2,
      backgroundColor: 'white',
      borderColor: BLUE_WHITE,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
    },
  },
  expiryBatchTextView: {
    borderBottomColor: '#cbcbcb',
    borderBottomWidth: 1,
    flex: 1,
    flexDirection: 'row',
    width: '88%',
    maxHeight: '65%',
    justifyContent: 'center',
    alignItems: 'center',
    alignSelf: 'center',
  },
  expiryBatchView: {
    borderRightWidth: 2,
    borderColor: '#ecf3fc',
    flex: 1,
    justifyContent: 'center',
    textAlign: 'center',
  },
  expiryBatchText: {
    textAlign: 'center',
    fontFamily: APP_FONT_FAMILY,
    fontSize: APP_GENERAL_FONT_SIZE,
    color: DARK_GREY,
  },
  expiryBatchPlaceholderText: {
    textAlign: 'center',
    fontFamily: APP_FONT_FAMILY,
    fontSize: APP_GENERAL_FONT_SIZE,
    color: LIGHT_GREY,
  },
};

export default newDataTableStyles;

@@ -4011,16 +4011,504 @@
 Y,%0A  %7D,%0A
+  dropDownCellTextContainer: %7B flex: 2, justfyContent: 'center', alignItems: 'center' %7D,%0A  dropDownCellIconContainer: %7B flex: 1, justfyContent: 'center', alignItems: 'center' %7D,%0A  dropDownFont: %7B%0A    marginLeft: 20,%0A    textAlign: 'left',%0A    fontFamily: APP_FONT_FAMILY,%0A    fontSize: APP_GENERAL_FONT_SIZE,%0A    color: DARK_GREY,%0A  %7D,%0A  dropDownPlaceholderFont: %7B%0A    textAlign: 'center',%0A    fontFamily: APP_FONT_FAMILY,%0A    fontSize: APP_GENERAL_FONT_SIZE,%0A    color: LIGHT_GREY,%0A  %7D,%0A
 %7D;%0A%0Aexpo

Add styles for DropDownCell component