react-modal-hoc/lib/index.js

Simple React HOC for wrapping component with modal API

'use strict';

exports.__esModule = 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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactDisplayName = require('react-display-name');

var _reactDisplayName2 = _interopRequireDefault(_reactDisplayName);

var _hoistNonReactStatics = require('hoist-non-react-statics');

var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);

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 wrapModal = function wrapModal(WrappedComponent) {
    var Component = function Component(_ref) {
        var isOpen = _ref.isOpen,
            wrappedRef = _ref.wrappedRef,
            props = _objectWithoutProperties(_ref, ['isOpen', 'wrappedRef']);

        if (isOpen) {
            return _react2.default.createElement(WrappedComponent, _extends({}, props, { ref: wrappedRef }));
        }

        return null;
    };

    Component.displayName = 'WrapModal(' + (0, _reactDisplayName2.default)(WrappedComponent) + ')';
    Component.propTypes = {
        isOpen: _propTypes2.default.bool.isRequired,
        wrappedRef: _propTypes2.default.func
    };

    return (0, _hoistNonReactStatics2.default)(Component, WrappedComponent);
};

exports.default = wrapModal;