@asup/tree-of-nodes 2.0.5 → 2.0.6

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 (10) hide show
  1. package/dist/cjs/main.css +31 -11
  2. package/dist/cjs/main.css.map +1 -1
  3. package/dist/cjs/main.js +54 -42
  4. package/dist/cjs/main.js.map +1 -1
  5. package/dist/main.css +31 -11
  6. package/dist/main.css.map +1 -1
  7. package/dist/main.js +55 -43
  8. package/dist/main.js.map +1 -1
  9. package/dist/tree-of-nodes.d.ts.map +1 -1
  10. package/package.json +1 -1
package/dist/cjs/main.css CHANGED
@@ -1,3 +1,16 @@
1
+ :root {
2
+ --ton-transition-time: .3s;
3
+ --ton-long-transition-time: .6s;
4
+ }
5
+
6
+ .tree-of-nodes {
7
+ flex-direction: column;
8
+ gap: 1px;
9
+ width: 100%;
10
+ max-width: 100%;
11
+ display: flex;
12
+ }
13
+
1
14
  .ton-checkbox {
2
15
  margin-top: 3px;
3
16
  margin-right: 3px;
@@ -12,18 +25,21 @@
12
25
  align-items: center;
13
26
  width: 100%;
14
27
  max-width: 100%;
15
- height: 34px;
28
+ height: 30px;
16
29
  display: flex;
17
30
  }
18
31
 
19
32
  .ton-label {
20
- height: 34px;
33
+ height: 26px;
21
34
  }
22
35
 
23
36
  .ton-label-span {
24
37
  text-overflow: ellipsis;
25
38
  white-space: nowrap;
39
+ border: 1px;
40
+ border-radius: 3px;
26
41
  width: 100%;
42
+ padding: 1px 3px;
27
43
  display: inline-block;
28
44
  overflow: hidden;
29
45
  }
@@ -36,13 +52,13 @@
36
52
  border: 1px dotted #000;
37
53
  width: 100%;
38
54
  min-width: 0;
39
- line-height: .75rem;
55
+ line-height: 24px;
40
56
  }
41
57
 
42
58
  .ton-child {
43
59
  opacity: 1;
60
+ transition: opacity var(--ton-long-transition-time) linear;
44
61
  margin-left: 16px;
45
- transition: opacity .6s linear;
46
62
  display: block;
47
63
  }
48
64
 
@@ -55,29 +71,33 @@
55
71
 
56
72
  .ton-collapsible-wrapper:after {
57
73
  content: "";
58
- height: 20px;
74
+ height: 1px;
75
+ transition: height var(--ton-transition-time) linear, max-height 0s var(--ton-transition-time) linear;
59
76
  max-height: 0;
60
- transition: height .3s linear, max-height 0s linear .3s;
61
77
  }
62
78
 
63
79
  .ton-collapsible {
80
+ transition: margin-bottom var(--ton-transition-time) cubic-bezier(0, 0, 0, 1);
81
+ flex-direction: column;
82
+ gap: 1px;
64
83
  width: 100%;
65
84
  max-height: 10000px;
66
- margin-bottom: 0;
67
- transition: margin-bottom .3s cubic-bezier(0, 0, 0, 1);
85
+ margin-top: 1px;
86
+ margin-bottom: 1px;
87
+ display: flex;
68
88
  }
69
89
 
70
90
  .ton-collapsible-wrapper.collapsed > .ton-collapsible {
91
+ transition: margin-bottom var(--ton-transition-time) cubic-bezier(1, 0, 1, 1), visibility 0s var(--ton-transition-time), max-height 0s var(--ton-transition-time);
71
92
  visibility: hidden;
72
93
  max-height: 0;
73
94
  margin-bottom: -2000px;
74
- transition: margin-bottom .3s cubic-bezier(1, 0, 1, 1), visibility 0s .3s, max-height 0s .3s;
75
95
  }
76
96
 
77
97
  .ton-collapsible-wrapper.collapsed:after {
78
98
  height: 0;
99
+ transition: height var(--ton-transition-time) linear;
79
100
  max-height: 20px;
80
- transition: height .3s linear;
81
101
  }
82
102
 
83
103
  .ton-collapsible-wrapper.collapsed {
@@ -86,6 +106,6 @@
86
106
 
87
107
  .ton-collapsible-wrapper.collapsed .ton-child {
88
108
  opacity: 0;
89
- transition: opacity .6s linear;
109
+ transition: opacity var(--ton-long-transition-time) linear;
90
110
  }
91
111
  /*# sourceMappingURL=main.css.map */
package/dist/cjs/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;AAQA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAMA;;;;;;;AAQA;;;;;;;AAMA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[".ton-checkbox {\n margin-right: 3px;\n margin-top: 3px;\n}\n\n.ton-expander {\n margin: 0;\n}\n\n.ton-node {\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 100%;\n max-width: 100%;\n height: 34px;\n}\n\n.ton-label {\n height: 34px;\n}\n\n.ton-label-span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ton-rename-holder {\n width: 100%;\n}\n\n.ton-rename {\n line-height: 0.75rem;\n border: 1px dotted black;\n width: 100%;\n min-width: 0;\n}\n\n.ton-child {\n margin-left: 16px;\n display: block;\n opacity: 1;\n transition: opacity 0.6s linear;\n}\n\n.ton-collapsible-wrapper {\n display: flex;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n}\n.ton-collapsible-wrapper:after {\n content: \"\";\n height: 20px;\n transition:\n height 0.3s linear,\n max-height 0s 0.3s linear;\n max-height: 0px;\n}\n.ton-collapsible {\n transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);\n margin-bottom: 0;\n max-height: 10000px;\n width: 100%;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n margin-bottom: -2000px;\n transition:\n margin-bottom 0.3s cubic-bezier(1, 0, 1, 1),\n visibility 0s 0.3s,\n max-height 0s 0.3s;\n visibility: hidden;\n max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n height: 0;\n transition: height 0.3s linear;\n max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n opacity: 0;\n transition: opacity 0.6s linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AAAA;;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;AAaA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;;AAUA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[":root {\n --ton-transition-time: 0.3s;\n --ton-long-transition-time: 0.6s;\n}\n\n.tree-of-nodes {\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: 100%;\n gap: 1px;\n}\n\n.ton-checkbox {\n margin-right: 3px;\n margin-top: 3px;\n}\n\n.ton-expander {\n margin: 0;\n}\n\n.ton-node {\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 100%;\n max-width: 100%;\n height: 30px;\n}\n\n.ton-label {\n height: 26px;\n}\n\n.ton-label-span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 1px;\n padding-left: 3px;\n padding-right: 3px;\n border: 1px;\n border-radius: 3px;\n}\n\n.ton-rename-holder {\n width: 100%;\n}\n\n.ton-rename {\n line-height: 24px;\n border: 1px dotted black;\n width: 100%;\n min-width: 0;\n}\n\n.ton-child {\n margin-left: 16px;\n display: block;\n opacity: 1;\n transition: opacity var(--ton-long-transition-time) linear;\n}\n\n.ton-collapsible-wrapper {\n display: flex;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n}\n.ton-collapsible-wrapper:after {\n content: \"\";\n height: 1px;\n transition:\n height var(--ton-transition-time) linear,\n max-height 0s var(--ton-transition-time) linear;\n max-height: 0px;\n}\n.ton-collapsible {\n display: flex;\n flex-direction: column;\n gap: 1px;\n transition: margin-bottom var(--ton-transition-time) cubic-bezier(0, 0, 0, 1);\n margin-top: 1px;\n margin-bottom: 1px;\n max-height: 10000px;\n width: 100%;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n margin-bottom: -2000px;\n transition:\n margin-bottom var(--ton-transition-time) cubic-bezier(1, 0, 1, 1),\n visibility 0s var(--ton-transition-time),\n max-height 0s var(--ton-transition-time);\n visibility: hidden;\n max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n height: 0;\n transition: height var(--ton-transition-time) linear;\n max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n opacity: 0;\n transition: opacity var(--ton-long-transition-time) linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/cjs/main.js CHANGED
@@ -3,7 +3,6 @@ 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");
7
6
  var $gTuX4$reactbootstrap = require("react-bootstrap");
8
7
 
9
8
 
@@ -75,21 +74,7 @@ const $ff9cca1fe8f6b24e$export$29ec378200e05207 = (0, $gTuX4$react.createContext
75
74
 
76
75
 
77
76
 
78
-
79
77
  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)=>{
80
- $176d21a51def1fce$export$14f190ac910bde69.displayName = "WordEntry";
81
- const currentStyle = (0, $gTuX4$react.useMemo)(()=>{
82
- return (0, $gTuX4$swchelperscjs_object_spreadcjs._)({
83
- display: "inline-block",
84
- padding: "1px",
85
- paddingLeft: "3px",
86
- paddingRight: "3px",
87
- border: "1px",
88
- borderRadius: "3px"
89
- }, style);
90
- }, [
91
- style
92
- ]);
93
78
  const [currentValue, setCurrentValue] = (0, $gTuX4$react.useState)(value !== null && value !== void 0 ? value : "");
94
79
  (0, $gTuX4$react.useEffect)(()=>{
95
80
  setCurrentValue(value !== null && value !== void 0 ? value : "");
@@ -112,17 +97,34 @@ const $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$int
112
97
  sendEscape,
113
98
  value
114
99
  ]);
115
- // Simple if not editing
116
- if (!editing) return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
100
+ // Add window onMouseDown event to stop events when editing
101
+ (0, $gTuX4$react.useEffect)(()=>{
102
+ const handleMouseDown = (e)=>{
103
+ const target = e.target;
104
+ if (editing && target.id !== `${id}` && target.id !== `${id}-holder` && target.id !== `${id}-spinner` && target.className !== "ton-rename") {
105
+ e.preventDefault();
106
+ e.stopPropagation();
107
+ returnData();
108
+ }
109
+ };
110
+ window.addEventListener("mousedown", handleMouseDown);
111
+ return ()=>{
112
+ window.removeEventListener("mousedown", handleMouseDown);
113
+ };
114
+ }, [
115
+ editing,
116
+ id,
117
+ returnData
118
+ ]);
119
+ return !editing ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
117
120
  className: "ton-label-span",
118
- style: currentStyle,
121
+ style: style,
119
122
  id: `${id}`,
120
123
  children: value ? value : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactjsxruntime.Fragment), {
121
124
  children: "\xa0"
122
125
  })
123
- });
124
- return /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
125
- style: currentStyle,
126
+ }) : /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsxs)("div", {
127
+ style: style,
126
128
  id: `${id}-holder`,
127
129
  className: "ton-rename-holder",
128
130
  children: [
@@ -147,6 +149,7 @@ const $176d21a51def1fce$export$14f190ac910bde69 = /*#__PURE__*/ (0, ($parcel$int
147
149
  ]
148
150
  });
149
151
  });
