@asup/tree-of-nodes 2.0.3 → 2.0.4

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 (9) hide show
  1. package/dist/cjs/main.css +0 -1
  2. package/dist/cjs/main.js +15 -12
  3. package/dist/cjs/main.js.map +1 -1
  4. package/dist/main.css +0 -1
  5. package/dist/main.js +16 -13
  6. package/dist/main.js.map +1 -1
  7. package/dist/tree-of-nodes.d.ts +4 -3
  8. package/dist/tree-of-nodes.d.ts.map +1 -1
  9. package/package.json +23 -16
package/dist/cjs/main.css CHANGED
@@ -53,5 +53,4 @@
53
53
  opacity: 0;
54
54
  transition: opacity .6s linear;
55
55
  }
56
-
57
56
  /*# sourceMappingURL=main.css.map */
package/dist/cjs/main.js CHANGED
@@ -3,6 +3,7 @@ var $gTuX4$reactjsxruntime = require("react/jsx-runtime");
3
3
  var $gTuX4$asupcontextmenu = require("@asup/context-menu");
4
4
  var $gTuX4$react = require("react");
5
5
  var $gTuX4$reactbootstrapicons = require("react-bootstrap-icons");
6
+ var $gTuX4$swchelperscjs_object_spreadcjs = require("@swc/helpers/cjs/_object_spread.cjs");
6
7
  var $gTuX4$reactbootstrap = require("react-bootstrap");
7
8
 
8
9
 
@@ -74,18 +75,18 @@ const $ff9cca1fe8f6b24e$export$29ec378200e05207 = (0, $gTuX4$react.createContext
74
75
 
75
76
 
76
77
 
78
+
77
79
  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)=>{
78
80
  $176d21a51def1fce$export$14f190ac910bde69.displayName = "WordEntry";
79
81
  const currentStyle = (0, $gTuX4$react.useMemo)(()=>{
80
- return {
82
+ return (0, $gTuX4$swchelperscjs_object_spreadcjs._)({
81
83
  display: "inline-block",
82
84
  padding: "1px",
83
85
  paddingLeft: "3px",
84
86
  paddingRight: "3px",
85
87
  border: "1px",
86
- borderRadius: "3px",
87
- ...style
88
- };
88
+ borderRadius: "3px"
89
+ }, style);
89
90
  }, [
90
91
  style
91
92
  ]);
@@ -96,7 +97,7 @@ const $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$int
96
97
  value
97
98
  ]);
98
99
  const returnData = (0, $gTuX4$react.useCallback)(()=>{
99
- setValue && setValue(currentValue);
100
+ setValue === null || setValue === void 0 ? void 0 : setValue(currentValue);
100
101
  }, [
101
102
  currentValue,
102
103
  setValue
@@ -104,7 +105,7 @@ const $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$int
104
105
  const keyPress = (0, $gTuX4$react.useCallback)((e)=>{
105
106
  if (e.code === "Escape") {
106
107
  setCurrentValue(value !== null && value !== void 0 ? value : "");
107
- sendEscape && sendEscape();
108
+ sendEscape === null || sendEscape === void 0 ? void 0 : sendEscape();
108
109
  } else if (e.code === "Enter") returnData();
109
110
  }, [
110
111
  returnData,
@@ -274,8 +275,9 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
274
275
  ]);
275
276
  // Context actions
276
277
  const addChild = (0, $gTuX4$react.useCallback)(()=>{
278
+ var _treeContext_handleExpandClick;
277
279
  setShowNewNode(true);
278
- treeContext && treeContext.handleExpandClick(id, true);
280
+ treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleExpandClick = treeContext.handleExpandClick) === null || _treeContext_handleExpandClick === void 0 ? void 0 : _treeContext_handleExpandClick.call(treeContext, id, true);
279
281
  }, [
280
282
  id,
281
283
  treeContext
@@ -286,8 +288,9 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
286
288
  showNewNode
287
289
  ]);
288
290
  const renameThis = (0, $gTuX4$react.useCallback)(()=>{
291
+ var _treeContext_handleSelect;
289
292
  setRenaming(true);
290
- treeContext && treeContext.handleSelect && treeContext.handleSelect(id);
293
+ treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
291
294
  }, [
292
295
  id,
293
296
  treeContext
@@ -318,8 +321,7 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
318
321
  renameThis
319
322
  ]);
320
323
  // Return node
321
- if (!treeContext) return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactjsxruntime.Fragment), {});
322
- return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$asupcontextmenu.ContextMenuHandler), {
324
+ return !treeContext ? null : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$asupcontextmenu.ContextMenuHandler), {
323
325
  menuItems: menuItems,
324
326
  children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
325
327
  id: `${treeContext.id}-treenode-${id}`,
@@ -343,7 +345,8 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
343
345
  className: "ton-checkbox",
344
346
  id: `${treeContext.id}-treenode-checkbox-${id}`,
345
347
  onClick: ()=>{
346
- treeContext.handleSelect && treeContext.handleSelect(descendents);
348
+ var _treeContext_handleSelect;
349
+ treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
347
350
  }
348
351
  }),
