@headless-tree/core 1.2.0 → 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 (183) hide show
  1. package/CHANGELOG.md +27 -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 -2
  8. package/src/features/async-data-loader/feature.ts +9 -4
  9. package/src/features/async-data-loader/types.ts +2 -0
  10. package/src/features/checkboxes/checkboxes.spec.ts +149 -0
  11. package/src/features/checkboxes/feature.ts +134 -0
  12. package/src/features/checkboxes/types.ts +29 -0
  13. package/src/features/drag-and-drop/drag-and-drop.spec.ts +11 -2
  14. package/src/features/drag-and-drop/feature.ts +88 -17
  15. package/src/features/drag-and-drop/types.ts +22 -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/sync-data-loader/feature.ts +5 -1
  19. package/src/features/tree/feature.ts +9 -3
  20. package/src/features/tree/tree.spec.ts +14 -4
  21. package/src/features/tree/types.ts +3 -2
  22. package/src/index.ts +2 -0
  23. package/src/test-utils/test-tree-do.ts +2 -0
  24. package/src/test-utils/test-tree.ts +1 -0
  25. package/src/types/core.ts +2 -0
  26. package/tsconfig.json +1 -4
  27. package/vitest.config.ts +3 -1
  28. package/lib/cjs/core/build-proxified-instance.d.ts +0 -2
  29. package/lib/cjs/core/build-proxified-instance.js +0 -58
  30. package/lib/cjs/core/build-static-instance.d.ts +0 -2
  31. package/lib/cjs/core/build-static-instance.js +0 -26
  32. package/lib/cjs/core/create-tree.d.ts +0 -2
  33. package/lib/cjs/core/create-tree.js +0 -182
  34. package/lib/cjs/features/async-data-loader/feature.d.ts +0 -2
  35. package/lib/cjs/features/async-data-loader/feature.js +0 -135
  36. package/lib/cjs/features/async-data-loader/types.d.ts +0 -47
  37. package/lib/cjs/features/async-data-loader/types.js +0 -2
  38. package/lib/cjs/features/drag-and-drop/feature.d.ts +0 -2
  39. package/lib/cjs/features/drag-and-drop/feature.js +0 -179
  40. package/lib/cjs/features/drag-and-drop/types.d.ts +0 -66
  41. package/lib/cjs/features/drag-and-drop/types.js +0 -9
  42. package/lib/cjs/features/drag-and-drop/utils.d.ts +0 -27
  43. package/lib/cjs/features/drag-and-drop/utils.js +0 -182
  44. package/lib/cjs/features/expand-all/feature.d.ts +0 -2
  45. package/lib/cjs/features/expand-all/feature.js +0 -70
  46. package/lib/cjs/features/expand-all/types.d.ts +0 -19
  47. package/lib/cjs/features/expand-all/types.js +0 -2
  48. package/lib/cjs/features/hotkeys-core/feature.d.ts +0 -2
  49. package/lib/cjs/features/hotkeys-core/feature.js +0 -107
  50. package/lib/cjs/features/hotkeys-core/types.d.ts +0 -27
  51. package/lib/cjs/features/hotkeys-core/types.js +0 -2
  52. package/lib/cjs/features/keyboard-drag-and-drop/feature.d.ts +0 -2
  53. package/lib/cjs/features/keyboard-drag-and-drop/feature.js +0 -206
  54. package/lib/cjs/features/keyboard-drag-and-drop/types.d.ts +0 -27
  55. package/lib/cjs/features/keyboard-drag-and-drop/types.js +0 -11
  56. package/lib/cjs/features/main/types.d.ts +0 -45
  57. package/lib/cjs/features/main/types.js +0 -2
  58. package/lib/cjs/features/prop-memoization/feature.d.ts +0 -2
  59. package/lib/cjs/features/prop-memoization/feature.js +0 -70
  60. package/lib/cjs/features/prop-memoization/types.d.ts +0 -15
  61. package/lib/cjs/features/prop-memoization/types.js +0 -2
  62. package/lib/cjs/features/renaming/feature.d.ts +0 -2
  63. package/lib/cjs/features/renaming/feature.js +0 -86
  64. package/lib/cjs/features/renaming/types.d.ts +0 -27
  65. package/lib/cjs/features/renaming/types.js +0 -2
  66. package/lib/cjs/features/search/feature.d.ts +0 -2
  67. package/lib/cjs/features/search/feature.js +0 -119
  68. package/lib/cjs/features/search/types.d.ts +0 -32
  69. package/lib/cjs/features/search/types.js +0 -2
  70. package/lib/cjs/features/selection/feature.d.ts +0 -2
  71. package/lib/cjs/features/selection/feature.js +0 -132
  72. package/lib/cjs/features/selection/types.d.ts +0 -21
  73. package/lib/cjs/features/selection/types.js +0 -2
  74. package/lib/cjs/features/sync-data-loader/feature.d.ts +0 -2
  75. package/lib/cjs/features/sync-data-loader/feature.js +0 -49
  76. package/lib/cjs/features/sync-data-loader/types.d.ts +0 -28
  77. package/lib/cjs/features/sync-data-loader/types.js +0 -2
  78. package/lib/cjs/features/tree/feature.d.ts +0 -2
  79. package/lib/cjs/features/tree/feature.js +0 -240
  80. package/lib/cjs/features/tree/types.d.ts +0 -62
  81. package/lib/cjs/features/tree/types.js +0 -2
  82. package/lib/cjs/index.d.ts +0 -31
  83. package/lib/cjs/index.js +0 -49
  84. package/lib/cjs/mddocs-entry.d.ts +0 -121
  85. package/lib/cjs/mddocs-entry.js +0 -17
  86. package/lib/cjs/test-utils/test-tree-do.d.ts +0 -23
  87. package/lib/cjs/test-utils/test-tree-do.js +0 -112
  88. package/lib/cjs/test-utils/test-tree-expect.d.ts +0 -17
  89. package/lib/cjs/test-utils/test-tree-expect.js +0 -66
  90. package/lib/cjs/test-utils/test-tree.d.ts +0 -48
  91. package/lib/cjs/test-utils/test-tree.js +0 -207
  92. package/lib/cjs/types/core.d.ts +0 -83
  93. package/lib/cjs/types/core.js +0 -2
  94. package/lib/cjs/types/deep-merge.d.ts +0 -13
  95. package/lib/cjs/types/deep-merge.js +0 -2
  96. package/lib/cjs/utilities/create-on-drop-handler.d.ts +0 -3
  97. package/lib/cjs/utilities/create-on-drop-handler.js +0 -20
  98. package/lib/cjs/utilities/errors.d.ts +0 -2
  99. package/lib/cjs/utilities/errors.js +0 -9
  100. package/lib/cjs/utilities/insert-items-at-target.d.ts +0 -3
  101. package/lib/cjs/utilities/insert-items-at-target.js +0 -40
  102. package/lib/cjs/utilities/remove-items-from-parents.d.ts +0 -2
  103. package/lib/cjs/utilities/remove-items-from-parents.js +0 -32
  104. package/lib/cjs/utils.d.ts +0 -6
  105. package/lib/cjs/utils.js +0 -53
  106. package/lib/esm/core/build-proxified-instance.d.ts +0 -2
  107. package/lib/esm/core/build-proxified-instance.js +0 -54
  108. package/lib/esm/core/build-static-instance.d.ts +0 -2
  109. package/lib/esm/core/build-static-instance.js +0 -22
  110. package/lib/esm/core/create-tree.d.ts +0 -2
  111. package/lib/esm/core/create-tree.js +0 -178
  112. package/lib/esm/features/async-data-loader/feature.d.ts +0 -2
  113. package/lib/esm/features/async-data-loader/feature.js +0 -132
  114. package/lib/esm/features/async-data-loader/types.d.ts +0 -47
  115. package/lib/esm/features/async-data-loader/types.js +0 -1
  116. package/lib/esm/features/drag-and-drop/feature.d.ts +0 -2
  117. package/lib/esm/features/drag-and-drop/feature.js +0 -176
  118. package/lib/esm/features/drag-and-drop/types.d.ts +0 -66
  119. package/lib/esm/features/drag-and-drop/types.js +0 -6
  120. package/lib/esm/features/drag-and-drop/utils.d.ts +0 -27
  121. package/lib/esm/features/drag-and-drop/utils.js +0 -172
  122. package/lib/esm/features/expand-all/feature.d.ts +0 -2
  123. package/lib/esm/features/expand-all/feature.js +0 -67
  124. package/lib/esm/features/expand-all/types.d.ts +0 -19
  125. package/lib/esm/features/expand-all/types.js +0 -1
  126. package/lib/esm/features/hotkeys-core/feature.d.ts +0 -2
  127. package/lib/esm/features/hotkeys-core/feature.js +0 -104
  128. package/lib/esm/features/hotkeys-core/types.d.ts +0 -27
  129. package/lib/esm/features/hotkeys-core/types.js +0 -1
  130. package/lib/esm/features/keyboard-drag-and-drop/feature.d.ts +0 -2
  131. package/lib/esm/features/keyboard-drag-and-drop/feature.js +0 -203
  132. package/lib/esm/features/keyboard-drag-and-drop/types.d.ts +0 -27
  133. package/lib/esm/features/keyboard-drag-and-drop/types.js +0 -8
  134. package/lib/esm/features/main/types.d.ts +0 -45
  135. package/lib/esm/features/main/types.js +0 -1
  136. package/lib/esm/features/prop-memoization/feature.d.ts +0 -2
  137. package/lib/esm/features/prop-memoization/feature.js +0 -67
  138. package/lib/esm/features/prop-memoization/types.d.ts +0 -15
  139. package/lib/esm/features/prop-memoization/types.js +0 -1
  140. package/lib/esm/features/renaming/feature.d.ts +0 -2
  141. package/lib/esm/features/renaming/feature.js +0 -83
  142. package/lib/esm/features/renaming/types.d.ts +0 -27
  143. package/lib/esm/features/renaming/types.js +0 -1
  144. package/lib/esm/features/search/feature.d.ts +0 -2
  145. package/lib/esm/features/search/feature.js +0 -116
  146. package/lib/esm/features/search/types.d.ts +0 -32
  147. package/lib/esm/features/search/types.js +0 -1
  148. package/lib/esm/features/selection/feature.d.ts +0 -2
  149. package/lib/esm/features/selection/feature.js +0 -129
  150. package/lib/esm/features/selection/types.d.ts +0 -21
  151. package/lib/esm/features/selection/types.js +0 -1
  152. package/lib/esm/features/sync-data-loader/feature.d.ts +0 -2
  153. package/lib/esm/features/sync-data-loader/feature.js +0 -46
  154. package/lib/esm/features/sync-data-loader/types.d.ts +0 -28
  155. package/lib/esm/features/sync-data-loader/types.js +0 -1
  156. package/lib/esm/features/tree/feature.d.ts +0 -2
  157. package/lib/esm/features/tree/feature.js +0 -237
  158. package/lib/esm/features/tree/types.d.ts +0 -62
  159. package/lib/esm/features/tree/types.js +0 -1
  160. package/lib/esm/index.d.ts +0 -31
  161. package/lib/esm/index.js +0 -30
  162. package/lib/esm/mddocs-entry.d.ts +0 -121
  163. package/lib/esm/mddocs-entry.js +0 -1
  164. package/lib/esm/test-utils/test-tree-do.d.ts +0 -23
  165. package/lib/esm/test-utils/test-tree-do.js +0 -108
  166. package/lib/esm/test-utils/test-tree-expect.d.ts +0 -17
  167. package/lib/esm/test-utils/test-tree-expect.js +0 -62
  168. package/lib/esm/test-utils/test-tree.d.ts +0 -48
  169. package/lib/esm/test-utils/test-tree.js +0 -203
  170. package/lib/esm/types/core.d.ts +0 -83
  171. package/lib/esm/types/core.js +0 -1
  172. package/lib/esm/types/deep-merge.d.ts +0 -13
  173. package/lib/esm/types/deep-merge.js +0 -1
  174. package/lib/esm/utilities/create-on-drop-handler.d.ts +0 -3
  175. package/lib/esm/utilities/create-on-drop-handler.js +0 -16
  176. package/lib/esm/utilities/errors.d.ts +0 -2
  177. package/lib/esm/utilities/errors.js +0 -4
  178. package/lib/esm/utilities/insert-items-at-target.d.ts +0 -3
  179. package/lib/esm/utilities/insert-items-at-target.js +0 -36
  180. package/lib/esm/utilities/remove-items-from-parents.d.ts +0 -2
  181. package/lib/esm/utilities/remove-items-from-parents.js +0 -28
  182. package/lib/esm/utils.d.ts +0 -6
  183. package/lib/esm/utils.js +0 -46