152
+ $176d21a51def1fce$export$14f190ac910bde69.displayName = "WordEntry";
150
153
 
151
154
 
152
155
  const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemove, canRename: canRename, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren })=>{
@@ -170,7 +173,7 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
170
173
  ]);
171
174
  // State
172
175
  const [error, setError] = (0, $gTuX4$react.useState)(false);
173
- const [errorText, setErrotText] = (0, $gTuX4$react.useState)("");
176
+ const [errorText, setErrorText] = (0, $gTuX4$react.useState)("");
174
177
  const expanded = (0, $gTuX4$react.useMemo)(()=>{
175
178
  var _treeContext_expandedNodes_findIndex;
176
179
  return ((_treeContext_expandedNodes_findIndex = treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes.findIndex((e)=>e === id)) !== null && _treeContext_expandedNodes_findIndex !== void 0 ? _treeContext_expandedNodes_findIndex : -1) > -1;
@@ -178,6 +181,14 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
178
181
  id,
179
182
  treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes
180
183
  ]);
184
+ // Ensures that child nodes are drawn before they are expanded
185
+ const [hasRenderedClosed, setHasRenderedClosed] = (0, $gTuX4$react.useState)(childNodes !== undefined && childNodes.length > 0);
186
+ (0, $gTuX4$react.useEffect)(()=>{
187
+ if (childNodes && childNodes.length > 0 && !hasRenderedClosed) setHasRenderedClosed(true);
188
+ }, [
189
+ childNodes,
190
+ hasRenderedClosed
191
+ ]);
181
192
  // Checkbox
182
193
  const checkRef = (0, $gTuX4$react.useRef)(null);
183
194
  (0, $gTuX4$react.useEffect)(()=>{
@@ -231,10 +242,10 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
231
242
  if (!ret.success) {
232
243
  setError(true);
233
244
  var _ret_ErrorText;
234
- setErrotText((_ret_ErrorText = ret.ErrorText) !== null && _ret_ErrorText !== void 0 ? _ret_ErrorText : "An unknown error has occured");
245
+ setErrorText((_ret_ErrorText = ret.ErrorText) !== null && _ret_ErrorText !== void 0 ? _ret_ErrorText : "An unknown error has occured");
235
246
  } else {
236
247
  setError(false);
237
- setErrotText("");
248
+ setErrorText("");
238
249
  }
239
250
  }, []);
240
251
  const confirmNewNode = (0, $gTuX4$react.useCallback)(async (label)=>{
@@ -348,10 +359,10 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
348
359
  id: `${treeContext.id}-treenode-checkbox-${id}`,
349
360
  onClick: ()=>{
350
361
  var _treeContext_handleSelect;
351
- return treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
362
+ return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
352
363
  }
353
364
  }),
354
- childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRightFill), {
365
+ childNodes && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $gTuX4$reactbootstrapicons.CaretRightFill), {
355
366
  id: `${treeContext.id}-treenode-caret-${id}`,
356
367
  style: {
357
368
  width: "16px",
@@ -394,7 +405,8 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
394
405
  },
395
406
  onClickCapture: ()=>{
396
407
  var _treeContext_handleSelect;
397
- return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
408
+ if (!treeContext.expandedNodes.includes(id)) treeContext.handleExpandClick(id);
409
+ (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
398
410
  },
399
411
  onFocusCapture: ()=>{
400
412
  var _treeContext_handleSelect;
@@ -420,21 +432,9 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
420
432
  })
421
433
  })
422
434
  }),
