@reltio/components 1.4.2000 → 1.4.2001
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.
- package/cjs/RCTree/RCTree.d.ts +17 -14
- package/cjs/RCTree/RCTree.js +24 -8
- package/cjs/RCTree/RCTreeLevelLines.d.ts +4 -0
- package/cjs/RCTree/RCTreeLevelLines.js +32 -0
- package/cjs/RCTree/RCTreeSwitchRenderer.d.ts +7 -0
- package/cjs/RCTree/{DefaultSwitchRenderer.js → RCTreeSwitchRenderer.js} +3 -3
- package/cjs/RCTree/helper.d.ts +10 -5
- package/cjs/RCTree/helper.js +49 -3
- package/cjs/RCTree/index.d.ts +2 -0
- package/cjs/RCTree/index.js +5 -1
- package/cjs/RCTree/levelLinesStyles.d.ts +5 -0
- package/cjs/RCTree/levelLinesStyles.js +53 -0
- package/cjs/RCTree/styles.d.ts +1 -1
- package/cjs/RCTree/styles.js +63 -30
- package/cjs/RCTree/types.d.ts +3 -2
- package/cjs/RCTree/useDnd.d.ts +16 -16
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +6 -4
- package/esm/RCTree/RCTree.d.ts +17 -14
- package/esm/RCTree/RCTree.js +26 -10
- package/esm/RCTree/RCTreeLevelLines.d.ts +4 -0
- package/esm/RCTree/RCTreeLevelLines.js +25 -0
- package/esm/RCTree/RCTreeSwitchRenderer.d.ts +7 -0
- package/esm/RCTree/{DefaultSwitchRenderer.js → RCTreeSwitchRenderer.js} +1 -1
- package/esm/RCTree/helper.d.ts +10 -5
- package/esm/RCTree/helper.js +44 -1
- package/esm/RCTree/index.d.ts +2 -0
- package/esm/RCTree/index.js +2 -0
- package/esm/RCTree/levelLinesStyles.d.ts +5 -0
- package/esm/RCTree/levelLinesStyles.js +50 -0
- package/esm/RCTree/styles.d.ts +1 -1
- package/esm/RCTree/styles.js +63 -30
- package/esm/RCTree/types.d.ts +3 -2
- package/esm/RCTree/useDnd.d.ts +16 -16
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/package.json +1 -1
- package/cjs/RCTree/DefaultSwitchRenderer.d.ts +0 -7
- package/esm/RCTree/DefaultSwitchRenderer.d.ts +0 -7
package/esm/RCTree/useDnd.d.ts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { DragEvent } from 'react';
|
|
2
2
|
import { InternalRCNode, RCTreeNode } from './types';
|
|
3
|
-
type Props = {
|
|
4
|
-
treeData:
|
|
3
|
+
type Props<Node extends RCTreeNode> = {
|
|
4
|
+
treeData: Node[];
|
|
5
5
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
6
6
|
expandNode: (pos: string, expanded: boolean) => void;
|
|
7
|
-
onLoadChildren?: (treeNode:
|
|
8
|
-
onChange?: (node:
|
|
9
|
-
onDrop?: (treeData:
|
|
7
|
+
onLoadChildren?: (treeNode: Node) => Promise<void>;
|
|
8
|
+
onChange?: (node: Node[]) => void;
|
|
9
|
+
onDrop?: (treeData: Node[], dragNode: Node, parentNode: Node) => void;
|
|
10
10
|
canDrop?: (params: {
|
|
11
|
-
nextParent:
|
|
12
|
-
node:
|
|
11
|
+
nextParent: Node;
|
|
12
|
+
node: Node;
|
|
13
13
|
}) => boolean;
|
|
14
14
|
canDrag?: (params: {
|
|
15
|
-
node:
|
|
15
|
+
node: Node;
|
|
16
16
|
}) => boolean;
|
|
17
17
|
};
|
|
18
|
-
export declare const useDnd: ({ treeData, containerRef, expandNode, onLoadChildren, onChange, onDrop: onDropProp, canDrop, canDrag }: Props) => {
|
|
18
|
+
export declare const useDnd: <Node extends RCTreeNode>({ treeData, containerRef, expandNode, onLoadChildren, onChange, onDrop: onDropProp, canDrop, canDrag }: Props<Node>) => {
|
|
19
19
|
treeProps: {
|
|
20
20
|
onDragStart: ({ node }: {
|
|
21
|
-
node: InternalRCNode
|
|
21
|
+
node: InternalRCNode<Node>;
|
|
22
22
|
}) => void;
|
|
23
23
|
onDragOver: ({ event, node }: {
|
|
24
24
|
event: DragEvent<HTMLDivElement>;
|
|
25
|
-
node: InternalRCNode
|
|
25
|
+
node: InternalRCNode<Node>;
|
|
26
26
|
}) => void;
|
|
27
27
|
onDragLeave: ({ event, node }: {
|
|
28
28
|
event: any;
|
|
@@ -31,13 +31,13 @@ export declare const useDnd: ({ treeData, containerRef, expandNode, onLoadChildr
|
|
|
31
31
|
onDrop: () => void;
|
|
32
32
|
dropIndicatorRender: () => any;
|
|
33
33
|
allowDrop: ({ dragNode, dropNode }: {
|
|
34
|
-
dragNode: InternalRCNode
|
|
35
|
-
dropNode: InternalRCNode
|
|
34
|
+
dragNode: InternalRCNode<Node>;
|
|
35
|
+
dropNode: InternalRCNode<Node>;
|
|
36
36
|
}) => boolean;
|
|
37
37
|
};
|
|
38
|
-
nodeDraggable: (node: InternalRCNode) => boolean;
|
|
39
|
-
dropNode: InternalRCNode
|
|
40
|
-
dragNode: InternalRCNode
|
|
38
|
+
nodeDraggable: (node: InternalRCNode<Node>) => boolean;
|
|
39
|
+
dropNode: InternalRCNode<Node>;
|
|
40
|
+
dragNode: InternalRCNode<Node>;
|
|
41
41
|
dropPositionInfo: {
|
|
42
42
|
pos: string;
|
|
43
43
|
dropPosition: number;
|
package/esm/index.d.ts
CHANGED
|
@@ -151,7 +151,7 @@ export { QueryBuilderRow } from './QueryBuilderRow';
|
|
|
151
151
|
export { QueryBuilderRowsGroup } from './QueryBuilderRowsGroup';
|
|
152
152
|
export { MultiSelect } from './MultiSelect';
|
|
153
153
|
export { ReactSortableTree, reactSortableTreeHelpers } from './ReactSortableTree';
|
|
154
|
-
export { RCTree } from './RCTree';
|
|
154
|
+
export { RCTree, RCTreeLevelLines, RCTreeSwitchRenderer } from './RCTree';
|
|
155
155
|
export { ReltioGridLayout } from './ReltioGridLayout';
|
|
156
156
|
export { ResizablePanes } from './ResizablePanes';
|
|
157
157
|
export { ProfileResizablePanes } from './ProfileResizablePanes';
|
package/esm/index.js
CHANGED
|
@@ -152,7 +152,7 @@ export { QueryBuilderRow } from './QueryBuilderRow';
|
|
|
152
152
|
export { QueryBuilderRowsGroup } from './QueryBuilderRowsGroup';
|
|
153
153
|
export { MultiSelect } from './MultiSelect';
|
|
154
154
|
export { ReactSortableTree, reactSortableTreeHelpers } from './ReactSortableTree';
|
|
155
|
-
export { RCTree } from './RCTree';
|
|
155
|
+
export { RCTree, RCTreeLevelLines, RCTreeSwitchRenderer } from './RCTree';
|
|
156
156
|
export { ReltioGridLayout } from './ReltioGridLayout';
|
|
157
157
|
export { ResizablePanes } from './ResizablePanes';
|
|
158
158
|
export { ProfileResizablePanes } from './ProfileResizablePanes';
|
package/package.json
CHANGED