@asup/tree-of-nodes 2.0.4 → 2.0.6

package/dist/main.js

@@ -1,9 +1,8 @@
 import "./main.css";
-import {jsx as $duWW8$jsx, jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment} from "react/jsx-runtime";
+import {jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment, jsx as $duWW8$jsx} from "react/jsx-runtime";
 import {ContextMenuHandler as $duWW8$ContextMenuHandler} from "@asup/context-menu";
-import $duWW8$react, {useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, useState as $duWW8$useState, useRef as $duWW8$useRef, useEffect as $duWW8$useEffect, useCallback as $duWW8$useCallback, createContext as $duWW8$createContext} from "react";
+import $duWW8$react, {useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, useState as $duWW8$useState, useEffect as $duWW8$useEffect, useRef as $duWW8$useRef, useCallback as $duWW8$useCallback, createContext as $duWW8$createContext} from "react";
 import {ExclamationCircleFill as $duWW8$ExclamationCircleFill, CaretRightFill as $duWW8$CaretRightFill, CaretDownFill as $duWW8$CaretDownFill, CaretRight as $duWW8$CaretRight} from "react-bootstrap-icons";
-import {_ as $duWW8$_} from "@swc/helpers/_/_object_spread";
 import {Spinner as $duWW8$Spinner} from "react-bootstrap";
 
 
@@ -54,21 +53,7 @@ const $886f402bccb0fd30$export$29ec378200e05207 = (0, $duWW8$createContext)(unde
 
 
 
-
 const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react).forwardRef(({ id: id, value: value, editing: editing, saving: saving, setValue: setValue, sendEscape: sendEscape, style: style, spellCheck: spellCheck = "true" }, ref)=>{
-    $84765747a8c6bfe2$export$14f190ac910bde69.displayName = "WordEntry";
-    const currentStyle = (0, $duWW8$useMemo)(()=>{
-        return (0, $duWW8$_)({
-            display: "inline-block",
-            padding: "1px",
-            paddingLeft: "3px",
-            paddingRight: "3px",
-            border: "1px",
-            borderRadius: "3px"
-        }, style);
-    }, [
-        style
-    ]);
     const [currentValue, setCurrentValue] = (0, $duWW8$useState)(value !== null && value !== void 0 ? value : "");
     (0, $duWW8$useEffect)(()=>{
         setCurrentValue(value !== null && value !== void 0 ? value : "");
@@ -91,17 +76,36 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
         sendEscape,
         value
     ]);
-    // Simple if not editing
-    if (!editing) return /*#__PURE__*/ (0, $duWW8$jsx)("span", {
-        style: currentStyle,
+    // Add window onMouseDown event to stop events when editing
+    (0, $duWW8$useEffect)(()=>{
+        const handleMouseDown = (e)=>{
+            const target = e.target;
+            if (editing && target.id !== `${id}` && target.id !== `${id}-holder` && target.id !== `${id}-spinner` && target.className !== "ton-rename") {
+                e.preventDefault();
+                e.stopPropagation();
+                returnData();
+            }
+        };
+        window.addEventListener("mousedown", handleMouseDown);
+        return ()=>{
+            window.removeEventListener("mousedown", handleMouseDown);
+        };
+    }, [
+        editing,
+        id,
+        returnData
+    ]);
+    return !editing ? /*#__PURE__*/ (0, $duWW8$jsx)("span", {
+        className: "ton-label-span",
+        style: style,
         id: `${id}`,
         children: value ? value : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$Fragment), {
             children: "\xa0"
         })
-    });
-    return /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
-        style: currentStyle,
+    }) : /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
+        style: style,
         id: `${id}-holder`,
+        className: "ton-rename-holder",
         children: [
             saving && /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$Spinner), {
                 id: `${id}-spinner`,
@@ -114,12 +118,7 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
                 id: String(id),
                 ref: ref,
                 type: "text",
-                style: {
-                    lineHeight: "0.75rem",
-                    border: "1px dotted black",
-                    width: "auto",
-                    minWidth: "0"
-                },
+                className: "ton-rename",
                 value: currentValue,
                 disabled: saving,
                 onChange: (e)=>setCurrentValue(e.currentTarget.value),
@@ -129,6 +128,7 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
         ]
     });
 });
+$84765747a8c6bfe2$export$14f190ac910bde69.displayName = "WordEntry";
 
 
 const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemove, canRename: canRename, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren })=>{
@@ -152,7 +152,7 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
     ]);
     // State
     const [error, setError] = (0, $duWW8$useState)(false);
-    const [errorText, setErrotText] = (0, $duWW8$useState)("");
+    const [errorText, setErrorText] = (0, $duWW8$useState)("");
     const expanded = (0, $duWW8$useMemo)(()=>{
         var _treeContext_expandedNodes_findIndex;
         return ((_treeContext_expandedNodes_findIndex = treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes.findIndex((e)=>e === id)) !== null && _treeContext_expandedNodes_findIndex !== void 0 ? _treeContext_expandedNodes_findIndex : -1) > -1;
@@ -160,6 +160,14 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes
     ]);
+    // Ensures that child nodes are drawn before they are expanded
+    const [hasRenderedClosed, setHasRenderedClosed] = (0, $duWW8$useState)(childNodes !== undefined && childNodes.length > 0);
+    (0, $duWW8$useEffect)(()=>{
+        if (childNodes && childNodes.length > 0 && !hasRenderedClosed) setHasRenderedClosed(true);
+    }, [
+        childNodes,
+        hasRenderedClosed
+    ]);
     // Checkbox
     const checkRef = (0, $duWW8$useRef)(null);
     (0, $duWW8$useEffect)(()=>{
@@ -213,10 +221,10 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
         if (!ret.success) {
             setError(true);
             var _ret_ErrorText;
-            setErrotText((_ret_ErrorText = ret.ErrorText) !== null && _ret_ErrorText !== void 0 ? _ret_ErrorText : "An unknown error has occured");
+            setErrorText((_ret_ErrorText = ret.ErrorText) !== null && _ret_ErrorText !== void 0 ? _ret_ErrorText : "An unknown error has occured");
         } else {
             setError(false);
-            setErrotText("");
+            setErrorText("");
         }
     }, []);
     const confirmNewNode = (0, $duWW8$useCallback)(async (label)=>{
@@ -300,124 +308,140 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
         renameThis
     ]);
     // Return node
