@splunk/react-ui 4.46.0 → 4.47.1

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 (11) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/JSONTree.js +799 -683
  3. package/Tree.js +431 -331
  4. package/package.json +1 -1
  5. package/types/src/JSONTree/JSONTreeItem.d.ts +8 -3
  6. package/types/src/JSONTree/renderTreeItems.d.ts +2 -1
  7. package/types/src/Tree/Item.d.ts +36 -17
  8. package/types/src/Tree/Tree.d.ts +10 -2
  9. package/types/src/Tree/docs/examples/Basic.d.ts +1 -0
  10. package/types/src/Tree/docs/examples/ClickableExpansion.d.ts +1 -0
  11. package/types/src/Tree/docs/examples/ClickableExpansionWithSelection.d.ts +1 -0
package/JSONTree.js CHANGED
@@ -2,95 +2,175 @@
2
2
  // webpackBootstrap
3
3
  /******/ "use strict";
4
4
  /******/ var e = {
5
- /***/ 9058:
6
- /***/ (e, r, n) => {
5
+ /***/ 8655:
6
+ /***/ (e, n, r) => {
7
7
  // EXPORTS
8
- n.d(r, {
9
- default: () => /* reexport */ ne
8
+ r.d(n, {
9
+ default: () => /* reexport */ fe
10
10
  });
11
11
  // UNUSED EXPORTS: Item
12
12
  // EXTERNAL MODULE: external "react"
13
- var t = n(9497);
14
- var o = n.n(t);
13
+ var t = r(9497);
14
+ var o = r.n(t);
15
15
  // EXTERNAL MODULE: external "prop-types"
16
- var a = n(23);
17
- var i = n.n(a);
16
+ var a = r(23);
17
+ var i = r.n(a);
18
18
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
19
- var l = n(5295);
19
+ var l = r(5295);
20
20
  // CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
21
21
  var u = (0, t.createContext)({
22
22
  defaultIndent: true
23
23
  });
24
24
  /* harmony default export */ const c = u;
25
25
  // EXTERNAL MODULE: external "styled-components"
26
- var f = n(232);
27
- var d = n.n(f);
26
+ var f = r(232);
27
+ var d = r.n(f);
28
28
  // EXTERNAL MODULE: external "@splunk/themes"
29
- var s = n(3563);
29
+ var s = r(3563);
30
30
  // CONCATENATED MODULE: ./src/Tree/ItemStyles.ts
31
31
  var v = d().span.withConfig({
32
- displayName: "ItemStyles__StyledTreeItemContent",
32
+ displayName: "ItemStyles__StyledTreeItemContentWrapper",
33
33
  componentId: "sc-1ig9nmy-0"
34
- })([ "font-family:inherit;" ]);
34
+ })([ "display:inline-block;min-height:100%;" ]);
35
35
  var p = d().span.withConfig({
36
- displayName: "ItemStyles__StyledTreeItemNode",
36
+ displayName: "ItemStyles__StyledTreeItemIndent",
37
37
  componentId: "sc-1ig9nmy-1"
38
- })([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], s.variables.focusShadow);
38
+ })([ "display:inline;white-space:pre;" ]);
39
+ var y = d().span.withConfig({
40
+ displayName: "ItemStyles__StyledTreeItemContent",
41
+ componentId: "sc-1ig9nmy-2"
42
+ })([ "display:", ";min-height:100%;&:focus{outline:3px solid ", ";outline-offset:1px;&:active{outline:none;}}&:hover{background-color:", ";cursor:pointer;}" ], (function(e) {
43
+ var n = e.$hasCustomIndent;
44
+ return n ? "inline" : "inline-block";
45
+ }), s.variables.focusColor, (0, s.pick)({
46
+ dark: "rgba(255, 255, 255, 0.05)",
47
+ light: "rgba(0, 0, 0, 0.03)"
48
+ }));
39
49
  // CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
40
- var y = d().ul.withConfig({
50
+ var b = d().ul.withConfig({
41
51
  displayName: "TreeStyles__StyledUnorderedList",
42
52
  componentId: "sc-13pokwt-0"
43
53
  })([ "", ";font-family:inherit;list-style:none;white-space:inherit;", ";" ], s.mixins.reset("ul"), (function(e) {
44
- var r = e.$defaultIndent;
45
- return r && (0, f.css)([ "padding-left:", ";" ], s.variables.spacingXXXLarge);
54
+ var n = e.$defaultIndent;
55
+ return n && (0, f.css)([ "padding-left:", ";" ], s.variables.spacingXXXLarge);
46
56
  }));
57
+ // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
58
+ /**
59
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
60
+ *
61
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
62
+ * @param current - The new value of the ref.
63
+ */
64
+ function m(e, n) {
65
+ if (e) {
66
+ if (typeof e === "function") {
67
+ e(n);
68
+ } else {
69
+ // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
70
+ // the intention here is to signal "we will take care of setting 'current', not you".
71
+ e.current = n;
72
+ // eslint-disable-line no-param-reassign
73
+ }
74
+ }
75
+ }
47
76
  // CONCATENATED MODULE: ./src/Tree/Item.tsx
48
- function m() {
49
- return m = Object.assign ? Object.assign.bind() : function(e) {
50
- for (var r = 1; r < arguments.length; r++) {
51
- var n = arguments[r];
52
- for (var t in n) {
53
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
77
+ function h(e) {
78
+ "@babel/helpers - typeof";
79
+ return h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
80
+ return typeof e;
81
+ } : function(e) {
82
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
83
+ }, h(e);
84
+ }
85
+ function g() {
86
+ return g = Object.assign ? Object.assign.bind() : function(e) {
87
+ for (var n = 1; n < arguments.length; n++) {
88
+ var r = arguments[n];
89
+ for (var t in r) {
90
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
54
91
  }
55
92
  }
56
93
  return e;
57
- }, m.apply(null, arguments);
94
+ }, g.apply(null, arguments);
95
+ }
96
+ function S(e, n) {
97
+ var r = Object.keys(e);
98
+ if (Object.getOwnPropertySymbols) {
99
+ var t = Object.getOwnPropertySymbols(e);
100
+ n && (t = t.filter((function(n) {
101
+ return Object.getOwnPropertyDescriptor(e, n).enumerable;
102
+ }))), r.push.apply(r, t);
103
+ }
104
+ return r;
58
105
  }
59
- function b(e, r) {
60
- return w(e) || k(e, r) || g(e, r) || h();
106
+ function k(e) {
107
+ for (var n = 1; n < arguments.length; n++) {
108
+ var r = null != arguments[n] ? arguments[n] : {};
109
+ n % 2 ? S(Object(r), !0).forEach((function(n) {
110
+ O(e, n, r[n]);
111
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : S(Object(r)).forEach((function(n) {
112
+ Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
113
+ }));
114
+ }
115
+ return e;
61
116
  }
62
- function h() {
117
+ function O(e, n, r) {
118
+ return (n = w(n)) in e ? Object.defineProperty(e, n, {
119
+ value: r,
120
+ enumerable: !0,
121
+ configurable: !0,
122
+ writable: !0
123
+ }) : e[n] = r, e;
124
+ }
125
+ function w(e) {
126
+ var n = I(e, "string");
127
+ return "symbol" == h(n) ? n : n + "";
128
+ }
129
+ function I(e, n) {
130
+ if ("object" != h(e) || !e) return e;
131
+ var r = e[Symbol.toPrimitive];
132
+ if (void 0 !== r) {
133
+ var t = r.call(e, n || "default");
134
+ if ("object" != h(t)) return t;
135
+ throw new TypeError("@@toPrimitive must return a primitive value.");
136
+ }
137
+ return ("string" === n ? String : Number)(e);
138
+ }
139
+ function x(e, n) {
140
+ return P(e) || T(e, n) || j(e, n) || C();
141
+ }
142
+ function C() {
63
143
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
64
144
  }
65
- function g(e, r) {
145
+ function j(e, n) {
66
146
  if (e) {
67
- if ("string" == typeof e) return S(e, r);
68
- var n = {}.toString.call(e).slice(8, -1);
69
- 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) ? S(e, r) : void 0;
147
+ if ("string" == typeof e) return E(e, n);
148
+ var r = {}.toString.call(e).slice(8, -1);
149
+ 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) ? E(e, n) : void 0;
70
150
  }
71
151
  }
72
- function S(e, r) {
73
- (null == r || r > e.length) && (r = e.length);
74
- for (var n = 0, t = Array(r); n < r; n++) {
75
- t[n] = e[n];
152
+ function E(e, n) {
153
+ (null == n || n > e.length) && (n = e.length);
154
+ for (var r = 0, t = Array(n); r < n; r++) {
155
+ t[r] = e[r];
76
156
  }
77
157
  return t;
78
158
  }
79
- function k(e, r) {
80
- var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
81
- if (null != n) {
159
+ function T(e, n) {
160
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
161
+ if (null != r) {
82
162
  var t, o, a, i, l = [], u = !0, c = !1;
83
163
  try {
84
- if (a = (n = n.call(e)).next, 0 === r) {
85
- if (Object(n) !== n) return;
164
+ if (a = (r = r.call(e)).next, 0 === n) {
165
+ if (Object(r) !== r) return;
86
166
  u = !1;
87
- } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
167
+ } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
88
168
  }
89
169
  } catch (e) {
90
170
  c = !0, o = e;
91
171
  } finally {
92
172
  try {
93
- if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
173
+ if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
94
174
  } finally {
95
175
  if (c) throw o;
96
176
  }
@@ -98,172 +178,180 @@
98
178
  return l;
99
179
  }
100
180
  }
101
- function w(e) {
181
+ function P(e) {
102
182
  if (Array.isArray(e)) return e;
103
183
  }
104
- function O(e, r) {
184
+ function A(e, n) {
105
185
  if (null == e) return {};
106
- var n, t, o = x(e, r);
186
+ var r, t, o = R(e, n);
107
187
  if (Object.getOwnPropertySymbols) {
108
188
  var a = Object.getOwnPropertySymbols(e);
109
189
  for (t = 0; t < a.length; t++) {
110
- n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
190
+ r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
111
191
  }
112
192
  }
113
193
  return o;
114
194
  }
115
- function x(e, r) {
195
+ function R(e, n) {
116
196
  if (null == e) return {};
117
- var n = {};
197
+ var r = {};
118
198
  for (var t in e) {
119
199
  if ({}.hasOwnProperty.call(e, t)) {
120
- if (r.includes(t)) continue;
121
- n[t] = e[t];
200
+ if (n.includes(t)) continue;
201
+ r[t] = e[t];
122
202
  }
123
203
  }
124
- return n;
204
+ return r;
125
205
  }
126
- var I = {
206
+ var D = {
127
207
  id: i().string,
128
208
  children: i().node,
129
209
  content: i().node,
130
210
  customIndent: i().node,
211
+ elementRef: i().oneOfType([ i().func, i().object ]),
131
212
  endAdornment: i().node,
132
- labelledBy: i().string,
213
+ expanded: i().bool,
133
214
  onFocus: i().func,
134
215
  onKeyDown: i().func,
135
- onToggle: i().func,
136
- open: i().bool,
137
- toggle: i().node
216
+ onToggleSelection: i().func,
217
+ onToggleExpansion: i().func
138
218
  };
139
- function C(e) {
140
- var r = e.id, n = e.children, a = e.content, i = e.customIndent, l = e.endAdornment, u = e.labelledBy, f = e.onFocus, d = e.onKeyDown, s = e.onToggle, h = e.open, g = h === void 0 ? true : h, S = e.toggle, k = O(e, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
141
- var w = (0, t.useContext)(c), x = w.defaultIndent, I = x === void 0 ? true : x, C = w.onItemKeyDown, j = w.onItemClick, E = w.removeNode, A = w.setNode, T = w.itemPaths, P = w.focusedItemId;
142
- var R = (0, t.useState)(g), K = b(R, 2), _ = K[0], D = K[1];
219
+ /** @public */
220
+ /** @public */ function K(e) {
221
+ var n = e.id, r = e.children, a = e.content, i = e.customIndent, l = e.elementRef, u = e.endAdornment, f = e.expanded, d = e.onFocus, s = e.onKeyDown, h = e.onToggleExpansion, S = e.onToggleSelection, O = A(e, [ "id", "children", "content", "customIndent", "elementRef", "endAdornment", "expanded", "onFocus", "onKeyDown", "onToggleExpansion", "onToggleSelection" ]);
222
+ // @docs-props-type TreeItemPropsBase
223
+ var w = (0, t.useContext)(c), I = w.defaultIndent, C = I === void 0 ? true : I, j = w.onItemKeyDown, E = w.onItemClick, T = w.removeNode, P = w.setNode, R = w.itemPaths, D = w.focusedItemId;
143
224
  // make first tree item tabbable
144
- var N = (0, t.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0" ? 0 : -1), V = b(N, 2), L = V[0], q = V[1];
145
- var F = (0, t.useRef)(null);
146
- var M = (0, t.useRef)(null);
147
- var $ = t.Children.toArray(n).filter(t.isValidElement);
148
- $.forEach((function(e, n) {
225
+ var K = (0, t.useState)((R === null || R === void 0 ? void 0 : R.get("".concat(n))) === "0" ? 0 : -1), _ = x(K, 2), N = _[0], V = _[1];
226
+ var L = (0, t.useRef)(null);
227
+ var q = (0, t.useRef)(null);
228
+ var F = t.Children.toArray(r).filter(t.isValidElement);
229
+ F.forEach((function(e, r) {
149
230
  if (e.props.id) {
150
- if (_ && A) {
151
- A("".concat(e.props.id), "".concat(T === null || T === void 0 ? void 0 : T.get("".concat(r)), "-").concat(n));
152
- } else if (E) {
153
- E(e.props.id);
231
+ if (f && P) {
232
+ P("".concat(e.props.id), "".concat(R === null || R === void 0 ? void 0 : R.get("".concat(n)), "-").concat(r));
233
+ } else if (T) {
234
+ T(e.props.id);
154
235
  }
155
236
  }
156
237
  }));
157
- var J = function e(r, n) {
158
- D(r);
159
- s === null || s === void 0 ? void 0 : s(r, n);
160
- };
161
- var U = function e(n) {
162
- j === null || j === void 0 ? void 0 : j(n, r);
163
- };
164
- var B = function e(r) {
238
+ var M = (0, t.useCallback)((function(e) {
239
+ m(L, e);
240
+ m(l, e);
241
+ }), [ l ]);
242
+ var $ = (0, t.useCallback)((function(e) {
165
243
  var n;
166
- r.stopPropagation();
167
- F === null || F === void 0 ? void 0 : (n = F.current) === null || n === void 0 ? void 0 : n.focus();
168
- f === null || f === void 0 ? void 0 : f(r);
169
- };
170
- var H = function e() {
171
- if ((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0") {
172
- q(0);
244
+ var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
245
+ // For consistency, if not provided but found in the event then add it to `data` on callback.
246
+ // This allows for common handling of both click and keyboard events in the consumer.
247
+ var t = k({}, r);
248
+ if (!r.treeItemId && ((n = e.currentTarget) === null || n === void 0 ? void 0 : n.id)) {
249
+ t.treeItemId = e.currentTarget.id;
173
250
  }
174
- };
251
+ h === null || h === void 0 ? void 0 : h(e, t);
252
+ }), [ h ]);
253
+ var J = (0, t.useCallback)((function(e) {
254
+ E === null || E === void 0 ? void 0 : E(e, n);
255
+ }), [ n, E ]);
256
+ var U = (0, t.useCallback)((function(e) {
257
+ var n;
258
+ e.stopPropagation();
259
+ q === null || q === void 0 ? void 0 : (n = q.current) === null || n === void 0 ? void 0 : n.focus();
260
+ d === null || d === void 0 ? void 0 : d(e);
261
+ }), [ d ]);
262
+ var H = (0, t.useCallback)((function() {
263
+ if ((R === null || R === void 0 ? void 0 : R.get("".concat(n))) === "0") {
264
+ V(0);
265
+ }
266
+ }), [ n, R ]);
175
267
  (0, t.useEffect)((function() {
176
- if (P === r) {
268
+ if (D === n) {
177
269
  var e;
178
- M === null || M === void 0 ? void 0 : (e = M.current) === null || e === void 0 ? void 0 : e.focus();
270
+ L === null || L === void 0 ? void 0 : (e = L.current) === null || e === void 0 ? void 0 : e.focus();
271
+ }
272
+ }), [ D, n, L ]);
273
+ var B = (0, t.useCallback)((function(e) {
274
+ e.stopPropagation();
275
+ }), []);
276
+ var X = (0, t.useCallback)((function(e) {
277
+ e.stopPropagation();
278
+ if (e.key === " ") {
279
+ e.preventDefault();
280
+ S === null || S === void 0 ? void 0 : S(e, {
281
+ treeItemId: n
282
+ });
283
+ return;
179
284
  }
180
- }), [ P, M ]);
181
- var X = function e(r) {
182
- r.stopPropagation();
183
- };
184
- var W = function e(n) {
185
- n.stopPropagation();
186
285
  // Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
187
286
  // this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
188
- if (n.shiftKey && n.key === "Tab" && (T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0") {
189
- q(-1);
190
- }
191
- C === null || C === void 0 ? void 0 : C(n, r, _, $, J);
192
- d === null || d === void 0 ? void 0 : d(n);
193
- };
194
- var z = function e() {
195
- if (!S) {
196
- return undefined;
287
+ if (e.shiftKey && e.key === "Tab" && (R === null || R === void 0 ? void 0 : R.get("".concat(n))) === "0") {
288
+ V(-1);
197
289
  }
198
-
199
- return (0, t.cloneElement)(S, {
200
- onClick: function e(r) {
201
- var n, t;
202
- J(!_, r);
203
- U(r);
204
- (n = (t = S.props).onClick) === null || n === void 0 ? void 0 : n.call(t, r);
205
- },
206
- "aria-expanded": _
207
- });
208
- };
290
+ j === null || j === void 0 ? void 0 : j(e, n, f, F, $);
291
+ s === null || s === void 0 ? void 0 : s(e);
292
+ }), [ F, f, $, n, R, j, s, S ]);
209
293
 
210
- return o().createElement("li", m({}, k, {
294
+ return o().createElement("li", g({
295
+ "data-test": "tree-item"
296
+ }, O, {
297
+ id: n,
211
298
  ref: M,
212
- tabIndex: L,
299
+ tabIndex: N,
213
300
  onBlur: H,
214
- onFocus: B,
215
- onKeyDown: W,
301
+ onFocus: U,
302
+ onKeyDown: X,
216
303
  role: "treeitem",
217
- "aria-labelledby": u,
218
- "aria-expanded": $.length ? _ : undefined
219
- }), i, o().createElement(p, {
220
- ref: F,
304
+ "aria-expanded": F.length ? f || "false" : undefined
305
+ }), o().createElement(v, null, o().createElement(p, null, i), o().createElement(y, {
306
+ $hasCustomIndent: !!i,
307
+ "data-test": "tree-item-content",
308
+ ref: q,
221
309
  tabIndex: -1,
222
- onFocus: X,
223
- onClick: U
224
- }, o().createElement(v, null, a), z(), !_ && l), _ && o().createElement(o().Fragment, null, o().createElement(y, {
310
+ onFocus: B,
311
+ onClick: J
312
+ }, a, !f && u)), f && o().createElement(o().Fragment, null, o().createElement(b, {
225
313
  role: "group",
226
- $defaultIndent: I
227
- }, n), l));
314
+ $defaultIndent: C
315
+ }, r), u));
228
316
  }
229
- C.propTypes = I;
230
- /* harmony default export */ const j = C;
317
+ K.propTypes = D;
318
+ /* harmony default export */ const _ = K;
231
319
  // CONCATENATED MODULE: ./src/Tree/treeUtils.ts
232
- function E(e, r) {
233
- return K(e) || R(e, r) || T(e, r) || A();
320
+ function N(e, n) {
321
+ return M(e) || F(e, n) || L(e, n) || V();
234
322
  }
235
- function A() {
323
+ function V() {
236
324
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
237
325
  }
238
- function T(e, r) {
326
+ function L(e, n) {
239
327
  if (e) {
240
- if ("string" == typeof e) return P(e, r);
241
- var n = {}.toString.call(e).slice(8, -1);
242
- 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) ? P(e, r) : void 0;
328
+ if ("string" == typeof e) return q(e, n);
329
+ var r = {}.toString.call(e).slice(8, -1);
330
+ 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) ? q(e, n) : void 0;
243
331
  }
244
332
  }
245
- function P(e, r) {
246
- (null == r || r > e.length) && (r = e.length);
247
- for (var n = 0, t = Array(r); n < r; n++) {
248
- t[n] = e[n];
333
+ function q(e, n) {
334
+ (null == n || n > e.length) && (n = e.length);
335
+ for (var r = 0, t = Array(n); r < n; r++) {
336
+ t[r] = e[r];
249
337
  }
250
338
  return t;
251
339
  }
252
- function R(e, r) {
253
- var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
254
- if (null != n) {
340
+ function F(e, n) {
341
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
342
+ if (null != r) {
255
343
  var t, o, a, i, l = [], u = !0, c = !1;
256
344
  try {
257
- if (a = (n = n.call(e)).next, 0 === r) {
258
- if (Object(n) !== n) return;
345
+ if (a = (r = r.call(e)).next, 0 === n) {
346
+ if (Object(r) !== r) return;
259
347
  u = !1;
260
- } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
348
+ } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
261
349
  }
262
350
  } catch (e) {
263
351
  c = !0, o = e;
264
352
  } finally {
265
353
  try {
266
- if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
354
+ if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
267
355
  } finally {
268
356
  if (c) throw o;
269
357
  }
@@ -271,189 +359,189 @@
271
359
  return l;
272
360
  }
273
361
  }
274
- function K(e) {
362
+ function M(e) {
275
363
  if (Array.isArray(e)) return e;
276
364
  }
277
365
  /**
278
366
  * A helper function to get first key in Map that matches given value
279
- */ function _(e, r) {
280
- var n;
367
+ */ function $(e, n) {
368
+ var r;
281
369
  var t = Array.from(e.entries());
282
- return (n = t.find((function(e) {
283
- var n = E(e, 2), t = n[1];
284
- return t === r;
285
- }))) === null || n === void 0 ? void 0 : n[0];
370
+ return (r = t.find((function(e) {
371
+ var r = N(e, 2), t = r[1];
372
+ return t === n;
373
+ }))) === null || r === void 0 ? void 0 : r[0];
286
374
  }
287
375
  /**
288
376
  * A helper function to get parent path of current item path
289
- */ function D(e) {
377
+ */ function J(e) {
290
378
  // remove last index number of the current item path string to get parent
291
379
  return e.split("-").slice(0, -1).join("-");
292
380
  }
293
381
  /**
294
382
  * A helper function to get next path of current item path in same level
295
- */ function N(e, r) {
296
- return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(r + 1));
383
+ */ function U(e, n) {
384
+ return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(n + 1));
297
385
  }
298
386
  /**
299
387
  * A helper function to get the last index number of an item path string
300
- */ function V(e) {
301
- var r = e.split("-").pop();
302
- if (!r) {
388
+ */ function H(e) {
389
+ var n = e.split("-").pop();
390
+ if (!n) {
303
391
  return 0;
304
392
  }
305
- return parseInt(r, 10) || 0;
393
+ return parseInt(n, 10) || 0;
306
394
  }
307
- function L(e, r) {
308
- var n = e.get(r);
309
- if (!n) {
310
- return r;
395
+ function B(e, n) {
396
+ var r = e.get(n);
397
+ if (!r) {
398
+ return n;
311
399
  }
312
- var t = D(n);
313
- return _(e, t) || r;
400
+ var t = J(r);
401
+ return $(e, t) || n;
314
402
  }
315
403
  /**
316
404
  * A helper function for getNextTreeItem
317
- */ function q(e, r) {
318
- var n = D(r);
319
- if (!n) {
320
- return _(e, r);
405
+ */ function X(e, n) {
406
+ var r = J(n);
407
+ if (!r) {
408
+ return $(e, n);
321
409
  }
322
410
  // get next node in the parent level
323
- var t = V(n);
324
- var o = N(n, t);
325
- var a = _(e, o);
411
+ var t = H(r);
412
+ var o = U(r, t);
413
+ var a = $(e, o);
326
414
  if (a) {
327
415
  return a;
328
416
  }
329
417
  // continue getting parents until find next node or reach root
330
- return q(e, o);
418
+ return X(e, o);
331
419
  }
332
- function F(e, r) {
333
- var n = e.get(r);
334
- if (!n) {
335
- return r;
420
+ function W(e, n) {
421
+ var r = e.get(n);
422
+ if (!r) {
423
+ return n;
336
424
  }
337
425
  // case where next tree item is the first visible child
338
- var t = _(e, "".concat(n, "-0"));
426
+ var t = $(e, "".concat(r, "-0"));
339
427
  if (t) {
340
428
  return t;
341
429
  }
342
430
  // case where next tree item is the next node in the same level
343
- var o = V(n);
344
- var a = N(n, o);
345
- var i = _(e, a);
431
+ var o = H(r);
432
+ var a = U(r, o);
433
+ var i = $(e, a);
346
434
  if (i) {
347
435
  return i;
348
436
  }
349
437
  // case where next tree item is a higher level or does not exist
350
- return q(e, n) || r;
438
+ return X(e, r) || n;
351
439
  }
352
440
  /**
353
441
  * A helper function for getPrevTreeItem
354
- */ function M(e, r) {
355
- var n = _(e, "".concat(r, "-0"));
356
- if (!n) {
357
- return _(e, r);
442
+ */ function z(e, n) {
443
+ var r = $(e, "".concat(n, "-0"));
444
+ if (!r) {
445
+ return $(e, n);
358
446
  }
359
- var t = _(e, r);
360
- var o = "".concat(r, "-0");
447
+ var t = $(e, n);
448
+ var o = "".concat(n, "-0");
361
449
  // get the last child in current node, and continue to find its children recursively
362
450
  while (t) {
363
- var a = V(o);
364
- var i = N(o, a);
365
- t = _(e, i);
451
+ var a = H(o);
452
+ var i = U(o, a);
453
+ t = $(e, i);
366
454
  if (t) {
367
455
  o = i;
368
456
  }
369
457
  }
370
- return M(e, o);
458
+ return z(e, o);
371
459
  }
372
- function $(e, r) {
373
- var n = e.get(r);
374
- if (!n) {
375
- return r;
460
+ function G(e, n) {
461
+ var r = e.get(n);
462
+ if (!r) {
463
+ return n;
376
464
  }
377
- var t = V(n);
465
+ var t = H(r);
378
466
  // case where current is first child of parent or root item
379
467
  if (t === 0) {
380
- return L(e, r);
468
+ return B(e, n);
381
469
  }
382
470
  // case where previous tree item is or is a child of previous node in same level
383
- var o = n.replace(/[^-]+$/, "".concat(t - 1));
384
- return M(e, o) || r;
471
+ var o = r.replace(/[^-]+$/, "".concat(t - 1));
472
+ return z(e, o) || n;
385
473
  }
386
- function J(e) {
387
- return _(e, "0");
474
+ function Q(e) {
475
+ return $(e, "0");
388
476
  }
389
- function U(e) {
390
- var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
391
- var n = _(e, r);
392
- var t = r;
477
+ function Y(e) {
478
+ var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
479
+ var r = $(e, n);
480
+ var t = n;
393
481
  // find last child in current node
394
- while (n) {
395
- var o = V(t);
396
- n = _(e, N(t, o));
397
- if (n) {
398
- t = N(t, o);
482
+ while (r) {
483
+ var o = H(t);
484
+ r = $(e, U(t, o));
485
+ if (r) {
486
+ t = U(t, o);
399
487
  }
400
488
  }
401
489
  // check if last child has children
402
- var a = _(e, "".concat(t, "-0"));
490
+ var a = $(e, "".concat(t, "-0"));
403
491
  if (!a) {
404
- return _(e, t);
492
+ return $(e, t);
405
493
  }
406
494
  // continue to find its last child recursively
407
495
  t = "".concat(t, "-0");
408
- return U(e, t);
496
+ return Y(e, t);
409
497
  }
410
498
  // CONCATENATED MODULE: ./src/Tree/Tree.tsx
411
- function B() {
412
- return B = Object.assign ? Object.assign.bind() : function(e) {
413
- for (var r = 1; r < arguments.length; r++) {
414
- var n = arguments[r];
415
- for (var t in n) {
416
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
499
+ function Z() {
500
+ return Z = Object.assign ? Object.assign.bind() : function(e) {
501
+ for (var n = 1; n < arguments.length; n++) {
502
+ var r = arguments[n];
503
+ for (var t in r) {
504
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
417
505
  }
418
506
  }
419
507
  return e;
420
- }, B.apply(null, arguments);
508
+ }, Z.apply(null, arguments);
421
509
  }
422
- function H(e, r) {
423
- return Q(e) || G(e, r) || W(e, r) || X();
510
+ function ee(e, n) {
511
+ return ae(e) || oe(e, n) || re(e, n) || ne();
424
512
  }
425
- function X() {
513
+ function ne() {
426
514
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
427
515
  }
428
- function W(e, r) {
516
+ function re(e, n) {
429
517
  if (e) {
430
- if ("string" == typeof e) return z(e, r);
431
- var n = {}.toString.call(e).slice(8, -1);
432
- 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) ? z(e, r) : void 0;
518
+ if ("string" == typeof e) return te(e, n);
519
+ var r = {}.toString.call(e).slice(8, -1);
520
+ 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, n) : void 0;
433
521
  }
434
522
  }
435
- function z(e, r) {
436
- (null == r || r > e.length) && (r = e.length);
437
- for (var n = 0, t = Array(r); n < r; n++) {
438
- t[n] = e[n];
523
+ function te(e, n) {
524
+ (null == n || n > e.length) && (n = e.length);
525
+ for (var r = 0, t = Array(n); r < n; r++) {
526
+ t[r] = e[r];
439
527
  }
440
528
  return t;
441
529
  }
442
- function G(e, r) {
443
- var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
444
- if (null != n) {
530
+ function oe(e, n) {
531
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
532
+ if (null != r) {
445
533
  var t, o, a, i, l = [], u = !0, c = !1;
446
534
  try {
447
- if (a = (n = n.call(e)).next, 0 === r) {
448
- if (Object(n) !== n) return;
535
+ if (a = (r = r.call(e)).next, 0 === n) {
536
+ if (Object(r) !== r) return;
449
537
  u = !1;
450
- } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
538
+ } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
451
539
  }
452
540
  } catch (e) {
453
541
  c = !0, o = e;
454
542
  } finally {
455
543
  try {
456
- if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
544
+ if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
457
545
  } finally {
458
546
  if (c) throw o;
459
547
  }
@@ -461,129 +549,141 @@
461
549
  return l;
462
550
  }
463
551
  }
464
- function Q(e) {
552
+ function ae(e) {
465
553
  if (Array.isArray(e)) return e;
466
554
  }
467
- function Y(e, r) {
555
+ function ie(e, n) {
468
556
  if (null == e) return {};
469
- var n, t, o = Z(e, r);
557
+ var r, t, o = le(e, n);
470
558
  if (Object.getOwnPropertySymbols) {
471
559
  var a = Object.getOwnPropertySymbols(e);
472
560
  for (t = 0; t < a.length; t++) {
473
- n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
561
+ r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
474
562
  }
475
563
  }
476
564
  return o;
477
565
  }
478
- function Z(e, r) {
566
+ function le(e, n) {
479
567
  if (null == e) return {};
480
- var n = {};
568
+ var r = {};
481
569
  for (var t in e) {
482
570
  if ({}.hasOwnProperty.call(e, t)) {
483
- if (r.includes(t)) continue;
484
- n[t] = e[t];
571
+ if (n.includes(t)) continue;
572
+ r[t] = e[t];
485
573
  }
486
574
  }
487
- return n;
575
+ return r;
488
576
  }
489
- var ee = {
577
+ var ue = {
490
578
  children: i().node,
491
- defaultIndent: i().bool
579
+ defaultIndent: i().bool,
580
+ elementRef: i().oneOfType([ i().func, i().object ])
492
581
  };
493
- function re(e) {
494
- var r = e.children, n = e.defaultIndent, a = n === void 0 ? true : n, i = Y(e, [ "children", "defaultIndent" ]);
495
- var u = (0, t.useState)(), f = H(u, 2), d = f[0], s = f[1];
496
- var v = new Map;
497
- var p = function e(r, n, t, o, a) {
498
- r.stopPropagation();
499
- var i = (0, l.keycode)(r.nativeEvent);
582
+ /**
583
+ * Used to present a hierarchical list.
584
+ */ function ce(e) {
585
+ var n = e.children, r = e.defaultIndent, a = r === void 0 ? true : r, i = e.elementRef, u = ie(e, [ "children", "defaultIndent", "elementRef" ]);
586
+ // @docs-props-type TreePropsBase
587
+ var f = (0, t.useState)(), d = ee(f, 2), s = d[0], v = d[1];
588
+ var p = new Map;
589
+ var y = function e(n, r, t, o, a) {
590
+ n.stopPropagation();
591
+ var i = (0, l.keycode)(n.nativeEvent);
500
592
  var u = t && (o === null || o === void 0 ? void 0 : o.length);
501
593
  switch (i) {
502
594
  case "up":
503
- r.preventDefault();
504
- s($(v, n));
595
+ n.preventDefault();
596
+ v(G(p, r));
505
597
  break;
506
598
 
507
599
  case "down":
508
- r.preventDefault();
509
- s(F(v, n));
600
+ n.preventDefault();
601
+ v(W(p, r));
510
602
  break;
511
603
 
512
604
  case "left":
513
- r.preventDefault();
605
+ n.preventDefault();
514
606
  if (u) {
515
- a(false, r);
607
+ a(n, {
608
+ treeItemId: r
609
+ });
516
610
  } else {
517
- s(L(v, n));
611
+ v(B(p, r));
518
612
  }
519
613
  break;
520
614
 
521
615
  case "right":
522
- r.preventDefault();
616
+ n.preventDefault();
523
617
  if (u) {
524
- s(F(v, n));
618
+ v(W(p, r));
525
619
  } else {
526
- a(true, r);
620
+ a(n, {
621
+ treeItemId: r
622
+ });
527
623
  }
528
624
  break;
529
625
 
530
626
  case "home":
531
- r.preventDefault();
532
- s(J(v));
627
+ n.preventDefault();
628
+ v(Q(p));
533
629
  break;
534
630
 
535
631
  case "end":
536
- r.preventDefault();
537
- s(U(v));
632
+ n.preventDefault();
633
+ v(Y(p));
538
634
  break;
539
635
 
540
636
  case "enter":
541
- r.preventDefault();
542
- a(!u, r);
637
+ n.preventDefault();
638
+ a(n, {
639
+ treeItemId: r
640
+ });
543
641
  break;
544
642
 
545
643
  default:
546
644
  // do nothing
547
645
  }
548
646
  };
549
- var m = function e(r, n) {
550
- r.preventDefault();
551
- s(n);
647
+ var m = function e(n, r) {
648
+ n.preventDefault();
649
+ v(r);
552
650
  };
553
- var b = function e(r) {
554
- v["delete"](r);
651
+ var h = function e(n) {
652
+ p["delete"](n);
555
653
  };
556
- var h = function e(r, n) {
557
- v.set(r, n);
654
+ var g = function e(n, r) {
655
+ p.set(n, r);
558
656
  };
559
- var g = t.Children.toArray(r).filter(t.isValidElement);
560
- g.forEach((function(e, r) {
561
- if (e.props.id && h) {
562
- h("".concat(e.props.id), "".concat(r));
657
+ var S = t.Children.toArray(n).filter(t.isValidElement);
658
+ S.forEach((function(e, n) {
659
+ if (e.props.id && g) {
660
+ g("".concat(e.props.id), "".concat(n));
563
661
  }
564
662
  }));
565
- var S = (0, t.useMemo)((function() {
663
+ var k = (0, t.useMemo)((function() {
566
664
  return {
567
665
  defaultIndent: a,
568
- onItemKeyDown: p,
666
+ onItemKeyDown: y,
569
667
  onItemClick: m,
570
- removeNode: b,
571
- setNode: h,
572
- itemPaths: v,
573
- focusedItemId: d
668
+ removeNode: h,
669
+ setNode: g,
670
+ itemPaths: p,
671
+ focusedItemId: s
574
672
  };
575
- }), [ a, d, v, p, b, h ]);
673
+ }), [ a, s, p, y, h, g ]);
576
674
 
577
675
  return o().createElement(c.Provider, {
578
- value: S
579
- }, o().createElement(y, B({
676
+ value: k
677
+ }, o().createElement(b, Z({
678
+ "data-test": "tree",
679
+ ref: i,
580
680
  role: "tree",
581
681
  $defaultIndent: a
582
- }, i), r));
682
+ }, u), n));
583
683
  }
584
- re.propTypes = ee;
585
- re.Item = j;
586
- /* harmony default export */ const ne = re;
684
+ ce.propTypes = ue;
685
+ ce.Item = _;
686
+ /* harmony default export */ const fe = ce;
587
687
  } // CONCATENATED MODULE: ./src/Tree/index.ts
588
688
  /***/ ,
589
689
  /***/ 3563:
@@ -610,24 +710,24 @@
610
710
  };
611
711
  /************************************************************************/
612
712
  /******/ // The module cache
613
- /******/ var r = {};
713
+ /******/ var n = {};
614
714
  /******/
615
715
  /******/ // The require function
616
- /******/ function n(t) {
716
+ /******/ function r(t) {
617
717
  /******/ // Check if module is in cache
618
- /******/ var o = r[t];
718
+ /******/ var o = n[t];
619
719
  /******/ if (o !== undefined) {
620
720
  /******/ return o.exports;
621
721
  /******/ }
622
722
  /******/ // Create a new module (and put it into the cache)
623
- /******/ var a = r[t] = {
723
+ /******/ var a = n[t] = {
624
724
  /******/ // no module.id needed
625
725
  /******/ // no module.loaded needed
626
726
  /******/ exports: {}
627
727
  /******/ };
628
728
  /******/
629
729
  /******/ // Execute the module function
630
- /******/ e[t](a, a.exports, n);
730
+ /******/ e[t](a, a.exports, r);
631
731
  /******/
632
732
  /******/ // Return the exports of the module
633
733
  /******/ return a.exports;
@@ -637,27 +737,27 @@
637
737
  /******/ /* webpack/runtime/compat get default export */
638
738
  /******/ (() => {
639
739
  /******/ // getDefaultExport function for compatibility with non-harmony modules
640
- /******/ n.n = e => {
641
- /******/ var r = e && e.__esModule ?
740
+ /******/ r.n = e => {
741
+ /******/ var n = e && e.__esModule ?
642
742
  /******/ () => e["default"]
643
743
  /******/ : () => e
644
744
  /******/;
645
- n.d(r, {
646
- a: r
745
+ r.d(n, {
746
+ a: n
647
747
  });
648
- /******/ return r;
748
+ /******/ return n;
649
749
  /******/ };
650
750
  /******/ })();
651
751
  /******/
652
752
  /******/ /* webpack/runtime/define property getters */
653
753
  /******/ (() => {
654
754
  /******/ // define getter functions for harmony exports
655
- /******/ n.d = (e, r) => {
656
- /******/ for (var t in r) {
657
- /******/ if (n.o(r, t) && !n.o(e, t)) {
755
+ /******/ r.d = (e, n) => {
756
+ /******/ for (var t in n) {
757
+ /******/ if (r.o(n, t) && !r.o(e, t)) {
658
758
  /******/ Object.defineProperty(e, t, {
659
759
  enumerable: true,
660
- get: r[t]
760
+ get: n[t]
661
761
  });
662
762
  /******/ }
663
763
  /******/ }
@@ -666,14 +766,14 @@
666
766
  /******/
667
767
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
668
768
  /******/ (() => {
669
- /******/ n.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
769
+ /******/ r.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
670
770
  /******/;
671
771
  })();
672
772
  /******/
673
773
  /******/ /* webpack/runtime/make namespace object */
674
774
  /******/ (() => {
675
775
  /******/ // define __esModule on exports
676
- /******/ n.r = e => {
776
+ /******/ r.r = e => {
677
777
  /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
678
778
  /******/ Object.defineProperty(e, Symbol.toStringTag, {
679
779
  value: "Module"
@@ -689,111 +789,113 @@
689
789
  // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
690
790
  (() => {
691
791
  // ESM COMPAT FLAG
692
- n.r(t);
792
+ r.r(t);
693
793
  // EXPORTS
694
- n.d(t, {
794
+ r.d(t, {
695
795
  default: () => /* reexport */ xe
696
796
  });
697
797
  // EXTERNAL MODULE: external "react"
698
- var e = n(9497);
699
- var r = n.n(e);
798
+ var e = r(9497);
799
+ var n = r.n(e);
700
800
  // EXTERNAL MODULE: external "prop-types"
701
- var o = n(23);
702
- var a = n.n(o);
801
+ var o = r(23);
802
+ var a = r.n(o);
703
803
  // CONCATENATED MODULE: external "lodash/isString"
704
804
  const i = require("lodash/isString");
705
- var l = n.n(i);
805
+ var l = r.n(i);
806
+ // CONCATENATED MODULE: external "@splunk/ui-utils/id"
807
+ const u = require("@splunk/ui-utils/id");
706
808
  // EXTERNAL MODULE: external "styled-components"
707
- var u = n(232);
708
- var c = n.n(u);
809
+ var c = r(232);
810
+ var f = r.n(c);
709
811
  // EXTERNAL MODULE: external "@splunk/themes"
710
- var f = n(3563);
812
+ var d = r(3563);
711
813
  // CONCATENATED MODULE: ./src/JSONTree/JSONTreeStyles.ts
712
- var d = (0, u.css)([ "", ";", ";" ], f.mixins.reset("block"), f.mixins.typography({
814
+ var s = (0, c.css)([ "", ";", ";" ], d.mixins.reset("block"), d.mixins.typography({
713
815
  family: "monospace"
714
816
  }));
715
- var s = c().code.withConfig({
817
+ var v = f().code.withConfig({
716
818
  displayName: "JSONTreeStyles__StyledScrollCode",
717
819
  componentId: "vrdt21-0"
718
- })([ "", ";overflow-x:auto;white-space:nowrap;" ], d);
719
- var v = c().code.withConfig({
820
+ })([ "", ";overflow-x:auto;white-space:nowrap;" ], s);
821
+ var p = f().code.withConfig({
720
822
  displayName: "JSONTreeStyles__StyledWrapCode",
721
823
  componentId: "vrdt21-1"
722
- })([ "", ";white-space:pre-wrap;" ], d);
824
+ })([ "", ";white-space:pre-wrap;" ], s);
723
825
  // CONCATENATED MODULE: external "lodash/fill"
724
- const p = require("lodash/fill");
725
- var y = n.n(p);
826
+ const y = require("lodash/fill");
827
+ var b = r.n(y);
726
828
  // CONCATENATED MODULE: external "lodash/isArray"
727
829
  const m = require("lodash/isArray");
728
- var b = n.n(m);
830
+ var h = r.n(m);
729
831
  // CONCATENATED MODULE: external "lodash/isEmpty"
730
- const h = require("lodash/isEmpty");
731
- var g = n.n(h);
832
+ const g = require("lodash/isEmpty");
833
+ var S = r.n(g);
732
834
  // CONCATENATED MODULE: external "lodash/isNumber"
733
- const S = require("lodash/isNumber");
734
- var k = n.n(S);
835
+ const k = require("lodash/isNumber");
836
+ var O = r.n(k);
735
837
  // CONCATENATED MODULE: external "lodash/isObject"
736
838
  const w = require("lodash/isObject");
737
- var O = n.n(w);
839
+ var I = r.n(w);
738
840
  // CONCATENATED MODULE: external "lodash/keys"
739
841
  const x = require("lodash/keys");
740
- var I = n.n(x);
842
+ var C = r.n(x);
741
843
  // CONCATENATED MODULE: external "lodash/repeat"
742
- const C = require("lodash/repeat");
743
- var j = n.n(C);
844
+ const j = require("lodash/repeat");
845
+ var E = r.n(j);
744
846
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
745
- const E = require("@splunk/ui-utils/i18n");
847
+ const T = require("@splunk/ui-utils/i18n");
746
848
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
747
- var A = n(5295);
748
- // EXTERNAL MODULE: ./src/Tree/index.ts + 6 modules
749
- var T = n(9058);
849
+ var P = r(5295);
850
+ // EXTERNAL MODULE: ./src/Tree/index.ts + 7 modules
851
+ var A = r(8655);
750
852
  // CONCATENATED MODULE: ./src/JSONTree/JSONTreeItem.tsx
751
- function P() {
752
- return P = Object.assign ? Object.assign.bind() : function(e) {
753
- for (var r = 1; r < arguments.length; r++) {
754
- var n = arguments[r];
755
- for (var t in n) {
756
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
853
+ function R() {
854
+ return R = Object.assign ? Object.assign.bind() : function(e) {
855
+ for (var n = 1; n < arguments.length; n++) {
856
+ var r = arguments[n];
857
+ for (var t in r) {
858
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
757
859
  }
758
860
  }
759
861
  return e;
760
- }, P.apply(null, arguments);
862
+ }, R.apply(null, arguments);
761
863
  }
762
- function R(e, r) {
763
- return V(e) || N(e, r) || _(e, r) || K();
864
+ function D(e, n) {
865
+ return L(e) || V(e, n) || _(e, n) || K();
764
866
  }
765
867
  function K() {
766
868
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
767
869
  }
768
- function _(e, r) {
870
+ function _(e, n) {
769
871
  if (e) {
770
- if ("string" == typeof e) return D(e, r);
771
- var n = {}.toString.call(e).slice(8, -1);
772
- 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) ? D(e, r) : void 0;
872
+ if ("string" == typeof e) return N(e, n);
873
+ var r = {}.toString.call(e).slice(8, -1);
874
+ 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) ? N(e, n) : void 0;
773
875
  }
774
876
  }
775
- function D(e, r) {
776
- (null == r || r > e.length) && (r = e.length);
777
- for (var n = 0, t = Array(r); n < r; n++) {
778
- t[n] = e[n];
877
+ function N(e, n) {
878
+ (null == n || n > e.length) && (n = e.length);
879
+ for (var r = 0, t = Array(n); r < n; r++) {
880
+ t[r] = e[r];
779
881
  }
780
882
  return t;
781
883
  }
782
- function N(e, r) {
783
- var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
784
- if (null != n) {
884
+ function V(e, n) {
885
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
886
+ if (null != r) {
785
887
  var t, o, a, i, l = [], u = !0, c = !1;
786
888
  try {
787
- if (a = (n = n.call(e)).next, 0 === r) {
788
- if (Object(n) !== n) return;
889
+ if (a = (r = r.call(e)).next, 0 === n) {
890
+ if (Object(r) !== r) return;
789
891
  u = !1;
790
- } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
892
+ } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
791
893
  }
792
894
  } catch (e) {
793
895
  c = !0, o = e;
794
896
  } finally {
795
897
  try {
796
- if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
898
+ if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
797
899
  } finally {
798
900
  if (c) throw o;
799
901
  }
@@ -801,38 +903,39 @@
801
903
  return l;
802
904
  }
803
905
  }
804
- function V(e) {
906
+ function L(e) {
805
907
  if (Array.isArray(e)) return e;
806
908
  }
807
- function L(e, r) {
909
+ function q(e, n) {
808
910
  if (null == e) return {};
809
- var n, t, o = q(e, r);
911
+ var r, t, o = F(e, n);
810
912
  if (Object.getOwnPropertySymbols) {
811
913
  var a = Object.getOwnPropertySymbols(e);
812
914
  for (t = 0; t < a.length; t++) {
813
- n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
915
+ r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
814
916
  }
815
917
  }
816
918
  return o;
817
919
  }
818
- function q(e, r) {
920
+ function F(e, n) {
819
921
  if (null == e) return {};
820
- var n = {};
922
+ var r = {};
821
923
  for (var t in e) {
822
924
  if ({}.hasOwnProperty.call(e, t)) {
823
- if (r.includes(t)) continue;
824
- n[t] = e[t];
925
+ if (n.includes(t)) continue;
926
+ r[t] = e[t];
825
927
  }
826
928
  }
827
- return n;
929
+ return r;
828
930
  }
829
- var F = {
931
+ var M = {
830
932
  clickableKeyRef: a().object,
831
933
  clickableValRef: a().object,
832
934
  hasChildren: a().bool,
833
935
  indentArray: a().arrayOf(a().string),
834
936
  index: a().number,
835
937
  initialOpenState: a().bool,
938
+ isRoot: a().bool,
836
939
  properties: a().arrayOf(a().string),
837
940
  propertyDataPath: a().string,
838
941
  propertyElement: a().node,
@@ -840,39 +943,43 @@
840
943
  representation: a().node,
841
944
  value: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ])
842
945
  };
843
- function M(n) {
844
- var t = n.clickableKeyRef, o = n.clickableValRef, a = n.hasChildren, i = n.indentArray, l = n.index, u = n.initialOpenState, c = n.onFocus, f = n.properties, d = n.propertyDataPath, s = n.propertyElement, v = n.renderExpandLink, p = n.representation, y = n.value, m = L(n, [ "clickableKeyRef", "clickableValRef", "hasChildren", "indentArray", "index", "initialOpenState", "onFocus", "properties", "propertyDataPath", "propertyElement", "renderExpandLink", "representation", "value" ]);
845
- var h = (0, e.useState)(u), g = R(h, 2), S = g[0], k = g[1];
846
- var w = function e(r) {
847
- k(r);
848
- };
849
- var O = (0, e.useRef)(null);
850
- var x = v ? v({
851
- open: S,
946
+ function $(r) {
947
+ var t = r.clickableKeyRef, o = r.clickableValRef, a = r.hasChildren, i = r.indentArray, l = r.index, u = r.initialOpenState, c = r.isRoot, f = r.onFocus, d = r.properties, s = r.propertyDataPath, v = r.propertyElement, p = r.renderExpandLink, y = r.representation, b = r.value, m = q(r, [ "clickableKeyRef", "clickableValRef", "hasChildren", "indentArray", "index", "initialOpenState", "isRoot", "onFocus", "properties", "propertyDataPath", "propertyElement", "renderExpandLink", "representation", "value" ]);
948
+ var g = (0, e.useState)(u), S = D(g, 2), k = S[0], O = S[1];
949
+ var w = (0, e.useCallback)((function() {
950
+ O((function(e) {
951
+ return !e;
952
+ }));
953
+ }), []);
954
+ var I = (0, e.useRef)(null);
955
+ var x = p ? p({
956
+ onToggleExpansion: w,
957
+ open: k,
852
958
  withTooltip: true,
853
- expandLinkRef: O
959
+ expandLinkRef: I
854
960
  }) : {
855
961
  expandLink: undefined
856
- }, I = x.expandLink;
857
- var C = (f === null || f === void 0 ? void 0 : f.length) && l + 1 < (f === null || f === void 0 ? void 0 : f.length) ? "," : null;
962
+ }, C = x.expandLink;
963
+ var j = (d === null || d === void 0 ? void 0 : d.length) && l + 1 < (d === null || d === void 0 ? void 0 : d.length) ? "," : null;
858
964
 
859
- return r().createElement(T["default"].Item, P({
860
- content: r().createElement(r().Fragment, null, s, a && (b()(y) ? "[" : "{"), !a && r().createElement(r().Fragment, null, p, C)),
965
+ return n().createElement(A["default"].Item, R({
966
+ content: n().createElement(n().Fragment, null, v, a && (h()(b) ? "[" : "{"), !a && n().createElement(n().Fragment, null, y, j), a && C),
861
967
  customIndent: i,
862
968
  "data-test": a ? "node" : null,
863
- "data-test-path": d,
864
- endAdornment: a && r().createElement(r().Fragment, null, S && i, b()(y) ? "]" : "}", C),
865
- onFocus: function e(r) {
866
- c === null || c === void 0 ? void 0 : c(r);
969
+ "data-test-path": s,
970
+ endAdornment: a && n().createElement(n().Fragment, null, k && i, h()(b) ? "]" : "}", j),
971
+ expanded: k,
972
+ onFocus: function e(n) {
973
+ f === null || f === void 0 ? void 0 : f(n);
867
974
  // check if onFocus was triggered by a click event or expand link
868
- var n = r.relatedTarget === (t === null || t === void 0 ? void 0 : t.current) || r.relatedTarget === (o === null || o === void 0 ? void 0 : o.current) || r.relatedTarget === (O === null || O === void 0 ? void 0 : O.current) ? r.relatedTarget : null;
869
- if (m.id === "root") {
975
+ var r = n.relatedTarget === (t === null || t === void 0 ? void 0 : t.current) || n.relatedTarget === (o === null || o === void 0 ? void 0 : o.current) || n.relatedTarget === (I === null || I === void 0 ? void 0 : I.current) ? n.relatedTarget : null;
976
+ if (c) {
870
977
  var a;
871
- O === null || O === void 0 ? void 0 : (a = O.current) === null || a === void 0 ? void 0 : a.focus();
978
+ I === null || I === void 0 ? void 0 : (a = I.current) === null || a === void 0 ? void 0 : a.focus();
872
979
  }
873
- if (!n) {
980
+ if (!r) {
874
981
  // if JSONTreeItem contains clickable keys/vals, focus should go there
875
- if (s && (t === null || t === void 0 ? void 0 : t.current)) {
982
+ if (v && (t === null || t === void 0 ? void 0 : t.current)) {
876
983
  var i;
877
984
  (i = t.current) === null || i === void 0 ? void 0 : i.focus();
878
985
  } else if (o === null || o === void 0 ? void 0 : o.current) {
@@ -880,144 +987,142 @@
880
987
  (l = o.current) === null || l === void 0 ? void 0 : l.focus();
881
988
  }
882
989
  } else {
883
- n.focus();
990
+ r.focus();
884
991
  }
885
992
  },
886
- onToggle: w,
887
- open: u,
888
- tabIndex: 0,
889
- toggle: a ? I : undefined
890
- }, m), a && p);
993
+ onToggleExpansion: w,
994
+ tabIndex: 0
995
+ }, m), a && y);
891
996
  }
892
- M.propTypes = F;
997
+ $.propTypes = M;
893
998
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
894
- const $ = require("@splunk/react-ui/Clickable");
895
- var J = n.n($);
999
+ const J = require("@splunk/react-ui/Clickable");
1000
+ var U = r.n(J);
896
1001
  // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
897
- const U = require("@splunk/react-ui/Tooltip");
898
- var B = n.n(U);
1002
+ const H = require("@splunk/react-ui/Tooltip");
1003
+ var B = r.n(H);
899
1004
  // CONCATENATED MODULE: ./src/JSONTree/JSONTreeItemStyles.ts
900
- var H = {
901
- string: f.variables.syntaxTeal,
902
- number: f.variables.syntaxBlue,
903
- boolean: f.variables.syntaxPurple,
904
- null: f.variables.syntaxBrown,
905
- object: f.variables.contentColorDefault
1005
+ var X = {
1006
+ string: d.variables.syntaxTeal,
1007
+ number: d.variables.syntaxBlue,
1008
+ boolean: d.variables.syntaxPurple,
1009
+ null: d.variables.syntaxBrown,
1010
+ object: d.variables.contentColorDefault
906
1011
  };
907
- var X = (0, u.css)([ "word-break:break-word;word-wrap:break-word;" ]);
908
- var W = (0, u.css)([ "white-space:nowrap;" ]);
909
- var z = (0, u.css)([ "color:", ";", ";" ], (function(e) {
910
- var r = e.valueType;
911
- return H[r];
1012
+ var W = (0, c.css)([ "word-break:break-word;word-wrap:break-word;" ]);
1013
+ var z = (0, c.css)([ "white-space:nowrap;" ]);
1014
+ var G = (0, c.css)([ "color:", ";", ";" ], (function(e) {
1015
+ var n = e.valueType;
1016
+ return X[n];
912
1017
  }), (function(e) {
913
- var r = e.overflowType;
914
- return r === "wrap" ? X : W;
1018
+ var n = e.overflowType;
1019
+ return n === "wrap" ? W : z;
915
1020
  }));
916
- var G = c().span.withConfig({
1021
+ var Q = f().span.withConfig({
917
1022
  displayName: "JSONTreeItemStyles__StyledValue",
918
1023
  componentId: "o558h3-0"
919
- })([ "", "" ], z);
920
- var Q = c()(J()).withConfig({
1024
+ })([ "", "" ], G);
1025
+ var Y = f()(U()).withConfig({
921
1026
  displayName: "JSONTreeItemStyles__StyledValueInteractiveClickable",
922
1027
  componentId: "o558h3-1"
923
- })([ "", " font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], z, f.variables.focusColor, (0,
924
- f.pick)({
925
- enterprise: f.variables.backgroundColorHover,
926
- prisma: f.variables.interactiveColorOverlayHover
1028
+ })([ "", " font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], G, d.variables.focusColor, (0,
1029
+ d.pick)({
1030
+ enterprise: d.variables.backgroundColorHover,
1031
+ prisma: d.variables.interactiveColorOverlayHover
927
1032
  }));
928
- var Y = (0, u.css)([ "font-weight:bold;color:", ";" ], (0, f.pick)({
1033
+ var Z = (0, c.css)([ "font-weight:bold;color:", ";" ], (0, d.pick)({
929
1034
  enterprise: {
930
1035
  dark: "#ec9f98",
931
- light: f.variables.syntaxRed
1036
+ light: d.variables.syntaxRed
932
1037
  },
933
- prisma: f.variables.syntaxRed
1038
+ prisma: d.variables.syntaxRed
934
1039
  }));
935
- var Z = c().span.withConfig({
1040
+ var ee = f().span.withConfig({
936
1041
  displayName: "JSONTreeItemStyles__StyledProperty",
937
1042
  componentId: "o558h3-2"
938
- })([ "", "" ], Y);
939
- var ee = c()(J()).withConfig({
1043
+ })([ "", "" ], Z);
1044
+ var ne = f()(U()).withConfig({
940
1045
  displayName: "JSONTreeItemStyles__StyledPropertyInteractiveClickable",
941
1046
  componentId: "o558h3-3"
942
- })([ "", " font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], Y, f.variables.focusColor, (0,
943
- f.pick)({
944
- enterprise: f.variables.backgroundColorHover,
945
- prisma: f.variables.interactiveColorOverlayHover
1047
+ })([ "", " font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], Z, d.variables.focusColor, (0,
1048
+ d.pick)({
1049
+ enterprise: d.variables.backgroundColorHover,
1050
+ prisma: d.variables.interactiveColorOverlayHover
946
1051
  }));
947
- var re = c()(J()).withConfig({
1052
+ var re = f()(U()).withConfig({
948
1053
  displayName: "JSONTreeItemStyles__StyledExpandLinkClickable",
949
1054
  componentId: "o558h3-4"
950
1055
  })([ "cursor:pointer;color:", ";font-family:inherit;&:hover{background-color:", ";text-decoration:none;}&:focus{box-shadow:", ";&:active{box-shadow:none;}}", "" ], (0,
951
- f.pick)({
1056
+ d.pick)({
952
1057
  enterprise: {
953
- dark: f.variables.accentColorL20,
954
- light: f.variables.accentColorD20
1058
+ dark: d.variables.accentColorL20,
1059
+ light: d.variables.accentColorD20
955
1060
  },
956
- prisma: f.variables.interactiveColorPrimary
957
- }), (0, f.pick)({
958
- enterprise: f.variables.backgroundColorHover,
959
- prisma: f.variables.interactiveColorOverlayHover
960
- }), f.variables.focusShadowInset, (0, f.pick)({
961
- prisma: (0, u.css)([ "border-radius:", ";" ], f.variables.borderRadius)
1061
+ prisma: d.variables.interactiveColorPrimary
1062
+ }), (0, d.pick)({
1063
+ enterprise: d.variables.backgroundColorHover,
1064
+ prisma: d.variables.interactiveColorOverlayHover
1065
+ }), d.variables.focusShadowInset, (0, d.pick)({
1066
+ prisma: (0, c.css)([ "border-radius:", ";" ], d.variables.borderRadius)
962
1067
  }));
963
- var ne = c()(B()).withConfig({
1068
+ var te = f()(B()).withConfig({
964
1069
  displayName: "JSONTreeItemStyles__StyledTooltip",
965
1070
  componentId: "o558h3-5"
966
- })([ "font-family:", ";" ], f.variables.monoFontFamily);
1071
+ })([ "font-family:", ";" ], d.variables.monoFontFamily);
967
1072
  // CONCATENATED MODULE: ./src/JSONTree/renderTreeItems.tsx
968
- function te(e) {
1073
+ function oe(e) {
969
1074
  "@babel/helpers - typeof";
970
- return te = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
1075
+ return oe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
971
1076
  return typeof e;
972
1077
  } : function(e) {
973
1078
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
974
- }, te(e);
1079
+ }, oe(e);
975
1080
  }
976
- function oe(e) {
977
- return ue(e) || le(e) || ie(e) || ae();
1081
+ function ae(e) {
1082
+ return ce(e) || ue(e) || le(e) || ie();
978
1083
  }
979
- function ae() {
1084
+ function ie() {
980
1085
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
981
1086
  }
982
- function ie(e, r) {
1087
+ function le(e, n) {
983
1088
  if (e) {
984
- if ("string" == typeof e) return ce(e, r);
985
- var n = {}.toString.call(e).slice(8, -1);
986
- 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) ? ce(e, r) : void 0;
1089
+ if ("string" == typeof e) return fe(e, n);
1090
+ var r = {}.toString.call(e).slice(8, -1);
1091
+ 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) ? fe(e, n) : void 0;
987
1092
  }
988
1093
  }
989
- function le(e) {
1094
+ function ue(e) {
990
1095
  if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
991
1096
  }
992
- function ue(e) {
993
- if (Array.isArray(e)) return ce(e);
1097
+ function ce(e) {
1098
+ if (Array.isArray(e)) return fe(e);
994
1099
  }
995
- function ce(e, r) {
996
- (null == r || r > e.length) && (r = e.length);
997
- for (var n = 0, t = Array(r); n < r; n++) {
998
- t[n] = e[n];
1100
+ function fe(e, n) {
1101
+ (null == n || n > e.length) && (n = e.length);
1102
+ for (var r = 0, t = Array(n); r < n; r++) {
1103
+ t[r] = e[r];
999
1104
  }
1000
1105
  return t;
1001
1106
  }
1002
- function fe(n) {
1003
- var t = n.id, o = n.childKey, a = n.index, i = n.value, l = n.properties, u = n.propertyDataPath, c = n.obj, f = n.renderValue, d = n.renderKey, s = n.getInitialOpenState, v = n.indentArray, p = n.renderExpandLink, y = n.onFocus;
1107
+ function de(r) {
1108
+ var t = r.id, o = r.childKey, a = r.index, i = r.value, l = r.properties, u = r.propertyDataPath, c = r.obj, f = r.renderValue, d = r.renderKey, s = r.getInitialOpenState, v = r.indentArray, p = r.renderExpandLink, y = r.onFocus;
1109
+ var b = (0, e.useRef)(null);
1004
1110
  var m = (0, e.useRef)(null);
1005
- var h = (0, e.useRef)(null);
1006
- var S = f({
1111
+ var g = f({
1007
1112
  key: o,
1008
1113
  value: i,
1009
- clickValueRef: m
1010
- }), k = S.representation, w = S.clickableValRef;
1011
- var x = !b()(c) ? d(o, h) : {
1114
+ clickValueRef: b
1115
+ }), k = g.representation, O = g.clickableValRef;
1116
+ var w = !h()(c) ? d(o, m) : {
1012
1117
  propertyElement: undefined,
1013
1118
  clickableKeyRef: undefined
1014
- }, I = x.propertyElement, C = x.clickableKeyRef;
1015
- var j = O()(i) && !g()(i) || b()(i) && i.length > 0;
1119
+ }, x = w.propertyElement, C = w.clickableKeyRef;
1120
+ var j = I()(i) && !S()(i) || h()(i) && i.length > 0;
1016
1121
 
1017
- return r().createElement(M, {
1122
+ return n().createElement($, {
1018
1123
  id: t,
1019
1124
  propertyDataPath: u,
1020
- propertyElement: I,
1125
+ propertyElement: x,
1021
1126
  hasChildren: j,
1022
1127
  initialOpenState: s(),
1023
1128
  representation: k,
@@ -1027,295 +1132,299 @@
1027
1132
  properties: l,
1028
1133
  renderExpandLink: p,
1029
1134
  clickableKeyRef: C,
1030
- clickableValRef: w,
1135
+ clickableValRef: O,
1031
1136
  onFocus: function e() {
1032
- y(C, w);
1137
+ y(C, O);
1033
1138
  }
1034
1139
  });
1035
1140
  }
1036
- function de(n) {
1037
- var t = n.renderValue, o = n.obj;
1038
- var a = (0, e.useRef)(null);
1039
- var i = t({
1040
- value: o,
1041
- clickValueRef: a
1042
- }), l = i.representation;
1141
+ function se(r) {
1142
+ var t = r.baseId, o = r.renderValue, a = r.obj;
1143
+ var i = (0, e.useRef)(null);
1144
+ var l = o({
1145
+ value: a,
1146
+ clickValueRef: i
1147
+ }), u = l.representation;
1043
1148
 
1044
- return r().createElement(T["default"].Item, {
1045
- id: "0",
1149
+ return n().createElement(A["default"].Item, {
1150
+ id: "".concat(t, "-0"),
1046
1151
  "data-test-path": ".",
1047
- content: l
1152
+ content: u
1048
1153
  });
1049
1154
  }
1050
- function se(e) {
1051
- var n = e.defaultOpen, t = n === void 0 ? false : n, o = e.expandChildren, a = o === void 0 ? false : o, i = e.expandChildrenOnShiftKey, u = i === void 0 ? false : i, c = e.indent, f = c === void 0 ? 4 : c, d = e.indentLevel, s = d === void 0 ? 1 : d, v = e.obj, p = e.onClickKey, m = e.onClickValue, h = e.overflow, S = h === void 0 ? "scroll" : h, w = e.path, x = w === void 0 ? [] : w, C = e.shift, T = e.updateShift;
1052
- var P = y()(Array(s), j()(" ", f));
1053
- var R;
1155
+ function ve(e) {
1156
+ var r = e.baseId, t = e.defaultOpen, o = t === void 0 ? false : t, a = e.expandChildren, i = a === void 0 ? false : a, u = e.expandChildrenOnShiftKey, c = u === void 0 ? false : u, f = e.indent, d = f === void 0 ? 4 : f, s = e.indentLevel, v = s === void 0 ? 1 : s, p = e.obj, y = e.onClickKey, m = e.onClickValue, g = e.overflow, k = g === void 0 ? "scroll" : g, w = e.path, x = w === void 0 ? [] : w, j = e.shift, A = e.updateShift;
1157
+ var R = b()(Array(v), E()(" ", d));
1158
+ var D;
1054
1159
  var K;
1055
1160
  var _ = function e() {
1056
- if (a === true) {
1057
- return t;
1161
+ if (i === true) {
1162
+ return o;
1058
1163
  }
1059
- if (a === "withShiftModifier" || u) {
1060
- return !!C;
1164
+ if (i === "withShiftModifier" || c) {
1165
+ return !!j;
1061
1166
  }
1062
1167
  return false;
1063
1168
  };
1064
- var D = function e(r) {
1065
- if (a === "withShiftModifier" || u) {
1066
- if (T != null) {
1067
- T(r.shiftKey);
1169
+ var N = function e(n) {
1170
+ if (i === "withShiftModifier" || c) {
1171
+ if (A != null) {
1172
+ A(n.shiftKey);
1068
1173
  }
1069
1174
  }
1070
1175
  };
1071
- var N = function e(r, n) {
1176
+ var V = function e(n, r) {
1072
1177
  var t, o;
1073
1178
  // When rendering a single value key is not present, here we prevent `[undefined]` in path
1074
- var a = n !== undefined ? [].concat(oe(x), [ n ]) : oe(x);
1179
+ var a = r !== undefined ? [].concat(ae(x), [ r ]) : ae(x);
1075
1180
  var i = ".".concat(a.join("."));
1076
1181
  (t = K) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
1077
- p === null || p === void 0 ? void 0 : p(r, {
1182
+ y === null || y === void 0 ? void 0 : y(n, {
1078
1183
  key: i,
1079
1184
  keyPath: a
1080
1185
  });
1081
1186
  };
1082
- var V = function e(r, n) {
1187
+ var L = function e(n, r) {
1083
1188
  var t, o;
1084
1189
  // When rendering a single value key is not present, here we prevent `[undefined]` in path
1085
- var a = n !== undefined ? [].concat(oe(x), [ n ]) : oe(x);
1190
+ var a = r !== undefined ? [].concat(ae(x), [ r ]) : ae(x);
1086
1191
  var i = ".".concat(a.join("."));
1087
- (t = R) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
1088
- m === null || m === void 0 ? void 0 : m(r, {
1192
+ (t = D) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
1193
+ m === null || m === void 0 ? void 0 : m(n, {
1089
1194
  key: i,
1090
1195
  keyPath: a,
1091
- value: r.target.textContent
1196
+ value: n.target.textContent
1092
1197
  });
1093
1198
  };
1094
- var L = function e(r, n) {
1199
+ var q = function e(n, r) {
1095
1200
  var t, o;
1096
- var a = (0, A.keycode)(r.nativeEvent);
1097
- if (a === "left" && p && ((t = K) === null || t === void 0 ? void 0 : t.current) && !n) {
1201
+ var a = (0, P.keycode)(n.nativeEvent);
1202
+ if (a === "left" && y && ((t = K) === null || t === void 0 ? void 0 : t.current) && !r) {
1098
1203
  var i;
1099
- r.stopPropagation();
1204
+ n.stopPropagation();
1100
1205
  (i = K.current) === null || i === void 0 ? void 0 : i.focus();
1101
1206
  }
1102
- if (a === "right" && m && ((o = R) === null || o === void 0 ? void 0 : o.current) && n) {
1207
+ if (a === "right" && m && ((o = D) === null || o === void 0 ? void 0 : o.current) && r) {
1103
1208
  var l;
1104
- r.stopPropagation();
1105
- (l = R.current) === null || l === void 0 ? void 0 : l.focus();
1209
+ n.stopPropagation();
1210
+ (l = D.current) === null || l === void 0 ? void 0 : l.focus();
1106
1211
  }
1107
1212
  };
1108
- var q = function e(n) {
1109
- var t = n.open, o = n.withTooltip, a = n.expandLinkRef;
1110
- var i = t ? "[-]" : "[+]";
1111
- var l = t ? (0, E._)("Collapse all") : (0, E._)("Shift click to expand all");
1112
- var c = r().createElement(re, {
1113
- elementRef: a,
1213
+ var F = function e(r) {
1214
+ var t = r.onToggleExpansion, o = r.open, a = r.withTooltip, i = r.expandLinkRef;
1215
+ var l = o ? "[-]" : "[+]";
1216
+ var u = o ? (0, T._)("Collapse all") : (0, T._)("Shift click to expand all");
1217
+ var f = n().createElement(re, {
1218
+ elementRef: i,
1114
1219
  tabIndex: -1,
1115
- onClick: function e(r) {
1116
- D(r);
1220
+ onClick: function e(n) {
1221
+ N(n);
1222
+ t === null || t === void 0 ? void 0 : t(n);
1117
1223
  },
1118
- "aria-expanded": t,
1224
+ "aria-expanded": o,
1119
1225
  "data-test": "toggle"
1120
- }, " ", i, " ");
1121
- if (u && o) {
1226
+ }, " ", l, " ");
1227
+ if (c && a) {
1122
1228
  return {
1123
- expandLink: r().createElement(ne, {
1229
+ expandLink: n().createElement(te, {
1124
1230
  contentRelationship: "description",
1125
1231
  openDelay: "secondary",
1126
1232
  defaultPlacement: "above",
1127
- content: (0, E._)(l)
1128
- }, c),
1129
- expandLinkRef: a
1233
+ content: (0, T._)(u)
1234
+ }, f),
1235
+ expandLinkRef: i
1130
1236
  };
1131
1237
  }
1132
1238
  return {
1133
- expandLink: c,
1134
- expandLinkRef: a
1239
+ expandLink: f,
1240
+ expandLinkRef: i
1135
1241
  };
1136
1242
  };
1137
- var F = function e(n) {
1138
- var t = n.value, o = n.key, i = n.clickValueRef;
1139
- var c;
1140
- if (!O()(t)) {
1141
- if (typeof t === "string") {
1142
- c = '"'.concat(t, '"');
1143
- } else if (typeof t === "boolean") {
1144
- c = t.toString();
1145
- } else if (t === null) {
1146
- c = "null";
1243
+ var M = function e(t) {
1244
+ var o = t.value, a = t.key, u = t.clickValueRef;
1245
+ var f;
1246
+ if (!I()(o)) {
1247
+ if (typeof o === "string") {
1248
+ f = '"'.concat(o, '"');
1249
+ } else if (typeof o === "boolean") {
1250
+ f = o.toString();
1251
+ } else if (o === null) {
1252
+ f = "null";
1147
1253
  } else {
1148
- c = t;
1254
+ f = o;
1149
1255
  }
1150
- } else if (g()(t)) {
1256
+ } else if (S()(o)) {
1151
1257
  // isObject is true for arrays
1152
- c = b()(t) ? "[]" : "{}";
1258
+ f = h()(o) ? "[]" : "{}";
1153
1259
  } else {
1154
- c = se({
1155
- defaultOpen: a === true,
1156
- expandChildren: a,
1157
- expandChildrenOnShiftKey: u,
1158
- onClickKey: p,
1260
+ f = ve({
1261
+ baseId: r,
1262
+ defaultOpen: i === true,
1263
+ expandChildren: i,
1264
+ expandChildrenOnShiftKey: c,
1265
+ onClickKey: y,
1159
1266
  onClickValue: m,
1160
- overflow: S,
1161
- obj: t,
1162
- path: o !== undefined ? [].concat(oe(x), [ o ]) : oe(x),
1163
- indentLevel: s + 1,
1164
- shift: C,
1165
- updateShift: T
1267
+ overflow: k,
1268
+ obj: o,
1269
+ path: a !== undefined ? [].concat(ae(x), [ a ]) : ae(x),
1270
+ indentLevel: v + 1,
1271
+ shift: j,
1272
+ updateShift: A
1166
1273
  });
1167
1274
  }
1168
- if (l()(c) || k()(c)) {
1169
- var f = t === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
1170
- te(t);
1275
+ if (l()(f) || O()(f)) {
1276
+ var d = o === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
1277
+ oe(o);
1171
1278
  if (m) {
1172
1279
  return {
1173
- representation: r().createElement(Q, {
1174
- elementRef: i,
1175
- valueType: f,
1176
- overflowType: S,
1177
- onClick: function e(r) {
1178
- R = i;
1179
- V(r, o);
1280
+ representation: n().createElement(Y, {
1281
+ elementRef: u,
1282
+ valueType: d,
1283
+ overflowType: k,
1284
+ onClick: function e(n) {
1285
+ D = u;
1286
+ L(n, a);
1180
1287
  },
1181
- onKeyDown: function e(r) {
1182
- L(r, false);
1288
+ onKeyDown: function e(n) {
1289
+ q(n, false);
1183
1290
  },
1184
1291
  tabIndex: -1
1185
- }, c),
1186
- clickableValRef: i
1292
+ }, f),
1293
+ clickableValRef: u
1187
1294
  };
1188
1295
  }
1189
1296
  return {
1190
- representation: r().createElement(G, {
1191
- valueType: f,
1192
- overflowType: S
1193
- }, c)
1297
+ representation: n().createElement(Q, {
1298
+ valueType: d,
1299
+ overflowType: k
1300
+ }, f)
1194
1301
  };
1195
1302
  }
1196
1303
  return {
1197
- representation: c
1304
+ representation: f
1198
1305
  };
1199
1306
  };
1200
- var $ = function e(n, t) {
1201
- if (p) {
1307
+ var J = function e(r, t) {
1308
+ if (y) {
1202
1309
  return {
1203
- propertyElement: r().createElement("span", null, r().createElement(ee, {
1310
+ propertyElement: n().createElement("span", null, n().createElement(ne, {
1204
1311
  elementRef: t,
1205
1312
  tabIndex: -1,
1206
- onClick: function e(r) {
1313
+ onClick: function e(n) {
1207
1314
  K = t;
1208
- N(r, n);
1315
+ V(n, r);
1209
1316
  },
1210
- onKeyDown: function e(r) {
1211
- L(r, true);
1317
+ onKeyDown: function e(n) {
1318
+ q(n, true);
1212
1319
  }
1213
- }, n), ":", " "),
1320
+ }, r), ":", " "),
1214
1321
  clickableKeyRef: t
1215
1322
  };
1216
1323
  }
1217
1324
  return {
1218
- propertyElement: r().createElement("span", null, r().createElement(Z, null, n), ":", " ")
1325
+ propertyElement: n().createElement("span", null, n().createElement(ee, null, r), ":", " ")
1219
1326
  };
1220
1327
  };
1221
- if (O()(v) && !g()(v) || b()(v) && v.length > 0) {
1222
- var J = I()(v).map((function(e, n, t) {
1223
- var o = v[e];
1328
+ if (I()(p) && !S()(p) || h()(p) && p.length > 0) {
1329
+ var U = C()(p).map((function(e, t, o) {
1330
+ var a = p[e];
1224
1331
  // TS: should be safe based on (recursive) JSONElement type
1225
- var a = b()(v) ? parseInt(e, 10) : e;
1226
- var i = x.length === 0 ? ".".concat(a) : ".".concat(x.join("."), ".").concat(a);
1332
+ var i = h()(p) ? parseInt(e, 10) : e;
1333
+ var l = x.length === 0 ? ".".concat(i) : ".".concat(x.join("."), ".").concat(i);
1227
1334
 
1228
- return r().createElement(fe, {
1229
- id: i,
1230
- key: i,
1231
- propertyDataPath: i,
1232
- childKey: a,
1233
- index: n,
1234
- value: o,
1235
- properties: t,
1236
- obj: v,
1237
- renderValue: F,
1238
- renderKey: $,
1335
+ return n().createElement(de, {
1336
+ id: "".concat(r, "-").concat(l),
1337
+ key: l,
1338
+ propertyDataPath: l,
1339
+ childKey: i,
1340
+ index: t,
1341
+ value: a,
1342
+ properties: o,
1343
+ obj: p,
1344
+ renderValue: M,
1345
+ renderKey: J,
1239
1346
  getInitialOpenState: _,
1240
- indentArray: P,
1241
- renderExpandLink: q,
1242
- onFocus: function e(r, n) {
1243
- K = r;
1244
- R = n;
1347
+ indentArray: R,
1348
+ renderExpandLink: F,
1349
+ onFocus: function e(n, r) {
1350
+ K = n;
1351
+ D = r;
1245
1352
  }
1246
1353
  });
1247
1354
  }));
1248
1355
  if (x.length === 0) {
1249
- var U = O()(v) && !g()(v) || b()(v) && v.length > 0;
1356
+ var H = I()(p) && !S()(p) || h()(p) && p.length > 0;
1250
1357
 
1251
- return r().createElement(M, {
1252
- id: "root",
1358
+ return n().createElement($, {
1359
+ id: "".concat(r, "-root"),
1360
+ isRoot: true,
1253
1361
  propertyDataPath: ".",
1254
1362
  key: ".",
1255
- hasChildren: U,
1256
- initialOpenState: t,
1257
- value: v,
1363
+ hasChildren: H,
1364
+ initialOpenState: o,
1365
+ value: p,
1258
1366
  index: 0,
1259
- renderExpandLink: q,
1260
- representation: J
1367
+ renderExpandLink: F,
1368
+ representation: U
1261
1369
  });
1262
1370
  }
1263
- return J;
1371
+ return U;
1264
1372
  }
1265
1373
  // edge case: a single number/string/boolean being rendered (still valid JSON)
1266
1374
 
1267
- return r().createElement(de, {
1268
- obj: v,
1269
- renderValue: F
1375
+ return n().createElement(se, {
1376
+ baseId: r,
1377
+ obj: p,
1378
+ renderValue: M
1270
1379
  });
1271
1380
  }
1272
1381
  // CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
1273
- function ve() {
1274
- return ve = Object.assign ? Object.assign.bind() : function(e) {
1275
- for (var r = 1; r < arguments.length; r++) {
1276
- var n = arguments[r];
1277
- for (var t in n) {
1278
- ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
1382
+ function pe() {
1383
+ return pe = Object.assign ? Object.assign.bind() : function(e) {
1384
+ for (var n = 1; n < arguments.length; n++) {
1385
+ var r = arguments[n];
1386
+ for (var t in r) {
1387
+ ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
1279
1388
  }
1280
1389
  }
1281
1390
  return e;
1282
- }, ve.apply(null, arguments);
1391
+ }, pe.apply(null, arguments);
1283
1392
  }
1284
- function pe(e, r) {
1285
- return ge(e) || he(e, r) || me(e, r) || ye();
1393
+ function ye(e, n) {
1394
+ return Se(e) || ge(e, n) || me(e, n) || be();
1286
1395
  }
1287
- function ye() {
1396
+ function be() {
1288
1397
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
1289
1398
  }
1290
- function me(e, r) {
1399
+ function me(e, n) {
1291
1400
  if (e) {
1292
- if ("string" == typeof e) return be(e, r);
1293
- var n = {}.toString.call(e).slice(8, -1);
1294
- 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) ? be(e, r) : void 0;
1401
+ if ("string" == typeof e) return he(e, n);
1402
+ var r = {}.toString.call(e).slice(8, -1);
1403
+ 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) ? he(e, n) : void 0;
1295
1404
  }
1296
1405
  }
1297
- function be(e, r) {
1298
- (null == r || r > e.length) && (r = e.length);
1299
- for (var n = 0, t = Array(r); n < r; n++) {
1300
- t[n] = e[n];
1406
+ function he(e, n) {
1407
+ (null == n || n > e.length) && (n = e.length);
1408
+ for (var r = 0, t = Array(n); r < n; r++) {
1409
+ t[r] = e[r];
1301
1410
  }
1302
1411
  return t;
1303
1412
  }
1304
- function he(e, r) {
1305
- var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
1306
- if (null != n) {
1413
+ function ge(e, n) {
1414
+ var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
1415
+ if (null != r) {
1307
1416
  var t, o, a, i, l = [], u = !0, c = !1;
1308
1417
  try {
1309
- if (a = (n = n.call(e)).next, 0 === r) {
1310
- if (Object(n) !== n) return;
1418
+ if (a = (r = r.call(e)).next, 0 === n) {
1419
+ if (Object(r) !== r) return;
1311
1420
  u = !1;
1312
- } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
1421
+ } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
1313
1422
  }
1314
1423
  } catch (e) {
1315
1424
  c = !0, o = e;
1316
1425
  } finally {
1317
1426
  try {
1318
- if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
1427
+ if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
1319
1428
  } finally {
1320
1429
  if (c) throw o;
1321
1430
  }
@@ -1323,30 +1432,30 @@
1323
1432
  return l;
1324
1433
  }
1325
1434
  }
1326
- function ge(e) {
1435
+ function Se(e) {
1327
1436
  if (Array.isArray(e)) return e;
1328
1437
  }
1329
- function Se(e, r) {
1438
+ function ke(e, n) {
1330
1439
  if (null == e) return {};
1331
- var n, t, o = ke(e, r);
1440
+ var r, t, o = Oe(e, n);
1332
1441
  if (Object.getOwnPropertySymbols) {
1333
1442
  var a = Object.getOwnPropertySymbols(e);
1334
1443
  for (t = 0; t < a.length; t++) {
1335
- n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
1444
+ r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
1336
1445
  }
1337
1446
  }
1338
1447
  return o;
1339
1448
  }
1340
- function ke(e, r) {
1449
+ function Oe(e, n) {
1341
1450
  if (null == e) return {};
1342
- var n = {};
1451
+ var r = {};
1343
1452
  for (var t in e) {
1344
1453
  if ({}.hasOwnProperty.call(e, t)) {
1345
- if (r.includes(t)) continue;
1346
- n[t] = e[t];
1454
+ if (n.includes(t)) continue;
1455
+ r[t] = e[t];
1347
1456
  }
1348
1457
  }
1349
- return n;
1458
+ return r;
1350
1459
  }
1351
1460
  /** @public */
1352
1461
  /** @public */
@@ -1362,38 +1471,45 @@
1362
1471
  };
1363
1472
  /**
1364
1473
  * Used to visualize a JSON string.
1365
- */ function Oe(n) {
1366
- var t = n.elementRef, o = n.expandChildren, a = o === void 0 ? false : o, i = n.indent, u = i === void 0 ? 4 : i, c = n.json, f = n.onClickKey, d = n.onClickValue, p = n.overflow, y = p === void 0 ? "scroll" : p, m = n.expandChildrenOnShiftKey, b = m === void 0 ? false : m, h = Se(n, [ "elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
1474
+ */ function Ie(r) {
1475
+ var t = r.elementRef, o = r.expandChildren, a = o === void 0 ? false : o, i = r.indent, c = i === void 0 ? 4 : i, f = r.json, d = r.onClickKey, s = r.onClickValue, y = r.overflow, b = y === void 0 ? "scroll" : y, m = r.expandChildrenOnShiftKey, h = m === void 0 ? false : m, g = ke(r, [ "elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow", "expandChildrenOnShiftKey" ]);
1367
1476
  // @docs-props-type JSONTreePropsBase
1368
- var g = l()(c) ? JSON.parse(c) : c;
1369
- var S = y === "wrap" ? v : s;
1370
- var k = (0, e.useState)(undefined), w = pe(k, 2), O = w[0], x = w[1];
1371
- var I = function e(r) {
1372
- x(r);
1373
- };
1477
+ var S = (0, e.useMemo)((function() {
1478
+ return g.id || (0, u.createDOMID)("json-tree");
1479
+ }), [ g.id ]);
1480
+ var k = l()(f) ? JSON.parse(f) : f;
1481
+ var O = b === "wrap" ? p : v;
1482
+ var w = (0, e.useState)(undefined), I = ye(w, 2), x = I[0], C = I[1];
1483
+ var j = (0, e.useCallback)((function(e) {
1484
+ C(e);
1485
+ }), []);
1486
+ var E = (0, e.useMemo)((function() {
1487
+ return ve({
1488
+ baseId: S,
1489
+ defaultOpen: true,
1490
+ expandChildren: a,
1491
+ expandChildrenOnShiftKey: h,
1492
+ indent: c,
1493
+ obj: k,
1494
+ onClickKey: d,
1495
+ onClickValue: s,
1496
+ overflow: b,
1497
+ shift: x,
1498
+ updateShift: j
1499
+ });
1500
+ }), [ S, a, h, c, k, d, s, b, x, j ]);
1374
1501
 
1375
- return r().createElement(S, ve({
1502
+ return n().createElement(O, pe({
1376
1503
  "data-language": "language-json",
1377
1504
  "data-test": "json-tree",
1378
1505
  ref: t,
1379
1506
  role: "tree"
1380
- }, h), r().createElement(T["default"], {
1507
+ }, g), n().createElement(A["default"], {
1381
1508
  defaultIndent: false
1382
- }, se({
1383
- defaultOpen: true,
1384
- expandChildren: a,
1385
- expandChildrenOnShiftKey: b,
1386
- indent: u,
1387
- obj: g,
1388
- onClickKey: f,
1389
- onClickValue: d,
1390
- overflow: y,
1391
- shift: O,
1392
- updateShift: I
1393
- })));
1509
+ }, E));
1394
1510
  }
1395
- Oe.propTypes = we;
1396
- /* harmony default export */ const xe = Oe;
1511
+ Ie.propTypes = we;
1512
+ /* harmony default export */ const xe = Ie;
1397
1513
  }) // CONCATENATED MODULE: ./src/JSONTree/index.ts
1398
1514
  ();
1399
1515
  module.exports = t;