further fixes for node.

Author: xobotyi

dist/Thumb.js

@@ -75,15 +75,18 @@ function (_React$Component) {
 
       _this.dragStartOffsetX = ev.clientX - rect.left - rect.width / 2;
       _this.dragStartOffsetY = ev.clientY - rect.top - rect.height / 2;
-      document.addEventListener("mousemove", _this.handleDragEvent);
-      document.addEventListener("mouseup", _this.handleDragEnd);
-      _this.prevUserSelect = document.body.style.userSelect;
-      document.body.style.userSelect = "none";
-      _this.prevOnSelectStart = document.onselectstart;
 
-      document.onselectstart = function () {
-        return false;
-      };
+      if (global.document) {
+        global.document.addEventListener("mousemove", _this.handleDragEvent);
+        global.document.addEventListener("mouseup", _this.handleDragEnd);
+        _this.prevUserSelect = global.document.body.style.userSelect;
+        global.document.body.style.userSelect = "none";
+        _this.prevOnSelectStart = global.document.onselectstart;
+
+        global.document.onselectstart = function () {
+          return false;
+        };
+      }
 
       _this.props.onDragStart && _this.props.onDragStart({
         axis: _this.props.type,
@@ -114,18 +117,20 @@ function (_React$Component) {
 
       _this.element.classList.remove("dragging");
 
-      document.removeEventListener("mousemove", _this.handleDragEvent);
-      document.removeEventListener("mouseup", _this.handleDragEnd);
+      if (global.document) {
+        global.document.removeEventListener("mousemove", _this.handleDragEvent);
+        global.document.removeEventListener("mouseup", _this.handleDragEnd);
+        global.document.body.style.userSelect = _this.prevUserSelect;
+        _this.prevUserSelect = null;
+        global.document.onselectstart = _this.prevOnSelectStart;
+        _this.prevOnSelectStart = null;
+      }
 
       if (!_this.isDragging) {
         return;
       }
 
       _this.isDragging = false;
-      document.body.style.userSelect = _this.prevUserSelect;
-      _this.prevUserSelect = null;
-      document.onselectstart = _this.prevOnSelectStart;
-      _this.prevOnSelectStart = null;
       _this.props.onDragEnd && _this.props.onDragEnd({
         axis: _this.props.type
       });

dist/util/getScrollbarWidth.js

@@ -8,7 +8,7 @@ exports.dbgSetScrollbarWidth = dbgSetScrollbarWidth;
 exports.dbgSetDocument = dbgSetDocument;
 exports.dbgGetDocument = dbgGetDocument;
 var scrollbarWidth = null;
-var doc = typeof document !== "undefined" ? document : null;
+var doc = global.document || null;
 /**
  * @description Returns scrollbar width specific for current environment
  * @return {number}

src/Thumb.js

@@ -42,13 +42,15 @@ export default class Thumb extends React.Component {
         this.dragStartOffsetX = ev.clientX - rect.left - rect.width / 2;
         this.dragStartOffsetY = ev.clientY - rect.top - rect.height / 2;
 
-        document.addEventListener("mousemove", this.handleDragEvent);
-        document.addEventListener("mouseup", this.handleDragEnd);
-
-        this.prevUserSelect = document.body.style.userSelect;
-        document.body.style.userSelect = "none";
-        this.prevOnSelectStart = document.onselectstart;
-        document.onselectstart = () => false;
+        if (global.document) {
+            global.document.addEventListener("mousemove", this.handleDragEvent);
+            global.document.addEventListener("mouseup", this.handleDragEnd);
+
+            this.prevUserSelect = global.document.body.style.userSelect;
+            global.document.body.style.userSelect = "none";
+            this.prevOnSelectStart = global.document.onselectstart;
+            global.document.onselectstart = () => false;
+        }
 
         this.props.onDragStart &&
             this.props.onDragStart({
@@ -84,19 +86,21 @@ export default class Thumb extends React.Component {
         this.dragStartOffsetY = false;
         this.element.classList.remove("dragging");
 
-        document.removeEventListener("mousemove", this.handleDragEvent);
-        document.removeEventListener("mouseup", this.handleDragEnd);
+        if (global.document) {
+            global.document.removeEventListener("mousemove", this.handleDragEvent);
+            global.document.removeEventListener("mouseup", this.handleDragEnd);
+
+            global.document.body.style.userSelect = this.prevUserSelect;
+            this.prevUserSelect = null;
+            global.document.onselectstart = this.prevOnSelectStart;
+            this.prevOnSelectStart = null;
+        }
 
         if (!this.isDragging) {
             return;
         }
         this.isDragging = false;
 
-        document.body.style.userSelect = this.prevUserSelect;
-        this.prevUserSelect = null;
-        document.onselectstart = this.prevOnSelectStart;
-        this.prevOnSelectStart = null;
-
         this.props.onDragEnd && this.props.onDragEnd({axis: this.props.type});
     };
 

src/util/getScrollbarWidth.js

@@ -1,5 +1,5 @@
 let scrollbarWidth = null;
-let doc = typeof document !== "undefined" ? document : null;
+let doc = global.document || null;
 
 /**
  * @description Returns scrollbar width specific for current environment