New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

dnd-multi-backend

Package Overview
Dependencies
Maintainers
1
Versions
50
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dnd-multi-backend - npm Package Compare versions

Comparing version 7.0.0-0 to 7.0.0-alpha.0

dist/cjs/createTransition.d.ts

7

dist/cjs/createTransition.js

@@ -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 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc