@elliemae/ds-drag-and-drop 2.0.0-rc.13 → 2.0.0-rc.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,17 +6,15 @@ var react = require('react');
|
|
|
6
6
|
|
|
7
7
|
const useHierarchyPreviewHandlers = _ref => {
|
|
8
8
|
let {
|
|
9
|
-
setOverId,
|
|
10
9
|
setActiveId,
|
|
11
10
|
onPreviewResetState,
|
|
12
11
|
onPreviewDragStart
|
|
13
12
|
} = _ref;
|
|
14
13
|
const resetState = react.useCallback(() => {
|
|
15
|
-
setOverId('');
|
|
16
14
|
setActiveId('');
|
|
17
15
|
onPreviewResetState();
|
|
18
16
|
document.body.style.setProperty('cursor', '');
|
|
19
|
-
}, [
|
|
17
|
+
}, [setActiveId, onPreviewResetState]);
|
|
20
18
|
const handlePreviewDragStart = react.useCallback(_ref2 => {
|
|
21
19
|
let {
|
|
22
20
|
active: {
|
|
@@ -24,19 +22,10 @@ const useHierarchyPreviewHandlers = _ref => {
|
|
|
24
22
|
}
|
|
25
23
|
} = _ref2;
|
|
26
24
|
setActiveId(id);
|
|
27
|
-
setOverId(id);
|
|
28
25
|
document.body.style.setProperty('cursor', 'grabbing');
|
|
29
26
|
onPreviewDragStart();
|
|
30
|
-
}, [setActiveId,
|
|
27
|
+
}, [setActiveId, onPreviewDragStart]);
|
|
31
28
|
const handlePreviewDragMove = react.useCallback(() => null, []);
|
|
32
|
-
const handlePreviewDragOver = react.useCallback(_ref3 => {
|
|
33
|
-
var _over$id;
|
|
34
|
-
|
|
35
|
-
let {
|
|
36
|
-
over
|
|
37
|
-
} = _ref3;
|
|
38
|
-
setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : '');
|
|
39
|
-
}, [setOverId]);
|
|
40
29
|
const handlePreviewDragEnd = react.useCallback(() => {
|
|
41
30
|
resetState();
|
|
42
31
|
}, [resetState]);
|
|
@@ -46,7 +35,6 @@ const useHierarchyPreviewHandlers = _ref => {
|
|
|
46
35
|
return {
|
|
47
36
|
handlePreviewDragStart,
|
|
48
37
|
handlePreviewDragMove,
|
|
49
|
-
handlePreviewDragOver,
|
|
50
38
|
handlePreviewDragEnd,
|
|
51
39
|
handlePreviewDragCancel
|
|
52
40
|
};
|
|
@@ -2,17 +2,15 @@ import { useCallback } from 'react';
|
|
|
2
2
|
|
|
3
3
|
const useHierarchyPreviewHandlers = _ref => {
|
|
4
4
|
let {
|
|
5
|
-
setOverId,
|
|
6
5
|
setActiveId,
|
|
7
6
|
onPreviewResetState,
|
|
8
7
|
onPreviewDragStart
|
|
9
8
|
} = _ref;
|
|
10
9
|
const resetState = useCallback(() => {
|
|
11
|
-
setOverId('');
|
|
12
10
|
setActiveId('');
|
|
13
11
|
onPreviewResetState();
|
|
14
12
|
document.body.style.setProperty('cursor', '');
|
|
15
|
-
}, [
|
|
13
|
+
}, [setActiveId, onPreviewResetState]);
|
|
16
14
|
const handlePreviewDragStart = useCallback(_ref2 => {
|
|
17
15
|
let {
|
|
18
16
|
active: {
|
|
@@ -20,19 +18,10 @@ const useHierarchyPreviewHandlers = _ref => {
|
|
|
20
18
|
}
|
|
21
19
|
} = _ref2;
|
|
22
20
|
setActiveId(id);
|
|
23
|
-
setOverId(id);
|
|
24
21
|
document.body.style.setProperty('cursor', 'grabbing');
|
|
25
22
|
onPreviewDragStart();
|
|
26
|
-
}, [setActiveId,
|
|
23
|
+
}, [setActiveId, onPreviewDragStart]);
|
|
27
24
|
const handlePreviewDragMove = useCallback(() => null, []);
|
|
28
|
-
const handlePreviewDragOver = useCallback(_ref3 => {
|
|
29
|
-
var _over$id;
|
|
30
|
-
|
|
31
|
-
let {
|
|
32
|
-
over
|
|
33
|
-
} = _ref3;
|
|
34
|
-
setOverId((_over$id = over === null || over === void 0 ? void 0 : over.id) !== null && _over$id !== void 0 ? _over$id : '');
|
|
35
|
-
}, [setOverId]);
|
|
36
25
|
const handlePreviewDragEnd = useCallback(() => {
|
|
37
26
|
resetState();
|
|
38
27
|
}, [resetState]);
|
|
@@ -42,7 +31,6 @@ const useHierarchyPreviewHandlers = _ref => {
|
|
|
42
31
|
return {
|
|
43
32
|
handlePreviewDragStart,
|
|
44
33
|
handlePreviewDragMove,
|
|
45
|
-
handlePreviewDragOver,
|
|
46
34
|
handlePreviewDragEnd,
|
|
47
35
|
handlePreviewDragCancel
|
|
48
36
|
};
|
package/package.json
CHANGED
|
@@ -23,12 +23,10 @@ export declare type DndContextPropsType = {
|
|
|
23
23
|
export declare type useHierarchyPreviewHandlersReturn = {
|
|
24
24
|
handlePreviewDragStart: (e: DragStartEvent) => void;
|
|
25
25
|
handlePreviewDragMove: (e: DragMoveEvent) => void;
|
|
26
|
-
handlePreviewDragOver: (e: DragOverEvent) => void;
|
|
27
26
|
handlePreviewDragEnd: (e: DragEndEvent) => void;
|
|
28
27
|
handlePreviewDragCancel: (e: DragCancelEvent) => void;
|
|
29
28
|
};
|
|
30
29
|
export declare type useHierarchyPreviewHandlersArgs = {
|
|
31
|
-
setOverId: React.Dispatch<React.SetStateAction<string>>;
|
|
32
30
|
setActiveId: React.Dispatch<React.SetStateAction<string>>;
|
|
33
31
|
onPreviewResetState: () => void;
|
|
34
32
|
onPreviewDragStart: () => void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { useHierarchyPreviewHandlersReturn, useHierarchyPreviewHandlersArgs } from './types';
|
|
2
|
-
export declare const useHierarchyPreviewHandlers: ({
|
|
2
|
+
export declare const useHierarchyPreviewHandlers: ({ setActiveId, onPreviewResetState, onPreviewDragStart, }: useHierarchyPreviewHandlersArgs) => useHierarchyPreviewHandlersReturn;
|