349
352
  childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRightFill), {
@@ -465,7 +468,7 @@ const $9becaaec3a803ae7$export$5580fff3e08a8be5 = ({ id: id, nodeList: nodeList,
465
468
  if (selectedArray.length > 0) {
466
469
  // Check all nodes are showing that should be
467
470
  const shouldExpand = (0, $f31429c9cc6d3bce$export$40c47a7ac5f85aba)(nodeList, selectedArray, expandedNodes);
468
- shouldExpand.filter((n)=>!expandedNodes.includes(n)).length > 0 && setExpandedNodes(shouldExpand);
471
+ if (shouldExpand.filter((n)=>!expandedNodes.includes(n)).length > 0) setExpandedNodes(shouldExpand);
469
472
  }
470
473
  }, [
471
474
  expandedNodes,
package/dist/cjs/main.js.map CHANGED
@@ -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/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"}
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, MenuItem } from \"@asup/context-menu\";\nimport {\n Key,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n CaretDownFill,\n CaretRight,\n CaretRightFill,\n ExclamationCircleFill,\n} from \"react-bootstrap-icons\";\nimport { getAncestors } from \"../functions/getAncestors\";\nimport { getDescendentIds } from \"../functions/getDescendentIds\";\nimport \"./TreeNode.css\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\nimport { WordEntry } from \"./WordEntry\";\nimport { iNodeUpdate } from \"./interface\";\n\ninterface TreeNodeProps {\n id: Key;\n indentLevel?: number;\n canRemove?: boolean;\n canRename?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n refresh?: () => void;\n}\n\nexport const TreeNode = ({\n id,\n canRemove,\n canRename,\n canAddChildren,\n canRemoveChildren,\n canRenameChildren,\n}: TreeNodeProps): ReactNode => {\n // Contexts\n const treeContext = useContext(TreeOfNodesContext);\n\n // Node information\n const thisNode = useMemo(\n () => treeContext?.nodeList.find((n) => n.id === id),\n [id, treeContext?.nodeList],\n );\n const childNodes = useMemo(\n () => treeContext?.nodeList.filter((n) => n.parentId === id),\n [id, treeContext?.nodeList],\n );\n const descendents = useMemo(\n () => getDescendentIds(id, treeContext?.nodeList ?? []),\n [id, treeContext],\n );\n\n // State\n const [error, setError] = useState<boolean>(false);\n const [errorText, setErrotText] = useState<string>(\"\");\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // Checkbox\n const checkRef = useRef<HTMLInputElement | null>(null);\n useEffect(() => {\n if (checkRef.current) {\n if (treeContext?.selected.includes(id)) {\n checkRef.current.checked = true;\n checkRef.current.indeterminate = false;\n } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = true;\n } else {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = false;\n }\n }\n }, [descendents, id, treeContext?.selected]);\n\n // Apply selected border\n const currentBorder = useMemo<string>(() => {\n return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n }, [id, treeContext?.selected]);\n const nodeColour = useMemo<string | undefined>(() => {\n if (treeContext && treeContext.selected) {\n const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement | null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement | null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrotText(ret.ErrorText ?? \"An unknown error has occured\");\n } else {\n setError(false);\n setErrotText(\"\");\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext?.handleExpandClick?.(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect?.(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: MenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: \"Add\", action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: \"Rename\", action: renameThis });\n }\n if (canRemove && (childNodes === undefined || childNodes.length === 0)) {\n menuItems.push({ label: \"Delete\", action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n return !treeContext ? null : (\n <ContextMenuHandler menuItems={menuItems}>\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className=\"treenode\"\n >\n {error ? (\n <>\n <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n </>\n ) : (\n <div className=\"ton-node\">\n {treeContext.showCheckBox && (\n <input\n ref={checkRef}\n type=\"checkbox\"\n role=\"checkbox\"\n className=\"ton-checkbox\"\n id={`${treeContext.id}-treenode-checkbox-${id}`}\n onClick={() => {\n treeContext?.handleSelect?.(descendents);\n }}\n />\n )}\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Expander\"\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n aria-expanded={true}\n aria-label=\"Expander\"\n color={nodeColour}\n onClick={() => {\n treeContext.handleExpandClick(id);\n }}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Disabled expander\"\n onClick={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n />\n )}\n {thisNode && (\n <div\n style={{ display: \"inline-block\" }}\n onContextMenuCapture={() =>\n treeContext.handleSelect && treeContext.handleSelect(id)\n }\n onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === \"\" ? \"1px\" : \"\",\n backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n }}\n spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n )}\n {childNodes !== undefined && (\n <div className={`ton-collapsible-wrapper ${expanded ? \"\" : \"collapsed\"}`}>\n <div className=\"ton-collapsible\">\n {childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n className=\"ton-child\"\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n </div>\n </div>\n )}\n {showNewNode && (\n <div>\n <WordEntry\n style={{ marginLeft: \"14px\" }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => {\n confirmNewNode(ret);\n }}\n saving={savingNewNode}\n sendEscape={() => {\n setShowNewNode(false);\n }}\n spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n </ContextMenuHandler>\n );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n id: Key | Key[],\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n const processIds = Array.isArray(id) ? id : [id];\n\n const current = processIds\n .map((i) => hierarchyNodes.find((h) => h.id === i))\n .filter((h) => h !== undefined) as TreeNodeBase[];\n if (current.length === 0) return included;\n\n const parents = (\n current\n .map((h) => h.parentId)\n .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n ).filter((p) => p !== undefined) as TreeNodeBase[];\n if (parents.length === 0) return included;\n else\n return getAncestors(\n parents.map((p) => p.id),\n [...included, ...parents.filter((p) => !included.includes(p))],\n hierarchyNodes,\n );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n const processIds = Array.isArray(id) ? id : [id];\n const newChildren = hierarchyNodes\n .filter(\n (h) =>\n h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n )\n .map((h) => h.id);\n return newChildren.length === 0\n ? processIds\n : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selected: Key[];\n showCheckBox: boolean;\n handleSelect?: (ret: Key | Key[]) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n (\n { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n ref,\n ): JSX.Element => {\n WordEntry.displayName = \"WordEntry\";\n const currentStyle = useMemo<React.CSSProperties>(() => {\n return {\n display: \"inline-block\",\n padding: \"1px\",\n paddingLeft: \"3px\",\n paddingRight: \"3px\",\n border: \"1px\",\n borderRadius: \"3px\",\n ...style,\n };\n }, [style]);\n\n const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n useEffect(() => {\n setCurrentValue(value ?? \"\");\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue?.(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === \"Escape\") {\n setCurrentValue(value ?? \"\");\n sendEscape?.();\n } else if (e.code === \"Enter\") {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Simple if not editing\n if (!editing) {\n return (\n <span\n style={currentStyle}\n id={`${id}`}\n >\n {value ? value : <>&nbsp;</>}\n </span>\n );\n }\n\n return (\n <div\n style={currentStyle}\n id={`${id}-holder`}\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size=\"sm\"\n animation=\"border\"\n />\n )}\n <input\n autoFocus\n spellCheck={spellCheck}\n id={String(id)}\n ref={ref}\n type=\"text\"\n style={{\n lineHeight: \"0.75rem\",\n border: \"1px dotted black\",\n width: \"auto\",\n minWidth: \"0\",\n }}\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n showCheckBox?: boolean;\n selected?: Key | Key[];\n handleSelect?: (ret: Key | Key[]) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n selected = [],\n showCheckBox = false,\n handleSelect,\n onAdd,\n onRename,\n onRemove,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n nodeHighlight = \"red\",\n textHighlight = \"rgba(255, 0, 0, 0.2)\",\n spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n const selectedArray = useMemo(\n () => (Array.isArray(selected) ? selected : [selected]),\n [selected],\n );\n useEffect(() => {\n if (selectedArray.length > 0) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n setExpandedNodes(shouldExpand);\n }\n }\n }, [expandedNodes, nodeList, selectedArray]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selected: selectedArray,\n showCheckBox,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n spellCheck,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selected: Key | Key[],\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selected, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/main.css CHANGED
@@ -53,5 +53,4 @@
53
53
  opacity: 0;
54
54
  transition: opacity .6s linear;
55
55
  }
56
-
57
56
  /*# sourceMappingURL=main.css.map */
package/dist/main.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import "./main.css";
2
- import {jsx as $duWW8$jsx, Fragment as $duWW8$Fragment, jsxs as $duWW8$jsxs} from "react/jsx-runtime";
2
+ import {jsx as $duWW8$jsx, jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment} from "react/jsx-runtime";
3
3
  import {ContextMenuHandler as $duWW8$ContextMenuHandler} from "@asup/context-menu";
4
4
  import $duWW8$react, {useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, useState as $duWW8$useState, useRef as $duWW8$useRef, useEffect as $duWW8$useEffect, useCallback as $duWW8$useCallback, createContext as $duWW8$createContext} from "react";
5
5
  import {ExclamationCircleFill as $duWW8$ExclamationCircleFill, CaretRightFill as $duWW8$CaretRightFill, CaretDownFill as $duWW8$CaretDownFill, CaretRight as $duWW8$CaretRight} from "react-bootstrap-icons";
6
+ import {_ as $duWW8$_} from "@swc/helpers/_/_object_spread";
6
7
  import {Spinner as $duWW8$Spinner} from "react-bootstrap";
7
8
 
8
9
 
@@ -53,18 +54,18 @@ const $886f402bccb0fd30$export$29ec378200e05207 = (0, $duWW8$createContext)(unde
53
54
 
54
55
 
55
56
 
57
+
56
58
  const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react).forwardRef(({ id: id, value: value, editing: editing, saving: saving, setValue: setValue, sendEscape: sendEscape, style: style, spellCheck: spellCheck = "true" }, ref)=>{
57
59
  $84765747a8c6bfe2$export$14f190ac910bde69.displayName = "WordEntry";
58
60
  const currentStyle = (0, $duWW8$useMemo)(()=>{
59
- return {
61
+ return (0, $duWW8$_)({
60
62
  display: "inline-block",
61
63
  padding: "1px",
62
64
  paddingLeft: "3px",
63
65
  paddingRight: "3px",
64
66
  border: "1px",
65
- borderRadius: "3px",
66
- ...style
67
- };
67
+ borderRadius: "3px"
68
+ }, style);
68
69
  }, [
69
70
  style
70
71
  ]);
@@ -75,7 +76,7 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
75
76
  value
76
77
  ]);
77
78
  const returnData = (0, $duWW8$useCallback)(()=>{
78
- setValue && setValue(currentValue);
79
+ setValue === null || setValue === void 0 ? void 0 : setValue(currentValue);
79
80
  }, [
80
81
  currentValue,
81
82
  setValue
@@ -83,7 +84,7 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
83
84
  const keyPress = (0, $duWW8$useCallback)((e)=>{
84
85
  if (e.code === "Escape") {
85
86
  setCurrentValue(value !== null && value !== void 0 ? value : "");
86
- sendEscape && sendEscape();
87
+ sendEscape === null || sendEscape === void 0 ? void 0 : sendEscape();
87
88
  } else if (e.code === "Enter") returnData();
88
89
  }, [
89
90
  returnData,
@@ -253,8 +254,9 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
253
254
  ]);
254
255
  // Context actions
255
256
  const addChild = (0, $duWW8$useCallback)(()=>{
257
+ var _treeContext_handleExpandClick;
256
258
  setShowNewNode(true);
257
- treeContext && treeContext.handleExpandClick(id, true);
259
+ treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleExpandClick = treeContext.handleExpandClick) === null || _treeContext_handleExpandClick === void 0 ? void 0 : _treeContext_handleExpandClick.call(treeContext, id, true);
258
260
  }, [
259
261
  id,
260
262
  treeContext
@@ -265,8 +267,9 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
265
267
  showNewNode
266
268
  ]);
267
269
  const renameThis = (0, $duWW8$useCallback)(()=>{
270
+ var _treeContext_handleSelect;
268
271
  setRenaming(true);
269
- treeContext && treeContext.handleSelect && treeContext.handleSelect(id);
272
+ treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
270
273
  }, [
271
274
  id,
272
275
  treeContext
@@ -297,8 +300,7 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
297
300
  renameThis
298
301
  ]);
299
302
  // Return node
300
- if (!treeContext) return /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$Fragment), {});
301
- return /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$ContextMenuHandler), {
303
+ return !treeContext ? null : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$ContextMenuHandler), {
302
304
  menuItems: menuItems,
303
305
  children: /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
304
306
  id: `${treeContext.id}-treenode-${id}`,
@@ -322,7 +324,8 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
322
324
  className: "ton-checkbox",
323
325
  id: `${treeContext.id}-treenode-checkbox-${id}`,
324
326
  onClick: ()=>{
325
- treeContext.handleSelect && treeContext.handleSelect(descendents);
327
+ var _treeContext_handleSelect;
328
+ treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
326
329
  }
327
330
  }),
