Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/react-bootstrap-table/lib/TableHeaderColumn.js

@@ -93,7 +93,7 @@ var TableHeaderColumn = function (_Component) {
         var filter = currentFilter[nextProps.dataField];
         var value = filter ? filter.value : '';
 
-        var _ref = this.getFilters() || {},
+        var _ref = this.getFilters(nextProps) || {},
             ref = _ref.ref;
 
         if (this.refs[ref]) {
@@ -120,48 +120,62 @@ var TableHeaderColumn = function (_Component) {
   }, {
     key: 'getFilters',
     value: function getFilters() {
-      var _props = this.props,
-          headerText = _props.headerText,
-          children = _props.children;
+      var _this2 = this;
 
-      switch (this.props.filter.type) {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;
+      var headerText = props.headerText,
+          children = props.children;
+
+      switch (props.filter.type) {
         case _Const2.default.FILTER_TYPE.TEXT:
           {
-            return _react2.default.createElement(_Text2.default, _extends({ ref: 'textFilter' }, this.props.filter, {
+            return _react2.default.createElement(_Text2.default, _extends({ ref: function ref(n) {
+                return _this2.textFilter = n;
+              } }, props.filter, {
               columnName: headerText || children, filterHandler: this.handleFilter }));
           }
         case _Const2.default.FILTER_TYPE.REGEX:
           {
-            return _react2.default.createElement(_Regex2.default, _extends({ ref: 'regexFilter' }, this.props.filter, {
+            return _react2.default.createElement(_Regex2.default, _extends({ ref: function ref(n) {
+                return _this2.regexFilter = n;
+              } }, props.filter, {
               columnName: headerText || children, filterHandler: this.handleFilter }));
           }
         case _Const2.default.FILTER_TYPE.SELECT:
           {
-            return _react2.default.createElement(_Select2.default, _extends({ ref: 'selectFilter' }, this.props.filter, {
+            return _react2.default.createElement(_Select2.default, _extends({ ref: function ref(n) {
+                return _this2.selectFilter = n;
+              } }, props.filter, {
               columnName: headerText || children, filterHandler: this.handleFilter }));
           }
         case _Const2.default.FILTER_TYPE.NUMBER:
           {
-            return _react2.default.createElement(_Number2.default, _extends({ ref: 'numberFilter' }, this.props.filter, {
+            return _react2.default.createElement(_Number2.default, _extends({ ref: function ref(n) {
+                return _this2.numberFilter = n;
+              } }, props.filter, {
               columnName: headerText || children, filterHandler: this.handleFilter }));
           }
         case _Const2.default.FILTER_TYPE.DATE:
           {
-            return _react2.default.createElement(_Date2.default, _extends({ ref: 'dateFilter' }, this.props.filter, {
+            return _react2.default.createElement(_Date2.default, _extends({ ref: function ref(n) {
+                return _this2.dateFilter = n;
+              } }, props.filter, {
               columnName: headerText || children, filterHandler: this.handleFilter }));
           }
         case _Const2.default.FILTER_TYPE.CUSTOM:
           {
-            var elm = this.props.filter.getElement(this.handleFilter, this.props.filter.customFilterParameters);
+            var elm = props.filter.getElement(this.handleFilter, props.filter.customFilterParameters);
 
-            return _react2.default.cloneElement(elm, { ref: 'customFilter' });
+            return _react2.default.cloneElement(elm, { ref: function ref(n) {
+                return _this2.customFilter = n;
+              } });
           }
       }
     }
   }, {
     key: 'componentDidMount',
     value: function componentDidMount() {
-      this.refs['header-col'].setAttribute('data-field', this.props.dataField);
+      this.headerCol.setAttribute('data-field', this.props.dataField);
     }
   }, {
     key: 'renderDefaultCaret',
@@ -190,26 +204,28 @@ var TableHeaderColumn = function (_Component) {
   }, {
     key: 'render',
     value: function render() {
+      var _this3 = this;
+
       var defaultCaret = void 0;
       var sortCaret = void 0;
       var sortClass = void 0;
-      var _props2 = this.props,
-          headerText = _props2.headerText,
-          dataAlign = _props2.dataAlign,
-          dataField = _props2.dataField,
-          headerAlign = _props2.headerAlign,
-          headerTitle = _props2.headerTitle,
-          hidden = _props2.hidden,
-          sort = _props2.sort,
-          dataSort = _props2.dataSort,
-          sortIndicator = _props2.sortIndicator,
-          children = _props2.children,
-          caretRender = _props2.caretRender,
-          className = _props2.className,
-          isOnlyHead = _props2.isOnlyHead,
-          version = _props2.version,
-          customSortClass = _props2.sortHeaderColumnClassName,
-          style = _props2.thStyle;
+      var _props = this.props,
+          headerText = _props.headerText,
+          dataAlign = _props.dataAlign,
+          dataField = _props.dataField,
+          headerAlign = _props.headerAlign,
+          headerTitle = _props.headerTitle,
+          hidden = _props.hidden,
+          sort = _props.sort,
+          dataSort = _props.dataSort,
+          sortIndicator = _props.sortIndicator,
+          children = _props.children,
+          caretRender = _props.caretRender,
+          className = _props.className,
+          isOnlyHead = _props.isOnlyHead,
+          version = _props.version,
+          customSortClass = _props.sortHeaderColumnClassName,
+          style = _props.thStyle;
 
       var thStyle = _extends({
         textAlign: headerAlign || dataAlign,
@@ -241,7 +257,9 @@ var TableHeaderColumn = function (_Component) {
       }
       return _react2.default.createElement(
         'th',
-        _extends({ ref: 'header-col',
+        _extends({ ref: function ref(node) {
+            return _this3.headerCol = node;
+          },
           className: classes,
           style: thStyle,
           onClick: this.handleColumnClick,
@@ -268,32 +286,32 @@ var TableHeaderColumn = function (_Component) {
       switch (this.props.filter.type) {
         case _Const2.default.FILTER_TYPE.TEXT:
           {
-            this.refs.textFilter.cleanFiltered();
+            this.textFilter.cleanFiltered();
             break;
           }
         case _Const2.default.FILTER_TYPE.REGEX:
           {
-            this.refs.regexFilter.cleanFiltered();
+            this.regexFilter.cleanFiltered();
             break;
           }
         case _Const2.default.FILTER_TYPE.SELECT:
           {
-            this.refs.selectFilter.cleanFiltered();
+            this.selectFilter.cleanFiltered();
             break;
           }
         case _Const2.default.FILTER_TYPE.NUMBER:
           {
-            this.refs.numberFilter.cleanFiltered();
+            this.numberFilter.cleanFiltered();
             break;
           }
         case _Const2.default.FILTER_TYPE.DATE:
           {
-            this.refs.dateFilter.cleanFiltered();
+            this.dateFilter.cleanFiltered();
             break;
           }
         case _Const2.default.FILTER_TYPE.CUSTOM:
           {
-            this.refs.customFilter.cleanFiltered();
+            this.customFilter.cleanFiltered();
             break;
           }
       }
@@ -305,27 +323,27 @@ var TableHeaderColumn = function (_Component) {
       switch (this.props.filter.type) {
         case _Const2.default.FILTER_TYPE.TEXT:
           {
-            this.refs.textFilter.applyFilter(val);
+            this.textFilter.applyFilter(val);
             break;
           }
         case _Const2.default.FILTER_TYPE.REGEX:
           {
-            this.refs.regexFilter.applyFilter(val);
+            this.regexFilter.applyFilter(val);
             break;
           }
         case _Const2.default.FILTER_TYPE.SELECT:
           {
-            this.refs.selectFilter.applyFilter(val);
+            this.selectFilter.applyFilter(val);
             break;
           }
         case _Const2.default.FILTER_TYPE.NUMBER:
           {
-            this.refs.numberFilter.applyFilter(val);
+            this.numberFilter.applyFilter(val);
             break;
           }
         case _Const2.default.FILTER_TYPE.DATE:
           {
-            this.refs.dateFilter.applyFilter(val);
+            this.dateFilter.applyFilter(val);
             break;
           }
       }