423
- showNewNode && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $176d21a51def1fce$export$14f190ac910bde69), {
424
- style: {
425
- marginLeft: "14px"
426
- },
427
- id: `treenode-new-${id}`,
428
- ref: newNameRef,
429
- editing: true,
430
- setValue: (ret)=>confirmNewNode(ret),
431
- saving: savingNewNode,
432
- sendEscape: ()=>setShowNewNode(false),
433
- spellCheck: treeContext.spellCheck
434
- }),
435
- childNodes !== undefined && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
436
- className: `ton-collapsible-wrapper ${expanded ? "" : "collapsed"}`,
437
- children: /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
435
+ childNodes && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
436
+ className: `ton-collapsible-wrapper ${expanded && hasRenderedClosed && childNodes.length > 0 ? "" : "collapsed"}`,
437
+ children: childNodes.length > 0 && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("div", {
438
438
  className: "ton-collapsible",
439
439
  children: childNodes.map((h)=>/*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)("span", {
440
440
  id: `${treeContext.id}-treenode-child-${h.id}`,
@@ -449,6 +449,18 @@ const $a56aac35d4408806$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
449
449
  })
450
450
  }, h.id))
451
451
  })
452
+ }),
453
+ showNewNode && /*#__PURE__*/ (0, $gTuX4$reactjsxruntime.jsx)((0, $176d21a51def1fce$export$14f190ac910bde69), {
454
+ style: {
455
+ marginLeft: "14px"
456
+ },
457
+ id: `treenode-new-${id}`,
458
+ ref: newNameRef,
459
+ editing: true,
460
+ setValue: (ret)=>confirmNewNode(ret),
461
+ saving: savingNewNode,
462
+ sendEscape: ()=>setShowNewNode(false),
463
+ spellCheck: treeContext.spellCheck
452
464
  })
453
465
  ]
454
466
  });
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, 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 <>\n <ContextMenuHandler\n menuItems={menuItems}\n style={{ display: \"inline-block\", width: \"100%\" }}\n >\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className=\"treenode\"\n >\n {error ? (\n <>\n <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n </>\n ) : (\n <div className=\"ton-node\">\n {treeContext.showCheckBox && (\n <input\n ref={checkRef}\n type=\"checkbox\"\n role=\"checkbox\"\n className=\"ton-checkbox\"\n id={`${treeContext.id}-treenode-checkbox-${id}`}\n onClick={() => treeContext?.handleSelect?.(descendents)}\n />\n )}\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n style={{ width: \"16px\", height: \"16px\" }}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Expander\"\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n aria-expanded={true}\n aria-label=\"Expander\"\n color={nodeColour}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Disabled expander\"\n onClick={() => treeContext.handleSelect?.(id)}\n />\n )}\n {thisNode && (\n <div\n className=\"ton-label\"\n style={{ width: `calc(100% - ${treeContext.showCheckBox ? \"32px\" : \"16px\"})` }}\n onContextMenuCapture={() => treeContext.handleSelect?.(id)}\n onClickCapture={() => 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 spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </ContextMenuHandler>\n {showNewNode && (\n <WordEntry\n style={{ marginLeft: \"14px\" }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => confirmNewNode(ret)}\n saving={savingNewNode}\n sendEscape={() => setShowNewNode(false)}\n spellCheck={treeContext.spellCheck}\n />\n )}\n {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 </>\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 className=\"ton-label-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 className=\"ton-rename-holder\"\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size=\"sm\"\n animation=\"border\"\n />\n )}\n <input\n autoFocus\n spellCheck={spellCheck}\n id={String(id)}\n ref={ref}\n type=\"text\"\n className=\"ton-rename\"\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n showCheckBox?: boolean;\n selected?: Key | Key[];\n handleSelect?: (ret: Key | Key[]) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n selected = [],\n showCheckBox = false,\n handleSelect,\n onAdd,\n onRename,\n onRemove,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n nodeHighlight = \"red\",\n textHighlight = \"rgba(255, 0, 0, 0.2)\",\n spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n const selectedArray = useMemo(\n () => (Array.isArray(selected) ? selected : [selected]),\n [selected],\n );\n useEffect(() => {\n if (selectedArray.length > 0) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n setExpandedNodes(shouldExpand);\n }\n }\n }, [expandedNodes, nodeList, selectedArray]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <div\n id={id}\n className=\"tree-of-nodes\"\n >\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selected: selectedArray,\n showCheckBox,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n spellCheck,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n </div>\n );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selected: Key | Key[],\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selected, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
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, setErrorText] = useState<string>(\"\");\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // Ensures that child nodes are drawn before they are expanded\n const [hasRenderedClosed, setHasRenderedClosed] = useState<boolean>(\n childNodes !== undefined && childNodes.length > 0,\n );\n useEffect(() => {\n if (childNodes && childNodes.length > 0 && !hasRenderedClosed) {\n setHasRenderedClosed(true);\n }\n }, [childNodes, hasRenderedClosed]);\n\n // Checkbox\n const checkRef = useRef<HTMLInputElement | null>(null);\n useEffect(() => {\n if (checkRef.current) {\n if (treeContext?.selected.includes(id)) {\n checkRef.current.checked = true;\n checkRef.current.indeterminate = false;\n } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = true;\n } else {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = false;\n }\n }\n }, [descendents, id, treeContext?.selected]);\n\n // Apply selected border\n const currentBorder = useMemo<string>(() => {\n return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n }, [id, treeContext?.selected]);\n const nodeColour = useMemo<string | undefined>(() => {\n if (treeContext && treeContext.selected) {\n const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement | null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement | null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrorText(ret.ErrorText ?? \"An unknown error has occured\");\n } else {\n setError(false);\n setErrorText(\"\");\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext?.handleExpandClick?.(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect?.(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: MenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: \"Add\", action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: \"Rename\", action: renameThis });\n }\n if (canRemove && (childNodes === undefined || childNodes.length === 0)) {\n menuItems.push({ label: \"Delete\", action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n return !treeContext ? null : (\n <>\n <ContextMenuHandler\n menuItems={menuItems}\n style={{ display: \"inline-block\", width: \"100%\" }}\n >\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className=\"treenode\"\n >\n {error ? (\n <>\n <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n </>\n ) : (\n <div className=\"ton-node\">\n {treeContext.showCheckBox && (\n <input\n ref={checkRef}\n type=\"checkbox\"\n role=\"checkbox\"\n className=\"ton-checkbox\"\n id={`${treeContext.id}-treenode-checkbox-${id}`}\n onClick={() => treeContext.handleSelect?.(descendents)}\n />\n )}\n {childNodes && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n style={{ width: \"16px\", height: \"16px\" }}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Expander\"\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n aria-expanded={true}\n aria-label=\"Expander\"\n color={nodeColour}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Disabled expander\"\n onClick={() => treeContext.handleSelect?.(id)}\n />\n )}\n {thisNode && (\n <div\n className=\"ton-label\"\n style={{ width: `calc(100% - ${treeContext.showCheckBox ? \"32px\" : \"16px\"})` }}\n onContextMenuCapture={() => treeContext.handleSelect?.(id)}\n onClickCapture={() => {\n if (!treeContext.expandedNodes.includes(id)) treeContext.handleExpandClick(id);\n treeContext.handleSelect?.(id);\n }}\n onFocusCapture={() => treeContext.handleSelect?.(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === \"\" ? \"1px\" : \"\",\n backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n }}\n spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </ContextMenuHandler>\n {childNodes && (\n <div\n className={`ton-collapsible-wrapper ${expanded && hasRenderedClosed && childNodes.length > 0 ? \"\" : \"collapsed\"}`}\n >\n {childNodes.length > 0 && (\n <div className=\"ton-collapsible\">\n {childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n className=\"ton-child\"\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n </div>\n )}\n </div>\n )}\n {showNewNode && (\n <WordEntry\n style={{ marginLeft: \"14px\" }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => confirmNewNode(ret)}\n saving={savingNewNode}\n sendEscape={() => setShowNewNode(false)}\n spellCheck={treeContext.spellCheck}\n />\n )}\n </>\n );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n id: Key | Key[],\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n const processIds = Array.isArray(id) ? id : [id];\n\n const current = processIds\n .map((i) => hierarchyNodes.find((h) => h.id === i))\n .filter((h) => h !== undefined) as TreeNodeBase[];\n if (current.length === 0) return included;\n\n const parents = (\n current\n .map((h) => h.parentId)\n .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n ).filter((p) => p !== undefined) as TreeNodeBase[];\n if (parents.length === 0) return included;\n else\n return getAncestors(\n parents.map((p) => p.id),\n [...included, ...parents.filter((p) => !included.includes(p))],\n hierarchyNodes,\n );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n const processIds = Array.isArray(id) ? id : [id];\n const newChildren = hierarchyNodes\n .filter(\n (h) =>\n h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n )\n .map((h) => h.id);\n return newChildren.length === 0\n ? processIds\n : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selected: Key[];\n showCheckBox: boolean;\n handleSelect?: (ret: Key | Key[]) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n (\n { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n ref,\n ): JSX.Element => {\n const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n useEffect(() => {\n setCurrentValue(value ?? \"\");\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue?.(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === \"Escape\") {\n setCurrentValue(value ?? \"\");\n sendEscape?.();\n } else if (e.code === \"Enter\") {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Add window onMouseDown event to stop events when editing\n useEffect(() => {\n const handleMouseDown = (e: MouseEvent) => {\n const target = e.target as HTMLElement;\n if (\n editing &&\n target.id !== `${id}` &&\n target.id !== `${id}-holder` &&\n target.id !== `${id}-spinner` &&\n target.className !== \"ton-rename\"\n ) {\n e.preventDefault();\n e.stopPropagation();\n returnData();\n }\n };\n window.addEventListener(\"mousedown\", handleMouseDown);\n return () => {\n window.removeEventListener(\"mousedown\", handleMouseDown);\n };\n }, [editing, id, returnData]);\n\n return !editing ? (\n <span\n className=\"ton-label-span\"\n style={style}\n id={`${id}`}\n >\n {value ? value : <>&nbsp;</>}\n </span>\n ) : (\n <div\n style={style}\n id={`${id}-holder`}\n className=\"ton-rename-holder\"\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size=\"sm\"\n animation=\"border\"\n />\n )}\n <input\n autoFocus\n spellCheck={spellCheck}\n id={String(id)}\n ref={ref}\n type=\"text\"\n className=\"ton-rename\"\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n\nWordEntry.displayName = \"WordEntry\";\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n showCheckBox?: boolean;\n selected?: Key | Key[];\n handleSelect?: (ret: Key | Key[]) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n selected = [],\n showCheckBox = false,\n handleSelect,\n onAdd,\n onRename,\n onRemove,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n nodeHighlight = \"red\",\n textHighlight = \"rgba(255, 0, 0, 0.2)\",\n spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n const selectedArray = useMemo(\n () => (Array.isArray(selected) ? selected : [selected]),\n [selected],\n );\n useEffect(() => {\n if (selectedArray.length > 0) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n setExpandedNodes(shouldExpand);\n }\n }\n }, [expandedNodes, nodeList, selectedArray]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <div\n id={id}\n className=\"tree-of-nodes\"\n >\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selected: selectedArray,\n showCheckBox,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n spellCheck,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n </div>\n );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selected: Key | Key[],\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selected, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/main.css CHANGED
@@ -1,3 +1,16 @@
1
+ :root {
2
+ --ton-transition-time: .3s;
3
+ --ton-long-transition-time: .6s;
4
+ }
5
+
6
+ .tree-of-nodes {
7
+ flex-direction: column;
8
+ gap: 1px;
9
+ width: 100%;
10
+ max-width: 100%;
11
+ display: flex;
12
+ }
13
+
1
14
  .ton-checkbox {
2
15
  margin-top: 3px;
3
16
  margin-right: 3px;
@@ -12,18 +25,21 @@
12
25
  align-items: center;
13
26
  width: 100%;
14
27
  max-width: 100%;
15
- height: 34px;
28
+ height: 30px;
16
29
  display: flex;
17
30
  }
18
31
 
19
32
  .ton-label {
20
- height: 34px;
33
+ height: 26px;
21
34
  }
22
35
 
23
36
  .ton-label-span {
24
37
  text-overflow: ellipsis;
25
38
  white-space: nowrap;
39
+ border: 1px;
40
+ border-radius: 3px;
26
41
  width: 100%;
42
+ padding: 1px 3px;
27
43
  display: inline-block;
28
44
  overflow: hidden;
29
45
  }
@@ -36,13 +52,13 @@
36
52
  border: 1px dotted #000;
37
53
  width: 100%;
38
54
  min-width: 0;
39
- line-height: .75rem;
55
+ line-height: 24px;
40
56
  }
41
57
 
42
58
  .ton-child {
43
59
  opacity: 1;
60
+ transition: opacity var(--ton-long-transition-time) linear;
44
61
  margin-left: 16px;
45
- transition: opacity .6s linear;
46
62
  display: block;
47
63
  }
48
64
 
@@ -55,29 +71,33 @@
55
71
 
56
72
  .ton-collapsible-wrapper:after {
57
73
  content: "";
58
- height: 20px;
74
+ height: 1px;
75
+ transition: height var(--ton-transition-time) linear, max-height 0s var(--ton-transition-time) linear;
59
76
  max-height: 0;
60
- transition: height .3s linear, max-height 0s linear .3s;
61
77
  }
62
78
 
63
79
  .ton-collapsible {
80
+ transition: margin-bottom var(--ton-transition-time) cubic-bezier(0, 0, 0, 1);
81
+ flex-direction: column;
82
+ gap: 1px;
64
83
  width: 100%;
65
84
  max-height: 10000px;
66
- margin-bottom: 0;
67
- transition: margin-bottom .3s cubic-bezier(0, 0, 0, 1);
85
+ margin-top: 1px;
86
+ margin-bottom: 1px;
87
+ display: flex;
68
88
  }
69
89
 
70
90
  .ton-collapsible-wrapper.collapsed > .ton-collapsible {
91
+ transition: margin-bottom var(--ton-transition-time) cubic-bezier(1, 0, 1, 1), visibility 0s var(--ton-transition-time), max-height 0s var(--ton-transition-time);
71
92
  visibility: hidden;
72
93
  max-height: 0;
73
94
  margin-bottom: -2000px;
74
- transition: margin-bottom .3s cubic-bezier(1, 0, 1, 1), visibility 0s .3s, max-height 0s .3s;
75
95
  }
76
96
 
77
97
  .ton-collapsible-wrapper.collapsed:after {
78
98
  height: 0;
99
+ transition: height var(--ton-transition-time) linear;
79
100
  max-height: 20px;
80
- transition: height .3s linear;
81
101
  }
82
102
 
83
103
  .ton-collapsible-wrapper.collapsed {
@@ -86,6 +106,6 @@
86
106
 
87
107
  .ton-collapsible-wrapper.collapsed .ton-child {
88
108
  opacity: 0;
89
- transition: opacity .6s linear;
109
+ transition: opacity var(--ton-long-transition-time) linear;
90
110
  }
91
111
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;AAQA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAMA;;;;;;;AAQA;;;;;;;AAMA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[".ton-checkbox {\n margin-right: 3px;\n margin-top: 3px;\n}\n\n.ton-expander {\n margin: 0;\n}\n\n.ton-node {\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 100%;\n max-width: 100%;\n height: 34px;\n}\n\n.ton-label {\n height: 34px;\n}\n\n.ton-label-span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ton-rename-holder {\n width: 100%;\n}\n\n.ton-rename {\n line-height: 0.75rem;\n border: 1px dotted black;\n width: 100%;\n min-width: 0;\n}\n\n.ton-child {\n margin-left: 16px;\n display: block;\n opacity: 1;\n transition: opacity 0.6s linear;\n}\n\n.ton-collapsible-wrapper {\n display: flex;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n}\n.ton-collapsible-wrapper:after {\n content: \"\";\n height: 20px;\n transition:\n height 0.3s linear,\n max-height 0s 0.3s linear;\n max-height: 0px;\n}\n.ton-collapsible {\n transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);\n margin-bottom: 0;\n max-height: 10000px;\n width: 100%;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n margin-bottom: -2000px;\n transition:\n margin-bottom 0.3s cubic-bezier(1, 0, 1, 1),\n visibility 0s 0.3s,\n max-height 0s 0.3s;\n visibility: hidden;\n max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n height: 0;\n transition: height 0.3s linear;\n max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n opacity: 0;\n transition: opacity 0.6s linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AAAA;;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;AAIA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;AAaA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;;AAUA;;;;;;;AASA;;;;;;AAKA;;;;AAGA","sources":["src/components/TreeNode.css"],"sourcesContent":[":root {\n --ton-transition-time: 0.3s;\n --ton-long-transition-time: 0.6s;\n}\n\n.tree-of-nodes {\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: 100%;\n gap: 1px;\n}\n\n.ton-checkbox {\n margin-right: 3px;\n margin-top: 3px;\n}\n\n.ton-expander {\n margin: 0;\n}\n\n.ton-node {\n display: flex;\n align-items: center;\n cursor: pointer;\n width: 100%;\n max-width: 100%;\n height: 30px;\n}\n\n.ton-label {\n height: 26px;\n}\n\n.ton-label-span {\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 1px;\n padding-left: 3px;\n padding-right: 3px;\n border: 1px;\n border-radius: 3px;\n}\n\n.ton-rename-holder {\n width: 100%;\n}\n\n.ton-rename {\n line-height: 24px;\n border: 1px dotted black;\n width: 100%;\n min-width: 0;\n}\n\n.ton-child {\n margin-left: 16px;\n display: block;\n opacity: 1;\n transition: opacity var(--ton-long-transition-time) linear;\n}\n\n.ton-collapsible-wrapper {\n display: flex;\n overflow: hidden;\n width: 100%;\n max-width: 100%;\n}\n.ton-collapsible-wrapper:after {\n content: \"\";\n height: 1px;\n transition:\n height var(--ton-transition-time) linear,\n max-height 0s var(--ton-transition-time) linear;\n max-height: 0px;\n}\n.ton-collapsible {\n display: flex;\n flex-direction: column;\n gap: 1px;\n transition: margin-bottom var(--ton-transition-time) cubic-bezier(0, 0, 0, 1);\n margin-top: 1px;\n margin-bottom: 1px;\n max-height: 10000px;\n width: 100%;\n}\n.ton-collapsible-wrapper.collapsed > .ton-collapsible {\n margin-bottom: -2000px;\n transition:\n margin-bottom var(--ton-transition-time) cubic-bezier(1, 0, 1, 1),\n visibility 0s var(--ton-transition-time),\n max-height 0s var(--ton-transition-time);\n visibility: hidden;\n max-height: 0;\n}\n.ton-collapsible-wrapper.collapsed:after {\n height: 0;\n transition: height var(--ton-transition-time) linear;\n max-height: 20px;\n}\n.ton-collapsible-wrapper.collapsed {\n visibility: hidden;\n}\n.ton-collapsible-wrapper.collapsed .ton-child {\n opacity: 0;\n transition: opacity var(--ton-long-transition-time) linear;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -1,9 +1,8 @@
1
1
  import "./main.css";
2
2
  import {jsxs as $duWW8$jsxs, Fragment as $duWW8$Fragment, jsx as $duWW8$jsx} from "react/jsx-runtime";
3
3
  import {ContextMenuHandler as $duWW8$ContextMenuHandler} from "@asup/context-menu";
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";
4
+ import $duWW8$react, {useContext as $duWW8$useContext, useMemo as $duWW8$useMemo, useState as $duWW8$useState, useEffect as $duWW8$useEffect, useRef as $duWW8$useRef, useCallback as $duWW8$useCallback, createContext as $duWW8$createContext} from "react";
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";
7
6
  import {Spinner as $duWW8$Spinner} from "react-bootstrap";
8
7
 
9
8
 
@@ -54,21 +53,7 @@ const $886f402bccb0fd30$export$29ec378200e05207 = (0, $duWW8$createContext)(unde
54
53
 
55
54
 
56
55
 
57
-
58
56
  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)=>{
59
- $84765747a8c6bfe2$export$14f190ac910bde69.displayName = "WordEntry";
60
- const currentStyle = (0, $duWW8$useMemo)(()=>{
61
- return (0, $duWW8$_)({
62
- display: "inline-block",
63
- padding: "1px",
64
- paddingLeft: "3px",
65
- paddingRight: "3px",
66
- border: "1px",
67
- borderRadius: "3px"
68
- }, style);
69
- }, [
70
- style
71
- ]);
72
57
  const [currentValue, setCurrentValue] = (0, $duWW8$useState)(value !== null && value !== void 0 ? value : "");
73
58
  (0, $duWW8$useEffect)(()=>{
74
59
  setCurrentValue(value !== null && value !== void 0 ? value : "");
@@ -91,17 +76,34 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
91
76
  sendEscape,
92
77
  value
93
78
  ]);
94
- // Simple if not editing
95
- if (!editing) return /*#__PURE__*/ (0, $duWW8$jsx)("span", {
79
+ // Add window onMouseDown event to stop events when editing
80
+ (0, $duWW8$useEffect)(()=>{
81
+ const handleMouseDown = (e)=>{
82
+ const target = e.target;
83
+ if (editing && target.id !== `${id}` && target.id !== `${id}-holder` && target.id !== `${id}-spinner` && target.className !== "ton-rename") {
84
+ e.preventDefault();
85
+ e.stopPropagation();
86
+ returnData();
87
+ }
88
+ };
89
+ window.addEventListener("mousedown", handleMouseDown);
90
+ return ()=>{
91
+ window.removeEventListener("mousedown", handleMouseDown);
92
+ };
93
+ }, [
94
+ editing,
95
+ id,
96
+ returnData
97
+ ]);
98
+ return !editing ? /*#__PURE__*/ (0, $duWW8$jsx)("span", {
96
99
  className: "ton-label-span",
97
- style: currentStyle,
100
+ style: style,
98
101
  id: `${id}`,
99
102
  children: value ? value : /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$Fragment), {
100
103
  children: "\xa0"
101
104
  })
102
- });
103
- return /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
104
- style: currentStyle,
105
+ }) : /*#__PURE__*/ (0, $duWW8$jsxs)("div", {
106
+ style: style,
105
107
  id: `${id}-holder`,
106
108
  className: "ton-rename-holder",
107
109
  children: [
@@ -126,6 +128,7 @@ const $84765747a8c6bfe2$export$14f190ac910bde69 = /*#__PURE__*/ (0, $duWW8$react
126
128
  ]
127
129
  });
128
130
  });
131
+ $84765747a8c6bfe2$export$14f190ac910bde69.displayName = "WordEntry";
129
132
 
130
133
 
131
134
  const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemove, canRename: canRename, canAddChildren: canAddChildren, canRemoveChildren: canRemoveChildren, canRenameChildren: canRenameChildren })=>{
@@ -149,7 +152,7 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
149
152
  ]);
