@brightleaf/elements/lib/tile/tile.js

React UI elements styled with Bulma CSS

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Tile = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _modifiers = require("../modifiers");

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

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

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; }

var isColored = function isColored() {
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
    args[_key] = arguments[_key];
  }

  return args.some(function (item) {
    return item;
  });
};

var Tile = function Tile(_ref) {
  var children = _ref.children,
      className = _ref.className,
      isPrimary = _ref.isPrimary,
      isSuccess = _ref.isSuccess,
      isInfo = _ref.isInfo,
      isWarning = _ref.isWarning,
      isDanger = _ref.isDanger,
      isLink = _ref.isLink,
      isLight = _ref.isLight,
      isWhite = _ref.isWhite,
      isDark = _ref.isDark,
      isBlack = _ref.isBlack,
      isText = _ref.isText,
      isAncestor = _ref.isAncestor,
      isVertical = _ref.isVertical,
      isParent = _ref.isParent,
      isChild = _ref.isChild,
      isNotification = _ref.isNotification,
      isBox = _ref.isBox,
      size = _ref.size;

  var classes = _objectSpread({
    'is-ancestor': isAncestor,
    'is-parent': isParent,
    'is-child': isChild,
    'is-vertical': isVertical,
    box: isBox,
    notification: isNotification
  }, (0, _modifiers.Colors)({
    isPrimary: isPrimary,
    isSuccess: isSuccess,
    isInfo: isInfo,
    isWarning: isWarning,
    isDanger: isDanger,
    isLink: isLink,
    isLight: isLight,
    isWhite: isWhite,
    isDark: isDark,
    isBlack: isBlack,
    isText: isText
  }));

  if (size) {
    classes["is-".concat(size)] = true;
  }

  var hasColor = isColored(isPrimary, isSuccess, isInfo, isWarning, isDanger, isLink, isLight, isWhite, isDark, isBlack, isText);
  var El = hasColor || isNotification || isBox ? 'article' : 'div';
  return _react.default.createElement(El, {
    className: (0, _classnames.default)('tile', className, classes)
  }, children);
};

exports.Tile = Tile;
Tile.propTypes = {
  className: _propTypes.default.string,
  isSpaced: _propTypes.default.bool,
  size: _propTypes.default.oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']),
  isPrimary: _propTypes.default.bool,
  isSuccess: _propTypes.default.bool,
  isInfo: _propTypes.default.bool,
  isWarning: _propTypes.default.bool,
  isDanger: _propTypes.default.bool,
  isLink: _propTypes.default.bool,
  isLight: _propTypes.default.bool,
  isWhite: _propTypes.default.bool,
  isDark: _propTypes.default.bool,
  isBlack: _propTypes.default.bool,
  isText: _propTypes.default.bool,
  isVertical: _propTypes.default.bool,
  isParent: _propTypes.default.bool,
  isChild: _propTypes.default.bool
};