@headless-tree/core 1.2.1 → 1.3.0

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 (189) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/index.d.mts +577 -0
  3. package/dist/index.d.ts +577 -0
  4. package/dist/index.js +2321 -0
  5. package/dist/index.mjs +2276 -0
  6. package/package.json +18 -10
  7. package/src/core/create-tree.ts +26 -15
  8. package/src/features/async-data-loader/feature.ts +5 -0
  9. package/src/features/async-data-loader/types.ts +2 -0
  10. package/src/features/checkboxes/checkboxes.spec.ts +20 -5
  11. package/src/features/checkboxes/feature.ts +31 -16
  12. package/src/features/checkboxes/types.ts +1 -0
  13. package/src/features/drag-and-drop/drag-and-drop.spec.ts +11 -2
  14. package/src/features/drag-and-drop/feature.ts +51 -16
  15. package/src/features/drag-and-drop/types.ts +17 -0
  16. package/src/features/keyboard-drag-and-drop/feature.ts +8 -1
  17. package/src/features/keyboard-drag-and-drop/keyboard-drag-and-drop.spec.ts +34 -3
  18. package/src/features/main/types.ts +0 -2
  19. package/src/features/sync-data-loader/feature.ts +5 -1
  20. package/src/features/tree/feature.ts +4 -3
  21. package/src/features/tree/tree.spec.ts +14 -4
  22. package/src/test-utils/test-tree-do.ts +2 -0
  23. package/src/test-utils/test-tree.ts +1 -0
  24. package/tsconfig.json +1 -4
  25. package/vitest.config.ts +3 -1
  26. package/lib/cjs/core/build-proxified-instance.d.ts +0 -2
  27. package/lib/cjs/core/build-proxified-instance.js +0 -58
  28. package/lib/cjs/core/build-static-instance.d.ts +0 -2
  29. package/lib/cjs/core/build-static-instance.js +0 -26
  30. package/lib/cjs/core/create-tree.d.ts +0 -2
  31. package/lib/cjs/core/create-tree.js +0 -191
  32. package/lib/cjs/features/async-data-loader/feature.d.ts +0 -2
  33. package/lib/cjs/features/async-data-loader/feature.js +0 -135
  34. package/lib/cjs/features/async-data-loader/types.d.ts +0 -47
  35. package/lib/cjs/features/async-data-loader/types.js +0 -2
  36. package/lib/cjs/features/checkboxes/feature.d.ts +0 -2
  37. package/lib/cjs/features/checkboxes/feature.js +0 -94
  38. package/lib/cjs/features/checkboxes/types.d.ts +0 -26
  39. package/lib/cjs/features/checkboxes/types.js +0 -9
  40. package/lib/cjs/features/drag-and-drop/feature.d.ts +0 -2
  41. package/lib/cjs/features/drag-and-drop/feature.js +0 -205
  42. package/lib/cjs/features/drag-and-drop/types.d.ts +0 -71
  43. package/lib/cjs/features/drag-and-drop/types.js +0 -9
  44. package/lib/cjs/features/drag-and-drop/utils.d.ts +0 -27
  45. package/lib/cjs/features/drag-and-drop/utils.js +0 -182
  46. package/lib/cjs/features/expand-all/feature.d.ts +0 -2
  47. package/lib/cjs/features/expand-all/feature.js +0 -70
  48. package/lib/cjs/features/expand-all/types.d.ts +0 -19
  49. package/lib/cjs/features/expand-all/types.js +0 -2
  50. package/lib/cjs/features/hotkeys-core/feature.d.ts +0 -2
  51. package/lib/cjs/features/hotkeys-core/feature.js +0 -107
  52. package/lib/cjs/features/hotkeys-core/types.d.ts +0 -27
  53. package/lib/cjs/features/hotkeys-core/types.js +0 -2
  54. package/lib/cjs/features/keyboard-drag-and-drop/feature.d.ts +0 -2
  55. package/lib/cjs/features/keyboard-drag-and-drop/feature.js +0 -206
  56. package/lib/cjs/features/keyboard-drag-and-drop/types.d.ts +0 -27
  57. package/lib/cjs/features/keyboard-drag-and-drop/types.js +0 -11
  58. package/lib/cjs/features/main/types.d.ts +0 -47
  59. package/lib/cjs/features/main/types.js +0 -2
  60. package/lib/cjs/features/prop-memoization/feature.d.ts +0 -2
  61. package/lib/cjs/features/prop-memoization/feature.js +0 -70
  62. package/lib/cjs/features/prop-memoization/types.d.ts +0 -15
  63. package/lib/cjs/features/prop-memoization/types.js +0 -2
  64. package/lib/cjs/features/renaming/feature.d.ts +0 -2
  65. package/lib/cjs/features/renaming/feature.js +0 -86
  66. package/lib/cjs/features/renaming/types.d.ts +0 -27
  67. package/lib/cjs/features/renaming/types.js +0 -2
  68. package/lib/cjs/features/search/feature.d.ts +0 -2
  69. package/lib/cjs/features/search/feature.js +0 -119
  70. package/lib/cjs/features/search/types.d.ts +0 -32
  71. package/lib/cjs/features/search/types.js +0 -2
  72. package/lib/cjs/features/selection/feature.d.ts +0 -2
  73. package/lib/cjs/features/selection/feature.js +0 -132
  74. package/lib/cjs/features/selection/types.d.ts +0 -21
  75. package/lib/cjs/features/selection/types.js +0 -2
  76. package/lib/cjs/features/sync-data-loader/feature.d.ts +0 -2
  77. package/lib/cjs/features/sync-data-loader/feature.js +0 -49
  78. package/lib/cjs/features/sync-data-loader/types.d.ts +0 -28
  79. package/lib/cjs/features/sync-data-loader/types.js +0 -2
  80. package/lib/cjs/features/tree/feature.d.ts +0 -2
  81. package/lib/cjs/features/tree/feature.js +0 -244
  82. package/lib/cjs/features/tree/types.d.ts +0 -63
  83. package/lib/cjs/features/tree/types.js +0 -2
  84. package/lib/cjs/index.d.ts +0 -33
  85. package/lib/cjs/index.js +0 -51
  86. package/lib/cjs/mddocs-entry.d.ts +0 -121
  87. package/lib/cjs/mddocs-entry.js +0 -17
  88. package/lib/cjs/test-utils/test-tree-do.d.ts +0 -23
  89. package/lib/cjs/test-utils/test-tree-do.js +0 -112
  90. package/lib/cjs/test-utils/test-tree-expect.d.ts +0 -17
  91. package/lib/cjs/test-utils/test-tree-expect.js +0 -66
  92. package/lib/cjs/test-utils/test-tree.d.ts +0 -48
  93. package/lib/cjs/test-utils/test-tree.js +0 -207
  94. package/lib/cjs/types/core.d.ts +0 -84
  95. package/lib/cjs/types/core.js +0 -2
  96. package/lib/cjs/types/deep-merge.d.ts +0 -13
  97. package/lib/cjs/types/deep-merge.js +0 -2
  98. package/lib/cjs/utilities/create-on-drop-handler.d.ts +0 -3
  99. package/lib/cjs/utilities/create-on-drop-handler.js +0 -20
  100. package/lib/cjs/utilities/errors.d.ts +0 -2
  101. package/lib/cjs/utilities/errors.js +0 -9
  102. package/lib/cjs/utilities/insert-items-at-target.d.ts +0 -3
  103. package/lib/cjs/utilities/insert-items-at-target.js +0 -40
  104. package/lib/cjs/utilities/remove-items-from-parents.d.ts +0 -2
  105. package/lib/cjs/utilities/remove-items-from-parents.js +0 -32
  106. package/lib/cjs/utils.d.ts +0 -6
  107. package/lib/cjs/utils.js +0 -53
  108. package/lib/esm/core/build-proxified-instance.d.ts +0 -2
  109. package/lib/esm/core/build-proxified-instance.js +0 -54
  110. package/lib/esm/core/build-static-instance.d.ts +0 -2
  111. package/lib/esm/core/build-static-instance.js +0 -22
  112. package/lib/esm/core/create-tree.d.ts +0 -2
  113. package/lib/esm/core/create-tree.js +0 -187
  114. package/lib/esm/features/async-data-loader/feature.d.ts +0 -2
  115. package/lib/esm/features/async-data-loader/feature.js +0 -132
  116. package/lib/esm/features/async-data-loader/types.d.ts +0 -47
  117. package/lib/esm/features/async-data-loader/types.js +0 -1
  118. package/lib/esm/features/checkboxes/feature.d.ts +0 -2
  119. package/lib/esm/features/checkboxes/feature.js +0 -91
  120. package/lib/esm/features/checkboxes/types.d.ts +0 -26
  121. package/lib/esm/features/checkboxes/types.js +0 -6
  122. package/lib/esm/features/drag-and-drop/feature.d.ts +0 -2
  123. package/lib/esm/features/drag-and-drop/feature.js +0 -202
  124. package/lib/esm/features/drag-and-drop/types.d.ts +0 -71
  125. package/lib/esm/features/drag-and-drop/types.js +0 -6
  126. package/lib/esm/features/drag-and-drop/utils.d.ts +0 -27
  127. package/lib/esm/features/drag-and-drop/utils.js +0 -172
  128. package/lib/esm/features/expand-all/feature.d.ts +0 -2
  129. package/lib/esm/features/expand-all/feature.js +0 -67
  130. package/lib/esm/features/expand-all/types.d.ts +0 -19
  131. package/lib/esm/features/expand-all/types.js +0 -1
  132. package/lib/esm/features/hotkeys-core/feature.d.ts +0 -2
  133. package/lib/esm/features/hotkeys-core/feature.js +0 -104
  134. package/lib/esm/features/hotkeys-core/types.d.ts +0 -27
  135. package/lib/esm/features/hotkeys-core/types.js +0 -1
  136. package/lib/esm/features/keyboard-drag-and-drop/feature.d.ts +0 -2
  137. package/lib/esm/features/keyboard-drag-and-drop/feature.js +0 -203
  138. package/lib/esm/features/keyboard-drag-and-drop/types.d.ts +0 -27
  139. package/lib/esm/features/keyboard-drag-and-drop/types.js +0 -8
  140. package/lib/esm/features/main/types.d.ts +0 -47
  141. package/lib/esm/features/main/types.js +0 -1
  142. package/lib/esm/features/prop-memoization/feature.d.ts +0 -2
  143. package/lib/esm/features/prop-memoization/feature.js +0 -67
  144. package/lib/esm/features/prop-memoization/types.d.ts +0 -15
  145. package/lib/esm/features/prop-memoization/types.js +0 -1
  146. package/lib/esm/features/renaming/feature.d.ts +0 -2
  147. package/lib/esm/features/renaming/feature.js +0 -83
  148. package/lib/esm/features/renaming/types.d.ts +0 -27
  149. package/lib/esm/features/renaming/types.js +0 -1
  150. package/lib/esm/features/search/feature.d.ts +0 -2
  151. package/lib/esm/features/search/feature.js +0 -116
  152. package/lib/esm/features/search/types.d.ts +0 -32
  153. package/lib/esm/features/search/types.js +0 -1
  154. package/lib/esm/features/selection/feature.d.ts +0 -2
  155. package/lib/esm/features/selection/feature.js +0 -129
  156. package/lib/esm/features/selection/types.d.ts +0 -21
  157. package/lib/esm/features/selection/types.js +0 -1
  158. package/lib/esm/features/sync-data-loader/feature.d.ts +0 -2
  159. package/lib/esm/features/sync-data-loader/feature.js +0 -46
  160. package/lib/esm/features/sync-data-loader/types.d.ts +0 -28
  161. package/lib/esm/features/sync-data-loader/types.js +0 -1
  162. package/lib/esm/features/tree/feature.d.ts +0 -2
  163. package/lib/esm/features/tree/feature.js +0 -241
  164. package/lib/esm/features/tree/types.d.ts +0 -63
  165. package/lib/esm/features/tree/types.js +0 -1
  166. package/lib/esm/index.d.ts +0 -33
  167. package/lib/esm/index.js +0 -32
  168. package/lib/esm/mddocs-entry.d.ts +0 -121
  169. package/lib/esm/mddocs-entry.js +0 -1
  170. package/lib/esm/test-utils/test-tree-do.d.ts +0 -23
  171. package/lib/esm/test-utils/test-tree-do.js +0 -108
  172. package/lib/esm/test-utils/test-tree-expect.d.ts +0 -17
  173. package/lib/esm/test-utils/test-tree-expect.js +0 -62
  174. package/lib/esm/test-utils/test-tree.d.ts +0 -48
  175. package/lib/esm/test-utils/test-tree.js +0 -203
  176. package/lib/esm/types/core.d.ts +0 -84
  177. package/lib/esm/types/core.js +0 -1
  178. package/lib/esm/types/deep-merge.d.ts +0 -13
  179. package/lib/esm/types/deep-merge.js +0 -1
  180. package/lib/esm/utilities/create-on-drop-handler.d.ts +0 -3
  181. package/lib/esm/utilities/create-on-drop-handler.js +0 -16
  182. package/lib/esm/utilities/errors.d.ts +0 -2
  183. package/lib/esm/utilities/errors.js +0 -4
  184. package/lib/esm/utilities/insert-items-at-target.d.ts +0 -3
  185. package/lib/esm/utilities/insert-items-at-target.js +0 -36
  186. package/lib/esm/utilities/remove-items-from-parents.d.ts +0 -2
  187. package/lib/esm/utilities/remove-items-from-parents.js +0 -28
  188. package/lib/esm/utils.d.ts +0 -6
  189. package/lib/esm/utils.js +0 -46
