@elliemae/ds-treeview 2.2.0-alpha.4 → 3.0.0-next.2

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 (206) hide show
  1. package/cjs/TreeView.js +27 -49
  2. package/cjs/TreeViewContext.js +37 -61
  3. package/cjs/config/cssClassesConstants.js +13 -41
  4. package/cjs/config/useTreeview.js +78 -116
  5. package/cjs/hoc/DnDTreeContext.js +18 -0
  6. package/cjs/hoc/SortableItemContext.js +21 -0
  7. package/cjs/hoc/WithConditionalDnDContext.js +138 -0
  8. package/cjs/hoc/WithDnDSortableItemContext.js +70 -0
  9. package/cjs/index.js +26 -37
  10. package/cjs/parts/CheckboxSelectable.js +59 -70
  11. package/cjs/parts/ChildrenCountDisplayer.js +28 -45
  12. package/cjs/parts/DnDHandle.js +46 -0
  13. package/cjs/parts/DropIndicator.js +75 -0
  14. package/cjs/parts/ExpandCaret.js +83 -85
  15. package/cjs/parts/Icon.js +31 -46
  16. package/cjs/parts/NestingSpace.js +35 -43
  17. package/cjs/parts/RadioSelectable.js +37 -52
  18. package/cjs/parts/TreeItem.js +141 -147
  19. package/cjs/parts/TreeItemText.js +95 -88
  20. package/cjs/parts/TreeList.js +130 -119
  21. package/cjs/plugins/dnd/TreeDndPlugin.js +7 -59
  22. package/cjs/plugins/dnd/index.js +9 -28
  23. package/cjs/plugins/index.js +21 -34
  24. package/cjs/plugins/roving/TreeRovingPlugin.js +7 -35
  25. package/cjs/plugins/roving/index.js +9 -28
  26. package/cjs/plugins/searchable/SearchableTreePlugin.js +7 -35
  27. package/cjs/plugins/searchable/index.js +9 -28
  28. package/cjs/plugins/selectable/SelectablePluginTree.js +7 -35
  29. package/cjs/plugins/selectable/index.js +9 -28
  30. package/cjs/plugins/toolbar/TreeToolbarPlugin.js +7 -35
  31. package/cjs/plugins/toolbar/index.js +9 -28
  32. package/cjs/plugins/tree/TreeDataPlugin.js +7 -35
  33. package/cjs/plugins/tree/index.js +9 -28
  34. package/cjs/plugins/virtualization/TreeVirtualizationPlugin.js +7 -35
  35. package/cjs/plugins/virtualization/index.js +9 -28
  36. package/cjs/react-desc-prop-types.js +54 -82
  37. package/cjs/related-components/TreeViewSearchBar.js +40 -42
  38. package/cjs/sharedTypes.js +2 -27
  39. package/cjs/utils/array-helpers.js +11 -35
  40. package/cjs/utils/group-expands-helpers.js +59 -86
  41. package/cjs/utils/keyboard-helpers.js +90 -85
  42. package/cjs/utils/object-helpers.js +36 -43
  43. package/cjs/utils/refs-helpers.js +22 -43
  44. package/cjs/utils/selectable-helper.js +53 -61
  45. package/cjs/utils/string-helpers.js +7 -35
  46. package/cjs/utils/tree-helpers.js +161 -105
  47. package/cjs/utils/useInstanceRefActions.js +43 -54
  48. package/cjs/utils/useTree.js +80 -76
  49. package/esm/TreeView.js +16 -18
  50. package/esm/TreeViewContext.js +31 -32
  51. package/esm/config/cssClassesConstants.js +6 -12
  52. package/esm/config/useTreeview.js +56 -73
  53. package/esm/hoc/DnDTreeContext.js +14 -0
  54. package/esm/hoc/SortableItemContext.js +17 -0
  55. package/esm/hoc/WithConditionalDnDContext.js +128 -0
  56. package/esm/hoc/WithDnDSortableItemContext.js +61 -0
  57. package/esm/index.js +9 -8
  58. package/esm/parts/CheckboxSelectable.js +46 -36
  59. package/esm/parts/ChildrenCountDisplayer.js +20 -16
  60. package/esm/parts/DnDHandle.js +38 -0
  61. package/esm/parts/DropIndicator.js +68 -0
  62. package/esm/parts/ExpandCaret.js +72 -54
  63. package/esm/parts/Icon.js +22 -16
  64. package/esm/parts/NestingSpace.js +27 -14
  65. package/esm/parts/RadioSelectable.js +28 -20
  66. package/esm/parts/TreeItem.js +125 -114
  67. package/esm/parts/TreeItemText.js +85 -58
  68. package/esm/parts/TreeList.js +119 -91
  69. package/esm/plugins/dnd/TreeDndPlugin.js +3 -30
  70. package/esm/plugins/dnd/index.js +1 -3
  71. package/esm/plugins/index.js +7 -9
  72. package/esm/plugins/roving/TreeRovingPlugin.js +3 -6
  73. package/esm/plugins/roving/index.js +1 -3
  74. package/esm/plugins/searchable/SearchableTreePlugin.js +3 -6
  75. package/esm/plugins/searchable/index.js +1 -3
  76. package/esm/plugins/selectable/SelectablePluginTree.js +3 -6
  77. package/esm/plugins/selectable/index.js +1 -3
  78. package/esm/plugins/toolbar/TreeToolbarPlugin.js +3 -6
  79. package/esm/plugins/toolbar/index.js +1 -3
  80. package/esm/plugins/tree/TreeDataPlugin.js +3 -6
  81. package/esm/plugins/tree/index.js +1 -3
  82. package/esm/plugins/virtualization/TreeVirtualizationPlugin.js +3 -6
  83. package/esm/plugins/virtualization/index.js +1 -3
  84. package/esm/react-desc-prop-types.js +44 -47
  85. package/esm/related-components/TreeViewSearchBar.js +32 -13
  86. package/esm/sharedTypes.js +1 -2
  87. package/esm/utils/array-helpers.js +6 -6
  88. package/esm/utils/group-expands-helpers.js +46 -56
  89. package/esm/utils/keyboard-helpers.js +74 -46
  90. package/esm/utils/object-helpers.js +31 -14
  91. package/esm/utils/refs-helpers.js +19 -15
  92. package/esm/utils/selectable-helper.js +43 -32
  93. package/esm/utils/string-helpers.js +3 -6
  94. package/esm/utils/tree-helpers.js +143 -73
  95. package/esm/utils/useInstanceRefActions.js +35 -21
  96. package/esm/utils/useTree.js +59 -35
  97. package/package.json +35 -19
  98. package/types/hoc/DnDTreeContext.d.ts +14 -0
  99. package/types/hoc/SortableItemContext.d.ts +19 -0
  100. package/types/hoc/WithConditionalDnDContext.d.ts +4 -0
  101. package/types/hoc/WithDnDSortableItemContext.d.ts +4 -0
  102. package/types/parts/DnDHandle.d.ts +6 -0
  103. package/types/parts/DropIndicator.d.ts +10 -0
  104. package/types/parts/TreeItem.d.ts +4 -11
  105. package/types/parts/TreeList.d.ts +0 -4
  106. package/types/plugins/dnd/TreeDndPlugin.d.ts +0 -2
  107. package/types/react-desc-prop-types.d.ts +17 -3
  108. package/types/sharedTypes.d.ts +1 -8
  109. package/types/utils/keyboard-helpers.d.ts +2 -1
  110. package/types/utils/refs-helpers.d.ts +1 -1
  111. package/types/utils/tree-helpers.d.ts +4 -1
  112. package/types/utils/useTree.d.ts +1 -0
  113. package/cjs/TreeView.js.map +0 -7
  114. package/cjs/TreeViewContext.js.map +0 -7
  115. package/cjs/config/cssClassesConstants.js.map +0 -7
  116. package/cjs/config/useTreeview.js.map +0 -7
  117. package/cjs/index.js.map +0 -7
  118. package/cjs/parts/CheckboxSelectable.js.map +0 -7
  119. package/cjs/parts/ChildrenCountDisplayer.js.map +0 -7
  120. package/cjs/parts/ExpandCaret.js.map +0 -7
  121. package/cjs/parts/Icon.js.map +0 -7
  122. package/cjs/parts/NestingSpace.js.map +0 -7
  123. package/cjs/parts/RadioSelectable.js.map +0 -7
  124. package/cjs/parts/TreeItem.js.map +0 -7
  125. package/cjs/parts/TreeItemText.js.map +0 -7
  126. package/cjs/parts/TreeList.js.map +0 -7
  127. package/cjs/plugins/dnd/TreeDndPlugin.js.map +0 -7
  128. package/cjs/plugins/dnd/index.js.map +0 -7
  129. package/cjs/plugins/index.js.map +0 -7
  130. package/cjs/plugins/roving/TreeRovingPlugin.js.map +0 -7
  131. package/cjs/plugins/roving/index.js.map +0 -7
  132. package/cjs/plugins/searchable/SearchableTreePlugin.js.map +0 -7
  133. package/cjs/plugins/searchable/index.js.map +0 -7
  134. package/cjs/plugins/selectable/SelectablePluginTree.js.map +0 -7
  135. package/cjs/plugins/selectable/index.js.map +0 -7
  136. package/cjs/plugins/toolbar/TreeToolbarPlugin.js.map +0 -7
  137. package/cjs/plugins/toolbar/index.js.map +0 -7
  138. package/cjs/plugins/tree/TreeDataPlugin.js.map +0 -7
  139. package/cjs/plugins/tree/index.js.map +0 -7
  140. package/cjs/plugins/virtualization/TreeVirtualizationPlugin.js.map +0 -7
  141. package/cjs/plugins/virtualization/index.js.map +0 -7
  142. package/cjs/react-desc-prop-types.js.map +0 -7
  143. package/cjs/related-components/TreeViewSearchBar.js.map +0 -7
  144. package/cjs/sharedTypes.js.map +0 -7
  145. package/cjs/utils/array-helpers.js.map +0 -7
  146. package/cjs/utils/dnd-helpers.js +0 -146
  147. package/cjs/utils/dnd-helpers.js.map +0 -7
  148. package/cjs/utils/group-expands-helpers.js.map +0 -7
  149. package/cjs/utils/keyboard-helpers.js.map +0 -7
  150. package/cjs/utils/object-helpers.js.map +0 -7
  151. package/cjs/utils/refs-helpers.js.map +0 -7
  152. package/cjs/utils/selectable-helper.js.map +0 -7
  153. package/cjs/utils/string-helpers.js.map +0 -7
  154. package/cjs/utils/tree-helpers.js.map +0 -7
  155. package/cjs/utils/useDnDHelpers.js +0 -199
  156. package/cjs/utils/useDnDHelpers.js.map +0 -7
  157. package/cjs/utils/useInstanceRefActions.js.map +0 -7
  158. package/cjs/utils/useTree.js.map +0 -7
  159. package/esm/TreeView.js.map +0 -7
  160. package/esm/TreeViewContext.js.map +0 -7
  161. package/esm/config/cssClassesConstants.js.map +0 -7
  162. package/esm/config/useTreeview.js.map +0 -7
  163. package/esm/index.js.map +0 -7
  164. package/esm/parts/CheckboxSelectable.js.map +0 -7
  165. package/esm/parts/ChildrenCountDisplayer.js.map +0 -7
  166. package/esm/parts/ExpandCaret.js.map +0 -7
  167. package/esm/parts/Icon.js.map +0 -7
  168. package/esm/parts/NestingSpace.js.map +0 -7
  169. package/esm/parts/RadioSelectable.js.map +0 -7
  170. package/esm/parts/TreeItem.js.map +0 -7
  171. package/esm/parts/TreeItemText.js.map +0 -7
  172. package/esm/parts/TreeList.js.map +0 -7
  173. package/esm/plugins/dnd/TreeDndPlugin.js.map +0 -7
  174. package/esm/plugins/dnd/index.js.map +0 -7
  175. package/esm/plugins/index.js.map +0 -7
  176. package/esm/plugins/roving/TreeRovingPlugin.js.map +0 -7
  177. package/esm/plugins/roving/index.js.map +0 -7
  178. package/esm/plugins/searchable/SearchableTreePlugin.js.map +0 -7
  179. package/esm/plugins/searchable/index.js.map +0 -7
  180. package/esm/plugins/selectable/SelectablePluginTree.js.map +0 -7
  181. package/esm/plugins/selectable/index.js.map +0 -7
  182. package/esm/plugins/toolbar/TreeToolbarPlugin.js.map +0 -7
  183. package/esm/plugins/toolbar/index.js.map +0 -7
  184. package/esm/plugins/tree/TreeDataPlugin.js.map +0 -7
  185. package/esm/plugins/tree/index.js.map +0 -7
  186. package/esm/plugins/virtualization/TreeVirtualizationPlugin.js.map +0 -7
  187. package/esm/plugins/virtualization/index.js.map +0 -7
  188. package/esm/react-desc-prop-types.js.map +0 -7
  189. package/esm/related-components/TreeViewSearchBar.js.map +0 -7
  190. package/esm/sharedTypes.js.map +0 -7
  191. package/esm/utils/array-helpers.js.map +0 -7
  192. package/esm/utils/dnd-helpers.js +0 -117
  193. package/esm/utils/dnd-helpers.js.map +0 -7
  194. package/esm/utils/group-expands-helpers.js.map +0 -7
  195. package/esm/utils/keyboard-helpers.js.map +0 -7
  196. package/esm/utils/object-helpers.js.map +0 -7
  197. package/esm/utils/refs-helpers.js.map +0 -7
  198. package/esm/utils/selectable-helper.js.map +0 -7
  199. package/esm/utils/string-helpers.js.map +0 -7
  200. package/esm/utils/tree-helpers.js.map +0 -7
  201. package/esm/utils/useDnDHelpers.js +0 -170
  202. package/esm/utils/useDnDHelpers.js.map +0 -7
  203. package/esm/utils/useInstanceRefActions.js.map +0 -7
  204. package/esm/utils/useTree.js.map +0 -7
  205. package/types/utils/dnd-helpers.d.ts +0 -39
  206. package/types/utils/useDnDHelpers.d.ts +0 -26
