redux-toggle/lib/ToggleEffect.js

Track toggle state in Redux

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

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = require('react-redux');

var _reselect = require('reselect');

var _lodash = require('lodash.isfunction');

var _lodash2 = _interopRequireDefault(_lodash);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

function ToggleEffect(_ref) {
  var children = _ref.children,
      className = _ref.className,
      fullGroup = _ref.fullGroup,
      id = _ref.id,
      props = _objectWithoutProperties(_ref, ['children', 'className', 'fullGroup', 'id']);

  var active = fullGroup && (id ? fullGroup.id === id : fullGroup.id);
  var data = fullGroup ? fullGroup.data : {};

  if ((0, _lodash2.default)(children)) {
    return _react2.default.cloneElement(children({
      active: active,
      data: data
    }), props);
  }

  if (!active) {
    return _react2.default.createElement('noscript', null);
  }

  return _react2.default.cloneElement(children, _extends({
    className: (0, _classnames2.default)(children.props.className, className)
  }, data, props));
}

ToggleEffect.propTypes = {
  children: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.node, _react2.default.PropTypes.func]),
  className: _react2.default.PropTypes.string,
  fullGroup: _react2.default.PropTypes.object, // eslint-disable-line react/forbid-prop-types
  group: _react2.default.PropTypes.string,
  id: _react2.default.PropTypes.string
};

var selector = (0, _reselect.createStructuredSelector)({
  fullGroup: function fullGroup(state, props) {
    return state.toggle[props.group];
  }
});

exports.default = (0, _reactRedux.connect)(selector)(ToggleEffect);