npm - @asup/tree-of-nodes - Versions diffs - 1.0.6 → 1.0.7 - Mend

@asup/tree-of-nodes 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/cjs/main.js +24 -24
package/dist/cjs/main.js.map +1 -1
package/dist/main.js.map +1 -1
package/dist/tree-of-nodes.d.ts +54 -54
package/dist/tree-of-nodes.d.ts.map +1 -1
package/package.json +5 -4

package/dist/cjs/main.js CHANGED Viewed

@@ -1,12 +1,12 @@
-var $gTuX4$swchelperslib_async_to_generatorjs = require("@swc/helpers/lib/_async_to_generator.js");
-var $gTuX4$swchelperslib_sliced_to_arrayjs = require("@swc/helpers/lib/_sliced_to_array.js");
-var $gTuX4$swchelperslib_ts_generatorjs = require("@swc/helpers/lib/_ts_generator.js");
+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$swchelperslib_to_consumable_arrayjs = require("@swc/helpers/lib/_to_consumable_array.js");
-var $gTuX4$swchelperslib_object_spreadjs = require("@swc/helpers/lib/_object_spread.js");
+var $gTuX4$swchelperscjs_object_spreadcjs = require("@swc/helpers/cjs/_object_spread.cjs");
 var $gTuX4$reactbootstrap = require("react-bootstrap");
 function $parcel$exportWildcard(dest, source) {
@@ -56,7 +56,7 @@ var $580f9b3e262282c9$export$c6fd3ab3f44300d0 = function(id, included, hierarchy
         return h.id === current.parentId;
     });
     // Stop if no more parents