@@ -1,128 +1,139 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
+ var _jsx = require('@babel/runtime/helpers/jsx');
7
+ require('core-js/modules/esnext.async-iterator.map.js');
8
+ require('core-js/modules/esnext.iterator.map.js');
9
+ require('core-js/modules/esnext.async-iterator.filter.js');
10
+ require('core-js/modules/esnext.iterator.constructor.js');
11
+ require('core-js/modules/esnext.iterator.filter.js');
12
+ require('core-js/modules/esnext.async-iterator.for-each.js');
13
+ require('core-js/modules/esnext.iterator.for-each.js');
14
+ var React = require('react');
15
+ var dsClassnames = require('@elliemae/ds-classnames');
16
+ var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
17
+ var TreeViewContext = require('../TreeViewContext.js');
18
+ var cssClassesConstants = require('../config/cssClassesConstants.js');
19
+ var TreeItem = require('./TreeItem.js');
20
+ var WithConditionalDnDContext = require('../hoc/WithConditionalDnDContext.js');
21
+ var DnDTreeContext = require('../hoc/DnDTreeContext.js');
22
+ var jsxRuntime = require('react/jsx-runtime');
23
+
24
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
25
+
26
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
27
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
28
+
29
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
30
+
31
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
32
+ const treeListNoItemsBn = "".concat(cssClassesConstants.treeListBlockName, "-no-items");
33
+ const TreeListNoItems = dsClassnames.aggregatedClasses('div', {
34
+ 'data-testid': treeListNoItemsBn
35
+ })(treeListNoItemsBn); // React.ComponentProps<'ul'> uses LegacyRef typings that existed pre-hook era
36
+ // we omit the LegacyRef typings in favor of hook-era typings
37
+
38
+ const TreeListWrapper = dsClassnames.aggregatedClasses('ul', {
39
+ 'data-testid': cssClassesConstants.treeListBlockName,
40
+ role: 'tree'
41
+ })(cssClassesConstants.treeListBlockName, null, _ref => {
42
+ let {
43
+ rowSize
44
+ } = _ref;
45
+ return {
46
+ ["rowsize-".concat(rowSize)]: rowSize
26
47
  };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var TreeList_exports = {};
29
- __export(TreeList_exports, {
30
- DragAndDropTreeList: () => DragAndDropTreeList,
31
- TreeList: () => TreeList,
32
- TreeListNoItems: () => TreeListNoItems,
33
- TreeListWrapper: () => TreeListWrapper,
34
- treeListNoItemsBn: () => treeListNoItemsBn
35
48
  });
36
- var React = __toESM(require("react"));
37
- var import_react = __toESM(require("react"));
38
- var import_react_sortable_hoc = require("@elliemae/react-sortable-hoc");
39
- var import_ds_classnames = require("@elliemae/ds-classnames");
40
- var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
41
- var import_TreeViewContext = __toESM(require("../TreeViewContext"));
42
- var import_cssClassesConstants = require("../config/cssClassesConstants");
43
- var import_TreeItem = require("./TreeItem");
44
- const treeListNoItemsBn = `${import_cssClassesConstants.treeListBlockName}-no-items`;
45
- const TreeListNoItems = (0, import_ds_classnames.aggregatedClasses)("div", {
46
- "data-testid": treeListNoItemsBn
47
- })(treeListNoItemsBn);
48
- const TreeListWrapper = (0, import_ds_classnames.aggregatedClasses)("ul", {
49
- "data-testid": import_cssClassesConstants.treeListBlockName,
50
- role: "tree"
51
- })(import_cssClassesConstants.treeListBlockName, null, ({ rowSize }) => ({
52
- [`rowsize-${rowSize}`]: rowSize
53
- }));
54
- const compactRowClass = `${import_cssClassesConstants.DSTreeViewPrefix}-tv-row-size-compact`;
55
- const normaRowClass = `${import_cssClassesConstants.DSTreeViewPrefix}-tv-row-size-normal`;
56
- const TreeList = (props) => {
57
- const { onMouseDragOverItem } = props;
58
- const ctx = (0, import_react.useContext)(import_TreeViewContext.default);
49
+ const compactRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-compact");
50
+ const normaRowClass = "".concat(cssClassesConstants.DSTreeViewPrefix, "-tv-row-size-normal");
51
+
52
+ const TreeListComp = () => {
53
+ const ctx = React.useContext(TreeViewContext["default"]);
59
54
  const {
60
55
  virtualListRef,
61
56
  virtualListHelpers,
62
- visibleItems,
63
- withDragAndDrop,
64
- props: { width, height, rowSize, noItemsPlaceholder, isLoading }
57
+ visibleItems: flattenedVisibleItems,
58
+ props: {
59
+ width,
60
+ height,
61
+ rowSize,
62
+ noItemsPlaceholder,
63
+ isLoading
64
+ }
65
65
  } = ctx;
66
- const { totalSize, virtualItems } = virtualListHelpers;
67
- const className = `${rowSize === "compact" ? `${compactRowClass}` : `${normaRowClass}`}`;
68
- return /* @__PURE__ */ import_react.default.createElement(TreeListWrapper, {
66
+ const {
67
+ totalSize,
68
+ virtualItems
69
+ } = virtualListHelpers;
70
+ const className = "".concat(rowSize === 'compact' ? "".concat(compactRowClass) : "".concat(normaRowClass));
71
+ const {
72
+ visibleItems
73
+ } = React.useContext(DnDTreeContext.DnDTreeContext);
74
+ return /*#__PURE__*/jsxRuntime.jsxs(TreeListWrapper, {
69
75
  ref: virtualListRef,
70
- className,
76
+ className: className,
71
77
  style: {
72
- height: `${typeof height === "number" ? `${height}px` : height}`,
73
- width: `${typeof width === "number" ? `${width}px` : width}`,
74
- overflow: "auto"
75
- }
76
- }, isLoading ? /* @__PURE__ */ import_react.default.createElement("div", {
77
- style: {
78
- width: "100%",
79
- height: "100%",
80
- display: "flex",
81
- alignItems: "center",
82
- justifyContent: "center"
83
- }
84
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
85
- size: "xl",
86
- loading: isLoading,
87
- showLabel: true,
88
- waiting: false,
89
- showTooltip: false
90
- })) : null, !isLoading && virtualItems.length === 0 ? /* @__PURE__ */ import_react.default.createElement(TreeListNoItems, null, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /* @__PURE__ */ import_react.default.createElement("div", {
91
- style: {
92
- height: `${totalSize}px`,
93
- width: "100%",
94
- position: "relative"
95
- }
96
- }, virtualItems.map((virtualItem) => {
97
- const { index, measureRef, start } = virtualItem;
98
- const item = visibleItems[index];
99
- item.virtualIndex = index;
100
- const { id } = item;
101
- const style = {
102
- position: "absolute",
103
- top: 0,
104
- left: 0,
105
- width: "100%",
106
- transform: `translateY(${start}px)`
107
- };
108
- const listItemProps = {
109
- key: `DS-TreeView-List-Item-${id}`,
110
- virtualItemRef: measureRef,
111
- index,
112
- itemIndex: index,
113
- item,
114
- itemWrapperStyle: style
115
- };
116
- if (withDragAndDrop)
117
- return /* @__PURE__ */ import_react.default.createElement(import_TreeItem.DragAndDropTreeItem, {
118
- ...listItemProps,
119
- onMouseDragOverItem
120
- });
121
- return /* @__PURE__ */ import_react.default.createElement(import_TreeItem.TreeItem, {
122
- ...listItemProps
123
- });
124
- })) : null);
78
+ height: "".concat(typeof height === 'number' ? "".concat(height, "px") : height),
79
+ width: "".concat(typeof width === 'number' ? "".concat(width, "px") : width),
80
+ overflow: 'auto'
81
+ },
82
+ children: [isLoading ? /*#__PURE__*/_jsx__default["default"]("div", {
83
+ style: {
84
+ width: '100%',
85
+ height: '100%',
86
+ display: 'flex',
87
+ alignItems: 'center',
88
+ justifyContent: 'center'
89
+ }
90
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
91
+ size: "xl",
92
+ loading: isLoading,
93
+ showLabel: true,
94
+ waiting: false,
95
+ showTooltip: false
96
+ })) : null, !isLoading && virtualItems.length === 0 ? /*#__PURE__*/_jsx__default["default"](TreeListNoItems, {}, void 0, noItemsPlaceholder) : null, !isLoading && virtualItems.length !== 0 ? /*#__PURE__*/_jsx__default["default"]("div", {
97
+ style: {
98
+ height: "".concat(totalSize, "px"),
99
+ width: '100%',
100
+ position: 'relative'
101
+ }
102
+ }, void 0, virtualItems.map(virtualItem => {
103
+ const {
104
+ index,
105
+ measureRef,
106
+ start
107
+ } = virtualItem;
108
+ const item = (visibleItems || flattenedVisibleItems)[index];
109
+ if (!item) return null;
110
+ item.virtualIndex = index;
111
+ const {
112
+ id
113
+ } = item;
114
+ const style = {
115
+ position: 'absolute',
116
+ top: "".concat(start, "px"),
117
+ left: 0,
118
+ width: '100%'
119
+ };
120
+ const listItemProps = {
121
+ key: "DS-TreeView-List-Item-".concat(id),
122
+ virtualItemRef: measureRef,
123
+ index,
124
+ // this is consumed by the DnD HOC
125
+ itemIndex: index,
126
+ item,
127
+ itemWrapperStyle: style
128
+ };
129
+ return /*#__PURE__*/jsxRuntime.jsx(TreeItem["default"], _objectSpread({}, listItemProps));
130
+ })) : null]
131
+ });
125
132
  };
126
- const DragAndDropTreeList = (0, import_react_sortable_hoc.SortableContainer)(TreeList);
127
- module.exports = __toCommonJS(TreeList_exports);
128
- //# sourceMappingURL=TreeList.js.map
133
+
134
+ const TreeList = WithConditionalDnDContext.withConditionalDnDRowContext(TreeListComp);
135
+
136
+ exports.TreeList = TreeList;
137
+ exports.TreeListNoItems = TreeListNoItems;
138
+ exports.TreeListWrapper = TreeListWrapper;
139
+ exports.treeListNoItemsBn = treeListNoItemsBn;
@@ -1,59 +1,7 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var TreeDndPlugin_exports = {};
29
- __export(TreeDndPlugin_exports, {
30
- TreeDnD: () => TreeDnD,
31
- TreeDndPlugin: () => TreeDndPlugin
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_TreeList = require("../../parts/TreeList");
36
- var import_useDnDHelpers = require("../../utils/useDnDHelpers");
37
- var import_dnd_helpers = require("../../utils/dnd-helpers");
38
- var import_TreeViewContext = __toESM(require("../../TreeViewContext"));
39
- const TreeDnD = () => {
40
- const { updateBeforeSortStart, onSortStart, onMouseDragOverItem, onSortEnd } = (0, import_useDnDHelpers.useDnDHelpers)();
41
- const ctx = (0, import_react.useContext)(import_TreeViewContext.default);
42
- const { virtualListRef } = ctx;
43
- return /* @__PURE__ */ import_react.default.createElement(import_TreeList.DragAndDropTreeList, {
44
- useDragHandle: true,
45
- transitionDuration: 0,
46
- keyboardSortingTransitionDuration: 0,
47
- hideSortableGhost: false,
48
- disableAnimation: true,
49
- updateBeforeSortStart,
50
- onSortStart,
51
- onMouseDragOverItem,
52
- onSortEnd,
53
- getContainer: () => virtualListRef?.current,
54
- keyCodes: import_dnd_helpers.keyCodes
55
- });
56
- };
57
- const TreeDndPlugin = "tree-dnd";
58
- module.exports = __toCommonJS(TreeDndPlugin_exports);
59
- //# sourceMappingURL=TreeDndPlugin.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const TreeDndPlugin = 'tree-dnd';
6
+
7
+ exports.TreeDndPlugin = TreeDndPlugin;
@@ -1,28 +1,9 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var dnd_exports = {};
25
- var React = __toESM(require("react"));
26
- __reExport(dnd_exports, require("./TreeDndPlugin"));
27
- module.exports = __toCommonJS(dnd_exports);
28
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var TreeDndPlugin = require('./TreeDndPlugin.js');
6
+
7
+
8
+
9
+ exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
@@ -1,34 +1,21 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var plugins_exports = {};
25
- var React = __toESM(require("react"));
26
- __reExport(plugins_exports, require("./dnd"));
27
- __reExport(plugins_exports, require("./roving"));
28
- __reExport(plugins_exports, require("./selectable"));
29
- __reExport(plugins_exports, require("./toolbar"));
30
- __reExport(plugins_exports, require("./tree"));
31
- __reExport(plugins_exports, require("./virtualization"));
32
- __reExport(plugins_exports, require("./searchable"));
33
- module.exports = __toCommonJS(plugins_exports);
34
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var TreeDndPlugin = require('./dnd/TreeDndPlugin.js');
6
+ var TreeRovingPlugin = require('./roving/TreeRovingPlugin.js');
7
+ var SelectablePluginTree = require('./selectable/SelectablePluginTree.js');
8
+ var TreeToolbarPlugin = require('./toolbar/TreeToolbarPlugin.js');
9
+ var TreeDataPlugin = require('./tree/TreeDataPlugin.js');
10
+ var TreeVirtualizationPlugin = require('./virtualization/TreeVirtualizationPlugin.js');
11
+ var SearchableTreePlugin = require('./searchable/SearchableTreePlugin.js');
12
+
13
+
14
+
15
+ exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
16
+ exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
17
+ exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;
18
+ exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;
19
+ exports.TreePluginList = TreeDataPlugin.TreePluginList;
20
+ exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;
21
+ exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;
@@ -1,35 +1,7 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var TreeRovingPlugin_exports = {};
29
- __export(TreeRovingPlugin_exports, {
30
- TreeRovingPlugin: () => TreeRovingPlugin
31
- });
32
- var React = __toESM(require("react"));
33
- const TreeRovingPlugin = "tree-roving";
34
- module.exports = __toCommonJS(TreeRovingPlugin_exports);
35
- //# sourceMappingURL=TreeRovingPlugin.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const TreeRovingPlugin = 'tree-roving';
6
+
7
+ exports.TreeRovingPlugin = TreeRovingPlugin;
@@ -1,28 +1,9 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var roving_exports = {};
25
- var React = __toESM(require("react"));
26
- __reExport(roving_exports, require("./TreeRovingPlugin"));
27
- module.exports = __toCommonJS(roving_exports);
28
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var TreeRovingPlugin = require('./TreeRovingPlugin.js');
6
+
7
+
8
+
9
+ exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
@@ -1,35 +1,7 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var SearchableTreePlugin_exports = {};
29
- __export(SearchableTreePlugin_exports, {
30
- SearchableTreePlugin: () => SearchableTreePlugin
31
- });
32
- var React = __toESM(require("react"));
33
- const SearchableTreePlugin = "tree-searchable";
34
- module.exports = __toCommonJS(SearchableTreePlugin_exports);
35
- //# sourceMappingURL=SearchableTreePlugin.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const SearchableTreePlugin = 'tree-searchable';
6
+
7
+ exports.SearchableTreePlugin = SearchableTreePlugin;
@@ -1,28 +1,9 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __reExport = (target, module2, copyDefault, desc) => {
9
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
- for (let key of __getOwnPropNames(module2))
11
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
- }
14
- return target;
15
- };
16
- var __toESM = (module2, isNodeMode) => {
17
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
- };
19
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
- return (module2, temp) => {
21
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
- };
23
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
- var searchable_exports = {};
25
- var React = __toESM(require("react"));
26
- __reExport(searchable_exports, require("./SearchableTreePlugin"));
27
- module.exports = __toCommonJS(searchable_exports);
28
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var SearchableTreePlugin = require('./SearchableTreePlugin.js');
6
+
7
+
8
+
9
+ exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;
@@ -1,35 +1,7 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var SelectablePluginTree_exports = {};
29
- __export(SelectablePluginTree_exports, {
30
- SelectablePluginTree: () => SelectablePluginTree
31
- });
32
- var React = __toESM(require("react"));
33
- const SelectablePluginTree = "tree-selectable";
34
- module.exports = __toCommonJS(SelectablePluginTree_exports);
35
- //# sourceMappingURL=SelectablePluginTree.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const SelectablePluginTree = 'tree-selectable';
6
+
7
+ exports.SelectablePluginTree = SelectablePluginTree;