@splunk/react-ui 4.27.0 → 4.28.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 (55) hide show
  1. package/Box.js +45 -44
  2. package/Button.js +1 -2
  3. package/ButtonSimple.js +145 -147
  4. package/CHANGELOG.md +36 -2
  5. package/CollapsiblePanel.js +60 -73
  6. package/JSONTree.js +1311 -629
  7. package/Markdown.js +521 -222
  8. package/Modal.js +11 -4
  9. package/Multiselect.js +844 -804
  10. package/Paginator.js +593 -271
  11. package/TabBar.js +487 -312
  12. package/Table.js +5 -3
  13. package/TextArea.js +368 -344
  14. package/Tree.js +607 -519
  15. package/package.json +2 -2
  16. package/types/src/Box/Box.d.ts +3 -2
  17. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +5 -4
  18. package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts +4 -4
  19. package/types/src/File/docs/examples/FullScreen.d.ts +1 -14
  20. package/types/src/JSONTree/JSONTreeItem.d.ts +45 -0
  21. package/types/src/JSONTree/renderTreeItems.d.ts +17 -0
  22. package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +1 -1
  23. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
  24. package/types/src/Markdown/renderers/MarkdownCode.d.ts +1 -1
  25. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
  26. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  27. package/types/src/Markdown/renderers/MarkdownImage.d.ts +1 -1
  28. package/types/src/Markdown/renderers/MarkdownItem.d.ts +1 -1
  29. package/types/src/Markdown/renderers/MarkdownList.d.ts +1 -1
  30. package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +1 -1
  31. package/types/src/Modal/Modal.d.ts +4 -5
  32. package/types/src/Multiselect/Normal.d.ts +1 -0
  33. package/types/src/Paginator/Button.d.ts +8 -3
  34. package/types/src/Paginator/Compact.d.ts +50 -0
  35. package/types/src/Paginator/PageControl.d.ts +37 -0
  36. package/types/src/Paginator/PageSelect.d.ts +32 -0
  37. package/types/src/Paginator/Paginator.d.ts +9 -4
  38. package/types/src/Paginator/docs/examples/Compact.d.ts +2 -0
  39. package/types/src/Paginator/docs/examples/CompactCustomLabel.d.ts +2 -0
  40. package/types/src/Paginator/docs/examples/CompactWithLabel.d.ts +2 -0
  41. package/types/src/Paginator/docs/examples/Labelled.d.ts +2 -0
  42. package/types/src/Paginator/docs/examples/PageControl.d.ts +2 -0
  43. package/types/src/Paginator/icons/ChevronLeft.d.ts +5 -0
  44. package/types/src/Paginator/icons/ChevronRight.d.ts +5 -0
  45. package/types/src/SlidingPanels/docs/examples/Modal.d.ts +1 -13
  46. package/types/src/TabBar/Tab.d.ts +12 -2
  47. package/types/src/TabBar/TabBar.d.ts +4 -3
  48. package/types/src/TabBar/TabBarContext.d.ts +6 -1
  49. package/types/src/TextArea/TextArea.d.ts +3 -2
  50. package/types/src/TextArea/icons/ClearButton.d.ts +3 -0
  51. package/types/src/TextArea/icons/SearchIcon.d.ts +1 -0
  52. package/types/src/Tree/TreeContext.d.ts +2 -1
  53. package/types/src/Tree/TreeItem.d.ts +18 -5
  54. package/types/src/JSONTree/JSONTreeContext.d.ts +0 -7
  55. package/types/src/JSONTree/TreeNode.d.ts +0 -44
