@splunk/react-ui 4.44.1 → 4.46.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/CHANGELOG.md +14 -0
- package/Code.js +210 -180
- package/Concertina.js +357 -232
- package/File.js +404 -279
- package/JSONTree.js +50 -50
- package/Layer.js +149 -84
- package/Multiselect.js +437 -433
- package/Popover.js +150 -146
- package/Resize.js +234 -109
- package/ResultsMenu.js +49 -45
- package/ScrollContainerContext.js +13 -9
- package/Select.js +278 -274
- package/Slider.js +351 -226
- package/Table.js +1031 -990
- package/TextArea.js +526 -401
- package/Tree.js +43 -43
- package/package.json +4 -4
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/Table/HeadCell.d.ts +4 -0
- package/types/src/Table/HeadInner.d.ts +3 -1
- package/types/src/Tree/{TreeItem.d.ts → Item.d.ts} +3 -3
- package/types/src/Tree/Tree.d.ts +3 -4
- package/types/src/Tree/TreeContext.d.ts +1 -1
- package/types/src/Tree/index.d.ts +1 -1
package/JSONTree.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
// webpackBootstrap
|
|
3
3
|
/******/ "use strict";
|
|
4
4
|
/******/ var e = {
|
|
5
|
-
/***/
|
|
5
|
+
/***/ 9058:
|
|
6
6
|
/***/ (e, r, n) => {
|
|
7
7
|
// EXPORTS
|
|
8
8
|
n.d(r, {
|
|
9
9
|
default: () => /* reexport */ ne
|
|
10
10
|
});
|
|
11
|
-
// UNUSED EXPORTS:
|
|
11
|
+
// UNUSED EXPORTS: Item
|
|
12
12
|
// EXTERNAL MODULE: external "react"
|
|
13
13
|
var t = n(9497);
|
|
14
14
|
var o = n.n(t);
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
var d = n.n(f);
|
|
28
28
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
29
29
|
var s = n(3563);
|
|
30
|
-
// CONCATENATED MODULE: ./src/Tree/
|
|
30
|
+
// CONCATENATED MODULE: ./src/Tree/ItemStyles.ts
|
|
31
31
|
var v = d().span.withConfig({
|
|
32
|
-
displayName: "
|
|
33
|
-
componentId: "
|
|
32
|
+
displayName: "ItemStyles__StyledTreeItemContent",
|
|
33
|
+
componentId: "sc-1ig9nmy-0"
|
|
34
34
|
})([ "font-family:inherit;" ]);
|
|
35
35
|
var p = d().span.withConfig({
|
|
36
|
-
displayName: "
|
|
37
|
-
componentId: "
|
|
36
|
+
displayName: "ItemStyles__StyledTreeItemNode",
|
|
37
|
+
componentId: "sc-1ig9nmy-1"
|
|
38
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({
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
var r = e.$defaultIndent;
|
|
45
45
|
return r && (0, f.css)([ "padding-left:", ";" ], s.variables.spacingXXXLarge);
|
|
46
46
|
}));
|
|
47
|
-
// CONCATENATED MODULE: ./src/Tree/
|
|
47
|
+
// CONCATENATED MODULE: ./src/Tree/Item.tsx
|
|
48
48
|
function m() {
|
|
49
49
|
return m = Object.assign ? Object.assign.bind() : function(e) {
|
|
50
50
|
for (var r = 1; r < arguments.length; r++) {
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}, m.apply(null, arguments);
|
|
58
58
|
}
|
|
59
59
|
function b(e, r) {
|
|
60
|
-
return
|
|
60
|
+
return w(e) || k(e, r) || g(e, r) || h();
|
|
61
61
|
}
|
|
62
62
|
function h() {
|
|
63
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.");
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
}
|
|
77
77
|
return t;
|
|
78
78
|
}
|
|
79
|
-
function
|
|
79
|
+
function k(e, r) {
|
|
80
80
|
var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
81
81
|
if (null != n) {
|
|
82
82
|
var t, o, a, i, l = [], u = !0, c = !1;
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
return l;
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
function
|
|
101
|
+
function w(e) {
|
|
102
102
|
if (Array.isArray(e)) return e;
|
|
103
103
|
}
|
|
104
104
|
function O(e, r) {
|
|
@@ -137,8 +137,8 @@
|
|
|
137
137
|
toggle: i().node
|
|
138
138
|
};
|
|
139
139
|
function C(e) {
|
|
140
|
-
var r = e.id, n = e.children, a = e.content, i = e.customIndent, l = e.endAdornment, u = e.labelledBy, f = e.onFocus, d = e.onKeyDown, s = e.onToggle, h = e.open, g = h === void 0 ? true : h, S = e.toggle,
|
|
141
|
-
var
|
|
140
|
+
var r = e.id, n = e.children, a = e.content, i = e.customIndent, l = e.endAdornment, u = e.labelledBy, f = e.onFocus, d = e.onKeyDown, s = e.onToggle, h = e.open, g = h === void 0 ? true : h, S = e.toggle, k = O(e, [ "id", "children", "content", "customIndent", "endAdornment", "labelledBy", "onFocus", "onKeyDown", "onToggle", "open", "toggle" ]);
|
|
141
|
+
var w = (0, t.useContext)(c), x = w.defaultIndent, I = x === void 0 ? true : x, C = w.onItemKeyDown, j = w.onItemClick, E = w.removeNode, A = w.setNode, T = w.itemPaths, P = w.focusedItemId;
|
|
142
142
|
var R = (0, t.useState)(g), K = b(R, 2), _ = K[0], D = K[1];
|
|
143
143
|
// make first tree item tabbable
|
|
144
144
|
var N = (0, t.useState)((T === null || T === void 0 ? void 0 : T.get("".concat(r))) === "0" ? 0 : -1), V = b(N, 2), L = V[0], q = V[1];
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
var X = function e(r) {
|
|
182
182
|
r.stopPropagation();
|
|
183
183
|
};
|
|
184
|
-
var
|
|
184
|
+
var W = function e(n) {
|
|
185
185
|
n.stopPropagation();
|
|
186
186
|
// Used to ensure first item in Tree is tab navigable, i.e. in JSONTree when focus is manually set to the root item,
|
|
187
187
|
// this allows user to tab backwards to previous item. Tab index is reset to 0 onBlur.
|
|
@@ -191,7 +191,7 @@
|
|
|
191
191
|
C === null || C === void 0 ? void 0 : C(n, r, _, $, J);
|
|
192
192
|
d === null || d === void 0 ? void 0 : d(n);
|
|
193
193
|
};
|
|
194
|
-
var
|
|
194
|
+
var z = function e() {
|
|
195
195
|
if (!S) {
|
|
196
196
|
return undefined;
|
|
197
197
|
}
|
|
@@ -207,12 +207,12 @@
|
|
|
207
207
|
});
|
|
208
208
|
};
|
|
209
209
|
|
|
210
|
-
return o().createElement("li", m({},
|
|
210
|
+
return o().createElement("li", m({}, k, {
|
|
211
211
|
ref: M,
|
|
212
212
|
tabIndex: L,
|
|
213
213
|
onBlur: H,
|
|
214
214
|
onFocus: B,
|
|
215
|
-
onKeyDown:
|
|
215
|
+
onKeyDown: W,
|
|
216
216
|
role: "treeitem",
|
|
217
217
|
"aria-labelledby": u,
|
|
218
218
|
"aria-expanded": $.length ? _ : undefined
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
tabIndex: -1,
|
|
222
222
|
onFocus: X,
|
|
223
223
|
onClick: U
|
|
224
|
-
}, o().createElement(v, null, a),
|
|
224
|
+
}, o().createElement(v, null, a), z(), !_ && l), _ && o().createElement(o().Fragment, null, o().createElement(y, {
|
|
225
225
|
role: "group",
|
|
226
226
|
$defaultIndent: I
|
|
227
227
|
}, n), l));
|
|
@@ -420,19 +420,19 @@
|
|
|
420
420
|
}, B.apply(null, arguments);
|
|
421
421
|
}
|
|
422
422
|
function H(e, r) {
|
|
423
|
-
return Q(e) || G(e, r) ||
|
|
423
|
+
return Q(e) || G(e, r) || W(e, r) || X();
|
|
424
424
|
}
|
|
425
425
|
function X() {
|
|
426
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.");
|
|
427
427
|
}
|
|
428
|
-
function
|
|
428
|
+
function W(e, r) {
|
|
429
429
|
if (e) {
|
|
430
|
-
if ("string" == typeof e) return
|
|
430
|
+
if ("string" == typeof e) return z(e, r);
|
|
431
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) ?
|
|
432
|
+
return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? z(e, r) : void 0;
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
|
-
function
|
|
435
|
+
function z(e, r) {
|
|
436
436
|
(null == r || r > e.length) && (r = e.length);
|
|
437
437
|
for (var n = 0, t = Array(r); n < r; n++) {
|
|
438
438
|
t[n] = e[n];
|
|
@@ -582,7 +582,7 @@
|
|
|
582
582
|
}, i), r));
|
|
583
583
|
}
|
|
584
584
|
re.propTypes = ee;
|
|
585
|
-
re.
|
|
585
|
+
re.Item = j;
|
|
586
586
|
/* harmony default export */ const ne = re;
|
|
587
587
|
} // CONCATENATED MODULE: ./src/Tree/index.ts
|
|
588
588
|
/***/ ,
|
|
@@ -731,10 +731,10 @@
|
|
|
731
731
|
var g = n.n(h);
|
|
732
732
|
// CONCATENATED MODULE: external "lodash/isNumber"
|
|
733
733
|
const S = require("lodash/isNumber");
|
|
734
|
-
var
|
|
734
|
+
var k = n.n(S);
|
|
735
735
|
// CONCATENATED MODULE: external "lodash/isObject"
|
|
736
|
-
const
|
|
737
|
-
var O = n.n(
|
|
736
|
+
const w = require("lodash/isObject");
|
|
737
|
+
var O = n.n(w);
|
|
738
738
|
// CONCATENATED MODULE: external "lodash/keys"
|
|
739
739
|
const x = require("lodash/keys");
|
|
740
740
|
var I = n.n(x);
|
|
@@ -746,7 +746,7 @@
|
|
|
746
746
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
747
747
|
var A = n(5295);
|
|
748
748
|
// EXTERNAL MODULE: ./src/Tree/index.ts + 6 modules
|
|
749
|
-
var T = n(
|
|
749
|
+
var T = n(9058);
|
|
750
750
|
// CONCATENATED MODULE: ./src/JSONTree/JSONTreeItem.tsx
|
|
751
751
|
function P() {
|
|
752
752
|
return P = Object.assign ? Object.assign.bind() : function(e) {
|
|
@@ -842,9 +842,9 @@
|
|
|
842
842
|
};
|
|
843
843
|
function M(n) {
|
|
844
844
|
var t = n.clickableKeyRef, o = n.clickableValRef, a = n.hasChildren, i = n.indentArray, l = n.index, u = n.initialOpenState, c = n.onFocus, f = n.properties, d = n.propertyDataPath, s = n.propertyElement, v = n.renderExpandLink, p = n.representation, y = n.value, m = L(n, [ "clickableKeyRef", "clickableValRef", "hasChildren", "indentArray", "index", "initialOpenState", "onFocus", "properties", "propertyDataPath", "propertyElement", "renderExpandLink", "representation", "value" ]);
|
|
845
|
-
var h = (0, e.useState)(u), g = R(h, 2), S = g[0],
|
|
846
|
-
var
|
|
847
|
-
|
|
845
|
+
var h = (0, e.useState)(u), g = R(h, 2), S = g[0], k = g[1];
|
|
846
|
+
var w = function e(r) {
|
|
847
|
+
k(r);
|
|
848
848
|
};
|
|
849
849
|
var O = (0, e.useRef)(null);
|
|
850
850
|
var x = v ? v({
|
|
@@ -856,7 +856,7 @@
|
|
|
856
856
|
}, I = x.expandLink;
|
|
857
857
|
var C = (f === null || f === void 0 ? void 0 : f.length) && l + 1 < (f === null || f === void 0 ? void 0 : f.length) ? "," : null;
|
|
858
858
|
|
|
859
|
-
return r().createElement(T["default"].
|
|
859
|
+
return r().createElement(T["default"].Item, P({
|
|
860
860
|
content: r().createElement(r().Fragment, null, s, a && (b()(y) ? "[" : "{"), !a && r().createElement(r().Fragment, null, p, C)),
|
|
861
861
|
customIndent: i,
|
|
862
862
|
"data-test": a ? "node" : null,
|
|
@@ -883,7 +883,7 @@
|
|
|
883
883
|
n.focus();
|
|
884
884
|
}
|
|
885
885
|
},
|
|
886
|
-
onToggle:
|
|
886
|
+
onToggle: w,
|
|
887
887
|
open: u,
|
|
888
888
|
tabIndex: 0,
|
|
889
889
|
toggle: a ? I : undefined
|
|
@@ -905,22 +905,22 @@
|
|
|
905
905
|
object: f.variables.contentColorDefault
|
|
906
906
|
};
|
|
907
907
|
var X = (0, u.css)([ "word-break:break-word;word-wrap:break-word;" ]);
|
|
908
|
-
var
|
|
909
|
-
var
|
|
908
|
+
var W = (0, u.css)([ "white-space:nowrap;" ]);
|
|
909
|
+
var z = (0, u.css)([ "color:", ";", ";" ], (function(e) {
|
|
910
910
|
var r = e.valueType;
|
|
911
911
|
return H[r];
|
|
912
912
|
}), (function(e) {
|
|
913
913
|
var r = e.overflowType;
|
|
914
|
-
return r === "wrap" ? X :
|
|
914
|
+
return r === "wrap" ? X : W;
|
|
915
915
|
}));
|
|
916
916
|
var G = c().span.withConfig({
|
|
917
917
|
displayName: "JSONTreeItemStyles__StyledValue",
|
|
918
918
|
componentId: "o558h3-0"
|
|
919
|
-
})([ "", "" ],
|
|
919
|
+
})([ "", "" ], z);
|
|
920
920
|
var Q = c()(J()).withConfig({
|
|
921
921
|
displayName: "JSONTreeItemStyles__StyledValueInteractiveClickable",
|
|
922
922
|
componentId: "o558h3-1"
|
|
923
|
-
})([ "", " font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ],
|
|
923
|
+
})([ "", " font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}" ], z, f.variables.focusColor, (0,
|
|
924
924
|
f.pick)({
|
|
925
925
|
enterprise: f.variables.backgroundColorHover,
|
|
926
926
|
prisma: f.variables.interactiveColorOverlayHover
|
|
@@ -1007,7 +1007,7 @@
|
|
|
1007
1007
|
key: o,
|
|
1008
1008
|
value: i,
|
|
1009
1009
|
clickValueRef: m
|
|
1010
|
-
}),
|
|
1010
|
+
}), k = S.representation, w = S.clickableValRef;
|
|
1011
1011
|
var x = !b()(c) ? d(o, h) : {
|
|
1012
1012
|
propertyElement: undefined,
|
|
1013
1013
|
clickableKeyRef: undefined
|
|
@@ -1020,16 +1020,16 @@
|
|
|
1020
1020
|
propertyElement: I,
|
|
1021
1021
|
hasChildren: j,
|
|
1022
1022
|
initialOpenState: s(),
|
|
1023
|
-
representation:
|
|
1023
|
+
representation: k,
|
|
1024
1024
|
indentArray: v,
|
|
1025
1025
|
value: i,
|
|
1026
1026
|
index: a,
|
|
1027
1027
|
properties: l,
|
|
1028
1028
|
renderExpandLink: p,
|
|
1029
1029
|
clickableKeyRef: C,
|
|
1030
|
-
clickableValRef:
|
|
1030
|
+
clickableValRef: w,
|
|
1031
1031
|
onFocus: function e() {
|
|
1032
|
-
y(C,
|
|
1032
|
+
y(C, w);
|
|
1033
1033
|
}
|
|
1034
1034
|
});
|
|
1035
1035
|
}
|
|
@@ -1041,14 +1041,14 @@
|
|
|
1041
1041
|
clickValueRef: a
|
|
1042
1042
|
}), l = i.representation;
|
|
1043
1043
|
|
|
1044
|
-
return r().createElement(T["default"].
|
|
1044
|
+
return r().createElement(T["default"].Item, {
|
|
1045
1045
|
id: "0",
|
|
1046
1046
|
"data-test-path": ".",
|
|
1047
1047
|
content: l
|
|
1048
1048
|
});
|
|
1049
1049
|
}
|
|
1050
1050
|
function se(e) {
|
|
1051
|
-
var n = e.defaultOpen, t = n === void 0 ? false : n, o = e.expandChildren, a = o === void 0 ? false : o, i = e.expandChildrenOnShiftKey, u = i === void 0 ? false : i, c = e.indent, f = c === void 0 ? 4 : c, d = e.indentLevel, s = d === void 0 ? 1 : d, v = e.obj, p = e.onClickKey, m = e.onClickValue, h = e.overflow, S = h === void 0 ? "scroll" : h,
|
|
1051
|
+
var n = e.defaultOpen, t = n === void 0 ? false : n, o = e.expandChildren, a = o === void 0 ? false : o, i = e.expandChildrenOnShiftKey, u = i === void 0 ? false : i, c = e.indent, f = c === void 0 ? 4 : c, d = e.indentLevel, s = d === void 0 ? 1 : d, v = e.obj, p = e.onClickKey, m = e.onClickValue, h = e.overflow, S = h === void 0 ? "scroll" : h, w = e.path, x = w === void 0 ? [] : w, C = e.shift, T = e.updateShift;
|
|
1052
1052
|
var P = y()(Array(s), j()(" ", f));
|
|
1053
1053
|
var R;
|
|
1054
1054
|
var K;
|
|
@@ -1165,7 +1165,7 @@
|
|
|
1165
1165
|
updateShift: T
|
|
1166
1166
|
});
|
|
1167
1167
|
}
|
|
1168
|
-
if (l()(c) ||
|
|
1168
|
+
if (l()(c) || k()(c)) {
|
|
1169
1169
|
var f = t === null ? "null" : // TS: bigint, function, symbol are prevented by JSONElement type
|
|
1170
1170
|
te(t);
|
|
1171
1171
|
if (m) {
|
|
@@ -1328,7 +1328,7 @@
|
|
|
1328
1328
|
}
|
|
1329
1329
|
function Se(e, r) {
|
|
1330
1330
|
if (null == e) return {};
|
|
1331
|
-
var n, t, o =
|
|
1331
|
+
var n, t, o = ke(e, r);
|
|
1332
1332
|
if (Object.getOwnPropertySymbols) {
|
|
1333
1333
|
var a = Object.getOwnPropertySymbols(e);
|
|
1334
1334
|
for (t = 0; t < a.length; t++) {
|
|
@@ -1337,7 +1337,7 @@
|
|
|
1337
1337
|
}
|
|
1338
1338
|
return o;
|
|
1339
1339
|
}
|
|
1340
|
-
function
|
|
1340
|
+
function ke(e, r) {
|
|
1341
1341
|
if (null == e) return {};
|
|
1342
1342
|
var n = {};
|
|
1343
1343
|
for (var t in e) {
|
|
@@ -1350,7 +1350,7 @@
|
|
|
1350
1350
|
}
|
|
1351
1351
|
/** @public */
|
|
1352
1352
|
/** @public */
|
|
1353
|
-
/** @public */ var
|
|
1353
|
+
/** @public */ var we = {
|
|
1354
1354
|
elementRef: a().oneOfType([ a().func, a().object ]),
|
|
1355
1355
|
expandChildren: a().oneOfType([ a().bool, a().oneOf([ "withShiftModifier" ]) ]),
|
|
1356
1356
|
indent: a().number,
|
|
@@ -1367,7 +1367,7 @@
|
|
|
1367
1367
|
// @docs-props-type JSONTreePropsBase
|
|
1368
1368
|
var g = l()(c) ? JSON.parse(c) : c;
|
|
1369
1369
|
var S = y === "wrap" ? v : s;
|
|
1370
|
-
var
|
|
1370
|
+
var k = (0, e.useState)(undefined), w = pe(k, 2), O = w[0], x = w[1];
|
|
1371
1371
|
var I = function e(r) {
|
|
1372
1372
|
x(r);
|
|
1373
1373
|
};
|
|
@@ -1392,7 +1392,7 @@
|
|
|
1392
1392
|
updateShift: I
|
|
1393
1393
|
})));
|
|
1394
1394
|
}
|
|
1395
|
-
Oe.propTypes =
|
|
1395
|
+
Oe.propTypes = we;
|
|
1396
1396
|
/* harmony default export */ const xe = Oe;
|
|
1397
1397
|
}) // CONCATENATED MODULE: ./src/JSONTree/index.ts
|
|
1398
1398
|
();
|