@splunk/react-ui 5.3.0 → 5.4.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 +31 -31
- package/Avatar.js +13 -13
- package/Breadcrumbs.js +66 -63
- package/ButtonSimple.js +52 -52
- package/CHANGELOG.md +16 -0
- package/CardLayout.js +39 -36
- package/Clickable.js +5 -6
- package/Code.js +424 -528
- package/CollapsiblePanel.js +1 -1
- package/Color.js +903 -1025
- package/DefinitionList.js +1 -1
- package/FormRows.js +13 -11
- package/JSONTree.js +682 -1408
- package/Link.js +5 -5
- package/Markdown.js +9 -5
- package/Menu.js +72 -67
- package/Multiselect.js +2692 -2780
- package/Popover.js +201 -196
- package/Resize.js +11 -8
- package/ResultsMenu.js +913 -1030
- package/ScreenReaderContent.js +86 -130
- package/Scroll.js +366 -425
- package/Select.js +1741 -1832
- package/Slider.js +1 -1
- package/SlidingPanels.js +129 -127
- package/StepBar.js +123 -97
- package/Switch.js +115 -111
- package/TabBar.js +10 -10
- package/Table.js +1239 -1240
- package/TextArea.js +596 -684
- package/Tree.js +638 -682
- package/package.json +11 -11
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
- package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
- package/types/src/Breadcrumbs/Item.d.ts +1 -1
- package/types/src/ButtonSimple/mixin.d.ts +1 -1
- package/types/src/JSONTree/JSONTreeItem.d.ts +1 -1
- package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
- package/types/src/Modal/ModalContext.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +2 -2
- package/types/src/Multiselect/Normal.d.ts +2 -2
- package/types/src/Number/utils.d.ts +1 -1
- package/types/src/Popover/getPlacement.d.ts +1 -1
- package/types/src/RadioList/Option.d.ts +1 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -1
- package/types/src/StepBar/StepBar.d.ts +4 -1
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
- package/types/src/Switch/Switch.d.ts +7 -1
- package/types/src/TabBar/Tab.d.ts +3 -1
- package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
- package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
- package/types/src/TabLayout/Panel.d.ts +2 -0
- package/types/src/Table/Head.d.ts +1 -1
- package/types/src/Table/Row.d.ts +1 -1
- package/types/src/Table/Table.d.ts +1 -0
- package/types/src/Tree/TreeContext.d.ts +1 -1
- package/useControlled.js +61 -97
- package/usePrevious.js +30 -62
- package/useResizeObserver.js +95 -127
package/usePrevious.js
CHANGED
|
@@ -1,48 +1,19 @@
|
|
|
1
1
|
/******/ (() => {
|
|
2
2
|
// webpackBootstrap
|
|
3
3
|
/******/ "use strict";
|
|
4
|
-
/******/
|
|
5
|
-
|
|
6
|
-
/***/ e => {
|
|
7
|
-
e.exports = require("react");
|
|
8
|
-
/***/
|
|
9
|
-
/******/ }
|
|
10
|
-
};
|
|
11
|
-
/************************************************************************/
|
|
12
|
-
/******/ // The module cache
|
|
13
|
-
/******/ var r = {};
|
|
14
|
-
/******/
|
|
15
|
-
/******/ // The require function
|
|
16
|
-
/******/ function t(o) {
|
|
17
|
-
/******/ // Check if module is in cache
|
|
18
|
-
/******/ var n = r[o];
|
|
19
|
-
/******/ if (n !== undefined) {
|
|
20
|
-
/******/ return n.exports;
|
|
21
|
-
/******/ }
|
|
22
|
-
/******/ // Create a new module (and put it into the cache)
|
|
23
|
-
/******/ var u = r[o] = {
|
|
24
|
-
/******/ // no module.id needed
|
|
25
|
-
/******/ // no module.loaded needed
|
|
26
|
-
/******/ exports: {}
|
|
27
|
-
/******/ };
|
|
28
|
-
/******/
|
|
29
|
-
/******/ // Execute the module function
|
|
30
|
-
/******/ e[o](u, u.exports, t);
|
|
31
|
-
/******/
|
|
32
|
-
/******/ // Return the exports of the module
|
|
33
|
-
/******/ return u.exports;
|
|
34
|
-
/******/ }
|
|
4
|
+
/******/ // The require scope
|
|
5
|
+
/******/ var e = {};
|
|
35
6
|
/******/
|
|
36
7
|
/************************************************************************/
|
|
37
8
|
/******/ /* webpack/runtime/define property getters */
|
|
38
9
|
/******/ (() => {
|
|
39
10
|
/******/ // define getter functions for harmony exports
|
|
40
|
-
/******/
|
|
41
|
-
/******/ for (var o in
|
|
42
|
-
/******/ if (
|
|
43
|
-
/******/ Object.defineProperty(
|
|
11
|
+
/******/ e.d = (r, t) => {
|
|
12
|
+
/******/ for (var o in t) {
|
|
13
|
+
/******/ if (e.o(t, o) && !e.o(r, o)) {
|
|
14
|
+
/******/ Object.defineProperty(r, o, {
|
|
44
15
|
enumerable: true,
|
|
45
|
-
get:
|
|
16
|
+
get: t[o]
|
|
46
17
|
});
|
|
47
18
|
/******/ }
|
|
48
19
|
/******/ }
|
|
@@ -51,14 +22,14 @@
|
|
|
51
22
|
/******/
|
|
52
23
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
53
24
|
/******/ (() => {
|
|
54
|
-
/******/
|
|
25
|
+
/******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
|
|
55
26
|
/******/;
|
|
56
27
|
})();
|
|
57
28
|
/******/
|
|
58
29
|
/******/ /* webpack/runtime/make namespace object */
|
|
59
30
|
/******/ (() => {
|
|
60
31
|
/******/ // define __esModule on exports
|
|
61
|
-
/******/
|
|
32
|
+
/******/ e.r = e => {
|
|
62
33
|
/******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
|
|
63
34
|
/******/ Object.defineProperty(e, Symbol.toStringTag, {
|
|
64
35
|
value: "Module"
|
|
@@ -70,19 +41,17 @@
|
|
|
70
41
|
/******/ };
|
|
71
42
|
/******/ })();
|
|
72
43
|
/******/
|
|
73
|
-
/************************************************************************/ var
|
|
74
|
-
//
|
|
75
|
-
(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
// CONCATENATED MODULE: ./src/usePrevious/usePrevious.tsx
|
|
85
|
-
/**
|
|
44
|
+
/************************************************************************/ var r = {};
|
|
45
|
+
// ESM COMPAT FLAG
|
|
46
|
+
e.r(r);
|
|
47
|
+
// EXPORTS
|
|
48
|
+
e.d(r, {
|
|
49
|
+
default: () => /* reexport */ n
|
|
50
|
+
});
|
|
51
|
+
// CONCATENATED MODULE: external "react"
|
|
52
|
+
const t = require("react");
|
|
53
|
+
// CONCATENATED MODULE: ./src/usePrevious/usePrevious.tsx
|
|
54
|
+
/**
|
|
86
55
|
* This is a private component not intended for use outside @splunk/react-ui
|
|
87
56
|
*
|
|
88
57
|
* Keeps the previous version of a value. Useful for emulating the "prevState"
|
|
@@ -91,15 +60,14 @@
|
|
|
91
60
|
*
|
|
92
61
|
* @param value - The value to store
|
|
93
62
|
*/
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
module.exports = o;
|
|
63
|
+
function o(e) {
|
|
64
|
+
var r = (0, t.useRef)();
|
|
65
|
+
(0, t.useEffect)((function() {
|
|
66
|
+
r.current = e;
|
|
67
|
+
}), [ e ]);
|
|
68
|
+
return r.current;
|
|
69
|
+
}
|
|
70
|
+
/* harmony default export */ const n = o;
|
|
71
|
+
// CONCATENATED MODULE: ./src/usePrevious/index.ts
|
|
72
|
+
module.exports = r;
|
|
105
73
|
/******/})();
|
package/useResizeObserver.js
CHANGED
|
@@ -1,46 +1,17 @@
|
|
|
1
1
|
/******/ (() => {
|
|
2
2
|
// webpackBootstrap
|
|
3
3
|
/******/ "use strict";
|
|
4
|
-
/******/
|
|
5
|
-
|
|
6
|
-
/***/ e => {
|
|
7
|
-
e.exports = require("react");
|
|
8
|
-
/***/
|
|
9
|
-
/******/ }
|
|
10
|
-
};
|
|
11
|
-
/************************************************************************/
|
|
12
|
-
/******/ // The module cache
|
|
13
|
-
/******/ var r = {};
|
|
14
|
-
/******/
|
|
15
|
-
/******/ // The require function
|
|
16
|
-
/******/ function t(n) {
|
|
17
|
-
/******/ // Check if module is in cache
|
|
18
|
-
/******/ var i = r[n];
|
|
19
|
-
/******/ if (i !== undefined) {
|
|
20
|
-
/******/ return i.exports;
|
|
21
|
-
/******/ }
|
|
22
|
-
/******/ // Create a new module (and put it into the cache)
|
|
23
|
-
/******/ var o = r[n] = {
|
|
24
|
-
/******/ // no module.id needed
|
|
25
|
-
/******/ // no module.loaded needed
|
|
26
|
-
/******/ exports: {}
|
|
27
|
-
/******/ };
|
|
28
|
-
/******/
|
|
29
|
-
/******/ // Execute the module function
|
|
30
|
-
/******/ e[n](o, o.exports, t);
|
|
31
|
-
/******/
|
|
32
|
-
/******/ // Return the exports of the module
|
|
33
|
-
/******/ return o.exports;
|
|
34
|
-
/******/ }
|
|
4
|
+
/******/ // The require scope
|
|
5
|
+
/******/ var e = {};
|
|
35
6
|
/******/
|
|
36
7
|
/************************************************************************/
|
|
37
8
|
/******/ /* webpack/runtime/define property getters */
|
|
38
9
|
/******/ (() => {
|
|
39
10
|
/******/ // define getter functions for harmony exports
|
|
40
|
-
/******/
|
|
11
|
+
/******/ e.d = (t, r) => {
|
|
41
12
|
/******/ for (var n in r) {
|
|
42
|
-
/******/ if (
|
|
43
|
-
/******/ Object.defineProperty(
|
|
13
|
+
/******/ if (e.o(r, n) && !e.o(t, n)) {
|
|
14
|
+
/******/ Object.defineProperty(t, n, {
|
|
44
15
|
enumerable: true,
|
|
45
16
|
get: r[n]
|
|
46
17
|
});
|
|
@@ -51,14 +22,14 @@
|
|
|
51
22
|
/******/
|
|
52
23
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
53
24
|
/******/ (() => {
|
|
54
|
-
/******/
|
|
25
|
+
/******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
|
|
55
26
|
/******/;
|
|
56
27
|
})();
|
|
57
28
|
/******/
|
|
58
29
|
/******/ /* webpack/runtime/make namespace object */
|
|
59
30
|
/******/ (() => {
|
|
60
31
|
/******/ // define __esModule on exports
|
|
61
|
-
/******/
|
|
32
|
+
/******/ e.r = e => {
|
|
62
33
|
/******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
|
|
63
34
|
/******/ Object.defineProperty(e, Symbol.toStringTag, {
|
|
64
35
|
value: "Module"
|
|
@@ -70,107 +41,104 @@
|
|
|
70
41
|
/******/ };
|
|
71
42
|
/******/ })();
|
|
72
43
|
/******/
|
|
73
|
-
/************************************************************************/ var
|
|
74
|
-
//
|
|
75
|
-
(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
44
|
+
/************************************************************************/ var t = {};
|
|
45
|
+
// ESM COMPAT FLAG
|
|
46
|
+
e.r(t);
|
|
47
|
+
// EXPORTS
|
|
48
|
+
e.d(t, {
|
|
49
|
+
default: () => /* reexport */ c
|
|
50
|
+
});
|
|
51
|
+
// CONCATENATED MODULE: external "react"
|
|
52
|
+
const r = require("react");
|
|
53
|
+
// CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
|
|
54
|
+
function n(e, t) {
|
|
55
|
+
return a(e) || l(e, t) || o(e, t) || i();
|
|
56
|
+
}
|
|
57
|
+
function i() {
|
|
58
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
59
|
+
}
|
|
60
|
+
function o(e, t) {
|
|
61
|
+
if (e) {
|
|
62
|
+
if ("string" == typeof e) return u(e, t);
|
|
63
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
64
|
+
return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? u(e, t) : void 0;
|
|
90
65
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
function u(e, r) {
|
|
99
|
-
(null == r || r > e.length) && (r = e.length);
|
|
100
|
-
for (var t = 0, n = Array(r); t < r; t++) {
|
|
101
|
-
n[t] = e[t];
|
|
102
|
-
}
|
|
103
|
-
return n;
|
|
66
|
+
}
|
|
67
|
+
function u(e, t) {
|
|
68
|
+
(null == t || t > e.length) && (t = e.length);
|
|
69
|
+
for (var r = 0, n = Array(t); r < t; r++) {
|
|
70
|
+
n[r] = e[r];
|
|
104
71
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
72
|
+
return n;
|
|
73
|
+
}
|
|
74
|
+
function l(e, t) {
|
|
75
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
76
|
+
if (null != r) {
|
|
77
|
+
var n, i, o, u, l = [], a = !0, f = !1;
|
|
78
|
+
try {
|
|
79
|
+
if (o = (r = r.call(e)).next, 0 === t) {
|
|
80
|
+
if (Object(r) !== r) return;
|
|
81
|
+
a = !1;
|
|
82
|
+
} else for (;!(a = (n = o.call(r)).done) && (l.push(n.value), l.length !== t); a = !0) {
|
|
83
|
+
}
|
|
84
|
+
} catch (e) {
|
|
85
|
+
f = !0, i = e;
|
|
86
|
+
} finally {
|
|
109
87
|
try {
|
|
110
|
-
if (
|
|
111
|
-
if (Object(t) !== t) return;
|
|
112
|
-
a = !1;
|
|
113
|
-
} else for (;!(a = (n = o.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
|
|
114
|
-
}
|
|
115
|
-
} catch (e) {
|
|
116
|
-
f = !0, i = e;
|
|
88
|
+
if (!a && null != r["return"] && (u = r["return"](), Object(u) !== u)) return;
|
|
117
89
|
} finally {
|
|
118
|
-
|
|
119
|
-
if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
120
|
-
} finally {
|
|
121
|
-
if (f) throw i;
|
|
122
|
-
}
|
|
90
|
+
if (f) throw i;
|
|
123
91
|
}
|
|
124
|
-
return l;
|
|
125
92
|
}
|
|
93
|
+
return l;
|
|
126
94
|
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
95
|
+
}
|
|
96
|
+
function a(e) {
|
|
97
|
+
if (Array.isArray(e)) return e;
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
131
100
|
* Watches a React ref element for changes in size.
|
|
132
101
|
*
|
|
133
102
|
* @param ref - The React ref to observe size changes on
|
|
134
|
-
*/
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
}
|
|
157
|
-
}));
|
|
158
|
-
if (e) {
|
|
159
|
-
r.observe(e);
|
|
103
|
+
*/ var f = function e(t, i) {
|
|
104
|
+
var o = (0, r.useState)({
|
|
105
|
+
width: 0,
|
|
106
|
+
height: 0
|
|
107
|
+
}), u = n(o, 2), l = u[0], a = u[1];
|
|
108
|
+
(0, r.useEffect)((function() {
|
|
109
|
+
var e = t.current;
|
|
110
|
+
if (typeof window !== "undefined" && window.ResizeObserver) {
|
|
111
|
+
var r = new ResizeObserver((function(e) {
|
|
112
|
+
if (e[0]) {
|
|
113
|
+
var r, n;
|
|
114
|
+
var o = {
|
|
115
|
+
width: (t === null || t === void 0 ? void 0 : (r = t.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width) || 0,
|
|
116
|
+
height: (t === null || t === void 0 ? void 0 : (n = t.current) === null || n === void 0 ? void 0 : n.getBoundingClientRect().height) || 0
|
|
117
|
+
};
|
|
118
|
+
a((function(e) {
|
|
119
|
+
if (e.height !== o.height || e.width !== o.width) {
|
|
120
|
+
i === null || i === void 0 ? void 0 : i(o);
|
|
121
|
+
return o;
|
|
122
|
+
}
|
|
123
|
+
return e;
|
|
124
|
+
}));
|
|
160
125
|
}
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
}
|
|
165
|
-
};
|
|
126
|
+
}));
|
|
127
|
+
if (e) {
|
|
128
|
+
r.observe(e);
|
|
166
129
|
}
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
130
|
+
return function() {
|
|
131
|
+
if (e) {
|
|
132
|
+
r.unobserve(e);
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
// Return a no-op function to satisfy consistent-return rule
|
|
137
|
+
return function() {};
|
|
138
|
+
}), [ i, t ]);
|
|
139
|
+
return l;
|
|
140
|
+
};
|
|
141
|
+
/* harmony default export */ const c = f;
|
|
142
|
+
// CONCATENATED MODULE: ./src/useResizeObserver/index.ts
|
|
143
|
+
module.exports = t;
|
|
176
144
|
/******/})();
|