package/Tree.js CHANGED
@@ -1,34 +1,79 @@
1
1
  /******/ (() => {
2
2
  // webpackBootstrap
3
3
  /******/ "use strict";
4
- /******/ // The require scope
5
- /******/ var e = {};
4
+ /******/ var e = {
5
+ /***/ 3563:
6
+ /***/ e => {
7
+ e.exports = require("@splunk/themes");
8
+ /***/ },
9
+ /***/ 5295:
10
+ /***/ e => {
11
+ e.exports = require("@splunk/ui-utils/keyboard");
12
+ /***/ },
13
+ /***/ 23:
14
+ /***/ e => {
15
+ e.exports = require("prop-types");
16
+ /***/ },
17
+ /***/ 9497:
18
+ /***/ e => {
19
+ e.exports = require("react");
20
+ /***/ },
21
+ /***/ 232:
22
+ /***/ e => {
23
+ e.exports = require("styled-components");
24
+ /***/
25
+ /******/ }
26
+ };
27
+ /************************************************************************/
28
+ /******/ // The module cache
29
+ /******/ var r = {};
30
+ /******/
31
+ /******/ // The require function
32
+ /******/ function t(n) {
33
+ /******/ // Check if module is in cache
34
+ /******/ var o = r[n];
35
+ /******/ if (o !== undefined) {
36
+ /******/ return o.exports;
37
+ /******/ }
38
+ /******/ // Create a new module (and put it into the cache)
39
+ /******/ var a = r[n] = {
40
+ /******/ // no module.id needed
41
+ /******/ // no module.loaded needed
42
+ /******/ exports: {}
43
+ /******/ };
44
+ /******/
45
+ /******/ // Execute the module function
46
+ /******/ e[n](a, a.exports, t);
47
+ /******/
48
+ /******/ // Return the exports of the module
49
+ /******/ return a.exports;
50
+ /******/ }
6
51
  /******/
7
52
  /************************************************************************/
8
53
  /******/ /* webpack/runtime/compat get default export */
9
54
  /******/ (() => {
10
55
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
- /******/ e.n = r => {
12
- /******/ var t = r && r.__esModule ?
13
- /******/ () => r["default"]
14
- /******/ : () => r
56
+ /******/ t.n = e => {
57
+ /******/ var r = e && e.__esModule ?
58
+ /******/ () => e["default"]
59
+ /******/ : () => e
15
60
  /******/;
16
- e.d(t, {
17
- a: t
61
+ t.d(r, {
62
+ a: r
18
63
  });
19
- /******/ return t;
64
+ /******/ return r;
20
65
  /******/ };
21
66
  /******/ })();
22
67
  /******/
23
68
  /******/ /* webpack/runtime/define property getters */
24
69
  /******/ (() => {
25
70
  /******/ // define getter functions for harmony exports
26
- /******/ e.d = (r, t) => {
27
- /******/ for (var n in t) {
28
- /******/ if (e.o(t, n) && !e.o(r, n)) {
29
- /******/ Object.defineProperty(r, n, {
71
+ /******/ t.d = (e, r) => {
72
+ /******/ for (var n in r) {
73
+ /******/ if (t.o(r, n) && !t.o(e, n)) {
74
+ /******/ Object.defineProperty(e, n, {
30
75
  enumerable: true,
31
- get: t[n]
76
+ get: r[n]
32
77
  });
33
78
  /******/ }
34
79
  /******/ }
@@ -37,14 +82,14 @@
37
82
  /******/
38
83
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
84
  /******/ (() => {
40
- /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
85
+ /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
41
86
  /******/;
42
87
  })();
43
88
  /******/
44
89
  /******/ /* webpack/runtime/make namespace object */
45
90
  /******/ (() => {
46
91
  /******/ // define __esModule on exports
47
- /******/ e.r = e => {
92
+ /******/ t.r = e => {
48
93
  /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
49
94
  /******/ Object.defineProperty(e, Symbol.toStringTag, {
50
95
  value: "Module"
@@ -56,562 +101,605 @@
56
101
  /******/ };
57
102
  /******/ })();
58
103
  /******/
59
- /************************************************************************/ var r = {};
60
- // ESM COMPAT FLAG
61
- e.r(r);
62
- // EXPORTS
63
- e.d(r, {
64
- TreeItem: () => /* reexport */ k,
65
- default: () => /* reexport */ re
66
- });
67
- // CONCATENATED MODULE: external "react"
68
- const t = require("react");
69
- var n = e.n(t);
70
- // CONCATENATED MODULE: external "prop-types"
71
- const o = require("prop-types");
72
- var a = e.n(o);
73
- // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
74
- const i = require("@splunk/ui-utils/keyboard");
75
- // CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
76
- var u = (0, t.createContext)({
77
- defaultIndent: true
78
- });
79
- /* harmony default export */ const l = u;
80
- // CONCATENATED MODULE: external "styled-components"
81
- const f = require("styled-components");
82
- var c = e.n(f);
83
- // CONCATENATED MODULE: external "@splunk/themes"
84
- const d = require("@splunk/themes");
85
- // CONCATENATED MODULE: ./src/Tree/TreeItemStyles.ts
86
- var v = c().span.withConfig({
87
- displayName: "TreeItemStyles__StyledTreeItemContent",
88
- componentId: "ie7zrw-0"
89
- })([ "font-family:inherit;" ]);
90
- var s = c().span.withConfig({
91
- displayName: "TreeItemStyles__StyledTreeItemNode",
92
- componentId: "ie7zrw-1"
93
- })([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], d.variables.focusShadow);
94
- // CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
95
- var p = c().ul.withConfig({
96
- displayName: "TreeStyles__StyledUnorderedList",
97
- componentId: "sc-13pokwt-0"
98
- })([ "", ";font-family:inherit;list-style:none;", ";" ], d.mixins.reset("ul"), (function(e) {
99
- var r = e.$defaultIndent;
100
- return r && (0, f.css)([ "padding-left:", ";" ], d.variables.spacingXXXLarge);
101
- }));
102
- // CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
103
- function y() {
104
- y = Object.assign || function(e) {
105
- for (var r = 1; r < arguments.length; r++) {
106
- var t = arguments[r];
107
- for (var n in t) {
108
- if (Object.prototype.hasOwnProperty.call(t, n)) {
109
- e[n] = t[n];
104
+ /************************************************************************/ var n = {};
105
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
106
+ (() => {
107
+ // ESM COMPAT FLAG
108
+ t.r(n);
109
+ // EXPORTS
110
+ t.d(n, {
111
+ TreeItem: () => /* reexport */ A,
112
+ default: () => /* reexport */ re
113
+ });
114
+ // EXTERNAL MODULE: external "react"
115
+ var e = t(9497);
116
+ var r = t.n(e);
117
+ // EXTERNAL MODULE: external "prop-types"
118
+ var o = t(23);
119
+ var a = t.n(o);
120
+ // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
121
+ var i = t(5295);
122
+ // CONCATENATED MODULE: ./src/Tree/TreeContext.tsx
123
+ var u = (0, e.createContext)({
124
+ defaultIndent: true
125
+ });
126
+ /* harmony default export */ const l = u;
127
+ // EXTERNAL MODULE: external "styled-components"
128
+ var f = t(232);
129
+ var c = t.n(f);
130
+ // EXTERNAL MODULE: external "@splunk/themes"
131
+ var d = t(3563);
132
+ // CONCATENATED MODULE: ./src/Tree/TreeItemStyles.ts
133
+ var v = c().span.withConfig({
134
+ displayName: "TreeItemStyles__StyledTreeItemContent",
135
+ componentId: "ie7zrw-0"
136
+ })([ "font-family:inherit;" ]);
137
+ var s = c().span.withConfig({
138
+ displayName: "TreeItemStyles__StyledTreeItemNode",
139
+ componentId: "ie7zrw-1"
140
+ })([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], d.variables.focusShadow);
141
+ // CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
142
+ var p = c().ul.withConfig({
143
+ displayName: "TreeStyles__StyledUnorderedList",
144
+ componentId: "sc-13pokwt-0"
145
+ })([ "", ";font-family:inherit;list-style:none;white-space:inherit;", ";" ], d.mixins.reset("ul"), (function(e) {
146
+ var r = e.$defaultIndent;
147
+ return r && (0, f.css)([ "padding-left:", ";" ], d.variables.spacingXXXLarge);
148
+ }));
149
+ // CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
150
+ function y() {
151
+ y = Object.assign || function(e) {
152
+ for (var r = 1; r < arguments.length; r++) {
153
+ var t = arguments[r];
154
+ for (var n in t) {
155
+ if (Object.prototype.hasOwnProperty.call(t, n)) {
156
+ e[n] = t[n];
157
+ }
110
158
  }
111
159
  }
160
+ return e;
161
+ };
162
+ return y.apply(this, arguments);
163
+ }
164
+ function m(e, r) {
165
+ return w(e) || I(e, r) || g(e, r) || b();
166
+ }
167
+ function b() {
168
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
169
+ }
170
+ function g(e, r) {
171
+ if (!e) return;
172
+ if (typeof e === "string") return h(e, r);
173
+ var t = Object.prototype.toString.call(e).slice(8, -1);
174
+ if (t === "Object" && e.constructor) t = e.constructor.name;
175
+ if (t === "Map" || t === "Set") return Array.from(e);
176
+ if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return h(e, r);
177
+ }
178
+ function h(e, r) {
179
+ if (r == null || r > e.length) r = e.length;
180
+ for (var t = 0, n = new Array(r); t < r; t++) {
181
+ n[t] = e[t];
112
182
  }
113
- return e;
114
- };
115
- return y.apply(this, arguments);
116
- }
117
- function b(e, r) {
118
- return w(e) || I(e, r) || h(e, r) || m();
119
- }
120
- function m() {
121
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
122
- }
123
- function h(e, r) {
124
- if (!e) return;
125
- if (typeof e === "string") return g(e, r);
126
- var t = Object.prototype.toString.call(e).slice(8, -1);
127
- if (t === "Object" && e.constructor) t = e.constructor.name;
128
- if (t === "Map" || t === "Set") return Array.from(e);
129
- if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return g(e, r);
130
- }
131
- function g(e, r) {
132
- if (r == null || r > e.length) r = e.length;
133
- for (var t = 0, n = new Array(r); t < r; t++) {
134
- n[t] = e[t];
135
- }
136
- return n;
137
- }
138
- function I(e, r) {
139
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
140
- var t = [];
141
- var n = true;
142
- var o = false;
143
- var a = undefined;
144
- try {
145
- for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
146
- t.push(u.value);
147
- if (r && t.length === r) break;
148
- }
149
- } catch (e) {
150
- o = true;
151
- a = e;
152
- } finally {
183
+ return n;
184
+ }
185
+ function I(e, r) {
186
+ if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
187
+ var t = [];
188
+ var n = true;
189
+ var o = false;
190
+ var a = undefined;
153
191
  try {
154
- if (!n && i["return"] != null) i["return"]();
192
+ for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
193
+ t.push(u.value);
194
+ if (r && t.length === r) break;
195
+ }
196
+ } catch (e) {
197
+ o = true;
198
+ a = e;
155
199
  } finally {
156
- if (o) throw a;
200
+ try {
201
+ if (!n && i["return"] != null) i["return"]();
202
+ } finally {
203
+ if (o) throw a;
204
+ }
157
205
  }
206
+ return t;
158
207
  }
159
- return t;
160
- }
161
- function w(e) {
162
- if (Array.isArray(e)) return e;
163
- }
164
- function O(e, r) {
165
- if (e == null) return {};
166
- var t = S(e, r);
167
- var n, o;
168
- if (Object.getOwnPropertySymbols) {
169
- var a = Object.getOwnPropertySymbols(e);
170
- for (o = 0; o < a.length; o++) {
171
- n = a[o];
172
- if (r.indexOf(n) >= 0) continue;
173
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
174
- t[n] = e[n];
175
- }
208
+ function w(e) {
209
+ if (Array.isArray(e)) return e;
176
210
  }
177
- return t;
178
- }
179
- function S(e, r) {
180
- if (e == null) return {};
181
- var t = {};
182
- var n = Object.keys(e);
183
- var o, a;
184
- for (a = 0; a < n.length; a++) {
185
- o = n[a];
186
- if (r.indexOf(o) >= 0) continue;
187
- t[o] = e[o];
188
- }
189
- return t;
190
- }
191
- var j = {
192
- id: a().string,
193
- children: a().node,
194
- content: a().node,
195
- labelledBy: a().string,
196
- onFocus: a().func,
197
- open: a().bool
198
- };
199
- function A(e) {
200
- var r = e.id, o = e.children, a = e.content, i = e.labelledBy, u = e.onFocus, f = O(e, [ "id", "children", "content", "labelledBy", "onFocus" ]);
201
- var c = (0, t.useContext)(l), d = c.defaultIndent, m = d === void 0 ? true : d, h = c.onItemKeyDown, g = c.removeNode, I = c.setNode, w = c.itemPaths, S = c.focusedItemId;
202
- var j = (0, t.useState)(true), A = b(j, 2), k = A[0], P = A[1];
203
- var E = (0, t.useRef)(null);
204
- var x = t.Children.toArray(o).filter(t.isValidElement);
205
- x.forEach((function(e, t) {
206
- if (e.props.id) {
207
- if (k && I) {
208
- I("".concat(e.props.id), "".concat(w === null || w === void 0 ? void 0 : w.get("".concat(r)), "-").concat(t));
209
- } else if (g) {
210
- g(e.props.id);
211
+ function S(e, r) {
212
+ if (e == null) return {};
213
+ var t = O(e, r);
214
+ var n, o;
215
+ if (Object.getOwnPropertySymbols) {
216
+ var a = Object.getOwnPropertySymbols(e);
217
+ for (o = 0; o < a.length; o++) {
218
+ n = a[o];
219
+ if (r.indexOf(n) >= 0) continue;
220
+ if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
221
+ t[n] = e[n];
211
222
  }
212
223
  }
213
- }));
214
- var T = function e(r) {
215
- P(r);
216
- };
217
- var C = function e() {
218
- P(!k);
219
- };
220
- var _ = function e(r) {
221
- var t;
222
- r.stopPropagation();
223
- E === null || E === void 0 ? void 0 : (t = E.current) === null || t === void 0 ? void 0 : t.focus();
224
- u === null || u === void 0 ? void 0 : u(r);
225
- };
226
- if (S === r) {
227
- var D;
228
- E === null || E === void 0 ? void 0 : (D = E.current) === null || D === void 0 ? void 0 : D.focus();
224
+ return t;
229
225
  }
230
- // make first tree item tabbable
231
- var N = -1;
232
- if ((w === null || w === void 0 ? void 0 : w.get("".concat(r))) === "0") {
233
- N = 0;
226
+ function O(e, r) {
227
+ if (e == null) return {};
228
+ var t = {};
229
+ var n = Object.keys(e);
230
+ var o, a;
231
+ for (a = 0; a < n.length; a++) {
232
+ o = n[a];
233
+ if (r.indexOf(o) >= 0) continue;
234
+ t[o] = e[o];
235
+ }
236
+ return t;
234
237
  }
235
- var $ = function e(r) {
236
- r.stopPropagation();
238
+ var j = {
239
+ id: a().string,
240
+ children: a().node,
241
+ content: a().node,
242
+ customIndent: a().node,
243
+ endAdornment: a().node,
244
+ labelledBy: a().string,
245
+ onFocus: a().func,
246
+ onKeyDown: a().func,
247
+ onToggle: a().func,
248
+ open: a().bool,
249
+ toggle: a().node
237
250
  };
238
- var M = function e(t) {
239
- t.stopPropagation();
240
- h === null || h === void 0 ? void 0 : h(t, r, k, x, T);
241
- };
242
-
243
- return n().createElement("li", y({}, f, {
244
- onFocus: _,
245
- onKeyDown: M,
246
- role: "treeitem",
247
- "aria-labelledby": i,
248
- "aria-expanded": x.length ? k : undefined
249
- }), n().createElement(s, {
250
- ref: E,
251
- tabIndex: N,
252
- onFocus: $,
253
- onClick: C
254
- }, n().createElement(v, null, a)), k && n().createElement(p, {
255
- role: "group",
256
- $defaultIndent: m
257
- }, o));
258
- }
259
- A.propTypes = j;
260
- /* harmony default export */ const k = A;
261
- // CONCATENATED MODULE: ./src/Tree/treeUtils.ts
262
- function P(e, r) {
263
- return _(e) || C(e, r) || x(e, r) || E();
264
- }
265
- function E() {
266
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
267
- }
268
- function x(e, r) {
269
- if (!e) return;
270
- if (typeof e === "string") return T(e, r);
271
- var t = Object.prototype.toString.call(e).slice(8, -1);
272
- if (t === "Object" && e.constructor) t = e.constructor.name;
273
- if (t === "Map" || t === "Set") return Array.from(e);
274
- if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return T(e, r);
275
- }
276
- function T(e, r) {
277
- if (r == null || r > e.length) r = e.length;
278
- for (var t = 0, n = new Array(r); t < r; t++) {
279
- n[t] = e[t];
280
- }
281
- return n;
282
- }
283
- function C(e, r) {
284
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
285
- var t = [];
286
- var n = true;
287
- var o = false;
288
- var a = undefined;
289
- try {
290
- for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
291
- t.push(u.value);
292
- if (r && t.length === r) break;
251
+ function x(t) {
252
+ var n = t.id, o = t.children, a = t.content, i = t.customIndent, u = t.endAdornment, f = t.labelledBy, c = t.onFocus, d = t.onKeyDown, b = t.onToggle, g = t.open, h = g === void 0 ? true : g, I = t.toggle, w = S(t, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
253
+ var O = (0, e.useContext)(l), j = O.defaultIndent, x = j === void 0 ? true : j, A = O.onItemKeyDown, k = O.onItemClick, E = O.removeNode, T = O.setNode, P = O.itemPaths, C = O.focusedItemId;
254
+ var D = (0, e.useState)(h), _ = m(D, 2), N = _[0], $ = _[1];
255
+ // make first tree item tabbable
256
+ var K = (0, e.useState)((P === null || P === void 0 ? void 0 : P.get("".concat(n))) === "0" ? 0 : -1), M = m(K, 2), F = M[0], q = M[1];
257
+ var B = (0, e.useRef)(null);
258
+ var U = (0, e.useRef)(null);
259
+ var X = e.Children.toArray(o).filter(e.isValidElement);
260
+ X.forEach((function(e, r) {
261
+ if (e.props.id) {
262
+ if (N && T) {
263
+ T("".concat(e.props.id), "".concat(P === null || P === void 0 ? void 0 : P.get("".concat(n)), "-").concat(r));
264
+ } else if (E) {
265
+ E(e.props.id);
266
+ }
267
+ }
268
+ }));
269
+ var z = function e(r, t) {
270
+ $(r);
271
+ b === null || b === void 0 ? void 0 : b(r, t);
272
+ };
273
+ var L = function e(r) {
274
+ k === null || k === void 0 ? void 0 : k(r, n);
275
+ };
276
+ var R = function e(r) {
277
+ var t;
278
+ r.stopPropagation();
279
+ B === null || B === void 0 ? void 0 : (t = B.current) === null || t === void 0 ? void 0 : t.focus();
280
+ c === null || c === void 0 ? void 0 : c(r);
281
+ };
282
+ var V = function e() {
283
+ if ((P === null || P === void 0 ? void 0 : P.get("".concat(n))) === "0") {
284
+ q(0);
285
+ }
286
+ };
287
+ (0, e.useEffect)((function() {
288
+ if (C === n) {
289
+ var e;
290
+ U === null || U === void 0 ? void 0 : (e = U.current) === null || e === void 0 ? void 0 : e.focus();
291
+ }
292
+ }), [ C, U ]);
293
+ var G = function e(r) {
294
+ r.stopPropagation();
295
+ };
296
+ var H = function e(r) {
297
+ r.stopPropagation();
298
+ // Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
299
+ // this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
300
+ if (r.shiftKey && r.key === "Tab" && (P === null || P === void 0 ? void 0 : P.get("".concat(n))) === "0") {
301
+ q(-1);
302
+ }
303
+ A === null || A === void 0 ? void 0 : A(r, n, N, X, z);
304
+ d === null || d === void 0 ? void 0 : d(r);
305
+ };
306
+ var J = function r() {
307
+ if (!I) {
308
+ return undefined;
309
+ }
310
+
311
+ return (0, e.cloneElement)(I, {
312
+ onClick: function e(r) {
313
+ var t, n;
314
+ z(!N, r);
315
+ L(r);
316
+ (t = (n = I.props).onClick) === null || t === void 0 ? void 0 : t.call(n, r);
317
+ },
318
+ "aria-expanded": N
319
+ });
320
+ };
321
+
322
+ return r().createElement("li", y({}, w, {
323
+ ref: U,
324
+ tabIndex: F,
325
+ onBlur: V,
326
+ onFocus: R,
327
+ onKeyDown: H,
328
+ role: "treeitem",
329
+ "aria-labelledby": f,
330
+ "aria-expanded": X.length ? N : undefined
331
+ }), i, r().createElement(s, {
332
+ ref: B,
333
+ tabIndex: -1,
334
+ onFocus: G,
335
+ onClick: L
336
+ }, r().createElement(v, null, a), J(), !N && u), N && r().createElement(r().Fragment, null, r().createElement(p, {
337
+ role: "group",
338
+ $defaultIndent: x
339
+ }, o), u));
340
+ }
341
+ x.propTypes = j;
342
+ /* harmony default export */ const A = x;
343
+ // CONCATENATED MODULE: ./src/Tree/treeUtils.ts
344
+ function k(e, r) {
345
+ return D(e) || C(e, r) || T(e, r) || E();
346
+ }
347
+ function E() {
348
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
349
+ }
350
+ function T(e, r) {
351
+ if (!e) return;
352
+ if (typeof e === "string") return P(e, r);
353
+ var t = Object.prototype.toString.call(e).slice(8, -1);
354
+ if (t === "Object" && e.constructor) t = e.constructor.name;
355
+ if (t === "Map" || t === "Set") return Array.from(e);
356
+ if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return P(e, r);
357
+ }
358
+ function P(e, r) {
359
+ if (r == null || r > e.length) r = e.length;
360
+ for (var t = 0, n = new Array(r); t < r; t++) {
361
+ n[t] = e[t];
293
362
  }
294
- } catch (e) {
295
- o = true;
296
- a = e;
297
- } finally {
363
+ return n;
364
+ }
365
+ function C(e, r) {
366
+ if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
367
+ var t = [];
368
+ var n = true;
369
+ var o = false;
370
+ var a = undefined;
298
371
  try {
299
- if (!n && i["return"] != null) i["return"]();
372
+ for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
373
+ t.push(u.value);
374
+ if (r && t.length === r) break;
375
+ }
376
+ } catch (e) {
377
+ o = true;
378
+ a = e;
300
379
  } finally {
301
- if (o) throw a;
380
+ try {
381
+ if (!n && i["return"] != null) i["return"]();
382
+ } finally {
383
+ if (o) throw a;
384
+ }
302
385
  }
386
+ return t;
303
387
  }
304
- return t;
305
- }
306
- function _(e) {
307
- if (Array.isArray(e)) return e;
308
- }
309
- /**
388
+ function D(e) {
389
+ if (Array.isArray(e)) return e;
390
+ }
391
+ /**
310
392
  * A helper function to get first key in Map that matches given value
311
- */ function D(e, r) {
312
- var t;
313
- var n = Array.from(e.entries());
314
- return (t = n.find((function(e) {
315
- var t = P(e, 2), n = t[1];
316
- return n === r;
317
- }))) === null || t === void 0 ? void 0 : t[0];
318
- }
319
- /**
393
+ */ function _(e, r) {
394
+ var t;
395
+ var n = Array.from(e.entries());
396
+ return (t = n.find((function(e) {
397
+ var t = k(e, 2), n = t[1];
398
+ return n === r;
399
+ }))) === null || t === void 0 ? void 0 : t[0];
400
+ }
401
+ /**
320
402
  * A helper function to get parent path of current item path
321
- */ function N(e) {
322
- // remove last index number of the current item path string to get parent
323
- return e.split("-").slice(0, -1).join("-");
324
- }
325
- /**
403
+ */ function N(e) {
404
+ // remove last index number of the current item path string to get parent
405
+ return e.split("-").slice(0, -1).join("-");
406
+ }
407
+ /**
326
408
  * A helper function to get next path of current item path in same level
327
- */ function $(e, r) {
328
- return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(r + 1));
329
- }
330
- /**
409
+ */ function $(e, r) {
410
+ return e === null || e === void 0 ? void 0 : e.replace(/([^-]*)$/, "".concat(r + 1));
411
+ }
412
+ /**
331
413
  * A helper function to get the last index number of an item path string
332
- */ function M(e) {
333
- var r = e.split("-").pop();
334
- if (!r) {
335
- return 0;
336
- }
337
- return parseInt(r, 10) || 0;
338
- }
339
- function q(e, r) {
340
- var t = e.get(r);
341
- if (!t) {
342
- return r;
343
- }
344
- var n = N(t);
345
- return D(e, n) || r;
346
- }
347
- /**
348
- * A helper function for getNextTreeItem
349
- */ function F(e, r) {
350
- var t = N(r);
351
- if (!t) {
352
- return D(e, r);
414
+ */ function K(e) {
415
+ var r = e.split("-").pop();
416
+ if (!r) {
417
+ return 0;
418
+ }
419
+ return parseInt(r, 10) || 0;
353
420
  }
354
- // get next node in the parent level
355
- var n = M(t);
356
- var o = $(t, n);
357
- var a = D(e, o);
358
- if (a) {
359
- return a;
421
+ function M(e, r) {
422
+ var t = e.get(r);
423
+ if (!t) {
424
+ return r;
425
+ }
426
+ var n = N(t);
427
+ return _(e, n) || r;
360
428
  }
429
+ /**
430
+ * A helper function for getNextTreeItem
431
+ */ function F(e, r) {
432
+ var t = N(r);
433
+ if (!t) {
434
+ return _(e, r);
435
+ }
436
+ // get next node in the parent level
437
+ var n = K(t);
438
+ var o = $(t, n);
439
+ var a = _(e, o);
440
+ if (a) {
441
+ return a;
442
+ }
361
443
  // continue getting parents until find next node or reach root
362
- return F(e, o);
363
- }
364
- function U(e, r) {
365
- var t = e.get(r);
366
- if (!t) {
367
- return r;
444
+ return F(e, o);
368
445
  }
446
+ function q(e, r) {
447
+ var t = e.get(r);
448
+ if (!t) {
449
+ return r;
450
+ }
369
451
  // case where next tree item is the first visible child
370
- var n = D(e, "".concat(t, "-0"));
371
- if (n) {
372
- return n;
373
- }
452
+ var n = _(e, "".concat(t, "-0"));
453
+ if (n) {
454
+ return n;
455
+ }
374
456
  // case where next tree item is the next node in the same level
375
- var o = M(t);
376
- var a = $(t, o);
377
- var i = D(e, a);
378
- if (i) {
379
- return i;
380
- }
457
+ var o = K(t);
458
+ var a = $(t, o);
459
+ var i = _(e, a);
460
+ if (i) {
461
+ return i;
462
+ }
381
463
  // case where next tree item is a higher level or does not exist
382
- return F(e, t) || r;
383
- }
384
- /**
385
- * A helper function for getPrevTreeItem
386
- */ function B(e, r) {
387
- var t = D(e, "".concat(r, "-0"));
388
- if (!t) {
389
- return D(e, r);
464
+ return F(e, t) || r;
390
465
  }
391
- var n = D(e, r);
392
- var o = "".concat(r, "-0");
466
+ /**
467
+ * A helper function for getPrevTreeItem
468
+ */ function B(e, r) {
469
+ var t = _(e, "".concat(r, "-0"));
470
+ if (!t) {
471
+ return _(e, r);
472
+ }
473
+ var n = _(e, r);
474
+ var o = "".concat(r, "-0");
393
475
  // get the last child in current node, and continue to find its children recursively
394
- while (n) {
395
- var a = M(o);
396
- var i = $(o, a);
397
- n = D(e, i);
398
- if (n) {
399
- o = i;
476
+ while (n) {
477
+ var a = K(o);
478
+ var i = $(o, a);
479
+ n = _(e, i);
480
+ if (n) {
481
+ o = i;
482
+ }
400
483
  }
484
+ return B(e, o);
401
485
  }
402
- return B(e, o);
403
- }
404
- function K(e, r) {
405
- var t = e.get(r);
406
- if (!t) {
407
- return r;
408
- }
409
- var n = M(t);
486
+ function U(e, r) {
487
+ var t = e.get(r);
488
+ if (!t) {
489
+ return r;
490
+ }
491
+ var n = K(t);
410
492
  // case where current is first child of parent or root item
411
- if (n === 0) {
412
- return q(e, r);
413
- }
493
+ if (n === 0) {
494
+ return M(e, r);
495
+ }
414
496
  // case where previous tree item is or is a child of previous node in same level
415
- var o = t.replace(/[^-]+$/, "".concat(n - 1));
416
- return B(e, o) || r;
417
- }
418
- function X(e) {
419
- return D(e, "0");
420
- }
421
- function z(e) {
422
- var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
423
- var t = D(e, r);
424
- var n = r;
497
+ var o = t.replace(/[^-]+$/, "".concat(n - 1));
498
+ return B(e, o) || r;
499
+ }
500
+ function X(e) {
501
+ return _(e, "0");
502
+ }
503
+ function z(e) {
504
+ var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
505
+ var t = _(e, r);
506
+ var n = r;
425
507
  // find last child in current node
426
- while (t) {
427
- var o = M(n);
428
- t = D(e, $(n, o));
429
- if (t) {
430
- n = $(n, o);
508
+ while (t) {
509
+ var o = K(n);
510
+ t = _(e, $(n, o));
511
+ if (t) {
512
+ n = $(n, o);
513
+ }
431
514
  }
432
- }
433
515
  // check if last child has children
434
- var a = D(e, "".concat(n, "-0"));
435
- if (!a) {
436
- return D(e, n);
437
- }
516
+ var a = _(e, "".concat(n, "-0"));
517
+ if (!a) {
518
+ return _(e, n);
519
+ }
438
520
  // continue to find its last child recursively
439
- n = "".concat(n, "-0");
440
- return z(e, n);
441
- }
442
- // CONCATENATED MODULE: ./src/Tree/Tree.tsx
443
- function L() {
444
- L = Object.assign || function(e) {
445
- for (var r = 1; r < arguments.length; r++) {
446
- var t = arguments[r];
447
- for (var n in t) {
448
- if (Object.prototype.hasOwnProperty.call(t, n)) {
449
- e[n] = t[n];
521
+ n = "".concat(n, "-0");
522
+ return z(e, n);
523
+ }
524
+ // CONCATENATED MODULE: ./src/Tree/Tree.tsx
525
+ function L() {
526
+ L = Object.assign || function(e) {
527
+ for (var r = 1; r < arguments.length; r++) {
528
+ var t = arguments[r];
529
+ for (var n in t) {
530
+ if (Object.prototype.hasOwnProperty.call(t, n)) {
531
+ e[n] = t[n];
532
+ }
450
533
  }
451
534
  }
535
+ return e;
536
+ };
537
+ return L.apply(this, arguments);
538
+ }
539
+ function R(e, r) {
540
+ return Q(e) || J(e, r) || G(e, r) || V();
541
+ }
542
+ function V() {
543
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
544
+ }
545
+ function G(e, r) {
546
+ if (!e) return;
547
+ if (typeof e === "string") return H(e, r);
548
+ var t = Object.prototype.toString.call(e).slice(8, -1);
549
+ if (t === "Object" && e.constructor) t = e.constructor.name;
550
+ if (t === "Map" || t === "Set") return Array.from(e);
551
+ if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return H(e, r);
552
+ }
553
+ function H(e, r) {
554
+ if (r == null || r > e.length) r = e.length;
555
+ for (var t = 0, n = new Array(r); t < r; t++) {
556
+ n[t] = e[t];
452
557
  }
453
- return e;
454
- };
455
- return L.apply(this, arguments);
456
- }
457
- function V(e, r) {
458
- return Q(e) || J(e, r) || G(e, r) || R();
459
- }
460
- function R() {
461
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
462
- }
463
- function G(e, r) {
464
- if (!e) return;
465
- if (typeof e === "string") return H(e, r);
466
- var t = Object.prototype.toString.call(e).slice(8, -1);
467
- if (t === "Object" && e.constructor) t = e.constructor.name;
468
- if (t === "Map" || t === "Set") return Array.from(e);
469
- if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return H(e, r);
470
- }
471
- function H(e, r) {
472
- if (r == null || r > e.length) r = e.length;
473
- for (var t = 0, n = new Array(r); t < r; t++) {
474
- n[t] = e[t];
475
- }
476
- return n;
477
- }
478
- function J(e, r) {
479
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
480
- var t = [];
481
- var n = true;
482
- var o = false;
483
- var a = undefined;
484
- try {
485
- for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
486
- t.push(u.value);
487
- if (r && t.length === r) break;
488
- }
489
- } catch (e) {
490
- o = true;
491
- a = e;
492
- } finally {
558
+ return n;
559
+ }
560
+ function J(e, r) {
561
+ if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
562
+ var t = [];
563
+ var n = true;
564
+ var o = false;
565
+ var a = undefined;
493
566
  try {
494
- if (!n && i["return"] != null) i["return"]();
567
+ for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
568
+ t.push(u.value);
569
+ if (r && t.length === r) break;
570
+ }
571
+ } catch (e) {
572
+ o = true;
573
+ a = e;
495
574
  } finally {
496
- if (o) throw a;
575
+ try {
576
+ if (!n && i["return"] != null) i["return"]();
577
+ } finally {
578
+ if (o) throw a;
579
+ }
580
+ }
581
+ return t;
582
+ }
583
+ function Q(e) {
584
+ if (Array.isArray(e)) return e;
585
+ }
586
+ function W(e, r) {
587
+ if (e == null) return {};
588
+ var t = Y(e, r);
589
+ var n, o;
590
+ if (Object.getOwnPropertySymbols) {
591
+ var a = Object.getOwnPropertySymbols(e);
592
+ for (o = 0; o < a.length; o++) {
593
+ n = a[o];
594
+ if (r.indexOf(n) >= 0) continue;
595
+ if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
596
+ t[n] = e[n];
597
+ }
497
598
  }
599
+ return t;
498
600
  }
499
- return t;
500
- }
501
- function Q(e) {
502
- if (Array.isArray(e)) return e;
503
- }
504
- function W(e, r) {
505
- if (e == null) return {};
506
- var t = Y(e, r);
507
- var n, o;
508
- if (Object.getOwnPropertySymbols) {
509
- var a = Object.getOwnPropertySymbols(e);
510
- for (o = 0; o < a.length; o++) {
511
- n = a[o];
512
- if (r.indexOf(n) >= 0) continue;
513
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
514
- t[n] = e[n];
601
+ function Y(e, r) {
602
+ if (e == null) return {};
603
+ var t = {};
604
+ var n = Object.keys(e);
605
+ var o, a;
606
+ for (a = 0; a < n.length; a++) {
607
+ o = n[a];
608
+ if (r.indexOf(o) >= 0) continue;
609
+ t[o] = e[o];
515
610
  }
611
+ return t;
516
612
  }
517
- return t;
518
- }
519
- function Y(e, r) {
520
- if (e == null) return {};
521
- var t = {};
522
- var n = Object.keys(e);
523
- var o, a;
524
- for (a = 0; a < n.length; a++) {
525
- o = n[a];
526
- if (r.indexOf(o) >= 0) continue;
527
- t[o] = e[o];
528
- }
529
- return t;
530
- }
531
- var Z = {
532
- children: a().node,
533
- defaultIndent: a().bool
534
- };
535
- function ee(e) {
536
- var r = e.children, o = e.defaultIndent, a = o === void 0 ? true : o, u = W(e, [ "children", "defaultIndent" ]);
537
- var f = (0, t.useState)(), c = V(f, 2), d = c[0], v = c[1];
538
- var s = new Map;
539
- var y = function e(r, t, n, o, a) {
540
- var u = (0, i.keycode)(r.nativeEvent);
541
- r.stopPropagation();
542
- switch (u) {
543
- case "up":
544
- r.preventDefault();
545
- v(K(s, t));
546
- break;
547
-
548
- case "down":
549
- r.preventDefault();
550
- v(U(s, t));
551
- break;
613
+ var Z = {
614
+ children: a().node,
615
+ defaultIndent: a().bool
616
+ };
617
+ function ee(t) {
618
+ var n = t.children, o = t.defaultIndent, a = o === void 0 ? true : o, u = W(t, [ "children", "defaultIndent" ]);
619
+ var f = (0, e.useState)(), c = R(f, 2), d = c[0], v = c[1];
620
+ var s = new Map;
621
+ var y = function e(r, t, n, o, a) {
622
+ var u = (0, i.keycode)(r.nativeEvent);
623
+ r.stopPropagation();
624
+ switch (u) {
625
+ case "up":
626
+ r.preventDefault();
627
+ v(U(s, t));
628
+ break;
552
629
 
553
- case "left":
554
- r.preventDefault();
555
- if (n && (o === null || o === void 0 ? void 0 : o.length)) {
556
- a(false);
557
- } else {
630
+ case "down":
631
+ r.preventDefault();
558
632
  v(q(s, t));
559
- }
560
- break;
633
+ break;
561
634
 
562
- case "right":
563
- r.preventDefault();
564
- if (n && (o === null || o === void 0 ? void 0 : o.length)) {
565
- v(U(s, t));
566
- } else {
567
- a(true);
568
- }
569
- break;
635
+ case "left":
636
+ r.preventDefault();
637
+ if (n && (o === null || o === void 0 ? void 0 : o.length)) {
638
+ a(false, r);
639
+ } else {
640
+ v(M(s, t));
641
+ }
642
+ break;
570
643
 
571
- case "home":
572
- r.preventDefault();
573
- v(X(s));
574
- break;
644
+ case "right":
645
+ r.preventDefault();
646
+ if (n && (o === null || o === void 0 ? void 0 : o.length)) {
647
+ v(q(s, t));
648
+ } else {
649
+ a(true, r);
650
+ }
651
+ break;
575
652
 
576
- case "end":
577
- r.preventDefault();
578
- v(z(s));
579
- break;
653
+ case "home":
654
+ r.preventDefault();
655
+ v(X(s));
656
+ break;
657
+
658
+ case "end":
659
+ r.preventDefault();
660
+ v(z(s));
661
+ break;
580
662
 
581
- default:
663
+ default:
582
664
  // do nothing
583
- }
584
- };
585
- var b = function e(r) {
586
- s["delete"](r);
587
- };
588
- var m = function e(r, t) {
589
- s.set(r, t);
590
- };
591
- var h = t.Children.toArray(r).filter(t.isValidElement);
592
- h.forEach((function(e, r) {
593
- if (e.props.id && m) {
594
- m("".concat(e.props.id), "".concat(r));
595
- }
596
- }));
597
-
598
- return n().createElement(l.Provider, {
599
- value: {
600
- defaultIndent: a,
601
- onItemKeyDown: y,
602
- removeNode: b,
603
- setNode: m,
604
- itemPaths: s,
605
- focusedItemId: d
606
- }
607
- }, n().createElement(p, L({
608
- role: "tree",
609
- $defaultIndent: a
610
- }, u), r));
611
- }
612
- ee.propTypes = Z;
613
- ee.TreeItem = k;
614
- /* harmony default export */ const re = ee;
615
- // CONCATENATED MODULE: ./src/Tree/index.ts
616
- module.exports = r;
665
+ }
666
+ };
667
+ var m = function e(r, t) {
668
+ r.preventDefault();
669
+ v(t);
670
+ };
671
+ var b = function e(r) {
672
+ s["delete"](r);
673
+ };
674
+ var g = function e(r, t) {
675
+ s.set(r, t);
676
+ };
677
+ var h = e.Children.toArray(n).filter(e.isValidElement);
678
+ h.forEach((function(e, r) {
679
+ if (e.props.id && g) {
680
+ g("".concat(e.props.id), "".concat(r));
681
+ }
682
+ }));
683
+
684
+ return r().createElement(l.Provider, {
685
+ value: {
686
+ defaultIndent: a,
687
+ onItemKeyDown: y,
688
+ onItemClick: m,
689
+ removeNode: b,
690
+ setNode: g,
691
+ itemPaths: s,
692
+ focusedItemId: d
693
+ }
694
+ }, r().createElement(p, L({
695
+ role: "tree",
696
+ $defaultIndent: a
697
+ }, u), n));
698
+ }
699
+ ee.propTypes = Z;
700
+ ee.TreeItem = A;
701
+ /* harmony default export */ const re = ee;
702
+ }) // CONCATENATED MODULE: ./src/Tree/index.ts
703
+ ();
704
+ module.exports = n;
617
705
  /******/})();