fannypack/es/chunk-13dd4bab.js

import { string, oneOfType, element, func, bool } from 'prop-types';
import { c as _objectWithoutPropertiesLoose } from './chunk-1f79df9b.js';
import Box from 'reakit/Box';
import 'reakit/Block';
import 'reakit/Inline';
import 'reakit/InlineBlock';
import Flex from 'reakit/Flex';
import 'reakit/InlineFlex';
import 'reakit/Grid';
import { createElement, cloneElement } from 'react';
import _FieldWrapper, { Label, OptionalText, DescriptionText, HintText, ValidationText } from './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 = _objectWithoutPropertiesLoose(_ref, ["a11yId", "children", "description", "hint", "isOptional", "isRequired", "label", "state", "validationText"]);

  var elementProps = {
    isRequired: isRequired,
    a11yId: a11yId,
    state: state
  };
  return createElement(_FieldWrapper, props, label && createElement(Box, {
    marginBottom: "minor-2"
  }, createElement(Flex, {
    alignItems: "center"
  }, typeof label === 'string' ? createElement(Label, {
    htmlFor: a11yId
  }, label) : label, isOptional && createElement(OptionalText, null, "OPTIONAL")), typeof description === 'string' ? createElement(DescriptionText, null, description) : createElement("div", null, description)), typeof children === 'function' ? children({
    elementProps: elementProps
  }) : cloneElement(children, elementProps), typeof hint === 'string' ? createElement(HintText, null, hint) : createElement("div", null, hint), validationText && createElement(ValidationText, {
    color: state
  }, validationText));
};
var fieldWrapperPropTypes = {
  a11yId: string,
  children: oneOfType([element, func]).isRequired,
  className: string,
  description: oneOfType([string, element]),
  hint: oneOfType([string, element]),
  isOptional: bool,
  isRequired: bool,
  label: oneOfType([string, element]),
  state: string,
  validationText: 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;

export { C as a, fieldWrapperPropTypes as b, fieldWrapperDefaultProps as c };