@asup/tree-of-nodes 0.9.0 → 0.9.1

package/README.md

@@ -1,4 +1,5 @@
 # Tree of nodes for REACT
 
-REACT treeview, because I couldn't quite find what I wanted
-Works with bootstrap
+REACT treeview, because I couldn't quite find what I wanted.
+
+Works with/needs bootstrap, react-bootstrap, react-bootstrap-icons.

package/dist/cjs/components/ContextMenu.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { contextMenuProps } from './ContextMenuProvider';
+import './ContextMenu.css';
 export declare const ContextMenu: React.ForwardRefExoticComponent<contextMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/TreeOfNodes.d.ts

@@ -39,6 +39,6 @@ declare type TreeOfNodesContextData<T> = {
     onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;
     onRemove?: (id: Key) => Promise<iNodeUpdate>;
 };
-export declare const TreeOfNodesContext: import("react").Context<TreeOfNodesContextData<object>>;
-export declare const TreeOfNodes: <T extends object>({ nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
+export declare const TreeOfNodesContext: import("react").Context<TreeOfNodesContextData<unknown>>;
+export declare const TreeOfNodes: <T extends unknown>({ nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
 export {};

package/dist/cjs/components/index.d.ts

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

package/dist/cjs/main.js

@@ -1566,8 +1566,8 @@ const WordEntry = React.forwardRef(({ id, value, editing, saving, setValue, send
             paddingRight: '3px',
             border: '1px',
             borderRadius: '3px',
-            ...style,
             display: 'inline-block',
+            ...style,
         });
     }, [style]);
     // Simple if not editing
@@ -1679,7 +1679,7 @@ const TreeNode = ({ id, canRemove, canRename, canAddChildren, canRemoveChildren,
         e.stopPropagation();
         const menuItems = [];
         if (canAddChildren)
-            menuItems.push({ label: 'Add directory', action: addChild });
+            menuItems.push({ label: 'Add', action: addChild });
         if (canRename)
             menuItems.push({ label: 'Rename', action: renameThis });
         if (canRemove && (childNodes === undefined || childNodes.length === 0))
@@ -1716,7 +1716,7 @@ const TreeNode = ({ id, canRemove, canRename, canAddChildren, canRemoveChildren,
                         visibility: expanded ? 'inherit' : 'hidden',
                         opacity: expanded ? 1 : 0,
                         transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',
-                    }, children: jsxRuntime.jsx(TreeNode, { id: h.id, canRemove: canRemoveChildren, canRename: canRenameChildren, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren }) }, h.id))) })), showNewNode && (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(WordEntry, { id: id ? `hierarchynode-new-${id}` : undefined, ref: newNameRef, editing: true, setValue: (ret) => {
+                    }, children: jsxRuntime.jsx(TreeNode, { id: h.id, canRemove: canRemoveChildren, canRename: canRenameChildren, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren }) }, h.id))) })), showNewNode && (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(WordEntry, { style: { marginLeft: '14px' }, id: id ? `hierarchynode-new-${id}` : undefined, ref: newNameRef, editing: true, setValue: (ret) => {
                         confirmNewNode(ret);
                     }, saving: savingNewNode, sendEscape: () => {
                         setShowNewNode(false);

package/dist/cjs/style.css

@@ -0,0 +1 @@
+.context-menu{background-color:#fbfdf6;border:1px solid #111418;border-radius:8px;opacity:1;position:absolute;visibility:hidden}.context-menu.visible{visibility:"inherit"}.context-menu-item{color:#111418;cursor:pointer;min-width:80px;padding:0 4px}.context-menu-item:first-child{padding-top:2px}.context-menu-item:last-child{padding-bottom:2px}.context-menu-item:hover{background-color:#fbe9e6}.context-menu-item:hover:first-child{border-radius:6px 6px 0 0}.context-menu-item:hover:last-child{border-radius:0 0 6px 6px}

package/dist/{esm/components → components}/ContextMenu.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { contextMenuProps } from './ContextMenuProvider';
+import './ContextMenu.css';
 export declare const ContextMenu: React.ForwardRefExoticComponent<contextMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{esm/components → components}/TreeOfNodes.d.ts

@@ -39,6 +39,6 @@ declare type TreeOfNodesContextData<T> = {
     onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;
     onRemove?: (id: Key) => Promise<iNodeUpdate>;
 };
-export declare const TreeOfNodesContext: import("react").Context<TreeOfNodesContextData<object>>;
-export declare const TreeOfNodes: <T extends object>({ nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
+export declare const TreeOfNodesContext: import("react").Context<TreeOfNodesContextData<unknown>>;
+export declare const TreeOfNodes: <T extends unknown>({ nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
 export {};

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

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

package/dist/{esm/main.js → main.js}

@@ -1546,8 +1546,8 @@ const WordEntry = React__default.forwardRef(({ id, value, editing, saving, setVa
             paddingRight: '3px',
             border: '1px',
             borderRadius: '3px',
-            ...style,
             display: 'inline-block',
+            ...style,
         });
     }, [style]);
     // Simple if not editing
@@ -1659,7 +1659,7 @@ const TreeNode = ({ id, canRemove, canRename, canAddChildren, canRemoveChildren,
         e.stopPropagation();
         const menuItems = [];
         if (canAddChildren)
-            menuItems.push({ label: 'Add directory', action: addChild });
+            menuItems.push({ label: 'Add', action: addChild });
         if (canRename)
             menuItems.push({ label: 'Rename', action: renameThis });
         if (canRemove && (childNodes === undefined || childNodes.length === 0))
@@ -1696,7 +1696,7 @@ const TreeNode = ({ id, canRemove, canRename, canAddChildren, canRemoveChildren,
                         visibility: expanded ? 'inherit' : 'hidden',
                         opacity: expanded ? 1 : 0,
                         transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',
-                    }, children: jsx(TreeNode, { id: h.id, canRemove: canRemoveChildren, canRename: canRenameChildren, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren }) }, h.id))) })), showNewNode && (jsx("div", { children: jsx(WordEntry, { id: id ? `hierarchynode-new-${id}` : undefined, ref: newNameRef, editing: true, setValue: (ret) => {
+                    }, children: jsx(TreeNode, { id: h.id, canRemove: canRemoveChildren, canRename: canRenameChildren, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren }) }, h.id))) })), showNewNode && (jsx("div", { children: jsx(WordEntry, { style: { marginLeft: '14px' }, id: id ? `hierarchynode-new-${id}` : undefined, ref: newNameRef, editing: true, setValue: (ret) => {
                         confirmNewNode(ret);
                     }, saving: savingNewNode, sendEscape: () => {
                         setShowNewNode(false);

package/dist/style.css

@@ -0,0 +1 @@
+.context-menu{background-color:#fbfdf6;border:1px solid #111418;border-radius:8px;opacity:1;position:absolute;visibility:hidden}.context-menu.visible{visibility:"inherit"}.context-menu-item{color:#111418;cursor:pointer;min-width:80px;padding:0 4px}.context-menu-item:first-child{padding-top:2px}.context-menu-item:last-child{padding-bottom:2px}.context-menu-item:hover{background-color:#fbe9e6}.context-menu-item:hover:first-child{border-radius:6px 6px 0 0}.context-menu-item:hover:last-child{border-radius:0 0 6px 6px}

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

@@ -29,6 +29,11 @@ interface TreeNodeProps {
 }
 declare const TreeNode: ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps) => JSX.Element;
 
+declare type TreeNodeBase = {
+    id: Key;
+    label: string;
+    parentId?: Key;
+};
 declare type TreeNodeData<T> = {
     id: Key;
     label: string;
@@ -54,7 +59,7 @@ interface iTreeOfNodes<T> {
     canRemoveChildren?: boolean;
     canRenameChildren?: boolean;
 }
-declare const TreeOfNodes: <T extends object>({ nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
+declare const TreeOfNodes: <T extends unknown>({ nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: iTreeOfNodes<T>) => JSX.Element;
 
 interface WordEntryProps {
     id?: string;
@@ -67,4 +72,4 @@ interface WordEntryProps {
 }
 declare const WordEntry: React.ForwardRefExoticComponent<WordEntryProps & React.RefAttributes<HTMLInputElement>>;
 
-export { ContextMenu, ContextMenuProvider, TreeNode, TreeNodeData, TreeOfNodes, WordEntry, iNodeUpdate };
+export { ContextMenu, ContextMenuProvider, TreeNode, TreeNodeBase, TreeNodeData, TreeOfNodes, WordEntry, iNodeUpdate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/tree-of-nodes",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "REACT Typescript Treeview component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -69,7 +69,7 @@
     "**/*": "prettier --write --ignore-unknown"
   },
   "main": "dist/cjs/main.js",
-  "module": "dist/esm/main.js",
+  "module": "dist/main.js",
   "types": "dist/tree-of-nodes.d.ts",
   "files": [
     "dist"
@@ -93,8 +93,8 @@
     ]
   },
   "scripts": {
-    "build": "rollup -c --configPlugin typescript && parcel build demo/index.html -d demo/public --public-url ./",
-    "start": "parcel demo/index.html",
+    "build": "rollup -c --configPlugin typescript",
+    "start": "parcel demo/index.html --dist-dir demo/dist",
     "test": "jest"
   }
 }