150
153
  // State
151
154
  const [error, setError] = (0, $duWW8$useState)(false);
152
- const [errorText, setErrotText] = (0, $duWW8$useState)("");
155
+ const [errorText, setErrorText] = (0, $duWW8$useState)("");
153
156
  const expanded = (0, $duWW8$useMemo)(()=>{
154
157
  var _treeContext_expandedNodes_findIndex;
155
158
  return ((_treeContext_expandedNodes_findIndex = treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes.findIndex((e)=>e === id)) !== null && _treeContext_expandedNodes_findIndex !== void 0 ? _treeContext_expandedNodes_findIndex : -1) > -1;
@@ -157,6 +160,14 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
157
160
  id,
158
161
  treeContext === null || treeContext === void 0 ? void 0 : treeContext.expandedNodes
159
162
  ]);
163
+ // Ensures that child nodes are drawn before they are expanded
164
+ const [hasRenderedClosed, setHasRenderedClosed] = (0, $duWW8$useState)(childNodes !== undefined && childNodes.length > 0);
165
+ (0, $duWW8$useEffect)(()=>{
166
+ if (childNodes && childNodes.length > 0 && !hasRenderedClosed) setHasRenderedClosed(true);
167
+ }, [
168
+ childNodes,
169
+ hasRenderedClosed
170
+ ]);
160
171
  // Checkbox