@@ -1,187 +0,0 @@
1
- import { treeFeature } from "../features/tree/feature";
2
- import { buildStaticInstance } from "./build-static-instance";
3
- import { throwError } from "../utilities/errors";
4
- const verifyFeatures = (features) => {
5
- var _a;
6
- const loadedFeatures = features === null || features === void 0 ? void 0 : features.map((feature) => feature.key);
7
- for (const feature of features !== null && features !== void 0 ? features : []) {
8
- const missingDependency = (_a = feature.deps) === null || _a === void 0 ? void 0 : _a.find((dep) => !(loadedFeatures === null || loadedFeatures === void 0 ? void 0 : loadedFeatures.includes(dep)));
9
- if (missingDependency) {
10
- throw throwError(`${feature.key} needs ${missingDependency}`);
11
- }
12
- }
13
- };
14
- // Check all possible pairs and sort the array
15
- const exhaustiveSort = (arr, compareFn) => {
16
- const n = arr.length;
17
- for (let i = 0; i < n; i++) {
18
- for (let j = i + 1; j < n; j++) {
19
- if (compareFn(arr[j], arr[i]) < 0) {
20
- [arr[i], arr[j]] = [arr[j], arr[i]];
21
- }
22
- }
23
- }
24
- return arr;
25
- };
26
- const compareFeatures = (originalOrder) => (feature1, feature2) => {
27
- var _a, _b;
28
- if (feature2.key && ((_a = feature1.overwrites) === null || _a === void 0 ? void 0 : _a.includes(feature2.key))) {
29
- return 1;
30
- }
31
- if (feature1.key && ((_b = feature2.overwrites) === null || _b === void 0 ? void 0 : _b.includes(feature1.key))) {
32
- return -1;
33
- }
34
- return originalOrder.indexOf(feature1) - originalOrder.indexOf(feature2);
35
- };
36
- const sortFeatures = (features = []) => exhaustiveSort(features, compareFeatures(features));
37
- export const createTree = (initialConfig) => {
38
- var _a, _b, _c, _d;
39
- const buildInstance = (_a = initialConfig.instanceBuilder) !== null && _a !== void 0 ? _a : buildStaticInstance;
40
- const additionalFeatures = [
41
- treeFeature,
42
- ...sortFeatures(initialConfig.features),
43
- ];
44
- verifyFeatures(additionalFeatures);
45
- const features = [...additionalFeatures];
46
- const [treeInstance, finalizeTree] = buildInstance(features, "treeInstance", (tree) => ({ tree }));
47
- let state = additionalFeatures.reduce((acc, feature) => { var _a, _b; return (_b = (_a = feature.getInitialState) === null || _a === void 0 ? void 0 : _a.call(feature, acc, treeInstance)) !== null && _b !== void 0 ? _b : acc; }, (_c = (_b = initialConfig.initialState) !== null && _b !== void 0 ? _b : initialConfig.state) !== null && _c !== void 0 ? _c : {});
48
- let config = additionalFeatures.reduce((acc, feature) => { var _a, _b; return (_b = (_a = feature.getDefaultConfig) === null || _a === void 0 ? void 0 : _a.call(feature, acc, treeInstance)) !== null && _b !== void 0 ? _b : acc; }, initialConfig);
49
- const stateHandlerNames = additionalFeatures.reduce((acc, feature) => (Object.assign(Object.assign({}, acc), feature.stateHandlerNames)), {});
50
- let treeElement;
51
- const treeDataRef = { current: {} };
52
- const itemInstancesMap = {};
53
- let itemInstances = [];
54
- const itemElementsMap = {};
55
- const itemDataRefs = {};
56
- let itemMetaMap = {};
57
- const hotkeyPresets = {};
58
- const rebuildItemMeta = () => {
59
- // TODO can we find a way to only run this for the changed substructure?
60
- itemInstances = [];
61
- itemMetaMap = {};
62
- const [rootInstance, finalizeRootInstance] = buildInstance(features, "itemInstance", (item) => ({ item, tree: treeInstance, itemId: config.rootItemId }));
63
- finalizeRootInstance();
64
- itemInstancesMap[config.rootItemId] = rootInstance;
65
- itemMetaMap[config.rootItemId] = {
66
- itemId: config.rootItemId,
67
- index: -1,
68
- parentId: null,
69
- level: -1,
70
- posInSet: 0,
71
- setSize: 1,
72
- };
73
- for (const item of treeInstance.getItemsMeta()) {
74
- itemMetaMap[item.itemId] = item;
75
- if (!itemInstancesMap[item.itemId]) {
76
- const [instance, finalizeInstance] = buildInstance(features, "itemInstance", (instance) => ({
77
- item: instance,
78
- tree: treeInstance,
79
- itemId: item.itemId,
80
- }));
81
- finalizeInstance();
82
- itemInstancesMap[item.itemId] = instance;
83
- itemInstances.push(instance);
84
- }
85
- else {
86
- itemInstances.push(itemInstancesMap[item.itemId]);
87
- }
88
- }
89
- };
90
- const eachFeature = (fn) => {
91
- for (const feature of additionalFeatures) {
92
- fn(feature);
93
- }
94
- };
95
- const mainFeature = {
96
- key: "main",
97
- treeInstance: {
98
- getState: () => state,
99
- setState: ({}, updater) => {
100
- var _a;
101
- // Not necessary, since I think the subupdate below keeps the state fresh anyways?
102
- // state = typeof updater === "function" ? updater(state) : updater;
103
- (_a = config.setState) === null || _a === void 0 ? void 0 : _a.call(config, state); // TODO this cant be right... This doesnt allow external state updates
104
- // TODO this is never used, remove
105
- },
106
- applySubStateUpdate: ({}, stateName, updater) => {
107
- state[stateName] =
108
- typeof updater === "function" ? updater(state[stateName]) : updater;
109
- const externalStateSetter = config[stateHandlerNames[stateName]];
110
- externalStateSetter === null || externalStateSetter === void 0 ? void 0 : externalStateSetter(state[stateName]);
111
- },
112
- buildItemInstance: ({}, itemId) => {
113
- const [instance, finalizeInstance] = buildInstance(features, "itemInstance", (instance) => ({
114
- item: instance,
115
- tree: treeInstance,
116
- itemId,
117
- }));
118
- finalizeInstance();
119
- return instance;
120
- },
121
- // TODO rebuildSubTree: (itemId: string) => void;
122
- rebuildTree: () => {
123
- var _a;
124
- rebuildItemMeta();
125
- (_a = config.setState) === null || _a === void 0 ? void 0 : _a.call(config, state);
126
- },
127
- getConfig: () => config,
128
- setConfig: (_, updater) => {
129
- var _a, _b, _c;
130
- const newConfig = typeof updater === "function" ? updater(config) : updater;
131
- const hasChangedExpandedItems = ((_a = newConfig.state) === null || _a === void 0 ? void 0 : _a.expandedItems) &&
132
- ((_b = newConfig.state) === null || _b === void 0 ? void 0 : _b.expandedItems) !== state.expandedItems;
133
- config = newConfig;
134
- if (newConfig.state) {
135
- state = Object.assign(Object.assign({}, state), newConfig.state);
136
- }
137
- if (hasChangedExpandedItems) {
138
- // if expanded items where changed from the outside
139
- rebuildItemMeta();
140
- (_c = config.setState) === null || _c === void 0 ? void 0 : _c.call(config, state);
141
- }
142
- },
143
- getItemInstance: ({}, itemId) => itemInstancesMap[itemId],
144
- getItems: () => itemInstances,
145
- registerElement: ({}, element) => {
146
- if (treeElement === element) {
147
- return;
148
- }
149
- if (treeElement && !element) {
150
- eachFeature((feature) => { var _a; return (_a = feature.onTreeUnmount) === null || _a === void 0 ? void 0 : _a.call(feature, treeInstance, treeElement); });
151
- }
152
- else if (!treeElement && element) {
153
- eachFeature((feature) => { var _a; return (_a = feature.onTreeMount) === null || _a === void 0 ? void 0 : _a.call(feature, treeInstance, element); });
154
- }
155
- treeElement = element;
156
- },
157
- getElement: () => treeElement,
158
- getDataRef: () => treeDataRef,
159
- getHotkeyPresets: () => hotkeyPresets,
160
- },
161
- itemInstance: {
162
- registerElement: ({ itemId, item }, element) => {
163
- if (itemElementsMap[itemId] === element) {
164
- return;
165
- }
166
- const oldElement = itemElementsMap[itemId];
167
- if (oldElement && !element) {
168
- eachFeature((feature) => { var _a; return (_a = feature.onItemUnmount) === null || _a === void 0 ? void 0 : _a.call(feature, item, oldElement, treeInstance); });
169
- }
170
- else if (!oldElement && element) {
171
- eachFeature((feature) => { var _a; return (_a = feature.onItemMount) === null || _a === void 0 ? void 0 : _a.call(feature, item, element, treeInstance); });
172
- }
173
- itemElementsMap[itemId] = element;
174
- },
175
- getElement: ({ itemId }) => itemElementsMap[itemId],
176
- // eslint-disable-next-line no-return-assign
177
- getDataRef: ({ itemId }) => { var _a; return ((_a = itemDataRefs[itemId]) !== null && _a !== void 0 ? _a : (itemDataRefs[itemId] = { current: {} })); },
178
- getItemMeta: ({ itemId }) => itemMetaMap[itemId],
179
- },
180
- };
181
- features.unshift(mainFeature);
182
- for (const feature of features) {
183
- Object.assign(hotkeyPresets, (_d = feature.hotkeys) !== null && _d !== void 0 ? _d : {});
184
- }
185
- finalizeTree();
186
- return treeInstance;
187
- };
@@ -1,2 +0,0 @@
1
- import { FeatureImplementation } from "../../types/core";
2
- export declare const asyncDataLoaderFeature: FeatureImplementation;
@@ -1,132 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import { makeStateUpdater } from "../../utils";
11
- const getDataRef = (tree) => {
12
- var _a, _b;
13
- var _c, _d;
14
- const dataRef = tree.getDataRef();
15
- (_a = (_c = dataRef.current).itemData) !== null && _a !== void 0 ? _a : (_c.itemData = {});
16
- (_b = (_d = dataRef.current).childrenIds) !== null && _b !== void 0 ? _b : (_d.childrenIds = {});
17
- return dataRef;
18
- };
19
- const loadItemData = (tree, itemId) => __awaiter(void 0, void 0, void 0, function* () {
20
- var _a;
21
- const config = tree.getConfig();
22
- const dataRef = getDataRef(tree);
23
- const item = yield config.dataLoader.getItem(itemId);
24
- dataRef.current.itemData[itemId] = item;
25
- (_a = config.onLoadedItem) === null || _a === void 0 ? void 0 : _a.call(config, itemId, item);
26
- tree.applySubStateUpdate("loadingItemData", (loadingItemData) => loadingItemData.filter((id) => id !== itemId));
27
- return item;
28
- });
29
- const loadChildrenIds = (tree, itemId) => __awaiter(void 0, void 0, void 0, function* () {
30
- var _a, _b;
31
- const config = tree.getConfig();
32
- const dataRef = getDataRef(tree);
33
- let childrenIds;
34
- if ("getChildrenWithData" in config.dataLoader) {
35
- const children = yield config.dataLoader.getChildrenWithData(itemId);
36
- childrenIds = children.map((c) => c.id);
37
- dataRef.current.childrenIds[itemId] = childrenIds;
38
- children.forEach(({ id, data }) => {
39
- var _a;
40
- dataRef.current.itemData[id] = data;
41
- (_a = config.onLoadedItem) === null || _a === void 0 ? void 0 : _a.call(config, id, data);
42
- });
43
- (_a = config.onLoadedChildren) === null || _a === void 0 ? void 0 : _a.call(config, itemId, childrenIds);
44
- tree.rebuildTree();
45
- tree.applySubStateUpdate("loadingItemData", (loadingItemData) => loadingItemData.filter((id) => !childrenIds.includes(id)));
46
- }
47
- else {
48
- childrenIds = yield config.dataLoader.getChildren(itemId);
49
- dataRef.current.childrenIds[itemId] = childrenIds;
50
- (_b = config.onLoadedChildren) === null || _b === void 0 ? void 0 : _b.call(config, itemId, childrenIds);
51
- tree.rebuildTree();
52
- }
53
- tree.applySubStateUpdate("loadingItemChildrens", (loadingItemChildrens) => loadingItemChildrens.filter((id) => id !== itemId));
54
- return childrenIds;
55
- });
56
- export const asyncDataLoaderFeature = {
57
- key: "async-data-loader",
58
- getInitialState: (initialState) => (Object.assign({ loadingItemData: [], loadingItemChildrens: [] }, initialState)),
59
- getDefaultConfig: (defaultConfig, tree) => (Object.assign({ setLoadingItemData: makeStateUpdater("loadingItemData", tree), setLoadingItemChildrens: makeStateUpdater("loadingItemChildrens", tree) }, defaultConfig)),
60
- stateHandlerNames: {
61
- loadingItemData: "setLoadingItemData",
62
- loadingItemChildrens: "setLoadingItemChildrens",
63
- },
64
- treeInstance: {
65
- waitForItemDataLoaded: ({ tree }, itemId) => tree.loadItemData(itemId),
66
- waitForItemChildrenLoaded: ({ tree }, itemId) => tree.loadChildrenIds(itemId),
67
- loadItemData: (_a, itemId_1) => __awaiter(void 0, [_a, itemId_1], void 0, function* ({ tree }, itemId) {
68
- var _b;
69
- return ((_b = getDataRef(tree).current.itemData[itemId]) !== null && _b !== void 0 ? _b : (yield loadItemData(tree, itemId)));
70
- }),
71
- loadChildrenIds: (_a, itemId_1) => __awaiter(void 0, [_a, itemId_1], void 0, function* ({ tree }, itemId) {
72
- var _b;
73
- return ((_b = getDataRef(tree).current.childrenIds[itemId]) !== null && _b !== void 0 ? _b : (yield loadChildrenIds(tree, itemId)));
74
- }),
75
- retrieveItemData: ({ tree }, itemId, skipFetch = false) => {
76
- var _a, _b;
77
- const config = tree.getConfig();
78
- const dataRef = getDataRef(tree);
79
- if (dataRef.current.itemData[itemId]) {
80
- return dataRef.current.itemData[itemId];
81
- }
82
- if (!tree.getState().loadingItemData.includes(itemId) && !skipFetch) {
83
- tree.applySubStateUpdate("loadingItemData", (loadingItemData) => [
84
- ...loadingItemData,
85
- itemId,
86
- ]);
87
- loadItemData(tree, itemId);
88
- }
89
- return (_b = (_a = config.createLoadingItemData) === null || _a === void 0 ? void 0 : _a.call(config)) !== null && _b !== void 0 ? _b : null;
90
- },
91
- retrieveChildrenIds: ({ tree }, itemId, skipFetch = false) => {
92
- const dataRef = getDataRef(tree);
93
- if (dataRef.current.childrenIds[itemId]) {
94
- return dataRef.current.childrenIds[itemId];
95
- }
96
- if (tree.getState().loadingItemChildrens.includes(itemId) || skipFetch) {
97
- return [];
98
- }
99
- tree.applySubStateUpdate("loadingItemChildrens", (loadingItemChildrens) => [...loadingItemChildrens, itemId]);
100
- loadChildrenIds(tree, itemId);
101
- return [];
102
- },
103
- },
104
- itemInstance: {
105
- isLoading: ({ tree, item }) => tree.getState().loadingItemData.includes(item.getItemMeta().itemId) ||
106
- tree.getState().loadingItemChildrens.includes(item.getItemMeta().itemId),
107
- invalidateItemData: (_a, optimistic_1) => __awaiter(void 0, [_a, optimistic_1], void 0, function* ({ tree, itemId }, optimistic) {
108
- var _b;
109
- if (!optimistic) {
110
- (_b = getDataRef(tree).current.itemData) === null || _b === void 0 ? true : delete _b[itemId];
111
- tree.applySubStateUpdate("loadingItemData", (loadingItemData) => [
112
- ...loadingItemData,
113
- itemId,
114
- ]);
115
- }
116
- yield loadItemData(tree, itemId);
117
- }),
118
- invalidateChildrenIds: (_a, optimistic_1) => __awaiter(void 0, [_a, optimistic_1], void 0, function* ({ tree, itemId }, optimistic) {
119
- var _b;
120
- if (!optimistic) {
121
- (_b = getDataRef(tree).current.childrenIds) === null || _b === void 0 ? true : delete _b[itemId];
122
- tree.applySubStateUpdate("loadingItemChildrens", (loadingItemChildrens) => [...loadingItemChildrens, itemId]);
123
- }
124
- yield loadChildrenIds(tree, itemId);
125
- }),
126
- updateCachedChildrenIds: ({ tree, itemId }, childrenIds) => {
127
- const dataRef = tree.getDataRef();
128
- dataRef.current.childrenIds[itemId] = childrenIds;
129
- tree.rebuildTree();
130
- },
131
- },
132
- };
@@ -1,47 +0,0 @@
1
- import { SetStateFn } from "../../types/core";
2
- import { SyncDataLoaderFeatureDef } from "../sync-data-loader/types";
3
- export interface AsyncDataLoaderDataRef<T = any> {
4
- itemData: Record<string, T>;
5
- childrenIds: Record<string, string[]>;
6
- }
7
- /**
8
- * @category Async Data Loader/General
9
- * */
10
- export type AsyncDataLoaderFeatureDef<T> = {
11
- state: {
12
- loadingItemData: string[];
13
- loadingItemChildrens: string[];
14
- };
15
- config: {
16
- rootItemId: string;
17
- /** Will be called when HT retrieves item data for an item whose item data is asynchronously being loaded.
18
- * Can be used to create placeholder data to use for rendering the tree item while it is loaded. If not defined,
19
- * the tree item data will be null. */
20
- createLoadingItemData?: () => T;
21
- setLoadingItemData?: SetStateFn<string[]>;
22
- setLoadingItemChildrens?: SetStateFn<string[]>;
23
- onLoadedItem?: (itemId: string, item: T) => void;
24
- onLoadedChildren?: (itemId: string, childrenIds: string[]) => void;
25
- };
26
- treeInstance: SyncDataLoaderFeatureDef<T>["treeInstance"] & {
27
- /** @deprecated use loadItemData instead */
28
- waitForItemDataLoaded: (itemId: string) => Promise<void>;
29
- /** @deprecated use loadChildrenIds instead */
30
- waitForItemChildrenLoaded: (itemId: string) => Promise<void>;
31
- loadItemData: (itemId: string) => Promise<T>;
32
- loadChildrenIds: (itemId: string) => Promise<string[]>;
33
- };
34
- itemInstance: SyncDataLoaderFeatureDef<T>["itemInstance"] & {
35
- /** Invalidate fetched data for item, and triggers a refetch and subsequent rerender if the item is visible
36
- * @param optimistic If true, the item will not trigger a state update on `loadingItemData`, and
37
- * the tree will continue to display the old data until the new data has loaded. */
38
- invalidateItemData: (optimistic?: boolean) => Promise<void>;
39
- /** Invalidate fetched children ids for item, and triggers a refetch and subsequent rerender if the item is visible
40
- * @param optimistic If true, the item will not trigger a state update on `loadingItemChildrens`, and
41
- * the tree will continue to display the old data until the new data has loaded. */
42
- invalidateChildrenIds: (optimistic?: boolean) => Promise<void>;
43
- updateCachedChildrenIds: (childrenIds: string[]) => void;
44
- isLoading: () => boolean;
45
- };
46
- hotkeys: SyncDataLoaderFeatureDef<T>["hotkeys"];
47
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- import { FeatureImplementation } from "../../types/core";
2
- export declare const checkboxesFeature: FeatureImplementation;
@@ -1,91 +0,0 @@
1
- import { makeStateUpdater } from "../../utils";
2
- import { CheckedState } from "./types";
3
- import { throwError } from "../../utilities/errors";
4
- const getAllLoadedDescendants = (tree, itemId) => {
5
- if (!tree.getConfig().isItemFolder(tree.buildItemInstance(itemId))) {
6
- return [itemId];
7
- }
8
- return tree
9
- .retrieveChildrenIds(itemId)
10
- .map((child) => getAllLoadedDescendants(tree, child))
11
- .flat();
12
- };
13
- export const checkboxesFeature = {
14
- key: "checkboxes",
15
- overwrites: ["selection"],
16
- getInitialState: (initialState) => (Object.assign({ checkedItems: [] }, initialState)),
17
- getDefaultConfig: (defaultConfig, tree) => {
18
- var _a;
19
- const hasAsyncLoader = (_a = defaultConfig.features) === null || _a === void 0 ? void 0 : _a.some((f) => f.key === "async-data-loader");
20
- if (hasAsyncLoader && !defaultConfig.canCheckFolders) {
21
- throwError(`!canCheckFolders not supported with async trees`);
22
- }
23
- return Object.assign({ setCheckedItems: makeStateUpdater("checkedItems", tree), canCheckFolders: hasAsyncLoader !== null && hasAsyncLoader !== void 0 ? hasAsyncLoader : false }, defaultConfig);
24
- },
25
- stateHandlerNames: {
26
- checkedItems: "setCheckedItems",
27
- },
28
- treeInstance: {
29
- setCheckedItems: ({ tree }, checkedItems) => {
30
- tree.applySubStateUpdate("checkedItems", checkedItems);
31
- },
32
- },
33
- itemInstance: {
34
- getCheckboxProps: ({ item }) => {
35
- const checkedState = item.getCheckedState();
36
- return {
37
- onChange: item.toggleCheckedState,
38
- checked: checkedState === CheckedState.Checked,
39
- ref: (r) => {
40
- if (r) {
41
- r.indeterminate = checkedState === CheckedState.Indeterminate;
42
- }
43
- },
44
- };
45
- },
46
- toggleCheckedState: ({ item }) => {
47
- if (item.getCheckedState() === CheckedState.Checked) {
48
- item.setUnchecked();
49
- }
50
- else {
51
- item.setChecked();
52
- }
53
- },
54
- getCheckedState: ({ item, tree, itemId }) => {
55
- const { checkedItems } = tree.getState();
56
- if (checkedItems.includes(itemId)) {
57
- return CheckedState.Checked;
58
- }
59
- if (item.isFolder() && !tree.getConfig().canCheckFolders) {
60
- const descendants = getAllLoadedDescendants(tree, itemId);
61
- if (descendants.every((d) => checkedItems.includes(d))) {
62
- return CheckedState.Checked;
63
- }
64
- if (descendants.some((d) => checkedItems.includes(d))) {
65
- return CheckedState.Indeterminate;
66
- }
67
- }
68
- return CheckedState.Unchecked;
69
- },
70
- setChecked: ({ item, tree, itemId }) => {
71
- if (!item.isFolder() || tree.getConfig().canCheckFolders) {
72
- tree.applySubStateUpdate("checkedItems", (items) => [...items, itemId]);
73
- }
74
- else {
75
- tree.applySubStateUpdate("checkedItems", (items) => [
76
- ...items,
77
- ...getAllLoadedDescendants(tree, itemId),
78
- ]);
79
- }
80
- },
81
- setUnchecked: ({ item, tree, itemId }) => {
82
- if (!item.isFolder() || tree.getConfig().canCheckFolders) {
83
- tree.applySubStateUpdate("checkedItems", (items) => items.filter((id) => id !== itemId));
84
- }
85
- else {
86
- const descendants = getAllLoadedDescendants(tree, itemId);
87
- tree.applySubStateUpdate("checkedItems", (items) => items.filter((id) => !descendants.includes(id)));
88
- }
89
- },
90
- },
91
- };
@@ -1,26 +0,0 @@
1
- import { SetStateFn } from "../../types/core";
2
- export declare enum CheckedState {
3
- Checked = "checked",
4
- Unchecked = "unchecked",
5
- Indeterminate = "indeterminate"
6
- }
7
- export type CheckboxesFeatureDef<T> = {
8
- state: {
9
- checkedItems: string[];
10
- };
11
- config: {
12
- setCheckedItems?: SetStateFn<string[]>;
13
- canCheckFolders?: boolean;
14
- };
15
- treeInstance: {
16
- setCheckedItems: (checkedItems: string[]) => void;
17
- };
18
- itemInstance: {
19
- setChecked: () => void;
20
- setUnchecked: () => void;
21
- toggleCheckedState: () => void;
22
- getCheckedState: () => CheckedState;
23
- getCheckboxProps: () => Record<string, any>;
24
- };
25
- hotkeys: never;
26
- };
@@ -1,6 +0,0 @@
1
- export var CheckedState;
2
- (function (CheckedState) {
3
- CheckedState["Checked"] = "checked";
4
- CheckedState["Unchecked"] = "unchecked";
5
- CheckedState["Indeterminate"] = "indeterminate";
6
- })(CheckedState || (CheckedState = {}));
@@ -1,2 +0,0 @@
1
- import { FeatureImplementation } from "../../types/core";
2
- export declare const dragAndDropFeature: FeatureImplementation;