328
331
  childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRightFill), {
@@ -444,7 +447,7 @@ const $ba47aaf387735a90$export$5580fff3e08a8be5 = ({ id: id, nodeList: nodeList,
444
447
  if (selectedArray.length > 0) {
445
448
  // Check all nodes are showing that should be
446
449
  const shouldExpand = (0, $c7008d808d3e1c7a$export$40c47a7ac5f85aba)(nodeList, selectedArray, expandedNodes);
447
- shouldExpand.filter((n)=>!expandedNodes.includes(n)).length > 0 && setExpandedNodes(shouldExpand);
450
+ if (shouldExpand.filter((n)=>!expandedNodes.includes(n)).length > 0) setExpandedNodes(shouldExpand);
448
451
  }
449
452
  }, [
450
453
  expandedNodes,
package/dist/main.js.map CHANGED
@@ -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/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"}
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, MenuItem } from \"@asup/context-menu\";\nimport {\n Key,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n CaretDownFill,\n CaretRight,\n CaretRightFill,\n ExclamationCircleFill,\n} from \"react-bootstrap-icons\";\nimport { getAncestors } from \"../functions/getAncestors\";\nimport { getDescendentIds } from \"../functions/getDescendentIds\";\nimport \"./TreeNode.css\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\nimport { WordEntry } from \"./WordEntry\";\nimport { iNodeUpdate } from \"./interface\";\n\ninterface TreeNodeProps {\n id: Key;\n indentLevel?: number;\n canRemove?: boolean;\n canRename?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n refresh?: () => void;\n}\n\nexport const TreeNode = ({\n id,\n canRemove,\n canRename,\n canAddChildren,\n canRemoveChildren,\n canRenameChildren,\n}: TreeNodeProps): ReactNode => {\n // Contexts\n const treeContext = useContext(TreeOfNodesContext);\n\n // Node information\n const thisNode = useMemo(\n () => treeContext?.nodeList.find((n) => n.id === id),\n [id, treeContext?.nodeList],\n );\n const childNodes = useMemo(\n () => treeContext?.nodeList.filter((n) => n.parentId === id),\n [id, treeContext?.nodeList],\n );\n const descendents = useMemo(\n () => getDescendentIds(id, treeContext?.nodeList ?? []),\n [id, treeContext],\n );\n\n // State\n const [error, setError] = useState<boolean>(false);\n const [errorText, setErrotText] = useState<string>(\"\");\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // Checkbox\n const checkRef = useRef<HTMLInputElement | null>(null);\n useEffect(() => {\n if (checkRef.current) {\n if (treeContext?.selected.includes(id)) {\n checkRef.current.checked = true;\n checkRef.current.indeterminate = false;\n } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = true;\n } else {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = false;\n }\n }\n }, [descendents, id, treeContext?.selected]);\n\n // Apply selected border\n const currentBorder = useMemo<string>(() => {\n return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n }, [id, treeContext?.selected]);\n const nodeColour = useMemo<string | undefined>(() => {\n if (treeContext && treeContext.selected) {\n const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement | null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement | null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrotText(ret.ErrorText ?? \"An unknown error has occured\");\n } else {\n setError(false);\n setErrotText(\"\");\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext?.handleExpandClick?.(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect?.(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: MenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: \"Add\", action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: \"Rename\", action: renameThis });\n }\n if (canRemove && (childNodes === undefined || childNodes.length === 0)) {\n menuItems.push({ label: \"Delete\", action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n return !treeContext ? null : (\n <ContextMenuHandler menuItems={menuItems}>\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className=\"treenode\"\n >\n {error ? (\n <>\n <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n </>\n ) : (\n <div className=\"ton-node\">\n {treeContext.showCheckBox && (\n <input\n ref={checkRef}\n type=\"checkbox\"\n role=\"checkbox\"\n className=\"ton-checkbox\"\n id={`${treeContext.id}-treenode-checkbox-${id}`}\n onClick={() => {\n treeContext?.handleSelect?.(descendents);\n }}\n />\n )}\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Expander\"\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n aria-expanded={true}\n aria-label=\"Expander\"\n color={nodeColour}\n onClick={() => {\n treeContext.handleExpandClick(id);\n }}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Disabled expander\"\n onClick={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n />\n )}\n {thisNode && (\n <div\n style={{ display: \"inline-block\" }}\n onContextMenuCapture={() =>\n treeContext.handleSelect && treeContext.handleSelect(id)\n }\n onClickCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n onFocusCapture={() => treeContext.handleSelect && treeContext.handleSelect(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === \"\" ? \"1px\" : \"\",\n backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n }}\n spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n )}\n {childNodes !== undefined && (\n <div className={`ton-collapsible-wrapper ${expanded ? \"\" : \"collapsed\"}`}>\n <div className=\"ton-collapsible\">\n {childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n className=\"ton-child\"\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n </div>\n </div>\n )}\n {showNewNode && (\n <div>\n <WordEntry\n style={{ marginLeft: \"14px\" }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => {\n confirmNewNode(ret);\n }}\n saving={savingNewNode}\n sendEscape={() => {\n setShowNewNode(false);\n }}\n spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n </ContextMenuHandler>\n );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n id: Key | Key[],\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n const processIds = Array.isArray(id) ? id : [id];\n\n const current = processIds\n .map((i) => hierarchyNodes.find((h) => h.id === i))\n .filter((h) => h !== undefined) as TreeNodeBase[];\n if (current.length === 0) return included;\n\n const parents = (\n current\n .map((h) => h.parentId)\n .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n ).filter((p) => p !== undefined) as TreeNodeBase[];\n if (parents.length === 0) return included;\n else\n return getAncestors(\n parents.map((p) => p.id),\n [...included, ...parents.filter((p) => !included.includes(p))],\n hierarchyNodes,\n );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n const processIds = Array.isArray(id) ? id : [id];\n const newChildren = hierarchyNodes\n .filter(\n (h) =>\n h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n )\n .map((h) => h.id);\n return newChildren.length === 0\n ? processIds\n : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selected: Key[];\n showCheckBox: boolean;\n handleSelect?: (ret: Key | Key[]) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n (\n { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n ref,\n ): JSX.Element => {\n WordEntry.displayName = \"WordEntry\";\n const currentStyle = useMemo<React.CSSProperties>(() => {\n return {\n display: \"inline-block\",\n padding: \"1px\",\n paddingLeft: \"3px\",\n paddingRight: \"3px\",\n border: \"1px\",\n borderRadius: \"3px\",\n ...style,\n };\n }, [style]);\n\n const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n useEffect(() => {\n setCurrentValue(value ?? \"\");\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue?.(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === \"Escape\") {\n setCurrentValue(value ?? \"\");\n sendEscape?.();\n } else if (e.code === \"Enter\") {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Simple if not editing\n if (!editing) {\n return (\n <span\n style={currentStyle}\n id={`${id}`}\n >\n {value ? value : <>&nbsp;</>}\n </span>\n );\n }\n\n return (\n <div\n style={currentStyle}\n id={`${id}-holder`}\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size=\"sm\"\n animation=\"border\"\n />\n )}\n <input\n autoFocus\n spellCheck={spellCheck}\n id={String(id)}\n ref={ref}\n type=\"text\"\n style={{\n lineHeight: \"0.75rem\",\n border: \"1px dotted black\",\n width: \"auto\",\n minWidth: \"0\",\n }}\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n showCheckBox?: boolean;\n selected?: Key | Key[];\n handleSelect?: (ret: Key | Key[]) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n selected = [],\n showCheckBox = false,\n handleSelect,\n onAdd,\n onRename,\n onRemove,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n nodeHighlight = \"red\",\n textHighlight = \"rgba(255, 0, 0, 0.2)\",\n spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n const selectedArray = useMemo(\n () => (Array.isArray(selected) ? selected : [selected]),\n [selected],\n );\n useEffect(() => {\n if (selectedArray.length > 0) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n setExpandedNodes(shouldExpand);\n }\n }\n }, [expandedNodes, nodeList, selectedArray]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selected: selectedArray,\n showCheckBox,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n spellCheck,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selected: Key | Key[],\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selected, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/tree-of-nodes.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import React, { Key } from "react";
1
+ import React, { Key, ReactNode } from "react";
2
+ import { JSX } from "react/jsx-runtime";
2
3
  export interface iNodeUpdate {
3
4
  success: boolean;
4
5
  ErrorText?: string;
@@ -34,7 +35,7 @@ interface TreeNodeProps {
34
35
  refresh?: () => void;
35
36
  }
36
37
  export const TreeNode: {
37
- ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps): JSX.Element;
38
+ ({ id, canRemove, canRename, canAddChildren, canRemoveChildren, canRenameChildren, }: TreeNodeProps): ReactNode;
38
39
  displayName: string;
39
40
  };
40
41
  interface TreeOfNodesProps<T> {
@@ -57,7 +58,7 @@ interface TreeOfNodesProps<T> {
57
58
  spellCheck?: "true" | "false";
58
59
  }
59
60
  export const TreeOfNodes: {
60
- <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;
61
+ <T extends unknown>({ id, nodeList, roots, selected, showCheckBox, handleSelect, onAdd, onRename, onRemove, canRemoveRoot, canRenameRoot, canAddChildren, canRemoveChildren, canRenameChildren, nodeHighlight, textHighlight, spellCheck, }: TreeOfNodesProps<T>): JSX.Element;
61
62
  displayName: string;
62
63
  };
63
64
 
package/dist/tree-of-nodes.d.ts.map CHANGED
@@ -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,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"}
1
+ {"mappings":";;AAEA;IACE,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,8BAA8B,CAAC,CAAE,SAAQ,YAAY;IACnD,IAAI,EAAE,CAAC,CAAC;CACT;ACZD,QAAO,MAAM,eACX,IAAI,GAAG,GAAG,GAAG,EAAE,EACf,UAAU,YAAY,EAAE,EACxB,gBAAgB,YAAY,EAAE,KAC7B,YAAY,EAoBd,CAAC;AGxBF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED,OAAO,MAAM,kGAoFZ,CAAC;AC1EF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,OAAO,MAAM;0FAOV,aAAa,GAAG,SAAS;;CA0Q3B,CAAC;AE9SF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAGD,OAAO,MAAM;KAAe,CAAC,SAAS,OAAO,2NAkB1C,iBAAiB,CAAC,CAAC;;CA2DrB,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/functions/getDescendentIds.ts","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,"export * from \"./components\";\nexport * from \"./functions\";\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asup/tree-of-nodes",
3
- "version": "2.0.3",
3
+ "version": "2.0.4",
4
4
  "description": "REACT Typescript Treeview component",
5
5
  "author": "Paul Thomas <@PaulDThomas>",
6
6
  "private": false,
@@ -19,6 +19,14 @@
19
19
  "url": "https://github.com/PaulDThomas/tree-of-nodes/issues"
20
20
  },
21
21
  "homepage": "https://github.com/PaulDThomas/tree-of-nodes#readme",
22
+ "scripts": {
23
+ "prepare": "husky",
24
+ "start": "rmdir /q/s .\\.parcel-cache && parcel demo/index.html --dist-dir demo/dist",
25
+ "test": "jest --collectCoverage=true",
26
+ "test-watch": "jest --watch --collectCoverage=true --maxWorkers=4",
27
+ "eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\" \"demo/**/*.{js,jsx,ts,tsx}\"",
28
+ "build": "rmdir /q/s .\\.parcel-cache && parcel build src/main.ts"
29
+ },
22
30
  "dependencies": {
23
31
  "@asup/context-menu": "^1.0.0",
24
32
  "@swc/helpers": "^0.5.1",
@@ -34,34 +42,39 @@
34
42
  "react-dom": "^18.0.0"
35
43
  },
36
44
  "devDependencies": {
45
+ "@eslint/compat": "^1.3.0",
46
+ "@eslint/eslintrc": "^3.3.1",
47
+ "@eslint/js": "^9.29.0",
37
48
  "@parcel/packager-raw-url": "^2.7.0",
38
49
  "@parcel/packager-ts": "^2.8.3",
39
50
  "@parcel/transformer-sass": "^2.7.0",
40
51
  "@parcel/transformer-typescript-types": "^2.8.0",
41
52
  "@parcel/transformer-webmanifest": "^2.7.0",
42
53
  "@testing-library/jest-dom": "^6.1.4",
43
- "@testing-library/react": "^14.0.0",
54
+ "@testing-library/react": "^16.3.0",
44
55
  "@testing-library/user-event": "^14.4.3",
45
56
  "@types/jest": "^29.2.2",
46
57
  "@types/node": "^20.9.5",
47
58
  "@types/react": "^18.0.25",
48
59
  "@types/react-dom": "^18.0.8",
49
- "@types/rollup-plugin-peer-deps-external": "^2.2.1",
50
- "@typescript-eslint/eslint-plugin": "^6.12.0",
51
- "@typescript-eslint/parser": "^6.12.0",
52
- "eslint": "^8.32.0",
53
- "eslint-config-prettier": "^9.0.0",
60
+ "@typescript-eslint/eslint-plugin": "^8.34.0",
61
+ "@typescript-eslint/parser": "^8.34.0",
62
+ "eslint": "^9.29.0",
63
+ "eslint-config-prettier": "^10.1.5",
64
+ "eslint-plugin-jest": "^28.13.5",
54
65
  "eslint-plugin-prettier": "^5.0.1",
55
66
  "eslint-plugin-react": "^7.31.10",
56
- "eslint-plugin-react-hooks": "^4.6.0",
57
- "husky": "^8.0.1",
67
+ "eslint-plugin-react-hooks": "^5.2.0",
68
+ "eslint-plugin-unused-imports": "^4.1.4",
69
+ "husky": "^9.1.7",
58
70
  "jest": "^29.2.2",
59
71
  "jest-environment-jsdom": "^29.3.1",
60
72
  "jest-watch-typeahead": "^2.2.2",
61
- "lint-staged": "^15.1.0",
73
+ "lint-staged": "^16.1.0",
62
74
  "parcel": "^2.7.0",
63
75
  "postcss": "^8.4.18",
64
76
  "prettier": "^3.1.0",
77
+ "prettier-plugin-organize-imports": "^4.1.0",
65
78
  "process": "^0.11.10",
66
79
  "ts-jest": "^29.0.3",
67
80
  "ts-node": "^10.9.1",
@@ -87,11 +100,5 @@
87
100
  "last 1 firefox version",
88
101
  "last 1 safari version"
89
102
  ]
90
- },
91
- "scripts": {
92
- "build": "parcel build src/main.ts",
93
- "start": "parcel demo/index.html --dist-dir demo/dist",
94
- "test": "jest --watch",
95
- "test:coverage-report": "npm test -- --coverage --watchAll=false"
96
103
  }
97
104
  }