@elliemae/ds-treeview 2.0.0-alpha.11 → 2.0.0-alpha.12

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 (77) hide show
  1. package/cjs/TreeView.js +5 -0
  2. package/cjs/deprecated/TreeView.js +5 -0
  3. package/cjs/deprecated/__testUtils__/utils.js +9 -1
  4. package/cjs/deprecated/plugins/dnd/TreeDndPlugin.js +14 -8
  5. package/cjs/deprecated/plugins/dnd/renderers/DraggableItem.js +7 -3
  6. package/cjs/deprecated/plugins/dnd/renderers/DroppableList.js +20 -15
  7. package/cjs/deprecated/plugins/dnd/utils.js +41 -34
  8. package/cjs/deprecated/plugins/roving/TreeRovingPlugin.js +12 -3
  9. package/cjs/deprecated/plugins/searchable/SearchableTreePlugin.js +5 -3
  10. package/cjs/deprecated/plugins/selectable/SelectablePluginTree.js +52 -33
  11. package/cjs/deprecated/plugins/toolbar/TreeToolbarPlugin.js +11 -7
  12. package/cjs/deprecated/plugins/tree/TreeDataPlugin.js +38 -28
  13. package/cjs/deprecated/plugins/tree/useExpandTreeState.js +8 -5
  14. package/cjs/deprecated/plugins/tree/utils.js +17 -4
  15. package/cjs/deprecated/plugins/tree/walkTreeStrategy.js +11 -9
  16. package/cjs/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js +24 -10
  17. package/cjs/deprecated/renderers.js +16 -8
  18. package/cjs/parts/CheckboxSelectable.js +7 -3
  19. package/cjs/parts/ExpandCaret.js +10 -10
  20. package/cjs/parts/Icon.js +2 -2
  21. package/cjs/parts/NestingSpace.js +5 -0
  22. package/cjs/parts/RadioSelectable.js +2 -3
  23. package/cjs/parts/TreeItem.js +29 -19
  24. package/cjs/parts/TreeItemText.js +12 -9
  25. package/cjs/parts/TreeList.js +17 -7
  26. package/cjs/related-components/TreeViewSearchBar.js +2 -2
  27. package/cjs/utils/dnd-helpers.js +29 -25
  28. package/cjs/utils/group-expands-helpers.js +7 -5
  29. package/cjs/utils/keyboard-helpers.js +6 -3
  30. package/cjs/utils/object-helpers.js +8 -0
  31. package/cjs/utils/refs-helpers.js +11 -1
  32. package/cjs/utils/selectable-helper.js +9 -2
  33. package/cjs/utils/tree-helpers.js +26 -8
  34. package/cjs/utils/useDnDHelpers.js +18 -12
  35. package/cjs/utils/useInstanceRefActions.js +13 -10
  36. package/cjs/utils/useTree.js +5 -0
  37. package/esm/TreeView.js +5 -0
  38. package/esm/deprecated/TreeView.js +5 -0
  39. package/esm/deprecated/__testUtils__/utils.js +9 -1
  40. package/esm/deprecated/plugins/dnd/TreeDndPlugin.js +13 -7
  41. package/esm/deprecated/plugins/dnd/renderers/DraggableItem.js +6 -1
  42. package/esm/deprecated/plugins/dnd/renderers/DroppableList.js +17 -11
  43. package/esm/deprecated/plugins/dnd/utils.js +34 -27
  44. package/esm/deprecated/plugins/roving/TreeRovingPlugin.js +11 -2
  45. package/esm/deprecated/plugins/searchable/SearchableTreePlugin.js +4 -1
  46. package/esm/deprecated/plugins/selectable/SelectablePluginTree.js +44 -22
  47. package/esm/deprecated/plugins/toolbar/TreeToolbarPlugin.js +8 -3
  48. package/esm/deprecated/plugins/tree/TreeDataPlugin.js +28 -16
  49. package/esm/deprecated/plugins/tree/useExpandTreeState.js +6 -2
  50. package/esm/deprecated/plugins/tree/utils.js +17 -4
  51. package/esm/deprecated/plugins/tree/walkTreeStrategy.js +11 -9
  52. package/esm/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js +24 -10
  53. package/esm/deprecated/renderers.js +16 -8
  54. package/esm/parts/CheckboxSelectable.js +7 -2
  55. package/esm/parts/ExpandCaret.js +8 -6
  56. package/esm/parts/Icon.js +1 -1
  57. package/esm/parts/NestingSpace.js +5 -0
  58. package/esm/parts/RadioSelectable.js +2 -2
  59. package/esm/parts/TreeItem.js +29 -18
  60. package/esm/parts/TreeItemText.js +10 -7
  61. package/esm/parts/TreeList.js +16 -6
  62. package/esm/related-components/TreeViewSearchBar.js +1 -1
  63. package/esm/utils/dnd-helpers.js +29 -25
  64. package/esm/utils/group-expands-helpers.js +7 -5
  65. package/esm/utils/keyboard-helpers.js +6 -3
  66. package/esm/utils/object-helpers.js +8 -0
  67. package/esm/utils/refs-helpers.js +11 -1
  68. package/esm/utils/selectable-helper.js +9 -2
  69. package/esm/utils/tree-helpers.js +26 -8
  70. package/esm/utils/useDnDHelpers.js +18 -12
  71. package/esm/utils/useInstanceRefActions.js +13 -10
  72. package/esm/utils/useTree.js +5 -0
  73. package/package.json +14 -13
  74. package/types/TreeView.d.ts +118 -28
  75. package/types/deprecated/__testUtils__/utils.d.ts +1 -1
  76. package/types/deprecated/plugins/tree/useExpandTreeState.d.ts +12 -2
  77. package/types/react-desc-prop-types.d.ts +113 -27
