fannypack/lib/chunk-8dea09bc.js

'use strict';

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

var PropTypes = require('prop-types');
var props = require('./types/props.js');
var index$2 = require('./styled/index.js');
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 __chunk_2 = require('./chunk-9acbdafe.js');
var index$1 = require('./Spinner/index.js');
var styled$5 = require('./Button/styled.js');

var Text = index$2.default.span.withConfig({
  displayName: "Button__Text",
  componentId: "sc-9gxgrv-0"
})(["align-items:center;display:inline-flex;"]);
var SpinnerWrapper = index$2.default(Box).withConfig({
  displayName: "Button__SpinnerWrapper",
  componentId: "sc-9gxgrv-1"
})(["position:absolute;display:flex;align-items:center;justify-content:center;& + ", "{opacity:0;}"], Text);
var Button = function Button(_ref) {
  var children = _ref.children,
      className = _ref.className,
      disabled = _ref.disabled,
      iconAfter = _ref.iconAfter,
      iconBefore = _ref.iconBefore,
      isLoading = _ref.isLoading,
      isStatic = _ref.isStatic,
      kind = _ref.kind,
      palette = _ref.palette,
      size = _ref.size,
      props = __chunk_1._objectWithoutPropertiesLoose(_ref, ["children", "className", "disabled", "iconAfter", "iconBefore", "isLoading", "isStatic", "kind", "palette", "size"]);

  var child = React.createElement(React.Fragment, null, iconBefore && React.createElement(styled$5.ButtonIcon, {
    a11yHidden: true,
    icon: iconBefore,
    isBefore: true
  }), children, iconAfter && React.createElement(styled$5.ButtonIcon, {
    a11yHidden: true,
    icon: iconAfter,
    isAfter: true
  }));
  return React.createElement(styled$5.default, __chunk_1._extends({
    className: className,
    disabled: disabled,
    isLoading: isLoading,
    isStatic: isStatic,
    kind: kind,
    palette: palette,
    styledSize: size
  }, props), isLoading ? React.createElement(React.Fragment, null, React.createElement(SpinnerWrapper, null, React.createElement(index$1.default, {
    use: Flex,
    color: kind === 'default' ? (palette || '') + "Inverted" : palette,
    size: "20px"
  })), React.createElement(Text, null, child)) : child);
};
var buttonPropTypes = {
  autoFocus: PropTypes.bool,
  children: PropTypes.node.isRequired,
  className: PropTypes.string,
  disabled: PropTypes.bool,
  id: PropTypes.string,
  iconAfter: __chunk_2.iconPropTypes['icon'],
  iconBefore: __chunk_2.iconPropTypes['icon'],
  isLoading: PropTypes.bool,
  isStatic: PropTypes.bool,
  kind: props.buttonTypePropType,
  palette: PropTypes.string,
  size: props.sizePropType,
  type: PropTypes.string
};
Button.propTypes = buttonPropTypes;
var buttonDefaultProps = {
  autoFocus: false,
  className: undefined,
  disabled: false,
  id: undefined,
  iconAfter: undefined,
  iconBefore: undefined,
  isLoading: false,
  isStatic: false,
  kind: 'default',
  palette: 'default',
  size: 'default',
  type: 'button'
};
Button.defaultProps = buttonDefaultProps; // @ts-ignore

var C = Button;

exports.Button = C;
exports.SpinnerWrapper = SpinnerWrapper;
exports.buttonDefaultProps = buttonDefaultProps;
exports.buttonPropTypes = buttonPropTypes;