Remove calls to getDOMNode (deprecated in 0.14.x)

Author: benvinegar

src/sentry/static/sentry/app/components/assigneeSelector.jsx

@@ -87,7 +87,7 @@ var AssigneeSelector = React.createClass({
   },
 
   onDropdownOpen() {
-    this.refs.filter.getDOMNode().focus();
+    React.findDOMNode(this.refs.filter).focus();
   },
 
   onDropdownClose() {
@@ -118,7 +118,7 @@ var AssigneeSelector = React.createClass({
 
   componentDidUpdate(prevProps, prevState) {
     // XXX(dcramer): fix odd dedraw issue as of Chrome 45.0.2454.15 dev (64-bit)
-    var node = jQuery(this.refs.container.getDOMNode());
+    var node = jQuery(React.findDOMNode(this.refs.container));
     node.hide().show(0);
   },
 

src/sentry/static/sentry/app/components/autoSelectText.jsx

@@ -3,17 +3,17 @@ import React from "react";
 
 const AutoSelectText = React.createClass({
   componentDidMount() {
-    let ref = this.refs.element.getDOMNode();
+    let ref = React.findDOMNode(this.refs.element);
     jQuery(ref).bind('click', this.selectText);
   },
 
   componentWillUnmount() {
-    let ref = this.refs.element.getDOMNode();
+    let ref = React.findDOMNode(this.refs.element);
     jQuery(ref).unbind('click', this.selectText);
   },
 
   selectText() {
-    var node = this.refs.element.getDOMNode().firstChild;
+    var node = React.findDOMNode(this.refs.element).firstChild;
     if (document.selection) {
       let range = document.body.createTextRange();
       range.moveToElementText(node);

src/sentry/static/sentry/app/components/clippedBox.jsx

@@ -20,7 +20,7 @@ var ClippedBox = React.createClass({
   },
 
   componentDidMount() {
-    var renderedHeight = this.getDOMNode().offsetHeight;
+    var renderedHeight = React.findDOMNode(this).offsetHeight;
 
     if (renderedHeight > this.props.clipHeight ) {
       /*eslint react/no-did-mount-set-state:0*/

src/sentry/static/sentry/app/components/dropdownLink.jsx

@@ -21,11 +21,11 @@ var DropdownLink = React.createClass({
   },
 
   isOpen() {
-    return this.getDOMNode().classList.contains("open");
+    return React.findDOMNode(this).classList.contains("open");
   },
 
   close() {
-    this.getDOMNode().classList.remove("open");
+    React.findDOMNode(this).classList.remove("open");
   },
 
   onToggle(e) {

src/sentry/static/sentry/app/components/flotChart.jsx

@@ -113,7 +113,7 @@ var FlotChart = React.createClass({
       lines: { show: false }
     };
 
-    var chart = this.refs.chartNode.getDOMNode();
+    var chart = React.findDOMNode(this.refs.chartNode);
     jQuery.plot(chart, series, plotOptions);
   },
 

src/sentry/static/sentry/app/components/projectHeader/projectSelector.jsx

@@ -132,7 +132,7 @@ var ProjectSelector = React.createClass({
   },
 
   onOpen(evt) {
-    this.refs.filter.getDOMNode().focus();
+    React.findDOMNode(this.refs.filter).focus();
   },
 
   onClose() {
@@ -143,7 +143,7 @@ var ProjectSelector = React.createClass({
 
   componentDidUpdate(prevProps, prevState) {
     // XXX(dcramer): fix odd dedraw issue as of Chrome 45.0.2454.15 dev (64-bit)
-    var node = jQuery(this.refs.container.getDOMNode());
+    var node = jQuery(React.findDOMNode(this.refs.container));
     node.hide().show(0);
   },
 

src/sentry/static/sentry/app/components/searchBar.jsx

@@ -24,7 +24,7 @@ var SearchBar = React.createClass({
   },
 
   blur() {
-    this.refs.searchInput.getDOMNode().blur();
+    React.findDOMNode(this.refs.searchInput).blur();
   },
 
   onSubmit(evt) {

src/sentry/static/sentry/app/views/ruleEditor/index.jsx

@@ -31,13 +31,13 @@ var RuleEditor = React.createClass({
 
   componentDidUpdate() {
     if (this.state.error) {
-      $(document.body).scrollTop($(this.refs.form.getDOMNode()).offset().top);
+      $(document.body).scrollTop($(React.findDOMNode(this.refs.form)).offset().top);
     }
   },
 
   onSubmit(e) {
     e.preventDefault();
-    var form = $(this.refs.form.getDOMNode());
+    var form = $(React.findDOMNode(this.refs.form));
     var conditions = [];
     form.find('.rule-condition-list .rule-form').each((_, el) => {
       conditions.push(this.serializeNode(el));
@@ -46,8 +46,8 @@ var RuleEditor = React.createClass({
     form.find('.rule-action-list .rule-form').each((_, el) => {
       actions.push(this.serializeNode(el));
     });
-    var actionMatch = $(this.refs.actionMatch.getDOMNode()).val();
-    var name = $(this.refs.name.getDOMNode()).val();
+    var actionMatch = $(React.findDOMNode(this.refs.actionMatch)).val();
+    var name = $(React.findDOMNode(this.refs.name)).val();
     var data = {
       actionMatch: actionMatch,
       actions: actions,

src/sentry/static/sentry/app/views/ruleEditor/ruleNode.jsx

@@ -10,7 +10,7 @@ var RuleNode = React.createClass({
   },
 
   componentDidMount() {
-    let $html = $(this.refs.html.getDOMNode());
+    let $html = $(React.findDOMNode(this.refs.html));
 
     $html.find('select, input, textarea').each((_, el) => {
       let $el = $(el);

src/sentry/static/sentry/app/views/stream/searchBar.jsx

@@ -109,7 +109,7 @@ var SearchBar = React.createClass({
   },
 
   blur() {
-    this.refs.searchInput.getDOMNode().blur();
+    React.findDOMNode(this.refs.searchInput).blur();
   },
 
   onSubmit(evt) {
@@ -155,7 +155,7 @@ var SearchBar = React.createClass({
   },
 
   getCursorPosition() {
-    return this.refs.searchInput.getDOMNode().selectionStart;
+    return React.findDOMNode(this.refs.searchInput).selectionStart;
   },
 
   /**
@@ -217,7 +217,7 @@ var SearchBar = React.createClass({
       this.setState(
         { query: this.state.query + ' ' },
         () => {
-          this.refs.searchInput.getDOMNode().setSelectionRange(cursor + 1, cursor + 1);
+          React.findDOMNode(this.refs.searchInput).setSelectionRange(cursor + 1, cursor + 1);
           this.updateAutoCompleteItems();
         }
       );
@@ -376,7 +376,7 @@ var SearchBar = React.createClass({
       query: newQuery
     }, () => {
       // setting a new input value will lose focus; restore it
-      var node = this.refs.searchInput.getDOMNode();
+      var node = React.findDOMNode(this.refs.searchInput);
       node.focus();
 
       // then update the autocomplete box with new contextTypes