package/types/TreeView.d.ts CHANGED
@@ -1,34 +1,120 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  import React from 'react';
2
3
  export declare function TreeView(props: any): JSX.Element;
3
4
  export declare namespace TreeView {
4
5
  var propTypes: {
5
- data: any;
6
- plugins: any;
7
- selection: any;
8
- instanceRef: any;
9
- disableGroups: any;
10
- disableLeafs: any;
11
- disableIcons: any;
12
- fluid: any;
13
- isMultiSelect: any;
14
- isSingleSelect: any;
15
- restrictDragAndDrop: any;
16
- showChildrenAmount: any;
17
- sortable: any;
18
- labelRenderer: any;
19
- onItemClick: any;
20
- onItemFocus: any;
21
- onVisibleItemsChange: any;
22
- onOrderChange: any;
23
- onSelectionChange: any;
24
- onExpandChange: any;
25
- rowSize: any;
26
- width: any;
27
- height: any;
28
- groupIcon: any;
29
- itemIcon: any;
30
- searchQuery: any;
31
- highlightOnlyQuery: any;
6
+ data: import("react-desc").PropTypesDescValidator;
7
+ plugins: {
8
+ deprecated: import("react-desc").PropTypesDescValidator;
9
+ };
10
+ selection: {
11
+ deprecated: import("react-desc").PropTypesDescValidator;
12
+ };
13
+ instanceRef: {
14
+ defaultValue<T = unknown>(arg: T): {
15
+ deprecated: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ isRequired: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ disableGroups: {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ disableLeafs: {
23
+ deprecated: import("react-desc").PropTypesDescValidator;
24
+ };
25
+ disableIcons: {
26
+ deprecated: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ fluid: {
29
+ deprecated: import("react-desc").PropTypesDescValidator;
30
+ };
31
+ isMultiSelect: {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ isSingleSelect: {
35
+ deprecated: import("react-desc").PropTypesDescValidator;
36
+ };
37
+ restrictDragAndDrop: {
38
+ deprecated: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ showChildrenAmount: {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ sortable: {
44
+ deprecated: import("react-desc").PropTypesDescValidator;
45
+ };
46
+ labelRenderer: {
47
+ defaultValue<T = unknown>(arg: T): {
48
+ deprecated: import("react-desc").PropTypesDescValidator;
49
+ };
50
+ isRequired: import("react-desc").PropTypesDescValidator;
51
+ };
52
+ onItemClick: {
53
+ defaultValue<T = unknown>(arg: T): {
54
+ deprecated: import("react-desc").PropTypesDescValidator;
55
+ };
56
+ isRequired: import("react-desc").PropTypesDescValidator;
57
+ };
58
+ onItemFocus: {
59
+ defaultValue<T = unknown>(arg: T): {
60
+ deprecated: import("react-desc").PropTypesDescValidator;
61
+ };
62
+ isRequired: import("react-desc").PropTypesDescValidator;
63
+ };
64
+ onVisibleItemsChange: {
65
+ defaultValue<T = unknown>(arg: T): {
66
+ deprecated: import("react-desc").PropTypesDescValidator;
67
+ };
68
+ isRequired: import("react-desc").PropTypesDescValidator;
69
+ };
70
+ onOrderChange: {
71
+ defaultValue<T = unknown>(arg: T): {
72
+ deprecated: import("react-desc").PropTypesDescValidator;
73
+ };
74
+ isRequired: import("react-desc").PropTypesDescValidator;
75
+ };
76
+ onSelectionChange: {
77
+ defaultValue<T = unknown>(arg: T): {
78
+ deprecated: import("react-desc").PropTypesDescValidator;
79
+ };
80
+ isRequired: import("react-desc").PropTypesDescValidator;
81
+ };
82
+ onExpandChange: {
83
+ defaultValue<T = unknown>(arg: T): {
84
+ deprecated: import("react-desc").PropTypesDescValidator;
85
+ };
86
+ isRequired: import("react-desc").PropTypesDescValidator;
87
+ };
88
+ rowSize: {
89
+ deprecated: import("react-desc").PropTypesDescValidator;
90
+ };
91
+ width: {
92
+ deprecated: import("react-desc").PropTypesDescValidator;
93
+ };
94
+ height: {
95
+ deprecated: import("react-desc").PropTypesDescValidator;
96
+ };
97
+ groupIcon: {
98
+ defaultValue<T = unknown>(arg: T): {
99
+ deprecated: import("react-desc").PropTypesDescValidator;
100
+ };
101
+ isRequired: import("react-desc").PropTypesDescValidator;
102
+ };
103
+ itemIcon: {
104
+ defaultValue<T = unknown>(arg: T): {
105
+ deprecated: import("react-desc").PropTypesDescValidator;
106
+ };
107
+ isRequired: import("react-desc").PropTypesDescValidator;
108
+ };
109
+ searchQuery: {
110
+ defaultValue<T = unknown>(arg: T): {
111
+ deprecated: import("react-desc").PropTypesDescValidator;
112
+ };
113
+ isRequired: import("react-desc").PropTypesDescValidator;
114
+ };
115
+ highlightOnlyQuery: {
116
+ deprecated: import("react-desc").PropTypesDescValidator;
117
+ };
32
118
  };
33
119
  var defaultProps: {
34
120
  plugins: never[];
@@ -63,5 +149,9 @@ export declare namespace TreeView {
63
149
  searchQuery: string;
64
150
  };
65
151
  }
66
- declare const TreeViewWithSchema: any;
152
+ declare const TreeViewWithSchema: {
153
+ (props?: any): JSX.Element;
154
+ propTypes: unknown;
155
+ toTypescript: () => import("react-desc").TypescriptSchema;
156
+ };
67
157
  export { TreeViewWithSchema };
package/types/deprecated/__testUtils__/utils.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare function getTreeItemsFromRender({ data, plugins, ...props }: {
15
15
  }, key?: string): {
16
16
  container: HTMLElement;
17
17
  baseElement: Element;
18
- debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format/build/types").PrettyFormatOptions | undefined) => void;
18
+ debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
19
19
  rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
20
20
  unmount: () => void;
21
21
  asFragment: () => DocumentFragment;
package/types/deprecated/plugins/tree/useExpandTreeState.d.ts CHANGED
@@ -1,4 +1,14 @@
1
1
  export declare const useExpandTreeState: (instance: any) => {
2
- state: any;
3
- actions: any;
2
+ state: {
3
+ expandedAll: boolean;
4
+ expanded: any;
5
+ isExpandedAll: boolean;
6
+ };
7
+ actions: {
8
+ toggleExpandAll: (expanded: any) => Promise<any>;
9
+ toggleExpand: (item: any, opts: any) => void;
10
+ _toggleExpand: (item: any, opts: any) => void;
11
+ expand: (item: any, stateData?: boolean | undefined) => void;
12
+ collapse: (item: any) => void;
13
+ };
4
14
  };
package/types/react-desc-prop-types.d.ts CHANGED
@@ -1,29 +1,115 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  export declare const TreeViewPropTypes: {
2
- data: any;
3
- plugins: any;
4
- selection: any;
5
- instanceRef: any;
6
- disableGroups: any;
7
- disableLeafs: any;
8
- disableIcons: any;
9
- fluid: any;
10
- isMultiSelect: any;
11
- isSingleSelect: any;
12
- restrictDragAndDrop: any;
13
- showChildrenAmount: any;
14
- sortable: any;
15
- labelRenderer: any;
16
- onItemClick: any;
17
- onItemFocus: any;
18
- onVisibleItemsChange: any;
19
- onOrderChange: any;
20
- onSelectionChange: any;
21
- onExpandChange: any;
22
- rowSize: any;
23
- width: any;
24
- height: any;
25
- groupIcon: any;
26
- itemIcon: any;
27
- searchQuery: any;
28
- highlightOnlyQuery: any;
3
+ data: import("react-desc").PropTypesDescValidator;
4
+ plugins: {
5
+ deprecated: import("react-desc").PropTypesDescValidator;
6
+ };
7
+ selection: {
8
+ deprecated: import("react-desc").PropTypesDescValidator;
9
+ };
10
+ instanceRef: {
11
+ defaultValue<T = unknown>(arg: T): {
12
+ deprecated: import("react-desc").PropTypesDescValidator;
13
+ };
14
+ isRequired: import("react-desc").PropTypesDescValidator;
15
+ };
16
+ disableGroups: {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ disableLeafs: {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ disableIcons: {
23
+ deprecated: import("react-desc").PropTypesDescValidator;
24
+ };
25
+ fluid: {
26
+ deprecated: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ isMultiSelect: {
29
+ deprecated: import("react-desc").PropTypesDescValidator;
30
+ };
31
+ isSingleSelect: {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ restrictDragAndDrop: {
35
+ deprecated: import("react-desc").PropTypesDescValidator;
36
+ };
37
+ showChildrenAmount: {
38
+ deprecated: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ sortable: {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ labelRenderer: {
44
+ defaultValue<T = unknown>(arg: T): {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
47
+ isRequired: import("react-desc").PropTypesDescValidator;
48
+ };
49
+ onItemClick: {
50
+ defaultValue<T = unknown>(arg: T): {
51
+ deprecated: import("react-desc").PropTypesDescValidator;
52
+ };
53
+ isRequired: import("react-desc").PropTypesDescValidator;
54
+ };
55
+ onItemFocus: {
56
+ defaultValue<T = unknown>(arg: T): {
57
+ deprecated: import("react-desc").PropTypesDescValidator;
58
+ };
59
+ isRequired: import("react-desc").PropTypesDescValidator;
60
+ };
61
+ onVisibleItemsChange: {
62
+ defaultValue<T = unknown>(arg: T): {
63
+ deprecated: import("react-desc").PropTypesDescValidator;
64
+ };
65
+ isRequired: import("react-desc").PropTypesDescValidator;
66
+ };
67
+ onOrderChange: {
68
+ defaultValue<T = unknown>(arg: T): {
69
+ deprecated: import("react-desc").PropTypesDescValidator;
70
+ };
71
+ isRequired: import("react-desc").PropTypesDescValidator;
72
+ };
73
+ onSelectionChange: {
74
+ defaultValue<T = unknown>(arg: T): {
75
+ deprecated: import("react-desc").PropTypesDescValidator;
76
+ };
77
+ isRequired: import("react-desc").PropTypesDescValidator;
78
+ };
79
+ onExpandChange: {
80
+ defaultValue<T = unknown>(arg: T): {
81
+ deprecated: import("react-desc").PropTypesDescValidator;
82
+ };
83
+ isRequired: import("react-desc").PropTypesDescValidator;
84
+ };
85
+ rowSize: {
86
+ deprecated: import("react-desc").PropTypesDescValidator;
87
+ };
88
+ width: {
89
+ deprecated: import("react-desc").PropTypesDescValidator;
90
+ };
91
+ height: {
92
+ deprecated: import("react-desc").PropTypesDescValidator;
93
+ };
94
+ groupIcon: {
95
+ defaultValue<T = unknown>(arg: T): {
96
+ deprecated: import("react-desc").PropTypesDescValidator;
97
+ };
98
+ isRequired: import("react-desc").PropTypesDescValidator;
99
+ };
100
+ itemIcon: {
101
+ defaultValue<T = unknown>(arg: T): {
102
+ deprecated: import("react-desc").PropTypesDescValidator;
103
+ };
104
+ isRequired: import("react-desc").PropTypesDescValidator;
105
+ };
106
+ searchQuery: {
107
+ defaultValue<T = unknown>(arg: T): {
108
+ deprecated: import("react-desc").PropTypesDescValidator;
109
+ };
110
+ isRequired: import("react-desc").PropTypesDescValidator;
111
+ };
112
+ highlightOnlyQuery: {
113
+ deprecated: import("react-desc").PropTypesDescValidator;
114
+ };
29
115
  };