-    return parent === undefined ? included : $580f9b3e262282c9$export$c6fd3ab3f44300d0(parent.id, (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(included.filter(function(i) {
+    return parent === undefined ? included : $580f9b3e262282c9$export$c6fd3ab3f44300d0(parent.id, (0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(included.filter(function(i) {
         return i.id !== parent.id;
     })).concat([
         parent
@@ -77,7 +77,7 @@ var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$inter
     var id = param.id, value = param.value, editing = param.editing, saving = param.saving, setValue = param.setValue, sendEscape = param.sendEscape, style = param.style;
     $176d21a51def1fce$export$14f190ac910bde69.displayName = "WordEntry";
     var currentStyle = (0, $gTuX4$react.useMemo)(function() {
-        return (0, ($parcel$interopDefault($gTuX4$swchelperslib_object_spreadjs)))({
+        return (0, $gTuX4$swchelperscjs_object_spreadcjs._)({
             display: "inline-block",
             padding: "1px",
             paddingLeft: "3px",
@@ -88,7 +88,7 @@ var $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$inter
     }, [
         style
     ]);
-    var _useState = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(value !== null && value !== void 0 ? value : ""), 2), currentValue = _useState[0], setCurrentValue = _useState[1];
+    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() {
         setCurrentValue(value !== null && value !== void 0 ? value : "");
     }, [
@@ -171,8 +171,8 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList
     ]);
     // State
-    var _useState = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(false), 2), error = _useState[0], setError = _useState[1];
-    var _useState1 = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(null), 2), errorText = _useState1[0], setErrotText = _useState1[1];
+    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)(null), 2), errorText = _useState1[0], setErrotText = _useState1[1];
     var expanded = (0, $gTuX4$react.useMemo)(function() {
         var _treeContext_expandedNodes_findIndex;
         return ((_treeContext_expandedNodes_findIndex = treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes.findIndex(function(e) {
@@ -194,7 +194,7 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
             var anc = (0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(treeContext.selectedId, [], treeContext === null || treeContext === void 0 ? void 0 : treeContext.nodeList).map(function(n) {
                 return n.id;
             });
-            if ((0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(anc).concat([
+            if ((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(anc).concat([
                 treeContext.selectedId
             ]).includes(id)) return treeContext.nodeHighlight;
         }
@@ -205,12 +205,12 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
     ]);
     // New node parameters
     var newNameRef = (0, $gTuX4$react.useRef)(null);
-    var _useState2 = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(false), 2), showNewNode = _useState2[0], setShowNewNode = _useState2[1];
-    var _useState3 = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(false), 2), savingNewNode = _useState3[0], setSavingNewNode = _useState3[1];
+    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];
     // Rename parameters
     var currentNameRef = (0, $gTuX4$react.useRef)(null);
-    var _useState4 = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(false), 2), renaming = _useState4[0], setRenaming = _useState4[1];
-    var _useState5 = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)(false), 2), updatingNode = _useState5[0], setUpdatingNode = _useState5[1];
+    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];
     // Context functions
     var handleReturn = (0, $gTuX4$react.useCallback)(function(ret) {
         if (!ret.success) {
@@ -223,8 +223,8 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         }
     }, []);
     var confirmNewNode = (0, $gTuX4$react.useCallback)(function() {
-        var _ref = (0, ($parcel$interopDefault($gTuX4$swchelperslib_async_to_generatorjs)))(function(label) {
-            return (0, ($parcel$interopDefault($gTuX4$swchelperslib_ts_generatorjs)))(this, function(_state) {
+        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);
@@ -259,8 +259,8 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         treeContext
     ]);
     var renameNode = (0, $gTuX4$react.useCallback)(function() {
-        var _ref = (0, ($parcel$interopDefault($gTuX4$swchelperslib_async_to_generatorjs)))(function(newLabel) {
-            return (0, ($parcel$interopDefault($gTuX4$swchelperslib_ts_generatorjs)))(this, function(_state) {
+        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);
@@ -294,8 +294,8 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
         id,
         treeContext
     ]);
-    var deleteThis = (0, $gTuX4$react.useCallback)(/*#__PURE__*/ (0, ($parcel$interopDefault($gTuX4$swchelperslib_async_to_generatorjs)))(function() {
-        return (0, ($parcel$interopDefault($gTuX4$swchelperslib_ts_generatorjs)))(this, function(_state) {
+    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 [
@@ -497,7 +497,7 @@ var $a56aac35d4408806$export$2eba8ec3a333fdbb = function(param) {
 var $f31429c9cc6d3bce$export$40c47a7ac5f85aba = function(nodeList, selectedId, expandedNodes) {
-    return (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(expandedNodes).concat((0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))((0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(selectedId, [], nodeList).map(function(n) {
+    return (0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(expandedNodes).concat((0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)((0, $580f9b3e262282c9$export$c6fd3ab3f44300d0)(selectedId, [], nodeList).map(function(n) {
         return n.id;
     }).filter(function(k) {
         return !expandedNodes.includes(k);
@@ -514,7 +514,7 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(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, selectedId = param.selectedId, _param_handleSelect = param.handleSelect, handleSelect = _param_handleSelect === void 0 ? function() {
         return;
     } : _param_handleSelect, onAdd = param.onAdd, onRename = param.onRename, onRemove = param.onRemove, _param_nodeHighlight = param.nodeHighlight, nodeHighlight = _param_nodeHighlight === void 0 ? "red" : _param_nodeHighlight, _param_textHighlight = param.textHighlight, textHighlight = _param_textHighlight === void 0 ? "rgba(255, 0, 0, 0.2)" : _param_textHighlight;
-    var _useState = (0, ($parcel$interopDefault($gTuX4$swchelperslib_sliced_to_arrayjs)))((0, $gTuX4$react.useState)([]), 2), expandedNodes = _useState[0], setExpandedNodes = _useState[1];
+    var _useState = (0, $gTuX4$swchelperscjs_sliced_to_arraycjs._)((0, $gTuX4$react.useState)([]), 2), expandedNodes = _useState[0], setExpandedNodes = _useState[1];
     (0, $gTuX4$react.useEffect)(function() {
         if (selectedId) {
             // Check all nodes are showing that should be
@@ -530,7 +530,7 @@ var $9becaaec3a803ae7$export$5580fff3e08a8be5 = function(param) {
     ]);
     // Change expansion and update contexts
     var changeExpand = (0, $gTuX4$react.useCallback)(function(eKey, force) {
-        var newExpandedNodes = (0, ($parcel$interopDefault($gTuX4$swchelperslib_to_consumable_arrayjs)))(expandedNodes);
+        var newExpandedNodes = (0, $gTuX4$swchelperscjs_to_consumable_arraycjs._)(expandedNodes);
         var ix = newExpandedNodes.findIndex(function(nKey) {
             return nKey === eKey;
         });

package/dist/cjs/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from './components';\nexport * from './functions';\n","import { TreeNode } from './TreeNode';\nimport { TreeOfNodes } from './TreeOfNodes';\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from './interface';\nimport { WordEntry } from './WordEntry';\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n CaretDownFill,\n CaretRight,\n CaretRightFill,\n ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { getAncestors } from '../functions/getAncestors';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\n\ninterface TreeNodeProps {\n id: Key;\n indentLevel?: number;\n canRemove?: boolean;\n canRename?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n refresh?: () => void;\n}\n\nexport const TreeNode = ({\n id,\n canRemove,\n canRename,\n canAddChildren,\n canRemoveChildren,\n canRenameChildren,\n}: TreeNodeProps): JSX.Element => {\n // Contexts\n const treeContext = useContext(TreeOfNodesContext);\n\n // Node information\n const thisNode = useMemo(\n () => treeContext?.nodeList.find((n) => n.id === id),\n [id, treeContext?.nodeList],\n );\n const childNodes = useMemo(\n () => treeContext?.nodeList.filter((n) => n.parentId === id),\n [id, treeContext?.nodeList],\n );\n\n // State\n const [error, setError] = useState<boolean>(false);\n const [errorText, setErrotText] = useState<string \| null>(null);\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // // Apply selected borer\n const currentBorder = useMemo<string>(() => {\n return id === treeContext?.selectedId ? '1px solid black' : '';\n }, [id, treeContext?.selectedId]);\n const nodeColour = useMemo<string \| undefined>(() => {\n if (treeContext && treeContext.selectedId) {\n const anc = getAncestors(treeContext.selectedId, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selectedId].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement \| null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement \| null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrotText(ret.ErrorText ?? 'An unknown error has occured');\n } else {\n setError(false);\n setErrotText(null);\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext && treeContext.handleExpandClick(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: iMenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: 'Add', action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: 'Rename', action: renameThis });\n }\n if (canRemove && (childNodes === undefined \|\| childNodes.length === 0)) {\n menuItems.push({ label: 'Delete', action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n if (!treeContext) return <></>;\n return (\n <ContextMenuHandler menuItems={menuItems}>\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className='treenode'\n >\n {error ? (\n <>\n <ExclamationCircleFill color='var(--bs-danger)' />{' '}\n {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n </>\n ) : (\n <span>\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n aria-expanded={true}\n color={nodeColour}\n onClick={() => {\n treeContext.handleExpandClick(id);\n }}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n aria-disabled={true}\n />\n )}\n {thisNode && (\n <div\n style={{ display: 'inline-block' }}\n onContextMenuCapture={() => treeContext.handleSelect(id)}\n onClickCapture={() => treeContext.handleSelect(id)}\n onFocusCapture={() => treeContext.handleSelect(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === '' ? '1px' : '',\n backgroundColor: currentBorder === '' ? '' : treeContext.textHighlight,\n }}\n />\n </div>\n )}\n </span>\n )}\n {childNodes !== undefined &&\n childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n style={{\n marginLeft: '16px',\n display: 'block',\n maxHeight: expanded ? '99999px' : '0px',\n height: expanded ? 'auto' : '0px',\n overflowY: 'hidden',\n visibility: expanded ? 'inherit' : 'hidden',\n opacity: expanded ? 1 : 0,\n transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n }}\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n {showNewNode && (\n <div>\n <WordEntry\n style={{ marginLeft: '14px' }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => {\n confirmNewNode(ret);\n }}\n saving={savingNewNode}\n sendEscape={() => {\n setShowNewNode(false);\n }}\n />\n </div>\n )}\n </div>\n </ContextMenuHandler>\n );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n id: Key,\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n // Get current node\n const current = hierarchyNodes.find((h) => h.id === id);\n if (current === undefined) return [];\n // Get parent node\n const parent = hierarchyNodes.find((h) => h.id === current.parentId);\n // Stop if no more parents\n return parent === undefined\n ? included\n : getAncestors(\n parent.id,\n [...included.filter((i) => i.id !== parent.id), parent],\n hierarchyNodes,\n );\n};\n","import { createContext, Key } from 'react';\nimport { iNodeUpdate, TreeNodeData } from './interface';\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selectedId?: Key;\n handleSelect: (ret: Key) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> \| undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n ({ id, value, editing, saving, setValue, sendEscape, style }, ref): JSX.Element => {\n WordEntry.displayName = 'WordEntry';\n const currentStyle = useMemo<React.CSSProperties>(() => {\n return {\n display: 'inline-block',\n padding: '1px',\n paddingLeft: '3px',\n paddingRight: '3px',\n border: '1px',\n borderRadius: '3px',\n ...style,\n };\n }, [style]);\n\n const [currentValue, setCurrentValue] = useState<string>(value ?? '');\n useEffect(() => {\n setCurrentValue(value ?? '');\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue && setValue(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === 'Escape') {\n setCurrentValue(value ?? '');\n sendEscape && sendEscape();\n } else if (e.code === 'Enter') {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Simple if not editing\n if (!editing) {\n return (\n <span\n style={currentStyle}\n id={String(id)}\n >\n {value}\n </span>\n );\n }\n\n return (\n <div\n style={currentStyle}\n id={`${id}-holder`}\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size='sm'\n animation='border'\n />\n )}\n <input\n autoFocus\n id={String(id)}\n ref={ref}\n type='text'\n style={{\n lineHeight: '0.75rem',\n border: '1px dotted black',\n width: 'auto',\n minWidth: '0',\n }}\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useState } from 'react';\nimport { checkExpandedNodes } from '../functions/checkExpandedNodes';\nimport { iNodeUpdate, TreeNodeData } from './interface';\nimport { TreeNode } from './TreeNode';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n selectedId?: Key;\n handleSelect?: (ret: Key) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canAddRoot?: boolean;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n // canAddRoot = false,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n selectedId,\n handleSelect = () => {\n return;\n },\n onAdd,\n onRename,\n onRemove,\n nodeHighlight = 'red',\n textHighlight = 'rgba(255, 0, 0, 0.2)',\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n useEffect(() => {\n if (selectedId) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n setExpandedNodes(shouldExpand);\n }\n }, [expandedNodes, nodeList, selectedId]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) \|\| force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selectedId,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n );\n};\n","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selectedId: Key,\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selectedId, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from './getAncestors';\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from './components';\nexport * from './functions';\n","import { TreeNode } from './TreeNode';\nimport { TreeOfNodes } from './TreeOfNodes';\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from './interface';\nimport { WordEntry } from './WordEntry';\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n CaretDownFill,\n CaretRight,\n CaretRightFill,\n ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { getAncestors } from '../functions/getAncestors';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\n\ninterface TreeNodeProps {\n id: Key;\n indentLevel?: number;\n canRemove?: boolean;\n canRename?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n refresh?: () => void;\n}\n\nexport const TreeNode = ({\n id,\n canRemove,\n canRename,\n canAddChildren,\n canRemoveChildren,\n canRenameChildren,\n}: TreeNodeProps): JSX.Element => {\n // Contexts\n const treeContext = useContext(TreeOfNodesContext);\n\n // Node information\n const thisNode = useMemo(\n () => treeContext?.nodeList.find((n) => n.id === id),\n [id, treeContext?.nodeList],\n );\n const childNodes = useMemo(\n () => treeContext?.nodeList.filter((n) => n.parentId === id),\n [id, treeContext?.nodeList],\n );\n\n // State\n const [error, setError] = useState<boolean>(false);\n const [errorText, setErrotText] = useState<string \| null>(null);\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // // Apply selected borer\n const currentBorder = useMemo<string>(() => {\n return id === treeContext?.selectedId ? '1px solid black' : '';\n }, [id, treeContext?.selectedId]);\n const nodeColour = useMemo<string \| undefined>(() => {\n if (treeContext && treeContext.selectedId) {\n const anc = getAncestors(treeContext.selectedId, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selectedId].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement \| null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement \| null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrotText(ret.ErrorText ?? 'An unknown error has occured');\n } else {\n setError(false);\n setErrotText(null);\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext && treeContext.handleExpandClick(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: iMenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: 'Add', action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: 'Rename', action: renameThis });\n }\n if (canRemove && (childNodes === undefined \|\| childNodes.length === 0)) {\n menuItems.push({ label: 'Delete', action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n if (!treeContext) return <></>;\n return (\n <ContextMenuHandler menuItems={menuItems}>\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className='treenode'\n >\n {error ? (\n <>\n <ExclamationCircleFill color='var(--bs-danger)' />{' '}\n {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n </>\n ) : (\n <span>\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n aria-expanded={true}\n color={nodeColour}\n onClick={() => {\n treeContext.handleExpandClick(id);\n }}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n aria-disabled={true}\n />\n )}\n {thisNode && (\n <div\n style={{ display: 'inline-block' }}\n onContextMenuCapture={() => treeContext.handleSelect(id)}\n onClickCapture={() => treeContext.handleSelect(id)}\n onFocusCapture={() => treeContext.handleSelect(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === '' ? '1px' : '',\n backgroundColor: currentBorder === '' ? '' : treeContext.textHighlight,\n }}\n />\n </div>\n )}\n </span>\n )}\n {childNodes !== undefined &&\n childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n style={{\n marginLeft: '16px',\n display: 'block',\n maxHeight: expanded ? '99999px' : '0px',\n height: expanded ? 'auto' : '0px',\n overflowY: 'hidden',\n visibility: expanded ? 'inherit' : 'hidden',\n opacity: expanded ? 1 : 0,\n transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n }}\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n {showNewNode && (\n <div>\n <WordEntry\n style={{ marginLeft: '14px' }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => {\n confirmNewNode(ret);\n }}\n saving={savingNewNode}\n sendEscape={() => {\n setShowNewNode(false);\n }}\n />\n </div>\n )}\n </div>\n </ContextMenuHandler>\n );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n id: Key,\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n // Get current node\n const current = hierarchyNodes.find((h) => h.id === id);\n if (current === undefined) return [];\n // Get parent node\n const parent = hierarchyNodes.find((h) => h.id === current.parentId);\n // Stop if no more parents\n return parent === undefined\n ? included\n : getAncestors(\n parent.id,\n [...included.filter((i) => i.id !== parent.id), parent],\n hierarchyNodes,\n );\n};\n","import { createContext, Key } from 'react';\nimport { iNodeUpdate, TreeNodeData } from './interface';\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selectedId?: Key;\n handleSelect: (ret: Key) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> \| undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n ({ id, value, editing, saving, setValue, sendEscape, style }, ref): JSX.Element => {\n WordEntry.displayName = 'WordEntry';\n const currentStyle = useMemo<React.CSSProperties>(() => {\n return {\n display: 'inline-block',\n padding: '1px',\n paddingLeft: '3px',\n paddingRight: '3px',\n border: '1px',\n borderRadius: '3px',\n ...style,\n };\n }, [style]);\n\n const [currentValue, setCurrentValue] = useState<string>(value ?? '');\n useEffect(() => {\n setCurrentValue(value ?? '');\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue && setValue(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === 'Escape') {\n setCurrentValue(value ?? '');\n sendEscape && sendEscape();\n } else if (e.code === 'Enter') {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Simple if not editing\n if (!editing) {\n return (\n <span\n style={currentStyle}\n id={String(id)}\n >\n {value}\n </span>\n );\n }\n\n return (\n <div\n style={currentStyle}\n id={`${id}-holder`}\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size='sm'\n animation='border'\n />\n )}\n <input\n autoFocus\n id={String(id)}\n ref={ref}\n type='text'\n style={{\n lineHeight: '0.75rem',\n border: '1px dotted black',\n width: 'auto',\n minWidth: '0',\n }}\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useState } from 'react';\nimport { checkExpandedNodes } from '../functions/checkExpandedNodes';\nimport { iNodeUpdate, TreeNodeData } from './interface';\nimport { TreeNode } from './TreeNode';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n selectedId?: Key;\n handleSelect?: (ret: Key) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canAddRoot?: boolean;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n // canAddRoot = false,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n selectedId,\n handleSelect = () => {\n return;\n },\n onAdd,\n onRename,\n onRemove,\n nodeHighlight = 'red',\n textHighlight = 'rgba(255, 0, 0, 0.2)',\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n useEffect(() => {\n if (selectedId) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n setExpandedNodes(shouldExpand);\n }\n }, [expandedNodes, nodeList, selectedId]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) \|\| force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selectedId,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n );\n};\n","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selectedId: Key,\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selectedId, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from './getAncestors';\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from './components';\nexport * from './functions';\n","import { TreeNode } from './TreeNode';\nimport { TreeOfNodes } from './TreeOfNodes';\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from './interface';\nimport { WordEntry } from './WordEntry';\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n CaretDownFill,\n CaretRight,\n CaretRightFill,\n ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { getAncestors } from '../functions/getAncestors';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\n\ninterface TreeNodeProps {\n id: Key;\n indentLevel?: number;\n canRemove?: boolean;\n canRename?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n refresh?: () => void;\n}\n\nexport const TreeNode = ({\n id,\n canRemove,\n canRename,\n canAddChildren,\n canRemoveChildren,\n canRenameChildren,\n}: TreeNodeProps): JSX.Element => {\n // Contexts\n const treeContext = useContext(TreeOfNodesContext);\n\n // Node information\n const thisNode = useMemo(\n () => treeContext?.nodeList.find((n) => n.id === id),\n [id, treeContext?.nodeList],\n );\n const childNodes = useMemo(\n () => treeContext?.nodeList.filter((n) => n.parentId === id),\n [id, treeContext?.nodeList],\n );\n\n // State\n const [error, setError] = useState<boolean>(false);\n const [errorText, setErrotText] = useState<string \| null>(null);\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // // Apply selected borer\n const currentBorder = useMemo<string>(() => {\n return id === treeContext?.selectedId ? '1px solid black' : '';\n }, [id, treeContext?.selectedId]);\n const nodeColour = useMemo<string \| undefined>(() => {\n if (treeContext && treeContext.selectedId) {\n const anc = getAncestors(treeContext.selectedId, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selectedId].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement \| null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement \| null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrotText(ret.ErrorText ?? 'An unknown error has occured');\n } else {\n setError(false);\n setErrotText(null);\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext && treeContext.handleExpandClick(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: iMenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: 'Add', action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: 'Rename', action: renameThis });\n }\n if (canRemove && (childNodes === undefined \|\| childNodes.length === 0)) {\n menuItems.push({ label: 'Delete', action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n if (!treeContext) return <></>;\n return (\n <ContextMenuHandler menuItems={menuItems}>\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className='treenode'\n >\n {error ? (\n <>\n <ExclamationCircleFill color='var(--bs-danger)' />{' '}\n {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n </>\n ) : (\n <span>\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n aria-expanded={true}\n color={nodeColour}\n onClick={() => {\n treeContext.handleExpandClick(id);\n }}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n aria-disabled={true}\n />\n )}\n {thisNode && (\n <div\n style={{ display: 'inline-block' }}\n onContextMenuCapture={() => treeContext.handleSelect(id)}\n onClickCapture={() => treeContext.handleSelect(id)}\n onFocusCapture={() => treeContext.handleSelect(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === '' ? '1px' : '',\n backgroundColor: currentBorder === '' ? '' : treeContext.textHighlight,\n }}\n />\n </div>\n )}\n </span>\n )}\n {childNodes !== undefined &&\n childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n style={{\n marginLeft: '16px',\n display: 'block',\n maxHeight: expanded ? '99999px' : '0px',\n height: expanded ? 'auto' : '0px',\n overflowY: 'hidden',\n visibility: expanded ? 'inherit' : 'hidden',\n opacity: expanded ? 1 : 0,\n transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n }}\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n {showNewNode && (\n <div>\n <WordEntry\n style={{ marginLeft: '14px' }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => {\n confirmNewNode(ret);\n }}\n saving={savingNewNode}\n sendEscape={() => {\n setShowNewNode(false);\n }}\n />\n </div>\n )}\n </div>\n </ContextMenuHandler>\n );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n id: Key,\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n // Get current node\n const current = hierarchyNodes.find((h) => h.id === id);\n if (current === undefined) return [];\n // Get parent node\n const parent = hierarchyNodes.find((h) => h.id === current.parentId);\n // Stop if no more parents\n return parent === undefined\n ? included\n : getAncestors(\n parent.id,\n [...included.filter((i) => i.id !== parent.id), parent],\n hierarchyNodes,\n );\n};\n","import { createContext, Key } from 'react';\nimport { iNodeUpdate, TreeNodeData } from './interface';\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selectedId?: Key;\n handleSelect: (ret: Key) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> \| undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n ({ id, value, editing, saving, setValue, sendEscape, style }, ref): JSX.Element => {\n WordEntry.displayName = 'WordEntry';\n const currentStyle = useMemo<React.CSSProperties>(() => {\n return {\n display: 'inline-block',\n padding: '1px',\n paddingLeft: '3px',\n paddingRight: '3px',\n border: '1px',\n borderRadius: '3px',\n ...style,\n };\n }, [style]);\n\n const [currentValue, setCurrentValue] = useState<string>(value ?? '');\n useEffect(() => {\n setCurrentValue(value ?? '');\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue && setValue(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === 'Escape') {\n setCurrentValue(value ?? '');\n sendEscape && sendEscape();\n } else if (e.code === 'Enter') {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Simple if not editing\n if (!editing) {\n return (\n <span\n style={currentStyle}\n id={String(id)}\n >\n {value}\n </span>\n );\n }\n\n return (\n <div\n style={currentStyle}\n id={`${id}-holder`}\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size='sm'\n animation='border'\n />\n )}\n <input\n autoFocus\n id={String(id)}\n ref={ref}\n type='text'\n style={{\n lineHeight: '0.75rem',\n border: '1px dotted black',\n width: 'auto',\n minWidth: '0',\n }}\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useState } from 'react';\nimport { checkExpandedNodes } from '../functions/checkExpandedNodes';\nimport { iNodeUpdate, TreeNodeData } from './interface';\nimport { TreeNode } from './TreeNode';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n selectedId?: Key;\n handleSelect?: (ret: Key) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canAddRoot?: boolean;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n // canAddRoot = false,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n selectedId,\n handleSelect = () => {\n return;\n },\n onAdd,\n onRename,\n onRemove,\n nodeHighlight = 'red',\n textHighlight = 'rgba(255, 0, 0, 0.2)',\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n useEffect(() => {\n if (selectedId) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n setExpandedNodes(shouldExpand);\n }\n }, [expandedNodes, nodeList, selectedId]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) \|\| force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selectedId,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n );\n};\n","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selectedId: Key,\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selectedId, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from './getAncestors';\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["src/main.ts","src/components/index.ts","src/components/TreeNode.tsx","src/functions/getAncestors.tsx","src/components/TreeOfNodesContext.ts","src/components/WordEntry.tsx","src/components/TreeOfNodes.tsx","src/functions/checkExpandedNodes.ts","src/functions/index.ts"],"sourcesContent":["export * from './components';\nexport * from './functions';\n","import { TreeNode } from './TreeNode';\nimport { TreeOfNodes } from './TreeOfNodes';\nimport { iNodeUpdate, TreeNodeBase, TreeNodeData } from './interface';\nimport { WordEntry } from './WordEntry';\n\nexport { TreeNode, TreeOfNodes, WordEntry };\nexport type { TreeNodeBase, TreeNodeData, iNodeUpdate };\n","import { ContextMenuHandler, iMenuItem } from '@asup/context-menu';\nimport { Key, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n CaretDownFill,\n CaretRight,\n CaretRightFill,\n ExclamationCircleFill,\n} from 'react-bootstrap-icons';\nimport { getAncestors } from '../functions/getAncestors';\nimport { iNodeUpdate } from './interface';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\nimport { WordEntry } from './WordEntry';\n\ninterface TreeNodeProps {\n id: Key;\n indentLevel?: number;\n canRemove?: boolean;\n canRename?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n refresh?: () => void;\n}\n\nexport const TreeNode = ({\n id,\n canRemove,\n canRename,\n canAddChildren,\n canRemoveChildren,\n canRenameChildren,\n}: TreeNodeProps): JSX.Element => {\n // Contexts\n const treeContext = useContext(TreeOfNodesContext);\n\n // Node information\n const thisNode = useMemo(\n () => treeContext?.nodeList.find((n) => n.id === id),\n [id, treeContext?.nodeList],\n );\n const childNodes = useMemo(\n () => treeContext?.nodeList.filter((n) => n.parentId === id),\n [id, treeContext?.nodeList],\n );\n\n // State\n const [error, setError] = useState<boolean>(false);\n const [errorText, setErrotText] = useState<string \| null>(null);\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // // Apply selected borer\n const currentBorder = useMemo<string>(() => {\n return id === treeContext?.selectedId ? '1px solid black' : '';\n }, [id, treeContext?.selectedId]);\n const nodeColour = useMemo<string \| undefined>(() => {\n if (treeContext && treeContext.selectedId) {\n const anc = getAncestors(treeContext.selectedId, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selectedId].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement \| null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement \| null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrotText(ret.ErrorText ?? 'An unknown error has occured');\n } else {\n setError(false);\n setErrotText(null);\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext && treeContext.handleExpandClick(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: iMenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: 'Add', action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: 'Rename', action: renameThis });\n }\n if (canRemove && (childNodes === undefined \|\| childNodes.length === 0)) {\n menuItems.push({ label: 'Delete', action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n if (!treeContext) return <></>;\n return (\n <ContextMenuHandler menuItems={menuItems}>\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className='treenode'\n >\n {error ? (\n <>\n <ExclamationCircleFill color='var(--bs-danger)' />{' '}\n {errorText && errorText !== '' ? errorText : 'An unknown error has occured'}\n </>\n ) : (\n <span>\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n aria-expanded={true}\n color={nodeColour}\n onClick={() => {\n treeContext.handleExpandClick(id);\n }}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n role='button'\n color={nodeColour}\n aria-expanded={false}\n aria-disabled={true}\n />\n )}\n {thisNode && (\n <div\n style={{ display: 'inline-block' }}\n onContextMenuCapture={() => treeContext.handleSelect(id)}\n onClickCapture={() => treeContext.handleSelect(id)}\n onFocusCapture={() => treeContext.handleSelect(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === '' ? '1px' : '',\n backgroundColor: currentBorder === '' ? '' : treeContext.textHighlight,\n }}\n />\n </div>\n )}\n </span>\n )}\n {childNodes !== undefined &&\n childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n style={{\n marginLeft: '16px',\n display: 'block',\n maxHeight: expanded ? '99999px' : '0px',\n height: expanded ? 'auto' : '0px',\n overflowY: 'hidden',\n visibility: expanded ? 'inherit' : 'hidden',\n opacity: expanded ? 1 : 0,\n transition: 'visibility .3s, opacity .3s ease-in-out, max-height 0.3s ease-in-out',\n }}\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n {showNewNode && (\n <div>\n <WordEntry\n style={{ marginLeft: '14px' }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => {\n confirmNewNode(ret);\n }}\n saving={savingNewNode}\n sendEscape={() => {\n setShowNewNode(false);\n }}\n />\n </div>\n )}\n </div>\n </ContextMenuHandler>\n );\n};\n","import { Key } from 'react';\nimport { TreeNodeBase } from '../components/interface';\n\nexport const getAncestors = (\n id: Key,\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n // Get current node\n const current = hierarchyNodes.find((h) => h.id === id);\n if (current === undefined) return [];\n // Get parent node\n const parent = hierarchyNodes.find((h) => h.id === current.parentId);\n // Stop if no more parents\n return parent === undefined\n ? included\n : getAncestors(\n parent.id,\n [...included.filter((i) => i.id !== parent.id), parent],\n hierarchyNodes,\n );\n};\n","import { createContext, Key } from 'react';\nimport { iNodeUpdate, TreeNodeData } from './interface';\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selectedId?: Key;\n handleSelect: (ret: Key) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> \| undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Spinner } from 'react-bootstrap';\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n ({ id, value, editing, saving, setValue, sendEscape, style }, ref): JSX.Element => {\n WordEntry.displayName = 'WordEntry';\n const currentStyle = useMemo<React.CSSProperties>(() => {\n return {\n display: 'inline-block',\n padding: '1px',\n paddingLeft: '3px',\n paddingRight: '3px',\n border: '1px',\n borderRadius: '3px',\n ...style,\n };\n }, [style]);\n\n const [currentValue, setCurrentValue] = useState<string>(value ?? '');\n useEffect(() => {\n setCurrentValue(value ?? '');\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue && setValue(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === 'Escape') {\n setCurrentValue(value ?? '');\n sendEscape && sendEscape();\n } else if (e.code === 'Enter') {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Simple if not editing\n if (!editing) {\n return (\n <span\n style={currentStyle}\n id={String(id)}\n >\n {value}\n </span>\n );\n }\n\n return (\n <div\n style={currentStyle}\n id={`${id}-holder`}\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size='sm'\n animation='border'\n />\n )}\n <input\n autoFocus\n id={String(id)}\n ref={ref}\n type='text'\n style={{\n lineHeight: '0.75rem',\n border: '1px dotted black',\n width: 'auto',\n minWidth: '0',\n }}\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useState } from 'react';\nimport { checkExpandedNodes } from '../functions/checkExpandedNodes';\nimport { iNodeUpdate, TreeNodeData } from './interface';\nimport { TreeNode } from './TreeNode';\nimport { TreeOfNodesContext } from './TreeOfNodesContext';\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n selectedId?: Key;\n handleSelect?: (ret: Key) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canAddRoot?: boolean;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n // canAddRoot = false,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n selectedId,\n handleSelect = () => {\n return;\n },\n onAdd,\n onRename,\n onRemove,\n nodeHighlight = 'red',\n textHighlight = 'rgba(255, 0, 0, 0.2)',\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n useEffect(() => {\n if (selectedId) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedId, expandedNodes);\n shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0 &&\n setExpandedNodes(shouldExpand);\n }\n }, [expandedNodes, nodeList, selectedId]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) \|\| force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selectedId,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n );\n};\n","import { TreeNodeBase } from 'components';\nimport { Key } from 'react';\nimport { getAncestors } from './getAncestors';\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selectedId: Key,\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selectedId, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from './getAncestors';\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}

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

@@ -1,56 +1,56 @@
-import React, { Key } from "react";
-export interface iNodeUpdate {
-    success: boolean;
-    ErrorText?: string;
-}
-export interface TreeNodeBase {
-    id: Key;
-    label: string;
-    parentId?: Key;
-}
-export interface TreeNodeData<T> extends TreeNodeBase {
-    data: T;
-}
-declare const getAncestors: (id: Key, included: TreeNodeBase[], hierarchyNodes: TreeNodeBase[]) => TreeNodeBase[];
-interface WordEntryProps {
-    id: Key;
-    value?: string;
-    editing?: boolean;
-    saving?: boolean;
-    setValue?: (ret: string) => void;
-    sendEscape?: () => void;
-    style?: React.CSSProperties;
-}
-export const WordEntry: React.ForwardRefExoticComponent<WordEntryProps & React.RefAttributes<HTMLInputElement>>;
-interface TreeNodeProps {
-    id: Key;
-    indentLevel?: number;
-    canRemove?: boolean;
-    canRename?: boolean;
-    canAddChildren?: boolean;
-    canRemoveChildren?: boolean;
-    canRenameChildren?: boolean;
-    refresh?: () => void;
-}
-export const TreeNode: ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps) => JSX.Element;
-interface TreeOfNodesProps<T> {
-    id: string;
-    nodeList: TreeNodeData<T>[];
-    roots: Key[];
-    selectedId?: Key;
-    handleSelect?: (ret: Key) => void;
-    onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;
-    onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;
-    onRemove?: (childId: Key) => Promise<iNodeUpdate>;
-    canAddRoot?: boolean;
-    canRemoveRoot?: boolean;
-    canRenameRoot?: boolean;
-    canAddChildren?: boolean;
-    canRemoveChildren?: boolean;
-    canRenameChildren?: boolean;
-    nodeHighlight?: string;
-    textHighlight?: string;
-}
-export const TreeOfNodes: <T extends unknown>({ id, nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, nodeHighlight, textHighlight, }: TreeOfNodesProps<T>) => JSX.Element;
+import React, { Key } from "react";
+export interface iNodeUpdate {
+    success: boolean;
+    ErrorText?: string;
+}
+export interface TreeNodeBase {
+    id: Key;
+    label: string;
+    parentId?: Key;
+}
+export interface TreeNodeData<T> extends TreeNodeBase {
+    data: T;
+}
+declare const getAncestors: (id: Key, included: TreeNodeBase[], hierarchyNodes: TreeNodeBase[]) => TreeNodeBase[];
+interface WordEntryProps {
+    id: Key;
+    value?: string;
+    editing?: boolean;
+    saving?: boolean;
+    setValue?: (ret: string) => void;
+    sendEscape?: () => void;
+    style?: React.CSSProperties;
+}
+export const WordEntry: React.ForwardRefExoticComponent<WordEntryProps & React.RefAttributes<HTMLInputElement>>;
+interface TreeNodeProps {
+    id: Key;
+    indentLevel?: number;
+    canRemove?: boolean;
+    canRename?: boolean;
+    canAddChildren?: boolean;
+    canRemoveChildren?: boolean;
+    canRenameChildren?: boolean;
+    refresh?: () => void;
+}
+export const TreeNode: ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps) => JSX.Element;
+interface TreeOfNodesProps<T> {
+    id: string;
+    nodeList: TreeNodeData<T>[];
+    roots: Key[];
+    selectedId?: Key;
+    handleSelect?: (ret: Key) => void;
+    onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;
+    onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;
+    onRemove?: (childId: Key) => Promise<iNodeUpdate>;
+    canAddRoot?: boolean;
+    canRemoveRoot?: boolean;
+    canRenameRoot?: boolean;
+    canAddChildren?: boolean;
+    canRemoveChildren?: boolean;
+    canRenameChildren?: boolean;
+    nodeHighlight?: string;
+    textHighlight?: string;
+}
+export const TreeOfNodes: <T extends unknown>({ id, nodeList, roots, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, selectedId, handleSelect, onAdd, onRename, onRemove, nodeHighlight, textHighlight, }: TreeOfNodesProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tree-of-nodes.d.ts.map

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

	@@ -1 +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,YACG,YAAY,EAAE,kBACR,YAAY,EAAE,KAC7B,YAAY,EAcd,CAAC;AElBF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;CAC7B;AAED,OAAO,MAAM,kGAgFZ,CAAC;AChFF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,OAAO,MAAM,gGAOV,aAAa,KAAG,WAqOlB,CAAC;AE9PF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,OAAO,MAAM,~~qQAuEZ~~,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"export * from './components';\nexport * from './functions';\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}
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,YACG,YAAY,EAAE,kBACR,YAAY,EAAE,KAC7B,YAAY,EAcd,CAAC;AElBF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;CAC7B;AAED,OAAO,MAAM,kGAgFZ,CAAC;AChFF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,OAAO,MAAM,gGAOV,aAAa,KAAG,WAqOlB,CAAC;AE9PF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,OAAO,MAAM,iSAuEZ,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"export * from './components';\nexport * from './functions';\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@asup/tree-of-nodes",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "REACT Typescript Treeview component",
   "author": "Paul Thomas <@PaulDThomas>",
   "private": false,
@@ -21,7 +21,7 @@
   "homepage": "https://github.com/PaulDThomas/tree-of-nodes#readme",
   "dependencies": {
     "@asup/context-menu": "^1.0.0",
-    "@swc/helpers": "^0.4.14",
+    "@swc/helpers": "^0.5.1",
     "bootstrap": "^5.2.2",
     "react": "^18.0.0",
     "react-bootstrap": "^2.5.0",
@@ -29,6 +29,7 @@
     "react-dom": "^18.0.0"
   },
   "peerDependencies": {
+    "@swc/helpers": "^0.5.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
@@ -39,7 +40,7 @@
     "@parcel/transformer-typescript-types": "^2.8.0",
     "@parcel/transformer-webmanifest": "^2.7.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.2.2",
     "@types/node": "^18.11.9",
@@ -63,7 +64,7 @@
     "process": "^0.11.10",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.3"
+    "typescript": "^5.0.4"
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"