@asup/tree-of-nodes 1.0.0 → 1.0.2

package/README.md

@@ -5,7 +5,7 @@
 
 [![npm][npm]][npm-url]
 [![size][size]][size-url]
-![npm bundle size](https://img.shields.io/bundlephobia/min/@asup/simple-table)
+![npm bundle size](https://img.shields.io/bundlephobia/min/@asup/tree-of-nodes)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://raw.githubusercontent.com/PaulDThomas/tree-of-nodes/master/LICENCE)
 
 # @asup/tree-of-notes
@@ -98,7 +98,7 @@ export interface iNodeUpdate {
 Inbuilt context menu provider, takes a list of available actions and renders a context menu on appropriate click.
 
 ```
-import { ContextMenuProvider, iMenuItem } from '@asup/tree-of-nodes';
+import { ContextMenuProvider, iMenuItem, MenuContext } from '@asup/tree-of-nodes';
 import '@asup/tree-of-nodes/dist/style.css';
 
 ... inside REACT component
@@ -107,8 +107,7 @@ import '@asup/tree-of-nodes/dist/style.css';
 
   <SomeChild
 
-    const showMenu () = useCallback(
-    (e: React.MouseEvent<HTMLDivElement>) => {
+    const showMenu = useCallback((e) => {
       e.preventDefault();
       e.stopPropagation();
       const menuItems: iMenuItem[] = [

package/dist/cjs/__tests__/ContextMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/__tests__/TreeNode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/__tests__/TreeOfNodes.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/__tests__/WordEntry.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{src → cjs}/components/TreeOfNodesContext.d.ts

@@ -3,18 +3,18 @@ export interface iNodeUpdate {
     success: boolean;
     ErrorText?: string;
 }
-export type TreeNodeBase = {
+export interface TreeNodeBase {
     id: Key;
     label: string;
     parentId?: Key;
-};
-export type TreeNodeData<T> = {
+}
+export interface TreeNodeData<T> {
     id: Key;
     label: string;
     parentId?: Key;
     data: T;
-};
-export type TreeOfNodesContextData<T> = {
+}
+export interface TreeOfNodesContextData<T> {
     id: string;
     nodeList: TreeNodeData<T>[];
     selectedId?: Key;
@@ -24,5 +24,5 @@ export type TreeOfNodesContextData<T> = {
     onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;
     onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;
     onRemove?: (id: Key) => Promise<iNodeUpdate>;
-};
+}
 export declare const TreeOfNodesContext: import("react").Context<TreeOfNodesContextData<unknown>>;

package/dist/cjs/{src/components → components}/index.d.ts

@@ -1,8 +1,8 @@
 import { ContextMenu } from './ContextMenu';
-import { ContextMenuProvider } from './ContextMenuProvider';
+import { ContextMenuProvider, iMenuItem, MenuContext } from './ContextMenuProvider';
 import { TreeNode } from './TreeNode';
 import { TreeOfNodes } from './TreeOfNodes';
 import { iNodeUpdate, TreeNodeBase, TreeNodeData } from './TreeOfNodesContext';
 import { WordEntry } from './WordEntry';
 export { ContextMenu, ContextMenuProvider, TreeNode, TreeOfNodes, WordEntry };
-export type { TreeNodeBase, TreeNodeData, iNodeUpdate };
+export type { TreeNodeBase, TreeNodeData, iNodeUpdate, iMenuItem, MenuContext };

package/dist/cjs/main.js

@@ -4,20 +4,20 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
+    }
+    n.default = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

package/dist/{cjs/src/components → components}/TreeOfNodesContext.d.ts

@@ -3,18 +3,18 @@ export interface iNodeUpdate {
     success: boolean;
     ErrorText?: string;
 }
-export type TreeNodeBase = {
+export interface TreeNodeBase {
     id: Key;
     label: string;
     parentId?: Key;
-};
-export type TreeNodeData<T> = {
+}
+export interface TreeNodeData<T> {
     id: Key;
     label: string;
     parentId?: Key;
     data: T;
-};
-export type TreeOfNodesContextData<T> = {
+}
+export interface TreeOfNodesContextData<T> {
     id: string;
     nodeList: TreeNodeData<T>[];
     selectedId?: Key;
@@ -24,5 +24,5 @@ export type TreeOfNodesContextData<T> = {
     onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;
     onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;
     onRemove?: (id: Key) => Promise<iNodeUpdate>;
-};
+}
 export declare const TreeOfNodesContext: import("react").Context<TreeOfNodesContextData<unknown>>;

package/dist/{src/components → components}/index.d.ts

@@ -1,8 +1,8 @@
 import { ContextMenu } from './ContextMenu';
-import { ContextMenuProvider } from './ContextMenuProvider';
+import { ContextMenuProvider, iMenuItem, MenuContext } from './ContextMenuProvider';
 import { TreeNode } from './TreeNode';
 import { TreeOfNodes } from './TreeOfNodes';
 import { iNodeUpdate, TreeNodeBase, TreeNodeData } from './TreeOfNodesContext';
 import { WordEntry } from './WordEntry';
 export { ContextMenu, ContextMenuProvider, TreeNode, TreeOfNodes, WordEntry };
-export type { TreeNodeBase, TreeNodeData, iNodeUpdate };
+export type { TreeNodeBase, TreeNodeData, iNodeUpdate, iMenuItem, MenuContext };

package/dist/tree-of-nodes.d.ts

@@ -1,32 +1,89 @@
-import * as React from 'react';
+import React, { Key } from 'react';
 
-declare const ContextMenu: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-declare function ContextMenuProvider({ children }: {
-    children: any;
-}): any;
-declare function TreeNode({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: {
-    id: any;
-    canRemove: any;
-    canRename: any;
-    canAddChildren: any;
-    canRemoveChildren: any;
-    canRenameChildren: any;
-}): any;
-declare function TreeOfNodes({ id, nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: {
-    id: any;
-    nodeList: any;
-    roots: any;
-    canRemoveRoot?: boolean | undefined;
-    canRenameRoot?: boolean | undefined;
-    canAddChildren?: boolean | undefined;
-    canRemoveChildren?: boolean | undefined;
-    canRenameChildren?: boolean | undefined;
-    selectedId: any;
-    handleSelect?: (() => void) | undefined;
-    onAdd: any;
-    onRename: any;
-    onRemove: any;
-}): any;
-declare const WordEntry: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+interface iContextMenuSettings {
+    visible?: boolean;
+    x?: number;
+    y?: number;
+    set?: (ret: {
+        visible?: boolean;
+        x?: number;
+        y?: number;
+        menuItems?: iMenuItem[];
+    }) => void;
+}
+interface contextMenuProps {
+    entries: iMenuItem[];
+    visible: boolean;
+    xPos: number;
+    yPos: number;
+}
+interface iMenuItem {
+    label?: string;
+    action?: () => void;
+}
+declare const MenuContext: React.Context<iContextMenuSettings>;
+interface iContextMenuProvider {
+    children: React.ReactNode;
+}
+declare const ContextMenuProvider: ({ children }: iContextMenuProvider) => JSX.Element;
 
-export { ContextMenu, ContextMenuProvider, TreeNode, TreeOfNodes, WordEntry };
+declare const ContextMenu: React.ForwardRefExoticComponent<contextMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+interface TreeNodeProps {
+    id: Key;
+    indentLevel?: number;
+    canRemove?: boolean;
+    canRename?: boolean;
+    canAddChildren?: boolean;
+    canRemoveChildren?: boolean;
+    canRenameChildren?: boolean;
+    refresh?: () => void;
+}
+declare const TreeNode: ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps) => JSX.Element;
+
+interface iNodeUpdate {
+    success: boolean;
+    ErrorText?: string;
+}
+interface TreeNodeBase {
+    id: Key;
+    label: string;
+    parentId?: Key;
+}
+interface TreeNodeData<T> {
+    id: Key;
+    label: string;
+    parentId?: Key;
+    data: T;
+}
+
+interface iTreeOfNodes<T> {
+    id: string;
+    nodeList: TreeNodeData<T>[];
+    roots: Key[];
+    selectedId?: Key;
+    handleSelect?: (ret: Key) => void;
+    onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;
+    onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;
+    onRemove?: (childId: Key) => Promise<iNodeUpdate>;
+    canAddRoot?: boolean;
+    canRemoveRoot?: boolean;
+    canRenameRoot?: boolean;
+    canAddChildren?: boolean;
+    canRemoveChildren?: boolean;
+    canRenameChildren?: boolean;
+}
+declare const TreeOfNodes: <T extends unknown>({ id, nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
+
+interface WordEntryProps {
+    id: Key;
+    value?: string;
+    editing?: boolean;
+    saving?: boolean;
+    setValue?: (ret: string) => void;
+    sendEscape?: () => void;
+    style?: React.CSSProperties;
+}
+declare const WordEntry: React.ForwardRefExoticComponent<WordEntryProps & React.RefAttributes<HTMLInputElement>>;
+
+export { ContextMenu, ContextMenuProvider, MenuContext, TreeNode, TreeNodeBase, TreeNodeData, TreeOfNodes, WordEntry, iMenuItem, iNodeUpdate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/tree-of-nodes",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "REACT Typescript Treeview component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -51,7 +51,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "jest": "^29.2.2",
-    "jest-environment-jsdom": "^29.3.0",
+    "jest-environment-jsdom": "^29.3.1",
     "lint-staged": "^13.0.3",
     "parcel": "^2.7.0",
     "postcss": "^8.4.18",
@@ -62,10 +62,8 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.34.1",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
-    "tslib": "^2.4.1",
     "typescript": "^4.9.3"
   },
   "lint-staged": {