react-native-awesome-component/src/custom-alert/index.js

React Native Awesome Component

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import Alert from './alert'
import { setAlertInstance } from './alert-handler'

class CustomAlert extends PureComponent {
  static propTypes = {
    enableDismiss: PropTypes.bool,
    containerStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    iconType: PropTypes.oneOf([
      'ant-design',
      'entypo',
      'evil-icons',
      'feather',
      'font-awesome',
      'font-awesome5',
      'fontisto',
      'foundation',
      'ionicons',
      'material-community',
      'material-icons',
      'octicons',
    ]),
    iconSuccessName: PropTypes.string,
    iconInfoName: PropTypes.string,
    iconErrorName: PropTypes.string,
    iconSuccessSize: PropTypes.number,
    iconInfoSize: PropTypes.number,
    iconErrorSize: PropTypes.number,
    iconSuccessStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    iconInfoStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    iconErrorStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    titleStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    imageStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    messageStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    singleButtonContainerStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    singleButtonTitleStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
    multiButtonContainerStyle: PropTypes.shape({ confirm: PropTypes.oneOfType([PropTypes.object, PropTypes.array]), cancel: PropTypes.oneOfType([PropTypes.object, PropTypes.array]) }),
    multiButtonTitleStyle: PropTypes.shape({ confirm: PropTypes.oneOfType([PropTypes.object, PropTypes.array]), cancel: PropTypes.oneOfType([PropTypes.object, PropTypes.array]) }),
    customConfiguration: PropTypes.shape({
      enableDismiss: PropTypes.bool,
      type: PropTypes.string,
      iconType: PropTypes.oneOf([
        'ant-design',
        'entypo',
        'evil-icons',
        'feather',
        'font-awesome',
        'font-awesome5',
        'fontisto',
        'foundation',
        'ionicons',
        'material-community',
        'material-icons',
        'octicons',
      ]),
      iconName: PropTypes.string,
      iconSize: PropTypes.number,
      iconStyle: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
      imgError: PropTypes.any,
      imgSuccess: PropTypes.any,
      imgInfo: PropTypes.any,
      successColor: PropTypes.string,
      errorColor: PropTypes.string,
      infoColor: PropTypes.string,
      title: PropTypes.string,
      message: PropTypes.string,
      confirm: PropTypes.shape({
        title: PropTypes.string,
        callback: PropTypes.func,
      }),
      cancel: PropTypes.shape({
        title: PropTypes.string,
        callback: PropTypes.func,
      })
    })
  }

  static defaultProps = {
    enableDismiss: false,
    containerStyle: {},
    iconType: 'font-awesome5',
    iconSuccessName: 'check-circle',
    iconInfoName: 'info-circle',
    iconErrorName: 'times-circle',
    iconSuccessSize: 50,
    iconInfoSize: 50,
    iconErrorSize: 50,
    iconSuccessStyle: {},
    iconInfoStyle: {},
    iconErrorStyle: {},
    titleStyle: {},
    imageStyle: {},
    messageStyle: {},
    singleButtonContainerStyle: {},
    singleButtonTitleStyle: {},
    multiButtonContainerStyle: {
      confirm: {},
      cancel: {}
    },
    multiButtonTitleStyle: {
      confirm: {},
      cancel: {}
    }
  }

  constructor(props) {
    super(props)
  }

  render() {
    return (
      <Alert {...this.props} ref={ref => setAlertInstance(ref)} />
    )
  }
}

export default CustomAlert