@@ -1,121 +0,0 @@
1
- import { MainFeatureDef } from "./features/main/types";
2
- import { DragAndDropFeatureDef } from "./features/drag-and-drop/types";
3
- import { AsyncDataLoaderFeatureDef } from "./features/async-data-loader/types";
4
- import { ExpandAllFeatureDef } from "./features/expand-all/types";
5
- import { HotkeysCoreFeatureDef } from "./features/hotkeys-core/types";
6
- import { RenamingFeatureDef } from "./features/renaming/types";
7
- import { SearchFeatureDef } from "./features/search/types";
8
- import { SelectionFeatureDef } from "./features/selection/types";
9
- import { SyncDataLoaderFeatureDef } from "./features/sync-data-loader/types";
10
- import { TreeFeatureDef } from "./features/tree/types";
11
- import { PropMemoizationFeatureDef } from "./features/prop-memoization/types";
12
- import { KeyboardDragAndDropFeatureDef } from "./features/keyboard-drag-and-drop/types";
13
- export * from ".";
14
- /** @interface */
15
- export type AsyncDataLoaderFeatureConfig<T> = AsyncDataLoaderFeatureDef<T>["config"];
16
- /** @interface */
17
- export type AsyncDataLoaderFeatureState<T> = AsyncDataLoaderFeatureDef<T>["state"];
18
- /** @interface */
19
- export type AsyncDataLoaderFeatureTreeInstance<T> = AsyncDataLoaderFeatureDef<T>["treeInstance"];
20
- /** @interface */
21
- export type AsyncDataLoaderFeatureItemInstance<T> = AsyncDataLoaderFeatureDef<T>["itemInstance"];
22
- export type AsyncDataLoaderFeatureHotkeys<T> = AsyncDataLoaderFeatureDef<T>["hotkeys"];
23
- /** @interface */
24
- export type DragAndDropFeatureConfig<T> = DragAndDropFeatureDef<T>["config"];
25
- /** @interface */
26
- export type DragAndDropFeatureState<T> = DragAndDropFeatureDef<T>["state"];
27
- /** @interface */
28
- export type DragAndDropFeatureTreeInstance<T> = DragAndDropFeatureDef<T>["treeInstance"];
29
- /** @interface */
30
- export type DragAndDropFeatureItemInstance<T> = DragAndDropFeatureDef<T>["itemInstance"];
31
- export type DragAndDropFeatureHotkeys<T> = DragAndDropFeatureDef<T>["hotkeys"];
32
- /** @interface */
33
- export type KeyboardDragAndDropFeatureConfig<T> = KeyboardDragAndDropFeatureDef<T>["config"];
34
- /** @interface */
35
- export type KeyboardDragAndDropFeatureState<T> = KeyboardDragAndDropFeatureDef<T>["state"];
36
- /** @interface */
37
- export type KeyboardDragAndDropFeatureTreeInstance<T> = KeyboardDragAndDropFeatureDef<T>["treeInstance"];
38
- /** @interface */
39
- export type KeyboardDragAndDropFeatureItemInstance<T> = KeyboardDragAndDropFeatureDef<T>["itemInstance"];
40
- export type KeyboardDragAndDropFeatureHotkeys<T> = KeyboardDragAndDropFeatureDef<T>["hotkeys"];
41
- /** @interface */
42
- export type ExpandAllFeatureConfig = ExpandAllFeatureDef["config"];
43
- /** @interface */
44
- export type ExpandAllFeatureState = ExpandAllFeatureDef["state"];
45
- /** @interface */
46
- export type ExpandAllFeatureTreeInstance = ExpandAllFeatureDef["treeInstance"];
47
- /** @interface */
48
- export type ExpandAllFeatureItemInstance = ExpandAllFeatureDef["itemInstance"];
49
- export type ExpandAllFeatureHotkeys = ExpandAllFeatureDef["hotkeys"];
50
- /** @interface */
51
- export type HotkeysCoreFeatureConfig<T> = HotkeysCoreFeatureDef<T>["config"];
52
- /** @interface */
53
- export type HotkeysCoreFeatureState<T> = HotkeysCoreFeatureDef<T>["state"];
54
- /** @interface */
55
- export type HotkeysCoreFeatureTreeInstance<T> = HotkeysCoreFeatureDef<T>["treeInstance"];
56
- /** @interface */
57
- export type HotkeysCoreFeatureItemInstance<T> = HotkeysCoreFeatureDef<T>["itemInstance"];
58
- export type HotkeysCoreFeatureHotkeys<T> = HotkeysCoreFeatureDef<T>["hotkeys"];
59
- /** @interface */
60
- export type MainFeatureConfig = MainFeatureDef["config"];
61
- /** @interface */
62
- export type MainFeatureState = MainFeatureDef["state"];
63
- /** @interface */
64
- export type MainFeatureTreeInstance = MainFeatureDef["treeInstance"];
65
- /** @interface */
66
- export type MainFeatureItemInstance = MainFeatureDef["itemInstance"];
67
- export type MainFeatureHotkeys = MainFeatureDef["hotkeys"];
68
- /** @interface */
69
- export type PropMemoizationConfig = PropMemoizationFeatureDef["config"];
70
- /** @interface */
71
- export type PropMemoizationState = PropMemoizationFeatureDef["state"];
72
- /** @interface */
73
- export type PropMemoizationTreeInstance = PropMemoizationFeatureDef["treeInstance"];
74
- /** @interface */
75
- export type PropMemoizationItemInstance = PropMemoizationFeatureDef["itemInstance"];
76
- export type PropMemoizationHotkeys = PropMemoizationFeatureDef["hotkeys"];
77
- /** @interface */
78
- export type RenamingFeatureConfig<T> = RenamingFeatureDef<T>["config"];
79
- /** @interface */
80
- export type RenamingFeatureState<T> = RenamingFeatureDef<T>["state"];
81
- /** @interface */
82
- export type RenamingFeatureTreeInstance<T> = RenamingFeatureDef<T>["treeInstance"];
83
- /** @interface */
84
- export type RenamingFeatureItemInstance<T> = RenamingFeatureDef<T>["itemInstance"];
85
- export type RenamingFeatureHotkeys<T> = RenamingFeatureDef<T>["hotkeys"];
86
- /** @interface */
87
- export type SearchFeatureConfig<T> = SearchFeatureDef<T>["config"];
88
- /** @interface */
89
- export type SearchFeatureState<T> = SearchFeatureDef<T>["state"];
90
- /** @interface */
91
- export type SearchFeatureTreeInstance<T> = SearchFeatureDef<T>["treeInstance"];
92
- /** @interface */
93
- export type SearchFeatureItemInstance<T> = SearchFeatureDef<T>["itemInstance"];
94
- export type SearchFeatureHotkeys<T> = SearchFeatureDef<T>["hotkeys"];
95
- /** @interface */
96
- export type SelectionFeatureConfig<T> = SelectionFeatureDef<T>["config"];
97
- /** @interface */
98
- export type SelectionFeatureState<T> = SelectionFeatureDef<T>["state"];
99
- /** @interface */
100
- export type SelectionFeatureTreeInstance<T> = SelectionFeatureDef<T>["treeInstance"];
101
- /** @interface */
102
- export type SelectionFeatureItemInstance<T> = SelectionFeatureDef<T>["itemInstance"];
103
- export type SelectionFeatureHotkeys<T> = SelectionFeatureDef<T>["hotkeys"];
104
- /** @interface */
105
- export type SyncDataLoaderFeatureConfig<T> = SyncDataLoaderFeatureDef<T>["config"];
106
- /** @interface */
107
- export type SyncDataLoaderFeatureState<T> = SyncDataLoaderFeatureDef<T>["state"];
108
- /** @interface */
109
- export type SyncDataLoaderFeatureTreeInstance<T> = SyncDataLoaderFeatureDef<T>["treeInstance"];
110
- /** @interface */
111
- export type SyncDataLoaderFeatureItemInstance<T> = SyncDataLoaderFeatureDef<T>["itemInstance"];
112
- export type SyncDataLoaderFeatureHotkeys<T> = SyncDataLoaderFeatureDef<T>["hotkeys"];
113
- /** @interface */
114
- export type TreeFeatureConfig<T> = TreeFeatureDef<T>["config"];
115
- /** @interface */
116
- export type TreeFeatureState<T> = TreeFeatureDef<T>["state"];
117
- /** @interface */
118
- export type TreeFeatureTreeInstance<T> = TreeFeatureDef<T>["treeInstance"];
119
- /** @interface */
120
- export type TreeFeatureItemInstance<T> = TreeFeatureDef<T>["itemInstance"];
121
- export type TreeFeatureHotkeys<T> = TreeFeatureDef<T>["hotkeys"];
@@ -1 +0,0 @@
1
- export * from ".";
@@ -1,23 +0,0 @@
1
- import { DragEvent } from "react";
2
- import { TestTree } from "./test-tree";
3
- import { HotkeyName } from "../types/core";
4
- export declare class TestTreeDo<T> {
5
- protected tree: TestTree<T>;
6
- protected itemInstance(itemId: string): import("../types/core").ItemInstance<T>;
7
- protected itemProps(itemId: string): Record<string, any>;
8
- constructor(tree: TestTree<T>);
9
- selectItem(id: string): void;
10
- shiftSelectItem(id: string): void;
11
- ctrlSelectItem(id: string): void;
12
- ctrlShiftSelectItem(id: string): void;
13
- selectMultiple(...ids: string[]): void;
14
- hotkey(hotkey: HotkeyName, e?: Partial<KeyboardEvent>): void;
15
- startDrag(itemId: string, event?: DragEvent): DragEvent<Element>;
16
- dragOver(itemId: string, event?: DragEvent): DragEvent<Element>;
17
- dragOverNotAllowed(itemId: string, event?: DragEvent): DragEvent<Element>;
18
- dragLeave(itemId: string): void;
19
- dragEnd(itemId: string, event?: DragEvent): DragEvent<Element>;
20
- drop(itemId: string, event?: DragEvent): Promise<DragEvent<Element>>;
21
- dragOverAndDrop(itemId: string, event?: DragEvent): Promise<DragEvent<Element>>;
22
- private consistentCalls;
23
- }
@@ -1,108 +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 { expect, vi } from "vitest";
11
- import { TestTree } from "./test-tree";
12
- export class TestTreeDo {
13
- itemInstance(itemId) {
14
- return this.tree.instance.getItemInstance(itemId);
15
- }
16
- itemProps(itemId) {
17
- return this.itemInstance(itemId).getProps();
18
- }
19
- constructor(tree) {
20
- this.tree = tree;
21
- }
22
- selectItem(id) {
23
- this.itemProps(id).onClick({});
24
- }
25
- shiftSelectItem(id) {
26
- this.itemProps(id).onClick({ shiftKey: true });
27
- }
28
- ctrlSelectItem(id) {
29
- this.itemProps(id).onClick({ ctrlKey: true });
30
- }
31
- ctrlShiftSelectItem(id) {
32
- this.itemProps(id).onClick({ shiftKey: true, ctrlKey: true });
33
- }
34
- selectMultiple(...ids) {
35
- ids.forEach((id) => this.ctrlSelectItem(id));
36
- }
37
- hotkey(hotkey, e = {}) {
38
- var _a, _b;
39
- const hotkeyConfig = Object.assign(Object.assign({}, this.tree.instance.getHotkeyPresets()[hotkey]), (_a = this.tree.instance.getConfig().hotkeys) === null || _a === void 0 ? void 0 : _a[hotkey]);
40
- if (hotkeyConfig.isEnabled &&
41
- !((_b = hotkeyConfig.isEnabled) === null || _b === void 0 ? void 0 : _b.call(hotkeyConfig, this.tree.instance))) {
42
- throw new Error(`Hotkey "${hotkey}" is disabled`);
43
- }
44
- if (!hotkeyConfig.handler) {
45
- throw new Error(`Hotkey "${hotkey}" has no handler`);
46
- }
47
- hotkeyConfig.handler(Object.assign(Object.assign({}, e), { stopPropagation: () => { }, preventDefault: () => { } }), this.tree.instance);
48
- }
49
- startDrag(itemId, event) {
50
- if (!this.itemProps(itemId).draggable) {
51
- throw new Error(`Can't drag item ${itemId}, has attribute draggable=false`);
52
- }
53
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
54
- this.itemProps(itemId).onDragStart(e);
55
- return e;
56
- }
57
- dragOver(itemId, event) {
58
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
59
- e.preventDefault.mockClear();
60
- this.itemProps(itemId).onDragOver(e);
61
- this.itemProps(itemId).onDragOver(e);
62
- this.itemProps(itemId).onDragOver(e);
63
- expect(e.preventDefault).toBeCalledTimes(3);
64
- this.consistentCalls(e.preventDefault);
65
- this.consistentCalls(e.stopPropagation);
66
- return e;
67
- }
68
- dragOverNotAllowed(itemId, event) {
69
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
70
- e.preventDefault.mockClear();
71
- this.itemProps(itemId).onDragOver(e);
72
- this.itemProps(itemId).onDragOver(e);
73
- this.itemProps(itemId).onDragOver(e);
74
- expect(e.preventDefault).toBeCalledTimes(0);
75
- this.consistentCalls(e.preventDefault);
76
- this.consistentCalls(e.stopPropagation);
77
- return e;
78
- }
79
- dragLeave(itemId) {
80
- this.itemProps(itemId).onDragLeave({});
81
- }
82
- dragEnd(itemId, event) {
83
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
84
- this.itemProps(itemId).onDragEnd(e);
85
- return e;
86
- }
87
- drop(itemId, event) {
88
- return __awaiter(this, void 0, void 0, function* () {
89
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
90
- yield this.itemProps(itemId).onDrop(e);
91
- return e;
92
- });
93
- }
94
- dragOverAndDrop(itemId, event) {
95
- return __awaiter(this, void 0, void 0, function* () {
96
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
97
- this.dragOver(itemId, e);
98
- return this.drop(itemId, e);
99
- });
100
- }
101
- consistentCalls(fn) {
102
- if (!vi.isMockFunction(fn)) {
103
- throw new Error("fn is not a mock");
104
- }
105
- expect(fn.mock.calls.length, "function called inconsistent times").toBeOneOf([0, 3]);
106
- expect(new Set(fn.mock.calls.map((call) => call.join("__"))).size, "function called with inconsistent parameters").toBeOneOf([0, 1]);
107
- }
108
- }
@@ -1,17 +0,0 @@
1
- import { DragEvent } from "react";
2
- import { TestTree } from "./test-tree";
3
- import { DragTarget } from "../features/drag-and-drop/types";
4
- import { TreeState } from "../types/core";
5
- export declare class TestTreeExpect<T> {
6
- private tree;
7
- protected itemInstance(itemId: string): import("../types/core").ItemInstance<T>;
8
- protected itemProps(itemId: string): Record<string, any>;
9
- constructor(tree: TestTree<T>);
10
- foldersExpanded(...itemIds: string[]): void;
11
- foldersCollapsed(...itemIds: string[]): void;
12
- hasChildren(itemId: string, children: string[]): void;
13
- substate<K extends keyof TreeState<T>>(key: K, value: TreeState<T>[K]): void;
14
- dropped(draggedItems: string[], target: DragTarget<any>): void;
15
- dragOverNotAllowed(itemId: string, event?: DragEvent): DragEvent<Element>;
16
- defaultDragLineProps(indent?: number): void;
17
- }
@@ -1,62 +0,0 @@
1
- /* eslint-disable import/no-extraneous-dependencies */
2
- import { expect } from "vitest";
3
- import { TestTree } from "./test-tree";
4
- export class TestTreeExpect {
5
- itemInstance(itemId) {
6
- return this.tree.instance.getItemInstance(itemId);
7
- }
8
- itemProps(itemId) {
9
- return this.itemInstance(itemId).getProps();
10
- }
11
- constructor(tree) {
12
- this.tree = tree;
13
- }
14
- foldersExpanded(...itemIds) {
15
- for (const itemId of itemIds) {
16
- expect(this.tree.instance.getItemInstance(itemId).isExpanded(), `Expected ${itemId} to be expanded`).toBe(true);
17
- }
18
- }
19
- foldersCollapsed(...itemIds) {
20
- for (const itemId of itemIds) {
21
- expect(this.tree.instance.getItemInstance(itemId).isExpanded(), `Expected ${itemId} to be collapsed`).toBe(false);
22
- }
23
- }
24
- hasChildren(itemId, children) {
25
- const item = this.tree.instance.getItemInstance(itemId);
26
- const itemChildren = item.getChildren().map((child) => child.getId());
27
- expect(itemChildren).toEqual(children);
28
- }
29
- substate(key, value) {
30
- expect(this.tree.instance.getState()[key]).toEqual(value);
31
- }
32
- dropped(draggedItems, target) {
33
- expect(this.tree.instance.getConfig().onDrop).toBeCalledWith(draggedItems.map((id) => this.tree.item(id)), target);
34
- }
35
- dragOverNotAllowed(itemId, event) {
36
- const e = event !== null && event !== void 0 ? event : TestTree.dragEvent();
37
- e.preventDefault.mockClear();
38
- this.itemProps(itemId).onDragOver(e);
39
- this.itemProps(itemId).onDragOver(e);
40
- this.itemProps(itemId).onDragOver(e);
41
- expect(e.preventDefault, "onDragOver shouldn't call e.preventDefault if drag is not allowed").not.toBeCalled();
42
- this.itemProps(itemId).onDrop(e);
43
- expect(e.preventDefault, "onDrop shouldn't call e.preventDefault if drag is not allowed").not.toBeCalled();
44
- expect(this.tree.instance.getConfig().onDrop, "onDrop handler shouldn't be called if drag is not allowed").not.toBeCalled();
45
- return e;
46
- }
47
- defaultDragLineProps(indent = 0) {
48
- expect(this.tree.instance.getDragLineData()).toEqual({
49
- indent,
50
- left: indent * 20,
51
- width: 100 - indent * 20,
52
- top: 0,
53
- });
54
- expect(this.tree.instance.getDragLineStyle(0, 0)).toEqual({
55
- position: "absolute",
56
- left: `${indent * 20}px`,
57
- pointerEvents: "none",
58
- top: "0px",
59
- width: `${100 - indent * 20}px`,
60
- });
61
- }
62
- }
@@ -1,48 +0,0 @@
1
- import { DragEvent } from "react";
2
- import { TreeConfig, TreeInstance } from "../types/core";
3
- import { TestTreeDo } from "./test-tree-do";
4
- import { TestTreeExpect } from "./test-tree-expect";
5
- export declare class TestTree<T = string> {
6
- private config;
7
- readonly do: TestTreeDo<T>;
8
- readonly expect: TestTreeExpect<T>;
9
- private treeInstance;
10
- private static asyncLoaderResolvers;
11
- private asyncDataLoaderImp;
12
- suits: {
13
- sync: () => {
14
- tree: TestTree<T>;
15
- title: string;
16
- };
17
- async: () => {
18
- tree: TestTree<T>;
19
- title: string;
20
- };
21
- proxifiedSync: () => {
22
- tree: TestTree<T>;
23
- title: string;
24
- };
25
- proxifiedAsync: () => {
26
- tree: TestTree<T>;
27
- title: string;
28
- };
29
- };
30
- forSuits(runSuite: (tree: TestTree<T>) => void): void;
31
- get instance(): TreeInstance<T>;
32
- private constructor();
33
- static resolveAsyncLoaders(): Promise<void>;
34
- resolveAsyncVisibleItems(): Promise<void>;
35
- static default(config: Partial<TreeConfig<string>>): TestTree<string>;
36
- with(config: Partial<TreeConfig<T>>): TestTree<T>;
37
- resetBeforeEach(): void;
38
- createTestCaseTree(): Promise<this>;
39
- withFeatures(...features: any): TestTree<T>;
40
- mockedHandler(handlerName: keyof TreeConfig<T>): import("vitest").Mock<(...args: any[]) => any>;
41
- item(itemId: string): import("../types/core").ItemInstance<T>;
42
- reset(): void;
43
- debug(): void;
44
- setElementBoundingBox(itemId: string, bb?: Partial<DOMRect>): void;
45
- static dragEvent(clientX?: number, clientY?: number): DragEvent;
46
- createTopDragEvent(indent?: number): DragEvent<Element>;
47
- createBottomDragEvent(indent?: number): DragEvent<Element>;
48
- }
@@ -1,203 +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
- /* eslint-disable import/no-extraneous-dependencies */
11
- import { beforeEach, describe, vi } from "vitest";
12
- import { createTree } from "../core/create-tree";
13
- import { TestTreeDo } from "./test-tree-do";
14
- import { TestTreeExpect } from "./test-tree-expect";
15
- import { syncDataLoaderFeature } from "../features/sync-data-loader/feature";
16
- import { asyncDataLoaderFeature } from "../features/async-data-loader/feature";
17
- import { buildProxiedInstance } from "../core/build-proxified-instance";
18
- vi.useFakeTimers({ shouldAdvanceTime: true });
19
- export class TestTree {
20
- forSuits(runSuite) {
21
- describe.for([
22
- this.suits.sync(),
23
- this.suits.async(),
24
- this.suits.proxifiedSync(),
25
- this.suits.proxifiedAsync(),
26
- ])("$title", ({ tree }) => {
27
- tree.resetBeforeEach();
28
- runSuite(tree);
29
- });
30
- }
31
- get instance() {
32
- if (!this.treeInstance) {
33
- this.treeInstance = createTree(this.config);
34
- this.treeInstance.rebuildTree();
35
- }
36
- return this.treeInstance;
37
- }
38
- constructor(config) {
39
- this.config = config;
40
- this.do = new TestTreeDo(this);
41
- this.expect = new TestTreeExpect(this);
42
- this.treeInstance = null;
43
- this.asyncDataLoaderImp = {
44
- getItem: (id) => __awaiter(this, void 0, void 0, function* () {
45
- yield new Promise((r) => {
46
- r.debugName = `Loading getItem ${id}`;
47
- TestTree.asyncLoaderResolvers.push(r);
48
- });
49
- return id;
50
- }),
51
- getChildren: (id) => __awaiter(this, void 0, void 0, function* () {
52
- yield new Promise((r) => {
53
- r.debugName = `Loading getChildren ${id}`;
54
- TestTree.asyncLoaderResolvers.push(r);
55
- });
56
- return [`${id}1`, `${id}2`, `${id}3`, `${id}4`];
57
- }),
58
- };
59
- this.suits = {
60
- sync: () => ({
61
- tree: this.withFeatures(syncDataLoaderFeature),
62
- title: "Synchronous Data Loader",
63
- }),
64
- async: () => ({
65
- tree: this.withFeatures(asyncDataLoaderFeature).with({
66
- dataLoader: this.asyncDataLoaderImp,
67
- }),
68
- title: "Asynchronous Data Loader",
69
- }),
70
- proxifiedSync: () => ({
71
- tree: this.withFeatures(syncDataLoaderFeature).with({
72
- instanceBuilder: buildProxiedInstance,
73
- }),
74
- title: "Proxified Synchronous Data Loader",
75
- }),
76
- proxifiedAsync: () => ({
77
- tree: this.withFeatures(asyncDataLoaderFeature).with({
78
- instanceBuilder: buildProxiedInstance,
79
- }),
80
- title: "Proxified Asynchronous Data Loader",
81
- }),
82
- };
83
- }
84
- static resolveAsyncLoaders() {
85
- return __awaiter(this, void 0, void 0, function* () {
86
- var _a;
87
- do {
88
- (_a = TestTree.asyncLoaderResolvers.shift()) === null || _a === void 0 ? void 0 : _a();
89
- yield new Promise((r) => {
90
- setTimeout(r);
91
- });
92
- } while (TestTree.asyncLoaderResolvers.length);
93
- });
94
- }
95
- resolveAsyncVisibleItems() {
96
- return __awaiter(this, void 0, void 0, function* () {
97
- this.instance.getItems();
98
- yield TestTree.resolveAsyncLoaders();
99
- this.instance.getItems().forEach((i) => i.getItemName());
100
- yield TestTree.resolveAsyncLoaders();
101
- });
102
- }
103
- static default(config) {
104
- return new TestTree(Object.assign({ rootItemId: "x", createLoadingItemData: () => "loading", dataLoader: {
105
- getItem: (id) => id,
106
- getChildren: (id) => [`${id}1`, `${id}2`, `${id}3`, `${id}4`],
107
- }, getItemName: (item) => item.getItemData(), indent: 20, isItemFolder: (item) => item.getItemMeta().level < 2, initialState: {
108
- expandedItems: ["x1", "x11"],
109
- }, features: [] }, config));
110
- }
111
- with(config) {
112
- return new TestTree(Object.assign(Object.assign({}, this.config), config));
113
- }
114
- resetBeforeEach() {
115
- beforeEach(() => __awaiter(this, void 0, void 0, function* () {
116
- yield this.createTestCaseTree();
117
- }));
118
- }
119
- createTestCaseTree() {
120
- return __awaiter(this, void 0, void 0, function* () {
121
- this.reset();
122
- vi.clearAllMocks();
123
- // trigger instance creation
124
- // eslint-disable-next-line @typescript-eslint/no-unused-expressions
125
- this.instance;
126
- yield this.resolveAsyncVisibleItems();
127
- return this;
128
- });
129
- }
130
- withFeatures(...features) {
131
- var _a;
132
- return this.with({
133
- features: [...((_a = this.config.features) !== null && _a !== void 0 ? _a : []), ...features],
134
- });
135
- }
136
- mockedHandler(handlerName) {
137
- var _a;
138
- const mock = vi.fn();
139
- if (this.treeInstance) {
140
- (_a = this.treeInstance) === null || _a === void 0 ? void 0 : _a.setConfig((prev) => (Object.assign(Object.assign({}, prev), { [handlerName]: mock })));
141
- }
142
- else {
143
- this.config[handlerName] = mock;
144
- }
145
- return mock;
146
- }
147
- item(itemId) {
148
- return this.instance.getItemInstance(itemId);
149
- }
150
- reset() {
151
- this.treeInstance = null;
152
- TestTree.asyncLoaderResolvers = [];
153
- }
154
- debug() {
155
- console.log(this.instance
156
- .getItems()
157
- .map((item) => [
158
- " ".repeat(item.getItemMeta().level),
159
- '"',
160
- item.getItemName(),
161
- '"',
162
- ].join(""))
163
- .join("\n"));
164
- }
165
- setElementBoundingBox(itemId, bb = {
166
- left: 0,
167
- width: 100,
168
- top: 0,
169
- height: 20,
170
- }) {
171
- this.instance.registerElement({
172
- getBoundingClientRect: () => ({
173
- left: 0,
174
- width: 100,
175
- top: 0,
176
- height: 10000,
177
- }),
178
- });
179
- this.instance.getItemInstance(itemId).registerElement({
180
- getBoundingClientRect: () => bb,
181
- });
182
- }
183
- static dragEvent(clientX = 1000, clientY = 0) {
184
- return {
185
- preventDefault: vi.fn(),
186
- stopPropagation: vi.fn(),
187
- dataTransfer: {
188
- setData: vi.fn(),
189
- getData: vi.fn(),
190
- dropEffect: "unchaged-from-test",
191
- },
192
- clientX,
193
- clientY,
194
- };
195
- }
196
- createTopDragEvent(indent = 0) {
197
- return TestTree.dragEvent(indent * 20, 1);
198
- }
199
- createBottomDragEvent(indent = 0) {
200
- return TestTree.dragEvent(indent * 20, 19);
201
- }
202
- }
203
- TestTree.asyncLoaderResolvers = [];
@@ -1,83 +0,0 @@
1
- import { DragAndDropFeatureDef } from "../features/drag-and-drop/types";
2
- import { MainFeatureDef } from "../features/main/types";
3
- import { SelectionFeatureDef } from "../features/selection/types";
4
- import { TreeFeatureDef } from "../features/tree/types";
5
- import { HotkeyConfig, HotkeysCoreFeatureDef } from "../features/hotkeys-core/types";
6
- import { SyncDataLoaderFeatureDef } from "../features/sync-data-loader/types";
7
- import { AsyncDataLoaderFeatureDef } from "../features/async-data-loader/types";
8
- import { SearchFeatureDef } from "../features/search/types";
9
- import { RenamingFeatureDef } from "../features/renaming/types";
10
- import { ExpandAllFeatureDef } from "../features/expand-all/types";
11
- import { PropMemoizationFeatureDef } from "../features/prop-memoization/types";
12
- import { KeyboardDragAndDropFeatureDef } from "../features/keyboard-drag-and-drop/types";
13
- export type Updater<T> = T | ((old: T) => T);
14
- export type SetStateFn<T> = (updaterOrValue: Updater<T>) => void;
15
- export type FeatureDef = {
16
- state: any;
17
- config: any;
18
- treeInstance: any;
19
- itemInstance: any;
20
- hotkeys: string;
21
- };
22
- export type EmptyFeatureDef = {
23
- state: {};
24
- config: {};
25
- treeInstance: {};
26
- itemInstance: {};
27
- hotkeys: never;
28
- };
29
- type UnionToIntersection<T> = (T extends any ? (x: T) => any : never) extends (x: infer R) => any ? R : never;
30
- type MergedFeatures<F extends FeatureDef> = {
31
- state: UnionToIntersection<F["state"]>;
32
- config: UnionToIntersection<F["config"]>;
33
- treeInstance: UnionToIntersection<F["treeInstance"]>;
34
- itemInstance: UnionToIntersection<F["itemInstance"]>;
35
- hotkeys: F["hotkeys"];
36
- };
37
- export type RegisteredFeatures<T> = MainFeatureDef<T> | TreeFeatureDef<T> | SelectionFeatureDef<T> | DragAndDropFeatureDef<T> | KeyboardDragAndDropFeatureDef<T> | HotkeysCoreFeatureDef<T> | SyncDataLoaderFeatureDef<T> | AsyncDataLoaderFeatureDef<T> | SearchFeatureDef<T> | RenamingFeatureDef<T> | ExpandAllFeatureDef | PropMemoizationFeatureDef;
38
- type TreeStateType<T> = MergedFeatures<RegisteredFeatures<T>>["state"];
39
- export interface TreeState<T> extends TreeStateType<T> {
40
- }
41
- type TreeConfigType<T> = MergedFeatures<RegisteredFeatures<T>>["config"];
42
- export interface TreeConfig<T> extends TreeConfigType<T> {
43
- }
44
- type TreeInstanceType<T> = MergedFeatures<RegisteredFeatures<T>>["treeInstance"];
45
- export interface TreeInstance<T> extends TreeInstanceType<T> {
46
- }
47
- type ItemInstanceType<T> = MergedFeatures<RegisteredFeatures<T>>["itemInstance"];
48
- export interface ItemInstance<T> extends ItemInstanceType<T> {
49
- }
50
- export type HotkeyName = MergedFeatures<RegisteredFeatures<any>>["hotkeys"];
51
- export type HotkeysConfig<T> = Record<HotkeyName, HotkeyConfig<T>>;
52
- export type CustomHotkeysConfig<T> = Partial<Record<HotkeyName | `custom${string}`, Partial<HotkeyConfig<T>>>>;
53
- type MayReturnNull<T extends (...x: any[]) => any> = (...args: Parameters<T>) => ReturnType<T> | null;
54
- export type ItemInstanceOpts<Key extends keyof ItemInstance<any>> = {
55
- item: ItemInstance<any>;
56
- tree: TreeInstance<any>;
57
- itemId: string;
58
- prev?: MayReturnNull<ItemInstance<any>[Key]>;
59
- };
60
- export type TreeInstanceOpts<Key extends keyof TreeInstance<any>> = {
61
- tree: TreeInstance<any>;
62
- prev?: MayReturnNull<TreeInstance<any>[Key]>;
63
- };
64
- export type FeatureImplementation<T = any> = {
65
- key?: string;
66
- deps?: string[];
67
- overwrites?: string[];
68
- stateHandlerNames?: Partial<Record<keyof TreeState<T>, keyof TreeConfig<T>>>;
69
- getInitialState?: (initialState: Partial<TreeState<T>>, tree: TreeInstance<T>) => Partial<TreeState<T>>;
70
- getDefaultConfig?: (defaultConfig: Partial<TreeConfig<T>>, tree: TreeInstance<T>) => Partial<TreeConfig<T>>;
71
- treeInstance?: {
72
- [key in keyof TreeInstance<T>]?: (opts: TreeInstanceOpts<key>, ...args: Parameters<TreeInstance<T>[key]>) => void;
73
- };
74
- itemInstance?: {
75
- [key in keyof ItemInstance<T>]?: (opts: ItemInstanceOpts<key>, ...args: Parameters<ItemInstance<T>[key]>) => void;
76
- };
77
- onTreeMount?: (instance: TreeInstance<T>, treeElement: HTMLElement) => void;
78
- onTreeUnmount?: (instance: TreeInstance<T>, treeElement: HTMLElement) => void;
79
- onItemMount?: (instance: ItemInstance<T>, itemElement: HTMLElement, tree: TreeInstance<T>) => void;
80
- onItemUnmount?: (instance: ItemInstance<T>, itemElement: HTMLElement, tree: TreeInstance<T>) => void;
81
- hotkeys?: Partial<HotkeysConfig<T>>;
82
- };
83
- export {};