react-lightning-design-components/lib/scripts/ButtonGroup.js

Salesforce Lightning Design System components built with React 16

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _DropdownButton = require('./DropdownButton');

var _DropdownButton2 = _interopRequireDefault(_DropdownButton);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var ButtonGroup = function (_Component) {
  (0, _inherits3.default)(ButtonGroup, _Component);

  function ButtonGroup() {
    (0, _classCallCheck3.default)(this, ButtonGroup);
    return (0, _possibleConstructorReturn3.default)(this, (ButtonGroup.__proto__ || (0, _getPrototypeOf2.default)(ButtonGroup)).apply(this, arguments));
  }

  (0, _createClass3.default)(ButtonGroup, [{
    key: 'renderButton',
    value: function renderButton(button, index) {
      var cnt = _react2.default.Children.count(this.props.children);
      if (button.type === _DropdownButton2.default || button.type.isGroupable) {
        return _react2.default.cloneElement(button, {
          key: index,
          grouped: true,
          isFirstInGroup: index === 0,
          isLastInGroup: index === cnt - 1
        });
      }

      return button;
    }
  }, {
    key: 'render',
    value: function render() {
      var _props = this.props,
          className = _props.className,
          children = _props.children,
          props = (0, _objectWithoutProperties3.default)(_props, ['className', 'children']);

      var btnGrpClassNames = (0, _classnames2.default)(className, 'slds-button-group');
      return _react2.default.createElement(
        'div',
        (0, _extends3.default)({ className: btnGrpClassNames, role: 'group' }, props),
        _react2.default.Children.map(children, this.renderButton.bind(this))
      );
    }
  }]);
  return ButtonGroup;
}(_react.Component);

exports.default = ButtonGroup;


ButtonGroup.propTypes = {
  className: _propTypes2.default.string,
  children: _propTypes2.default.node
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zY3JpcHRzL0J1dHRvbkdyb3VwLmpzIl0sIm5hbWVzIjpbIkJ1dHRvbkdyb3VwIiwiYnV0dG9uIiwiaW5kZXgiLCJjbnQiLCJDaGlsZHJlbiIsImNvdW50IiwicHJvcHMiLCJjaGlsZHJlbiIsInR5cGUiLCJpc0dyb3VwYWJsZSIsImNsb25lRWxlbWVudCIsImtleSIsImdyb3VwZWQiLCJpc0ZpcnN0SW5Hcm91cCIsImlzTGFzdEluR3JvdXAiLCJjbGFzc05hbWUiLCJidG5HcnBDbGFzc05hbWVzIiwibWFwIiwicmVuZGVyQnV0dG9uIiwiYmluZCIsInByb3BUeXBlcyIsInN0cmluZyIsIm5vZGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7Ozs7O0lBRXFCQSxXOzs7Ozs7Ozs7O2lDQUNOQyxNLEVBQVFDLEssRUFBTztBQUMxQixVQUFNQyxNQUFNLGdCQUFNQyxRQUFOLENBQWVDLEtBQWYsQ0FBcUIsS0FBS0MsS0FBTCxDQUFXQyxRQUFoQyxDQUFaO0FBQ0EsVUFBSU4sT0FBT08sSUFBUCxpQ0FBa0NQLE9BQU9PLElBQVAsQ0FBWUMsV0FBbEQsRUFBK0Q7QUFDN0QsZUFBTyxnQkFBTUMsWUFBTixDQUFtQlQsTUFBbkIsRUFBMkI7QUFDaENVLGVBQUtULEtBRDJCO0FBRWhDVSxtQkFBUyxJQUZ1QjtBQUdoQ0MsMEJBQWdCWCxVQUFVLENBSE07QUFJaENZLHlCQUFlWixVQUFVQyxNQUFNO0FBSkMsU0FBM0IsQ0FBUDtBQU1EOztBQUVELGFBQU9GLE1BQVA7QUFDRDs7OzZCQUVRO0FBQUEsbUJBQ21DLEtBQUtLLEtBRHhDO0FBQUEsVUFDQ1MsU0FERCxVQUNDQSxTQUREO0FBQUEsVUFDWVIsUUFEWixVQUNZQSxRQURaO0FBQUEsVUFDeUJELEtBRHpCOztBQUVQLFVBQU1VLG1CQUFtQiwwQkFBV0QsU0FBWCxFQUFzQixtQkFBdEIsQ0FBekI7QUFDQSxhQUNFO0FBQUE7QUFBQSxpQ0FBSyxXQUFZQyxnQkFBakIsRUFBb0MsTUFBSyxPQUF6QyxJQUFzRFYsS0FBdEQ7QUFDSSx3QkFBTUYsUUFBTixDQUFlYSxHQUFmLENBQW1CVixRQUFuQixFQUE2QixLQUFLVyxZQUFMLENBQWtCQyxJQUFsQixDQUF1QixJQUF2QixDQUE3QjtBQURKLE9BREY7QUFLRDs7Ozs7a0JBdkJrQm5CLFc7OztBQTBCckJBLFlBQVlvQixTQUFaLEdBQXdCO0FBQ3RCTCxhQUFXLG9CQUFVTSxNQURDO0FBRXRCZCxZQUFVLG9CQUFVZTtBQUZFLENBQXhCIiwiZmlsZSI6IkJ1dHRvbkdyb3VwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IERyb3Bkb3duQnV0dG9uIGZyb20gJy4vRHJvcGRvd25CdXR0b24nO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQnV0dG9uR3JvdXAgZXh0ZW5kcyBDb21wb25lbnQge1xuICByZW5kZXJCdXR0b24oYnV0dG9uLCBpbmRleCkge1xuICAgIGNvbnN0IGNudCA9IFJlYWN0LkNoaWxkcmVuLmNvdW50KHRoaXMucHJvcHMuY2hpbGRyZW4pO1xuICAgIGlmIChidXR0b24udHlwZSA9PT0gRHJvcGRvd25CdXR0b24gfHwgYnV0dG9uLnR5cGUuaXNHcm91cGFibGUpIHtcbiAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoYnV0dG9uLCB7XG4gICAgICAgIGtleTogaW5kZXgsXG4gICAgICAgIGdyb3VwZWQ6IHRydWUsXG4gICAgICAgIGlzRmlyc3RJbkdyb3VwOiBpbmRleCA9PT0gMCxcbiAgICAgICAgaXNMYXN0SW5Hcm91cDogaW5kZXggPT09IGNudCAtIDEsXG4gICAgICB9KTtcbiAgICB9XG5cbiAgICByZXR1cm4gYnV0dG9uO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY2xhc3NOYW1lLCBjaGlsZHJlbiwgLi4ucHJvcHMgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgYnRuR3JwQ2xhc3NOYW1lcyA9IGNsYXNzbmFtZXMoY2xhc3NOYW1lLCAnc2xkcy1idXR0b24tZ3JvdXAnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9eyBidG5HcnBDbGFzc05hbWVzIH0gcm9sZT0nZ3JvdXAnIHsgLi4ucHJvcHMgfT5cbiAgICAgICAgeyBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIHRoaXMucmVuZGVyQnV0dG9uLmJpbmQodGhpcykpIH1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuQnV0dG9uR3JvdXAucHJvcFR5cGVzID0ge1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG4iXX0=