@asup/tree-of-nodes 1.0.5 → 1.0.6

package/dist/cjs/main.js

@@ -5,9 +5,9 @@ var $gTuX4$reactjsxruntime = require("react/jsx-runtime");
 var $gTuX4$asupcontextmenu = require("@asup/context-menu");
 var $gTuX4$react = require("react");
 var $gTuX4$reactbootstrapicons = require("react-bootstrap-icons");
+var $gTuX4$swchelperslib_to_consumable_arrayjs = require("@swc/helpers/lib/_to_consumable_array.js");
 var $gTuX4$swchelperslib_object_spreadjs = require("@swc/helpers/lib/_object_spread.js");
 var $gTuX4$reactbootstrap = require("react-bootstrap");
-var $gTuX4$swchelperslib_to_consumable_arrayjs = require("@swc/helpers/lib/_to_consumable_array.js");
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -44,6 +44,27 @@ $parcel$export($a68bd8a6c0fd98c2$exports, "WordEntry", function () { return $176
 
 
 
+
+var $580f9b3e262282c9$export$c6fd3ab3f44300d0 = function(id, included, hierarchyNodes) {
+    // Get current node
+    var current = hierarchyNodes.find(function(h) {
+        return h.id === id;
+    });
+    if (current === undefined) return [];
+    // Get parent node
+    var parent = hierarchyNodes.find(function(h) {
+        return h.id === current.parentId;
+    });
+    // Stop if no more parents
+    return parent === undefined ? included : $580f9b3e262282c9$export$c6fd3ab3f44300d0(parent.id, (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(included.filter(function(i) {
+        return i.id !== parent.id;
+    })).concat([
+        parent
+    ]), hierarchyNodes);
+};
+
+
+
 var $ff9cca1fe8f6b24e$export$29ec378200e05207 = (0, $gTuX4$react.createContext)(undefined);
 
 
@@ -105,6 +126,7 @@ var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$inter
                 animation: "border"
             }),
             /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("input", {
+                autoFocus: true,
                 id: String(id),
                 ref: ref,
                 type: "text",
@@ -167,6 +189,20 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.selectedId
     ]);
+    var nodeColour = (0, $gTuX4$react.useMemo)(function() {
+        if (treeContext && treeContext.selectedId) {
+            var anc = (0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(treeContext.selectedId, [], treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList).map(function(n) {
+                return n.id;
+            });
+            if ((0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(anc).concat([
+                treeContext.selectedId
+            ]).includes(id)) return treeContext.nodeHighlight;
+        }
+        return;
+    }, [
+        id,
+        treeContext
+    ]);
     // New node parameters
     var newNameRef = (0, $gTuX4$react.useRef)(null);
     var _useState2 = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(false), 2), showNewNode = _useState2[0], setShowNewNode = _useState2[1];
@@ -340,15 +376,6 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
             id: "".concat(treeContext.id, "-treenode-").concat(id),
             className: "treenode",
-            onClickCapture: function() {
-                return treeContext.handleSelect(id);
-            },
-            onContextMenuCapture: function() {
-                return treeContext.handleSelect(id);
-            },
-            onFocusCapture: function() {
-                return treeContext.handleSelect(id);
-            },
             children: [
                 error ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)((0, $gTuX4$reactjsxruntime.Fragment), {
                     children: [
@@ -361,41 +388,59 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
                 }) : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("span", {
                     children: [
                         childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRightFill), {
+                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
                             role: "button",
+                            color: nodeColour,
                             "aria-expanded": false,
-                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
                             onClick: function() {
                                 return treeContext.handleExpandClick(id);
                             }
                         }) : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretDownFill), {
+                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
                             role: "button",
                             "aria-expanded": true,
-                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
+                            color: nodeColour,
                             onClick: function() {
-                                return treeContext.handleExpandClick(id);
+                                treeContext.handleExpandClick(id);
                             }
                         }) : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRight), {
+                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
                             role: "button",
+                            color: nodeColour,
                             "aria-expanded": false,
                             "aria-disabled": true
                         }),
