rc-adminlte/src/components/content/Inputs/InputShapes.js

AdminLTE template ported to React

import PropTypes from 'prop-types';
import MomentPropTypes from 'react-moment-proptypes';


const ValueShape = PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.number,
  PropTypes.object,
]);

const DateValueShape = PropTypes.oneOfType([
  MomentPropTypes.momentObj,
  PropTypes.string,
]);

const optionType = PropTypes.shape({
  value: ValueShape.isRequired,
  text: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ]),
  disabled: PropTypes.bool,
  checked: PropTypes.bool,
});
const simpleOptionType = PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.number,
]);
const OptionShape = PropTypes.oneOfType([
  optionType,
  simpleOptionType,
]);
const ListOfValueShape = PropTypes.arrayOf(OptionShape);
const ArrayOfValueShape = PropTypes.arrayOf(ValueShape);

const SharedInputProps = {
  name: PropTypes.string,
  id: PropTypes.string,
  onChange: PropTypes.func,
  onBlur: PropTypes.func,
  onFocus: PropTypes.func,
  placeholder: PropTypes.string,
  disabled: PropTypes.bool,
  readOnly: PropTypes.bool,
};
const SharedInputDefaultProps = {
  name: undefined,
  id: undefined,
  onChange: undefined,
  onBlur: undefined,
  onFocus: undefined,
  placeholder: undefined,
  disabled: false,
  readOnly: false,
};

const SharedDateProps = {
  disabled: PropTypes.bool,
  required: PropTypes.bool,
  readOnly: PropTypes.bool,
  showClearDate: PropTypes.bool,
  inputIconPosition: PropTypes.oneOf(['before', 'after']),
  noBorder: PropTypes.bool,
  block: PropTypes.bool,
  small: PropTypes.bool,
  regular: PropTypes.bool,
};

const SharedDateDefaultProps = {
  disabled: false,
  required: false,
  readOnly: false,
  showClearDate: false,
  noBorder: false,
  block: false,
  small: false,
  regular: false,
  inputIconPosition: null,
};

export {
  OptionShape, ListOfValueShape, ValueShape, ArrayOfValueShape,
  SharedDateProps, SharedDateDefaultProps, DateValueShape,
  SharedInputProps, SharedInputDefaultProps,
};