161
172
  const checkRef = (0, $duWW8$useRef)(null);
162
173
  (0, $duWW8$useEffect)(()=>{
@@ -210,10 +221,10 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
210
221
  if (!ret.success) {
211
222
  setError(true);
212
223
  var _ret_ErrorText;
213
- setErrotText((_ret_ErrorText = ret.ErrorText) !== null && _ret_ErrorText !== void 0 ? _ret_ErrorText : "An unknown error has occured");
224
+ setErrorText((_ret_ErrorText = ret.ErrorText) !== null && _ret_ErrorText !== void 0 ? _ret_ErrorText : "An unknown error has occured");
214
225
  } else {
215
226
  setError(false);
216
- setErrotText("");
227
+ setErrorText("");
217
228
  }
218
229
  }, []);
219
230
  const confirmNewNode = (0, $duWW8$useCallback)(async (label)=>{
@@ -327,10 +338,10 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
327
338
  id: `${treeContext.id}-treenode-checkbox-${id}`,
328
339
  onClick: ()=>{
329
340
  var _treeContext_handleSelect;
330
- return treeContext === null || treeContext === void 0 ? void 0 : (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
341
+ return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, descendents);
331
342
  }
332
343
  }),
333
- childNodes !== undefined && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRightFill), {
344
+ childNodes && childNodes.length > 0 ? !expanded ? /*#__PURE__*/ (0, $duWW8$jsx)((0, $duWW8$CaretRightFill), {
334
345
  id: `${treeContext.id}-treenode-caret-${id}`,
335
346
  style: {
336
347
  width: "16px",
@@ -373,7 +384,8 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
373
384
  },
374
385
  onClickCapture: ()=>{
375
386
  var _treeContext_handleSelect;
376
- return (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
387
+ if (!treeContext.expandedNodes.includes(id)) treeContext.handleExpandClick(id);
388
+ (_treeContext_handleSelect = treeContext.handleSelect) === null || _treeContext_handleSelect === void 0 ? void 0 : _treeContext_handleSelect.call(treeContext, id);
377
389
  },
378
390
  onFocusCapture: ()=>{
379
391
  var _treeContext_handleSelect;
@@ -399,21 +411,9 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
399
411
  })
400
412
  })
401
413
  }),