-                        thisNode && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $176d21a51def1fce$export$14f190ac910bde69), {
-                            id: "".concat(treeContext.id, "-treenode-entry-").concat(id),
-                            ref: currentNameRef,
-                            value: thisNode.label,
-                            editing: renaming,
-                            saving: updatingNode,
-                            setValue: function(ret) {
-                                return renameNode(ret);
+                        thisNode && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
+                            style: {
+                                display: "inline-block"
                             },
-                            sendEscape: function() {
-                                return setRenaming(false);
+                            onContextMenuCapture: function() {
+                                return treeContext.handleSelect(id);
                             },
-                            style: {
-                                border: currentBorder,
-                                margin: currentBorder === "" ? "1px" : "",
-                                backgroundColor: currentBorder === "" ? "" : "lightgrey"
-                            }
+                            onClickCapture: function() {
+                                return treeContext.handleSelect(id);
+                            },
+                            onFocusCapture: function() {
+                                return treeContext.handleSelect(id);
+                            },
+                            children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $176d21a51def1fce$export$14f190ac910bde69), {
+                                id: "".concat(treeContext.id, "-treenode-entry-").concat(id),
+                                ref: currentNameRef,
+                                value: thisNode.label,
+                                editing: renaming,
+                                saving: updatingNode,
+                                setValue: function(ret) {
+                                    return renameNode(ret);
+                                },
+                                sendEscape: function() {
+                                    return setRenaming(false);
+                                },
+                                style: {
+                                    border: currentBorder,
+                                    margin: currentBorder === "" ? "1px" : "",
+                                    backgroundColor: currentBorder === "" ? "" : treeContext.textHighlight
+                                }
+                            })
                         })
                     ]
                 }),
@@ -451,28 +496,8 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
 
 
 
