@splunk/react-ui 5.3.0 → 5.4.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.
- package/Accordion.js +31 -31
- package/Avatar.js +13 -13
- package/Breadcrumbs.js +66 -63
- package/ButtonSimple.js +52 -52
- package/CHANGELOG.md +16 -0
- package/CardLayout.js +39 -36
- package/Clickable.js +5 -6
- package/Code.js +424 -528
- package/CollapsiblePanel.js +1 -1
- package/Color.js +903 -1025
- package/DefinitionList.js +1 -1
- package/FormRows.js +13 -11
- package/JSONTree.js +682 -1408
- package/Link.js +5 -5
- package/Markdown.js +9 -5
- package/Menu.js +72 -67
- package/Multiselect.js +2692 -2780
- package/Popover.js +201 -196
- package/Resize.js +11 -8
- package/ResultsMenu.js +913 -1030
- package/ScreenReaderContent.js +86 -130
- package/Scroll.js +366 -425
- package/Select.js +1741 -1832
- package/Slider.js +1 -1
- package/SlidingPanels.js +129 -127
- package/StepBar.js +123 -97
- package/Switch.js +115 -111
- package/TabBar.js +10 -10
- package/Table.js +1239 -1240
- package/TextArea.js +596 -684
- package/Tree.js +638 -682
- package/package.json +11 -11
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
- package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
- package/types/src/Breadcrumbs/Item.d.ts +1 -1
- package/types/src/ButtonSimple/mixin.d.ts +1 -1
- package/types/src/JSONTree/JSONTreeItem.d.ts +1 -1
- package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
- package/types/src/Modal/ModalContext.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +2 -2
- package/types/src/Multiselect/Normal.d.ts +2 -2
- package/types/src/Number/utils.d.ts +1 -1
- package/types/src/Popover/getPlacement.d.ts +1 -1
- package/types/src/RadioList/Option.d.ts +1 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -1
- package/types/src/StepBar/StepBar.d.ts +4 -1
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
- package/types/src/Switch/Switch.d.ts +7 -1
- package/types/src/TabBar/Tab.d.ts +3 -1
- package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
- package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
- package/types/src/TabLayout/Panel.d.ts +2 -0
- package/types/src/Table/Head.d.ts +1 -1
- package/types/src/Table/Row.d.ts +1 -1
- package/types/src/Table/Table.d.ts +1 -0
- package/types/src/Tree/TreeContext.d.ts +1 -1
- package/useControlled.js +61 -97
- package/usePrevious.js +30 -62
- package/useResizeObserver.js +95 -127
package/Tree.js
CHANGED
|
@@ -1,75 +1,34 @@
|
|
|
1
1
|
/******/ (() => {
|
|
2
2
|
// webpackBootstrap
|
|
3
3
|
/******/ "use strict";
|
|
4
|
-
/******/
|
|
5
|
-
|
|
6
|
-
/***/ e => {
|
|
7
|
-
e.exports = require("@splunk/themes");
|
|
8
|
-
/***/ },
|
|
9
|
-
/***/ 23:
|
|
10
|
-
/***/ e => {
|
|
11
|
-
e.exports = require("prop-types");
|
|
12
|
-
/***/ },
|
|
13
|
-
/***/ 9497:
|
|
14
|
-
/***/ e => {
|
|
15
|
-
e.exports = require("react");
|
|
16
|
-
/***/ },
|
|
17
|
-
/***/ 232:
|
|
18
|
-
/***/ e => {
|
|
19
|
-
e.exports = require("styled-components");
|
|
20
|
-
/***/
|
|
21
|
-
/******/ }
|
|
22
|
-
};
|
|
23
|
-
/************************************************************************/
|
|
24
|
-
/******/ // The module cache
|
|
25
|
-
/******/ var t = {};
|
|
26
|
-
/******/
|
|
27
|
-
/******/ // The require function
|
|
28
|
-
/******/ function r(n) {
|
|
29
|
-
/******/ // Check if module is in cache
|
|
30
|
-
/******/ var o = t[n];
|
|
31
|
-
/******/ if (o !== undefined) {
|
|
32
|
-
/******/ return o.exports;
|
|
33
|
-
/******/ }
|
|
34
|
-
/******/ // Create a new module (and put it into the cache)
|
|
35
|
-
/******/ var a = t[n] = {
|
|
36
|
-
/******/ // no module.id needed
|
|
37
|
-
/******/ // no module.loaded needed
|
|
38
|
-
/******/ exports: {}
|
|
39
|
-
/******/ };
|
|
40
|
-
/******/
|
|
41
|
-
/******/ // Execute the module function
|
|
42
|
-
/******/ e[n](a, a.exports, r);
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // Return the exports of the module
|
|
45
|
-
/******/ return a.exports;
|
|
46
|
-
/******/ }
|
|
4
|
+
/******/ // The require scope
|
|
5
|
+
/******/ var e = {};
|
|
47
6
|
/******/
|
|
48
7
|
/************************************************************************/
|
|
49
8
|
/******/ /* webpack/runtime/compat get default export */
|
|
50
9
|
/******/ (() => {
|
|
51
10
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
52
|
-
/******/
|
|
53
|
-
/******/ var
|
|
54
|
-
/******/ () =>
|
|
55
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = t => {
|
|
12
|
+
/******/ var n = t && t.__esModule ?
|
|
13
|
+
/******/ () => t["default"]
|
|
14
|
+
/******/ : () => t
|
|
56
15
|
/******/;
|
|
57
|
-
|
|
58
|
-
a:
|
|
16
|
+
e.d(n, {
|
|
17
|
+
a: n
|
|
59
18
|
});
|
|
60
|
-
/******/ return
|
|
19
|
+
/******/ return n;
|
|
61
20
|
/******/ };
|
|
62
21
|
/******/ })();
|
|
63
22
|
/******/
|
|
64
23
|
/******/ /* webpack/runtime/define property getters */
|
|
65
24
|
/******/ (() => {
|
|
66
25
|
/******/ // define getter functions for harmony exports
|
|
67
|
-
/******/
|
|
68
|
-
/******/ for (var
|
|
69
|
-
/******/ if (
|
|
70
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (t, n) => {
|
|
27
|
+
/******/ for (var r in n) {
|
|
28
|
+
/******/ if (e.o(n, r) && !e.o(t, r)) {
|
|
29
|
+
/******/ Object.defineProperty(t, r, {
|
|
71
30
|
enumerable: true,
|
|
72
|
-
get:
|
|
31
|
+
get: n[r]
|
|
73
32
|
});
|
|
74
33
|
/******/ }
|
|
75
34
|
/******/ }
|
|
@@ -78,14 +37,14 @@
|
|
|
78
37
|
/******/
|
|
79
38
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
80
39
|
/******/ (() => {
|
|
81
|
-
/******/
|
|
40
|
+
/******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
|
|
82
41
|
/******/;
|
|
83
42
|
})();
|
|
84
43
|
/******/
|
|
85
44
|
/******/ /* webpack/runtime/make namespace object */
|
|
86
45
|
/******/ (() => {
|
|
87
46
|
/******/ // define __esModule on exports
|
|
88
|
-
/******/
|
|
47
|
+
/******/ e.r = e => {
|
|
89
48
|
/******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
|
|
90
49
|
/******/ Object.defineProperty(e, Symbol.toStringTag, {
|
|
91
50
|
value: "Module"
|
|
@@ -97,688 +56,685 @@
|
|
|
97
56
|
/******/ };
|
|
98
57
|
/******/ })();
|
|
99
58
|
/******/
|
|
100
|
-
/************************************************************************/ var
|
|
101
|
-
//
|
|
102
|
-
(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
151
|
-
/**
|
|
59
|
+
/************************************************************************/ var t = {};
|
|
60
|
+
// ESM COMPAT FLAG
|
|
61
|
+
e.r(t);
|
|
62
|
+
// EXPORTS
|
|
63
|
+
e.d(t, {
|
|
64
|
+
Item: () => /* reexport */ _,
|
|
65
|
+
default: () => /* reexport */ ue
|
|
66
|
+
});
|
|
67
|
+
// CONCATENATED MODULE: external "react"
|
|
68
|
+
const n = require("react");
|
|
69
|
+
var r = e.n(n);
|
|
70
|
+
// CONCATENATED MODULE: external "prop-types"
|
|
71
|
+
const o = require("prop-types");
|
|
72
|
+
var i = e.n(o);
|
|
73
|
+
// CONCATENATED MODULE: external "styled-components"
|
|
74
|
+
const a = require("styled-components");
|
|
75
|
+
var l = e.n(a);
|
|
76
|
+
// CONCATENATED MODULE: external "@splunk/themes"
|
|
77
|
+
const u = require("@splunk/themes");
|
|
78
|
+
// CONCATENATED MODULE: ./src/Tree/ItemStyles.ts
|
|
79
|
+
var c = l().span.withConfig({
|
|
80
|
+
displayName: "ItemStyles__StyledTreeItemContentWrapper",
|
|
81
|
+
componentId: "sc-1ig9nmy-0"
|
|
82
|
+
})([ "display:inline-block;min-height:100%;" ]);
|
|
83
|
+
var f = l().span.withConfig({
|
|
84
|
+
displayName: "ItemStyles__StyledTreeItemIndent",
|
|
85
|
+
componentId: "sc-1ig9nmy-1"
|
|
86
|
+
})([ "white-space:pre;" ]);
|
|
87
|
+
var s = l().span.withConfig({
|
|
88
|
+
displayName: "ItemStyles__StyledTreeItemContent",
|
|
89
|
+
componentId: "sc-1ig9nmy-2"
|
|
90
|
+
})([ "display:", ";min-height:100%;&:focus{outline:3px solid ", ";outline-offset:1px;&:active{outline:none;}}&:hover{background-color:", ";cursor:pointer;}" ], (function(e) {
|
|
91
|
+
var t = e.$hasCustomIndent;
|
|
92
|
+
return t ? "inline" : "inline-block";
|
|
93
|
+
}), u.variables.focusColor, u.variables.actionColorBackgroundSecondaryHover);
|
|
94
|
+
// CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
|
|
95
|
+
var d = (0, n.createContext)({
|
|
96
|
+
defaultIndent: true
|
|
97
|
+
});
|
|
98
|
+
/* harmony default export */ const v = d;
|
|
99
|
+
// CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
|
|
100
|
+
var p = l().ul.withConfig({
|
|
101
|
+
displayName: "TreeStyles__StyledUnorderedList",
|
|
102
|
+
componentId: "sc-13pokwt-0"
|
|
103
|
+
})([ "", ";list-style:none;white-space:inherit;", ";" ], u.mixins.reset("ul"), (function(e) {
|
|
104
|
+
var t = e.$defaultIndent;
|
|
105
|
+
return t && (0, a.css)([ "padding-inline-start:", ";" ], u.variables.spacingXXXLarge);
|
|
106
|
+
}));
|
|
107
|
+
// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
|
|
108
|
+
/**
|
|
152
109
|
* Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
|
|
153
110
|
*
|
|
154
111
|
* @param ref - The React callback or object ref. Can be `null` or `undefined`.
|
|
155
112
|
* @param current - The new value of the ref.
|
|
156
113
|
*/
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
114
|
+
function y(e, t) {
|
|
115
|
+
if (e) {
|
|
116
|
+
if (typeof e === "function") {
|
|
117
|
+
e(t);
|
|
118
|
+
} else {
|
|
119
|
+
// the public signature of this util uses React.Ref<T> to mirror the way React types refs.
|
|
120
|
+
// the intention here is to signal "we will take care of setting 'current', not you".
|
|
121
|
+
e.current = t;
|
|
165
122
|
// eslint-disable-line no-param-reassign
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
for (var t = 1; t < arguments.length; t++) {
|
|
181
|
-
var r = arguments[t];
|
|
182
|
-
for (var n in r) {
|
|
183
|
-
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
return e;
|
|
187
|
-
}, b.apply(null, arguments);
|
|
188
|
-
}
|
|
189
|
-
function g(e, t) {
|
|
190
|
-
var r = Object.keys(e);
|
|
191
|
-
if (Object.getOwnPropertySymbols) {
|
|
192
|
-
var n = Object.getOwnPropertySymbols(e);
|
|
193
|
-
t && (n = n.filter((function(t) {
|
|
194
|
-
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
195
|
-
}))), r.push.apply(r, n);
|
|
196
|
-
}
|
|
197
|
-
return r;
|
|
198
|
-
}
|
|
199
|
-
function h(e) {
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
// CONCATENATED MODULE: ./src/Tree/Item.tsx
|
|
127
|
+
function m(e) {
|
|
128
|
+
"@babel/helpers - typeof";
|
|
129
|
+
return m = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
130
|
+
return typeof e;
|
|
131
|
+
} : function(e) {
|
|
132
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
133
|
+
}, m(e);
|
|
134
|
+
}
|
|
135
|
+
function b() {
|
|
136
|
+
return b = Object.assign ? Object.assign.bind() : function(e) {
|
|
200
137
|
for (var t = 1; t < arguments.length; t++) {
|
|
201
|
-
var
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
}
|
|
205
|
-
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
|
|
206
|
-
}));
|
|
138
|
+
var n = arguments[t];
|
|
139
|
+
for (var r in n) {
|
|
140
|
+
({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
|
|
141
|
+
}
|
|
207
142
|
}
|
|
208
143
|
return e;
|
|
144
|
+
}, b.apply(null, arguments);
|
|
145
|
+
}
|
|
146
|
+
function g(e, t) {
|
|
147
|
+
var n = Object.keys(e);
|
|
148
|
+
if (Object.getOwnPropertySymbols) {
|
|
149
|
+
var r = Object.getOwnPropertySymbols(e);
|
|
150
|
+
t && (r = r.filter((function(t) {
|
|
151
|
+
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
152
|
+
}))), n.push.apply(n, r);
|
|
153
|
+
}
|
|
154
|
+
return n;
|
|
155
|
+
}
|
|
156
|
+
function h(e) {
|
|
157
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
158
|
+
var n = null != arguments[t] ? arguments[t] : {};
|
|
159
|
+
t % 2 ? g(Object(n), !0).forEach((function(t) {
|
|
160
|
+
I(e, t, n[t]);
|
|
161
|
+
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : g(Object(n)).forEach((function(t) {
|
|
162
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
163
|
+
}));
|
|
209
164
|
}
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
165
|
+
return e;
|
|
166
|
+
}
|
|
167
|
+
function I(e, t, n) {
|
|
168
|
+
return (t = O(t)) in e ? Object.defineProperty(e, t, {
|
|
169
|
+
value: n,
|
|
170
|
+
enumerable: !0,
|
|
171
|
+
configurable: !0,
|
|
172
|
+
writable: !0
|
|
173
|
+
}) : e[t] = n, e;
|
|
174
|
+
}
|
|
175
|
+
function O(e) {
|
|
176
|
+
var t = w(e, "string");
|
|
177
|
+
return "symbol" == m(t) ? t : t + "";
|
|
178
|
+
}
|
|
179
|
+
function w(e, t) {
|
|
180
|
+
if ("object" != m(e) || !e) return e;
|
|
181
|
+
var n = e[Symbol.toPrimitive];
|
|
182
|
+
if (void 0 !== n) {
|
|
183
|
+
var r = n.call(e, t || "default");
|
|
184
|
+
if ("object" != m(r)) return r;
|
|
185
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
186
|
+
}
|
|
187
|
+
return ("string" === t ? String : Number)(e);
|
|
188
|
+
}
|
|
189
|
+
function S(e, t) {
|
|
190
|
+
return A(e) || P(e, t) || k(e, t) || j();
|
|
191
|
+
}
|
|
192
|
+
function j() {
|
|
193
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
194
|
+
}
|
|
195
|
+
function k(e, t) {
|
|
196
|
+
if (e) {
|
|
197
|
+
if ("string" == typeof e) return C(e, t);
|
|
198
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
199
|
+
return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? C(e, t) : void 0;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
function C(e, t) {
|
|
203
|
+
(null == t || t > e.length) && (t = e.length);
|
|
204
|
+
for (var n = 0, r = Array(t); n < t; n++) {
|
|
205
|
+
r[n] = e[n];
|
|
206
|
+
}
|
|
207
|
+
return r;
|
|
208
|
+
}
|
|
209
|
+
function P(e, t) {
|
|
210
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
211
|
+
if (null != n) {
|
|
212
|
+
var r, o, i, a, l = [], u = !0, c = !1;
|
|
213
|
+
try {
|
|
214
|
+
if (i = (n = n.call(e)).next, 0 === t) {
|
|
215
|
+
if (Object(n) !== n) return;
|
|
216
|
+
u = !1;
|
|
217
|
+
} else for (;!(u = (r = i.call(n)).done) && (l.push(r.value), l.length !== t); u = !0) {
|
|
218
|
+
}
|
|
219
|
+
} catch (e) {
|
|
220
|
+
c = !0, o = e;
|
|
221
|
+
} finally {
|
|
256
222
|
try {
|
|
257
|
-
if (
|
|
258
|
-
if (Object(r) !== r) return;
|
|
259
|
-
u = !1;
|
|
260
|
-
} else for (;!(u = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
|
|
261
|
-
}
|
|
262
|
-
} catch (e) {
|
|
263
|
-
c = !0, o = e;
|
|
223
|
+
if (!u && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
|
|
264
224
|
} finally {
|
|
265
|
-
|
|
266
|
-
if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
|
|
267
|
-
} finally {
|
|
268
|
-
if (c) throw o;
|
|
269
|
-
}
|
|
225
|
+
if (c) throw o;
|
|
270
226
|
}
|
|
271
|
-
return l;
|
|
272
227
|
}
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
228
|
+
return l;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
function A(e) {
|
|
232
|
+
if (Array.isArray(e)) return e;
|
|
233
|
+
}
|
|
234
|
+
function E(e, t) {
|
|
235
|
+
if (null == e) return {};
|
|
236
|
+
var n, r, o = T(e, t);
|
|
237
|
+
if (Object.getOwnPropertySymbols) {
|
|
238
|
+
var i = Object.getOwnPropertySymbols(e);
|
|
239
|
+
for (r = 0; r < i.length; r++) {
|
|
240
|
+
n = i[r], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
285
241
|
}
|
|
286
|
-
return o;
|
|
287
242
|
}
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
243
|
+
return o;
|
|
244
|
+
}
|
|
245
|
+
function T(e, t) {
|
|
246
|
+
if (null == e) return {};
|
|
247
|
+
var n = {};
|
|
248
|
+
for (var r in e) {
|
|
249
|
+
if ({}.hasOwnProperty.call(e, r)) {
|
|
250
|
+
if (-1 !== t.indexOf(r)) continue;
|
|
251
|
+
n[r] = e[r];
|
|
296
252
|
}
|
|
297
|
-
return r;
|
|
298
253
|
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
254
|
+
return n;
|
|
255
|
+
}
|
|
256
|
+
var x = {
|
|
257
|
+
id: i().string,
|
|
258
|
+
children: i().node,
|
|
259
|
+
content: i().node,
|
|
260
|
+
customIndent: i().node,
|
|
261
|
+
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
262
|
+
endAdornment: i().node,
|
|
263
|
+
expanded: i().bool,
|
|
264
|
+
onFocus: i().func,
|
|
265
|
+
onKeyDown: i().func,
|
|
266
|
+
onToggleSelection: i().func,
|
|
267
|
+
onToggleExpansion: i().func
|
|
268
|
+
};
|
|
269
|
+
/** @public */
|
|
270
|
+
/** @public */ function D(e) {
|
|
271
|
+
var t = e.id, o = e.children, i = e.content, a = e.customIndent, l = e.elementRef, u = e.endAdornment, d = e.expanded, m = e.onFocus, g = e.onKeyDown, I = e.onToggleExpansion, O = e.onToggleSelection, w = E(e, [ "id", "children", "content", "customIndent", "elementRef", "endAdornment", "expanded", "onFocus", "onKeyDown", "onToggleExpansion", "onToggleSelection" ]);
|
|
272
|
+
// @docs-props-type TreeItemPropsBase
|
|
273
|
+
var j = (0, n.useContext)(v), k = j.defaultIndent, C = k === void 0 ? true : k, P = j.onItemKeyDown, A = j.onItemClick, T = j.removeNode, x = j.setNode, D = j.itemPaths, _ = j.focusedItemId;
|
|
317
274
|
// make first tree item tabbable
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
}
|
|
329
|
-
}
|
|
330
|
-
}));
|
|
331
|
-
var q = (0, e.useCallback)((function(e) {
|
|
332
|
-
y(K, e);
|
|
333
|
-
y(l, e);
|
|
334
|
-
}), [ l ]);
|
|
335
|
-
var L = (0, e.useCallback)((function(e) {
|
|
336
|
-
var t;
|
|
337
|
-
var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
338
|
-
// For consistency, if not provided but found in the event then add it to `data` on callback.
|
|
339
|
-
// This allows for common handling of both click and keyboard events in the consumer.
|
|
340
|
-
var n = h({}, r);
|
|
341
|
-
if (!r.treeItemId && ((t = e.currentTarget) === null || t === void 0 ? void 0 : t.id)) {
|
|
342
|
-
n.treeItemId = e.currentTarget.id;
|
|
343
|
-
}
|
|
344
|
-
I === null || I === void 0 ? void 0 : I(e, n);
|
|
345
|
-
}), [ I ]);
|
|
346
|
-
var X = (0, e.useCallback)((function(e) {
|
|
347
|
-
P === null || P === void 0 ? void 0 : P(e, n);
|
|
348
|
-
}), [ n, P ]);
|
|
349
|
-
var B = (0, e.useCallback)((function(e) {
|
|
350
|
-
var t;
|
|
351
|
-
e.stopPropagation();
|
|
352
|
-
F === null || F === void 0 ? void 0 : (t = F.current) === null || t === void 0 ? void 0 : t.focus();
|
|
353
|
-
m === null || m === void 0 ? void 0 : m(e);
|
|
354
|
-
}), [ m ]);
|
|
355
|
-
var H = (0, e.useCallback)((function() {
|
|
356
|
-
if ((D === null || D === void 0 ? void 0 : D.get("".concat(n))) === "0") {
|
|
357
|
-
R(0);
|
|
275
|
+
var $ = (0, n.useState)((D === null || D === void 0 ? void 0 : D.get("".concat(t))) === "0" ? 0 : -1), M = S($, 2), N = M[0], R = M[1];
|
|
276
|
+
var K = (0, n.useRef)(null);
|
|
277
|
+
var F = (0, n.useRef)(null);
|
|
278
|
+
var U = n.Children.toArray(o).filter(n.isValidElement);
|
|
279
|
+
U.forEach((function(e, n) {
|
|
280
|
+
if (e.props.id) {
|
|
281
|
+
if (d && x) {
|
|
282
|
+
x("".concat(e.props.id), "".concat(D === null || D === void 0 ? void 0 : D.get("".concat(t)), "-").concat(n));
|
|
283
|
+
} else if (T) {
|
|
284
|
+
T(e.props.id);
|
|
358
285
|
}
|
|
359
|
-
}), [ n, D ]);
|
|
360
|
-
(0, e.useEffect)((function() {
|
|
361
|
-
if (_ === n) {
|
|
362
|
-
var e;
|
|
363
|
-
K === null || K === void 0 ? void 0 : (e = K.current) === null || e === void 0 ? void 0 : e.focus();
|
|
364
|
-
}
|
|
365
|
-
}), [ _, n, K ]);
|
|
366
|
-
var V = (0, e.useCallback)((function(e) {
|
|
367
|
-
e.stopPropagation();
|
|
368
|
-
}), []);
|
|
369
|
-
var W = (0, e.useCallback)((function(e) {
|
|
370
|
-
e.stopPropagation();
|
|
371
|
-
if (e.key === " ") {
|
|
372
|
-
e.preventDefault();
|
|
373
|
-
O === null || O === void 0 ? void 0 : O(e, {
|
|
374
|
-
treeItemId: n
|
|
375
|
-
});
|
|
376
|
-
return;
|
|
377
|
-
}
|
|
378
|
-
// Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
|
|
379
|
-
// this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
|
|
380
|
-
if (e.shiftKey && e.key === "Tab" && (D === null || D === void 0 ? void 0 : D.get("".concat(n))) === "0") {
|
|
381
|
-
R(-1);
|
|
382
|
-
}
|
|
383
|
-
C === null || C === void 0 ? void 0 : C(e, n, d, U, L);
|
|
384
|
-
g === null || g === void 0 ? void 0 : g(e);
|
|
385
|
-
}), [ U, d, L, n, D, C, g, O ]);
|
|
386
|
-
|
|
387
|
-
return t().createElement("li", b({
|
|
388
|
-
"data-test": "tree-item"
|
|
389
|
-
}, w, {
|
|
390
|
-
id: n,
|
|
391
|
-
ref: q,
|
|
392
|
-
tabIndex: N,
|
|
393
|
-
onBlur: H,
|
|
394
|
-
onFocus: B,
|
|
395
|
-
onKeyDown: W,
|
|
396
|
-
role: "treeitem",
|
|
397
|
-
"aria-expanded": U.length ? d || "false" : undefined
|
|
398
|
-
}), t().createElement(c, null, t().createElement(f, null, i), t().createElement(s, {
|
|
399
|
-
$hasCustomIndent: !!i,
|
|
400
|
-
"data-test": "tree-item-content",
|
|
401
|
-
ref: F,
|
|
402
|
-
tabIndex: -1,
|
|
403
|
-
onFocus: V,
|
|
404
|
-
onClick: X
|
|
405
|
-
}, a, !d && u)), d && t().createElement(t().Fragment, null, t().createElement(p, {
|
|
406
|
-
role: "group",
|
|
407
|
-
$defaultIndent: x
|
|
408
|
-
}, o), u));
|
|
409
|
-
}
|
|
410
|
-
D.propTypes = T;
|
|
411
|
-
/* harmony default export */ const _ = D;
|
|
412
|
-
// CONCATENATED MODULE: ./src/Tree/treeUtils.ts
|
|
413
|
-
function $(e, t) {
|
|
414
|
-
return F(e) || K(e, t) || N(e, t) || M();
|
|
415
|
-
}
|
|
416
|
-
function M() {
|
|
417
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
418
|
-
}
|
|
419
|
-
function N(e, t) {
|
|
420
|
-
if (e) {
|
|
421
|
-
if ("string" == typeof e) return R(e, t);
|
|
422
|
-
var r = {}.toString.call(e).slice(8, -1);
|
|
423
|
-
return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? R(e, t) : void 0;
|
|
424
286
|
}
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
(
|
|
428
|
-
|
|
429
|
-
|
|
287
|
+
}));
|
|
288
|
+
var q = (0, n.useCallback)((function(e) {
|
|
289
|
+
y(K, e);
|
|
290
|
+
y(l, e);
|
|
291
|
+
}), [ l ]);
|
|
292
|
+
var L = (0, n.useCallback)((function(e) {
|
|
293
|
+
var t;
|
|
294
|
+
var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
295
|
+
// For consistency, if not provided but found in the event then add it to `data` on callback.
|
|
296
|
+
// This allows for common handling of both click and keyboard events in the consumer.
|
|
297
|
+
var r = h({}, n);
|
|
298
|
+
if (!n.treeItemId && ((t = e.currentTarget) === null || t === void 0 ? void 0 : t.id)) {
|
|
299
|
+
r.treeItemId = e.currentTarget.id;
|
|
430
300
|
}
|
|
431
|
-
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
301
|
+
I === null || I === void 0 ? void 0 : I(e, r);
|
|
302
|
+
}), [ I ]);
|
|
303
|
+
var X = (0, n.useCallback)((function(e) {
|
|
304
|
+
A === null || A === void 0 ? void 0 : A(e, t);
|
|
305
|
+
}), [ t, A ]);
|
|
306
|
+
var B = (0, n.useCallback)((function(e) {
|
|
307
|
+
var t;
|
|
308
|
+
e.stopPropagation();
|
|
309
|
+
F === null || F === void 0 ? void 0 : (t = F.current) === null || t === void 0 ? void 0 : t.focus();
|
|
310
|
+
m === null || m === void 0 ? void 0 : m(e);
|
|
311
|
+
}), [ m ]);
|
|
312
|
+
var H = (0, n.useCallback)((function() {
|
|
313
|
+
if ((D === null || D === void 0 ? void 0 : D.get("".concat(t))) === "0") {
|
|
314
|
+
R(0);
|
|
315
|
+
}
|
|
316
|
+
}), [ t, D ]);
|
|
317
|
+
(0, n.useEffect)((function() {
|
|
318
|
+
if (_ === t) {
|
|
319
|
+
var e;
|
|
320
|
+
K === null || K === void 0 ? void 0 : (e = K.current) === null || e === void 0 ? void 0 : e.focus();
|
|
321
|
+
}
|
|
322
|
+
}), [ _, t, K ]);
|
|
323
|
+
var V = (0, n.useCallback)((function(e) {
|
|
324
|
+
e.stopPropagation();
|
|
325
|
+
}), []);
|
|
326
|
+
var W = (0, n.useCallback)((function(e) {
|
|
327
|
+
e.stopPropagation();
|
|
328
|
+
if (e.key === " ") {
|
|
329
|
+
e.preventDefault();
|
|
330
|
+
O === null || O === void 0 ? void 0 : O(e, {
|
|
331
|
+
treeItemId: t
|
|
332
|
+
});
|
|
333
|
+
return;
|
|
334
|
+
}
|
|
335
|
+
// Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
|
|
336
|
+
// this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
|
|
337
|
+
if (e.shiftKey && e.key === "Tab" && (D === null || D === void 0 ? void 0 : D.get("".concat(t))) === "0") {
|
|
338
|
+
R(-1);
|
|
339
|
+
}
|
|
340
|
+
P === null || P === void 0 ? void 0 : P(e, t, d, U, L);
|
|
341
|
+
g === null || g === void 0 ? void 0 : g(e);
|
|
342
|
+
}), [ U, d, L, t, D, P, g, O ]);
|
|
343
|
+
|
|
344
|
+
return r().createElement("li", b({
|
|
345
|
+
"data-test": "tree-item"
|
|
346
|
+
}, w, {
|
|
347
|
+
id: t,
|
|
348
|
+
ref: q,
|
|
349
|
+
tabIndex: N,
|
|
350
|
+
onBlur: H,
|
|
351
|
+
onFocus: B,
|
|
352
|
+
onKeyDown: W,
|
|
353
|
+
role: "treeitem",
|
|
354
|
+
"aria-expanded": U.length ? d || "false" : undefined
|
|
355
|
+
}), r().createElement(c, null, r().createElement(f, null, a), r().createElement(s, {
|
|
356
|
+
$hasCustomIndent: !!a,
|
|
357
|
+
"data-test": "tree-item-content",
|
|
358
|
+
ref: F,
|
|
359
|
+
tabIndex: -1,
|
|
360
|
+
onFocus: V,
|
|
361
|
+
onClick: X
|
|
362
|
+
}, i, !d && u)), d && r().createElement(r().Fragment, null, r().createElement(p, {
|
|
363
|
+
role: "group",
|
|
364
|
+
$defaultIndent: C
|
|
365
|
+
}, o), u));
|
|
366
|
+
}
|
|
367
|
+
D.propTypes = x;
|
|
368
|
+
/* harmony default export */ const _ = D;
|
|
369
|
+
// CONCATENATED MODULE: ./src/Tree/treeUtils.ts
|
|
370
|
+
function $(e, t) {
|
|
371
|
+
return F(e) || K(e, t) || N(e, t) || M();
|
|
372
|
+
}
|
|
373
|
+
function M() {
|
|
374
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
375
|
+
}
|
|
376
|
+
function N(e, t) {
|
|
377
|
+
if (e) {
|
|
378
|
+
if ("string" == typeof e) return R(e, t);
|
|
379
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
380
|
+
return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? R(e, t) : void 0;
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
function R(e, t) {
|
|
384
|
+
(null == t || t > e.length) && (t = e.length);
|
|
385
|
+
for (var n = 0, r = Array(t); n < t; n++) {
|
|
386
|
+
r[n] = e[n];
|
|
387
|
+
}
|
|
388
|
+
return r;
|
|
389
|
+
}
|
|
390
|
+
function K(e, t) {
|
|
391
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
392
|
+
if (null != n) {
|
|
393
|
+
var r, o, i, a, l = [], u = !0, c = !1;
|
|
394
|
+
try {
|
|
395
|
+
if (i = (n = n.call(e)).next, 0 === t) {
|
|
396
|
+
if (Object(n) !== n) return;
|
|
397
|
+
u = !1;
|
|
398
|
+
} else for (;!(u = (r = i.call(n)).done) && (l.push(r.value), l.length !== t); u = !0) {
|
|
399
|
+
}
|
|
400
|
+
} catch (e) {
|
|
401
|
+
c = !0, o = e;
|
|
402
|
+
} finally {
|
|
437
403
|
try {
|
|
438
|
-
if (
|
|
439
|
-
if (Object(r) !== r) return;
|
|
440
|
-
u = !1;
|
|
441
|
-
} else for (;!(u = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
|
|
442
|
-
}
|
|
443
|
-
} catch (e) {
|
|
444
|
-
c = !0, o = e;
|
|
404
|
+
if (!u && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
|
|
445
405
|
} finally {
|
|
446
|
-
|
|
447
|
-
if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
|
|
448
|
-
} finally {
|
|
449
|
-
if (c) throw o;
|
|
450
|
-
}
|
|
406
|
+
if (c) throw o;
|
|
451
407
|
}
|
|
452
|
-
return l;
|
|
453
408
|
}
|
|
409
|
+
return l;
|
|
454
410
|
}
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
411
|
+
}
|
|
412
|
+
function F(e) {
|
|
413
|
+
if (Array.isArray(e)) return e;
|
|
414
|
+
}
|
|
415
|
+
/**
|
|
459
416
|
* A helper function to get first key in Map that matches given value
|
|
460
|
-
*/
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
417
|
+
*/ function U(e, t) {
|
|
418
|
+
var n;
|
|
419
|
+
var r = Array.from(e.entries());
|
|
420
|
+
return (n = r.find((function(e) {
|
|
421
|
+
var n = $(e, 2), r = n[1];
|
|
422
|
+
return r === t;
|
|
423
|
+
}))) === null || n === void 0 ? void 0 : n[0];
|
|
424
|
+
}
|
|
425
|
+
/**
|
|
469
426
|
* A helper function to get parent path of current item path
|
|
470
|
-
*/
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
427
|
+
*/ function q(e) {
|
|
428
|
+
// remove last index number of the current item path string to get parent
|
|
429
|
+
return e.split("-").slice(0, -1).join("-");
|
|
430
|
+
}
|
|
431
|
+
/**
|
|
475
432
|
* A helper function to get next path of current item path in same level
|
|
476
|
-
*/
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
433
|
+
*/ function L(e, t) {
|
|
434
|
+
return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(t + 1));
|
|
435
|
+
}
|
|
436
|
+
/**
|
|
480
437
|
* A helper function to get the last index number of an item path string
|
|
481
|
-
*/
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
438
|
+
*/ function X(e) {
|
|
439
|
+
var t = e.split("-").pop();
|
|
440
|
+
if (!t) {
|
|
441
|
+
return 0;
|
|
442
|
+
}
|
|
443
|
+
return parseInt(t, 10) || 0;
|
|
444
|
+
}
|
|
445
|
+
function B(e, t) {
|
|
446
|
+
var n = e.get(t);
|
|
447
|
+
if (!n) {
|
|
448
|
+
return t;
|
|
449
|
+
}
|
|
450
|
+
var r = q(n);
|
|
451
|
+
return U(e, r) || t;
|
|
452
|
+
}
|
|
453
|
+
/**
|
|
497
454
|
* A helper function for getNextTreeItem
|
|
498
|
-
*/
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
}
|
|
523
|
-
// case where next tree item is the next node in the same level
|
|
524
|
-
var o = X(r);
|
|
525
|
-
var a = L(r, o);
|
|
526
|
-
var i = U(e, a);
|
|
527
|
-
if (i) {
|
|
528
|
-
return i;
|
|
529
|
-
}
|
|
530
|
-
// case where next tree item is a higher level or does not exist
|
|
531
|
-
return H(e, r) || t;
|
|
455
|
+
*/ function H(e, t) {
|
|
456
|
+
var n = q(t);
|
|
457
|
+
if (!n) {
|
|
458
|
+
return U(e, t);
|
|
459
|
+
}
|
|
460
|
+
// get next node in the parent level
|
|
461
|
+
var r = X(n);
|
|
462
|
+
var o = L(n, r);
|
|
463
|
+
var i = U(e, o);
|
|
464
|
+
if (i) {
|
|
465
|
+
return i;
|
|
466
|
+
}
|
|
467
|
+
// continue getting parents until find next node or reach root
|
|
468
|
+
return H(e, o);
|
|
469
|
+
}
|
|
470
|
+
function V(e, t) {
|
|
471
|
+
var n = e.get(t);
|
|
472
|
+
if (!n) {
|
|
473
|
+
return t;
|
|
474
|
+
}
|
|
475
|
+
// case where next tree item is the first visible child
|
|
476
|
+
var r = U(e, "".concat(n, "-0"));
|
|
477
|
+
if (r) {
|
|
478
|
+
return r;
|
|
532
479
|
}
|
|
533
|
-
|
|
480
|
+
// case where next tree item is the next node in the same level
|
|
481
|
+
var o = X(n);
|
|
482
|
+
var i = L(n, o);
|
|
483
|
+
var a = U(e, i);
|
|
484
|
+
if (a) {
|
|
485
|
+
return a;
|
|
486
|
+
}
|
|
487
|
+
// case where next tree item is a higher level or does not exist
|
|
488
|
+
return H(e, n) || t;
|
|
489
|
+
}
|
|
490
|
+
/**
|
|
534
491
|
* A helper function for getPrevTreeItem
|
|
535
|
-
*/
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
492
|
+
*/ function W(e, t) {
|
|
493
|
+
var n = U(e, "".concat(t, "-0"));
|
|
494
|
+
if (!n) {
|
|
495
|
+
return U(e, t);
|
|
496
|
+
}
|
|
497
|
+
var r = U(e, t);
|
|
498
|
+
var o = "".concat(t, "-0");
|
|
499
|
+
// get the last child in current node, and continue to find its children recursively
|
|
500
|
+
while (r) {
|
|
501
|
+
var i = X(o);
|
|
502
|
+
var a = L(o, i);
|
|
503
|
+
r = U(e, a);
|
|
504
|
+
if (r) {
|
|
505
|
+
o = a;
|
|
539
506
|
}
|
|
540
|
-
var n = U(e, t);
|
|
541
|
-
var o = "".concat(t, "-0");
|
|
542
|
-
// get the last child in current node, and continue to find its children recursively
|
|
543
|
-
while (n) {
|
|
544
|
-
var a = X(o);
|
|
545
|
-
var i = L(o, a);
|
|
546
|
-
n = U(e, i);
|
|
547
|
-
if (n) {
|
|
548
|
-
o = i;
|
|
549
|
-
}
|
|
550
|
-
}
|
|
551
|
-
return W(e, o);
|
|
552
507
|
}
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
508
|
+
return W(e, o);
|
|
509
|
+
}
|
|
510
|
+
function z(e, t) {
|
|
511
|
+
var n = e.get(t);
|
|
512
|
+
if (!n) {
|
|
513
|
+
return t;
|
|
514
|
+
}
|
|
515
|
+
var r = X(n);
|
|
516
|
+
// case where current is first child of parent or root item
|
|
517
|
+
if (r === 0) {
|
|
518
|
+
return B(e, t);
|
|
519
|
+
}
|
|
520
|
+
// case where previous tree item is or is a child of previous node in same level
|
|
521
|
+
var o = n.replace(/[^-]+$/, "".concat(r - 1));
|
|
522
|
+
return W(e, o) || t;
|
|
523
|
+
}
|
|
524
|
+
function G(e) {
|
|
525
|
+
return U(e, "0");
|
|
526
|
+
}
|
|
527
|
+
function J(e) {
|
|
528
|
+
var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
|
|
529
|
+
var n = U(e, t);
|
|
530
|
+
var r = t;
|
|
531
|
+
// find last child in current node
|
|
532
|
+
while (n) {
|
|
533
|
+
var o = X(r);
|
|
534
|
+
n = U(e, L(r, o));
|
|
535
|
+
if (n) {
|
|
536
|
+
r = L(r, o);
|
|
562
537
|
}
|
|
563
|
-
// case where previous tree item is or is a child of previous node in same level
|
|
564
|
-
var o = r.replace(/[^-]+$/, "".concat(n - 1));
|
|
565
|
-
return W(e, o) || t;
|
|
566
|
-
}
|
|
567
|
-
function G(e) {
|
|
568
|
-
return U(e, "0");
|
|
569
538
|
}
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
539
|
+
// check if last child has children
|
|
540
|
+
var i = U(e, "".concat(r, "-0"));
|
|
541
|
+
if (!i) {
|
|
542
|
+
return U(e, r);
|
|
543
|
+
}
|
|
544
|
+
// continue to find its last child recursively
|
|
545
|
+
r = "".concat(r, "-0");
|
|
546
|
+
return J(e, r);
|
|
547
|
+
}
|
|
548
|
+
// CONCATENATED MODULE: ./src/Tree/Tree.tsx
|
|
549
|
+
function Q() {
|
|
550
|
+
return Q = Object.assign ? Object.assign.bind() : function(e) {
|
|
551
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
552
|
+
var n = arguments[t];
|
|
553
|
+
for (var r in n) {
|
|
554
|
+
({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
|
|
580
555
|
}
|
|
581
556
|
}
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
557
|
+
return e;
|
|
558
|
+
}, Q.apply(null, arguments);
|
|
559
|
+
}
|
|
560
|
+
function Y(e, t) {
|
|
561
|
+
return re(e) || ne(e, t) || ee(e, t) || Z();
|
|
562
|
+
}
|
|
563
|
+
function Z() {
|
|
564
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
565
|
+
}
|
|
566
|
+
function ee(e, t) {
|
|
567
|
+
if (e) {
|
|
568
|
+
if ("string" == typeof e) return te(e, t);
|
|
569
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
570
|
+
return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? te(e, t) : void 0;
|
|
571
|
+
}
|
|
572
|
+
}
|
|
573
|
+
function te(e, t) {
|
|
574
|
+
(null == t || t > e.length) && (t = e.length);
|
|
575
|
+
for (var n = 0, r = Array(t); n < t; n++) {
|
|
576
|
+
r[n] = e[n];
|
|
577
|
+
}
|
|
578
|
+
return r;
|
|
579
|
+
}
|
|
580
|
+
function ne(e, t) {
|
|
581
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
582
|
+
if (null != n) {
|
|
583
|
+
var r, o, i, a, l = [], u = !0, c = !1;
|
|
584
|
+
try {
|
|
585
|
+
if (i = (n = n.call(e)).next, 0 === t) {
|
|
586
|
+
if (Object(n) !== n) return;
|
|
587
|
+
u = !1;
|
|
588
|
+
} else for (;!(u = (r = i.call(n)).done) && (l.push(r.value), l.length !== t); u = !0) {
|
|
599
589
|
}
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
function Y(e, t) {
|
|
604
|
-
return ne(e) || re(e, t) || ee(e, t) || Z();
|
|
605
|
-
}
|
|
606
|
-
function Z() {
|
|
607
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
608
|
-
}
|
|
609
|
-
function ee(e, t) {
|
|
610
|
-
if (e) {
|
|
611
|
-
if ("string" == typeof e) return te(e, t);
|
|
612
|
-
var r = {}.toString.call(e).slice(8, -1);
|
|
613
|
-
return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? te(e, t) : void 0;
|
|
614
|
-
}
|
|
615
|
-
}
|
|
616
|
-
function te(e, t) {
|
|
617
|
-
(null == t || t > e.length) && (t = e.length);
|
|
618
|
-
for (var r = 0, n = Array(t); r < t; r++) {
|
|
619
|
-
n[r] = e[r];
|
|
620
|
-
}
|
|
621
|
-
return n;
|
|
622
|
-
}
|
|
623
|
-
function re(e, t) {
|
|
624
|
-
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
625
|
-
if (null != r) {
|
|
626
|
-
var n, o, a, i, l = [], u = !0, c = !1;
|
|
590
|
+
} catch (e) {
|
|
591
|
+
c = !0, o = e;
|
|
592
|
+
} finally {
|
|
627
593
|
try {
|
|
628
|
-
if (
|
|
629
|
-
if (Object(r) !== r) return;
|
|
630
|
-
u = !1;
|
|
631
|
-
} else for (;!(u = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
|
|
632
|
-
}
|
|
633
|
-
} catch (e) {
|
|
634
|
-
c = !0, o = e;
|
|
594
|
+
if (!u && null != n["return"] && (a = n["return"](), Object(a) !== a)) return;
|
|
635
595
|
} finally {
|
|
636
|
-
|
|
637
|
-
if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
|
|
638
|
-
} finally {
|
|
639
|
-
if (c) throw o;
|
|
640
|
-
}
|
|
596
|
+
if (c) throw o;
|
|
641
597
|
}
|
|
642
|
-
return l;
|
|
643
598
|
}
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
599
|
+
return l;
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
function re(e) {
|
|
603
|
+
if (Array.isArray(e)) return e;
|
|
604
|
+
}
|
|
605
|
+
function oe(e, t) {
|
|
606
|
+
if (null == e) return {};
|
|
607
|
+
var n, r, o = ie(e, t);
|
|
608
|
+
if (Object.getOwnPropertySymbols) {
|
|
609
|
+
var i = Object.getOwnPropertySymbols(e);
|
|
610
|
+
for (r = 0; r < i.length; r++) {
|
|
611
|
+
n = i[r], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
656
612
|
}
|
|
657
|
-
return o;
|
|
658
613
|
}
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
614
|
+
return o;
|
|
615
|
+
}
|
|
616
|
+
function ie(e, t) {
|
|
617
|
+
if (null == e) return {};
|
|
618
|
+
var n = {};
|
|
619
|
+
for (var r in e) {
|
|
620
|
+
if ({}.hasOwnProperty.call(e, r)) {
|
|
621
|
+
if (-1 !== t.indexOf(r)) continue;
|
|
622
|
+
n[r] = e[r];
|
|
667
623
|
}
|
|
668
|
-
return r;
|
|
669
624
|
}
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
625
|
+
return n;
|
|
626
|
+
}
|
|
627
|
+
var ae = {
|
|
628
|
+
children: i().node,
|
|
629
|
+
defaultIndent: i().bool,
|
|
630
|
+
elementRef: i().oneOfType([ i().func, i().object ])
|
|
631
|
+
};
|
|
632
|
+
/**
|
|
676
633
|
* Used to present a hierarchical list.
|
|
677
|
-
*/
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
634
|
+
*/ function le(e) {
|
|
635
|
+
var t = e.children, o = e.defaultIndent, i = o === void 0 ? true : o, a = e.elementRef, l = oe(e, [ "children", "defaultIndent", "elementRef" ]);
|
|
636
|
+
// @docs-props-type TreePropsBase
|
|
637
|
+
var u = (0, n.useState)(), c = Y(u, 2), f = c[0], s = c[1];
|
|
638
|
+
var d = (0, n.useMemo)((function() {
|
|
639
|
+
return new Map;
|
|
640
|
+
}), []);
|
|
641
|
+
var y = (0, n.useCallback)((function(e, t, n, r, o) {
|
|
642
|
+
e.stopPropagation();
|
|
643
|
+
var i = n && (r === null || r === void 0 ? void 0 : r.length);
|
|
644
|
+
switch (e.key) {
|
|
645
|
+
case "ArrowUp":
|
|
646
|
+
e.preventDefault();
|
|
647
|
+
s(z(d, t));
|
|
648
|
+
break;
|
|
692
649
|
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
case "ArrowLeft":
|
|
699
|
-
e.preventDefault();
|
|
700
|
-
if (a) {
|
|
701
|
-
o(e, {
|
|
702
|
-
treeItemId: t
|
|
703
|
-
});
|
|
704
|
-
} else {
|
|
705
|
-
s(B(d, t));
|
|
706
|
-
}
|
|
707
|
-
break;
|
|
708
|
-
|
|
709
|
-
case "ArrowRight":
|
|
710
|
-
e.preventDefault();
|
|
711
|
-
if (a) {
|
|
712
|
-
s(V(d, t));
|
|
713
|
-
} else {
|
|
714
|
-
o(e, {
|
|
715
|
-
treeItemId: t
|
|
716
|
-
});
|
|
717
|
-
}
|
|
718
|
-
break;
|
|
719
|
-
|
|
720
|
-
case "Home":
|
|
721
|
-
e.preventDefault();
|
|
722
|
-
s(G(d));
|
|
723
|
-
break;
|
|
650
|
+
case "ArrowDown":
|
|
651
|
+
e.preventDefault();
|
|
652
|
+
s(V(d, t));
|
|
653
|
+
break;
|
|
724
654
|
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
655
|
+
case "ArrowLeft":
|
|
656
|
+
e.preventDefault();
|
|
657
|
+
if (i) {
|
|
658
|
+
o(e, {
|
|
659
|
+
treeItemId: t
|
|
660
|
+
});
|
|
661
|
+
} else {
|
|
662
|
+
s(B(d, t));
|
|
663
|
+
}
|
|
664
|
+
break;
|
|
729
665
|
|
|
730
|
-
|
|
731
|
-
|
|
666
|
+
case "ArrowRight":
|
|
667
|
+
e.preventDefault();
|
|
668
|
+
if (i) {
|
|
669
|
+
s(V(d, t));
|
|
670
|
+
} else {
|
|
732
671
|
o(e, {
|
|
733
672
|
treeItemId: t
|
|
734
673
|
});
|
|
735
|
-
|
|
674
|
+
}
|
|
675
|
+
break;
|
|
676
|
+
|
|
677
|
+
case "Home":
|
|
678
|
+
e.preventDefault();
|
|
679
|
+
s(G(d));
|
|
680
|
+
break;
|
|
736
681
|
|
|
737
|
-
|
|
682
|
+
case "End":
|
|
683
|
+
e.preventDefault();
|
|
684
|
+
s(J(d));
|
|
685
|
+
break;
|
|
686
|
+
|
|
687
|
+
case "Enter":
|
|
688
|
+
e.preventDefault();
|
|
689
|
+
o(e, {
|
|
690
|
+
treeItemId: t
|
|
691
|
+
});
|
|
692
|
+
break;
|
|
693
|
+
|
|
694
|
+
default:
|
|
738
695
|
// do nothing
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
696
|
+
}
|
|
697
|
+
}), [ d ]);
|
|
698
|
+
var m = function e(t, n) {
|
|
699
|
+
t.preventDefault();
|
|
700
|
+
s(n);
|
|
701
|
+
};
|
|
702
|
+
var b = (0, n.useCallback)((function(e) {
|
|
703
|
+
d["delete"](e);
|
|
704
|
+
}), [ d ]);
|
|
705
|
+
var g = (0, n.useCallback)((function(e, t) {
|
|
706
|
+
d.set(e, t);
|
|
707
|
+
}), [ d ]);
|
|
708
|
+
var h = n.Children.toArray(t).filter(n.isValidElement);
|
|
709
|
+
h.forEach((function(e, t) {
|
|
710
|
+
if (e.props.id && g) {
|
|
711
|
+
g("".concat(e.props.id), "".concat(t));
|
|
712
|
+
}
|
|
713
|
+
}));
|
|
714
|
+
var I = (0, n.useMemo)((function() {
|
|
715
|
+
return {
|
|
716
|
+
defaultIndent: i,
|
|
717
|
+
onItemKeyDown: y,
|
|
718
|
+
onItemClick: m,
|
|
719
|
+
removeNode: b,
|
|
720
|
+
setNode: g,
|
|
721
|
+
itemPaths: d,
|
|
722
|
+
focusedItemId: f
|
|
744
723
|
};
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
onItemClick: m,
|
|
762
|
-
removeNode: b,
|
|
763
|
-
setNode: g,
|
|
764
|
-
itemPaths: d,
|
|
765
|
-
focusedItemId: f
|
|
766
|
-
};
|
|
767
|
-
}), [ a, f, d, y, b, g ]);
|
|
768
|
-
|
|
769
|
-
return t().createElement(v.Provider, {
|
|
770
|
-
value: I
|
|
771
|
-
}, t().createElement(p, Q({
|
|
772
|
-
"data-test": "tree",
|
|
773
|
-
ref: i,
|
|
774
|
-
role: "tree",
|
|
775
|
-
$defaultIndent: a
|
|
776
|
-
}, l), n));
|
|
777
|
-
}
|
|
778
|
-
le.propTypes = ie;
|
|
779
|
-
le.Item = _;
|
|
780
|
-
/* harmony default export */ const ue = le;
|
|
781
|
-
}) // CONCATENATED MODULE: ./src/Tree/index.ts
|
|
782
|
-
();
|
|
783
|
-
module.exports = n;
|
|
724
|
+
}), [ i, f, d, y, b, g ]);
|
|
725
|
+
|
|
726
|
+
return r().createElement(v.Provider, {
|
|
727
|
+
value: I
|
|
728
|
+
}, r().createElement(p, Q({
|
|
729
|
+
"data-test": "tree",
|
|
730
|
+
ref: a,
|
|
731
|
+
role: "tree",
|
|
732
|
+
$defaultIndent: i
|
|
733
|
+
}, l), t));
|
|
734
|
+
}
|
|
735
|
+
le.propTypes = ae;
|
|
736
|
+
le.Item = _;
|
|
737
|
+
/* harmony default export */ const ue = le;
|
|
738
|
+
// CONCATENATED MODULE: ./src/Tree/index.ts
|
|
739
|
+
module.exports = t;
|
|
784
740
|
/******/})();
|