@asup/tree-of-nodes 1.0.1 → 1.0.2
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/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
[![npm][npm]][npm-url]
|
|
7
7
|
[![size][size]][size-url]
|
|
8
|
-

|
|
9
9
|
[](https://raw.githubusercontent.com/PaulDThomas/tree-of-nodes/master/LICENCE)
|
|
10
10
|
|
|
11
11
|
# @asup/tree-of-notes
|
|
@@ -98,7 +98,7 @@ export interface iNodeUpdate {
|
|
|
98
98
|
Inbuilt context menu provider, takes a list of available actions and renders a context menu on appropriate click.
|
|
99
99
|
|
|
100
100
|
```
|
|
101
|
-
import { ContextMenuProvider, iMenuItem } from '@asup/tree-of-nodes';
|
|
101
|
+
import { ContextMenuProvider, iMenuItem, MenuContext } from '@asup/tree-of-nodes';
|
|
102
102
|
import '@asup/tree-of-nodes/dist/style.css';
|
|
103
103
|
|
|
104
104
|
... inside REACT component
|
|
@@ -107,8 +107,7 @@ import '@asup/tree-of-nodes/dist/style.css';
|
|
|
107
107
|
|
|
108
108
|
<SomeChild
|
|
109
109
|
|
|
110
|
-
const showMenu ()
|
|
111
|
-
(e: React.MouseEvent<HTMLDivElement>) => {
|
|
110
|
+
const showMenu = useCallback((e) => {
|
|
112
111
|
e.preventDefault();
|
|
113
112
|
e.stopPropagation();
|
|
114
113
|
const menuItems: iMenuItem[] = [
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ContextMenu } from './ContextMenu';
|
|
2
|
-
import { ContextMenuProvider } from './ContextMenuProvider';
|
|
2
|
+
import { ContextMenuProvider, iMenuItem, MenuContext } from './ContextMenuProvider';
|
|
3
3
|
import { TreeNode } from './TreeNode';
|
|
4
4
|
import { TreeOfNodes } from './TreeOfNodes';
|
|
5
5
|
import { iNodeUpdate, TreeNodeBase, TreeNodeData } from './TreeOfNodesContext';
|
|
6
6
|
import { WordEntry } from './WordEntry';
|
|
7
7
|
export { ContextMenu, ContextMenuProvider, TreeNode, TreeOfNodes, WordEntry };
|
|
8
|
-
export type { TreeNodeBase, TreeNodeData, iNodeUpdate };
|
|
8
|
+
export type { TreeNodeBase, TreeNodeData, iNodeUpdate, iMenuItem, MenuContext };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ContextMenu } from './ContextMenu';
|
|
2
|
-
import { ContextMenuProvider } from './ContextMenuProvider';
|
|
2
|
+
import { ContextMenuProvider, iMenuItem, MenuContext } from './ContextMenuProvider';
|
|
3
3
|
import { TreeNode } from './TreeNode';
|
|
4
4
|
import { TreeOfNodes } from './TreeOfNodes';
|
|
5
5
|
import { iNodeUpdate, TreeNodeBase, TreeNodeData } from './TreeOfNodesContext';
|
|
6
6
|
import { WordEntry } from './WordEntry';
|
|
7
7
|
export { ContextMenu, ContextMenuProvider, TreeNode, TreeOfNodes, WordEntry };
|
|
8
|
-
export type { TreeNodeBase, TreeNodeData, iNodeUpdate };
|
|
8
|
+
export type { TreeNodeBase, TreeNodeData, iNodeUpdate, iMenuItem, MenuContext };
|
package/dist/tree-of-nodes.d.ts
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
import React, { Key } from 'react';
|
|
2
2
|
|
|
3
|
+
interface iContextMenuSettings {
|
|
4
|
+
visible?: boolean;
|
|
5
|
+
x?: number;
|
|
6
|
+
y?: number;
|
|
7
|
+
set?: (ret: {
|
|
8
|
+
visible?: boolean;
|
|
9
|
+
x?: number;
|
|
10
|
+
y?: number;
|
|
11
|
+
menuItems?: iMenuItem[];
|
|
12
|
+
}) => void;
|
|
13
|
+
}
|
|
3
14
|
interface contextMenuProps {
|
|
4
15
|
entries: iMenuItem[];
|
|
5
16
|
visible: boolean;
|
|
@@ -10,6 +21,7 @@ interface iMenuItem {
|
|
|
10
21
|
label?: string;
|
|
11
22
|
action?: () => void;
|
|
12
23
|
}
|
|
24
|
+
declare const MenuContext: React.Context<iContextMenuSettings>;
|
|
13
25
|
interface iContextMenuProvider {
|
|
14
26
|
children: React.ReactNode;
|
|
15
27
|
}
|
|
@@ -74,4 +86,4 @@ interface WordEntryProps {
|
|
|
74
86
|
}
|
|
75
87
|
declare const WordEntry: React.ForwardRefExoticComponent<WordEntryProps & React.RefAttributes<HTMLInputElement>>;
|
|
76
88
|
|
|
77
|
-
export { ContextMenu, ContextMenuProvider, TreeNode, TreeNodeBase, TreeNodeData, TreeOfNodes, WordEntry, iNodeUpdate };
|
|
89
|
+
export { ContextMenu, ContextMenuProvider, MenuContext, TreeNode, TreeNodeBase, TreeNodeData, TreeOfNodes, WordEntry, iMenuItem, iNodeUpdate };
|