@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.
- package/Accordion.js +131 -153
- package/Anchor.js +50 -58
- package/Animation.js +64 -59
- package/AnimationToggle.js +59 -61
- package/Box.js +59 -67
- package/Breadcrumbs.js +113 -127
- package/Button.js +151 -169
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +49 -0
- package/Calendar.js +353 -414
- package/Card.js +186 -244
- package/CardLayout.js +86 -83
- package/Chip.js +136 -146
- package/Clickable.js +180 -198
- package/CloseButton.js +52 -60
- package/Code.js +24 -31
- package/CollapsiblePanel.js +172 -202
- package/Color.js +371 -412
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +266 -303
- package/Concertina.js +406 -454
- package/ControlGroup.js +178 -210
- package/Date.js +116 -131
- package/DefinitionList.js +125 -149
- package/Divider.js +81 -79
- package/Dropdown.js +226 -237
- package/DualListbox.js +150 -186
- package/EventListener.js +4 -1
- package/File.js +1032 -955
- package/FormRows.js +281 -334
- package/Heading.js +27 -35
- package/Image.js +101 -116
- package/JSONTree.js +301 -344
- package/Layer.js +118 -126
- package/Link.js +141 -159
- package/List.js +61 -77
- package/MIGRATION.mdx +123 -38
- package/Markdown.js +288 -347
- package/Menu.js +506 -532
- package/Message.js +197 -207
- package/MessageBar.js +58 -66
- package/Modal.js +241 -290
- package/ModalLayer.js +130 -148
- package/Monogram.js +138 -138
- package/Multiselect.js +3137 -3433
- package/Number.js +164 -178
- package/Paginator.js +296 -335
- package/Paragraph.js +24 -32
- package/Popover.js +450 -442
- package/Progress.js +65 -75
- package/RadioBar.js +301 -303
- package/RadioList.js +77 -119
- package/Resize.js +105 -127
- package/ResultsMenu.js +373 -385
- package/ScreenReaderContent.js +50 -58
- package/Scroll.js +209 -244
- package/Search.js +379 -391
- package/Select.js +2085 -2345
- package/SidePanel.js +122 -142
- package/Slider.js +132 -145
- package/SlidingPanels.js +238 -270
- package/SplitButton.d.ts +2 -0
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +176 -205
- package/TabBar.js +235 -268
- package/TabLayout.js +122 -141
- package/Table.js +2103 -2261
- package/Text.js +379 -493
- package/TextArea.js +411 -441
- package/Tooltip.js +116 -132
- package/TransitionOpen.js +160 -178
- package/Tree.js +268 -287
- package/Typography.js +48 -52
- package/WaitSpinner.js +61 -69
- package/cypress/support/commands.ts +9 -0
- package/cypress/support/index.d.ts +6 -0
- package/cypress/tsconfig.cypress.json +1 -0
- package/docker-compose.yml +0 -1
- package/package.json +15 -15
- package/types/src/Button/Button.d.ts +5 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
- package/types/src/Card/Card.d.ts +1 -0
- package/types/src/Card/Footer.d.ts +1 -0
- package/types/src/Chip/Chip.d.ts +3 -6
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +2 -2
- package/types/src/Color/Palette.d.ts +4 -2
- package/types/src/ComboBox/ComboBox.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
- package/types/src/Date/Date.d.ts +2 -2
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Menu/Item.d.ts +18 -5
- package/types/src/Menu/Menu.d.ts +3 -3
- package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
- package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Multiselect/Normal.d.ts +1 -1
- package/types/src/Multiselect/Option.d.ts +2 -0
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Popover/Popover.d.ts +3 -4
- package/types/src/RadioBar/RadioBar.d.ts +2 -2
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
- package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
- package/types/src/Search/Option.d.ts +9 -3
- package/types/src/Select/Option.d.ts +3 -1
- package/types/src/Select/OptionBase.d.ts +7 -5
- package/types/src/Select/Select.d.ts +4 -2
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/Select/SelectBase.d.ts +104 -66
- package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- package/types/src/Switch/Switch.d.ts +0 -1
- package/types/src/TabBar/Tab.d.ts +1 -1
- package/types/src/TabBar/TabBar.d.ts +3 -1
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Cell.d.ts +0 -2
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Table.d.ts +0 -1
- package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -2
- package/types/src/Text/IconOutlinedView.d.ts +1 -2
- package/types/src/Text/Text.d.ts +2 -2
- package/types/src/TextArea/TextArea.d.ts +2 -2
- package/types/src/Tooltip/Tooltip.d.ts +4 -4
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
- package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
- package/types/src/useControlled/index.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +21 -0
- package/types/src/useResizeObserver/index.d.ts +2 -0
- package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
- package/useControlled.js +112 -0
- package/useForceUpdate.js +30 -32
- package/useKeyPress.d.ts +2 -0
- package/useKeyPress.js +1 -1
- package/useResizeObserver.d.ts +2 -0
- package/useResizeObserver.js +137 -0
- package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
- package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
- package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
- package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
- package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
- package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
- package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
- package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
- package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
- /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
- /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
- /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
- /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/JSONTree.js
CHANGED
|
@@ -26,110 +26,100 @@
|
|
|
26
26
|
var f = n(232);
|
|
27
27
|
var d = n.n(f);
|
|
28
28
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
29
|
-
var
|
|
29
|
+
var s = n(3563);
|
|
30
30
|
// CONCATENATED MODULE: ./src/Tree/TreeItemStyles.ts
|
|
31
|
-
var
|
|
31
|
+
var v = d().span.withConfig({
|
|
32
32
|
displayName: "TreeItemStyles__StyledTreeItemContent",
|
|
33
33
|
componentId: "ie7zrw-0"
|
|
34
34
|
})([ "font-family:inherit;" ]);
|
|
35
35
|
var p = d().span.withConfig({
|
|
36
36
|
displayName: "TreeItemStyles__StyledTreeItemNode",
|
|
37
37
|
componentId: "ie7zrw-1"
|
|
38
|
-
})([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ],
|
|
38
|
+
})([ "&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}" ], s.variables.focusShadow);
|
|
39
39
|
// CONCATENATED MODULE: ./src/Tree/TreeStyles.ts
|
|
40
40
|
var y = d().ul.withConfig({
|
|
41
41
|
displayName: "TreeStyles__StyledUnorderedList",
|
|
42
42
|
componentId: "sc-13pokwt-0"
|
|
43
|
-
})([ "", ";font-family:inherit;list-style:none;white-space:inherit;", ";" ],
|
|
43
|
+
})([ "", ";font-family:inherit;list-style:none;white-space:inherit;", ";" ], s.mixins.reset("ul"), (function(e) {
|
|
44
44
|
var r = e.$defaultIndent;
|
|
45
|
-
return r && (0, f.css)([ "padding-left:", ";" ],
|
|
45
|
+
return r && (0, f.css)([ "padding-left:", ";" ], s.variables.spacingXXXLarge);
|
|
46
46
|
}));
|
|
47
47
|
// CONCATENATED MODULE: ./src/Tree/TreeItem.tsx
|
|
48
|
-
function
|
|
49
|
-
|
|
48
|
+
function m() {
|
|
49
|
+
return m = Object.assign ? Object.assign.bind() : function(e) {
|
|
50
50
|
for (var r = 1; r < arguments.length; r++) {
|
|
51
51
|
var n = arguments[r];
|
|
52
52
|
for (var t in n) {
|
|
53
|
-
|
|
54
|
-
e[t] = n[t];
|
|
55
|
-
}
|
|
53
|
+
({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
|
|
56
54
|
}
|
|
57
55
|
}
|
|
58
56
|
return e;
|
|
59
|
-
};
|
|
60
|
-
return b.apply(this, arguments);
|
|
57
|
+
}, m.apply(null, arguments);
|
|
61
58
|
}
|
|
62
|
-
function
|
|
63
|
-
return
|
|
59
|
+
function b(e, r) {
|
|
60
|
+
return k(e) || w(e, r) || g(e, r) || h();
|
|
64
61
|
}
|
|
65
62
|
function h() {
|
|
66
63
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
67
64
|
}
|
|
68
65
|
function g(e, r) {
|
|
69
|
-
if (
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return S(e, r);
|
|
66
|
+
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;
|
|
70
|
+
}
|
|
75
71
|
}
|
|
76
72
|
function S(e, r) {
|
|
77
|
-
|
|
78
|
-
for (var n = 0, t =
|
|
73
|
+
(null == r || r > e.length) && (r = e.length);
|
|
74
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
79
75
|
t[n] = e[n];
|
|
80
76
|
}
|
|
81
77
|
return t;
|
|
82
78
|
}
|
|
83
|
-
function
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
var o = false;
|
|
88
|
-
var a = undefined;
|
|
89
|
-
try {
|
|
90
|
-
for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
|
|
91
|
-
n.push(l.value);
|
|
92
|
-
if (r && n.length === r) break;
|
|
93
|
-
}
|
|
94
|
-
} catch (e) {
|
|
95
|
-
o = true;
|
|
96
|
-
a = e;
|
|
97
|
-
} finally {
|
|
79
|
+
function w(e, r) {
|
|
80
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
81
|
+
if (null != n) {
|
|
82
|
+
var t, o, a, i, l = [], u = !0, c = !1;
|
|
98
83
|
try {
|
|
99
|
-
if (
|
|
84
|
+
if (a = (n = n.call(e)).next, 0 === r) {
|
|
85
|
+
if (Object(n) !== n) return;
|
|
86
|
+
u = !1;
|
|
87
|
+
} else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
|
|
88
|
+
}
|
|
89
|
+
} catch (e) {
|
|
90
|
+
c = !0, o = e;
|
|
100
91
|
} finally {
|
|
101
|
-
|
|
92
|
+
try {
|
|
93
|
+
if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
|
|
94
|
+
} finally {
|
|
95
|
+
if (c) throw o;
|
|
96
|
+
}
|
|
102
97
|
}
|
|
98
|
+
return l;
|
|
103
99
|
}
|
|
104
|
-
return n;
|
|
105
100
|
}
|
|
106
|
-
function
|
|
101
|
+
function k(e) {
|
|
107
102
|
if (Array.isArray(e)) return e;
|
|
108
103
|
}
|
|
109
104
|
function O(e, r) {
|
|
110
|
-
if (
|
|
111
|
-
var n = x(e, r);
|
|
112
|
-
var t, o;
|
|
105
|
+
if (null == e) return {};
|
|
106
|
+
var n, t, o = x(e, r);
|
|
113
107
|
if (Object.getOwnPropertySymbols) {
|
|
114
108
|
var a = Object.getOwnPropertySymbols(e);
|
|
115
|
-
for (
|
|
116
|
-
|
|
117
|
-
if (r.indexOf(t) >= 0) continue;
|
|
118
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
|
|
119
|
-
n[t] = e[t];
|
|
109
|
+
for (t = 0; t < a.length; t++) {
|
|
110
|
+
n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
120
111
|
}
|
|
121
112
|
}
|
|
122
|
-
return
|
|
113
|
+
return o;
|
|
123
114
|
}
|
|
124
115
|
function x(e, r) {
|
|
125
|
-
if (
|
|
116
|
+
if (null == e) return {};
|
|
126
117
|
var n = {};
|
|
127
|
-
var t
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
n[o] = e[o];
|
|
118
|
+
for (var t in e) {
|
|
119
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
120
|
+
if (r.includes(t)) continue;
|
|
121
|
+
n[t] = e[t];
|
|
122
|
+
}
|
|
133
123
|
}
|
|
134
124
|
return n;
|
|
135
125
|
}
|
|
@@ -147,11 +137,11 @@
|
|
|
147
137
|
toggle: i().node
|
|
148
138
|
};
|
|
149
139
|
function C(e) {
|
|
150
|
-
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,
|
|
151
|
-
var
|
|
152
|
-
var R = (0, t.useState)(g), K =
|
|
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, w = O(e, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
|
|
141
|
+
var k = (0, t.useContext)(c), x = k.defaultIndent, I = x === void 0 ? true : x, C = k.onItemKeyDown, j = k.onItemClick, E = k.removeNode, A = k.setNode, T = k.itemPaths, P = k.focusedItemId;
|
|
142
|
+
var R = (0, t.useState)(g), K = b(R, 2), _ = K[0], N = K[1];
|
|
153
143
|
// make first tree item tabbable
|
|
154
|
-
var D = (0, t.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0" ? 0 : -1), V =
|
|
144
|
+
var D = (0, t.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0" ? 0 : -1), V = b(D, 2), L = V[0], q = V[1];
|
|
155
145
|
var F = (0, t.useRef)(null);
|
|
156
146
|
var M = (0, t.useRef)(null);
|
|
157
147
|
var $ = t.Children.toArray(n).filter(t.isValidElement);
|
|
@@ -166,7 +156,7 @@
|
|
|
166
156
|
}));
|
|
167
157
|
var J = function e(r, n) {
|
|
168
158
|
N(r);
|
|
169
|
-
|
|
159
|
+
s === null || s === void 0 ? void 0 : s(r, n);
|
|
170
160
|
};
|
|
171
161
|
var U = function e(n) {
|
|
172
162
|
j === null || j === void 0 ? void 0 : j(n, r);
|
|
@@ -193,7 +183,7 @@
|
|
|
193
183
|
};
|
|
194
184
|
var z = function e(n) {
|
|
195
185
|
n.stopPropagation();
|
|
196
|
-
|
|
186
|
+
// Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
|
|
197
187
|
// this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
|
|
198
188
|
if (n.shiftKey && n.key === "Tab" && (T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0") {
|
|
199
189
|
q(-1);
|
|
@@ -217,7 +207,7 @@
|
|
|
217
207
|
});
|
|
218
208
|
};
|
|
219
209
|
|
|
220
|
-
return o().createElement("li",
|
|
210
|
+
return o().createElement("li", m({}, w, {
|
|
221
211
|
ref: M,
|
|
222
212
|
tabIndex: L,
|
|
223
213
|
onBlur: H,
|
|
@@ -231,7 +221,7 @@
|
|
|
231
221
|
tabIndex: -1,
|
|
232
222
|
onFocus: X,
|
|
233
223
|
onClick: U
|
|
234
|
-
}, o().createElement(
|
|
224
|
+
}, o().createElement(v, null, a), W(), !_ && l), _ && o().createElement(o().Fragment, null, o().createElement(y, {
|
|
235
225
|
role: "group",
|
|
236
226
|
$defaultIndent: I
|
|
237
227
|
}, n), l));
|
|
@@ -246,42 +236,40 @@
|
|
|
246
236
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
247
237
|
}
|
|
248
238
|
function T(e, r) {
|
|
249
|
-
if (
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return P(e, r);
|
|
239
|
+
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;
|
|
243
|
+
}
|
|
255
244
|
}
|
|
256
245
|
function P(e, r) {
|
|
257
|
-
|
|
258
|
-
for (var n = 0, t =
|
|
246
|
+
(null == r || r > e.length) && (r = e.length);
|
|
247
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
259
248
|
t[n] = e[n];
|
|
260
249
|
}
|
|
261
250
|
return t;
|
|
262
251
|
}
|
|
263
252
|
function R(e, r) {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
var o = false;
|
|
268
|
-
var a = undefined;
|
|
269
|
-
try {
|
|
270
|
-
for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
|
|
271
|
-
n.push(l.value);
|
|
272
|
-
if (r && n.length === r) break;
|
|
273
|
-
}
|
|
274
|
-
} catch (e) {
|
|
275
|
-
o = true;
|
|
276
|
-
a = e;
|
|
277
|
-
} finally {
|
|
253
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
254
|
+
if (null != n) {
|
|
255
|
+
var t, o, a, i, l = [], u = !0, c = !1;
|
|
278
256
|
try {
|
|
279
|
-
if (
|
|
257
|
+
if (a = (n = n.call(e)).next, 0 === r) {
|
|
258
|
+
if (Object(n) !== n) return;
|
|
259
|
+
u = !1;
|
|
260
|
+
} else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
|
|
261
|
+
}
|
|
262
|
+
} catch (e) {
|
|
263
|
+
c = !0, o = e;
|
|
280
264
|
} finally {
|
|
281
|
-
|
|
265
|
+
try {
|
|
266
|
+
if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
|
|
267
|
+
} finally {
|
|
268
|
+
if (c) throw o;
|
|
269
|
+
}
|
|
282
270
|
}
|
|
271
|
+
return l;
|
|
283
272
|
}
|
|
284
|
-
return n;
|
|
285
273
|
}
|
|
286
274
|
function K(e) {
|
|
287
275
|
if (Array.isArray(e)) return e;
|
|
@@ -331,14 +319,14 @@
|
|
|
331
319
|
if (!n) {
|
|
332
320
|
return _(e, r);
|
|
333
321
|
}
|
|
334
|
-
|
|
322
|
+
// get next node in the parent level
|
|
335
323
|
var t = V(n);
|
|
336
324
|
var o = D(n, t);
|
|
337
325
|
var a = _(e, o);
|
|
338
326
|
if (a) {
|
|
339
327
|
return a;
|
|
340
328
|
}
|
|
341
|
-
|
|
329
|
+
// continue getting parents until find next node or reach root
|
|
342
330
|
return q(e, o);
|
|
343
331
|
}
|
|
344
332
|
function F(e, r) {
|
|
@@ -346,19 +334,19 @@
|
|
|
346
334
|
if (!n) {
|
|
347
335
|
return r;
|
|
348
336
|
}
|
|
349
|
-
|
|
337
|
+
// case where next tree item is the first visible child
|
|
350
338
|
var t = _(e, "".concat(n, "-0"));
|
|
351
339
|
if (t) {
|
|
352
340
|
return t;
|
|
353
341
|
}
|
|
354
|
-
|
|
342
|
+
// case where next tree item is the next node in the same level
|
|
355
343
|
var o = V(n);
|
|
356
344
|
var a = D(n, o);
|
|
357
345
|
var i = _(e, a);
|
|
358
346
|
if (i) {
|
|
359
347
|
return i;
|
|
360
348
|
}
|
|
361
|
-
|
|
349
|
+
// case where next tree item is a higher level or does not exist
|
|
362
350
|
return q(e, n) || r;
|
|
363
351
|
}
|
|
364
352
|
/**
|
|
@@ -370,7 +358,7 @@
|
|
|
370
358
|
}
|
|
371
359
|
var t = _(e, r);
|
|
372
360
|
var o = "".concat(r, "-0");
|
|
373
|
-
|
|
361
|
+
// get the last child in current node, and continue to find its children recursively
|
|
374
362
|
while (t) {
|
|
375
363
|
var a = V(o);
|
|
376
364
|
var i = D(o, a);
|
|
@@ -387,11 +375,11 @@
|
|
|
387
375
|
return r;
|
|
388
376
|
}
|
|
389
377
|
var t = V(n);
|
|
390
|
-
|
|
378
|
+
// case where current is first child of parent or root item
|
|
391
379
|
if (t === 0) {
|
|
392
380
|
return L(e, r);
|
|
393
381
|
}
|
|
394
|
-
|
|
382
|
+
// case where previous tree item is or is a child of previous node in same level
|
|
395
383
|
var o = n.replace(/[^-]+$/, "".concat(t - 1));
|
|
396
384
|
return M(e, o) || r;
|
|
397
385
|
}
|
|
@@ -402,7 +390,7 @@
|
|
|
402
390
|
var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0";
|
|
403
391
|
var n = _(e, r);
|
|
404
392
|
var t = r;
|
|
405
|
-
|
|
393
|
+
// find last child in current node
|
|
406
394
|
while (n) {
|
|
407
395
|
var o = V(t);
|
|
408
396
|
n = _(e, D(t, o));
|
|
@@ -410,29 +398,26 @@
|
|
|
410
398
|
t = D(t, o);
|
|
411
399
|
}
|
|
412
400
|
}
|
|
413
|
-
|
|
401
|
+
// check if last child has children
|
|
414
402
|
var a = _(e, "".concat(t, "-0"));
|
|
415
403
|
if (!a) {
|
|
416
404
|
return _(e, t);
|
|
417
405
|
}
|
|
418
|
-
|
|
406
|
+
// continue to find its last child recursively
|
|
419
407
|
t = "".concat(t, "-0");
|
|
420
408
|
return U(e, t);
|
|
421
409
|
}
|
|
422
410
|
// CONCATENATED MODULE: ./src/Tree/Tree.tsx
|
|
423
411
|
function B() {
|
|
424
|
-
B = Object.assign
|
|
412
|
+
return B = Object.assign ? Object.assign.bind() : function(e) {
|
|
425
413
|
for (var r = 1; r < arguments.length; r++) {
|
|
426
414
|
var n = arguments[r];
|
|
427
415
|
for (var t in n) {
|
|
428
|
-
|
|
429
|
-
e[t] = n[t];
|
|
430
|
-
}
|
|
416
|
+
({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
|
|
431
417
|
}
|
|
432
418
|
}
|
|
433
419
|
return e;
|
|
434
|
-
};
|
|
435
|
-
return B.apply(this, arguments);
|
|
420
|
+
}, B.apply(null, arguments);
|
|
436
421
|
}
|
|
437
422
|
function H(e, r) {
|
|
438
423
|
return Q(e) || G(e, r) || z(e, r) || X();
|
|
@@ -441,70 +426,63 @@
|
|
|
441
426
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
442
427
|
}
|
|
443
428
|
function z(e, r) {
|
|
444
|
-
if (
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return W(e, r);
|
|
429
|
+
if (e) {
|
|
430
|
+
if ("string" == typeof e) return W(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) ? W(e, r) : void 0;
|
|
433
|
+
}
|
|
450
434
|
}
|
|
451
435
|
function W(e, r) {
|
|
452
|
-
|
|
453
|
-
for (var n = 0, t =
|
|
436
|
+
(null == r || r > e.length) && (r = e.length);
|
|
437
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
454
438
|
t[n] = e[n];
|
|
455
439
|
}
|
|
456
440
|
return t;
|
|
457
441
|
}
|
|
458
442
|
function G(e, r) {
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
var o = false;
|
|
463
|
-
var a = undefined;
|
|
464
|
-
try {
|
|
465
|
-
for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
|
|
466
|
-
n.push(l.value);
|
|
467
|
-
if (r && n.length === r) break;
|
|
468
|
-
}
|
|
469
|
-
} catch (e) {
|
|
470
|
-
o = true;
|
|
471
|
-
a = e;
|
|
472
|
-
} finally {
|
|
443
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
444
|
+
if (null != n) {
|
|
445
|
+
var t, o, a, i, l = [], u = !0, c = !1;
|
|
473
446
|
try {
|
|
474
|
-
if (
|
|
447
|
+
if (a = (n = n.call(e)).next, 0 === r) {
|
|
448
|
+
if (Object(n) !== n) return;
|
|
449
|
+
u = !1;
|
|
450
|
+
} else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
|
|
451
|
+
}
|
|
452
|
+
} catch (e) {
|
|
453
|
+
c = !0, o = e;
|
|
475
454
|
} finally {
|
|
476
|
-
|
|
455
|
+
try {
|
|
456
|
+
if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
|
|
457
|
+
} finally {
|
|
458
|
+
if (c) throw o;
|
|
459
|
+
}
|
|
477
460
|
}
|
|
461
|
+
return l;
|
|
478
462
|
}
|
|
479
|
-
return n;
|
|
480
463
|
}
|
|
481
464
|
function Q(e) {
|
|
482
465
|
if (Array.isArray(e)) return e;
|
|
483
466
|
}
|
|
484
467
|
function Y(e, r) {
|
|
485
|
-
if (
|
|
486
|
-
var n = Z(e, r);
|
|
487
|
-
var t, o;
|
|
468
|
+
if (null == e) return {};
|
|
469
|
+
var n, t, o = Z(e, r);
|
|
488
470
|
if (Object.getOwnPropertySymbols) {
|
|
489
471
|
var a = Object.getOwnPropertySymbols(e);
|
|
490
|
-
for (
|
|
491
|
-
|
|
492
|
-
if (r.indexOf(t) >= 0) continue;
|
|
493
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
|
|
494
|
-
n[t] = e[t];
|
|
472
|
+
for (t = 0; t < a.length; t++) {
|
|
473
|
+
n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
495
474
|
}
|
|
496
475
|
}
|
|
497
|
-
return
|
|
476
|
+
return o;
|
|
498
477
|
}
|
|
499
478
|
function Z(e, r) {
|
|
500
|
-
if (
|
|
479
|
+
if (null == e) return {};
|
|
501
480
|
var n = {};
|
|
502
|
-
var t
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
n[o] = e[o];
|
|
481
|
+
for (var t in e) {
|
|
482
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
483
|
+
if (r.includes(t)) continue;
|
|
484
|
+
n[t] = e[t];
|
|
485
|
+
}
|
|
508
486
|
}
|
|
509
487
|
return n;
|
|
510
488
|
}
|
|
@@ -514,20 +492,20 @@
|
|
|
514
492
|
};
|
|
515
493
|
function re(e) {
|
|
516
494
|
var r = e.children, n = e.defaultIndent, a = n === void 0 ? true : n, i = Y(e, [ "children", "defaultIndent" ]);
|
|
517
|
-
var u = (0, t.useState)(), f = H(u, 2), d = f[0],
|
|
518
|
-
var
|
|
495
|
+
var u = (0, t.useState)(), f = H(u, 2), d = f[0], s = f[1];
|
|
496
|
+
var v = new Map;
|
|
519
497
|
var p = function e(r, n, t, o, a) {
|
|
520
498
|
var i = (0, l.keycode)(r.nativeEvent);
|
|
521
499
|
r.stopPropagation();
|
|
522
500
|
switch (i) {
|
|
523
501
|
case "up":
|
|
524
502
|
r.preventDefault();
|
|
525
|
-
|
|
503
|
+
s($(v, n));
|
|
526
504
|
break;
|
|
527
505
|
|
|
528
506
|
case "down":
|
|
529
507
|
r.preventDefault();
|
|
530
|
-
|
|
508
|
+
s(F(v, n));
|
|
531
509
|
break;
|
|
532
510
|
|
|
533
511
|
case "left":
|
|
@@ -535,14 +513,14 @@
|
|
|
535
513
|
if (t && (o === null || o === void 0 ? void 0 : o.length)) {
|
|
536
514
|
a(false, r);
|
|
537
515
|
} else {
|
|
538
|
-
|
|
516
|
+
s(L(v, n));
|
|
539
517
|
}
|
|
540
518
|
break;
|
|
541
519
|
|
|
542
520
|
case "right":
|
|
543
521
|
r.preventDefault();
|
|
544
522
|
if (t && (o === null || o === void 0 ? void 0 : o.length)) {
|
|
545
|
-
|
|
523
|
+
s(F(v, n));
|
|
546
524
|
} else {
|
|
547
525
|
a(true, r);
|
|
548
526
|
}
|
|
@@ -550,27 +528,27 @@
|
|
|
550
528
|
|
|
551
529
|
case "home":
|
|
552
530
|
r.preventDefault();
|
|
553
|
-
|
|
531
|
+
s(J(v));
|
|
554
532
|
break;
|
|
555
533
|
|
|
556
534
|
case "end":
|
|
557
535
|
r.preventDefault();
|
|
558
|
-
|
|
536
|
+
s(U(v));
|
|
559
537
|
break;
|
|
560
538
|
|
|
561
539
|
default:
|
|
562
540
|
// do nothing
|
|
563
541
|
}
|
|
564
542
|
};
|
|
565
|
-
var
|
|
543
|
+
var m = function e(r, n) {
|
|
566
544
|
r.preventDefault();
|
|
567
|
-
|
|
545
|
+
s(n);
|
|
568
546
|
};
|
|
569
|
-
var
|
|
570
|
-
|
|
547
|
+
var b = function e(r) {
|
|
548
|
+
v["delete"](r);
|
|
571
549
|
};
|
|
572
550
|
var h = function e(r, n) {
|
|
573
|
-
|
|
551
|
+
v.set(r, n);
|
|
574
552
|
};
|
|
575
553
|
var g = t.Children.toArray(r).filter(t.isValidElement);
|
|
576
554
|
g.forEach((function(e, r) {
|
|
@@ -578,17 +556,20 @@
|
|
|
578
556
|
h("".concat(e.props.id), "".concat(r));
|
|
579
557
|
}
|
|
580
558
|
}));
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
value: {
|
|
559
|
+
var S = (0, t.useMemo)((function() {
|
|
560
|
+
return {
|
|
584
561
|
defaultIndent: a,
|
|
585
562
|
onItemKeyDown: p,
|
|
586
|
-
onItemClick:
|
|
587
|
-
removeNode:
|
|
563
|
+
onItemClick: m,
|
|
564
|
+
removeNode: b,
|
|
588
565
|
setNode: h,
|
|
589
|
-
itemPaths:
|
|
566
|
+
itemPaths: v,
|
|
590
567
|
focusedItemId: d
|
|
591
|
-
}
|
|
568
|
+
};
|
|
569
|
+
}), [ a, d, v, p, b, h ]);
|
|
570
|
+
|
|
571
|
+
return o().createElement(c.Provider, {
|
|
572
|
+
value: S
|
|
592
573
|
}, o().createElement(y, B({
|
|
593
574
|
role: "tree",
|
|
594
575
|
$defaultIndent: a
|
|
@@ -725,11 +706,11 @@
|
|
|
725
706
|
var d = (0, u.css)([ "", ";", ";" ], f.mixins.reset("block"), f.mixins.typography({
|
|
726
707
|
family: "monospace"
|
|
727
708
|
}));
|
|
728
|
-
var
|
|
709
|
+
var s = c().code.withConfig({
|
|
729
710
|
displayName: "JSONTreeStyles__StyledScrollCode",
|
|
730
711
|
componentId: "vrdt21-0"
|
|
731
712
|
})([ "", ";overflow-x:auto;white-space:nowrap;" ], d);
|
|
732
|
-
var
|
|
713
|
+
var v = c().code.withConfig({
|
|
733
714
|
displayName: "JSONTreeStyles__StyledWrapCode",
|
|
734
715
|
componentId: "vrdt21-1"
|
|
735
716
|
})([ "", ";white-space:pre-wrap;" ], d);
|
|
@@ -737,17 +718,17 @@
|
|
|
737
718
|
const p = require("lodash/fill");
|
|
738
719
|
var y = n.n(p);
|
|
739
720
|
// CONCATENATED MODULE: external "lodash/isArray"
|
|
740
|
-
const
|
|
741
|
-
var
|
|
721
|
+
const m = require("lodash/isArray");
|
|
722
|
+
var b = n.n(m);
|
|
742
723
|
// CONCATENATED MODULE: external "lodash/isEmpty"
|
|
743
724
|
const h = require("lodash/isEmpty");
|
|
744
725
|
var g = n.n(h);
|
|
745
726
|
// CONCATENATED MODULE: external "lodash/isNumber"
|
|
746
727
|
const S = require("lodash/isNumber");
|
|
747
|
-
var
|
|
728
|
+
var w = n.n(S);
|
|
748
729
|
// CONCATENATED MODULE: external "lodash/isObject"
|
|
749
|
-
const
|
|
750
|
-
var O = n.n(
|
|
730
|
+
const k = require("lodash/isObject");
|
|
731
|
+
var O = n.n(k);
|
|
751
732
|
// CONCATENATED MODULE: external "lodash/keys"
|
|
752
733
|
const x = require("lodash/keys");
|
|
753
734
|
var I = n.n(x);
|
|
@@ -762,18 +743,15 @@
|
|
|
762
743
|
var T = n(4610);
|
|
763
744
|
// CONCATENATED MODULE: ./src/JSONTree/JSONTreeItem.tsx
|
|
764
745
|
function P() {
|
|
765
|
-
P = Object.assign
|
|
746
|
+
return P = Object.assign ? Object.assign.bind() : function(e) {
|
|
766
747
|
for (var r = 1; r < arguments.length; r++) {
|
|
767
748
|
var n = arguments[r];
|
|
768
749
|
for (var t in n) {
|
|
769
|
-
|
|
770
|
-
e[t] = n[t];
|
|
771
|
-
}
|
|
750
|
+
({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
|
|
772
751
|
}
|
|
773
752
|
}
|
|
774
753
|
return e;
|
|
775
|
-
};
|
|
776
|
-
return P.apply(this, arguments);
|
|
754
|
+
}, P.apply(null, arguments);
|
|
777
755
|
}
|
|
778
756
|
function R(e, r) {
|
|
779
757
|
return V(e) || D(e, r) || _(e, r) || K();
|
|
@@ -782,70 +760,63 @@
|
|
|
782
760
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
783
761
|
}
|
|
784
762
|
function _(e, r) {
|
|
785
|
-
if (
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return N(e, r);
|
|
763
|
+
if (e) {
|
|
764
|
+
if ("string" == typeof e) return N(e, r);
|
|
765
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
766
|
+
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) ? N(e, r) : void 0;
|
|
767
|
+
}
|
|
791
768
|
}
|
|
792
769
|
function N(e, r) {
|
|
793
|
-
|
|
794
|
-
for (var n = 0, t =
|
|
770
|
+
(null == r || r > e.length) && (r = e.length);
|
|
771
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
795
772
|
t[n] = e[n];
|
|
796
773
|
}
|
|
797
774
|
return t;
|
|
798
775
|
}
|
|
799
776
|
function D(e, r) {
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
var o = false;
|
|
804
|
-
var a = undefined;
|
|
805
|
-
try {
|
|
806
|
-
for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
|
|
807
|
-
n.push(l.value);
|
|
808
|
-
if (r && n.length === r) break;
|
|
809
|
-
}
|
|
810
|
-
} catch (e) {
|
|
811
|
-
o = true;
|
|
812
|
-
a = e;
|
|
813
|
-
} finally {
|
|
777
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
778
|
+
if (null != n) {
|
|
779
|
+
var t, o, a, i, l = [], u = !0, c = !1;
|
|
814
780
|
try {
|
|
815
|
-
if (
|
|
781
|
+
if (a = (n = n.call(e)).next, 0 === r) {
|
|
782
|
+
if (Object(n) !== n) return;
|
|
783
|
+
u = !1;
|
|
784
|
+
} else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
|
|
785
|
+
}
|
|
786
|
+
} catch (e) {
|
|
787
|
+
c = !0, o = e;
|
|
816
788
|
} finally {
|
|
817
|
-
|
|
789
|
+
try {
|
|
790
|
+
if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
|
|
791
|
+
} finally {
|
|
792
|
+
if (c) throw o;
|
|
793
|
+
}
|
|
818
794
|
}
|
|
795
|
+
return l;
|
|
819
796
|
}
|
|
820
|
-
return n;
|
|
821
797
|
}
|
|
822
798
|
function V(e) {
|
|
823
799
|
if (Array.isArray(e)) return e;
|
|
824
800
|
}
|
|
825
801
|
function L(e, r) {
|
|
826
|
-
if (
|
|
827
|
-
var n = q(e, r);
|
|
828
|
-
var t, o;
|
|
802
|
+
if (null == e) return {};
|
|
803
|
+
var n, t, o = q(e, r);
|
|
829
804
|
if (Object.getOwnPropertySymbols) {
|
|
830
805
|
var a = Object.getOwnPropertySymbols(e);
|
|
831
|
-
for (
|
|
832
|
-
|
|
833
|
-
if (r.indexOf(t) >= 0) continue;
|
|
834
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
|
|
835
|
-
n[t] = e[t];
|
|
806
|
+
for (t = 0; t < a.length; t++) {
|
|
807
|
+
n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
836
808
|
}
|
|
837
809
|
}
|
|
838
|
-
return
|
|
810
|
+
return o;
|
|
839
811
|
}
|
|
840
812
|
function q(e, r) {
|
|
841
|
-
if (
|
|
813
|
+
if (null == e) return {};
|
|
842
814
|
var n = {};
|
|
843
|
-
var t
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
n[o] = e[o];
|
|
815
|
+
for (var t in e) {
|
|
816
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
817
|
+
if (r.includes(t)) continue;
|
|
818
|
+
n[t] = e[t];
|
|
819
|
+
}
|
|
849
820
|
}
|
|
850
821
|
return n;
|
|
851
822
|
}
|
|
@@ -864,13 +835,13 @@
|
|
|
864
835
|
value: a().oneOfType([ a().string, a().object, a().array, a().number, a().bool ])
|
|
865
836
|
};
|
|
866
837
|
function M(n) {
|
|
867
|
-
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,
|
|
868
|
-
var h = (0, e.useState)(u), g = R(h, 2), S = g[0],
|
|
869
|
-
var
|
|
870
|
-
|
|
838
|
+
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" ]);
|
|
839
|
+
var h = (0, e.useState)(u), g = R(h, 2), S = g[0], w = g[1];
|
|
840
|
+
var k = function e(r) {
|
|
841
|
+
w(r);
|
|
871
842
|
};
|
|
872
843
|
var O = (0, e.useRef)(null);
|
|
873
|
-
var x =
|
|
844
|
+
var x = v ? v({
|
|
874
845
|
open: S,
|
|
875
846
|
withTooltip: true,
|
|
876
847
|
expandLinkRef: O
|
|
@@ -880,22 +851,22 @@
|
|
|
880
851
|
var C = (f === null || f === void 0 ? void 0 : f.length) && l + 1 < (f === null || f === void 0 ? void 0 : f.length) ? "," : null;
|
|
881
852
|
|
|
882
853
|
return r().createElement(T["default"].TreeItem, P({
|
|
883
|
-
content: r().createElement(r().Fragment, null,
|
|
854
|
+
content: r().createElement(r().Fragment, null, s, a && (b()(y) ? "[" : "{"), !a && r().createElement(r().Fragment, null, p, C)),
|
|
884
855
|
customIndent: i,
|
|
885
856
|
"data-test": a ? "node" : null,
|
|
886
857
|
"data-test-path": d,
|
|
887
|
-
endAdornment: a && r().createElement(r().Fragment, null, S && i,
|
|
858
|
+
endAdornment: a && r().createElement(r().Fragment, null, S && i, b()(y) ? "]" : "}", C),
|
|
888
859
|
onFocus: function e(r) {
|
|
889
860
|
c === null || c === void 0 ? void 0 : c(r);
|
|
890
|
-
|
|
861
|
+
// check if onFocus was triggered by a click event or expand link
|
|
891
862
|
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;
|
|
892
|
-
if (
|
|
863
|
+
if (m.id === "root") {
|
|
893
864
|
var a;
|
|
894
865
|
O === null || O === void 0 ? void 0 : (a = O.current) === null || a === void 0 ? void 0 : a.focus();
|
|
895
866
|
}
|
|
896
867
|
if (!n) {
|
|
897
868
|
// if JSONTreeItem contains clickable keys/vals, focus should go there
|
|
898
|
-
if (
|
|
869
|
+
if (s && (t === null || t === void 0 ? void 0 : t.current)) {
|
|
899
870
|
var i;
|
|
900
871
|
(i = t.current) === null || i === void 0 ? void 0 : i.focus();
|
|
901
872
|
} else if (o === null || o === void 0 ? void 0 : o.current) {
|
|
@@ -906,11 +877,11 @@
|
|
|
906
877
|
n.focus();
|
|
907
878
|
}
|
|
908
879
|
},
|
|
909
|
-
onToggle:
|
|
880
|
+
onToggle: k,
|
|
910
881
|
open: u,
|
|
911
882
|
tabIndex: 0,
|
|
912
883
|
toggle: a ? I : undefined
|
|
913
|
-
},
|
|
884
|
+
}, m), a && p);
|
|
914
885
|
}
|
|
915
886
|
M.propTypes = F;
|
|
916
887
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
@@ -990,16 +961,11 @@
|
|
|
990
961
|
// CONCATENATED MODULE: ./src/JSONTree/renderTreeItems.tsx
|
|
991
962
|
function te(e) {
|
|
992
963
|
"@babel/helpers - typeof";
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
}
|
|
998
|
-
te = function e(r) {
|
|
999
|
-
return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
|
|
1000
|
-
};
|
|
1001
|
-
}
|
|
1002
|
-
return te(e);
|
|
964
|
+
return te = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
965
|
+
return typeof e;
|
|
966
|
+
} : function(e) {
|
|
967
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
968
|
+
}, te(e);
|
|
1003
969
|
}
|
|
1004
970
|
function oe(e) {
|
|
1005
971
|
return ue(e) || le(e) || ie(e) || ae();
|
|
@@ -1008,57 +974,56 @@
|
|
|
1008
974
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
1009
975
|
}
|
|
1010
976
|
function ie(e, r) {
|
|
1011
|
-
if (
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ce(e, r);
|
|
977
|
+
if (e) {
|
|
978
|
+
if ("string" == typeof e) return ce(e, r);
|
|
979
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
980
|
+
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;
|
|
981
|
+
}
|
|
1017
982
|
}
|
|
1018
983
|
function le(e) {
|
|
1019
|
-
if (typeof Symbol
|
|
984
|
+
if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
|
|
1020
985
|
}
|
|
1021
986
|
function ue(e) {
|
|
1022
987
|
if (Array.isArray(e)) return ce(e);
|
|
1023
988
|
}
|
|
1024
989
|
function ce(e, r) {
|
|
1025
|
-
|
|
1026
|
-
for (var n = 0, t =
|
|
990
|
+
(null == r || r > e.length) && (r = e.length);
|
|
991
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
1027
992
|
t[n] = e[n];
|
|
1028
993
|
}
|
|
1029
994
|
return t;
|
|
1030
995
|
}
|
|
1031
996
|
function fe(n) {
|
|
1032
|
-
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,
|
|
1033
|
-
var
|
|
997
|
+
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;
|
|
998
|
+
var m = (0, e.useRef)(null);
|
|
1034
999
|
var h = (0, e.useRef)(null);
|
|
1035
1000
|
var S = f({
|
|
1036
1001
|
key: o,
|
|
1037
1002
|
value: i,
|
|
1038
|
-
clickValueRef:
|
|
1039
|
-
}),
|
|
1040
|
-
var x = !
|
|
1003
|
+
clickValueRef: m
|
|
1004
|
+
}), w = S.representation, k = S.clickableValRef;
|
|
1005
|
+
var x = !b()(c) ? d(o, h) : {
|
|
1041
1006
|
propertyElement: undefined,
|
|
1042
1007
|
clickableKeyRef: undefined
|
|
1043
1008
|
}, I = x.propertyElement, C = x.clickableKeyRef;
|
|
1044
|
-
var j = O()(i) && !g()(i) ||
|
|
1009
|
+
var j = O()(i) && !g()(i) || b()(i) && i.length > 0;
|
|
1045
1010
|
|
|
1046
1011
|
return r().createElement(M, {
|
|
1047
1012
|
id: t,
|
|
1048
1013
|
propertyDataPath: u,
|
|
1049
1014
|
propertyElement: I,
|
|
1050
1015
|
hasChildren: j,
|
|
1051
|
-
initialOpenState:
|
|
1052
|
-
representation:
|
|
1053
|
-
indentArray:
|
|
1016
|
+
initialOpenState: s(),
|
|
1017
|
+
representation: w,
|
|
1018
|
+
indentArray: v,
|
|
1054
1019
|
value: i,
|
|
1055
1020
|
index: a,
|
|
1056
1021
|
properties: l,
|
|
1057
1022
|
renderExpandLink: p,
|
|
1058
1023
|
clickableKeyRef: C,
|
|
1059
|
-
clickableValRef:
|
|
1024
|
+
clickableValRef: k,
|
|
1060
1025
|
onFocus: function e() {
|
|
1061
|
-
y(C,
|
|
1026
|
+
y(C, k);
|
|
1062
1027
|
}
|
|
1063
1028
|
});
|
|
1064
1029
|
}
|
|
@@ -1076,9 +1041,9 @@
|
|
|
1076
1041
|
content: l
|
|
1077
1042
|
});
|
|
1078
1043
|
}
|
|
1079
|
-
function
|
|
1080
|
-
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,
|
|
1081
|
-
var P = y()(Array(
|
|
1044
|
+
function se(e) {
|
|
1045
|
+
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, k = e.path, x = k === void 0 ? [] : k, C = e.shift, T = e.updateShift;
|
|
1046
|
+
var P = y()(Array(s), j()(" ", f));
|
|
1082
1047
|
var R;
|
|
1083
1048
|
var K;
|
|
1084
1049
|
var _ = function e() {
|
|
@@ -1114,7 +1079,7 @@
|
|
|
1114
1079
|
var a = n !== undefined ? [].concat(oe(x), [ n ]) : oe(x);
|
|
1115
1080
|
var i = ".".concat(a.join("."));
|
|
1116
1081
|
(t = R) === null || t === void 0 ? void 0 : (o = t.current) === null || o === void 0 ? void 0 : o.focus();
|
|
1117
|
-
|
|
1082
|
+
m === null || m === void 0 ? void 0 : m(r, {
|
|
1118
1083
|
key: i,
|
|
1119
1084
|
keyPath: a,
|
|
1120
1085
|
value: r.target.textContent
|
|
@@ -1128,7 +1093,7 @@
|
|
|
1128
1093
|
r.stopPropagation();
|
|
1129
1094
|
(i = K.current) === null || i === void 0 ? void 0 : i.focus();
|
|
1130
1095
|
}
|
|
1131
|
-
if (a === "right" &&
|
|
1096
|
+
if (a === "right" && m && ((o = R) === null || o === void 0 ? void 0 : o.current) && n) {
|
|
1132
1097
|
var l;
|
|
1133
1098
|
r.stopPropagation();
|
|
1134
1099
|
(l = R.current) === null || l === void 0 ? void 0 : l.focus();
|
|
@@ -1178,26 +1143,26 @@
|
|
|
1178
1143
|
}
|
|
1179
1144
|
} else if (g()(t)) {
|
|
1180
1145
|
// isObject is true for arrays
|
|
1181
|
-
c =
|
|
1146
|
+
c = b()(t) ? "[]" : "{}";
|
|
1182
1147
|
} else {
|
|
1183
|
-
c =
|
|
1148
|
+
c = se({
|
|
1184
1149
|
defaultOpen: a === true,
|
|
1185
1150
|
expandChildren: a,
|
|
1186
1151
|
expandChildrenOnShiftKey: u,
|
|
1187
1152
|
onClickKey: p,
|
|
1188
|
-
onClickValue:
|
|
1153
|
+
onClickValue: m,
|
|
1189
1154
|
overflow: S,
|
|
1190
1155
|
obj: t,
|
|
1191
1156
|
path: o !== undefined ? [].concat(oe(x), [ o ]) : oe(x),
|
|
1192
|
-
indentLevel:
|
|
1157
|
+
indentLevel: s + 1,
|
|
1193
1158
|
shift: C,
|
|
1194
1159
|
updateShift: T
|
|
1195
1160
|
});
|
|
1196
1161
|
}
|
|
1197
|
-
if (l()(c) ||
|
|
1162
|
+
if (l()(c) || w()(c)) {
|
|
1198
1163
|
var f = t === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
|
|
1199
1164
|
te(t);
|
|
1200
|
-
if (
|
|
1165
|
+
if (m) {
|
|
1201
1166
|
return {
|
|
1202
1167
|
representation: r().createElement(Q, {
|
|
1203
1168
|
elementRef: i,
|
|
@@ -1247,11 +1212,11 @@
|
|
|
1247
1212
|
propertyElement: r().createElement("span", null, r().createElement(Z, null, n), ":", " ")
|
|
1248
1213
|
};
|
|
1249
1214
|
};
|
|
1250
|
-
if (O()(
|
|
1251
|
-
var J = I()(
|
|
1252
|
-
var o =
|
|
1215
|
+
if (O()(v) && !g()(v) || b()(v) && v.length > 0) {
|
|
1216
|
+
var J = I()(v).map((function(e, n, t) {
|
|
1217
|
+
var o = v[e];
|
|
1253
1218
|
// TS: should be safe based on (recursive) JSONElement type
|
|
1254
|
-
var a =
|
|
1219
|
+
var a = b()(v) ? parseInt(e, 10) : e;
|
|
1255
1220
|
var i = x.length === 0 ? ".".concat(a) : ".".concat(x.join("."), ".").concat(a);
|
|
1256
1221
|
|
|
1257
1222
|
return r().createElement(fe, {
|
|
@@ -1262,7 +1227,7 @@
|
|
|
1262
1227
|
index: n,
|
|
1263
1228
|
value: o,
|
|
1264
1229
|
properties: t,
|
|
1265
|
-
obj:
|
|
1230
|
+
obj: v,
|
|
1266
1231
|
renderValue: F,
|
|
1267
1232
|
renderKey: $,
|
|
1268
1233
|
getInitialOpenState: _,
|
|
@@ -1275,7 +1240,7 @@
|
|
|
1275
1240
|
});
|
|
1276
1241
|
}));
|
|
1277
1242
|
if (x.length === 0) {
|
|
1278
|
-
var U = O()(
|
|
1243
|
+
var U = O()(v) && !g()(v) || b()(v) && v.length > 0;
|
|
1279
1244
|
|
|
1280
1245
|
return r().createElement(M, {
|
|
1281
1246
|
id: "root",
|
|
@@ -1283,7 +1248,7 @@
|
|
|
1283
1248
|
key: ".",
|
|
1284
1249
|
hasChildren: U,
|
|
1285
1250
|
initialOpenState: t,
|
|
1286
|
-
value:
|
|
1251
|
+
value: v,
|
|
1287
1252
|
index: 0,
|
|
1288
1253
|
renderExpandLink: q,
|
|
1289
1254
|
representation: J
|
|
@@ -1291,103 +1256,95 @@
|
|
|
1291
1256
|
}
|
|
1292
1257
|
return J;
|
|
1293
1258
|
}
|
|
1294
|
-
|
|
1259
|
+
// edge case: a single number/string/boolean being rendered (still valid JSON)
|
|
1295
1260
|
|
|
1296
1261
|
return r().createElement(de, {
|
|
1297
|
-
obj:
|
|
1262
|
+
obj: v,
|
|
1298
1263
|
renderValue: F
|
|
1299
1264
|
});
|
|
1300
1265
|
}
|
|
1301
1266
|
// CONCATENATED MODULE: ./src/JSONTree/JSONTree.tsx
|
|
1302
|
-
function
|
|
1303
|
-
|
|
1267
|
+
function ve() {
|
|
1268
|
+
return ve = Object.assign ? Object.assign.bind() : function(e) {
|
|
1304
1269
|
for (var r = 1; r < arguments.length; r++) {
|
|
1305
1270
|
var n = arguments[r];
|
|
1306
1271
|
for (var t in n) {
|
|
1307
|
-
|
|
1308
|
-
e[t] = n[t];
|
|
1309
|
-
}
|
|
1272
|
+
({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
|
|
1310
1273
|
}
|
|
1311
1274
|
}
|
|
1312
1275
|
return e;
|
|
1313
|
-
};
|
|
1314
|
-
return se.apply(this, arguments);
|
|
1276
|
+
}, ve.apply(null, arguments);
|
|
1315
1277
|
}
|
|
1316
1278
|
function pe(e, r) {
|
|
1317
|
-
return ge(e) || he(e, r) ||
|
|
1279
|
+
return ge(e) || he(e, r) || me(e, r) || ye();
|
|
1318
1280
|
}
|
|
1319
1281
|
function ye() {
|
|
1320
1282
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
1321
1283
|
}
|
|
1322
|
-
function be(e, r) {
|
|
1323
|
-
if (!e) return;
|
|
1324
|
-
if (typeof e === "string") return me(e, r);
|
|
1325
|
-
var n = Object.prototype.toString.call(e).slice(8, -1);
|
|
1326
|
-
if (n === "Object" && e.constructor) n = e.constructor.name;
|
|
1327
|
-
if (n === "Map" || n === "Set") return Array.from(e);
|
|
1328
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return me(e, r);
|
|
1329
|
-
}
|
|
1330
1284
|
function me(e, r) {
|
|
1331
|
-
if (
|
|
1332
|
-
|
|
1285
|
+
if (e) {
|
|
1286
|
+
if ("string" == typeof e) return be(e, r);
|
|
1287
|
+
var n = {}.toString.call(e).slice(8, -1);
|
|
1288
|
+
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;
|
|
1289
|
+
}
|
|
1290
|
+
}
|
|
1291
|
+
function be(e, r) {
|
|
1292
|
+
(null == r || r > e.length) && (r = e.length);
|
|
1293
|
+
for (var n = 0, t = Array(r); n < r; n++) {
|
|
1333
1294
|
t[n] = e[n];
|
|
1334
1295
|
}
|
|
1335
1296
|
return t;
|
|
1336
1297
|
}
|
|
1337
1298
|
function he(e, r) {
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
var o = false;
|
|
1342
|
-
var a = undefined;
|
|
1343
|
-
try {
|
|
1344
|
-
for (var i = e[Symbol.iterator](), l; !(t = (l = i.next()).done); t = true) {
|
|
1345
|
-
n.push(l.value);
|
|
1346
|
-
if (r && n.length === r) break;
|
|
1347
|
-
}
|
|
1348
|
-
} catch (e) {
|
|
1349
|
-
o = true;
|
|
1350
|
-
a = e;
|
|
1351
|
-
} finally {
|
|
1299
|
+
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
1300
|
+
if (null != n) {
|
|
1301
|
+
var t, o, a, i, l = [], u = !0, c = !1;
|
|
1352
1302
|
try {
|
|
1353
|
-
if (
|
|
1303
|
+
if (a = (n = n.call(e)).next, 0 === r) {
|
|
1304
|
+
if (Object(n) !== n) return;
|
|
1305
|
+
u = !1;
|
|
1306
|
+
} else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
|
|
1307
|
+
}
|
|
1308
|
+
} catch (e) {
|
|
1309
|
+
c = !0, o = e;
|
|
1354
1310
|
} finally {
|
|
1355
|
-
|
|
1311
|
+
try {
|
|
1312
|
+
if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
|
|
1313
|
+
} finally {
|
|
1314
|
+
if (c) throw o;
|
|
1315
|
+
}
|
|
1356
1316
|
}
|
|
1317
|
+
return l;
|
|
1357
1318
|
}
|
|
1358
|
-
return n;
|
|
1359
1319
|
}
|
|
1360
1320
|
function ge(e) {
|
|
1361
1321
|
if (Array.isArray(e)) return e;
|
|
1362
1322
|
}
|
|
1363
1323
|
function Se(e, r) {
|
|
1364
|
-
if (
|
|
1365
|
-
var n =
|
|
1366
|
-
var t, o;
|
|
1324
|
+
if (null == e) return {};
|
|
1325
|
+
var n, t, o = we(e, r);
|
|
1367
1326
|
if (Object.getOwnPropertySymbols) {
|
|
1368
1327
|
var a = Object.getOwnPropertySymbols(e);
|
|
1369
|
-
for (
|
|
1370
|
-
|
|
1371
|
-
if (r.indexOf(t) >= 0) continue;
|
|
1372
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
|
|
1373
|
-
n[t] = e[t];
|
|
1328
|
+
for (t = 0; t < a.length; t++) {
|
|
1329
|
+
n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
1374
1330
|
}
|
|
1375
1331
|
}
|
|
1376
|
-
return
|
|
1332
|
+
return o;
|
|
1377
1333
|
}
|
|
1378
|
-
function
|
|
1379
|
-
if (
|
|
1334
|
+
function we(e, r) {
|
|
1335
|
+
if (null == e) return {};
|
|
1380
1336
|
var n = {};
|
|
1381
|
-
var t
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
n[o] = e[o];
|
|
1337
|
+
for (var t in e) {
|
|
1338
|
+
if ({}.hasOwnProperty.call(e, t)) {
|
|
1339
|
+
if (r.includes(t)) continue;
|
|
1340
|
+
n[t] = e[t];
|
|
1341
|
+
}
|
|
1387
1342
|
}
|
|
1388
1343
|
return n;
|
|
1389
1344
|
}
|
|
1390
|
-
|
|
1345
|
+
/** @public */
|
|
1346
|
+
/** @public */
|
|
1347
|
+
/** @public */ var ke = {
|
|
1391
1348
|
elementRef: a().oneOfType([ a().func, a().object ]),
|
|
1392
1349
|
expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
|
|
1393
1350
|
indent: a().number,
|
|
@@ -1400,26 +1357,26 @@
|
|
|
1400
1357
|
/**
|
|
1401
1358
|
* Used to visualize a JSON string.
|
|
1402
1359
|
*/ function Oe(n) {
|
|
1403
|
-
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,
|
|
1360
|
+
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" ]);
|
|
1404
1361
|
// @docs-props-type JSONTreePropsBase
|
|
1405
1362
|
var g = l()(c) ? JSON.parse(c) : c;
|
|
1406
|
-
var S = y === "wrap" ?
|
|
1407
|
-
var
|
|
1363
|
+
var S = y === "wrap" ? v : s;
|
|
1364
|
+
var w = (0, e.useState)(undefined), k = pe(w, 2), O = k[0], x = k[1];
|
|
1408
1365
|
var I = function e(r) {
|
|
1409
1366
|
x(r);
|
|
1410
1367
|
};
|
|
1411
1368
|
|
|
1412
|
-
return r().createElement(S,
|
|
1369
|
+
return r().createElement(S, ve({
|
|
1413
1370
|
"data-language": "language-json",
|
|
1414
1371
|
"data-test": "json-tree",
|
|
1415
1372
|
ref: t,
|
|
1416
1373
|
role: "tree"
|
|
1417
1374
|
}, h), r().createElement(T["default"], {
|
|
1418
1375
|
defaultIndent: false
|
|
1419
|
-
},
|
|
1376
|
+
}, se({
|
|
1420
1377
|
defaultOpen: true,
|
|
1421
1378
|
expandChildren: a,
|
|
1422
|
-
expandChildrenOnShiftKey:
|
|
1379
|
+
expandChildrenOnShiftKey: b,
|
|
1423
1380
|
indent: u,
|
|
1424
1381
|
obj: g,
|
|
1425
1382
|
onClickKey: f,
|
|
@@ -1429,7 +1386,7 @@
|
|
|
1429
1386
|
updateShift: I
|
|
1430
1387
|
})));
|
|
1431
1388
|
}
|
|
1432
|
-
Oe.propTypes =
|
|
1389
|
+
Oe.propTypes = ke;
|
|
1433
1390
|
/* harmony default export */ const xe = Oe;
|
|
1434
1391
|
}) // CONCATENATED MODULE: ./src/JSONTree/index.ts
|
|
1435
1392
|
();
|