-var $a983ffa23085f8d6$export$85488b7eb1e4976f = function(id, included, hierarchyNodes) {
-    // Get current node
-    var current = hierarchyNodes.find(function(h) {
-        return h.id === id;
-    });
-    if (current === undefined) return [];
-    // Set return as children, current node or parent's return
-    var ret = current.parentId === undefined || current.parentId === null || hierarchyNodes.findIndex(function(h) {
-        return h.id === (current === null || current === void 0 ? void 0 : current.parentId);
-    }) === -1 ? (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(included).concat([
-        current
-    ]) : $a983ffa23085f8d6$export$85488b7eb1e4976f(current.parentId, (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(included.filter(function(c) {
-        return c.id !== current.parentId && c.id !== current.id;
-    })).concat([
-        current
-    ]), hierarchyNodes);
-    return ret;
-};
-
-
 var $f31429c9cc6d3bce$export$40c47a7ac5f85aba = function(nodeList, selectedId, expandedNodes) {
-    return (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(expandedNodes).concat((0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))((0, $a983ffa23085f8d6$export$85488b7eb1e4976f)(selectedId, [], nodeList).map(function(n) {
+    return (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(expandedNodes).concat((0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))((0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(selectedId, [], nodeList).map(function(n) {
         return n.id;
     }).filter(function(k) {
         return !expandedNodes.includes(k);
@@ -488,7 +513,7 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
     var id = param.id, nodeList = param.nodeList, roots = param.roots, _param_canRemoveRoot = param.// canAddRoot = false,
     canRemoveRoot, canRemoveRoot = _param_canRemoveRoot === void 0 ? false : _param_canRemoveRoot, _param_canRenameRoot = param.canRenameRoot, canRenameRoot = _param_canRenameRoot === void 0 ? false : _param_canRenameRoot, _param_canAddChildren = param.canAddChildren, canAddChildren = _param_canAddChildren === void 0 ? false : _param_canAddChildren, _param_canRemoveChildren = param.canRemoveChildren, canRemoveChildren = _param_canRemoveChildren === void 0 ? false : _param_canRemoveChildren, _param_canRenameChildren = param.canRenameChildren, canRenameChildren = _param_canRenameChildren === void 0 ? false : _param_canRenameChildren, selectedId = param.selectedId, _param_handleSelect = param.handleSelect, handleSelect = _param_handleSelect === void 0 ? function() {
         return;
-    } : _param_handleSelect, onAdd = param.onAdd, onRename = param.onRename, onRemove = param.onRemove;
+    } : _param_handleSelect, onAdd = param.onAdd, onRename = param.onRename, onRemove = param.onRemove, _param_nodeHighlight = param.nodeHighlight, nodeHighlight = _param_nodeHighlight === void 0 ? "red" : _param_nodeHighlight, _param_textHighlight = param.textHighlight, textHighlight = _param_textHighlight === void 0 ? "rgba(255, 0, 0, 0.2)" : _param_textHighlight;
     var _useState = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)([]), 2), expandedNodes = _useState[0], setExpandedNodes = _useState[1];
     (0, $gTuX4$react.useEffect)(function() {
         if (selectedId) {
@@ -503,7 +528,7 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
         nodeList,
         selectedId
     ]);
-    // Change expansion and update context
+    // Change expansion and update contexts
     var changeExpand = (0, $gTuX4$react.useCallback)(function(eKey, force) {
         var newExpandedNodes = (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(expandedNodes);
         var ix = newExpandedNodes.findIndex(function(nKey) {
@@ -527,7 +552,9 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
             },
             onAddChild: onAdd,
             onRename: onRename,
-            onRemove: onRemove
+            onRemove: onRemove,
+            nodeHighlight: nodeHighlight,
+            textHighlight: textHighlight
         },
         children: roots.map(function(r) {
             return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $a56aac35d4408806$export$2eba8ec3a333fdbb), {
@@ -548,7 +575,7 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
 
 var $f8937e88ee74204e$exports = {};
 
-$parcel$export($f8937e88ee74204e$exports, "getParents", function () { return $a983ffa23085f8d6$export$85488b7eb1e4976f; });
+$parcel$export($f8937e88ee74204e$exports, "getParents", function () { return $580f9b3e262282c9$export$c6fd3ab3f44300d0; });
 
 
 

package/dist/cjs/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/getParents.tsx","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, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  CaretDownFill,\n  CaretRight,\n  CaretRightFill,\n  ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\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): JSX.Element => {\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\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string | null>(null);\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // // Apply selected borer\n  const currentBorder = useMemo<string>(() => {\n    return id === treeContext?.selectedId ? '1px solid black' : '';\n  }, [id, treeContext?.selectedId]);\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(null);\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 && 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: iMenuItem[] = [];\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  if (!treeContext) return <></>;\n  return (\n    <ContextMenuHandler menuItems={menuItems}>\n      <div\n        id={`${treeContext.id}-treenode-${id}`}\n        className='treenode'\n        onClickCapture={() => treeContext.handleSelect(id)}\n        onContextMenuCapture={() => treeContext.handleSelect(id)}\n        onFocusCapture={() => treeContext.handleSelect(id)}\n      >\n        {error ? (\n          <>\n            <ExclamationCircleFill color='var(--bs-danger)' />{' '}\n            {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n          </>\n        ) : (\n          <span>\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  role='button'\n                  aria-expanded={false}\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  role='button'\n                  aria-expanded={true}\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              )\n            ) : (\n              <CaretRight\n                role='button'\n                aria-expanded={false}\n                aria-disabled={true}\n              />\n            )}\n            {thisNode && (\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 === '' ? '' : 'lightgrey',\n                }}\n              />\n            )}\n          </span>\n        )}\n        {childNodes !== undefined &&\n          childNodes.map((h) => (\n            <span\n              key={h.id}\n              id={`${treeContext.id}-treenode-child-${h.id}`}\n              style={{\n                marginLeft: '16px',\n                display: 'block',\n                maxHeight: expanded ? '99999px' : '0px',\n                height: expanded ? 'auto' : '0px',\n                overflowY: 'hidden',\n                visibility: expanded ? 'inherit' : 'hidden',\n                opacity: expanded ? 1 : 0,\n                transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n              }}\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        {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            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\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  selectedId?: Key;\n  handleSelect: (ret: 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}\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}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  ({ id, value, editing, saving, setValue, sendEscape, style }, ref): 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 && setValue(currentValue);\n    }, [currentValue, setValue]);\n\n    const keyPress = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.code === 'Escape') {\n          setCurrentValue(value ?? '');\n          sendEscape && 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={String(id)}\n        >\n          {value}\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          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, 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  selectedId?: Key;\n  handleSelect?: (ret: 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  canAddRoot?: boolean;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\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  // canAddRoot = false,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  selectedId,\n  handleSelect = () => {\n    return;\n  },\n  onAdd,\n  onRename,\n  onRemove,\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  useEffect(() => {\n    if (selectedId) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedId]);\n\n  // Change expansion and update context\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        selectedId,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\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","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getParents } from './getParents';\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selectedId: Key,\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getParents(selectedId, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getParents = (\n  id: Key,\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  // Get current node\n  const current = hierarchyNodes.find((h) => h.id === id);\n  if (current === undefined) return [];\n  // Set return as children, current node or parent's return\n  const ret =\n    current.parentId === undefined ||\n    current.parentId === null ||\n    hierarchyNodes.findIndex((h) => h.id === current?.parentId) === -1\n      ? [...included, current]\n      : getParents(\n          current.parentId,\n          [...included.filter((c) => c.id !== current.parentId && c.id !== current.id), current],\n          hierarchyNodes,\n        );\n  return ret;\n};\n","import { getParents } from './getParents';\n\nexport { 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/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, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  CaretDownFill,\n  CaretRight,\n  CaretRightFill,\n  ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { getAncestors } from '../functions/getAncestors';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\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): JSX.Element => {\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\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string | null>(null);\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // // Apply selected borer\n  const currentBorder = useMemo<string>(() => {\n    return id === treeContext?.selectedId ? '1px solid black' : '';\n  }, [id, treeContext?.selectedId]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selectedId) {\n      const anc = getAncestors(treeContext.selectedId, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selectedId].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(null);\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 && 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: iMenuItem[] = [];\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  if (!treeContext) return <></>;\n  return (\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)' />{' '}\n            {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n          </>\n        ) : (\n          <span>\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  role='button'\n                  color={nodeColour}\n                  aria-expanded={false}\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  role='button'\n                  aria-expanded={true}\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                role='button'\n                color={nodeColour}\n                aria-expanded={false}\n                aria-disabled={true}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: 'inline-block' }}\n                onContextMenuCapture={() => treeContext.handleSelect(id)}\n                onClickCapture={() => treeContext.handleSelect(id)}\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                />\n              </div>\n            )}\n          </span>\n        )}\n        {childNodes !== undefined &&\n          childNodes.map((h) => (\n            <span\n              key={h.id}\n              id={`${treeContext.id}-treenode-child-${h.id}`}\n              style={{\n                marginLeft: '16px',\n                display: 'block',\n                maxHeight: expanded ? '99999px' : '0px',\n                height: expanded ? 'auto' : '0px',\n                overflowY: 'hidden',\n                visibility: expanded ? 'inherit' : 'hidden',\n                opacity: expanded ? 1 : 0,\n                transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n              }}\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        {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            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n  id: Key,\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  // Get current node\n  const current = hierarchyNodes.find((h) => h.id === id);\n  if (current === undefined) return [];\n  // Get parent node\n  const parent = hierarchyNodes.find((h) => h.id === current.parentId);\n  // Stop if no more parents\n  return parent === undefined\n    ? included\n    : getAncestors(\n        parent.id,\n        [...included.filter((i) => i.id !== parent.id), parent],\n        hierarchyNodes,\n      );\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  selectedId?: Key;\n  handleSelect: (ret: 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}\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}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  ({ id, value, editing, saving, setValue, sendEscape, style }, ref): 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 && setValue(currentValue);\n    }, [currentValue, setValue]);\n\n    const keyPress = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.code === 'Escape') {\n          setCurrentValue(value ?? '');\n          sendEscape && 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={String(id)}\n        >\n          {value}\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          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, 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  selectedId?: Key;\n  handleSelect?: (ret: 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  canAddRoot?: boolean;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\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  // canAddRoot = false,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  selectedId,\n  handleSelect = () => {\n    return;\n  },\n  onAdd,\n  onRename,\n  onRemove,\n  nodeHighlight = 'red',\n  textHighlight = 'rgba(255, 0, 0, 0.2)',\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  useEffect(() => {\n    if (selectedId) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedId]);\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        selectedId,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\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","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selectedId: Key,\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selectedId, [], 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/main.js

@@ -16,6 +16,20 @@ $parcel$export($b65191f6d0a0a991$exports, "WordEntry", function () { return $847
 
 
 
+const $6303f0814ed0ce8b$export$c6fd3ab3f44300d0 = (id, included, hierarchyNodes)=>{
+    // Get current node
+    const current = hierarchyNodes.find((h)=>h.id === id);
+    if (current === undefined) return [];
+    // Get parent node
+    const parent = hierarchyNodes.find((h)=>h.id === current.parentId);
+    // Stop if no more parents
+    return parent === undefined ? included : $6303f0814ed0ce8b$export$c6fd3ab3f44300d0(parent.id, [
+        ...included.filter((i)=>i.id !== parent.id),
+        parent
+    ], hierarchyNodes);
+};
+
+
 
 const $886f402bccb0fd30$export$29ec378200e05207 = (0, $duWW8$createContext)(undefined);
 
@@ -76,6 +90,7 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
                 animation: "border"
             }),
             /*#__PURE__*/ (0, $duWW8$jsx)("input", {
+                autoFocus: true,
                 id: String(id),
                 ref: ref,
                 type: "text",
@@ -129,6 +144,19 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id , canRemove: canRemo
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.selectedId
     ]);
+    const nodeColour = (0, $duWW8$useMemo)(()=>{
+        if (treeContext && treeContext.selectedId) {
+            const anc = (0, $6303f0814ed0ce8b$export$c6fd3ab3f44300d0)(treeContext.selectedId, [], treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList).map((n)=>n.id);
+            if ([
+                ...anc,
+                treeContext.selectedId
+            ].includes(id)) return treeContext.nodeHighlight;
+        }
+        return;
+    }, [
+        id,
+        treeContext
+    ]);
     // New node parameters
     const newNameRef = (0, $duWW8$useRef)(null);
     const [showNewNode, setShowNewNode] = (0, $duWW8$useState)(false);
@@ -233,9 +261,6 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id , canRemove: canRemo
         children: /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
             id: `${treeContext.id}-treenode-${id}`,
             className: "treenode",
-            onClickCapture: ()=>treeContext.handleSelect(id),
-            onContextMenuCapture: ()=>treeContext.handleSelect(id),
-            onFocusCapture: ()=>treeContext.handleSelect(id),
             children: [
                 error ? /*#__PURE__*/ (0, $duWW8$jsxs)((0, $duWW8$Fragment), {
                     children: [
@@ -248,33 +273,47 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id , canRemove: canRemo
                 }) : /*#__PURE__*/ (0, $duWW8$jsxs)("span", {
                     children: [
                         childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRightFill), {
+                            id: `${treeContext.id}-treenode-caret-${id}`,
                             role: "button",
+                            color: nodeColour,
                             "aria-expanded": false,
-                            id: `${treeContext.id}-treenode-caret-${id}`,
                             onClick: ()=>treeContext.handleExpandClick(id)
                         }) : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretDownFill), {
+                            id: `${treeContext.id}-treenode-caret-${id}`,
                             role: "button",
                             "aria-expanded": true,
-                            id: `${treeContext.id}-treenode-caret-${id}`,
-                            onClick: ()=>treeContext.handleExpandClick(id)
+                            color: nodeColour,
+                            onClick: ()=>{
+                                treeContext.handleExpandClick(id);
+                            }
                         }) : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRight), {
+                            id: `${treeContext.id}-treenode-caret-${id}`,
                             role: "button",
+                            color: nodeColour,
                             "aria-expanded": false,
                             "aria-disabled": true
                         }),
-                        thisNode && /*#__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),
+                        thisNode && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
                             style: {
-                                border: currentBorder,
-                                margin: currentBorder === "" ? "1px" : "",
-                                backgroundColor: currentBorder === "" ? "" : "lightgrey"
-                            }
+                                display: "inline-block"
+                            },
+                            onContextMenuCapture: ()=>treeContext.handleSelect(id),
+                            onClickCapture: ()=>treeContext.handleSelect(id),
+                            onFocusCapture: ()=>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),
+                                style: {
+                                    border: currentBorder,
+                                    margin: currentBorder === "" ? "1px" : "",
+                                    backgroundColor: currentBorder === "" ? "" : treeContext.textHighlight
+                                }
+                            })
                         })
                     ]
                 }),
@@ -324,28 +363,11 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id , canRemove: canRemo
 
 
 
-const $03b5c1380eb9c122$export$85488b7eb1e4976f = (id, included, hierarchyNodes)=>{
-    // Get current node
-    const current = hierarchyNodes.find((h)=>h.id === id);
-    if (current === undefined) return [];
-    // Set return as children, current node or parent's return
-    const ret = current.parentId === undefined || current.parentId === null || hierarchyNodes.findIndex((h)=>{
-        return h.id === (current === null || current === void 0 ? void 0 : current.parentId);
-    }) === -1 ? [
-        ...included,
-        current
-    ] : $03b5c1380eb9c122$export$85488b7eb1e4976f(current.parentId, [
-        ...included.filter((c)=>c.id !== current.parentId && c.id !== current.id),
-        current
-    ], hierarchyNodes);
-    return ret;
-};
-
 
 const $c7008d808d3e1c7a$export$40c47a7ac5f85aba = (nodeList, selectedId, expandedNodes)=>{
     return [
         ...expandedNodes,
-        ...(0, $03b5c1380eb9c122$export$85488b7eb1e4976f)(selectedId, [], nodeList).map((n)=>n.id).filter((k)=>!expandedNodes.includes(k))
+        ...(0, $6303f0814ed0ce8b$export$c6fd3ab3f44300d0)(selectedId, [], nodeList).map((n)=>n.id).filter((k)=>!expandedNodes.includes(k))
     ].sort((a, b)=>`${a}`.localeCompare(`${b}`));
 };
 
@@ -355,7 +377,7 @@ const $c7008d808d3e1c7a$export$40c47a7ac5f85aba = (nodeList, selectedId, expande
 const $ba47aaf387735a90$export$5580fff3e08a8be5 = ({ id: id , nodeList: nodeList , roots: roots , canRemoveRoot: // canAddRoot = false,
 canRemoveRoot = false , canRenameRoot: canRenameRoot = false , canAddChildren: canAddChildren = false , canRemoveChildren: canRemoveChildren = false , canRenameChildren: canRenameChildren = false , selectedId: selectedId , handleSelect: handleSelect = ()=>{
     return;
-} , onAdd: onAdd , onRename: onRename , onRemove: onRemove  })=>{
+} , onAdd: onAdd , onRename: onRename , onRemove: onRemove , nodeHighlight: nodeHighlight = "red" , textHighlight: textHighlight = "rgba(255, 0, 0, 0.2)"  })=>{
     const [expandedNodes, setExpandedNodes] = (0, $duWW8$useState)([]);
     (0, $duWW8$useEffect)(()=>{
         if (selectedId) {
@@ -368,7 +390,7 @@ canRemoveRoot = false , canRenameRoot: canRenameRoot = false , canAddChildren: c
         nodeList,
         selectedId
     ]);
-    // Change expansion and update context
+    // Change expansion and update contexts
     const changeExpand = (0, $duWW8$useCallback)((eKey, force)=>{
         const newExpandedNodes = [
             ...expandedNodes
@@ -390,7 +412,9 @@ canRemoveRoot = false , canRenameRoot: canRenameRoot = false , canAddChildren: c
             handleExpandClick: (r, f)=>changeExpand(r, f),
             onAddChild: onAdd,
             onRename: onRename,
-            onRemove: onRemove
+            onRemove: onRemove,
+            nodeHighlight: nodeHighlight,
+            textHighlight: textHighlight
         },
         children: roots.map((r)=>/*#__PURE__*/ (0, $duWW8$jsx)((0, $47c36cf4281201f5$export$2eba8ec3a333fdbb), {
                 id: r,
@@ -409,11 +433,11 @@ canRemoveRoot = false , canRenameRoot: canRenameRoot = false , canAddChildren: c
 
 var $3d005c8713d7dfb7$exports = {};
 
-$parcel$export($3d005c8713d7dfb7$exports, "getParents", function () { return $03b5c1380eb9c122$export$85488b7eb1e4976f; });
+$parcel$export($3d005c8713d7dfb7$exports, "getParents", function () { return $6303f0814ed0ce8b$export$c6fd3ab3f44300d0; });
 
 
 
 
 
-export {$47c36cf4281201f5$export$2eba8ec3a333fdbb as TreeNode, $ba47aaf387735a90$export$5580fff3e08a8be5 as TreeOfNodes, $84765747a8c6bfe2$export$14f190ac910bde69 as WordEntry, $03b5c1380eb9c122$export$85488b7eb1e4976f as getParents};
+export {$47c36cf4281201f5$export$2eba8ec3a333fdbb as TreeNode, $ba47aaf387735a90$export$5580fff3e08a8be5 as TreeOfNodes, $84765747a8c6bfe2$export$14f190ac910bde69 as WordEntry, $6303f0814ed0ce8b$export$c6fd3ab3f44300d0 as getAncestors};
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/getParents.tsx","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, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  CaretDownFill,\n  CaretRight,\n  CaretRightFill,\n  ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\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): JSX.Element => {\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\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string | null>(null);\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // // Apply selected borer\n  const currentBorder = useMemo<string>(() => {\n    return id === treeContext?.selectedId ? '1px solid black' : '';\n  }, [id, treeContext?.selectedId]);\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(null);\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 && 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: iMenuItem[] = [];\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  if (!treeContext) return <></>;\n  return (\n    <ContextMenuHandler menuItems={menuItems}>\n      <div\n        id={`${treeContext.id}-treenode-${id}`}\n        className='treenode'\n        onClickCapture={() => treeContext.handleSelect(id)}\n        onContextMenuCapture={() => treeContext.handleSelect(id)}\n        onFocusCapture={() => treeContext.handleSelect(id)}\n      >\n        {error ? (\n          <>\n            <ExclamationCircleFill color='var(--bs-danger)' />{' '}\n            {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n          </>\n        ) : (\n          <span>\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  role='button'\n                  aria-expanded={false}\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  role='button'\n                  aria-expanded={true}\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              )\n            ) : (\n              <CaretRight\n                role='button'\n                aria-expanded={false}\n                aria-disabled={true}\n              />\n            )}\n            {thisNode && (\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 === '' ? '' : 'lightgrey',\n                }}\n              />\n            )}\n          </span>\n        )}\n        {childNodes !== undefined &&\n          childNodes.map((h) => (\n            <span\n              key={h.id}\n              id={`${treeContext.id}-treenode-child-${h.id}`}\n              style={{\n                marginLeft: '16px',\n                display: 'block',\n                maxHeight: expanded ? '99999px' : '0px',\n                height: expanded ? 'auto' : '0px',\n                overflowY: 'hidden',\n                visibility: expanded ? 'inherit' : 'hidden',\n                opacity: expanded ? 1 : 0,\n                transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n              }}\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        {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            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\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  selectedId?: Key;\n  handleSelect: (ret: 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}\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}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  ({ id, value, editing, saving, setValue, sendEscape, style }, ref): 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 && setValue(currentValue);\n    }, [currentValue, setValue]);\n\n    const keyPress = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.code === 'Escape') {\n          setCurrentValue(value ?? '');\n          sendEscape && 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={String(id)}\n        >\n          {value}\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          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, 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  selectedId?: Key;\n  handleSelect?: (ret: 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  canAddRoot?: boolean;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\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  // canAddRoot = false,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  selectedId,\n  handleSelect = () => {\n    return;\n  },\n  onAdd,\n  onRename,\n  onRemove,\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  useEffect(() => {\n    if (selectedId) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedId]);\n\n  // Change expansion and update context\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        selectedId,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\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","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getParents } from './getParents';\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selectedId: Key,\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getParents(selectedId, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getParents = (\n  id: Key,\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  // Get current node\n  const current = hierarchyNodes.find((h) => h.id === id);\n  if (current === undefined) return [];\n  // Set return as children, current node or parent's return\n  const ret =\n    current.parentId === undefined ||\n    current.parentId === null ||\n    hierarchyNodes.findIndex((h) => h.id === current?.parentId) === -1\n      ? [...included, current]\n      : getParents(\n          current.parentId,\n          [...included.filter((c) => c.id !== current.parentId && c.id !== current.id), current],\n          hierarchyNodes,\n        );\n  return ret;\n};\n","import { getParents } from './getParents';\n\nexport { 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/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, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  CaretDownFill,\n  CaretRight,\n  CaretRightFill,\n  ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { getAncestors } from '../functions/getAncestors';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\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): JSX.Element => {\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\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string | null>(null);\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // // Apply selected borer\n  const currentBorder = useMemo<string>(() => {\n    return id === treeContext?.selectedId ? '1px solid black' : '';\n  }, [id, treeContext?.selectedId]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selectedId) {\n      const anc = getAncestors(treeContext.selectedId, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selectedId].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(null);\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 && 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: iMenuItem[] = [];\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  if (!treeContext) return <></>;\n  return (\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)' />{' '}\n            {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n          </>\n        ) : (\n          <span>\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  role='button'\n                  color={nodeColour}\n                  aria-expanded={false}\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  role='button'\n                  aria-expanded={true}\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                role='button'\n                color={nodeColour}\n                aria-expanded={false}\n                aria-disabled={true}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: 'inline-block' }}\n                onContextMenuCapture={() => treeContext.handleSelect(id)}\n                onClickCapture={() => treeContext.handleSelect(id)}\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                />\n              </div>\n            )}\n          </span>\n        )}\n        {childNodes !== undefined &&\n          childNodes.map((h) => (\n            <span\n              key={h.id}\n              id={`${treeContext.id}-treenode-child-${h.id}`}\n              style={{\n                marginLeft: '16px',\n                display: 'block',\n                maxHeight: expanded ? '99999px' : '0px',\n                height: expanded ? 'auto' : '0px',\n                overflowY: 'hidden',\n                visibility: expanded ? 'inherit' : 'hidden',\n                opacity: expanded ? 1 : 0,\n                transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n              }}\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        {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            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n  id: Key,\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  // Get current node\n  const current = hierarchyNodes.find((h) => h.id === id);\n  if (current === undefined) return [];\n  // Get parent node\n  const parent = hierarchyNodes.find((h) => h.id === current.parentId);\n  // Stop if no more parents\n  return parent === undefined\n    ? included\n    : getAncestors(\n        parent.id,\n        [...included.filter((i) => i.id !== parent.id), parent],\n        hierarchyNodes,\n      );\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  selectedId?: Key;\n  handleSelect: (ret: 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}\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}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  ({ id, value, editing, saving, setValue, sendEscape, style }, ref): 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 && setValue(currentValue);\n    }, [currentValue, setValue]);\n\n    const keyPress = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (e.code === 'Escape') {\n          setCurrentValue(value ?? '');\n          sendEscape && 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={String(id)}\n        >\n          {value}\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          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, 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  selectedId?: Key;\n  handleSelect?: (ret: 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  canAddRoot?: boolean;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\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  // canAddRoot = false,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  selectedId,\n  handleSelect = () => {\n    return;\n  },\n  onAdd,\n  onRename,\n  onRemove,\n  nodeHighlight = 'red',\n  textHighlight = 'rgba(255, 0, 0, 0.2)',\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  useEffect(() => {\n    if (selectedId) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedId]);\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        selectedId,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\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","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selectedId: Key,\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selectedId, [], 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

@@ -11,6 +11,7 @@ export interface TreeNodeBase {
 export interface TreeNodeData<T> extends TreeNodeBase {
     data: T;
 }
+declare const getAncestors: (id: Key, included: TreeNodeBase[], hierarchyNodes: TreeNodeBase[]) => TreeNodeBase[];
 interface WordEntryProps {
     id: Key;
     value?: string;
@@ -32,7 +33,6 @@ interface TreeNodeProps {
     refresh?: () => void;
 }
 export const TreeNode: ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps) => JSX.Element;
-export const getParents: (id: Key, included: TreeNodeBase[], hierarchyNodes: TreeNodeBase[]) => TreeNodeBase[];
 interface TreeOfNodesProps<T> {
     id: string;
     nodeList: TreeNodeData<T>[];
@@ -48,7 +48,9 @@ interface TreeOfNodesProps<T> {
     canAddChildren?: boolean;
     canRemoveChildren?: boolean;
     canRenameChildren?: boolean;
+    nodeHighlight?: string;
+    textHighlight?: string;
 }
-export const TreeOfNodes: <T extends unknown>({ id, nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, }: TreeOfNodesProps<T>) => JSX.Element;
+export const TreeOfNodes: <T extends unknown>({ id, nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, nodeHighlight, textHighlight, }: TreeOfNodesProps<T>) => JSX.Element;
 
 //# sourceMappingURL=tree-of-nodes.d.ts.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;AEZD;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;CAC7B;AAED,OAAO,MAAM,kGA+EZ,CAAC;AChFF;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,gGAOV,aAAa,KAAG,WAoNlB,CAAC;AC/OF,OAAO,MAAM,iBACP,GAAG,YACG,YAAY,EAAE,kBACR,YAAY,EAAE,KAC7B,YAAY,EAgBd,CAAC;AEjBF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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;CAC7B;AAGD,OAAO,MAAM,uOAmEZ,CAAC","sources":["src/src/components/interface.ts","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/getParents.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,"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,mBACP,GAAG,YACG,YAAY,EAAE,kBACR,YAAY,EAAE,KAC7B,YAAY,EAcd,CAAC;AElBF;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;CAC7B;AAED,OAAO,MAAM,kGAgFZ,CAAC;AChFF;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,gGAOV,aAAa,KAAG,WAqOlB,CAAC;AE9PF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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;CACxB;AAGD,OAAO,MAAM,qQAuEZ,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","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,"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": "1.0.5",
+  "version": "1.0.6",
   "description": "REACT Typescript Treeview component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,

package/dist/cjs/main.css

@@ -1,41 +0,0 @@
-.context-menu {
-  visibility: hidden;
-  opacity: 1;
-  background-color: #fbfdf6;
-  border: 1px solid #111418;
-  border-radius: 8px;
-  position: absolute;
-}
-
-.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;
-}
-
-/*# sourceMappingURL=main.css.map */

package/dist/cjs/main.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;;;;;AAUA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA","sources":["src/components/ContextMenu.css"],"sourcesContent":[".context-menu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  border-radius: 8px;\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n}\n\n.context-menu.visible {\n  visibility: 'inherit';\n}\n\n.context-menu-item {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n}\n\n.context-menu-item:first-child {\n  padding-top: 2px;\n}\n\n.context-menu-item:last-child {\n  padding-bottom: 2px;\n}\n\n.context-menu-item:hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.context-menu-item:hover:first-child {\n  border-radius: 6px 6px 0 0;\n}\n\n.context-menu-item:hover:last-child {\n  border-radius: 0 0 6px 6px;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.css

@@ -1,41 +0,0 @@
-.context-menu {
-  visibility: hidden;
-  opacity: 1;
-  background-color: #fbfdf6;
-  border: 1px solid #111418;
-  border-radius: 8px;
-  position: absolute;
-}
-
-.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;
-}
-
-/*# sourceMappingURL=main.css.map */

package/dist/main.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;;;;;AAUA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA","sources":["src/components/ContextMenu.css"],"sourcesContent":[".context-menu {\n  position: absolute;\n  visibility: hidden;\n  border: 1px solid;\n  border-color: rgb(17, 20, 24);\n  border-radius: 8px;\n  opacity: 1;\n  background-color: rgb(251, 253, 246);\n}\n\n.context-menu.visible {\n  visibility: 'inherit';\n}\n\n.context-menu-item {\n  color: rgb(17, 20, 24);\n  cursor: pointer;\n  padding: 0 4px;\n  min-width: 80px;\n}\n\n.context-menu-item:first-child {\n  padding-top: 2px;\n}\n\n.context-menu-item:last-child {\n  padding-bottom: 2px;\n}\n\n.context-menu-item:hover {\n  background-color: rgb(251, 233, 230);\n}\n\n.context-menu-item:hover:first-child {\n  border-radius: 6px 6px 0 0;\n}\n\n.context-menu-item:hover:last-child {\n  border-radius: 0 0 6px 6px;\n}\n"],"names":[],"version":3,"file":"main.css.map"}