@splunk/react-ui 4.38.0 → 4.40.0

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