@devexpress/dx-react-core - npm Package Compare versions

Comparing version 1.0.0-alpha.3 to 1.0.0-alpha.4

dist/dx-react-core.es.js

 /**
  * Bundle of @devexpress/dx-react-core
- * Generated: 2017-06-09
- * Version: 1.0.0-alpha.2
+ * Generated: 2017-06-23
+ * Version: 1.0.0-alpha.3
  * License: https://js.devexpress.com/Licensing
@@ -11,2 +11,3 @@ */
 import { EventEmitter, PluginHost } from '@devexpress/dx-core';
+import { findDOMNode } from 'react-dom';
 
@@ -610,3 +611,4 @@ function shallowEqual(objA, objB) {
   mapActions: PropTypes.func, // eslint-disable-line react/no-unused-prop-types
-  content: PropTypes.any };
+  content: PropTypes.any // eslint-disable-line react/forbid-prop-types
+};
 TemplateConnector.contextTypes = {
@@ -995,2 +997,6 @@ pluginHost: PropTypes.object.isRequired
       if (_this.initialOffset && _this.isBoundExceeded({ x: x, y: y })) {
+        prevent();
+        if (window.getSelection) {
+          window.getSelection().removeAllRanges();
+        }
         var offset = { x: x, y: y };
@@ -1003,3 +1009,2 @@ if (!_this.offset) {
         _this.offset = offset;
-        prevent();
       }
@@ -1137,2 +1142,6 @@ };
       var dragDropContext = this.context.dragDropContext;
+      var _props = this.props,
+          _onStart = _props.onStart,
+          _onUpdate = _props.onUpdate,
+          _onEnd = _props.onEnd;
 
@@ -1145,3 +1154,5 @@ return React.createElement(
                 y = _ref.y;
-            return dragDropContext.start(_this2.props.getPayload(), { x: x, y: y });
+
+            dragDropContext.start(_this2.props.getPayload(), { x: x, y: y });
+            _onStart({ clientOffset: { x: x, y: y } });
           },
@@ -1151,3 +1162,5 @@ onUpdate: function onUpdate(_ref2) {
                 y = _ref2.y;
-            return dragDropContext.update({ x: x, y: y });
+
+            dragDropContext.update({ x: x, y: y });
+            _onUpdate({ clientOffset: { x: x, y: y } });
           },
@@ -1157,3 +1170,5 @@ onEnd: function onEnd(_ref3) {
                 y = _ref3.y;
-            return dragDropContext.end({ x: x, y: y });
+
+            dragDropContext.end({ x: x, y: y });
+            _onEnd({ clientOffset: { x: x, y: y } });
           }
@@ -1174,6 +1189,13 @@ },
   children: PropTypes.node.isRequired,
-  getPayload: PropTypes.func.isRequired
+  getPayload: PropTypes.func.isRequired,
+  onStart: PropTypes.func,
+  onUpdate: PropTypes.func,
+  onEnd: PropTypes.func
 };
 
-DragSource.defaultProps = {};
+DragSource.defaultProps = {
+  onStart: function onStart() {},
+  onUpdate: function onUpdate() {},
+  onEnd: function onEnd() {}
+};
 
@@ -1225,7 +1247,8 @@ var clamp$1 = function clamp(value, min, max) {
 
-      var _node$getBoundingClie = this.node.getBoundingClientRect(),
-          left = _node$getBoundingClie.left,
-          top = _node$getBoundingClie.top,
-          right = _node$getBoundingClie.right,
-          bottom = _node$getBoundingClie.bottom;
+      // eslint-disable-next-line react/no-find-dom-node
+      var _findDOMNode$getBound = findDOMNode(this).getBoundingClientRect(),
+          left = _findDOMNode$getBound.left,
+          top = _findDOMNode$getBound.top,
+          right = _findDOMNode$getBound.right,
+          bottom = _findDOMNode$getBound.bottom;
 
@@ -1244,12 +1267,5 @@ var isOver = clientOffset && clamp$1(clientOffset.x, left, right) === clientOffset.x && clamp$1(clientOffset.y, top, bottom) === clientOffset.y;
     value: function render() {
-      var _this2 = this;
-
       var children = this.props.children;
 
-      return React.cloneElement(React.Children.only(children), {
-        ref: function ref(node) {
-          if (node) _this2.node = node;
-          if (typeof children.ref === 'function') children.ref(node);
-        }
-      });
+      return React.Children.only(children);
     }
@@ -1256,0 +1272,0 @@ }]);

