universal-polyfill-ref/lib/index.js

Universal polyfill ref

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useFallbackRef = useFallbackRef;
exports.getRef = getRef;
exports.createForwardRef = createForwardRef;
exports.createRef = createRef;
exports.forwardRef = forwardRef;

var _universalPolyfillEngine = _interopRequireDefault(require("universal-polyfill-engine"));

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

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

var supportNewRef = true;

function useFallbackRef() {
  supportNewRef = false;
}

function getRef(component) {
  return (// > 16.x 
    component._reactInternalFiber && component._reactInternalFiber.ref || // < 16.x
    component._reactInternalInstance && component._reactInternalInstance._currentElement && component._reactInternalInstance._currentElement.ref || // < Rax
    component._internal && component._internal._currentElement && component._internal._currentElement.ref
  );
}

function createForwardRef(component) {
  var ref = getRef(component);

  if (ref && !component.forwardRef) {
    // for useRef
    ref.forward = component.forwardRef = function (inst) {
      return ref.forward.current = ref.current = inst;
    };

    ref.forward.current = null;
  }

  return component.forwardRef || null;
}

function createRef() {
  if (supportNewRef && _universalPolyfillEngine["default"].get().createRef && _universalPolyfillEngine["default"].get().createRef !== createRef) {
    return _universalPolyfillEngine["default"].get().createRef();
  } else {
    var ref = function ref(inst) {
      return !ref.forward && (ref.current = inst);
    }; // for useRef


    ref.current = null;
    return ref;
  }
}

function createForwardRefComponent(_render) {
  return /*#__PURE__*/function (_Engine$get$Component) {
    _inherits(ForwardRefComponent, _Engine$get$Component);

    var _super = _createSuper(ForwardRefComponent);

    function ForwardRefComponent() {
      _classCallCheck(this, ForwardRefComponent);

      return _super.apply(this, arguments);
    }

    _createClass(ForwardRefComponent, [{
      key: "render",
      value: function render() {
        return _render(this.props, createForwardRef(this));
      }
    }]);

    return ForwardRefComponent;
  }(_universalPolyfillEngine["default"].get().Component);
}

function addForwardRefTag(render) {
  render.__need_forward_ref__ = true; // for useRef

  return render;
}

function forwardRef(render) {
  if (render.__with_hooks__) {
    return addForwardRefTag(render);
  } else if (supportNewRef && _universalPolyfillEngine["default"].get().forwardRef && _universalPolyfillEngine["default"].get().forwardRef !== forwardRef) {
    return _universalPolyfillEngine["default"].get().forwardRef(render);
  } else if (_universalPolyfillEngine["default"].get().withHooks) {
    return addForwardRefTag(_universalPolyfillEngine["default"].get().withHooks(render));
  } else {
    return createForwardRefComponent(render);
  }
}