@appbuckets/react-ui-core/Ref/RefFindNode.js

Core utilities built for AppBuckets React UI Framework

'use strict';

var tslib = require('tslib');
var React = require('react');
var ReactDOM = require('react-dom');
var refUtils = require('../utils/refUtils.js');

function _interopNamespace(e) {
  if (e && e.__esModule) return e;
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(
          n,
          k,
          d.get
            ? d
            : {
                enumerable: true,
                get: function () {
                  return e[k];
                },
              }
        );
      }
    });
  }
  n['default'] = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/ _interopNamespace(React);
var ReactDOM__namespace = /*#__PURE__*/ _interopNamespace(ReactDOM);

var RefFindNode = /** @class */ (function (_super) {
  tslib.__extends(RefFindNode, _super);
  function RefFindNode() {
    var _this = (_super !== null && _super.apply(this, arguments)) || this;
    _this.prevNode = null;
    return _this;
  }
  RefFindNode.prototype.componentDidMount = function () {
    // eslint-disable-next-line react/no-find-dom-node
    this.prevNode = ReactDOM__namespace.findDOMNode(this);
    refUtils.handleRef(this.props.innerRef, this.prevNode);
  };
  RefFindNode.prototype.componentDidUpdate = function (prevProps) {
    // eslint-disable-next-line react/no-find-dom-node
    var currentNode = ReactDOM__namespace.findDOMNode(this);
    if (this.prevNode !== currentNode) {
      this.prevNode = currentNode;
      refUtils.handleRef(this.props.innerRef, currentNode);
    }
    if (prevProps.innerRef !== this.props.innerRef) {
      refUtils.handleRef(this.props.innerRef, currentNode);
    }
  };
  RefFindNode.prototype.componentWillUnmount = function () {
    refUtils.handleRef(this.props.innerRef, null);
    this.prevNode = null;
  };
  RefFindNode.prototype.render = function () {
    var children = this.props.children;
    return children;
  };
  RefFindNode.displayName = 'RefFindNode';
  return RefFindNode;
})(React__namespace.Component);

module.exports = RefFindNode;