hiromi/lib/utils.js

React components for Bulma. http://bulma.io/

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.modifierClassList = exports.defaultReactPropsValues = exports.defaultReactProps = undefined;

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 _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 defaultReactProps = {
  isPrimary: _react.PropTypes.bool,
  isInfo: _react.PropTypes.bool,
  isSuccess: _react.PropTypes.bool,
  isWarning: _react.PropTypes.bool,
  isDanger: _react.PropTypes.bool,
  isSmall: _react.PropTypes.bool,
  isMedium: _react.PropTypes.bool,
  isLarge: _react.PropTypes.bool,
  isOutlined: _react.PropTypes.bool,
  isLoading: _react.PropTypes.bool,
  isDisabled: _react.PropTypes.bool,
  isMarginless: _react.PropTypes.bool,
  isUnselectable: _react.PropTypes.bool,
  hasTextCentered: _react.PropTypes.bool,
  hasTextLeft: _react.PropTypes.bool,
  hasTextRight: _react.PropTypes.bool,
  isFullWidth: _react.PropTypes.bool,
  isClearfix: _react.PropTypes.bool,
  isPulledLeft: _react.PropTypes.bool,
  isPulledRight: _react.PropTypes.bool,
  isOverlay: _react.PropTypes.bool
};

var defaultReactPropsValues = {
  isPrimary: false,
  isInfo: false,
  isSuccess: false,
  isWarning: false,
  isDanger: false,
  isSmall: false,
  isMedium: false,
  isLarge: false,
  isOutlined: false,
  isLoading: false,
  isDisabled: false,
  isMarginless: false,
  isUnselectable: false,
  hasTextCentered: false,
  hasTextLeft: false,
  hasTextRight: false,
  isFullWidth: false,
  isClearfix: false,
  isPulledLeft: false,
  isPulledRight: false,
  isOverlay: false
};

var modifierClassList = function modifierClassList(_ref) {
  var isPrimary = _ref.isPrimary;
  var isInfo = _ref.isInfo;
  var isSuccess = _ref.isSuccess;
  var isWarning = _ref.isWarning;
  var isDanger = _ref.isDanger;
  var isSmall = _ref.isSmall;
  var isMedium = _ref.isMedium;
  var isLarge = _ref.isLarge;
  var isOutlined = _ref.isOutlined;
  var isLoading = _ref.isLoading;
  var isDisabled = _ref.isDisabled;
  var isMarginless = _ref.isMarginless;
  var isUnselectable = _ref.isUnselectable;
  var hasTextCentered = _ref.hasTextCentered;
  var hasTextLeft = _ref.hasTextLeft;
  var hasTextRight = _ref.hasTextRight;
  var isFullWidth = _ref.isFullWidth;
  var isClearfix = _ref.isClearfix;
  var isPulledLeft = _ref.isPulledLeft;
  var isPulledRight = _ref.isPulledRight;
  var isOverlay = _ref.isOverlay;

  var props = _objectWithoutProperties(_ref, ['isPrimary', 'isInfo', 'isSuccess', 'isWarning', 'isDanger', 'isSmall', 'isMedium', 'isLarge', 'isOutlined', 'isLoading', 'isDisabled', 'isMarginless', 'isUnselectable', 'hasTextCentered', 'hasTextLeft', 'hasTextRight', 'isFullWidth', 'isClearfix', 'isPulledLeft', 'isPulledRight', 'isOverlay']);

  return _extends({
    classList: (0, _classnames2.default)({
      // Colors
      'is-primary': isPrimary,
      'is-info': isInfo,
      'is-success': isSuccess,
      'is-warning': isWarning,
      'is-danger': isDanger,

      // Sizes
      'is-small': isSmall,
      'is-medium': isMedium,
      'is-large': isLarge,
      'is-fullwidth': isFullWidth,

      // State
      'is-outlined': isOutlined,
      'is-loading': isLoading,
      'is-disabled': isDisabled,

      // Helpers
      'is-marginless': isMarginless,
      'is-unselectable': isUnselectable,

      // Text
      'has-text-centered': hasTextCentered,
      'has-text-left': hasTextLeft,
      'has-text-right': hasTextRight,

      // Float
      'is-clearfix': isClearfix,
      'is-pulled-left': isPulledLeft,
      'is-pulled-right': isPulledRight,

      // Overlay
      'is-overlay': isOverlay
    })
  }, props);
};

exports.defaultReactProps = defaultReactProps;
exports.defaultReactPropsValues = defaultReactPropsValues;
exports.modifierClassList = modifierClassList;