-    return !treeContext ? null : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$ContextMenuHandler), {
-        menuItems: menuItems,
-        children: /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
-            id: `${treeContext.id}-treenode-${id}`,
-            className: "treenode",
-            children: [
-                error ? /*#__PURE__*/ (0, $duWW8$jsxs)((0, $duWW8$Fragment), {
-                    children: [
-                        /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$ExclamationCircleFill), {
-                            color: "var(--bs-danger)"
-                        }),
-                        " ",
-                        errorText
-                    ]
-                }) : /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
-                    className: "ton-node",
-                    children: [
-                        treeContext.showCheckBox && /*#__PURE__*/ (0, $duWW8$jsx)("input", {
-                            ref: checkRef,
-                            type: "checkbox",
-                            role: "checkbox",
-                            className: "ton-checkbox",
-                            id: `${treeContext.id}-treenode-checkbox-${id}`,
-                            onClick: ()=>{
-                                var _treeContext_handleSelect;
-                                treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
-                            }
-                        }),
-                        childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRightFill), {
-                            id: `${treeContext.id}-treenode-caret-${id}`,
-                            className: "ton-expander",
-                            role: "button",
-                            color: nodeColour,
-                            "aria-expanded": false,
-                            "aria-label": "Expander",
-                            onClick: ()=>treeContext.handleExpandClick(id)
-                        }) : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretDownFill), {
-                            id: `${treeContext.id}-treenode-caret-${id}`,
-                            className: "ton-expander",
-                            role: "button",
-                            "aria-expanded": true,
-                            "aria-label": "Expander",
-                            color: nodeColour,
-                            onClick: ()=>{
-                                treeContext.handleExpandClick(id);
-                            }
-                        }) : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRight), {
-                            id: `${treeContext.id}-treenode-caret-${id}`,
-                            className: "ton-expander",
-                            role: "button",
-                            color: nodeColour,
-                            "aria-expanded": false,
-                            "aria-label": "Disabled expander",
-                            onClick: ()=>treeContext.handleSelect && treeContext.handleSelect(id)
-                        }),
-                        thisNode && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
-                            style: {
-                                display: "inline-block"
-                            },
-                            onContextMenuCapture: ()=>treeContext.handleSelect && treeContext.handleSelect(id),
-                            onClickCapture: ()=>treeContext.handleSelect && treeContext.handleSelect(id),
-                            onFocusCapture: ()=>treeContext.handleSelect && treeContext.handleSelect(id),
-                            children: /*#__PURE__*/ (0, $duWW8$jsx)((0, $84765747a8c6bfe2$export$14f190ac910bde69), {
-                                id: `${treeContext.id}-treenode-entry-${id}`,
-                                ref: currentNameRef,
-                                value: thisNode.label,
-                                editing: renaming,
-                                saving: updatingNode,
-                                setValue: (ret)=>renameNode(ret),
-                                sendEscape: ()=>setRenaming(false),
+    return !treeContext ? null : /*#__PURE__*/ (0, $duWW8$jsxs)((0, $duWW8$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$ContextMenuHandler), {
+                menuItems: menuItems,
+                style: {
+                    display: "inline-block",
+                    width: "100%"
+                },
+                children: /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                    id: `${treeContext.id}-treenode-${id}`,
+                    className: "treenode",
+                    children: error ? /*#__PURE__*/ (0, $duWW8$jsxs)((0, $duWW8$Fragment), {
+                        children: [
+                            /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$ExclamationCircleFill), {
+                                color: "var(--bs-danger)"
+                            }),
+                            " ",
+                            errorText
+                        ]
+                    }) : /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
+                        className: "ton-node",
+                        children: [
+                            treeContext.showCheckBox && /*#__PURE__*/ (0, $duWW8$jsx)("input", {
+                                ref: checkRef,
+                                type: "checkbox",
+                                role: "checkbox",
+                                className: "ton-checkbox",
+                                id: `${treeContext.id}-treenode-checkbox-${id}`,
+                                onClick: ()=>{
+                                    var _treeContext_handleSelect;
+                                    return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
+                                }
+                            }),
+                            childNodes && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRightFill), {
+                                id: `${treeContext.id}-treenode-caret-${id}`,
                                 style: {
-                                    border: currentBorder,
-                                    margin: currentBorder === "" ? "1px" : "",
-                                    backgroundColor: currentBorder === "" ? "" : treeContext.textHighlight
+                                    width: "16px",
+                                    height: "16px"
                                 },
-                                spellCheck: treeContext.spellCheck
-                            })
-                        })
-                    ]
-                }),
-                childNodes !== undefined && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
-                    className: `ton-collapsible-wrapper ${expanded ? "" : "collapsed"}`,
-                    children: /*#__PURE__*/ (0, $duWW8$jsx)("div", {
-                        className: "ton-collapsible",
-                        children: childNodes.map((h)=>/*#__PURE__*/ (0, $duWW8$jsx)("span", {
-                                id: `${treeContext.id}-treenode-child-${h.id}`,
-                                className: "ton-child",
-                                children: /*#__PURE__*/ (0, $duWW8$jsx)($47c36cf4281201f5$export$2eba8ec3a333fdbb, {
-                                    id: h.id,
-                                    canRemove: canRemoveChildren,
-                                    canRename: canRenameChildren,
-                                    canAddChildren: canAddChildren,
-                                    canRemoveChildren: canRemoveChildren,
-                                    canRenameChildren: canRenameChildren
+                                className: "ton-expander",
+                                role: "button",
+                                color: nodeColour,
+                                "aria-expanded": false,
+                                "aria-label": "Expander",
+                                onClick: ()=>treeContext.handleExpandClick(id)
+                            }) : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretDownFill), {
+                                id: `${treeContext.id}-treenode-caret-${id}`,
+                                className: "ton-expander",
+                                role: "button",
+                                "aria-expanded": true,
+                                "aria-label": "Expander",
+                                color: nodeColour,
+                                onClick: ()=>treeContext.handleExpandClick(id)
+                            }) : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRight), {
+                                id: `${treeContext.id}-treenode-caret-${id}`,
+                                className: "ton-expander",
+                                role: "button",
+                                color: nodeColour,
+                                "aria-expanded": false,
+                                "aria-label": "Disabled expander",
+                                onClick: ()=>{
+                                    var _treeContext_handleSelect;
+                                    return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
+                                }
+                            }),
+                            thisNode && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                                className: "ton-label",
+                                style: {
+                                    width: `calc(100% - ${treeContext.showCheckBox ? "32px" : "16px"})`
+                                },
+                                onContextMenuCapture: ()=>{
+                                    var _treeContext_handleSelect;
+                                    return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
+                                },
+                                onClickCapture: ()=>{
+                                    var _treeContext_handleSelect;
+                                    if (!treeContext.expandedNodes.includes(id)) treeContext.handleExpandClick(id);
+                                    (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
+                                },
+                                onFocusCapture: ()=>{
+                                    var _treeContext_handleSelect;
+                                    return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
+                                },
+                                children: /*#__PURE__*/ (0, $duWW8$jsx)((0, $84765747a8c6bfe2$export$14f190ac910bde69), {
+                                    id: `${treeContext.id}-treenode-entry-${id}`,
+                                    ref: currentNameRef,
+                                    value: thisNode.label,
+                                    editing: renaming,
+                                    saving: updatingNode,
+                                    setValue: (ret)=>renameNode(ret),
+                                    sendEscape: ()=>setRenaming(false),
+                                    style: {
+                                        border: currentBorder,
+                                        margin: currentBorder === "" ? "1px" : "",
+                                        backgroundColor: currentBorder === "" ? "" : treeContext.textHighlight
+                                    },
+                                    spellCheck: treeContext.spellCheck
                                 })
-                            }, h.id))
-                    })
-                }),
-                showNewNode && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
-                    children: /*#__PURE__*/ (0, $duWW8$jsx)((0, $84765747a8c6bfe2$export$14f190ac910bde69), {
-                        style: {
-                            marginLeft: "14px"
-                        },
-                        id: `treenode-new-${id}`,
-                        ref: newNameRef,
-                        editing: true,
-                        setValue: (ret)=>{
-                            confirmNewNode(ret);
-                        },
-                        saving: savingNewNode,
-                        sendEscape: ()=>{
-                            setShowNewNode(false);
-                        },
-                        spellCheck: treeContext.spellCheck
+                            })
+                        ]
                     })
                 })
-            ]
-        })
+            }),
+            childNodes && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                className: `ton-collapsible-wrapper ${expanded && hasRenderedClosed && childNodes.length > 0 ? "" : "collapsed"}`,
+                children: childNodes.length > 0 && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+                    className: "ton-collapsible",
+                    children: childNodes.map((h)=>/*#__PURE__*/ (0, $duWW8$jsx)("span", {
+                            id: `${treeContext.id}-treenode-child-${h.id}`,
+                            className: "ton-child",
+                            children: /*#__PURE__*/ (0, $duWW8$jsx)($47c36cf4281201f5$export$2eba8ec3a333fdbb, {
+                                id: h.id,
+                                canRemove: canRemoveChildren,
+                                canRename: canRenameChildren,
+                                canAddChildren: canAddChildren,
+                                canRemoveChildren: canRemoveChildren,
+                                canRenameChildren: canRenameChildren
+                            })
+                        }, h.id))
+                })
+            }),
+            showNewNode && /*#__PURE__*/ (0, $duWW8$jsx)((0, $84765747a8c6bfe2$export$14f190ac910bde69), {
+                style: {
+                    marginLeft: "14px"
+                },
+                id: `treenode-new-${id}`,
+                ref: newNameRef,
+                editing: true,
+                setValue: (ret)=>confirmNewNode(ret),
+                saving: savingNewNode,
+                sendEscape: ()=>setShowNewNode(false),
+                spellCheck: treeContext.spellCheck
+            })
+        ]
     });
 };
 $47c36cf4281201f5$export$2eba8ec3a333fdbb.displayName = "TreeNode";
@@ -466,30 +490,34 @@ const $ba47aaf387735a90$export$5580fff3e08a8be5 = ({ id: id, nodeList: nodeList,
     }, [
         expandedNodes
     ]);
