react-elegant-ui/lib/compose/compose.js

Elegant UI components, made by BEM best practices for react

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.compose = compose;
var _react = _interopRequireDefault(require("react"));
var _utils = require("./utils");
var _getDisplayName = require("../getDisplayName");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var __assign = void 0 && (void 0).__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];
      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
    }
    return t;
  };
  return __assign.apply(this, arguments);
};
function compose() {
  var wrappers = [];
  for (var _i = 0; _i < arguments.length; _i++) {
    wrappers[_i] = arguments[_i];
  }
  return function (Component) {
    var componentName = (0, _getDisplayName.getDisplayName)(Component);
    // Reverse array to wrap from last to first and make call stack A,B,C instead C,B,A
    var WrappedComponent = wrappers.reverse().reduce(function (BaseComponent, wrapper) {
      var WrappedComponent = wrapper(BaseComponent);
      // Just wrap if it simple HOC
      if (!(0, _utils.isHOCObject)(wrapper)) {
        return WrappedComponent;
      }
      var requirements = wrapper.__hocOptions.matchProps;
      var matchOnlyProps = wrapper.__hocOptions.matchOnlyProps;
      // Return simple wrapper if not have requirements to props
      if (requirements === undefined || Object.keys(requirements).length === 0) {
        return WrappedComponent;
      }
      // Add display name
      var requirementsHash = (0, _utils.getObjectHash)(requirements);
      WrappedComponent.displayName = "compose(".concat(componentName, ")[").concat(requirementsHash, "]");
      // Return manager HOC
      return function (props) {
        // Check props to match
        if ((0, _utils.isMatchProps)(props, requirements)) {
          var filtredProps_1 = __assign({}, props);
          // Remove match-only props
          if (matchOnlyProps !== undefined) {
            matchOnlyProps.forEach(function (prop) {
              delete filtredProps_1[prop];
            });
          }
          return /*#__PURE__*/_react.default.createElement(WrappedComponent, __assign({}, filtredProps_1));
        } else {
          return /*#__PURE__*/_react.default.createElement(BaseComponent, __assign({}, props));
        }
      };
    }, Component);
    // List a private props of HOCs. All private props of not match HOCs will removed
    // Use object instead arr for performance
    var privatePropsDict = (0, _utils.getPrivatePropsFromComposeUnits)(wrappers);
    var HOC = function (props) {
      var ignoredProps = __assign({}, privatePropsDict);
      // Remove from ignore list a props of matched HOCs
      wrappers.forEach(function (wrapper) {
        // Skip simple HOCs
        if (!(0, _utils.isHOCObject)(wrapper)) {
          return;
        }
        var options = wrapper.__hocOptions;
        // Skip HOCs who not match
        if (!(0, _utils.isMatchHOCProps)(props, options.matchProps)) {
          return;
        }
        // Remove private props of matched HOCs from ignore list
        (0, _utils.getPropsFromHOCOptions)(options).forEach(function (name) {
          delete ignoredProps[name];
        });
      });
      var localProps = __assign({}, props);
      // Remove a private props of not matched HOCs
      // Do it here but not in big wrapper cuz need check all HOCs to match
      // Otherwise one HOC may unmatch and remove its props, but next HOC
      // will not match due to depends one of it
      Object.keys(ignoredProps).forEach(function (name) {
        delete localProps[name];
      });
      return /*#__PURE__*/_react.default.createElement(WrappedComponent, __assign({}, localProps));
    };
    HOC.displayName = "compose(".concat(componentName, ")");
    return HOC;
  };
}