fannypack/lib/chunk-20872a58.js

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var PropTypes = require('prop-types');
var __chunk_1 = require('./chunk-c300b528.js');
var Box = _interopDefault(require('reakit/Box'));
require('reakit/Block');
require('reakit/Inline');
require('reakit/InlineBlock');
var Flex = _interopDefault(require('reakit/Flex'));
require('reakit/InlineFlex');
require('reakit/Grid');
var React = require('react');
var React__default = _interopDefault(React);
var styled = require('./FieldWrapper/styled.js');

var FieldWrapper = function FieldWrapper(_ref) {
  var a11yId = _ref.a11yId,
      children = _ref.children,
      description = _ref.description,
      hint = _ref.hint,
      isOptional = _ref.isOptional,
      isRequired = _ref.isRequired,
      label = _ref.label,
      state = _ref.state,
      validationText = _ref.validationText,
      props = __chunk_1._objectWithoutPropertiesLoose(_ref, ["a11yId", "children", "description", "hint", "isOptional", "isRequired", "label", "state", "validationText"]);

  var elementProps = {
    isRequired: isRequired,
    a11yId: a11yId,
    state: state
  };
  return React.createElement(styled.default, props, label && React.createElement(Box, {
    marginBottom: "minor-2"
  }, React.createElement(Flex, {
    alignItems: "center"
  }, typeof label === 'string' ? React.createElement(styled.Label, {
    htmlFor: a11yId
  }, label) : label, isOptional && React.createElement(styled.OptionalText, null, "OPTIONAL")), typeof description === 'string' ? React.createElement(styled.DescriptionText, null, description) : React.createElement("div", null, description)), typeof children === 'function' ? children({
    elementProps: elementProps
  }) : React.cloneElement(children, elementProps), typeof hint === 'string' ? React.createElement(styled.HintText, null, hint) : React.createElement("div", null, hint), validationText && React.createElement(styled.ValidationText, {
    color: state
  }, validationText));
};
var fieldWrapperPropTypes = {
  a11yId: PropTypes.string,
  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
  className: PropTypes.string,
  description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  hint: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  isOptional: PropTypes.bool,
  isRequired: PropTypes.bool,
  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  state: PropTypes.string,
  validationText: PropTypes.string
};
FieldWrapper.propTypes = fieldWrapperPropTypes;
var fieldWrapperDefaultProps = {
  a11yId: undefined,
  className: undefined,
  description: undefined,
  hint: undefined,
  isOptional: undefined,
  isRequired: undefined,
  label: undefined,
  state: undefined,
  validationText: undefined
};
FieldWrapper.defaultProps = fieldWrapperDefaultProps; // @ts-ignore

var C = FieldWrapper;

exports.FieldWrapper = C;
exports.fieldWrapperDefaultProps = fieldWrapperDefaultProps;
exports.fieldWrapperPropTypes = fieldWrapperPropTypes;