-    return /*#__PURE__*/ (0, $duWW8$jsx)((0, $886f402bccb0fd30$export$29ec378200e05207).Provider, {
-        value: {
-            id: id,
-            nodeList: nodeList,
-            selected: selectedArray,
-            showCheckBox: showCheckBox,
-            handleSelect: handleSelect,
-            expandedNodes: expandedNodes,
-            handleExpandClick: (r, f)=>changeExpand(r, f),
-            onAddChild: onAdd,
-            onRename: onRename,
-            onRemove: onRemove,
-            nodeHighlight: nodeHighlight,
-            textHighlight: textHighlight,
-            spellCheck: spellCheck
-        },
-        children: roots.map((r)=>/*#__PURE__*/ (0, $duWW8$jsx)((0, $47c36cf4281201f5$export$2eba8ec3a333fdbb), {
-                id: r,
-                canRemove: canRemoveRoot,
-                canAddChildren: canAddChildren,
-                canRename: canRenameRoot,
-                canRemoveChildren: canRemoveChildren,
-                canRenameChildren: canRenameChildren
-            }, r))
+    return /*#__PURE__*/ (0, $duWW8$jsx)("div", {
+        id: id,
+        className: "tree-of-nodes",
+        children: /*#__PURE__*/ (0, $duWW8$jsx)((0, $886f402bccb0fd30$export$29ec378200e05207).Provider, {
+            value: {
+                id: id,
+                nodeList: nodeList,
+                selected: selectedArray,
+                showCheckBox: showCheckBox,
+                handleSelect: handleSelect,
+                expandedNodes: expandedNodes,
+                handleExpandClick: (r, f)=>changeExpand(r, f),
+                onAddChild: onAdd,
+                onRename: onRename,
+                onRemove: onRemove,
+                nodeHighlight: nodeHighlight,
+                textHighlight: textHighlight,
+                spellCheck: spellCheck
+            },
+            children: roots.map((r)=>/*#__PURE__*/ (0, $duWW8$jsx)((0, $47c36cf4281201f5$export$2eba8ec3a333fdbb), {
+                    id: r,
+                    canRemove: canRemoveRoot,
+                    canAddChildren: canAddChildren,
+                    canRename: canRenameRoot,
+                    canRemoveChildren: canRemoveChildren,
+                    canRenameChildren: canRenameChildren
+                }, r))
+        })
     });
 };
 $ba47aaf387735a90$export$5580fff3e08a8be5.displayName = "TreeOfNodes";

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AGGO,MAAM,4CAAe,CAC1B,IACA,UACA;IAEA,MAAM,aAAa,MAAM,OAAO,CAAC,MAAM,KAAK;QAAC;KAAG;IAEhD,MAAM,UAAU,WACb,GAAG,CAAC,CAAC,IAAM,eAAe,IAAI,CAAC,CAAC,IAAM,EAAE,EAAE,KAAK,IAC/C,MAAM,CAAC,CAAC,IAAM,MAAM;IACvB,IAAI,QAAQ,MAAM,KAAK,GAAG,OAAO;IAEjC,MAAM,UAAU,AACd,QACG,GAAG,CAAC,CAAC,IAAM,EAAE,QAAQ,EACrB,GAAG,CAAC,CAAC,MAAQ,eAAe,IAAI,CAAC,CAAC,IAAM,QAAQ,EAAE,EAAE,GACvD,MAAM,CAAC,CAAC,IAAM,MAAM;IACtB,IAAI,QAAQ,MAAM,KAAK,GAAG,OAAO;SAE/B,OAAO,0CACL,QAAQ,GAAG,CAAC,CAAC,IAAM,EAAE,EAAE,GACvB;WAAI;WAAa,QAAQ,MAAM,CAAC,CAAC,IAAM,CAAC,SAAS,QAAQ,CAAC;KAAI,EAC9D;AAEN;;;ACxBO,MAAM,4CAAmB,CAAC,IAAiB;IAChD,MAAM,aAAa,MAAM,OAAO,CAAC,MAAM,KAAK;QAAC;KAAG;IAChD,MAAM,cAAc,eACjB,MAAM,CACL,CAAC,IACC,EAAE,QAAQ,KAAK,aAAa,WAAW,QAAQ,CAAC,EAAE,QAAQ,KAAK,CAAC,WAAW,QAAQ,CAAC,EAAE,EAAE,GAE3F,GAAG,CAAC,CAAC,IAAM,EAAE,EAAE;IAClB,OAAO,YAAY,MAAM,KAAK,IAC1B,aACA,0CAAiB;WAAI;WAAe;KAAY,EAAE;AACxD;;;;;ACKO,MAAM,4CAAqB,CAAA,GAAA,oBAAY,EAC5C;;;;;;;ACNK,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CACvC,CACE,MAAE,EAAE,SAAE,KAAK,WAAE,OAAO,UAAE,MAAM,YAAE,QAAQ,cAAE,UAAU,SAAE,KAAK,cAAE,aAAa,QAAQ,EAChF;IAEA,0CAAU,WAAW,GAAG;IACxB,MAAM,eAAe,CAAA,GAAA,cAAM,EAAuB;QAChD,OAAO;YACL,SAAS;YACT,SAAS;YACT,aAAa;YACb,cAAc;YACd,QAAQ;YACR,cAAc;WACX;IAEP,GAAG;QAAC;KAAM;IAEV,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAU,kBAAA,mBAAA,QAAS;IAClE,CAAA,GAAA,gBAAQ,EAAE;QACR,gBAAgB,kBAAA,mBAAA,QAAS;IAC3B,GAAG;QAAC;KAAM;IAEV,MAAM,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC7B,qBAAA,+BAAA,SAAW;IACb,GAAG;QAAC;QAAc;KAAS;IAE3B,MAAM,WAAW,CAAA,GAAA,kBAAU,EACzB,CAAC;QACC,IAAI,EAAE,IAAI,KAAK,UAAU;YACvB,gBAAgB,kBAAA,mBAAA,QAAS;YACzB,uBAAA,iCAAA;QACF,OAAO,IAAI,EAAE,IAAI,KAAK,SACpB;IAEJ,GACA;QAAC;QAAY;QAAY;KAAM;IAGjC,wBAAwB;IACxB,IAAI,CAAC,SACH,qBACE,gBAAC;QACC,OAAO;QACP,IAAI,GAAG,IAAI;kBAEV,QAAQ,sBAAQ;sBAAE;;;IAKzB,qBACE,iBAAC;QACC,OAAO;QACP,IAAI,GAAG,GAAG,OAAO,CAAC;;YAEjB,wBACC,gBAAC,CAAA,GAAA,cAAM;gBACL,IAAI,GAAG,GAAG,QAAQ,CAAC;gBACnB,MAAK;gBACL,WAAU;;0BAGd,gBAAC;gBACC,SAAS;gBACT,YAAY;gBACZ,IAAI,OAAO;gBACX,KAAK;gBACL,MAAK;gBACL,OAAO;oBACL,YAAY;oBACZ,QAAQ;oBACR,OAAO;oBACP,UAAU;gBACZ;gBACA,OAAO;gBACP,UAAU;gBACV,UAAU,CAAC,IAAM,gBAAgB,EAAE,aAAa,CAAC,KAAK;gBACtD,QAAQ;gBACR,kBAAkB;;;;AAI1B;;;AJ9DK,MAAM,4CAAW,CAAC,MACvB,EAAE,aACF,SAAS,aACT,SAAS,kBACT,cAAc,qBACd,iBAAiB,qBACjB,iBAAiB,EACH;IACd,WAAW;IACX,MAAM,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAiB;IAEhD,mBAAmB;IACnB,MAAM,WAAW,CAAA,GAAA,cAAM,EACrB,IAAM,wBAAA,kCAAA,YAAa,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAM,EAAE,EAAE,KAAK,KACjD;QAAC;QAAI,wBAAA,kCAAA,YAAa,QAAQ;KAAC;IAE7B,MAAM,aAAa,CAAA,GAAA,cAAM,EACvB,IAAM,wBAAA,kCAAA,YAAa,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAM,EAAE,QAAQ,KAAK,KACzD;QAAC;QAAI,wBAAA,kCAAA,YAAa,QAAQ;KAAC;IAE7B,MAAM,cAAc,CAAA,GAAA,cAAM,EACxB;YAA2B;eAArB,CAAA,GAAA,yCAAe,EAAE,IAAI,CAAA,wBAAA,wBAAA,kCAAA,YAAa,QAAQ,cAArB,mCAAA,wBAAyB,EAAE;OACtD;QAAC;QAAI;KAAY;IAGnB,QAAQ;IACR,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAW;IAC5C,MAAM,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAU;IACnD,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE;YACf;QAAR,OAAO,AAAC,CAAA,CAAA,uCAAA,wBAAA,kCAAA,YAAa,aAAa,CAAC,SAAS,CAAC,CAAC,IAAM,MAAM,iBAAlD,kDAAA,uCAAyD,EAAC,IAAK;IACzE,GAAG;QAAC;QAAI,wBAAA,kCAAA,YAAa,aAAa;KAAC;IAEnC,WAAW;IACX,MAAM,WAAW,CAAA,GAAA,aAAK,EAA2B;IACjD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,SAAS,OAAO,EAAE;YACpB,IAAI,wBAAA,kCAAA,YAAa,QAAQ,CAAC,QAAQ,CAAC,KAAK;gBACtC,SAAS,OAAO,CAAC,OAAO,GAAG;gBAC3B,SAAS,OAAO,CAAC,aAAa,GAAG;YACnC,OAAO,IAAI,YAAY,IAAI,CAAC,CAAC,IAAM,wBAAA,kCAAA,YAAa,QAAQ,CAAC,QAAQ,CAAC,KAAK;gBACrE,SAAS,OAAO,CAAC,OAAO,GAAG;gBAC3B,SAAS,OAAO,CAAC,aAAa,GAAG;YACnC,OAAO;gBACL,SAAS,OAAO,CAAC,OAAO,GAAG;gBAC3B,SAAS,OAAO,CAAC,aAAa,GAAG;YACnC;QACF;IACF,GAAG;QAAC;QAAa;QAAI,wBAAA,kCAAA,YAAa,QAAQ;KAAC;IAE3C,wBAAwB;IACxB,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAAU;QACpC,OAAO,CAAA,wBAAA,kCAAA,YAAa,QAAQ,CAAC,QAAQ,CAAC,OAAM,oBAAoB;IAClE,GAAG;QAAC;QAAI,wBAAA,kCAAA,YAAa,QAAQ;KAAC;IAC9B,MAAM,aAAa,CAAA,GAAA,cAAM,EAAsB;QAC7C,IAAI,eAAe,YAAY,QAAQ,EAAE;YACvC,MAAM,MAAM,CAAA,GAAA,yCAAW,EAAE,YAAY,QAAQ,EAAE,EAAE,EAAE,wBAAA,kCAAA,YAAa,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAM,EAAE,EAAE;YACzF,IAAI;mBAAI;gBAAK,YAAY,QAAQ;aAAC,CAAC,QAAQ,CAAC,KAAK,OAAO,YAAY,aAAa;QACnF;QACA;IACF,GAAG;QAAC;QAAI;KAAY;IAEpB,sBAAsB;IACtB,MAAM,aAAa,CAAA,GAAA,aAAK,EAA2B;IACnD,MAAM,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAW;IACxD,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAO,EAAW;IAE5D,oBAAoB;IACpB,MAAM,iBAAiB,CAAA,GAAA,aAAK,EAA2B;IACvD,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAW;IAClD,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAW;IAE1D,oBAAoB;IACpB,MAAM,eAAe,CAAA,GAAA,kBAAU,EAAE,CAAC;QAChC,IAAI,CAAC,IAAI,OAAO,EAAE;YAChB,SAAS;gBACI;YAAb,aAAa,CAAA,iBAAA,IAAI,SAAS,cAAb,4BAAA,iBAAiB;QAChC,OAAO;YACL,SAAS;YACT,aAAa;QACf;IACF,GAAG,EAAE;IAEL,MAAM,iBAAiB,CAAA,GAAA,kBAAU,EAC/B,OAAO;QACL,iBAAiB;QACjB,IAAI,wBAAA,kCAAA,YAAa,UAAU,EACzB,aAAa,MAAM,YAAY,UAAU,CAAC,IAAI;QAEhD,iBAAiB;QACjB,eAAe;IACjB,GACA;QAAC;QAAc;QAAI;KAAY;IAGjC,MAAM,aAAa,CAAA,GAAA,kBAAU,EAC3B,OAAO;QACL,YAAY;QACZ,IAAI,wBAAA,kCAAA,YAAa,QAAQ,EAAE;YACzB,gBAAgB;YAChB,aAAa,MAAM,YAAY,QAAQ,CAAC,IAAI;YAC5C,gBAAgB;QAClB;IACF,GACA;QAAC;QAAc;QAAI;KAAY;IAGjC,MAAM,aAAa,CAAA,GAAA,kBAAU,EAAE;QAC7B,IAAI,wBAAA,kCAAA,YAAa,QAAQ,EAAE;YACzB,gBAAgB;YAChB,aAAa,MAAM,YAAY,QAAQ,CAAC;YACxC,gBAAgB;QAClB;IACF,GAAG;QAAC;QAAc;QAAI;KAAY;IAElC,kBAAkB;IAClB,MAAM,WAAW,CAAA,GAAA,kBAAU,EAAE;YAE3B;QADA,eAAe;QACf,wBAAA,mCAAA,iCAAA,YAAa,iBAAiB,cAA9B,qDAAA,oCAAA,aAAiC,IAAI;IACvC,GAAG;QAAC;QAAI;KAAY;IACpB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,gBAAgB,QAAQ,WAAW,OAAO,EAAE,WAAW,OAAO,CAAC,KAAK;IAC1E,GAAG;QAAC;KAAY;IAChB,MAAM,aAAa,CAAA,GAAA,kBAAU,EAAE;YAE7B;QADA,YAAY;QACZ,wBAAA,mCAAA,4BAAA,YAAa,YAAY,cAAzB,gDAAA,+BAAA,aAA4B;IAC9B,GAAG;QAAC;QAAI;KAAY;IAEpB,eAAe;IACf,MAAM,YAAY,CAAA,GAAA,cAAM,EAAE;QACxB,MAAM,YAAwB,EAAE;QAChC,IAAI,gBACF,UAAU,IAAI,CAAC;YAAE,OAAO;YAAO,QAAQ;QAAS;QAElD,IAAI,WACF,UAAU,IAAI,CAAC;YAAE,OAAO;YAAU,QAAQ;QAAW;QAEvD,IAAI,aAAc,CAAA,eAAe,aAAa,WAAW,MAAM,KAAK,CAAA,GAClE,UAAU,IAAI,CAAC;YAAE,OAAO;YAAU,QAAQ;QAAW;QAEvD,OAAO;IACT,GAAG;QAAC;QAAU;QAAgB;QAAW;QAAW;QAAY;QAAY;KAAW;IAEvF,cAAc;IACd,OAAO,CAAC,cAAc,qBACpB,gBAAC,CAAA,GAAA,yBAAiB;QAAE,WAAW;kBAC7B,cAAA,iBAAC;YACC,IAAI,GAAG,YAAY,EAAE,CAAC,UAAU,EAAE,IAAI;YACtC,WAAU;;gBAET,sBACC;;sCACE,gBAAC,CAAA,GAAA,4BAAoB;4BAAE,OAAM;;wBAAqB;wBAAE;;mCAGtD,iBAAC;oBAAI,WAAU;;wBACZ,YAAY,YAAY,kBACvB,gBAAC;4BACC,KAAK;4BACL,MAAK;4BACL,MAAK;4BACL,WAAU;4BACV,IAAI,GAAG,YAAY,EAAE,CAAC,mBAAmB,EAAE,IAAI;4BAC/C,SAAS;oCACP;gCAAA,wBAAA,mCAAA,4BAAA,YAAa,YAAY,cAAzB,gDAAA,+BAAA,aAA4B;4BAC9B;;wBAGH,eAAe,aAAa,WAAW,MAAM,GAAG,IAC/C,CAAC,yBACC,gBAAC,CAAA,GAAA,qBAAa;4BACZ,IAAI,GAAG,YAAY,EAAE,CAAC,gBAAgB,EAAE,IAAI;4BAC5C,WAAU;4BACV,MAAK;4BACL,OAAO;4BACP,iBAAe;4BACf,cAAW;4BACX,SAAS,IAAM,YAAY,iBAAiB,CAAC;2CAG/C,gBAAC,CAAA,GAAA,oBAAY;4BACX,IAAI,GAAG,YAAY,EAAE,CAAC,gBAAgB,EAAE,IAAI;4BAC5C,WAAU;4BACV,MAAK;4BACL,iBAAe;4BACf,cAAW;4BACX,OAAO;4BACP,SAAS;gCACP,YAAY,iBAAiB,CAAC;4BAChC;2CAIJ,gBAAC,CAAA,GAAA,iBAAS;4BACR,IAAI,GAAG,YAAY,EAAE,CAAC,gBAAgB,EAAE,IAAI;4BAC5C,WAAU;4BACV,MAAK;4BACL,OAAO;4BACP,iBAAe;4BACf,cAAW;4BACX,SAAS,IAAM,YAAY,YAAY,IAAI,YAAY,YAAY,CAAC;;wBAGvE,0BACC,gBAAC;4BACC,OAAO;gCAAE,SAAS;4BAAe;4BACjC,sBAAsB,IACpB,YAAY,YAAY,IAAI,YAAY,YAAY,CAAC;4BAEvD,gBAAgB,IAAM,YAAY,YAAY,IAAI,YAAY,YAAY,CAAC;4BAC3E,gBAAgB,IAAM,YAAY,YAAY,IAAI,YAAY,YAAY,CAAC;sCAE3E,cAAA,gBAAC,CAAA,GAAA,yCAAQ;gCACP,IAAI,GAAG,YAAY,EAAE,CAAC,gBAAgB,EAAE,IAAI;gCAC5C,KAAK;gCACL,OAAO,SAAS,KAAK;gCACrB,SAAS;gCACT,QAAQ;gCACR,UAAU,CAAC,MAAQ,WAAW;gCAC9B,YAAY,IAAM,YAAY;gCAC9B,OAAO;oCACL,QAAQ;oCACR,QAAQ,kBAAkB,KAAK,QAAQ;oCACvC,iBAAiB,kBAAkB,KAAK,KAAK,YAAY,aAAa;gCACxE;gCACA,YAAY,YAAY,UAAU;;;;;gBAM3C,eAAe,2BACd,gBAAC;oBAAI,WAAW,CAAC,wBAAwB,EAAE,WAAW,KAAK,aAAa;8BACtE,cAAA,gBAAC;wBAAI,WAAU;kCACZ,WAAW,GAAG,CAAC,CAAC,kBACf,gBAAC;gCAEC,IAAI,GAAG,YAAY,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE;gCAC9C,WAAU;0CAEV,cAAA,gBAAC;oCACC,IAAI,EAAE,EAAE;oCACR,WAAW;oCACX,WAAW;oCACX,gBAAgB;oCAChB,mBAAmB;oCACnB,mBAAmB;;+BAVhB,EAAE,EAAE;;;gBAiBlB,6BACC,gBAAC;8BACC,cAAA,gBAAC,CAAA,GAAA,yCAAQ;wBACP,OAAO;4BAAE,YAAY;wBAAO;wBAC5B,IAAI,CAAC,aAAa,EAAE,IAAI;wBACxB,KAAK;wBACL,SAAS;wBACT,UAAU,CAAC;4BACT,eAAe;wBACjB;wBACA,QAAQ;wBACR,YAAY;4BACV,eAAe;wBACjB;wBACA,YAAY,YAAY,UAAU;;;;;;AAOhD;AAEA,0CAAS,WAAW,GAAG;;;;;;AMlThB,MAAM,4CAAqB,CAChC,UACA,UACA;IAEA,OAAO;WACF;WACA,CAAA,GAAA,yCAAW,EAAE,UAAU,EAAE,EAAE,UAC3B,GAAG,CAAC,CAAC,IAAM,EAAE,EAAE,EACf,MAAM,CAAC,CAAC,IAAM,CAAC,cAAc,QAAQ,CAAC;KAC1C,CAAC,IAAI,CAAC,CAAC,GAAG,IAAM,GAAG,GAAG,CAAC,aAAa,CAAC,GAAG,GAAG;AAC9C;;;;;ADYO,MAAM,4CAAc,CAAoB,MAC7C,EAAE,YACF,QAAQ,SACR,KAAK,YACL,WAAW,EAAE,gBACb,eAAe,qBACf,YAAY,SACZ,KAAK,YACL,QAAQ,YACR,QAAQ,iBACR,gBAAgB,sBAChB,gBAAgB,uBAChB,iBAAiB,0BACjB,oBAAoB,0BACpB,oBAAoB,sBACpB,gBAAgB,sBAChB,gBAAgB,oCAChB,aAAa,QACO;IACpB,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAO,EAAS,EAAE;IAC5D,MAAM,gBAAgB,CAAA,GAAA,cAAM,EAC1B,IAAO,MAAM,OAAO,CAAC,YAAY,WAAW;YAAC;SAAS,EACtD;QAAC;KAAS;IAEZ,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,cAAc,MAAM,GAAG,GAAG;YAC5B,6CAA6C;YAC7C,MAAM,eAAe,CAAA,GAAA,yCAAiB,EAAE,UAAU,eAAe;YACjE,IAAI,aAAa,MAAM,CAAC,CAAC,IAAM,CAAC,cAAc,QAAQ,CAAC,IAAI,MAAM,GAAG,GAClE,iBAAiB;QAErB;IACF,GAAG;QAAC;QAAe;QAAU;KAAc;IAE3C,uCAAuC;IACvC,MAAM,eAAe,CAAA,GAAA,kBAAU,EAC7B,CAAC,MAAW;QACV,MAAM,mBAAmB;eAAI;SAAc;QAC3C,MAAM,KAAK,iBAAiB,SAAS,CAAC,CAAC,OAAS,SAAS;QACzD,IAAI,AAAC,OAAO,MAAM,UAAU,aAAc,UAAU,MAAM,iBAAiB,IAAI,CAAC;aAC3E,iBAAiB,MAAM,CAAC,IAAI;QACjC,iBAAiB;IACnB,GACA;QAAC;KAAc;IAGjB,qBACE,gBAAC,CAAA,GAAA,yCAAiB,EAAE,QAAQ;QAC1B,OAAO;YACL,IAAI;sBACJ;YACA,UAAU;0BACV;0BACA;2BACA;YACA,mBAAmB,CAAC,GAAG,IAAM,aAAa,GAAG;YAC7C,YAAY;sBACZ;sBACA;2BACA;2BACA;wBACA;QACF;kBAEC,MAAM,GAAG,CAAC,CAAC,kBACV,gBAAC,CAAA,GAAA,yCAAO;gBAEN,IAAI;gBACJ,WAAW;gBACX,gBAAgB;gBAChB,WAAW;gBACX,mBAAmB;gBACnB,mBAAmB;eANd;;AAWf;AAEA,0CAAY,WAAW,GAAG;;;;;;;;;;;","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/functions/getDescendentIds.ts","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./functions\";\n","import { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodes } from \"./TreeOfNodes\";\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from \"./interface\";\nimport { WordEntry } from \"./WordEntry\";\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, MenuItem } from \"@asup/context-menu\";\nimport {\n  Key,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  CaretDownFill,\n  CaretRight,\n  CaretRightFill,\n  ExclamationCircleFill,\n} from \"react-bootstrap-icons\";\nimport { getAncestors } from \"../functions/getAncestors\";\nimport { getDescendentIds } from \"../functions/getDescendentIds\";\nimport \"./TreeNode.css\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\nimport { WordEntry } from \"./WordEntry\";\nimport { iNodeUpdate } from \"./interface\";\n\ninterface TreeNodeProps {\n  id: Key;\n  indentLevel?: number;\n  canRemove?: boolean;\n  canRename?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  refresh?: () => void;\n}\n\nexport const TreeNode = ({\n  id,\n  canRemove,\n  canRename,\n  canAddChildren,\n  canRemoveChildren,\n  canRenameChildren,\n}: TreeNodeProps): ReactNode => {\n  // Contexts\n  const treeContext = useContext(TreeOfNodesContext);\n\n  // Node information\n  const thisNode = useMemo(\n    () => treeContext?.nodeList.find((n) => n.id === id),\n    [id, treeContext?.nodeList],\n  );\n  const childNodes = useMemo(\n    () => treeContext?.nodeList.filter((n) => n.parentId === id),\n    [id, treeContext?.nodeList],\n  );\n  const descendents = useMemo(\n    () => getDescendentIds(id, treeContext?.nodeList ?? []),\n    [id, treeContext],\n  );\n\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string>(\"\");\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // Checkbox\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (checkRef.current) {\n      if (treeContext?.selected.includes(id)) {\n        checkRef.current.checked = true;\n        checkRef.current.indeterminate = false;\n      } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = true;\n      } else {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = false;\n      }\n    }\n  }, [descendents, id, treeContext?.selected]);\n\n  // Apply selected border\n  const currentBorder = useMemo<string>(() => {\n    return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n  }, [id, treeContext?.selected]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selected) {\n      const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n    }\n    return;\n  }, [id, treeContext]);\n\n  // New node parameters\n  const newNameRef = useRef<HTMLInputElement | null>(null);\n  const [showNewNode, setShowNewNode] = useState<boolean>(false);\n  const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n  // Rename parameters\n  const currentNameRef = useRef<HTMLInputElement | null>(null);\n  const [renaming, setRenaming] = useState<boolean>(false);\n  const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n  // Context functions\n  const handleReturn = useCallback((ret: iNodeUpdate) => {\n    if (!ret.success) {\n      setError(true);\n      setErrotText(ret.ErrorText ?? \"An unknown error has occured\");\n    } else {\n      setError(false);\n      setErrotText(\"\");\n    }\n  }, []);\n\n  const confirmNewNode = useCallback(\n    async (label: string) => {\n      setSavingNewNode(true);\n      if (treeContext?.onAddChild) {\n        handleReturn(await treeContext.onAddChild(id, label));\n      }\n      setSavingNewNode(false);\n      setShowNewNode(false);\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const renameNode = useCallback(\n    async (newLabel: string) => {\n      setRenaming(false);\n      if (treeContext?.onRename) {\n        setUpdatingNode(true);\n        handleReturn(await treeContext.onRename(id, newLabel));\n        setUpdatingNode(false);\n      }\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const deleteThis = useCallback(async () => {\n    if (treeContext?.onRemove) {\n      setUpdatingNode(true);\n      handleReturn(await treeContext.onRemove(id));\n      setUpdatingNode(false);\n    }\n  }, [handleReturn, id, treeContext]);\n\n  // Context actions\n  const addChild = useCallback(() => {\n    setShowNewNode(true);\n    treeContext?.handleExpandClick?.(id, true);\n  }, [id, treeContext]);\n  useEffect(() => {\n    if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n  }, [showNewNode]);\n  const renameThis = useCallback(() => {\n    setRenaming(true);\n    treeContext?.handleSelect?.(id);\n  }, [id, treeContext]);\n\n  // Context menu\n  const menuItems = useMemo(() => {\n    const menuItems: MenuItem[] = [];\n    if (canAddChildren) {\n      menuItems.push({ label: \"Add\", action: addChild });\n    }\n    if (canRename) {\n      menuItems.push({ label: \"Rename\", action: renameThis });\n    }\n    if (canRemove && (childNodes === undefined || childNodes.length === 0)) {\n      menuItems.push({ label: \"Delete\", action: deleteThis });\n    }\n    return menuItems;\n  }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n  // Return node\n  return !treeContext ? null : (\n    <ContextMenuHandler menuItems={menuItems}>\n      <div\n        id={`${treeContext.id}-treenode-${id}`}\n        className=\"treenode\"\n      >\n        {error ? (\n          <>\n            <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n          </>\n        ) : (\n          <div className=\"ton-node\">\n            {treeContext.showCheckBox && (\n              <input\n                ref={checkRef}\n                type=\"checkbox\"\n                role=\"checkbox\"\n                className=\"ton-checkbox\"\n                id={`${treeContext.id}-treenode-checkbox-${id}`}\n                onClick={() => {\n                  treeContext?.handleSelect?.(descendents);\n                }}\n              />\n            )}\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  color={nodeColour}\n                  aria-expanded={false}\n                  aria-label=\"Expander\"\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  aria-expanded={true}\n                  aria-label=\"Expander\"\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                className=\"ton-expander\"\n                role=\"button\"\n                color={nodeColour}\n                aria-expanded={false}\n                aria-label=\"Disabled expander\"\n                onClick={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: \"inline-block\" }}\n                onContextMenuCapture={() =>\n                  treeContext.handleSelect && treeContext.handleSelect(id)\n                }\n                onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n                onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              >\n                <WordEntry\n                  id={`${treeContext.id}-treenode-entry-${id}`}\n                  ref={currentNameRef}\n                  value={thisNode.label}\n                  editing={renaming}\n                  saving={updatingNode}\n                  setValue={(ret) => renameNode(ret)}\n                  sendEscape={() => setRenaming(false)}\n                  style={{\n                    border: currentBorder,\n                    margin: currentBorder === \"\" ? \"1px\" : \"\",\n                    backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n                  }}\n                  spellCheck={treeContext.spellCheck}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        {childNodes !== undefined && (\n          <div className={`ton-collapsible-wrapper ${expanded ? \"\" : \"collapsed\"}`}>\n            <div className=\"ton-collapsible\">\n              {childNodes.map((h) => (\n                <span\n                  key={h.id}\n                  id={`${treeContext.id}-treenode-child-${h.id}`}\n                  className=\"ton-child\"\n                >\n                  <TreeNode\n                    id={h.id}\n                    canRemove={canRemoveChildren}\n                    canRename={canRenameChildren}\n                    canAddChildren={canAddChildren}\n                    canRemoveChildren={canRemoveChildren}\n                    canRenameChildren={canRenameChildren}\n                  />\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n        {showNewNode && (\n          <div>\n            <WordEntry\n              style={{ marginLeft: \"14px\" }}\n              id={`treenode-new-${id}`}\n              ref={newNameRef}\n              editing={true}\n              setValue={(ret) => {\n                confirmNewNode(ret);\n              }}\n              saving={savingNewNode}\n              sendEscape={() => {\n                setShowNewNode(false);\n              }}\n              spellCheck={treeContext.spellCheck}\n            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n  id: Key | Key[],\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n\n  const current = processIds\n    .map((i) => hierarchyNodes.find((h) => h.id === i))\n    .filter((h) => h !== undefined) as TreeNodeBase[];\n  if (current.length === 0) return included;\n\n  const parents = (\n    current\n      .map((h) => h.parentId)\n      .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n  ).filter((p) => p !== undefined) as TreeNodeBase[];\n  if (parents.length === 0) return included;\n  else\n    return getAncestors(\n      parents.map((p) => p.id),\n      [...included, ...parents.filter((p) => !included.includes(p))],\n      hierarchyNodes,\n    );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n  const newChildren = hierarchyNodes\n    .filter(\n      (h) =>\n        h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n    )\n    .map((h) => h.id);\n  return newChildren.length === 0\n    ? processIds\n    : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  selected: Key[];\n  showCheckBox: boolean;\n  handleSelect?: (ret: Key | Key[]) => void;\n  expandedNodes: Key[];\n  handleExpandClick: (ret: Key, force?: boolean) => void;\n  onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (id: Key) => Promise<iNodeUpdate>;\n  nodeHighlight: string;\n  textHighlight: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n  undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n  id: Key;\n  value?: string;\n  editing?: boolean;\n  saving?: boolean;\n  setValue?: (ret: string) => void;\n  sendEscape?: () => void;\n  style?: React.CSSProperties;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  (\n    { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n    ref,\n  ): JSX.Element => {\n    WordEntry.displayName = \"WordEntry\";\n    const currentStyle = useMemo<React.CSSProperties>(() => {\n      return {\n        display: \"inline-block\",\n        padding: \"1px\",\n        paddingLeft: \"3px\",\n        paddingRight: \"3px\",\n        border: \"1px\",\n        borderRadius: \"3px\",\n        ...style,\n      };\n    }, [style]);\n\n    const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n    useEffect(() => {\n      setCurrentValue(value ?? \"\");\n    }, [value]);\n\n    const returnData = useCallback(() => {\n      setValue?.(currentValue);\n    }, [currentValue, setValue]);\n\n    const keyPress = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.code === \"Escape\") {\n          setCurrentValue(value ?? \"\");\n          sendEscape?.();\n        } else if (e.code === \"Enter\") {\n          returnData();\n        }\n      },\n      [returnData, sendEscape, value],\n    );\n\n    // Simple if not editing\n    if (!editing) {\n      return (\n        <span\n          style={currentStyle}\n          id={`${id}`}\n        >\n          {value ? value : <>&nbsp;</>}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        style={currentStyle}\n        id={`${id}-holder`}\n      >\n        {saving && (\n          <Spinner\n            id={`${id}-spinner`}\n            size=\"sm\"\n            animation=\"border\"\n          />\n        )}\n        <input\n          autoFocus\n          spellCheck={spellCheck}\n          id={String(id)}\n          ref={ref}\n          type=\"text\"\n          style={{\n            lineHeight: \"0.75rem\",\n            border: \"1px dotted black\",\n            width: \"auto\",\n            minWidth: \"0\",\n          }}\n          value={currentValue}\n          disabled={saving}\n          onChange={(e) => setCurrentValue(e.currentTarget.value)}\n          onBlur={returnData}\n          onKeyDownCapture={keyPress}\n        />\n      </div>\n    );\n  },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  roots: Key[];\n  showCheckBox?: boolean;\n  selected?: Key | Key[];\n  handleSelect?: (ret: Key | Key[]) => void;\n  onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n  id,\n  nodeList,\n  roots,\n  selected = [],\n  showCheckBox = false,\n  handleSelect,\n  onAdd,\n  onRename,\n  onRemove,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  nodeHighlight = \"red\",\n  textHighlight = \"rgba(255, 0, 0, 0.2)\",\n  spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  const selectedArray = useMemo(\n    () => (Array.isArray(selected) ? selected : [selected]),\n    [selected],\n  );\n  useEffect(() => {\n    if (selectedArray.length > 0) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n      if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n        setExpandedNodes(shouldExpand);\n      }\n    }\n  }, [expandedNodes, nodeList, selectedArray]);\n\n  // Change expansion and update contexts\n  const changeExpand = useCallback(\n    (eKey: Key, force?: boolean) => {\n      const newExpandedNodes = [...expandedNodes];\n      const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n      if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n      else newExpandedNodes.splice(ix, 1);\n      setExpandedNodes(newExpandedNodes);\n    },\n    [expandedNodes],\n  );\n\n  return (\n    <TreeOfNodesContext.Provider\n      value={{\n        id: id,\n        nodeList,\n        selected: selectedArray,\n        showCheckBox,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\n        spellCheck,\n      }}\n    >\n      {roots.map((r) => (\n        <TreeNode\n          key={r}\n          id={r}\n          canRemove={canRemoveRoot}\n          canAddChildren={canAddChildren}\n          canRename={canRenameRoot}\n          canRemoveChildren={canRemoveChildren}\n          canRenameChildren={canRenameChildren}\n        />\n      ))}\n    </TreeOfNodesContext.Provider>\n  );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selected: Key | Key[],\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selected, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/functions/getDescendentIds.ts","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./functions\";\n","import { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodes } from \"./TreeOfNodes\";\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from \"./interface\";\nimport { WordEntry } from \"./WordEntry\";\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, MenuItem } from \"@asup/context-menu\";\nimport {\n  Key,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  CaretDownFill,\n  CaretRight,\n  CaretRightFill,\n  ExclamationCircleFill,\n} from \"react-bootstrap-icons\";\nimport { getAncestors } from \"../functions/getAncestors\";\nimport { getDescendentIds } from \"../functions/getDescendentIds\";\nimport \"./TreeNode.css\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\nimport { WordEntry } from \"./WordEntry\";\nimport { iNodeUpdate } from \"./interface\";\n\ninterface TreeNodeProps {\n  id: Key;\n  indentLevel?: number;\n  canRemove?: boolean;\n  canRename?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  refresh?: () => void;\n}\n\nexport const TreeNode = ({\n  id,\n  canRemove,\n  canRename,\n  canAddChildren,\n  canRemoveChildren,\n  canRenameChildren,\n}: TreeNodeProps): ReactNode => {\n  // Contexts\n  const treeContext = useContext(TreeOfNodesContext);\n\n  // Node information\n  const thisNode = useMemo(\n    () => treeContext?.nodeList.find((n) => n.id === id),\n    [id, treeContext?.nodeList],\n  );\n  const childNodes = useMemo(\n    () => treeContext?.nodeList.filter((n) => n.parentId === id),\n    [id, treeContext?.nodeList],\n  );\n  const descendents = useMemo(\n    () => getDescendentIds(id, treeContext?.nodeList ?? []),\n    [id, treeContext],\n  );\n\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrorText] = useState<string>(\"\");\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // Ensures that child nodes are drawn before they are expanded\n  const [hasRenderedClosed, setHasRenderedClosed] = useState<boolean>(\n    childNodes !== undefined && childNodes.length > 0,\n  );\n  useEffect(() => {\n    if (childNodes && childNodes.length > 0 && !hasRenderedClosed) {\n      setHasRenderedClosed(true);\n    }\n  }, [childNodes, hasRenderedClosed]);\n\n  // Checkbox\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (checkRef.current) {\n      if (treeContext?.selected.includes(id)) {\n        checkRef.current.checked = true;\n        checkRef.current.indeterminate = false;\n      } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = true;\n      } else {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = false;\n      }\n    }\n  }, [descendents, id, treeContext?.selected]);\n\n  // Apply selected border\n  const currentBorder = useMemo<string>(() => {\n    return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n  }, [id, treeContext?.selected]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selected) {\n      const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n    }\n    return;\n  }, [id, treeContext]);\n\n  // New node parameters\n  const newNameRef = useRef<HTMLInputElement | null>(null);\n  const [showNewNode, setShowNewNode] = useState<boolean>(false);\n  const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n  // Rename parameters\n  const currentNameRef = useRef<HTMLInputElement | null>(null);\n  const [renaming, setRenaming] = useState<boolean>(false);\n  const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n  // Context functions\n  const handleReturn = useCallback((ret: iNodeUpdate) => {\n    if (!ret.success) {\n      setError(true);\n      setErrorText(ret.ErrorText ?? \"An unknown error has occured\");\n    } else {\n      setError(false);\n      setErrorText(\"\");\n    }\n  }, []);\n\n  const confirmNewNode = useCallback(\n    async (label: string) => {\n      setSavingNewNode(true);\n      if (treeContext?.onAddChild) {\n        handleReturn(await treeContext.onAddChild(id, label));\n      }\n      setSavingNewNode(false);\n      setShowNewNode(false);\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const renameNode = useCallback(\n    async (newLabel: string) => {\n      setRenaming(false);\n      if (treeContext?.onRename) {\n        setUpdatingNode(true);\n        handleReturn(await treeContext.onRename(id, newLabel));\n        setUpdatingNode(false);\n      }\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const deleteThis = useCallback(async () => {\n    if (treeContext?.onRemove) {\n      setUpdatingNode(true);\n      handleReturn(await treeContext.onRemove(id));\n      setUpdatingNode(false);\n    }\n  }, [handleReturn, id, treeContext]);\n\n  // Context actions\n  const addChild = useCallback(() => {\n    setShowNewNode(true);\n    treeContext?.handleExpandClick?.(id, true);\n  }, [id, treeContext]);\n  useEffect(() => {\n    if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n  }, [showNewNode]);\n  const renameThis = useCallback(() => {\n    setRenaming(true);\n    treeContext?.handleSelect?.(id);\n  }, [id, treeContext]);\n\n  // Context menu\n  const menuItems = useMemo(() => {\n    const menuItems: MenuItem[] = [];\n    if (canAddChildren) {\n      menuItems.push({ label: \"Add\", action: addChild });\n    }\n    if (canRename) {\n      menuItems.push({ label: \"Rename\", action: renameThis });\n    }\n    if (canRemove && (childNodes === undefined || childNodes.length === 0)) {\n      menuItems.push({ label: \"Delete\", action: deleteThis });\n    }\n    return menuItems;\n  }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n  // Return node\n  return !treeContext ? null : (\n    <>\n      <ContextMenuHandler\n        menuItems={menuItems}\n        style={{ display: \"inline-block\", width: \"100%\" }}\n      >\n        <div\n          id={`${treeContext.id}-treenode-${id}`}\n          className=\"treenode\"\n        >\n          {error ? (\n            <>\n              <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n            </>\n          ) : (\n            <div className=\"ton-node\">\n              {treeContext.showCheckBox && (\n                <input\n                  ref={checkRef}\n                  type=\"checkbox\"\n                  role=\"checkbox\"\n                  className=\"ton-checkbox\"\n                  id={`${treeContext.id}-treenode-checkbox-${id}`}\n                  onClick={() => treeContext.handleSelect?.(descendents)}\n                />\n              )}\n              {childNodes && childNodes.length > 0 ? (\n                !expanded ? (\n                  <CaretRightFill\n                    id={`${treeContext.id}-treenode-caret-${id}`}\n                    style={{ width: \"16px\", height: \"16px\" }}\n                    className=\"ton-expander\"\n                    role=\"button\"\n                    color={nodeColour}\n                    aria-expanded={false}\n                    aria-label=\"Expander\"\n                    onClick={() => treeContext.handleExpandClick(id)}\n                  />\n                ) : (\n                  <CaretDownFill\n                    id={`${treeContext.id}-treenode-caret-${id}`}\n                    className=\"ton-expander\"\n                    role=\"button\"\n                    aria-expanded={true}\n                    aria-label=\"Expander\"\n                    color={nodeColour}\n                    onClick={() => treeContext.handleExpandClick(id)}\n                  />\n                )\n              ) : (\n                <CaretRight\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  color={nodeColour}\n                  aria-expanded={false}\n                  aria-label=\"Disabled expander\"\n                  onClick={() => treeContext.handleSelect?.(id)}\n                />\n              )}\n              {thisNode && (\n                <div\n                  className=\"ton-label\"\n                  style={{ width: `calc(100% - ${treeContext.showCheckBox ? \"32px\" : \"16px\"})` }}\n                  onContextMenuCapture={() => treeContext.handleSelect?.(id)}\n                  onClickCapture={() => {\n                    if (!treeContext.expandedNodes.includes(id)) treeContext.handleExpandClick(id);\n                    treeContext.handleSelect?.(id);\n                  }}\n                  onFocusCapture={() => treeContext.handleSelect?.(id)}\n                >\n                  <WordEntry\n                    id={`${treeContext.id}-treenode-entry-${id}`}\n                    ref={currentNameRef}\n                    value={thisNode.label}\n                    editing={renaming}\n                    saving={updatingNode}\n                    setValue={(ret) => renameNode(ret)}\n                    sendEscape={() => setRenaming(false)}\n                    style={{\n                      border: currentBorder,\n                      margin: currentBorder === \"\" ? \"1px\" : \"\",\n                      backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n                    }}\n                    spellCheck={treeContext.spellCheck}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </ContextMenuHandler>\n      {childNodes && (\n        <div\n          className={`ton-collapsible-wrapper ${expanded && hasRenderedClosed && childNodes.length > 0 ? \"\" : \"collapsed\"}`}\n        >\n          {childNodes.length > 0 && (\n            <div className=\"ton-collapsible\">\n              {childNodes.map((h) => (\n                <span\n                  key={h.id}\n                  id={`${treeContext.id}-treenode-child-${h.id}`}\n                  className=\"ton-child\"\n                >\n                  <TreeNode\n                    id={h.id}\n                    canRemove={canRemoveChildren}\n                    canRename={canRenameChildren}\n                    canAddChildren={canAddChildren}\n                    canRemoveChildren={canRemoveChildren}\n                    canRenameChildren={canRenameChildren}\n                  />\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n      {showNewNode && (\n        <WordEntry\n          style={{ marginLeft: \"14px\" }}\n          id={`treenode-new-${id}`}\n          ref={newNameRef}\n          editing={true}\n          setValue={(ret) => confirmNewNode(ret)}\n          saving={savingNewNode}\n          sendEscape={() => setShowNewNode(false)}\n          spellCheck={treeContext.spellCheck}\n        />\n      )}\n    </>\n  );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n  id: Key | Key[],\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n\n  const current = processIds\n    .map((i) => hierarchyNodes.find((h) => h.id === i))\n    .filter((h) => h !== undefined) as TreeNodeBase[];\n  if (current.length === 0) return included;\n\n  const parents = (\n    current\n      .map((h) => h.parentId)\n      .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n  ).filter((p) => p !== undefined) as TreeNodeBase[];\n  if (parents.length === 0) return included;\n  else\n    return getAncestors(\n      parents.map((p) => p.id),\n      [...included, ...parents.filter((p) => !included.includes(p))],\n      hierarchyNodes,\n    );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n  const newChildren = hierarchyNodes\n    .filter(\n      (h) =>\n        h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n    )\n    .map((h) => h.id);\n  return newChildren.length === 0\n    ? processIds\n    : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  selected: Key[];\n  showCheckBox: boolean;\n  handleSelect?: (ret: Key | Key[]) => void;\n  expandedNodes: Key[];\n  handleExpandClick: (ret: Key, force?: boolean) => void;\n  onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (id: Key) => Promise<iNodeUpdate>;\n  nodeHighlight: string;\n  textHighlight: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n  undefined,\n);\n","import React, { Key, useCallback, useEffect, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n  id: Key;\n  value?: string;\n  editing?: boolean;\n  saving?: boolean;\n  setValue?: (ret: string) => void;\n  sendEscape?: () => void;\n  style?: React.CSSProperties;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  (\n    { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n    ref,\n  ): JSX.Element => {\n    const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n    useEffect(() => {\n      setCurrentValue(value ?? \"\");\n    }, [value]);\n\n    const returnData = useCallback(() => {\n      setValue?.(currentValue);\n    }, [currentValue, setValue]);\n\n    const keyPress = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.code === \"Escape\") {\n          setCurrentValue(value ?? \"\");\n          sendEscape?.();\n        } else if (e.code === \"Enter\") {\n          returnData();\n        }\n      },\n      [returnData, sendEscape, value],\n    );\n\n    // Add window onMouseDown event to stop events when editing\n    useEffect(() => {\n      const handleMouseDown = (e: MouseEvent) => {\n        const target = e.target as HTMLElement;\n        if (\n          editing &&\n          target.id !== `${id}` &&\n          target.id !== `${id}-holder` &&\n          target.id !== `${id}-spinner` &&\n          target.className !== \"ton-rename\"\n        ) {\n          e.preventDefault();\n          e.stopPropagation();\n          returnData();\n        }\n      };\n      window.addEventListener(\"mousedown\", handleMouseDown);\n      return () => {\n        window.removeEventListener(\"mousedown\", handleMouseDown);\n      };\n    }, [editing, id, returnData]);\n\n    return !editing ? (\n      <span\n        className=\"ton-label-span\"\n        style={style}\n        id={`${id}`}\n      >\n        {value ? value : <>&nbsp;</>}\n      </span>\n    ) : (\n      <div\n        style={style}\n        id={`${id}-holder`}\n        className=\"ton-rename-holder\"\n      >\n        {saving && (\n          <Spinner\n            id={`${id}-spinner`}\n            size=\"sm\"\n            animation=\"border\"\n          />\n        )}\n        <input\n          autoFocus\n          spellCheck={spellCheck}\n          id={String(id)}\n          ref={ref}\n          type=\"text\"\n          className=\"ton-rename\"\n          value={currentValue}\n          disabled={saving}\n          onChange={(e) => setCurrentValue(e.currentTarget.value)}\n          onBlur={returnData}\n          onKeyDownCapture={keyPress}\n        />\n      </div>\n    );\n  },\n);\n\nWordEntry.displayName = \"WordEntry\";\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  roots: Key[];\n  showCheckBox?: boolean;\n  selected?: Key | Key[];\n  handleSelect?: (ret: Key | Key[]) => void;\n  onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n  id,\n  nodeList,\n  roots,\n  selected = [],\n  showCheckBox = false,\n  handleSelect,\n  onAdd,\n  onRename,\n  onRemove,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  nodeHighlight = \"red\",\n  textHighlight = \"rgba(255, 0, 0, 0.2)\",\n  spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  const selectedArray = useMemo(\n    () => (Array.isArray(selected) ? selected : [selected]),\n    [selected],\n  );\n  useEffect(() => {\n    if (selectedArray.length > 0) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n      if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n        setExpandedNodes(shouldExpand);\n      }\n    }\n  }, [expandedNodes, nodeList, selectedArray]);\n\n  // Change expansion and update contexts\n  const changeExpand = useCallback(\n    (eKey: Key, force?: boolean) => {\n      const newExpandedNodes = [...expandedNodes];\n      const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n      if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n      else newExpandedNodes.splice(ix, 1);\n      setExpandedNodes(newExpandedNodes);\n    },\n    [expandedNodes],\n  );\n\n  return (\n    <div\n      id={id}\n      className=\"tree-of-nodes\"\n    >\n      <TreeOfNodesContext.Provider\n        value={{\n          id: id,\n          nodeList,\n          selected: selectedArray,\n          showCheckBox,\n          handleSelect,\n          expandedNodes,\n          handleExpandClick: (r, f) => changeExpand(r, f),\n          onAddChild: onAdd,\n          onRename,\n          onRemove,\n          nodeHighlight,\n          textHighlight,\n          spellCheck,\n        }}\n      >\n        {roots.map((r) => (\n          <TreeNode\n            key={r}\n            id={r}\n            canRemove={canRemoveRoot}\n            canAddChildren={canAddChildren}\n            canRename={canRenameRoot}\n            canRemoveChildren={canRemoveChildren}\n            canRenameChildren={canRenameChildren}\n          />\n        ))}\n      </TreeOfNodesContext.Provider>\n    </div>\n  );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selected: Key | Key[],\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selected, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}

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

@@ -1 +1 @@
-{"mappings":";;AAEA;IACE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,8BAA8B,CAAC,CAAE,SAAQ,YAAY;IACnD,IAAI,EAAE,CAAC,CAAC;CACT;ACZD,QAAO,MAAM,eACX,IAAI,GAAG,GAAG,GAAG,EAAE,EACf,UAAU,YAAY,EAAE,EACxB,gBAAgB,YAAY,EAAE,KAC7B,YAAY,EAoBd,CAAC;AGxBF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED,OAAO,MAAM,kGAoFZ,CAAC;AC1EF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,OAAO,MAAM;0FAOV,aAAa,GAAG,SAAS;;CA0Q3B,CAAC;AE9SF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAGD,OAAO,MAAM;KAAe,CAAC,SAAS,OAAO,2NAkB1C,iBAAiB,CAAC,CAAC;;CA2DrB,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/functions/getDescendentIds.ts","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,"export * from \"./components\";\nexport * from \"./functions\";\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}
+{"mappings":";;AAEA;IACE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,8BAA8B,CAAC,CAAE,SAAQ,YAAY;IACnD,IAAI,EAAE,CAAC,CAAC;CACT;ACZD,QAAO,MAAM,eACX,IAAI,GAAG,GAAG,GAAG,EAAE,EACf,UAAU,YAAY,EAAE,EACxB,gBAAgB,YAAY,EAAE,KAC7B,YAAY,EAoBd,CAAC;AGxBF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED,OAAO,MAAM,kGAqFZ,CAAC;AC3EF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,OAAO,MAAM;0FAOV,aAAa,GAAG,SAAS;;CAsR3B,CAAC;AE1TF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAGD,OAAO,MAAM;KAAe,CAAC,SAAS,OAAO,2NAkB1C,iBAAiB,CAAC,CAAC;;CAgErB,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/functions/getDescendentIds.ts","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,"export * from \"./components\";\nexport * from \"./functions\";\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/tree-of-nodes",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "REACT Typescript Treeview component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,