@asup/tree-of-nodes 2.0.2 → 2.0.3

package/dist/cjs/main.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;AAIA;;;;;;;AAMA;;;;;;AAKA;;;;;;;AAMA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[".ton-checkbox {\n  margin-right: 3px;\n  margin-top: 3px;\n}\n\n.ton-expander {\n  margin-bottom: 4px;\n}\n\n.ton-child {\n  margin-left: 16px;\n  display: block;\n  opacity: 1;\n  transition: opacity 0.6s linear;\n}\n\n.ton-collapsible-wrapper {\n  display: flex;\n  overflow: hidden;\n}\n.ton-collapsible-wrapper:after {\n  content: '';\n  height: 20px;\n  transition: height 0.3s linear, max-height 0s 0.3s linear;\n  max-height: 0px;\n}\n.ton-collapsible {\n  transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);\n  margin-bottom: 0;\n  max-height: 10000px;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n  margin-bottom: -2000px;\n  transition: margin-bottom 0.3s cubic-bezier(1, 0, 1, 1), visibility 0s 0.3s, max-height 0s 0.3s;\n  visibility: hidden;\n  max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n  height: 0;\n  transition: height 0.3s linear;\n  max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n  visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n  opacity: 0;\n  transition: opacity 0.6s linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AAAA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;AAIA;;;;;;;AAQA;;;;;;AAKA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[".ton-checkbox {\n  margin-right: 3px;\n  margin-top: 3px;\n}\n\n.ton-expander {\n  margin-bottom: 4px;\n}\n\n.ton-child {\n  margin-left: 16px;\n  display: block;\n  opacity: 1;\n  transition: opacity 0.6s linear;\n}\n\n.ton-collapsible-wrapper {\n  display: flex;\n  overflow: hidden;\n}\n.ton-collapsible-wrapper:after {\n  content: \"\";\n  height: 20px;\n  transition:\n    height 0.3s linear,\n    max-height 0s 0.3s linear;\n  max-height: 0px;\n}\n.ton-collapsible {\n  transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);\n  margin-bottom: 0;\n  max-height: 10000px;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n  margin-bottom: -2000px;\n  transition:\n    margin-bottom 0.3s cubic-bezier(1, 0, 1, 1),\n    visibility 0s 0.3s,\n    max-height 0s 0.3s;\n  visibility: hidden;\n  max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n  height: 0;\n  transition: height 0.3s linear;\n  max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n  visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n  opacity: 0;\n  transition: opacity 0.6s linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/cjs/main.js

@@ -1,18 +1,14 @@
 require("./main.css");
-var $gTuX4$swchelperscjs_async_to_generatorcjs = require("@swc/helpers/cjs/_async_to_generator.cjs");
-var $gTuX4$swchelperscjs_sliced_to_arraycjs = require("@swc/helpers/cjs/_sliced_to_array.cjs");
-var $gTuX4$swchelperscjs_to_consumable_arraycjs = require("@swc/helpers/cjs/_to_consumable_array.cjs");
-var $gTuX4$swchelperscjs_ts_generatorcjs = require("@swc/helpers/cjs/_ts_generator.cjs");
 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$swchelperscjs_object_spreadcjs = require("@swc/helpers/cjs/_object_spread.cjs");
 var $gTuX4$reactbootstrap = require("react-bootstrap");
 
+
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
       return;
     }
 
@@ -26,9 +22,11 @@ function $parcel$exportWildcard(dest, source) {
 
   return dest;
 }
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -41,93 +39,69 @@ $parcel$export($a68bd8a6c0fd98c2$exports, "WordEntry", function () { return $176
 
 
 
-
-
-
-
-
-var $580f9b3e262282c9$export$c6fd3ab3f44300d0 = function(id, included, hierarchyNodes) {
-    var processIds = Array.isArray(id) ? id : [
+const $580f9b3e262282c9$export$c6fd3ab3f44300d0 = (id, included, hierarchyNodes)=>{
+    const processIds = Array.isArray(id) ? id : [
         id
     ];
-    var current = processIds.map(function(i) {
-        return hierarchyNodes.find(function(h) {
-            return h.id === i;
-        });
-    }).filter(function(h) {
-        return h !== undefined;
-    });
+    const current = processIds.map((i)=>hierarchyNodes.find((h)=>h.id === i)).filter((h)=>h !== undefined);
     if (current.length === 0) return included;
-    var parents = current.map(function(h) {
-        return h.parentId;
-    }).map(function(pid) {
-        return hierarchyNodes.find(function(h) {
-            return pid === h.id;
-        });
-    }).filter(function(p) {
-        return p !== undefined;
-    });
+    const parents = current.map((h)=>h.parentId).map((pid)=>hierarchyNodes.find((h)=>pid === h.id)).filter((p)=>p !== undefined);
     if (parents.length === 0) return included;
-    else return $580f9b3e262282c9$export$c6fd3ab3f44300d0(parents.map(function(p) {
-        return p.id;
-    }), (0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(included).concat((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(parents.filter(function(p) {
-        return !included.includes(p);
-    }))), hierarchyNodes);
+    else return $580f9b3e262282c9$export$c6fd3ab3f44300d0(parents.map((p)=>p.id), [
+        ...included,
+        ...parents.filter((p)=>!included.includes(p))
+    ], hierarchyNodes);
 };
 
 
-
-var $a19ef65643ae39e0$export$bd923365b402cb04 = function(id, hierarchyNodes) {
-    var processIds = Array.isArray(id) ? id : [
+const $a19ef65643ae39e0$export$bd923365b402cb04 = (id, hierarchyNodes)=>{
+    const processIds = Array.isArray(id) ? id : [
         id
     ];
-    var newChildren = hierarchyNodes.filter(function(h) {
-        return h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id);
-    }).map(function(h) {
-        return h.id;
-    });
-    return newChildren.length === 0 ? processIds : $a19ef65643ae39e0$export$bd923365b402cb04((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(processIds).concat((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(newChildren)), hierarchyNodes);
+    const newChildren = hierarchyNodes.filter((h)=>h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id)).map((h)=>h.id);
+    return newChildren.length === 0 ? processIds : $a19ef65643ae39e0$export$bd923365b402cb04([
+        ...processIds,
+        ...newChildren
+    ], hierarchyNodes);
 };
 
 
 
 
-var $ff9cca1fe8f6b24e$export$29ec378200e05207 = (0, $gTuX4$react.createContext)(undefined);
-
-
+const $ff9cca1fe8f6b24e$export$29ec378200e05207 = (0, $gTuX4$react.createContext)(undefined);
 
 
 
 
 
-var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$interopDefault($gTuX4$react))).forwardRef(function(param, ref) {
-    var id = param.id, value = param.value, editing = param.editing, saving = param.saving, setValue = param.setValue, sendEscape = param.sendEscape, style = param.style, _param_spellCheck = param.spellCheck, spellCheck = _param_spellCheck === void 0 ? "true" : _param_spellCheck;
+const $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$interopDefault($gTuX4$react))).forwardRef(({ id: id, value: value, editing: editing, saving: saving, setValue: setValue, sendEscape: sendEscape, style: style, spellCheck: spellCheck = "true" }, ref)=>{
     $176d21a51def1fce$export$14f190ac910bde69.displayName = "WordEntry";
-    var currentStyle = (0, $gTuX4$react.useMemo)(function() {
-        return (0, $gTuX4$swchelperscjs_object_spreadcjs._)({
+    const currentStyle = (0, $gTuX4$react.useMemo)(()=>{
+        return {
             display: "inline-block",
             padding: "1px",
             paddingLeft: "3px",
             paddingRight: "3px",
             border: "1px",
-            borderRadius: "3px"
-        }, style);
+            borderRadius: "3px",
+            ...style
+        };
     }, [
         style
     ]);
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(value !== null && value !== void 0 ? value : ""), 2), currentValue = _useState[0], setCurrentValue = _useState[1];
-    (0, $gTuX4$react.useEffect)(function() {
+    const [currentValue, setCurrentValue] = (0, $gTuX4$react.useState)(value !== null && value !== void 0 ? value : "");
+    (0, $gTuX4$react.useEffect)(()=>{
         setCurrentValue(value !== null && value !== void 0 ? value : "");
     }, [
         value
     ]);
-    var returnData = (0, $gTuX4$react.useCallback)(function() {
+    const returnData = (0, $gTuX4$react.useCallback)(()=>{
         setValue && setValue(currentValue);
     }, [
         currentValue,
         setValue
     ]);
-    var keyPress = (0, $gTuX4$react.useCallback)(function(e) {
+    const keyPress = (0, $gTuX4$react.useCallback)((e)=>{
         if (e.code === "Escape") {
             setCurrentValue(value !== null && value !== void 0 ? value : "");
             sendEscape && sendEscape();
@@ -140,17 +114,17 @@ var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$inter
     // Simple if not editing
     if (!editing) return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
         style: currentStyle,
-        id: "".concat(id),
+        id: `${id}`,
         children: value ? value : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactjsxruntime.Fragment), {
             children: "\xa0"
         })
     });
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
         style: currentStyle,
-        id: "".concat(id, "-holder"),
+        id: `${id}-holder`,
         children: [
             saving && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrap.Spinner), {
-                id: "".concat(id, "-spinner"),
+                id: `${id}-spinner`,
                 size: "sm",
                 animation: "border"
             }),
@@ -168,9 +142,7 @@ var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$inter
                 },
                 value: currentValue,
                 disabled: saving,
-                onChange: function(e) {
-                    return setCurrentValue(e.currentTarget.value);
-                },
+                onChange: (e)=>setCurrentValue(e.currentTarget.value),
                 onBlur: returnData,
                 onKeyDownCapture: keyPress
             })
@@ -179,56 +151,43 @@ var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$inter
 });
 
 
-var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
-    var id = param.id, canRemove = param.canRemove, canRename = param.canRename, canAddChildren = param.canAddChildren, canRemoveChildren = param.canRemoveChildren, canRenameChildren = param.canRenameChildren;
+const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemove, canRename: canRename, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren })=>{
     // Contexts
-    var treeContext = (0, $gTuX4$react.useContext)((0, $ff9cca1fe8f6b24e$export$29ec378200e05207));
+    const treeContext = (0, $gTuX4$react.useContext)((0, $ff9cca1fe8f6b24e$export$29ec378200e05207));
     // Node information
-    var thisNode = (0, $gTuX4$react.useMemo)(function() {
-        return treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.find(function(n) {
-            return n.id === id;
-        });
-    }, [
+    const thisNode = (0, $gTuX4$react.useMemo)(()=>treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.find((n)=>n.id === id), [
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList
     ]);
-    var childNodes = (0, $gTuX4$react.useMemo)(function() {
-        return treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.filter(function(n) {
-            return n.parentId === id;
-        });
-    }, [
+    const childNodes = (0, $gTuX4$react.useMemo)(()=>treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.filter((n)=>n.parentId === id), [
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList
     ]);
-    var _treeContext_nodeList;
-    var descendents = (0, $gTuX4$react.useMemo)(function() {
+    const descendents = (0, $gTuX4$react.useMemo)(()=>{
+        var _treeContext_nodeList;
         return (0, $a19ef65643ae39e0$export$bd923365b402cb04)(id, (_treeContext_nodeList = treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList) !== null && _treeContext_nodeList !== void 0 ? _treeContext_nodeList : []);
     }, [
         id,
         treeContext
     ]);
     // State
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), error = _useState[0], setError = _useState[1];
-    var _useState1 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(""), 2), errorText = _useState1[0], setErrotText = _useState1[1];
-    var expanded = (0, $gTuX4$react.useMemo)(function() {
+    const [error, setError] = (0, $gTuX4$react.useState)(false);
+    const [errorText, setErrotText] = (0, $gTuX4$react.useState)("");
+    const expanded = (0, $gTuX4$react.useMemo)(()=>{
         var _treeContext_expandedNodes_findIndex;
-        return ((_treeContext_expandedNodes_findIndex = treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes.findIndex(function(e) {
-            return e === id;
-        })) !== null && _treeContext_expandedNodes_findIndex !== void 0 ? _treeContext_expandedNodes_findIndex : -1) > -1;
+        return ((_treeContext_expandedNodes_findIndex = treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes.findIndex((e)=>e === id)) !== null && _treeContext_expandedNodes_findIndex !== void 0 ? _treeContext_expandedNodes_findIndex : -1) > -1;
     }, [
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes
     ]);
     // Checkbox
-    var checkRef = (0, $gTuX4$react.useRef)(null);
-    (0, $gTuX4$react.useEffect)(function() {
+    const checkRef = (0, $gTuX4$react.useRef)(null);
+    (0, $gTuX4$react.useEffect)(()=>{
         if (checkRef.current) {
             if (treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(id)) {
                 checkRef.current.checked = true;
                 checkRef.current.indeterminate = false;
-            } else if (descendents.some(function(d) {
-                return treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(d);
-            })) {
+            } else if (descendents.some((d)=>treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(d))) {
                 checkRef.current.checked = false;
                 checkRef.current.indeterminate = true;
             } else {
@@ -242,20 +201,19 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected
     ]);
     // Apply selected border
-    var currentBorder = (0, $gTuX4$react.useMemo)(function() {
+    const currentBorder = (0, $gTuX4$react.useMemo)(()=>{
         return (treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(id)) ? "1px solid black" : "";
     }, [
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected
     ]);
-    var nodeColour = (0, $gTuX4$react.useMemo)(function() {
+    const nodeColour = (0, $gTuX4$react.useMemo)(()=>{
         if (treeContext && treeContext.selected) {
-            var anc = (0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(treeContext.selected, [], treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList).map(function(n) {
-                return n.id;
-            });
-            if ((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(anc).concat([
+            const anc = (0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(treeContext.selected, [], treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList).map((n)=>n.id);
+            if ([
+                ...anc,
                 treeContext.selected
-            ]).includes(id)) return treeContext.nodeHighlight;
+            ].includes(id)) return treeContext.nodeHighlight;
         }
         return;
     }, [
@@ -263,15 +221,15 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         treeContext
     ]);
     // New node parameters
-    var newNameRef = (0, $gTuX4$react.useRef)(null);
-    var _useState2 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), showNewNode = _useState2[0], setShowNewNode = _useState2[1];
-    var _useState3 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), savingNewNode = _useState3[0], setSavingNewNode = _useState3[1];
+    const newNameRef = (0, $gTuX4$react.useRef)(null);
+    const [showNewNode, setShowNewNode] = (0, $gTuX4$react.useState)(false);
+    const [savingNewNode, setSavingNewNode] = (0, $gTuX4$react.useState)(false);
     // Rename parameters
-    var currentNameRef = (0, $gTuX4$react.useRef)(null);
-    var _useState4 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), renaming = _useState4[0], setRenaming = _useState4[1];
-    var _useState5 = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)(false), 2), updatingNode = _useState5[0], setUpdatingNode = _useState5[1];
+    const currentNameRef = (0, $gTuX4$react.useRef)(null);
+    const [renaming, setRenaming] = (0, $gTuX4$react.useState)(false);
+    const [updatingNode, setUpdatingNode] = (0, $gTuX4$react.useState)(false);
     // Context functions
-    var handleReturn = (0, $gTuX4$react.useCallback)(function(ret) {
+    const handleReturn = (0, $gTuX4$react.useCallback)((ret)=>{
         if (!ret.success) {
             setError(true);
             var _ret_ErrorText;
@@ -281,122 +239,53 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
             setErrotText("");
         }
     }, []);
-    var confirmNewNode = (0, $gTuX4$react.useCallback)(function() {
-        var _ref = (0, $gTuX4$swchelperscjs_async_to_generatorcjs._)(function(label) {
-            return (0, $gTuX4$swchelperscjs_ts_generatorcjs._)(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setSavingNewNode(true);
-                        if (!(treeContext === null || treeContext === void 0 ? void 0 : treeContext.onAddChild)) return [
-                            3,
-                            2
-                        ];
-                        return [
-                            4,
-                            treeContext.onAddChild(id, label)
-                        ];
-                    case 1:
-                        handleReturn.apply(void 0, [
-                            _state.sent()
-                        ]);
-                        _state.label = 2;
-                    case 2:
-                        setSavingNewNode(false);
-                        setShowNewNode(false);
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function(label) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+    const confirmNewNode = (0, $gTuX4$react.useCallback)(async (label)=>{
+        setSavingNewNode(true);
+        if (treeContext === null || treeContext === void 0 ? void 0 : treeContext.onAddChild) handleReturn(await treeContext.onAddChild(id, label));
+        setSavingNewNode(false);
+        setShowNewNode(false);
+    }, [
         handleReturn,
         id,
         treeContext
     ]);
-    var renameNode = (0, $gTuX4$react.useCallback)(function() {
-        var _ref = (0, $gTuX4$swchelperscjs_async_to_generatorcjs._)(function(newLabel) {
-            return (0, $gTuX4$swchelperscjs_ts_generatorcjs._)(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setRenaming(false);
-                        if (!(treeContext === null || treeContext === void 0 ? void 0 : treeContext.onRename)) return [
-                            3,
-                            2
-                        ];
-                        setUpdatingNode(true);
-                        return [
-                            4,
-                            treeContext.onRename(id, newLabel)
-                        ];
-                    case 1:
-                        handleReturn.apply(void 0, [
-                            _state.sent()
-                        ]);
-                        setUpdatingNode(false);
-                        _state.label = 2;
-                    case 2:
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function(newLabel) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+    const renameNode = (0, $gTuX4$react.useCallback)(async (newLabel)=>{
+        setRenaming(false);
+        if (treeContext === null || treeContext === void 0 ? void 0 : treeContext.onRename) {
+            setUpdatingNode(true);
+            handleReturn(await treeContext.onRename(id, newLabel));
+            setUpdatingNode(false);
+        }
+    }, [
         handleReturn,
         id,
         treeContext
     ]);
-    var deleteThis = (0, $gTuX4$react.useCallback)(/*#__PURE__*/ (0, $gTuX4$swchelperscjs_async_to_generatorcjs._)(function() {
-        return (0, $gTuX4$swchelperscjs_ts_generatorcjs._)(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    if (!(treeContext === null || treeContext === void 0 ? void 0 : treeContext.onRemove)) return [
-                        3,
-                        2
-                    ];
-                    setUpdatingNode(true);
-                    return [
-                        4,
-                        treeContext.onRemove(id)
-                    ];
-                case 1:
-                    handleReturn.apply(void 0, [
-                        _state.sent()
-                    ]);
-                    setUpdatingNode(false);
-                    _state.label = 2;
-                case 2:
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), [
+    const deleteThis = (0, $gTuX4$react.useCallback)(async ()=>{
+        if (treeContext === null || treeContext === void 0 ? void 0 : treeContext.onRemove) {
+            setUpdatingNode(true);
+            handleReturn(await treeContext.onRemove(id));
+            setUpdatingNode(false);
+        }
+    }, [
         handleReturn,
         id,
         treeContext
     ]);
     // Context actions
-    var addChild = (0, $gTuX4$react.useCallback)(function() {
+    const addChild = (0, $gTuX4$react.useCallback)(()=>{
         setShowNewNode(true);
         treeContext && treeContext.handleExpandClick(id, true);
     }, [
         id,
         treeContext
     ]);
-    (0, $gTuX4$react.useEffect)(function() {
+    (0, $gTuX4$react.useEffect)(()=>{
         if (showNewNode === true && newNameRef.current) newNameRef.current.focus();
     }, [
         showNewNode
     ]);
-    var renameThis = (0, $gTuX4$react.useCallback)(function() {
+    const renameThis = (0, $gTuX4$react.useCallback)(()=>{
         setRenaming(true);
         treeContext && treeContext.handleSelect && treeContext.handleSelect(id);
     }, [
@@ -404,8 +293,8 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         treeContext
     ]);
     // Context menu
-    var menuItems = (0, $gTuX4$react.useMemo)(function() {
-        var menuItems = [];
+    const menuItems = (0, $gTuX4$react.useMemo)(()=>{
+        const menuItems = [];
         if (canAddChildren) menuItems.push({
             label: "Add",
             action: addChild
@@ -433,7 +322,7 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
     return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$asupcontextmenu.ContextMenuHandler), {
         menuItems: menuItems,
         children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
-            id: "".concat(treeContext.id, "-treenode-").concat(id),
+            id: `${treeContext.id}-treenode-${id}`,
             className: "treenode",
             children: [
                 error ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)((0, $gTuX4$reactjsxruntime.Fragment), {
@@ -452,65 +341,53 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
                             type: "checkbox",
                             role: "checkbox",
                             className: "ton-checkbox",
-                            id: "".concat(treeContext.id, "-treenode-checkbox-").concat(id),
-                            onClick: function() {
+                            id: `${treeContext.id}-treenode-checkbox-${id}`,
+                            onClick: ()=>{
                                 treeContext.handleSelect && treeContext.handleSelect(descendents);
                             }
                         }),
                         childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRightFill), {
-                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
+                            id: `${treeContext.id}-treenode-caret-${id}`,
                             className: "ton-expander",
                             role: "button",
                             color: nodeColour,
                             "aria-expanded": false,
                             "aria-label": "Expander",
-                            onClick: function() {
-                                return treeContext.handleExpandClick(id);
-                            }
+                            onClick: ()=>treeContext.handleExpandClick(id)
                         }) : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretDownFill), {
-                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
+                            id: `${treeContext.id}-treenode-caret-${id}`,
                             className: "ton-expander",
                             role: "button",
                             "aria-expanded": true,
                             "aria-label": "Expander",
                             color: nodeColour,
-                            onClick: function() {
+                            onClick: ()=>{
                                 treeContext.handleExpandClick(id);
                             }
                         }) : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRight), {
-                            id: "".concat(treeContext.id, "-treenode-caret-").concat(id),
+                            id: `${treeContext.id}-treenode-caret-${id}`,
                             className: "ton-expander",
                             role: "button",
                             color: nodeColour,
                             "aria-expanded": false,
                             "aria-label": "Disabled expander",
-                            "aria-disabled": true
+                            onClick: ()=>treeContext.handleSelect && treeContext.handleSelect(id)
                         }),
                         thisNode && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
                             style: {
                                 display: "inline-block"
                             },
-                            onContextMenuCapture: function() {
-                                return treeContext.handleSelect && treeContext.handleSelect(id);
-                            },
-                            onClickCapture: function() {
-                                return treeContext.handleSelect && treeContext.handleSelect(id);
-                            },
-                            onFocusCapture: function() {
-                                return treeContext.handleSelect && treeContext.handleSelect(id);
-                            },
+                            onContextMenuCapture: ()=>treeContext.handleSelect && treeContext.handleSelect(id),
+                            onClickCapture: ()=>treeContext.handleSelect && treeContext.handleSelect(id),
+                            onFocusCapture: ()=>treeContext.handleSelect && treeContext.handleSelect(id),
                             children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $176d21a51def1fce$export$14f190ac910bde69), {
-                                id: "".concat(treeContext.id, "-treenode-entry-").concat(id),
+                                id: `${treeContext.id}-treenode-entry-${id}`,
                                 ref: currentNameRef,
                                 value: thisNode.label,
                                 editing: renaming,
                                 saving: updatingNode,
-                                setValue: function(ret) {
-                                    return renameNode(ret);
-                                },
-                                sendEscape: function() {
-                                    return setRenaming(false);
-                                },
+                                setValue: (ret)=>renameNode(ret),
+                                sendEscape: ()=>setRenaming(false),
                                 style: {
                                     border: currentBorder,
                                     margin: currentBorder === "" ? "1px" : "",
@@ -522,12 +399,11 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
                     ]
                 }),
                 childNodes !== undefined && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
-                    className: "ton-collapsible-wrapper ".concat(expanded ? "" : "collapsed"),
+                    className: `ton-collapsible-wrapper ${expanded ? "" : "collapsed"}`,
                     children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
                         className: "ton-collapsible",
-                        children: childNodes.map(function(h) {
-                            return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
-                                id: "".concat(treeContext.id, "-treenode-child-").concat(h.id),
+                        children: childNodes.map((h)=>/*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
+                                id: `${treeContext.id}-treenode-child-${h.id}`,
                                 className: "ton-child",
                                 children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)($a56aac35d4408806$export$2eba8ec3a333fdbb, {
                                     id: h.id,
@@ -537,8 +413,7 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
                                     canRemoveChildren: canRemoveChildren,
                                     canRenameChildren: canRenameChildren
                                 })
-                            }, h.id);
-                        })
+                            }, h.id))
                     })
                 }),
                 showNewNode && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
@@ -546,14 +421,14 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
                         style: {
                             marginLeft: "14px"
                         },
-                        id: "treenode-new-".concat(id),
+                        id: `treenode-new-${id}`,
                         ref: newNameRef,
                         editing: true,
-                        setValue: function(ret) {
+                        setValue: (ret)=>{
                             confirmNewNode(ret);
                         },
                         saving: savingNewNode,
-                        sendEscape: function() {
+                        sendEscape: ()=>{
                             setShowNewNode(false);
                         },
                         spellCheck: treeContext.spellCheck
@@ -569,39 +444,28 @@ $a56aac35d4408806$export$2eba8ec3a333fdbb.displayName = "TreeNode";
 
 
 
-
-
-
-var $f31429c9cc6d3bce$export$40c47a7ac5f85aba = function(nodeList, selected, expandedNodes) {
-    return (0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(expandedNodes).concat((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)((0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(selected, [], nodeList).map(function(n) {
-        return n.id;
-    }).filter(function(k) {
-        return !expandedNodes.includes(k);
-    }))).sort(function(a, b) {
-        return "".concat(a).localeCompare("".concat(b));
-    });
+const $f31429c9cc6d3bce$export$40c47a7ac5f85aba = (nodeList, selected, expandedNodes)=>{
+    return [
+        ...expandedNodes,
+        ...(0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(selected, [], nodeList).map((n)=>n.id).filter((k)=>!expandedNodes.includes(k))
+    ].sort((a, b)=>`${a}`.localeCompare(`${b}`));
 };
 
 
 
 
-var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
-    var id = param.id, nodeList = param.nodeList, roots = param.roots, _param_selected = param.selected, selected = _param_selected === void 0 ? [] : _param_selected, _param_showCheckBox = param.showCheckBox, showCheckBox = _param_showCheckBox === void 0 ? false : _param_showCheckBox, handleSelect = param.handleSelect, onAdd = param.onAdd, onRename = param.onRename, onRemove = param.onRemove, _param_canRemoveRoot = param.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, _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, _param_spellCheck = param.spellCheck, spellCheck = _param_spellCheck === void 0 ? "true" : _param_spellCheck;
-    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)([]), 2), expandedNodes = _useState[0], setExpandedNodes = _useState[1];
-    var selectedArray = (0, $gTuX4$react.useMemo)(function() {
-        return Array.isArray(selected) ? selected : [
+const $9becaaec3a803ae7$export$5580fff3e08a8be5 = ({ id: id, nodeList: nodeList, roots: roots, selected: selected = [], showCheckBox: showCheckBox = false, handleSelect: handleSelect, onAdd: onAdd, onRename: onRename, onRemove: onRemove, canRemoveRoot: canRemoveRoot = false, canRenameRoot: canRenameRoot = false, canAddChildren: canAddChildren = false, canRemoveChildren: canRemoveChildren = false, canRenameChildren: canRenameChildren = false, nodeHighlight: nodeHighlight = "red", textHighlight: textHighlight = "rgba(255, 0, 0, 0.2)", spellCheck: spellCheck = "true" })=>{
+    const [expandedNodes, setExpandedNodes] = (0, $gTuX4$react.useState)([]);
+    const selectedArray = (0, $gTuX4$react.useMemo)(()=>Array.isArray(selected) ? selected : [
             selected
-        ];
-    }, [
+        ], [
         selected
     ]);
-    (0, $gTuX4$react.useEffect)(function() {
+    (0, $gTuX4$react.useEffect)(()=>{
         if (selectedArray.length > 0) {
             // Check all nodes are showing that should be
-            var shouldExpand = (0, $f31429c9cc6d3bce$export$40c47a7ac5f85aba)(nodeList, selectedArray, expandedNodes);
-            shouldExpand.filter(function(n) {
-                return !expandedNodes.includes(n);
-            }).length > 0 && setExpandedNodes(shouldExpand);
+            const shouldExpand = (0, $f31429c9cc6d3bce$export$40c47a7ac5f85aba)(nodeList, selectedArray, expandedNodes);
+            shouldExpand.filter((n)=>!expandedNodes.includes(n)).length > 0 && setExpandedNodes(shouldExpand);
         }
     }, [
         expandedNodes,
@@ -609,11 +473,11 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
         selectedArray
     ]);
     // Change expansion and update contexts
-    var changeExpand = (0, $gTuX4$react.useCallback)(function(eKey, force) {
-        var newExpandedNodes = (0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(expandedNodes);
-        var ix = newExpandedNodes.findIndex(function(nKey) {
-            return nKey === eKey;
-        });
+    const changeExpand = (0, $gTuX4$react.useCallback)((eKey, force)=>{
+        const newExpandedNodes = [
+            ...expandedNodes
+        ];
+        const ix = newExpandedNodes.findIndex((nKey)=>nKey === eKey);
         if (ix === -1 && force === undefined || force === true) newExpandedNodes.push(eKey);
         else newExpandedNodes.splice(ix, 1);
         setExpandedNodes(newExpandedNodes);
@@ -628,9 +492,7 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
             showCheckBox: showCheckBox,
             handleSelect: handleSelect,
             expandedNodes: expandedNodes,
-            handleExpandClick: function(r, f) {
-                return changeExpand(r, f);
-            },
+            handleExpandClick: (r, f)=>changeExpand(r, f),
             onAddChild: onAdd,
             onRename: onRename,
             onRemove: onRemove,
@@ -638,16 +500,14 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
             textHighlight: textHighlight,
             spellCheck: spellCheck
         },
-        children: roots.map(function(r) {
-            return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $a56aac35d4408806$export$2eba8ec3a333fdbb), {
+        children: roots.map((r)=>/*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $a56aac35d4408806$export$2eba8ec3a333fdbb), {
                 id: r,
                 canRemove: canRemoveRoot,
                 canAddChildren: canAddChildren,
                 canRename: canRenameRoot,
                 canRemoveChildren: canRemoveChildren,
                 canRenameChildren: canRenameChildren
-            }, r);
-        })
+            }, r))
     });
 };
 $9becaaec3a803ae7$export$5580fff3e08a8be5.displayName = "TreeOfNodes";

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/functions/getAncestors.tsx","src/functions/getDescendentIds.ts","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from './components';\nexport * from './functions';\n","import { TreeNode } from './TreeNode';\nimport { TreeOfNodes } from './TreeOfNodes';\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from './interface';\nimport { WordEntry } from './WordEntry';\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, 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 { getDescendentIds } from '../functions/getDescendentIds';\nimport './TreeNode.css';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\nimport { iNodeUpdate } from './interface';\n\ninterface TreeNodeProps {\n  id: Key;\n  indentLevel?: number;\n  canRemove?: boolean;\n  canRename?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  refresh?: () => void;\n}\n\nexport const TreeNode = ({\n  id,\n  canRemove,\n  canRename,\n  canAddChildren,\n  canRemoveChildren,\n  canRenameChildren,\n}: TreeNodeProps): 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  const descendents = useMemo(\n    () => getDescendentIds(id, treeContext?.nodeList ?? []),\n    [id, treeContext],\n  );\n\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string>('');\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // Checkbox\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (checkRef.current) {\n      if (treeContext?.selected.includes(id)) {\n        checkRef.current.checked = true;\n        checkRef.current.indeterminate = false;\n      } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = true;\n      } else {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = false;\n      }\n    }\n  }, [descendents, id, treeContext?.selected]);\n\n  // Apply selected border\n  const currentBorder = useMemo<string>(() => {\n    return treeContext?.selected.includes(id) ? '1px solid black' : '';\n  }, [id, treeContext?.selected]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selected) {\n      const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n    }\n    return;\n  }, [id, treeContext]);\n\n  // New node parameters\n  const newNameRef = useRef<HTMLInputElement | null>(null);\n  const [showNewNode, setShowNewNode] = useState<boolean>(false);\n  const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n  // Rename parameters\n  const currentNameRef = useRef<HTMLInputElement | null>(null);\n  const [renaming, setRenaming] = useState<boolean>(false);\n  const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n  // Context functions\n  const handleReturn = useCallback((ret: iNodeUpdate) => {\n    if (!ret.success) {\n      setError(true);\n      setErrotText(ret.ErrorText ?? 'An unknown error has occured');\n    } else {\n      setError(false);\n      setErrotText('');\n    }\n  }, []);\n\n  const confirmNewNode = useCallback(\n    async (label: string) => {\n      setSavingNewNode(true);\n      if (treeContext?.onAddChild) {\n        handleReturn(await treeContext.onAddChild(id, label));\n      }\n      setSavingNewNode(false);\n      setShowNewNode(false);\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const renameNode = useCallback(\n    async (newLabel: string) => {\n      setRenaming(false);\n      if (treeContext?.onRename) {\n        setUpdatingNode(true);\n        handleReturn(await treeContext.onRename(id, newLabel));\n        setUpdatingNode(false);\n      }\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const deleteThis = useCallback(async () => {\n    if (treeContext?.onRemove) {\n      setUpdatingNode(true);\n      handleReturn(await treeContext.onRemove(id));\n      setUpdatingNode(false);\n    }\n  }, [handleReturn, id, treeContext]);\n\n  // Context actions\n  const addChild = useCallback(() => {\n    setShowNewNode(true);\n    treeContext && 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 && treeContext.handleSelect && 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)' /> {errorText}\n          </>\n        ) : (\n          <div className='ton-node'>\n            {treeContext.showCheckBox && (\n              <input\n                ref={checkRef}\n                type='checkbox'\n                role='checkbox'\n                className='ton-checkbox'\n                id={`${treeContext.id}-treenode-checkbox-${id}`}\n                onClick={() => {\n                  treeContext.handleSelect && treeContext.handleSelect(descendents);\n                }}\n              />\n            )}\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className='ton-expander'\n                  role='button'\n                  color={nodeColour}\n                  aria-expanded={false}\n                  aria-label='Expander'\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className='ton-expander'\n                  role='button'\n                  aria-expanded={true}\n                  aria-label='Expander'\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                className='ton-expander'\n                role='button'\n                color={nodeColour}\n                aria-expanded={false}\n                aria-label='Disabled expander'\n                aria-disabled={true}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: 'inline-block' }}\n                onContextMenuCapture={() =>\n                  treeContext.handleSelect && treeContext.handleSelect(id)\n                }\n                onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n                onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              >\n                <WordEntry\n                  id={`${treeContext.id}-treenode-entry-${id}`}\n                  ref={currentNameRef}\n                  value={thisNode.label}\n                  editing={renaming}\n                  saving={updatingNode}\n                  setValue={(ret) => renameNode(ret)}\n                  sendEscape={() => setRenaming(false)}\n                  style={{\n                    border: currentBorder,\n                    margin: currentBorder === '' ? '1px' : '',\n                    backgroundColor: currentBorder === '' ? '' : treeContext.textHighlight,\n                  }}\n                  spellCheck={treeContext.spellCheck}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        {childNodes !== undefined && (\n          <div className={`ton-collapsible-wrapper ${expanded ? '' : 'collapsed'}`}>\n            <div className='ton-collapsible'>\n              {childNodes.map((h) => (\n                <span\n                  key={h.id}\n                  id={`${treeContext.id}-treenode-child-${h.id}`}\n                  className='ton-child'\n                >\n                  <TreeNode\n                    id={h.id}\n                    canRemove={canRemoveChildren}\n                    canRename={canRenameChildren}\n                    canAddChildren={canAddChildren}\n                    canRemoveChildren={canRemoveChildren}\n                    canRenameChildren={canRenameChildren}\n                  />\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n        {showNewNode && (\n          <div>\n            <WordEntry\n              style={{ marginLeft: '14px' }}\n              id={`treenode-new-${id}`}\n              ref={newNameRef}\n              editing={true}\n              setValue={(ret) => {\n                confirmNewNode(ret);\n              }}\n              saving={savingNewNode}\n              sendEscape={() => {\n                setShowNewNode(false);\n              }}\n              spellCheck={treeContext.spellCheck}\n            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n\nTreeNode.displayName = 'TreeNode';\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n  id: Key | Key[],\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n\n  const current = processIds\n    .map((i) => hierarchyNodes.find((h) => h.id === i))\n    .filter((h) => h !== undefined) as TreeNodeBase[];\n  if (current.length === 0) return included;\n\n  const parents = (\n    current\n      .map((h) => h.parentId)\n      .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n  ).filter((p) => p !== undefined) as TreeNodeBase[];\n  if (parents.length === 0) return included;\n  else\n    return getAncestors(\n      parents.map((p) => p.id),\n      [...included, ...parents.filter((p) => !included.includes(p))],\n      hierarchyNodes,\n    );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n  const newChildren = hierarchyNodes\n    .filter(\n      (h) =>\n        h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n    )\n    .map((h) => h.id);\n  return newChildren.length === 0\n    ? processIds\n    : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from 'react';\nimport { iNodeUpdate, TreeNodeData } from './interface';\n\nexport interface TreeOfNodesContextProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  selected: Key[];\n  showCheckBox: boolean;\n  handleSelect?: (ret: Key | Key[]) => void;\n  expandedNodes: Key[];\n  handleExpandClick: (ret: Key, force?: boolean) => void;\n  onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (id: Key) => Promise<iNodeUpdate>;\n  nodeHighlight: string;\n  textHighlight: string;\n  spellCheck?: 'true' | 'false';\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n  undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\ninterface WordEntryProps {\n  id: Key;\n  value?: string;\n  editing?: boolean;\n  saving?: boolean;\n  setValue?: (ret: string) => void;\n  sendEscape?: () => void;\n  style?: React.CSSProperties;\n  spellCheck?: 'true' | 'false';\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  (\n    { id, value, editing, saving, setValue, sendEscape, style, spellCheck = 'true' },\n    ref,\n  ): JSX.Element => {\n    WordEntry.displayName = 'WordEntry';\n    const currentStyle = useMemo<React.CSSProperties>(() => {\n      return {\n        display: 'inline-block',\n        padding: '1px',\n        paddingLeft: '3px',\n        paddingRight: '3px',\n        border: '1px',\n        borderRadius: '3px',\n        ...style,\n      };\n    }, [style]);\n\n    const [currentValue, setCurrentValue] = useState<string>(value ?? '');\n    useEffect(() => {\n      setCurrentValue(value ?? '');\n    }, [value]);\n\n    const returnData = useCallback(() => {\n      setValue && 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={`${id}`}\n        >\n          {value ? value : <>&nbsp;</>}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        style={currentStyle}\n        id={`${id}-holder`}\n      >\n        {saving && (\n          <Spinner\n            id={`${id}-spinner`}\n            size='sm'\n            animation='border'\n          />\n        )}\n        <input\n          autoFocus\n          spellCheck={spellCheck}\n          id={String(id)}\n          ref={ref}\n          type='text'\n          style={{\n            lineHeight: '0.75rem',\n            border: '1px dotted black',\n            width: 'auto',\n            minWidth: '0',\n          }}\n          value={currentValue}\n          disabled={saving}\n          onChange={(e) => setCurrentValue(e.currentTarget.value)}\n          onBlur={returnData}\n          onKeyDownCapture={keyPress}\n        />\n      </div>\n    );\n  },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { checkExpandedNodes } from '../functions/checkExpandedNodes';\nimport { iNodeUpdate, TreeNodeData } from './interface';\nimport { TreeNode } from './TreeNode';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\n\ninterface TreeOfNodesProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  roots: Key[];\n  showCheckBox?: boolean;\n  selected?: Key | Key[];\n  handleSelect?: (ret: Key | Key[]) => void;\n  onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\n  spellCheck?: 'true' | 'false';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n  id,\n  nodeList,\n  roots,\n  selected = [],\n  showCheckBox = false,\n  handleSelect,\n  onAdd,\n  onRename,\n  onRemove,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  nodeHighlight = 'red',\n  textHighlight = 'rgba(255, 0, 0, 0.2)',\n  spellCheck = 'true',\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  const selectedArray = useMemo(\n    () => (Array.isArray(selected) ? selected : [selected]),\n    [selected],\n  );\n  useEffect(() => {\n    if (selectedArray.length > 0) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedArray]);\n\n  // Change expansion and update contexts\n  const changeExpand = useCallback(\n    (eKey: Key, force?: boolean) => {\n      const newExpandedNodes = [...expandedNodes];\n      const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n      if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n      else newExpandedNodes.splice(ix, 1);\n      setExpandedNodes(newExpandedNodes);\n    },\n    [expandedNodes],\n  );\n\n  return (\n    <TreeOfNodesContext.Provider\n      value={{\n        id: id,\n        nodeList,\n        selected: selectedArray,\n        showCheckBox,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\n        spellCheck,\n      }}\n    >\n      {roots.map((r) => (\n        <TreeNode\n          key={r}\n          id={r}\n          canRemove={canRemoveRoot}\n          canAddChildren={canAddChildren}\n          canRename={canRenameRoot}\n          canRemoveChildren={canRemoveChildren}\n          canRenameChildren={canRenameChildren}\n        />\n      ))}\n    </TreeOfNodesContext.Provider>\n  );\n};\n\nTreeOfNodes.displayName = 'TreeOfNodes';\n","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selected: Key | Key[],\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selected, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from './getAncestors';\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/functions/getDescendentIds.ts","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./functions\";\n","import { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodes } from \"./TreeOfNodes\";\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from \"./interface\";\nimport { WordEntry } from \"./WordEntry\";\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, 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 { getDescendentIds } from \"../functions/getDescendentIds\";\nimport \"./TreeNode.css\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\nimport { WordEntry } from \"./WordEntry\";\nimport { iNodeUpdate } from \"./interface\";\n\ninterface TreeNodeProps {\n  id: Key;\n  indentLevel?: number;\n  canRemove?: boolean;\n  canRename?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  refresh?: () => void;\n}\n\nexport const TreeNode = ({\n  id,\n  canRemove,\n  canRename,\n  canAddChildren,\n  canRemoveChildren,\n  canRenameChildren,\n}: TreeNodeProps): 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  const descendents = useMemo(\n    () => getDescendentIds(id, treeContext?.nodeList ?? []),\n    [id, treeContext],\n  );\n\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string>(\"\");\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // Checkbox\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (checkRef.current) {\n      if (treeContext?.selected.includes(id)) {\n        checkRef.current.checked = true;\n        checkRef.current.indeterminate = false;\n      } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = true;\n      } else {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = false;\n      }\n    }\n  }, [descendents, id, treeContext?.selected]);\n\n  // Apply selected border\n  const currentBorder = useMemo<string>(() => {\n    return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n  }, [id, treeContext?.selected]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selected) {\n      const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n    }\n    return;\n  }, [id, treeContext]);\n\n  // New node parameters\n  const newNameRef = useRef<HTMLInputElement | null>(null);\n  const [showNewNode, setShowNewNode] = useState<boolean>(false);\n  const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n  // Rename parameters\n  const currentNameRef = useRef<HTMLInputElement | null>(null);\n  const [renaming, setRenaming] = useState<boolean>(false);\n  const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n  // Context functions\n  const handleReturn = useCallback((ret: iNodeUpdate) => {\n    if (!ret.success) {\n      setError(true);\n      setErrotText(ret.ErrorText ?? \"An unknown error has occured\");\n    } else {\n      setError(false);\n      setErrotText(\"\");\n    }\n  }, []);\n\n  const confirmNewNode = useCallback(\n    async (label: string) => {\n      setSavingNewNode(true);\n      if (treeContext?.onAddChild) {\n        handleReturn(await treeContext.onAddChild(id, label));\n      }\n      setSavingNewNode(false);\n      setShowNewNode(false);\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const renameNode = useCallback(\n    async (newLabel: string) => {\n      setRenaming(false);\n      if (treeContext?.onRename) {\n        setUpdatingNode(true);\n        handleReturn(await treeContext.onRename(id, newLabel));\n        setUpdatingNode(false);\n      }\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const deleteThis = useCallback(async () => {\n    if (treeContext?.onRemove) {\n      setUpdatingNode(true);\n      handleReturn(await treeContext.onRemove(id));\n      setUpdatingNode(false);\n    }\n  }, [handleReturn, id, treeContext]);\n\n  // Context actions\n  const addChild = useCallback(() => {\n    setShowNewNode(true);\n    treeContext && 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 && treeContext.handleSelect && 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)\" /> {errorText}\n          </>\n        ) : (\n          <div className=\"ton-node\">\n            {treeContext.showCheckBox && (\n              <input\n                ref={checkRef}\n                type=\"checkbox\"\n                role=\"checkbox\"\n                className=\"ton-checkbox\"\n                id={`${treeContext.id}-treenode-checkbox-${id}`}\n                onClick={() => {\n                  treeContext.handleSelect && treeContext.handleSelect(descendents);\n                }}\n              />\n            )}\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  color={nodeColour}\n                  aria-expanded={false}\n                  aria-label=\"Expander\"\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  aria-expanded={true}\n                  aria-label=\"Expander\"\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                className=\"ton-expander\"\n                role=\"button\"\n                color={nodeColour}\n                aria-expanded={false}\n                aria-label=\"Disabled expander\"\n                onClick={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: \"inline-block\" }}\n                onContextMenuCapture={() =>\n                  treeContext.handleSelect && treeContext.handleSelect(id)\n                }\n                onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n                onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              >\n                <WordEntry\n                  id={`${treeContext.id}-treenode-entry-${id}`}\n                  ref={currentNameRef}\n                  value={thisNode.label}\n                  editing={renaming}\n                  saving={updatingNode}\n                  setValue={(ret) => renameNode(ret)}\n                  sendEscape={() => setRenaming(false)}\n                  style={{\n                    border: currentBorder,\n                    margin: currentBorder === \"\" ? \"1px\" : \"\",\n                    backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n                  }}\n                  spellCheck={treeContext.spellCheck}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        {childNodes !== undefined && (\n          <div className={`ton-collapsible-wrapper ${expanded ? \"\" : \"collapsed\"}`}>\n            <div className=\"ton-collapsible\">\n              {childNodes.map((h) => (\n                <span\n                  key={h.id}\n                  id={`${treeContext.id}-treenode-child-${h.id}`}\n                  className=\"ton-child\"\n                >\n                  <TreeNode\n                    id={h.id}\n                    canRemove={canRemoveChildren}\n                    canRename={canRenameChildren}\n                    canAddChildren={canAddChildren}\n                    canRemoveChildren={canRemoveChildren}\n                    canRenameChildren={canRenameChildren}\n                  />\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n        {showNewNode && (\n          <div>\n            <WordEntry\n              style={{ marginLeft: \"14px\" }}\n              id={`treenode-new-${id}`}\n              ref={newNameRef}\n              editing={true}\n              setValue={(ret) => {\n                confirmNewNode(ret);\n              }}\n              saving={savingNewNode}\n              sendEscape={() => {\n                setShowNewNode(false);\n              }}\n              spellCheck={treeContext.spellCheck}\n            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n  id: Key | Key[],\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n\n  const current = processIds\n    .map((i) => hierarchyNodes.find((h) => h.id === i))\n    .filter((h) => h !== undefined) as TreeNodeBase[];\n  if (current.length === 0) return included;\n\n  const parents = (\n    current\n      .map((h) => h.parentId)\n      .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n  ).filter((p) => p !== undefined) as TreeNodeBase[];\n  if (parents.length === 0) return included;\n  else\n    return getAncestors(\n      parents.map((p) => p.id),\n      [...included, ...parents.filter((p) => !included.includes(p))],\n      hierarchyNodes,\n    );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n  const newChildren = hierarchyNodes\n    .filter(\n      (h) =>\n        h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n    )\n    .map((h) => h.id);\n  return newChildren.length === 0\n    ? processIds\n    : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  selected: Key[];\n  showCheckBox: boolean;\n  handleSelect?: (ret: Key | Key[]) => void;\n  expandedNodes: Key[];\n  handleExpandClick: (ret: Key, force?: boolean) => void;\n  onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (id: Key) => Promise<iNodeUpdate>;\n  nodeHighlight: string;\n  textHighlight: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n  undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n  id: Key;\n  value?: string;\n  editing?: boolean;\n  saving?: boolean;\n  setValue?: (ret: string) => void;\n  sendEscape?: () => void;\n  style?: React.CSSProperties;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  (\n    { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n    ref,\n  ): JSX.Element => {\n    WordEntry.displayName = \"WordEntry\";\n    const currentStyle = useMemo<React.CSSProperties>(() => {\n      return {\n        display: \"inline-block\",\n        padding: \"1px\",\n        paddingLeft: \"3px\",\n        paddingRight: \"3px\",\n        border: \"1px\",\n        borderRadius: \"3px\",\n        ...style,\n      };\n    }, [style]);\n\n    const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n    useEffect(() => {\n      setCurrentValue(value ?? \"\");\n    }, [value]);\n\n    const returnData = useCallback(() => {\n      setValue && 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={`${id}`}\n        >\n          {value ? value : <>&nbsp;</>}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        style={currentStyle}\n        id={`${id}-holder`}\n      >\n        {saving && (\n          <Spinner\n            id={`${id}-spinner`}\n            size=\"sm\"\n            animation=\"border\"\n          />\n        )}\n        <input\n          autoFocus\n          spellCheck={spellCheck}\n          id={String(id)}\n          ref={ref}\n          type=\"text\"\n          style={{\n            lineHeight: \"0.75rem\",\n            border: \"1px dotted black\",\n            width: \"auto\",\n            minWidth: \"0\",\n          }}\n          value={currentValue}\n          disabled={saving}\n          onChange={(e) => setCurrentValue(e.currentTarget.value)}\n          onBlur={returnData}\n          onKeyDownCapture={keyPress}\n        />\n      </div>\n    );\n  },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  roots: Key[];\n  showCheckBox?: boolean;\n  selected?: Key | Key[];\n  handleSelect?: (ret: Key | Key[]) => void;\n  onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n  id,\n  nodeList,\n  roots,\n  selected = [],\n  showCheckBox = false,\n  handleSelect,\n  onAdd,\n  onRename,\n  onRemove,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  nodeHighlight = \"red\",\n  textHighlight = \"rgba(255, 0, 0, 0.2)\",\n  spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  const selectedArray = useMemo(\n    () => (Array.isArray(selected) ? selected : [selected]),\n    [selected],\n  );\n  useEffect(() => {\n    if (selectedArray.length > 0) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedArray]);\n\n  // Change expansion and update contexts\n  const changeExpand = useCallback(\n    (eKey: Key, force?: boolean) => {\n      const newExpandedNodes = [...expandedNodes];\n      const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n      if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n      else newExpandedNodes.splice(ix, 1);\n      setExpandedNodes(newExpandedNodes);\n    },\n    [expandedNodes],\n  );\n\n  return (\n    <TreeOfNodesContext.Provider\n      value={{\n        id: id,\n        nodeList,\n        selected: selectedArray,\n        showCheckBox,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\n        spellCheck,\n      }}\n    >\n      {roots.map((r) => (\n        <TreeNode\n          key={r}\n          id={r}\n          canRemove={canRemoveRoot}\n          canAddChildren={canAddChildren}\n          canRename={canRenameRoot}\n          canRemoveChildren={canRemoveChildren}\n          canRenameChildren={canRenameChildren}\n        />\n      ))}\n    </TreeOfNodesContext.Provider>\n  );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selected: Key | Key[],\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selected, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;AAIA;;;;;;;AAMA;;;;;;AAKA;;;;;;;AAMA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[".ton-checkbox {\n  margin-right: 3px;\n  margin-top: 3px;\n}\n\n.ton-expander {\n  margin-bottom: 4px;\n}\n\n.ton-child {\n  margin-left: 16px;\n  display: block;\n  opacity: 1;\n  transition: opacity 0.6s linear;\n}\n\n.ton-collapsible-wrapper {\n  display: flex;\n  overflow: hidden;\n}\n.ton-collapsible-wrapper:after {\n  content: '';\n  height: 20px;\n  transition: height 0.3s linear, max-height 0s 0.3s linear;\n  max-height: 0px;\n}\n.ton-collapsible {\n  transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);\n  margin-bottom: 0;\n  max-height: 10000px;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n  margin-bottom: -2000px;\n  transition: margin-bottom 0.3s cubic-bezier(1, 0, 1, 1), visibility 0s 0.3s, max-height 0s 0.3s;\n  visibility: hidden;\n  max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n  height: 0;\n  transition: height 0.3s linear;\n  max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n  visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n  opacity: 0;\n  transition: opacity 0.6s linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AAAA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;AAIA;;;;;;;AAQA;;;;;;AAKA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[".ton-checkbox {\n  margin-right: 3px;\n  margin-top: 3px;\n}\n\n.ton-expander {\n  margin-bottom: 4px;\n}\n\n.ton-child {\n  margin-left: 16px;\n  display: block;\n  opacity: 1;\n  transition: opacity 0.6s linear;\n}\n\n.ton-collapsible-wrapper {\n  display: flex;\n  overflow: hidden;\n}\n.ton-collapsible-wrapper:after {\n  content: \"\";\n  height: 20px;\n  transition:\n    height 0.3s linear,\n    max-height 0s 0.3s linear;\n  max-height: 0px;\n}\n.ton-collapsible {\n  transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);\n  margin-bottom: 0;\n  max-height: 10000px;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n  margin-bottom: -2000px;\n  transition:\n    margin-bottom 0.3s cubic-bezier(1, 0, 1, 1),\n    visibility 0s 0.3s,\n    max-height 0s 0.3s;\n  visibility: hidden;\n  max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n  height: 0;\n  transition: height 0.3s linear;\n  max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n  visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n  opacity: 0;\n  transition: opacity 0.6s linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.js

@@ -5,6 +5,7 @@ import $duWW8$react, {useContext as $duWW8$useContext, useMemo as $duWW8$useMemo
 import {ExclamationCircleFill as $duWW8$ExclamationCircleFill, CaretRightFill as $duWW8$CaretRightFill, CaretDownFill as $duWW8$CaretDownFill, CaretRight as $duWW8$CaretRight} from "react-bootstrap-icons";
 import {Spinner as $duWW8$Spinner} from "react-bootstrap";
 
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
@@ -133,20 +134,16 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
     // Contexts
     const treeContext = (0, $duWW8$useContext)((0, $886f402bccb0fd30$export$29ec378200e05207));
     // Node information
-    const thisNode = (0, $duWW8$useMemo)(()=>{
-        return treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.find((n)=>n.id === id);
-    }, [
+    const thisNode = (0, $duWW8$useMemo)(()=>treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.find((n)=>n.id === id), [
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList
     ]);
-    const childNodes = (0, $duWW8$useMemo)(()=>{
-        return treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.filter((n)=>n.parentId === id);
-    }, [
+    const childNodes = (0, $duWW8$useMemo)(()=>treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList.filter((n)=>n.parentId === id), [
         id,
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList
     ]);
-    var _treeContext_nodeList;
     const descendents = (0, $duWW8$useMemo)(()=>{
+        var _treeContext_nodeList;
         return (0, $33abc00b1ca5c55c$export$bd923365b402cb04)(id, (_treeContext_nodeList = treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList) !== null && _treeContext_nodeList !== void 0 ? _treeContext_nodeList : []);
     }, [
         id,
@@ -169,9 +166,7 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
             if (treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(id)) {
                 checkRef.current.checked = true;
                 checkRef.current.indeterminate = false;
-            } else if (descendents.some((d)=>{
-                return treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(d);
-            })) {
+            } else if (descendents.some((d)=>treeContext === null || treeContext === void 0 ? void 0 : treeContext.selected.includes(d))) {
                 checkRef.current.checked = false;
                 checkRef.current.indeterminate = true;
             } else {
@@ -355,7 +350,7 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
                             color: nodeColour,
                             "aria-expanded": false,
                             "aria-label": "Disabled expander",
-                            "aria-disabled": true
+                            onClick: ()=>treeContext.handleSelect && treeContext.handleSelect(id)
                         }),
                         thisNode && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
                             style: {

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/functions/getAncestors.tsx","src/functions/getDescendentIds.ts","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from './components';\nexport * from './functions';\n","import { TreeNode } from './TreeNode';\nimport { TreeOfNodes } from './TreeOfNodes';\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from './interface';\nimport { WordEntry } from './WordEntry';\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, 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 { getDescendentIds } from '../functions/getDescendentIds';\nimport './TreeNode.css';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\nimport { iNodeUpdate } from './interface';\n\ninterface TreeNodeProps {\n  id: Key;\n  indentLevel?: number;\n  canRemove?: boolean;\n  canRename?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  refresh?: () => void;\n}\n\nexport const TreeNode = ({\n  id,\n  canRemove,\n  canRename,\n  canAddChildren,\n  canRemoveChildren,\n  canRenameChildren,\n}: TreeNodeProps): 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  const descendents = useMemo(\n    () => getDescendentIds(id, treeContext?.nodeList ?? []),\n    [id, treeContext],\n  );\n\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string>('');\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // Checkbox\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (checkRef.current) {\n      if (treeContext?.selected.includes(id)) {\n        checkRef.current.checked = true;\n        checkRef.current.indeterminate = false;\n      } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = true;\n      } else {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = false;\n      }\n    }\n  }, [descendents, id, treeContext?.selected]);\n\n  // Apply selected border\n  const currentBorder = useMemo<string>(() => {\n    return treeContext?.selected.includes(id) ? '1px solid black' : '';\n  }, [id, treeContext?.selected]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selected) {\n      const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n    }\n    return;\n  }, [id, treeContext]);\n\n  // New node parameters\n  const newNameRef = useRef<HTMLInputElement | null>(null);\n  const [showNewNode, setShowNewNode] = useState<boolean>(false);\n  const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n  // Rename parameters\n  const currentNameRef = useRef<HTMLInputElement | null>(null);\n  const [renaming, setRenaming] = useState<boolean>(false);\n  const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n  // Context functions\n  const handleReturn = useCallback((ret: iNodeUpdate) => {\n    if (!ret.success) {\n      setError(true);\n      setErrotText(ret.ErrorText ?? 'An unknown error has occured');\n    } else {\n      setError(false);\n      setErrotText('');\n    }\n  }, []);\n\n  const confirmNewNode = useCallback(\n    async (label: string) => {\n      setSavingNewNode(true);\n      if (treeContext?.onAddChild) {\n        handleReturn(await treeContext.onAddChild(id, label));\n      }\n      setSavingNewNode(false);\n      setShowNewNode(false);\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const renameNode = useCallback(\n    async (newLabel: string) => {\n      setRenaming(false);\n      if (treeContext?.onRename) {\n        setUpdatingNode(true);\n        handleReturn(await treeContext.onRename(id, newLabel));\n        setUpdatingNode(false);\n      }\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const deleteThis = useCallback(async () => {\n    if (treeContext?.onRemove) {\n      setUpdatingNode(true);\n      handleReturn(await treeContext.onRemove(id));\n      setUpdatingNode(false);\n    }\n  }, [handleReturn, id, treeContext]);\n\n  // Context actions\n  const addChild = useCallback(() => {\n    setShowNewNode(true);\n    treeContext && 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 && treeContext.handleSelect && 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)' /> {errorText}\n          </>\n        ) : (\n          <div className='ton-node'>\n            {treeContext.showCheckBox && (\n              <input\n                ref={checkRef}\n                type='checkbox'\n                role='checkbox'\n                className='ton-checkbox'\n                id={`${treeContext.id}-treenode-checkbox-${id}`}\n                onClick={() => {\n                  treeContext.handleSelect && treeContext.handleSelect(descendents);\n                }}\n              />\n            )}\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className='ton-expander'\n                  role='button'\n                  color={nodeColour}\n                  aria-expanded={false}\n                  aria-label='Expander'\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className='ton-expander'\n                  role='button'\n                  aria-expanded={true}\n                  aria-label='Expander'\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                className='ton-expander'\n                role='button'\n                color={nodeColour}\n                aria-expanded={false}\n                aria-label='Disabled expander'\n                aria-disabled={true}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: 'inline-block' }}\n                onContextMenuCapture={() =>\n                  treeContext.handleSelect && treeContext.handleSelect(id)\n                }\n                onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n                onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              >\n                <WordEntry\n                  id={`${treeContext.id}-treenode-entry-${id}`}\n                  ref={currentNameRef}\n                  value={thisNode.label}\n                  editing={renaming}\n                  saving={updatingNode}\n                  setValue={(ret) => renameNode(ret)}\n                  sendEscape={() => setRenaming(false)}\n                  style={{\n                    border: currentBorder,\n                    margin: currentBorder === '' ? '1px' : '',\n                    backgroundColor: currentBorder === '' ? '' : treeContext.textHighlight,\n                  }}\n                  spellCheck={treeContext.spellCheck}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        {childNodes !== undefined && (\n          <div className={`ton-collapsible-wrapper ${expanded ? '' : 'collapsed'}`}>\n            <div className='ton-collapsible'>\n              {childNodes.map((h) => (\n                <span\n                  key={h.id}\n                  id={`${treeContext.id}-treenode-child-${h.id}`}\n                  className='ton-child'\n                >\n                  <TreeNode\n                    id={h.id}\n                    canRemove={canRemoveChildren}\n                    canRename={canRenameChildren}\n                    canAddChildren={canAddChildren}\n                    canRemoveChildren={canRemoveChildren}\n                    canRenameChildren={canRenameChildren}\n                  />\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n        {showNewNode && (\n          <div>\n            <WordEntry\n              style={{ marginLeft: '14px' }}\n              id={`treenode-new-${id}`}\n              ref={newNameRef}\n              editing={true}\n              setValue={(ret) => {\n                confirmNewNode(ret);\n              }}\n              saving={savingNewNode}\n              sendEscape={() => {\n                setShowNewNode(false);\n              }}\n              spellCheck={treeContext.spellCheck}\n            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n\nTreeNode.displayName = 'TreeNode';\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n  id: Key | Key[],\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n\n  const current = processIds\n    .map((i) => hierarchyNodes.find((h) => h.id === i))\n    .filter((h) => h !== undefined) as TreeNodeBase[];\n  if (current.length === 0) return included;\n\n  const parents = (\n    current\n      .map((h) => h.parentId)\n      .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n  ).filter((p) => p !== undefined) as TreeNodeBase[];\n  if (parents.length === 0) return included;\n  else\n    return getAncestors(\n      parents.map((p) => p.id),\n      [...included, ...parents.filter((p) => !included.includes(p))],\n      hierarchyNodes,\n    );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n  const newChildren = hierarchyNodes\n    .filter(\n      (h) =>\n        h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n    )\n    .map((h) => h.id);\n  return newChildren.length === 0\n    ? processIds\n    : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from 'react';\nimport { iNodeUpdate, TreeNodeData } from './interface';\n\nexport interface TreeOfNodesContextProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  selected: Key[];\n  showCheckBox: boolean;\n  handleSelect?: (ret: Key | Key[]) => void;\n  expandedNodes: Key[];\n  handleExpandClick: (ret: Key, force?: boolean) => void;\n  onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (id: Key) => Promise<iNodeUpdate>;\n  nodeHighlight: string;\n  textHighlight: string;\n  spellCheck?: 'true' | 'false';\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n  undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\ninterface WordEntryProps {\n  id: Key;\n  value?: string;\n  editing?: boolean;\n  saving?: boolean;\n  setValue?: (ret: string) => void;\n  sendEscape?: () => void;\n  style?: React.CSSProperties;\n  spellCheck?: 'true' | 'false';\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  (\n    { id, value, editing, saving, setValue, sendEscape, style, spellCheck = 'true' },\n    ref,\n  ): JSX.Element => {\n    WordEntry.displayName = 'WordEntry';\n    const currentStyle = useMemo<React.CSSProperties>(() => {\n      return {\n        display: 'inline-block',\n        padding: '1px',\n        paddingLeft: '3px',\n        paddingRight: '3px',\n        border: '1px',\n        borderRadius: '3px',\n        ...style,\n      };\n    }, [style]);\n\n    const [currentValue, setCurrentValue] = useState<string>(value ?? '');\n    useEffect(() => {\n      setCurrentValue(value ?? '');\n    }, [value]);\n\n    const returnData = useCallback(() => {\n      setValue && 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={`${id}`}\n        >\n          {value ? value : <>&nbsp;</>}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        style={currentStyle}\n        id={`${id}-holder`}\n      >\n        {saving && (\n          <Spinner\n            id={`${id}-spinner`}\n            size='sm'\n            animation='border'\n          />\n        )}\n        <input\n          autoFocus\n          spellCheck={spellCheck}\n          id={String(id)}\n          ref={ref}\n          type='text'\n          style={{\n            lineHeight: '0.75rem',\n            border: '1px dotted black',\n            width: 'auto',\n            minWidth: '0',\n          }}\n          value={currentValue}\n          disabled={saving}\n          onChange={(e) => setCurrentValue(e.currentTarget.value)}\n          onBlur={returnData}\n          onKeyDownCapture={keyPress}\n        />\n      </div>\n    );\n  },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { checkExpandedNodes } from '../functions/checkExpandedNodes';\nimport { iNodeUpdate, TreeNodeData } from './interface';\nimport { TreeNode } from './TreeNode';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\n\ninterface TreeOfNodesProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  roots: Key[];\n  showCheckBox?: boolean;\n  selected?: Key | Key[];\n  handleSelect?: (ret: Key | Key[]) => void;\n  onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\n  spellCheck?: 'true' | 'false';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n  id,\n  nodeList,\n  roots,\n  selected = [],\n  showCheckBox = false,\n  handleSelect,\n  onAdd,\n  onRename,\n  onRemove,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  nodeHighlight = 'red',\n  textHighlight = 'rgba(255, 0, 0, 0.2)',\n  spellCheck = 'true',\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  const selectedArray = useMemo(\n    () => (Array.isArray(selected) ? selected : [selected]),\n    [selected],\n  );\n  useEffect(() => {\n    if (selectedArray.length > 0) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedArray]);\n\n  // Change expansion and update contexts\n  const changeExpand = useCallback(\n    (eKey: Key, force?: boolean) => {\n      const newExpandedNodes = [...expandedNodes];\n      const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n      if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n      else newExpandedNodes.splice(ix, 1);\n      setExpandedNodes(newExpandedNodes);\n    },\n    [expandedNodes],\n  );\n\n  return (\n    <TreeOfNodesContext.Provider\n      value={{\n        id: id,\n        nodeList,\n        selected: selectedArray,\n        showCheckBox,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\n        spellCheck,\n      }}\n    >\n      {roots.map((r) => (\n        <TreeNode\n          key={r}\n          id={r}\n          canRemove={canRemoveRoot}\n          canAddChildren={canAddChildren}\n          canRename={canRenameRoot}\n          canRemoveChildren={canRemoveChildren}\n          canRenameChildren={canRenameChildren}\n        />\n      ))}\n    </TreeOfNodesContext.Provider>\n  );\n};\n\nTreeOfNodes.displayName = 'TreeOfNodes';\n","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selected: Key | Key[],\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selected, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from './getAncestors';\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/functions/getDescendentIds.ts","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./functions\";\n","import { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodes } from \"./TreeOfNodes\";\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from \"./interface\";\nimport { WordEntry } from \"./WordEntry\";\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, 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 { getDescendentIds } from \"../functions/getDescendentIds\";\nimport \"./TreeNode.css\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\nimport { WordEntry } from \"./WordEntry\";\nimport { iNodeUpdate } from \"./interface\";\n\ninterface TreeNodeProps {\n  id: Key;\n  indentLevel?: number;\n  canRemove?: boolean;\n  canRename?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  refresh?: () => void;\n}\n\nexport const TreeNode = ({\n  id,\n  canRemove,\n  canRename,\n  canAddChildren,\n  canRemoveChildren,\n  canRenameChildren,\n}: TreeNodeProps): 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  const descendents = useMemo(\n    () => getDescendentIds(id, treeContext?.nodeList ?? []),\n    [id, treeContext],\n  );\n\n  // State\n  const [error, setError] = useState<boolean>(false);\n  const [errorText, setErrotText] = useState<string>(\"\");\n  const expanded = useMemo(() => {\n    return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n  }, [id, treeContext?.expandedNodes]);\n\n  // Checkbox\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (checkRef.current) {\n      if (treeContext?.selected.includes(id)) {\n        checkRef.current.checked = true;\n        checkRef.current.indeterminate = false;\n      } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = true;\n      } else {\n        checkRef.current.checked = false;\n        checkRef.current.indeterminate = false;\n      }\n    }\n  }, [descendents, id, treeContext?.selected]);\n\n  // Apply selected border\n  const currentBorder = useMemo<string>(() => {\n    return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n  }, [id, treeContext?.selected]);\n  const nodeColour = useMemo<string | undefined>(() => {\n    if (treeContext && treeContext.selected) {\n      const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n      if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n    }\n    return;\n  }, [id, treeContext]);\n\n  // New node parameters\n  const newNameRef = useRef<HTMLInputElement | null>(null);\n  const [showNewNode, setShowNewNode] = useState<boolean>(false);\n  const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n  // Rename parameters\n  const currentNameRef = useRef<HTMLInputElement | null>(null);\n  const [renaming, setRenaming] = useState<boolean>(false);\n  const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n  // Context functions\n  const handleReturn = useCallback((ret: iNodeUpdate) => {\n    if (!ret.success) {\n      setError(true);\n      setErrotText(ret.ErrorText ?? \"An unknown error has occured\");\n    } else {\n      setError(false);\n      setErrotText(\"\");\n    }\n  }, []);\n\n  const confirmNewNode = useCallback(\n    async (label: string) => {\n      setSavingNewNode(true);\n      if (treeContext?.onAddChild) {\n        handleReturn(await treeContext.onAddChild(id, label));\n      }\n      setSavingNewNode(false);\n      setShowNewNode(false);\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const renameNode = useCallback(\n    async (newLabel: string) => {\n      setRenaming(false);\n      if (treeContext?.onRename) {\n        setUpdatingNode(true);\n        handleReturn(await treeContext.onRename(id, newLabel));\n        setUpdatingNode(false);\n      }\n    },\n    [handleReturn, id, treeContext],\n  );\n\n  const deleteThis = useCallback(async () => {\n    if (treeContext?.onRemove) {\n      setUpdatingNode(true);\n      handleReturn(await treeContext.onRemove(id));\n      setUpdatingNode(false);\n    }\n  }, [handleReturn, id, treeContext]);\n\n  // Context actions\n  const addChild = useCallback(() => {\n    setShowNewNode(true);\n    treeContext && 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 && treeContext.handleSelect && 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)\" /> {errorText}\n          </>\n        ) : (\n          <div className=\"ton-node\">\n            {treeContext.showCheckBox && (\n              <input\n                ref={checkRef}\n                type=\"checkbox\"\n                role=\"checkbox\"\n                className=\"ton-checkbox\"\n                id={`${treeContext.id}-treenode-checkbox-${id}`}\n                onClick={() => {\n                  treeContext.handleSelect && treeContext.handleSelect(descendents);\n                }}\n              />\n            )}\n            {childNodes !== undefined && childNodes.length > 0 ? (\n              !expanded ? (\n                <CaretRightFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  color={nodeColour}\n                  aria-expanded={false}\n                  aria-label=\"Expander\"\n                  onClick={() => treeContext.handleExpandClick(id)}\n                />\n              ) : (\n                <CaretDownFill\n                  id={`${treeContext.id}-treenode-caret-${id}`}\n                  className=\"ton-expander\"\n                  role=\"button\"\n                  aria-expanded={true}\n                  aria-label=\"Expander\"\n                  color={nodeColour}\n                  onClick={() => {\n                    treeContext.handleExpandClick(id);\n                  }}\n                />\n              )\n            ) : (\n              <CaretRight\n                id={`${treeContext.id}-treenode-caret-${id}`}\n                className=\"ton-expander\"\n                role=\"button\"\n                color={nodeColour}\n                aria-expanded={false}\n                aria-label=\"Disabled expander\"\n                onClick={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              />\n            )}\n            {thisNode && (\n              <div\n                style={{ display: \"inline-block\" }}\n                onContextMenuCapture={() =>\n                  treeContext.handleSelect && treeContext.handleSelect(id)\n                }\n                onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n                onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n              >\n                <WordEntry\n                  id={`${treeContext.id}-treenode-entry-${id}`}\n                  ref={currentNameRef}\n                  value={thisNode.label}\n                  editing={renaming}\n                  saving={updatingNode}\n                  setValue={(ret) => renameNode(ret)}\n                  sendEscape={() => setRenaming(false)}\n                  style={{\n                    border: currentBorder,\n                    margin: currentBorder === \"\" ? \"1px\" : \"\",\n                    backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n                  }}\n                  spellCheck={treeContext.spellCheck}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        {childNodes !== undefined && (\n          <div className={`ton-collapsible-wrapper ${expanded ? \"\" : \"collapsed\"}`}>\n            <div className=\"ton-collapsible\">\n              {childNodes.map((h) => (\n                <span\n                  key={h.id}\n                  id={`${treeContext.id}-treenode-child-${h.id}`}\n                  className=\"ton-child\"\n                >\n                  <TreeNode\n                    id={h.id}\n                    canRemove={canRemoveChildren}\n                    canRename={canRenameChildren}\n                    canAddChildren={canAddChildren}\n                    canRemoveChildren={canRemoveChildren}\n                    canRenameChildren={canRenameChildren}\n                  />\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n        {showNewNode && (\n          <div>\n            <WordEntry\n              style={{ marginLeft: \"14px\" }}\n              id={`treenode-new-${id}`}\n              ref={newNameRef}\n              editing={true}\n              setValue={(ret) => {\n                confirmNewNode(ret);\n              }}\n              saving={savingNewNode}\n              sendEscape={() => {\n                setShowNewNode(false);\n              }}\n              spellCheck={treeContext.spellCheck}\n            />\n          </div>\n        )}\n      </div>\n    </ContextMenuHandler>\n  );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n  id: Key | Key[],\n  included: TreeNodeBase[],\n  hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n\n  const current = processIds\n    .map((i) => hierarchyNodes.find((h) => h.id === i))\n    .filter((h) => h !== undefined) as TreeNodeBase[];\n  if (current.length === 0) return included;\n\n  const parents = (\n    current\n      .map((h) => h.parentId)\n      .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n  ).filter((p) => p !== undefined) as TreeNodeBase[];\n  if (parents.length === 0) return included;\n  else\n    return getAncestors(\n      parents.map((p) => p.id),\n      [...included, ...parents.filter((p) => !included.includes(p))],\n      hierarchyNodes,\n    );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n  const processIds = Array.isArray(id) ? id : [id];\n  const newChildren = hierarchyNodes\n    .filter(\n      (h) =>\n        h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n    )\n    .map((h) => h.id);\n  return newChildren.length === 0\n    ? processIds\n    : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  selected: Key[];\n  showCheckBox: boolean;\n  handleSelect?: (ret: Key | Key[]) => void;\n  expandedNodes: Key[];\n  handleExpandClick: (ret: Key, force?: boolean) => void;\n  onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (id: Key) => Promise<iNodeUpdate>;\n  nodeHighlight: string;\n  textHighlight: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n  undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n  id: Key;\n  value?: string;\n  editing?: boolean;\n  saving?: boolean;\n  setValue?: (ret: string) => void;\n  sendEscape?: () => void;\n  style?: React.CSSProperties;\n  spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n  (\n    { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n    ref,\n  ): JSX.Element => {\n    WordEntry.displayName = \"WordEntry\";\n    const currentStyle = useMemo<React.CSSProperties>(() => {\n      return {\n        display: \"inline-block\",\n        padding: \"1px\",\n        paddingLeft: \"3px\",\n        paddingRight: \"3px\",\n        border: \"1px\",\n        borderRadius: \"3px\",\n        ...style,\n      };\n    }, [style]);\n\n    const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n    useEffect(() => {\n      setCurrentValue(value ?? \"\");\n    }, [value]);\n\n    const returnData = useCallback(() => {\n      setValue && 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={`${id}`}\n        >\n          {value ? value : <>&nbsp;</>}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        style={currentStyle}\n        id={`${id}-holder`}\n      >\n        {saving && (\n          <Spinner\n            id={`${id}-spinner`}\n            size=\"sm\"\n            animation=\"border\"\n          />\n        )}\n        <input\n          autoFocus\n          spellCheck={spellCheck}\n          id={String(id)}\n          ref={ref}\n          type=\"text\"\n          style={{\n            lineHeight: \"0.75rem\",\n            border: \"1px dotted black\",\n            width: \"auto\",\n            minWidth: \"0\",\n          }}\n          value={currentValue}\n          disabled={saving}\n          onChange={(e) => setCurrentValue(e.currentTarget.value)}\n          onBlur={returnData}\n          onKeyDownCapture={keyPress}\n        />\n      </div>\n    );\n  },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n  id: string;\n  nodeList: TreeNodeData<T>[];\n  roots: Key[];\n  showCheckBox?: boolean;\n  selected?: Key | Key[];\n  handleSelect?: (ret: Key | Key[]) => void;\n  onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n  onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n  canRemoveRoot?: boolean;\n  canRenameRoot?: boolean;\n  canAddChildren?: boolean;\n  canRemoveChildren?: boolean;\n  canRenameChildren?: boolean;\n  nodeHighlight?: string;\n  textHighlight?: string;\n  spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n  id,\n  nodeList,\n  roots,\n  selected = [],\n  showCheckBox = false,\n  handleSelect,\n  onAdd,\n  onRename,\n  onRemove,\n  canRemoveRoot = false,\n  canRenameRoot = false,\n  canAddChildren = false,\n  canRemoveChildren = false,\n  canRenameChildren = false,\n  nodeHighlight = \"red\",\n  textHighlight = \"rgba(255, 0, 0, 0.2)\",\n  spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n  const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n  const selectedArray = useMemo(\n    () => (Array.isArray(selected) ? selected : [selected]),\n    [selected],\n  );\n  useEffect(() => {\n    if (selectedArray.length > 0) {\n      // Check all nodes are showing that should be\n      const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n      shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n        setExpandedNodes(shouldExpand);\n    }\n  }, [expandedNodes, nodeList, selectedArray]);\n\n  // Change expansion and update contexts\n  const changeExpand = useCallback(\n    (eKey: Key, force?: boolean) => {\n      const newExpandedNodes = [...expandedNodes];\n      const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n      if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n      else newExpandedNodes.splice(ix, 1);\n      setExpandedNodes(newExpandedNodes);\n    },\n    [expandedNodes],\n  );\n\n  return (\n    <TreeOfNodesContext.Provider\n      value={{\n        id: id,\n        nodeList,\n        selected: selectedArray,\n        showCheckBox,\n        handleSelect,\n        expandedNodes,\n        handleExpandClick: (r, f) => changeExpand(r, f),\n        onAddChild: onAdd,\n        onRename,\n        onRemove,\n        nodeHighlight,\n        textHighlight,\n        spellCheck,\n      }}\n    >\n      {roots.map((r) => (\n        <TreeNode\n          key={r}\n          id={r}\n          canRemove={canRemoveRoot}\n          canAddChildren={canAddChildren}\n          canRename={canRenameRoot}\n          canRemoveChildren={canRemoveChildren}\n          canRenameChildren={canRenameChildren}\n        />\n      ))}\n    </TreeOfNodesContext.Provider>\n  );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n  nodeList: TreeNodeBase[],\n  selected: Key | Key[],\n  expandedNodes: Key[],\n): Key[] => {\n  return [\n    ...expandedNodes,\n    ...getAncestors(selected, [], nodeList)\n      .map((n) => n.id)\n      .filter((k) => !expandedNodes.includes(k)),\n  ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}

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

@@ -20,7 +20,7 @@ interface WordEntryProps {
     setValue?: (ret: string) => void;
     sendEscape?: () => void;
     style?: React.CSSProperties;
-    spellCheck?: 'true' | 'false';
+    spellCheck?: "true" | "false";
 }
 export const WordEntry: React.ForwardRefExoticComponent<WordEntryProps & React.RefAttributes<HTMLInputElement>>;
 interface TreeNodeProps {
@@ -54,7 +54,7 @@ interface TreeOfNodesProps<T> {
     canRenameChildren?: boolean;
     nodeHighlight?: string;
     textHighlight?: string;
-    spellCheck?: 'true' | 'false';
+    spellCheck?: "true" | "false";
 }
 export const TreeOfNodes: {
     <T extends unknown>({ id, nodeList, roots, selected, showCheckBox, handleSelect, onAdd, onRename, onRemove, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, nodeHighlight, textHighlight, spellCheck, }: TreeOfNodesProps<T>): import("react/jsx-runtime").JSX.Element;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asup/tree-of-nodes",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "REACT Typescript Treeview component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -39,29 +39,29 @@
     "@parcel/transformer-sass": "^2.7.0",
     "@parcel/transformer-typescript-types": "^2.8.0",
     "@parcel/transformer-webmanifest": "^2.7.0",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.2",
-    "@types/node": "^18.11.9",
+    "@types/node": "^20.9.5",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.8",
     "@types/rollup-plugin-peer-deps-external": "^2.2.1",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
-    "@typescript-eslint/parser": "^5.48.2",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
     "eslint": "^8.32.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.3.1",
     "jest-watch-typeahead": "^2.2.2",
-    "lint-staged": "^13.0.3",
+    "lint-staged": "^15.1.0",
     "parcel": "^2.7.0",
     "postcss": "^8.4.18",
-    "prettier": "^2.7.1",
+    "prettier": "^3.1.0",
     "process": "^0.11.10",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
@@ -76,12 +76,6 @@
   "files": [
     "dist"
   ],
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",