402
- showNewNode && /*#__PURE__*/ (0, $duWW8$jsx)((0, $84765747a8c6bfe2$export$14f190ac910bde69), {
403
- style: {
404
- marginLeft: "14px"
405
- },
406
- id: `treenode-new-${id}`,
407
- ref: newNameRef,
408
- editing: true,
409
- setValue: (ret)=>confirmNewNode(ret),
410
- saving: savingNewNode,
411
- sendEscape: ()=>setShowNewNode(false),
412
- spellCheck: treeContext.spellCheck
413
- }),
414
- childNodes !== undefined && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
415
- className: `ton-collapsible-wrapper ${expanded ? "" : "collapsed"}`,
416
- children: /*#__PURE__*/ (0, $duWW8$jsx)("div", {
414
+ childNodes && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
415
+ className: `ton-collapsible-wrapper ${expanded && hasRenderedClosed && childNodes.length > 0 ? "" : "collapsed"}`,
416
+ children: childNodes.length > 0 && /*#__PURE__*/ (0, $duWW8$jsx)("div", {
417
417
  className: "ton-collapsible",
418
418
  children: childNodes.map((h)=>/*#__PURE__*/ (0, $duWW8$jsx)("span", {
419
419
  id: `${treeContext.id}-treenode-child-${h.id}`,
@@ -428,6 +428,18 @@ const $47c36cf4281201f5$export$2eba8ec3a333fdbb = ({ id: id, canRemove: canRemov
428
428
  })
429
429
  }, h.id))
430
430
  })
431
+ }),
432
+ showNewNode && /*#__PURE__*/ (0, $duWW8$jsx)((0, $84765747a8c6bfe2$export$14f190ac910bde69), {
433
+ style: {
434
+ marginLeft: "14px"
435
+ },
436
+ id: `treenode-new-${id}`,
437
+ ref: newNameRef,
438
+ editing: true,
439
+ setValue: (ret)=>confirmNewNode(ret),
440
+ saving: savingNewNode,
441
+ sendEscape: ()=>setShowNewNode(false),
442
+ spellCheck: treeContext.spellCheck
431
443
  })
432
444
  ]
