@devexpress/dx-react-core
Advanced tools
Comparing version
/** | ||
* Bundle of @devexpress/dx-react-core | ||
* Generated: 2017-12-14 | ||
* Version: 1.0.0-beta.2 | ||
* Generated: 2017-12-28 | ||
* Version: 1.0.0-beta.3 | ||
* License: https://js.devexpress.com/Licensing | ||
@@ -1205,2 +1205,4 @@ */ | ||
// eslint-disable-next-line camelcase | ||
var draggingHandled = Symbol('draggingHandled'); | ||
var Draggable = function (_React$Component) { | ||
@@ -1291,5 +1293,5 @@ inherits(Draggable, _React$Component); | ||
value: function mouseDownListener(e) { | ||
if (this.touchStrategy.isWaiting()) return; | ||
if (this.touchStrategy.isWaiting() || e[draggingHandled]) return; | ||
this.mouseStrategy.start(e); | ||
e.stopPropagation(); | ||
e[draggingHandled] = true; | ||
} | ||
@@ -1299,4 +1301,5 @@ }, { | ||
value: function touchStartListener(e) { | ||
if (e[draggingHandled]) return; | ||
this.touchStrategy.start(e); | ||
e.stopPropagation(); | ||
e[draggingHandled] = true; | ||
} | ||
@@ -1354,5 +1357,5 @@ }, { | ||
var DragDropContextCore = function () { | ||
function DragDropContextCore() { | ||
classCallCheck(this, DragDropContextCore); | ||
var DragDropProviderCore = function () { | ||
function DragDropProviderCore() { | ||
classCallCheck(this, DragDropProviderCore); | ||
@@ -1363,3 +1366,3 @@ this.payload = null; | ||
createClass(DragDropContextCore, [{ | ||
createClass(DragDropProviderCore, [{ | ||
key: 'start', | ||
@@ -1382,16 +1385,16 @@ value: function start(payload, clientOffset) { | ||
}]); | ||
return DragDropContextCore; | ||
return DragDropProviderCore; | ||
}(); | ||
var DragDropContext = function (_React$Component) { | ||
inherits(DragDropContext, _React$Component); | ||
var DragDropProvider = function (_React$Component) { | ||
inherits(DragDropProvider, _React$Component); | ||
function DragDropContext(props) { | ||
classCallCheck(this, DragDropContext); | ||
function DragDropProvider(props) { | ||
classCallCheck(this, DragDropProvider); | ||
var _this = possibleConstructorReturn(this, (DragDropContext.__proto__ || Object.getPrototypeOf(DragDropContext)).call(this, props)); | ||
var _this = possibleConstructorReturn(this, (DragDropProvider.__proto__ || Object.getPrototypeOf(DragDropProvider)).call(this, props)); | ||
_this.dragDropContext = new DragDropContextCore(); | ||
_this.dragDropProvider = new DragDropProviderCore(); | ||
_this.dragDropContext.dragEmitter.subscribe(function (_ref) { | ||
_this.dragDropProvider.dragEmitter.subscribe(function (_ref) { | ||
var payload = _ref.payload, | ||
@@ -1409,7 +1412,7 @@ clientOffset = _ref.clientOffset, | ||
createClass(DragDropContext, [{ | ||
createClass(DragDropProvider, [{ | ||
key: 'getChildContext', | ||
value: function getChildContext() { | ||
return { | ||
dragDropContext: this.dragDropContext | ||
dragDropProvider: this.dragDropProvider | ||
}; | ||
@@ -1428,10 +1431,10 @@ } | ||
}]); | ||
return DragDropContext; | ||
return DragDropProvider; | ||
}(React.Component); | ||
DragDropContext.childContextTypes = { | ||
dragDropContext: PropTypes.object.isRequired | ||
DragDropProvider.childContextTypes = { | ||
dragDropProvider: PropTypes.object.isRequired | ||
}; | ||
DragDropContext.propTypes = { | ||
DragDropProvider.propTypes = { | ||
children: PropTypes.node.isRequired, | ||
@@ -1441,3 +1444,3 @@ onChange: PropTypes.func | ||
DragDropContext.defaultProps = { | ||
DragDropProvider.defaultProps = { | ||
onChange: function onChange() {} | ||
@@ -1464,3 +1467,3 @@ }; | ||
var dragDropContext = this.context.dragDropContext; | ||
var dragDropProvider = this.context.dragDropProvider; | ||
var _props = this.props, | ||
@@ -1478,3 +1481,3 @@ _onStart = _props.onStart, | ||
dragDropContext.start(_this2.props.getPayload(), { x: x, y: y }); | ||
dragDropProvider.start(_this2.props.getPayload(), { x: x, y: y }); | ||
_onStart({ clientOffset: { x: x, y: y } }); | ||
@@ -1486,3 +1489,3 @@ }, | ||
dragDropContext.update({ x: x, y: y }); | ||
dragDropProvider.update({ x: x, y: y }); | ||
_onUpdate({ clientOffset: { x: x, y: y } }); | ||
@@ -1494,3 +1497,3 @@ }, | ||
dragDropContext.end({ x: x, y: y }); | ||
dragDropProvider.end({ x: x, y: y }); | ||
_onEnd({ clientOffset: { x: x, y: y } }); | ||
@@ -1507,3 +1510,3 @@ } | ||
DragSource.contextTypes = { | ||
dragDropContext: PropTypes.object.isRequired | ||
dragDropProvider: PropTypes.object.isRequired | ||
}; | ||
@@ -1547,3 +1550,3 @@ | ||
value: function componentWillMount() { | ||
var dragEmitter = this.context.dragDropContext.dragEmitter; | ||
var dragEmitter = this.context.dragDropProvider.dragEmitter; | ||
@@ -1560,3 +1563,3 @@ dragEmitter.subscribe(this.handleDrag); | ||
value: function componentWillUnmount() { | ||
var dragEmitter = this.context.dragDropContext.dragEmitter; | ||
var dragEmitter = this.context.dragDropProvider.dragEmitter; | ||
@@ -1600,3 +1603,3 @@ dragEmitter.unsubscribe(this.handleDrag); | ||
DropTarget.contextTypes = { | ||
dragDropContext: PropTypes.object.isRequired | ||
dragDropProvider: PropTypes.object.isRequired | ||
}; | ||
@@ -1661,3 +1664,3 @@ | ||
export { PluginHost$1 as PluginHost, PluginContainer, Action, Getter, Template, TemplatePlaceholder, TemplateConnector, Draggable, DragDropContext, DragSource, DropTarget, createRenderComponent }; | ||
export { PluginHost$1 as PluginHost, PluginContainer, Action, Getter, Template, TemplatePlaceholder, TemplateConnector, Draggable, DragDropProvider, DragSource, DropTarget, createRenderComponent }; | ||
//# sourceMappingURL=dx-react-core.es.js.map |
/** | ||
* Bundle of @devexpress/dx-react-core | ||
* Generated: 2017-12-14 | ||
* Version: 1.0.0-beta.2 | ||
* Generated: 2017-12-28 | ||
* Version: 1.0.0-beta.3 | ||
* License: https://js.devexpress.com/Licensing | ||
@@ -1209,2 +1209,4 @@ */ | ||
// eslint-disable-next-line camelcase | ||
var draggingHandled = Symbol('draggingHandled'); | ||
var Draggable = function (_React$Component) { | ||
@@ -1295,5 +1297,5 @@ inherits(Draggable, _React$Component); | ||
value: function mouseDownListener(e) { | ||
if (this.touchStrategy.isWaiting()) return; | ||
if (this.touchStrategy.isWaiting() || e[draggingHandled]) return; | ||
this.mouseStrategy.start(e); | ||
e.stopPropagation(); | ||
e[draggingHandled] = true; | ||
} | ||
@@ -1303,4 +1305,5 @@ }, { | ||
value: function touchStartListener(e) { | ||
if (e[draggingHandled]) return; | ||
this.touchStrategy.start(e); | ||
e.stopPropagation(); | ||
e[draggingHandled] = true; | ||
} | ||
@@ -1358,5 +1361,5 @@ }, { | ||
var DragDropContextCore = function () { | ||
function DragDropContextCore() { | ||
classCallCheck(this, DragDropContextCore); | ||
var DragDropProviderCore = function () { | ||
function DragDropProviderCore() { | ||
classCallCheck(this, DragDropProviderCore); | ||
@@ -1367,3 +1370,3 @@ this.payload = null; | ||
createClass(DragDropContextCore, [{ | ||
createClass(DragDropProviderCore, [{ | ||
key: 'start', | ||
@@ -1386,16 +1389,16 @@ value: function start(payload, clientOffset) { | ||
}]); | ||
return DragDropContextCore; | ||
return DragDropProviderCore; | ||
}(); | ||
var DragDropContext = function (_React$Component) { | ||
inherits(DragDropContext, _React$Component); | ||
var DragDropProvider = function (_React$Component) { | ||
inherits(DragDropProvider, _React$Component); | ||
function DragDropContext(props) { | ||
classCallCheck(this, DragDropContext); | ||
function DragDropProvider(props) { | ||
classCallCheck(this, DragDropProvider); | ||
var _this = possibleConstructorReturn(this, (DragDropContext.__proto__ || Object.getPrototypeOf(DragDropContext)).call(this, props)); | ||
var _this = possibleConstructorReturn(this, (DragDropProvider.__proto__ || Object.getPrototypeOf(DragDropProvider)).call(this, props)); | ||
_this.dragDropContext = new DragDropContextCore(); | ||
_this.dragDropProvider = new DragDropProviderCore(); | ||
_this.dragDropContext.dragEmitter.subscribe(function (_ref) { | ||
_this.dragDropProvider.dragEmitter.subscribe(function (_ref) { | ||
var payload = _ref.payload, | ||
@@ -1413,7 +1416,7 @@ clientOffset = _ref.clientOffset, | ||
createClass(DragDropContext, [{ | ||
createClass(DragDropProvider, [{ | ||
key: 'getChildContext', | ||
value: function getChildContext() { | ||
return { | ||
dragDropContext: this.dragDropContext | ||
dragDropProvider: this.dragDropProvider | ||
}; | ||
@@ -1432,10 +1435,10 @@ } | ||
}]); | ||
return DragDropContext; | ||
return DragDropProvider; | ||
}(React.Component); | ||
DragDropContext.childContextTypes = { | ||
dragDropContext: PropTypes.object.isRequired | ||
DragDropProvider.childContextTypes = { | ||
dragDropProvider: PropTypes.object.isRequired | ||
}; | ||
DragDropContext.propTypes = { | ||
DragDropProvider.propTypes = { | ||
children: PropTypes.node.isRequired, | ||
@@ -1445,3 +1448,3 @@ onChange: PropTypes.func | ||
DragDropContext.defaultProps = { | ||
DragDropProvider.defaultProps = { | ||
onChange: function onChange() {} | ||
@@ -1468,3 +1471,3 @@ }; | ||
var dragDropContext = this.context.dragDropContext; | ||
var dragDropProvider = this.context.dragDropProvider; | ||
var _props = this.props, | ||
@@ -1482,3 +1485,3 @@ _onStart = _props.onStart, | ||
dragDropContext.start(_this2.props.getPayload(), { x: x, y: y }); | ||
dragDropProvider.start(_this2.props.getPayload(), { x: x, y: y }); | ||
_onStart({ clientOffset: { x: x, y: y } }); | ||
@@ -1490,3 +1493,3 @@ }, | ||
dragDropContext.update({ x: x, y: y }); | ||
dragDropProvider.update({ x: x, y: y }); | ||
_onUpdate({ clientOffset: { x: x, y: y } }); | ||
@@ -1498,3 +1501,3 @@ }, | ||
dragDropContext.end({ x: x, y: y }); | ||
dragDropProvider.end({ x: x, y: y }); | ||
_onEnd({ clientOffset: { x: x, y: y } }); | ||
@@ -1511,3 +1514,3 @@ } | ||
DragSource.contextTypes = { | ||
dragDropContext: PropTypes.object.isRequired | ||
dragDropProvider: PropTypes.object.isRequired | ||
}; | ||
@@ -1551,3 +1554,3 @@ | ||
value: function componentWillMount() { | ||
var dragEmitter = this.context.dragDropContext.dragEmitter; | ||
var dragEmitter = this.context.dragDropProvider.dragEmitter; | ||
@@ -1564,3 +1567,3 @@ dragEmitter.subscribe(this.handleDrag); | ||
value: function componentWillUnmount() { | ||
var dragEmitter = this.context.dragDropContext.dragEmitter; | ||
var dragEmitter = this.context.dragDropProvider.dragEmitter; | ||
@@ -1604,3 +1607,3 @@ dragEmitter.unsubscribe(this.handleDrag); | ||
DropTarget.contextTypes = { | ||
dragDropContext: PropTypes.object.isRequired | ||
dragDropProvider: PropTypes.object.isRequired | ||
}; | ||
@@ -1673,3 +1676,3 @@ | ||
exports.Draggable = Draggable; | ||
exports.DragDropContext = DragDropContext; | ||
exports.DragDropProvider = DragDropProvider; | ||
exports.DragSource = DragSource; | ||
@@ -1676,0 +1679,0 @@ exports.DropTarget = DropTarget; |
{ | ||
"name": "@devexpress/dx-react-core", | ||
"version": "1.0.0-beta.2", | ||
"version": "1.0.0-beta.3", | ||
"description": "Core library for DevExtreme React Components", | ||
@@ -43,3 +43,2 @@ "author": { | ||
"setupFiles": [ | ||
"raf/polyfill", | ||
"<rootDir>/setup-enzyme.js" | ||
@@ -49,5 +48,5 @@ ] | ||
"devDependencies": { | ||
"@devexpress/dx-testing": "1.0.0-beta.2", | ||
"@devexpress/dx-testing": "1.0.0-beta.3", | ||
"babel-core": "^6.26.0", | ||
"babel-jest": "^21.2.0", | ||
"babel-jest": "^22.0.4", | ||
"babel-plugin-external-helpers": "^6.22.0", | ||
@@ -58,14 +57,13 @@ "babel-plugin-transform-object-rest-spread": "^6.26.0", | ||
"babel-preset-react": "^6.24.1", | ||
"core-js": "^2.5.1", | ||
"core-js": "^2.5.3", | ||
"enzyme": "^3.2.0", | ||
"enzyme-adapter-react-16": "^1.1.0", | ||
"eslint": "^4.12.1", | ||
"enzyme-adapter-react-16": "^1.1.1", | ||
"eslint": "^4.14.0", | ||
"eslint-config-airbnb": "^16.1.0", | ||
"eslint-plugin-filenames": "^1.2.0", | ||
"eslint-plugin-import": "^2.8.0", | ||
"eslint-plugin-jest": "^21.4.2", | ||
"eslint-plugin-jsx-a11y": "^6.0.2", | ||
"eslint-plugin-jest": "^21.5.0", | ||
"eslint-plugin-jsx-a11y": "^6.0.3", | ||
"eslint-plugin-react": "^7.5.1", | ||
"jest": "^21.2.1", | ||
"raf": "^3.4.0", | ||
"jest": "^22.0.4", | ||
"react": "^16.2.0", | ||
@@ -75,3 +73,3 @@ "react-dom": "^16.2.0", | ||
"rollup": "0.50.0", | ||
"rollup-plugin-babel": "^3.0.2", | ||
"rollup-plugin-babel": "^3.0.3", | ||
"rollup-plugin-license": "^0.5.0", | ||
@@ -81,3 +79,3 @@ "rollup-plugin-node-resolve": "^3.0.0" | ||
"dependencies": { | ||
"@devexpress/dx-core": "1.0.0-beta.2", | ||
"@devexpress/dx-core": "1.0.0-beta.3", | ||
"prop-types": "^15.6.0" | ||
@@ -84,0 +82,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
192348
0.43%26
-3.7%2730
0.15%+ Added
- Removed