diff --git a/types/react-dnd-multi-backend/index.d.ts b/types/react-dnd-multi-backend/index.d.ts index e0a152c610..b88af8e59f 100644 --- a/types/react-dnd-multi-backend/index.d.ts +++ b/types/react-dnd-multi-backend/index.d.ts @@ -1,4 +1,4 @@ -// Type definitions for react-dnd-multi-backend 3.0 +// Type definitions for react-dnd-multi-backend 4.0 // Project: https://github.com/LouisBrunner/react-dnd-multi-backend, https://louisbrunner.github.io/dnd-multi-backend/packages/react-dnd-multi-backend // Definitions by: Janeene Beeforth // Adam Haglund @@ -53,6 +53,10 @@ export interface BackendDeclaration { * Backend - e.g. the one provided by react-dnd-html5-backend. */ backend: BackendFactory; + /** + * Parameters to the backend + */ + options?: object; /** * Flag to indicate that this backend needs to have a custom preview generated. This is mainly * used for backends such as the react-dnd-touch-backend, where there is no default preview diff --git a/types/react-dnd-multi-backend/package.json b/types/react-dnd-multi-backend/package.json index 7f98b8bee8..6b5f0dd582 100644 --- a/types/react-dnd-multi-backend/package.json +++ b/types/react-dnd-multi-backend/package.json @@ -1,6 +1,7 @@ { "private": true, "dependencies": { - "dnd-core": "^4.0.5" + "dnd-core": "^9.3.1", + "react-dnd-touch-backend": "^9.3.1" } } diff --git a/types/react-dnd-multi-backend/react-dnd-multi-backend-tests.tsx b/types/react-dnd-multi-backend/react-dnd-multi-backend-tests.tsx index d54e24ace2..c72f040f49 100644 --- a/types/react-dnd-multi-backend/react-dnd-multi-backend-tests.tsx +++ b/types/react-dnd-multi-backend/react-dnd-multi-backend-tests.tsx @@ -9,7 +9,7 @@ const context = {}; /** * Most common use case - using the default HTML5 with Touch as a fallback. */ -const multiDndComponent = createDragDropManager(MultiBackend(HTML5ToTouch), context); +const multiDndComponent = createDragDropManager(MultiBackend(HTML5ToTouch), context, {}); /** * Creating a custom list of backends, including creating a touch transition. @@ -17,18 +17,19 @@ const multiDndComponent = createDragDropManager(MultiBackend(HTML5ToTouch), cont const CustomBackends: Backends = { backends: [ { - backend: TouchBackend({ enableMouseEvents: false }), + backend: TouchBackend, + options: { enableMouseEvents: false }, preview: true, transition: createTransition('touchstart', (event: TouchEvent) => { return event.touches != null; }) }, { - backend: TouchBackend({}), + backend: TouchBackend, transition: TouchTransition }] }; -const multiCustomBackendsComponent = createDragDropManager(MultiBackend(CustomBackends), context); +const multiCustomBackendsComponent = createDragDropManager(MultiBackend(CustomBackends), context, {}); /** * Testing the Preview component.