433
445
  });
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, 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 <>\n <ContextMenuHandler\n menuItems={menuItems}\n style={{ display: \"inline-block\", width: \"100%\" }}\n >\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className=\"treenode\"\n >\n {error ? (\n <>\n <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n </>\n ) : (\n <div className=\"ton-node\">\n {treeContext.showCheckBox && (\n <input\n ref={checkRef}\n type=\"checkbox\"\n role=\"checkbox\"\n className=\"ton-checkbox\"\n id={`${treeContext.id}-treenode-checkbox-${id}`}\n onClick={() => treeContext?.handleSelect?.(descendents)}\n />\n )}\n {childNodes !== undefined && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n style={{ width: \"16px\", height: \"16px\" }}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Expander\"\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n aria-expanded={true}\n aria-label=\"Expander\"\n color={nodeColour}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Disabled expander\"\n onClick={() => treeContext.handleSelect?.(id)}\n />\n )}\n {thisNode && (\n <div\n className=\"ton-label\"\n style={{ width: `calc(100% - ${treeContext.showCheckBox ? \"32px\" : \"16px\"})` }}\n onContextMenuCapture={() => treeContext.handleSelect?.(id)}\n onClickCapture={() => 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 spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </ContextMenuHandler>\n {showNewNode && (\n <WordEntry\n style={{ marginLeft: \"14px\" }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => confirmNewNode(ret)}\n saving={savingNewNode}\n sendEscape={() => setShowNewNode(false)}\n spellCheck={treeContext.spellCheck}\n />\n )}\n {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 </>\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 className=\"ton-label-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 className=\"ton-rename-holder\"\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size=\"sm\"\n animation=\"border\"\n />\n )}\n <input\n autoFocus\n spellCheck={spellCheck}\n id={String(id)}\n ref={ref}\n type=\"text\"\n className=\"ton-rename\"\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n showCheckBox?: boolean;\n selected?: Key | Key[];\n handleSelect?: (ret: Key | Key[]) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n selected = [],\n showCheckBox = false,\n handleSelect,\n onAdd,\n onRename,\n onRemove,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n nodeHighlight = \"red\",\n textHighlight = \"rgba(255, 0, 0, 0.2)\",\n spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n const selectedArray = useMemo(\n () => (Array.isArray(selected) ? selected : [selected]),\n [selected],\n );\n useEffect(() => {\n if (selectedArray.length > 0) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n setExpandedNodes(shouldExpand);\n }\n }\n }, [expandedNodes, nodeList, selectedArray]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <div\n id={id}\n className=\"tree-of-nodes\"\n >\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selected: selectedArray,\n showCheckBox,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n spellCheck,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n </div>\n );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selected: Key | Key[],\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selected, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
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, setErrorText] = useState<string>(\"\");\n const expanded = useMemo(() => {\n return (treeContext?.expandedNodes.findIndex((e) => e === id) ?? -1) > -1;\n }, [id, treeContext?.expandedNodes]);\n\n // Ensures that child nodes are drawn before they are expanded\n const [hasRenderedClosed, setHasRenderedClosed] = useState<boolean>(\n childNodes !== undefined && childNodes.length > 0,\n );\n useEffect(() => {\n if (childNodes && childNodes.length > 0 && !hasRenderedClosed) {\n setHasRenderedClosed(true);\n }\n }, [childNodes, hasRenderedClosed]);\n\n // Checkbox\n const checkRef = useRef<HTMLInputElement | null>(null);\n useEffect(() => {\n if (checkRef.current) {\n if (treeContext?.selected.includes(id)) {\n checkRef.current.checked = true;\n checkRef.current.indeterminate = false;\n } else if (descendents.some((d) => treeContext?.selected.includes(d))) {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = true;\n } else {\n checkRef.current.checked = false;\n checkRef.current.indeterminate = false;\n }\n }\n }, [descendents, id, treeContext?.selected]);\n\n // Apply selected border\n const currentBorder = useMemo<string>(() => {\n return treeContext?.selected.includes(id) ? \"1px solid black\" : \"\";\n }, [id, treeContext?.selected]);\n const nodeColour = useMemo<string | undefined>(() => {\n if (treeContext && treeContext.selected) {\n const anc = getAncestors(treeContext.selected, [], treeContext?.nodeList).map((n) => n.id);\n if ([...anc, treeContext.selected].includes(id)) return treeContext.nodeHighlight;\n }\n return;\n }, [id, treeContext]);\n\n // New node parameters\n const newNameRef = useRef<HTMLInputElement | null>(null);\n const [showNewNode, setShowNewNode] = useState<boolean>(false);\n const [savingNewNode, setSavingNewNode] = useState<boolean>(false);\n\n // Rename parameters\n const currentNameRef = useRef<HTMLInputElement | null>(null);\n const [renaming, setRenaming] = useState<boolean>(false);\n const [updatingNode, setUpdatingNode] = useState<boolean>(false);\n\n // Context functions\n const handleReturn = useCallback((ret: iNodeUpdate) => {\n if (!ret.success) {\n setError(true);\n setErrorText(ret.ErrorText ?? \"An unknown error has occured\");\n } else {\n setError(false);\n setErrorText(\"\");\n }\n }, []);\n\n const confirmNewNode = useCallback(\n async (label: string) => {\n setSavingNewNode(true);\n if (treeContext?.onAddChild) {\n handleReturn(await treeContext.onAddChild(id, label));\n }\n setSavingNewNode(false);\n setShowNewNode(false);\n },\n [handleReturn, id, treeContext],\n );\n\n const renameNode = useCallback(\n async (newLabel: string) => {\n setRenaming(false);\n if (treeContext?.onRename) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRename(id, newLabel));\n setUpdatingNode(false);\n }\n },\n [handleReturn, id, treeContext],\n );\n\n const deleteThis = useCallback(async () => {\n if (treeContext?.onRemove) {\n setUpdatingNode(true);\n handleReturn(await treeContext.onRemove(id));\n setUpdatingNode(false);\n }\n }, [handleReturn, id, treeContext]);\n\n // Context actions\n const addChild = useCallback(() => {\n setShowNewNode(true);\n treeContext?.handleExpandClick?.(id, true);\n }, [id, treeContext]);\n useEffect(() => {\n if (showNewNode === true && newNameRef.current) newNameRef.current.focus();\n }, [showNewNode]);\n const renameThis = useCallback(() => {\n setRenaming(true);\n treeContext?.handleSelect?.(id);\n }, [id, treeContext]);\n\n // Context menu\n const menuItems = useMemo(() => {\n const menuItems: MenuItem[] = [];\n if (canAddChildren) {\n menuItems.push({ label: \"Add\", action: addChild });\n }\n if (canRename) {\n menuItems.push({ label: \"Rename\", action: renameThis });\n }\n if (canRemove && (childNodes === undefined || childNodes.length === 0)) {\n menuItems.push({ label: \"Delete\", action: deleteThis });\n }\n return menuItems;\n }, [addChild, canAddChildren, canRemove, canRename, childNodes, deleteThis, renameThis]);\n\n // Return node\n return !treeContext ? null : (\n <>\n <ContextMenuHandler\n menuItems={menuItems}\n style={{ display: \"inline-block\", width: \"100%\" }}\n >\n <div\n id={`${treeContext.id}-treenode-${id}`}\n className=\"treenode\"\n >\n {error ? (\n <>\n <ExclamationCircleFill color=\"var(--bs-danger)\" /> {errorText}\n </>\n ) : (\n <div className=\"ton-node\">\n {treeContext.showCheckBox && (\n <input\n ref={checkRef}\n type=\"checkbox\"\n role=\"checkbox\"\n className=\"ton-checkbox\"\n id={`${treeContext.id}-treenode-checkbox-${id}`}\n onClick={() => treeContext.handleSelect?.(descendents)}\n />\n )}\n {childNodes && childNodes.length > 0 ? (\n !expanded ? (\n <CaretRightFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n style={{ width: \"16px\", height: \"16px\" }}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Expander\"\n onClick={() => treeContext.handleExpandClick(id)}\n />\n ) : (\n <CaretDownFill\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n aria-expanded={true}\n aria-label=\"Expander\"\n color={nodeColour}\n onClick={() => treeContext.handleExpandClick(id)}\n />\n )\n ) : (\n <CaretRight\n id={`${treeContext.id}-treenode-caret-${id}`}\n className=\"ton-expander\"\n role=\"button\"\n color={nodeColour}\n aria-expanded={false}\n aria-label=\"Disabled expander\"\n onClick={() => treeContext.handleSelect?.(id)}\n />\n )}\n {thisNode && (\n <div\n className=\"ton-label\"\n style={{ width: `calc(100% - ${treeContext.showCheckBox ? \"32px\" : \"16px\"})` }}\n onContextMenuCapture={() => treeContext.handleSelect?.(id)}\n onClickCapture={() => {\n if (!treeContext.expandedNodes.includes(id)) treeContext.handleExpandClick(id);\n treeContext.handleSelect?.(id);\n }}\n onFocusCapture={() => treeContext.handleSelect?.(id)}\n >\n <WordEntry\n id={`${treeContext.id}-treenode-entry-${id}`}\n ref={currentNameRef}\n value={thisNode.label}\n editing={renaming}\n saving={updatingNode}\n setValue={(ret) => renameNode(ret)}\n sendEscape={() => setRenaming(false)}\n style={{\n border: currentBorder,\n margin: currentBorder === \"\" ? \"1px\" : \"\",\n backgroundColor: currentBorder === \"\" ? \"\" : treeContext.textHighlight,\n }}\n spellCheck={treeContext.spellCheck}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </ContextMenuHandler>\n {childNodes && (\n <div\n className={`ton-collapsible-wrapper ${expanded && hasRenderedClosed && childNodes.length > 0 ? \"\" : \"collapsed\"}`}\n >\n {childNodes.length > 0 && (\n <div className=\"ton-collapsible\">\n {childNodes.map((h) => (\n <span\n key={h.id}\n id={`${treeContext.id}-treenode-child-${h.id}`}\n className=\"ton-child\"\n >\n <TreeNode\n id={h.id}\n canRemove={canRemoveChildren}\n canRename={canRenameChildren}\n canAddChildren={canAddChildren}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n </span>\n ))}\n </div>\n )}\n </div>\n )}\n {showNewNode && (\n <WordEntry\n style={{ marginLeft: \"14px\" }}\n id={`treenode-new-${id}`}\n ref={newNameRef}\n editing={true}\n setValue={(ret) => confirmNewNode(ret)}\n saving={savingNewNode}\n sendEscape={() => setShowNewNode(false)}\n spellCheck={treeContext.spellCheck}\n />\n )}\n </>\n );\n};\n\nTreeNode.displayName = \"TreeNode\";\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getAncestors = (\n id: Key | Key[],\n included: TreeNodeBase[],\n hierarchyNodes: TreeNodeBase[],\n): TreeNodeBase[] => {\n const processIds = Array.isArray(id) ? id : [id];\n\n const current = processIds\n .map((i) => hierarchyNodes.find((h) => h.id === i))\n .filter((h) => h !== undefined) as TreeNodeBase[];\n if (current.length === 0) return included;\n\n const parents = (\n current\n .map((h) => h.parentId)\n .map((pid) => hierarchyNodes.find((h) => pid === h.id)) as TreeNodeBase[]\n ).filter((p) => p !== undefined) as TreeNodeBase[];\n if (parents.length === 0) return included;\n else\n return getAncestors(\n parents.map((p) => p.id),\n [...included, ...parents.filter((p) => !included.includes(p))],\n hierarchyNodes,\n );\n};\n","import { Key } from \"react\";\nimport { TreeNodeBase } from \"../components/interface\";\n\nexport const getDescendentIds = (id: Key | Key[], hierarchyNodes: TreeNodeBase[]): Key[] => {\n const processIds = Array.isArray(id) ? id : [id];\n const newChildren = hierarchyNodes\n .filter(\n (h) =>\n h.parentId !== undefined && processIds.includes(h.parentId) && !processIds.includes(h.id),\n )\n .map((h) => h.id);\n return newChildren.length === 0\n ? processIds\n : getDescendentIds([...processIds, ...newChildren], hierarchyNodes);\n};\n","import { createContext, Key } from \"react\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\n\nexport interface TreeOfNodesContextProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n selected: Key[];\n showCheckBox: boolean;\n handleSelect?: (ret: Key | Key[]) => void;\n expandedNodes: Key[];\n handleExpandClick: (ret: Key, force?: boolean) => void;\n onAddChild?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (id: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (id: Key) => Promise<iNodeUpdate>;\n nodeHighlight: string;\n textHighlight: string;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const TreeOfNodesContext = createContext<TreeOfNodesContextProps<unknown> | undefined>(\n undefined,\n);\n","import React, { Key, useCallback, useEffect, useState } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\ninterface WordEntryProps {\n id: Key;\n value?: string;\n editing?: boolean;\n saving?: boolean;\n setValue?: (ret: string) => void;\n sendEscape?: () => void;\n style?: React.CSSProperties;\n spellCheck?: \"true\" | \"false\";\n}\n\nexport const WordEntry = React.forwardRef<HTMLInputElement, WordEntryProps>(\n (\n { id, value, editing, saving, setValue, sendEscape, style, spellCheck = \"true\" },\n ref,\n ): JSX.Element => {\n const [currentValue, setCurrentValue] = useState<string>(value ?? \"\");\n useEffect(() => {\n setCurrentValue(value ?? \"\");\n }, [value]);\n\n const returnData = useCallback(() => {\n setValue?.(currentValue);\n }, [currentValue, setValue]);\n\n const keyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === \"Escape\") {\n setCurrentValue(value ?? \"\");\n sendEscape?.();\n } else if (e.code === \"Enter\") {\n returnData();\n }\n },\n [returnData, sendEscape, value],\n );\n\n // Add window onMouseDown event to stop events when editing\n useEffect(() => {\n const handleMouseDown = (e: MouseEvent) => {\n const target = e.target as HTMLElement;\n if (\n editing &&\n target.id !== `${id}` &&\n target.id !== `${id}-holder` &&\n target.id !== `${id}-spinner` &&\n target.className !== \"ton-rename\"\n ) {\n e.preventDefault();\n e.stopPropagation();\n returnData();\n }\n };\n window.addEventListener(\"mousedown\", handleMouseDown);\n return () => {\n window.removeEventListener(\"mousedown\", handleMouseDown);\n };\n }, [editing, id, returnData]);\n\n return !editing ? (\n <span\n className=\"ton-label-span\"\n style={style}\n id={`${id}`}\n >\n {value ? value : <>&nbsp;</>}\n </span>\n ) : (\n <div\n style={style}\n id={`${id}-holder`}\n className=\"ton-rename-holder\"\n >\n {saving && (\n <Spinner\n id={`${id}-spinner`}\n size=\"sm\"\n animation=\"border\"\n />\n )}\n <input\n autoFocus\n spellCheck={spellCheck}\n id={String(id)}\n ref={ref}\n type=\"text\"\n className=\"ton-rename\"\n value={currentValue}\n disabled={saving}\n onChange={(e) => setCurrentValue(e.currentTarget.value)}\n onBlur={returnData}\n onKeyDownCapture={keyPress}\n />\n </div>\n );\n },\n);\n\nWordEntry.displayName = \"WordEntry\";\n","import { Key, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { checkExpandedNodes } from \"../functions/checkExpandedNodes\";\nimport { iNodeUpdate, TreeNodeData } from \"./interface\";\nimport { TreeNode } from \"./TreeNode\";\nimport { TreeOfNodesContext } from \"./TreeOfNodesContext\";\n\ninterface TreeOfNodesProps<T> {\n id: string;\n nodeList: TreeNodeData<T>[];\n roots: Key[];\n showCheckBox?: boolean;\n selected?: Key | Key[];\n handleSelect?: (ret: Key | Key[]) => void;\n onAdd?: (parentId: Key, newName: string) => Promise<iNodeUpdate>;\n onRename?: (childId: Key, newName: string) => Promise<iNodeUpdate>;\n onRemove?: (childId: Key) => Promise<iNodeUpdate>;\n canRemoveRoot?: boolean;\n canRenameRoot?: boolean;\n canAddChildren?: boolean;\n canRemoveChildren?: boolean;\n canRenameChildren?: boolean;\n nodeHighlight?: string;\n textHighlight?: string;\n spellCheck?: \"true\" | \"false\";\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint\nexport const TreeOfNodes = <T extends unknown>({\n id,\n nodeList,\n roots,\n selected = [],\n showCheckBox = false,\n handleSelect,\n onAdd,\n onRename,\n onRemove,\n canRemoveRoot = false,\n canRenameRoot = false,\n canAddChildren = false,\n canRemoveChildren = false,\n canRenameChildren = false,\n nodeHighlight = \"red\",\n textHighlight = \"rgba(255, 0, 0, 0.2)\",\n spellCheck = \"true\",\n}: TreeOfNodesProps<T>) => {\n const [expandedNodes, setExpandedNodes] = useState<Key[]>([]);\n const selectedArray = useMemo(\n () => (Array.isArray(selected) ? selected : [selected]),\n [selected],\n );\n useEffect(() => {\n if (selectedArray.length > 0) {\n // Check all nodes are showing that should be\n const shouldExpand = checkExpandedNodes(nodeList, selectedArray, expandedNodes);\n if (shouldExpand.filter((n) => !expandedNodes.includes(n)).length > 0) {\n setExpandedNodes(shouldExpand);\n }\n }\n }, [expandedNodes, nodeList, selectedArray]);\n\n // Change expansion and update contexts\n const changeExpand = useCallback(\n (eKey: Key, force?: boolean) => {\n const newExpandedNodes = [...expandedNodes];\n const ix = newExpandedNodes.findIndex((nKey) => nKey === eKey);\n if ((ix === -1 && force === undefined) || force === true) newExpandedNodes.push(eKey);\n else newExpandedNodes.splice(ix, 1);\n setExpandedNodes(newExpandedNodes);\n },\n [expandedNodes],\n );\n\n return (\n <div\n id={id}\n className=\"tree-of-nodes\"\n >\n <TreeOfNodesContext.Provider\n value={{\n id: id,\n nodeList,\n selected: selectedArray,\n showCheckBox,\n handleSelect,\n expandedNodes,\n handleExpandClick: (r, f) => changeExpand(r, f),\n onAddChild: onAdd,\n onRename,\n onRemove,\n nodeHighlight,\n textHighlight,\n spellCheck,\n }}\n >\n {roots.map((r) => (\n <TreeNode\n key={r}\n id={r}\n canRemove={canRemoveRoot}\n canAddChildren={canAddChildren}\n canRename={canRenameRoot}\n canRemoveChildren={canRemoveChildren}\n canRenameChildren={canRenameChildren}\n />\n ))}\n </TreeOfNodesContext.Provider>\n </div>\n );\n};\n\nTreeOfNodes.displayName = \"TreeOfNodes\";\n","import { TreeNodeBase } from \"components\";\nimport { Key } from \"react\";\nimport { getAncestors } from \"./getAncestors\";\n\nexport const checkExpandedNodes = (\n nodeList: TreeNodeBase[],\n selected: Key | Key[],\n expandedNodes: Key[],\n): Key[] => {\n return [\n ...expandedNodes,\n ...getAncestors(selected, [], nodeList)\n .map((n) => n.id)\n .filter((k) => !expandedNodes.includes(k)),\n ].sort((a, b) => `${a}`.localeCompare(`${b}`));\n};\n","import { getAncestors } from \"./getAncestors\";\n\nexport { getAncestors as getParents };\n"],"names":[],"version":3,"file":"main.js.map"}
package/dist/tree-of-nodes.d.ts.map 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,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,kGAiFZ,CAAC;ACvEF;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;;CAqQ3B,CAAC;AEzSF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAGD,OAAO,MAAM;KAAe,CAAC,SAAS,OAAO,2NAkB1C,iBAAiB,CAAC,CAAC;;CAgErB,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/functions/getDescendentIds.ts","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,"export * from \"./components\";\nexport * from \"./functions\";\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}
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,kGAqFZ,CAAC;AC3EF;IACE,EAAE,EAAE,GAAG,CAAC;IACR,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,OAAO,MAAM;0FAOV,aAAa,GAAG,SAAS;;CAsR3B,CAAC;AE1TF,2BAA2B,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAGD,OAAO,MAAM;KAAe,CAAC,SAAS,OAAO,2NAkB1C,iBAAiB,CAAC,CAAC;;CAgErB,CAAC","sources":["src/src/components/interface.ts","src/src/functions/getAncestors.tsx","src/src/functions/getDescendentIds.ts","src/src/components/TreeOfNodesContext.ts","src/src/components/WordEntry.tsx","src/src/components/TreeNode.tsx","src/src/functions/checkExpandedNodes.ts","src/src/components/TreeOfNodes.tsx","src/src/components/index.ts","src/src/functions/index.ts","src/src/main.ts","src/main.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,"export * from \"./components\";\nexport * from \"./functions\";\n"],"names":[],"version":3,"file":"tree-of-nodes.d.ts.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asup/tree-of-nodes",
3
- "version": "2.0.5",
3
+ "version": "2.0.6",
4
4
  "description": "REACT Typescript Treeview component",
5
5
  "author": "Paul Thomas <@PaulDThomas>",
6
6
  "private": false,