dist/dx-react-core.umd.js

 /**
  * Bundle of @devexpress/dx-react-core
- * Generated: 2017-06-09
- * Version: 1.0.0-alpha.2
+ * Generated: 2017-06-23
+ * Version: 1.0.0-alpha.3
  * License: https://js.devexpress.com/Licensing
@@ -9,9 +9,9 @@ */
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('@devexpress/dx-core')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', '@devexpress/dx-core'], factory) :
-	(factory((global.DevExpress = global.DevExpress || {}, global.DevExpress.DXReactCore = global.DevExpress.DXReactCore || {}),global.React,global.PropTypes,global.DevExpress.DXCore));
-}(this, (function (exports,React,PropTypes,_devexpress_dxCore) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('@devexpress/dx-core'), require('react-dom')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', '@devexpress/dx-core', 'react-dom'], factory) :
+	(factory((global.DevExpress = global.DevExpress || {}, global.DevExpress.DXReactCore = global.DevExpress.DXReactCore || {}),global.React,global.PropTypes,global.DevExpress.DXCore,global.ReactDOM));
+}(this, (function (exports,React,PropTypes,_devexpress_dxCore,reactDom) { 'use strict';
 
-React = 'default' in React ? React['default'] : React;
-PropTypes = 'default' in PropTypes ? PropTypes['default'] : PropTypes;
+React = React && 'default' in React ? React['default'] : React;
+PropTypes = PropTypes && 'default' in PropTypes ? PropTypes['default'] : PropTypes;
 
@@ -615,3 +615,4 @@ function shallowEqual(objA, objB) {
   mapActions: PropTypes.func, // eslint-disable-line react/no-unused-prop-types
-  content: PropTypes.any };
+  content: PropTypes.any // eslint-disable-line react/forbid-prop-types
+};
 TemplateConnector.contextTypes = {
@@ -1000,2 +1001,6 @@ pluginHost: PropTypes.object.isRequired
       if (_this.initialOffset && _this.isBoundExceeded({ x: x, y: y })) {
+        prevent();
+        if (window.getSelection) {
+          window.getSelection().removeAllRanges();
+        }
         var offset = { x: x, y: y };
@@ -1008,3 +1013,2 @@ if (!_this.offset) {
         _this.offset = offset;
-        prevent();
       }
@@ -1142,2 +1146,6 @@ };
       var dragDropContext = this.context.dragDropContext;
+      var _props = this.props,
+          _onStart = _props.onStart,
+          _onUpdate = _props.onUpdate,
+          _onEnd = _props.onEnd;
 
@@ -1150,3 +1158,5 @@ return React.createElement(
                 y = _ref.y;
-            return dragDropContext.start(_this2.props.getPayload(), { x: x, y: y });
+
+            dragDropContext.start(_this2.props.getPayload(), { x: x, y: y });
+            _onStart({ clientOffset: { x: x, y: y } });
           },
@@ -1156,3 +1166,5 @@ onUpdate: function onUpdate(_ref2) {
                 y = _ref2.y;
-            return dragDropContext.update({ x: x, y: y });
+
+            dragDropContext.update({ x: x, y: y });
+            _onUpdate({ clientOffset: { x: x, y: y } });
           },
@@ -1162,3 +1174,5 @@ onEnd: function onEnd(_ref3) {
                 y = _ref3.y;
-            return dragDropContext.end({ x: x, y: y });
+
+            dragDropContext.end({ x: x, y: y });
+            _onEnd({ clientOffset: { x: x, y: y } });
           }
@@ -1179,6 +1193,13 @@ },
   children: PropTypes.node.isRequired,
-  getPayload: PropTypes.func.isRequired
+  getPayload: PropTypes.func.isRequired,
+  onStart: PropTypes.func,
+  onUpdate: PropTypes.func,
+  onEnd: PropTypes.func
 };
 
-DragSource.defaultProps = {};
+DragSource.defaultProps = {
+  onStart: function onStart() {},
+  onUpdate: function onUpdate() {},
+  onEnd: function onEnd() {}
+};
 
@@ -1230,7 +1251,8 @@ var clamp$1 = function clamp(value, min, max) {
 
-      var _node$getBoundingClie = this.node.getBoundingClientRect(),
-          left = _node$getBoundingClie.left,
-          top = _node$getBoundingClie.top,
-          right = _node$getBoundingClie.right,
-          bottom = _node$getBoundingClie.bottom;
+      // eslint-disable-next-line react/no-find-dom-node
+      var _findDOMNode$getBound = reactDom.findDOMNode(this).getBoundingClientRect(),
+          left = _findDOMNode$getBound.left,
+          top = _findDOMNode$getBound.top,
+          right = _findDOMNode$getBound.right,
+          bottom = _findDOMNode$getBound.bottom;
 
@@ -1249,12 +1271,5 @@ var isOver = clientOffset && clamp$1(clientOffset.x, left, right) === clientOffset.x && clamp$1(clientOffset.y, top, bottom) === clientOffset.y;
     value: function render() {
-      var _this2 = this;
-
       var children = this.props.children;
 
-      return React.cloneElement(React.Children.only(children), {
-        ref: function ref(node) {
-          if (node) _this2.node = node;
-          if (typeof children.ref === 'function') children.ref(node);
-        }
-      });
+      return React.Children.only(children);
     }
@@ -1261,0 +1276,0 @@ }]);

