sophia-components/build/elements/Button.js

Sophia React Components based on bulma.io

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _compose = require('recompose/compose');

var _compose2 = _interopRequireDefault(_compose);

var _withAttrs = require('../base/withAttrs');

var _withAttrs2 = _interopRequireDefault(_withAttrs);

var _withIsHas = require('../base/withIsHas');

var _withIsHas2 = _interopRequireDefault(_withIsHas);

var _helpers = require('../utils/helpers');

var _Icon = require('./Icon');

var _Icon2 = _interopRequireDefault(_Icon);

var _withEvents = require('../base/withEvents');

var _withEvents2 = _interopRequireDefault(_withEvents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var mappedTag = {
  // eslint-disable-next-line react/prop-types
  button: function button(_ref) {
    var children = _ref.children,
        props = _objectWithoutProperties(_ref, ['children']);

    return _react2.default.createElement(
      'button',
      props,
      children
    );
  },
  // eslint-disable-next-line react/prop-types
  a: function a(_ref2) {
    var children = _ref2.children,
        props = _objectWithoutProperties(_ref2, ['children']);

    return _react2.default.createElement(
      'a',
      props,
      children
    );
  },
  // eslint-disable-next-line react/prop-types
  span: function span(_ref3) {
    var children = _ref3.children,
        props = _objectWithoutProperties(_ref3, ['children']);

    return _react2.default.createElement(
      'span',
      props,
      children
    );
  },
  input: function input(props) {
    return _react2.default.createElement('input', props);
  }
};

var Button = function Button(_ref4) {
  var children = _ref4.children,
      as = _ref4.as,
      attrs = _ref4.attrs,
      events = _ref4.events,
      icon = _ref4.icon,
      iconSize = _ref4.iconSize,
      iconPosition = _ref4.iconPosition;

  var MappedComponent = mappedTag[as];

  var className = attrs.className,
      restAttrs = _objectWithoutProperties(attrs, ['className']);

  var classNameProp = (0, _helpers.classNameJoiner)('button', className);
  if (as === 'input') {
    return _react2.default.createElement(MappedComponent, _extends({
      className: classNameProp
    }, restAttrs, events, {
      value: children
    }));
  }

  if (icon) {
    var iconProps = !iconSize ? {} : _defineProperty({}, iconSize, true);
    var iconElement = typeof icon !== 'string' ? icon : _react2.default.createElement(_Icon2.default, _extends({ icon: icon }, iconProps));
    return _react2.default.createElement(
      MappedComponent,
      _extends({
        className: classNameProp
      }, restAttrs, events),
      iconPosition === 'left' && iconElement,
      !children ? null : _react2.default.createElement(
        'span',
        null,
        children
      ),
      iconPosition === 'right' && iconElement
    );
  }

  return _react2.default.createElement(
    MappedComponent,
    _extends({
      className: classNameProp
    }, restAttrs, events),
    children
  );
};

Button.propTypes = {
  children: _propTypes2.default.node,
  as: _propTypes2.default.oneOf(['button', 'a', 'input', 'span']),
  attrs: _propTypes2.default.shape().isRequired,
  events: _propTypes2.default.shape().isRequired,
  icon: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
  iconSize: _propTypes2.default.string,
  iconPosition: _propTypes2.default.string
};

Button.defaultProps = {
  children: null,
  as: 'button',
  icon: null,
  iconSize: null,
  iconPosition: 'left'
};

exports.default = (0, _compose2.default)((0, _withEvents2.default)(_withEvents.buttonSet), (0, _withIsHas2.default)(_withIsHas.buttonIsKeys, _withIsHas.buttonHasKeys), (0, _withAttrs2.default)((0, _helpers.combineSets)(_withAttrs.defaultAttrs, _withAttrs.aAttrs, _withAttrs.inputAttrs)))(Button);