dnd-multi-backend
Advanced tools
Comparing version 7.0.0-0 to 7.0.0-alpha.0
@@ -6,7 +6,6 @@ "use strict"; | ||
}); | ||
exports.default = void 0; | ||
exports.createTransition = void 0; | ||
var _default = function _default(event, check) { | ||
var createTransition = function createTransition(event, check) { | ||
return { | ||
_isMBTransition: true, | ||
event: event, | ||
@@ -17,2 +16,2 @@ check: check | ||
exports.default = _default; | ||
exports.createTransition = createTransition; |
@@ -6,54 +6,37 @@ "use strict"; | ||
}); | ||
Object.defineProperty(exports, "HTML5DragTransition", { | ||
Object.defineProperty(exports, "MultiBackend", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Transitions.HTML5DragTransition; | ||
return _MultiFactory.MultiFactory; | ||
} | ||
}); | ||
Object.defineProperty(exports, "TouchTransition", { | ||
Object.defineProperty(exports, "createTransition", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Transitions.TouchTransition; | ||
return _createTransition.createTransition; | ||
} | ||
}); | ||
Object.defineProperty(exports, "MouseTransition", { | ||
Object.defineProperty(exports, "HTML5DragTransition", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Transitions.MouseTransition; | ||
return _transitions.HTML5DragTransition; | ||
} | ||
}); | ||
Object.defineProperty(exports, "createTransition", { | ||
Object.defineProperty(exports, "TouchTransition", { | ||
enumerable: true, | ||
get: function get() { | ||
return _createTransition.default; | ||
return _transitions.TouchTransition; | ||
} | ||
}); | ||
Object.defineProperty(exports, "PreviewList", { | ||
Object.defineProperty(exports, "MouseTransition", { | ||
enumerable: true, | ||
get: function get() { | ||
return _PreviewList.PreviewList; | ||
return _transitions.MouseTransition; | ||
} | ||
}); | ||
Object.defineProperty(exports, "MultiBackend", { | ||
enumerable: true, | ||
get: function get() { | ||
return _MultiBackend.default; | ||
} | ||
}); | ||
exports.default = void 0; | ||
var _Transitions = require("./Transitions"); | ||
var _MultiFactory = require("./MultiFactory"); | ||
var _createTransition = _interopRequireDefault(require("./createTransition")); | ||
var _createTransition = require("./createTransition"); | ||
var _PreviewList = require("./PreviewList"); | ||
var _MultiBackend = _interopRequireDefault(require("./MultiBackend")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var _default = function _default(manager, context, options) { | ||
return new _MultiBackend.default(manager, context, options); | ||
}; | ||
exports.default = _default; | ||
var _transitions = require("./transitions"); |
@@ -1,7 +0,6 @@ | ||
export default (function (event, check) { | ||
export var createTransition = function createTransition(event, check) { | ||
return { | ||
_isMBTransition: true, | ||
event: event, | ||
check: check | ||
}; | ||
}); | ||
}; |
@@ -1,8 +0,3 @@ | ||
export { HTML5DragTransition, TouchTransition, MouseTransition } from './Transitions'; | ||
export { default as createTransition } from './createTransition'; | ||
export { PreviewList } from './PreviewList'; | ||
import MultiBackend from './MultiBackend'; | ||
export { MultiBackend }; | ||
export default (function (manager, context, options) { | ||
return new MultiBackend(manager, context, options); | ||
}); | ||
export { MultiFactory as MultiBackend } from './MultiFactory'; | ||
export { createTransition } from './createTransition'; | ||
export { HTML5DragTransition, TouchTransition, MouseTransition } from './transitions'; |
{ | ||
"name": "dnd-multi-backend", | ||
"version": "7.0.0-0", | ||
"version": "7.0.0-alpha.0", | ||
"description": "Multi Backend system compatible with DnD Core / React DnD", | ||
@@ -18,3 +18,4 @@ "author": "Louis Brunner <louis.brunner.fr@gmail.com> (https://github.com/LouisBrunner)", | ||
"main": "dist/cjs/index.js", | ||
"module": "dist/esm/index.js" | ||
"module": "dist/esm/index.js", | ||
"gitHead": "80ee78a4b23b07386a8034bd40532d595d622138" | ||
} |
@@ -8,3 +8,3 @@ # DnD Multi Backend [![NPM Version][npm-image]][npm-url] [![dependencies Status][deps-image]][deps-url] [![devDependencies Status][deps-dev-image]][deps-dev-url] | ||
See the [migration section](#migrating) for instructions when switching from `5.0.x`. | ||
See the [migration section](#migrating) for instructions when switching from `5.0.x` or `6.x.x`. | ||
@@ -14,3 +14,3 @@ ## Installation | ||
```sh | ||
npm install dnd-multi-backend | ||
npm install -S dnd-multi-backend | ||
``` | ||
@@ -27,4 +27,4 @@ | ||
```js | ||
import { createDragDropManager } from 'dnd-core'; | ||
import MultiBackend from 'dnd-multi-backend'; | ||
import { createDragDropManager } from 'dnd-core' | ||
import { MultiBackend } from 'dnd-multi-backend' | ||
@@ -34,3 +34,3 @@ // Define the backend and pipeline | ||
constructor(manager) { | ||
this.manager = manager; | ||
this.manager = manager | ||
} | ||
@@ -44,3 +44,3 @@ | ||
return () => {}; | ||
return () => {} | ||
} | ||
@@ -51,3 +51,3 @@ | ||
return () => {}; | ||
return () => {} | ||
} | ||
@@ -58,3 +58,3 @@ | ||
return () => {}; | ||
return () => {} | ||
} | ||
@@ -79,7 +79,7 @@ } | ||
], | ||
}; | ||
} | ||
// Setup the manager | ||
const manager = createDragDropManager(MultiBackend, {}, pipeline); | ||
const registry = manager.getRegistry(); | ||
const manager = createDragDropManager(MultiBackend, {}, pipeline) | ||
const registry = manager.getRegistry() | ||
@@ -105,21 +105,21 @@ // Setup your DnD logic | ||
// Define the DnD logic on the manager | ||
const Item = 'item'; | ||
const src = new Source(); | ||
const dst = new Target(); | ||
const Item = 'item' | ||
const src = new Source() | ||
const dst = new Target() | ||
const srcId = registry.addSource(Item, src); | ||
const dstId = registry.addTarget(Item, dst); | ||
const srcId = registry.addSource(Item, src) | ||
const dstId = registry.addTarget(Item, dst) | ||
// Link the DOM with the logic | ||
const srcP = document.createElement('p'); | ||
const srcTxt = document.createTextNode('Source'); | ||
srcP.appendChild(srcTxt); | ||
document.body.appendChild(srcP); | ||
manager.getBackend().connectDragSource(srcId, srcP); | ||
const srcP = document.createElement('p') | ||
const srcTxt = document.createTextNode('Source') | ||
srcP.appendChild(srcTxt) | ||
document.body.appendChild(srcP) | ||
manager.getBackend().connectDragSource(srcId, srcP) | ||
const dstP = document.createElement('p'); | ||
const dstTxt = document.createTextNode('Target'); | ||
dstP.appendChild(dstTxt); | ||
document.body.appendChild(dstP); | ||
manager.getBackend().connectDropTarget(dstId, dstP); | ||
const dstP = document.createElement('p') | ||
const dstTxt = document.createTextNode('Target') | ||
dstP.appendChild(dstTxt) | ||
document.body.appendChild(dstP) | ||
manager.getBackend().connectDropTarget(dstId, dstP) | ||
``` | ||
@@ -129,2 +129,16 @@ | ||
### Migrating from 6.x.x | ||
Starting with `7.0.0`, `dnd-multi-backend` doesn't have a default export anymore. | ||
Previously: | ||
```js | ||
import MultiBackend from 'dnd-multi-backend' | ||
``` | ||
Now: | ||
```js | ||
import { MultiBackend } from 'dnd-multi-backend' | ||
``` | ||
### Migrating from 5.0.x | ||
@@ -136,3 +150,3 @@ | ||
MIT, Copyright (c) 2016-2020 Louis Brunner | ||
MIT, Copyright (c) 2016-2021 Louis Brunner | ||
@@ -139,0 +153,0 @@ |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
55242
32
780
150
1