package.json

 {
   "name": "@devexpress/dx-react-core",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "description": "Core library for DevExtreme React Components",
@@ -53,4 +53,4 @@ "author": {
     "babel-cli": "^6.24.1",
-    "babel-core": "^6.24.1",
-    "babel-jest": "^19.0.0",
+    "babel-core": "^6.25.0",
+    "babel-jest": "^20.0.3",
     "babel-plugin-external-helpers": "^6.22.0",
@@ -64,22 +64,25 @@ "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "eslint": "^3.19.0",
-    "eslint-config-airbnb": "^14.1.0",
-    "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-jest": "^19.0.1",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
-    "eslint-plugin-react": "^6.10.3",
-    "jest": "^19.0.2",
+    "eslint-config-airbnb": "^15.0.1",
+    "eslint-plugin-import": "^2.3.0",
+    "eslint-plugin-jest": "^20.0.3",
+    "eslint-plugin-jsx-a11y": "^5.0.3",
+    "eslint-plugin-react": "^7.1.0",
+    "jest": "^20.0.4",
     "jest-junit": "^1.5.1",
-    "react-dom": "^15.5.4",
-    "react-test-renderer": "^15.5.4",
-    "rollup": "^0.41.6",
+    "react-dom": "^15.6.1",
+    "react-test-renderer": "^15.6.1",
+    "rollup": "^0.43.0",
     "rollup-plugin-babel": "^2.7.1",
-    "rollup-plugin-license": "^0.3.0",
+    "rollup-plugin-license": "^0.4.0",
     "rollup-plugin-node-resolve": "^3.0.0",
-    "rollup-watch": "^3.2.2"
+    "rollup-watch": "^4.0.0"
   },
   "dependencies": {
-    "@devexpress/dx-core": "^1.0.0-alpha.3",
-    "prop-types": "^15.5.8",
-    "react": "^15.5.4"
+    "@devexpress/dx-core": "1.0.0-alpha.4",
+    "prop-types": "^15.5.8"
+  },
+  "peerDependencies": {
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

162800

increased by1.55%

Lines of code

2131

increased by1.28%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Added@devexpress/dx-core@1.0.0-alpha.4(transitive)

• + Addedreact-dom@15.7.0(transitive)

• - Removedreact@^15.5.4

• - Removed@devexpress/dx-core@1.11.2(transitive)

• Updated@devexpress/dx-core@1.0.0-alpha.4