sophia-components/build/components/Tabs/Tabs.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 _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _withEvents = require('../../base/withEvents');

var _withEvents2 = _interopRequireDefault(_withEvents);

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

var _withAttrs2 = _interopRequireDefault(_withAttrs);

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

var _withIsHas2 = _interopRequireDefault(_withIsHas);

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

var _TabItem = require('./components/TabItem');

var _TabItem2 = _interopRequireDefault(_TabItem);

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; } /* eslint-disable react/no-array-index-key */


var Tabs = function Tabs(_ref) {
  var children = _ref.children,
      _ref$attrs = _ref.attrs,
      className = _ref$attrs.className,
      restAttrs = _objectWithoutProperties(_ref$attrs, ['className']),
      events = _ref.events,
      tabs = _ref.tabs,
      onTabClick = _ref.onTabClick,
      activeTabIndex = _ref.activeTabIndex;

  var elements = children || tabs.map(function (tab, index) {
    if ((typeof tab === 'undefined' ? 'undefined' : _typeof(tab)) === 'object' && tab.tab) {
      return _react2.default.createElement(
        _TabItem2.default,
        {
          key: index,
          data: tab.data || index,
          onClick: onTabClick,
          active: activeTabIndex === index,
          icon: tab.icon,
          iconSize: tab.iconSize,
          iconPosition: tab.iconPosition
        },
        tab.tab
      );
    }
    return _react2.default.createElement(
      _TabItem2.default,
      { key: index, data: index, onClick: onTabClick, active: activeTabIndex === index },
      tab
    );
  });
  return _react2.default.createElement(
    'div',
    _extends({ className: (0, _helpers.classNameJoiner)('tabs', className) }, restAttrs, events),
    _react2.default.createElement(
      'ul',
      null,
      elements
    )
  );
};

Tabs.propTypes = {
  children: _propTypes2.default.node,
  attrs: _propTypes2.default.shape().isRequired,
  events: _propTypes2.default.shape().isRequired,
  tabs: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.node, _propTypes2.default.shape()])),
  onTabClick: _propTypes2.default.func,
  activeTabIndex: _propTypes2.default.number
};

Tabs.defaultProps = {
  children: null,
  onTabClick: null,
  activeTabIndex: null,
  tabs: []
};

var isKeys = (0, _helpers.combineSets)(_withIsHas.helpersIsKeys, _withIsHas.aligmentKeys, _withIsHas.sizeKeys, ['boxed', 'toggle', 'toggleRounded', 'fullwidth']);

exports.default = (0, _compose2.default)((0, _withEvents2.default)(), (0, _withIsHas2.default)(isKeys, _withIsHas.helpersHasKeys), (0, _withAttrs2.default)())(Tabs);