@splunk/react-ui 5.6.0 → 5.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AnchorMenu.js +124 -120
- package/ButtonSimple.js +165 -101
- package/CHANGELOG.md +22 -1
- package/Card.js +147 -137
- package/Menu.js +12 -12
- package/Multiselect.js +3 -0
- package/Slider.js +1 -0
- package/TransitionOpen.js +112 -112
- package/package.json +3 -3
- package/types/src/Button/Button.d.ts +4 -4
- package/types/src/ButtonSimple/ButtonSimple.d.ts +1 -3
- package/types/src/Card/Header.d.ts +6 -1
- package/types/src/Card/docs/examples/Icon.d.ts +7 -0
- package/types/src/Multiselect/Option.d.ts +4 -0
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
package/AnchorMenu.js
CHANGED
|
@@ -8,27 +8,27 @@
|
|
|
8
8
|
/******/ /* webpack/runtime/compat get default export */
|
|
9
9
|
/******/ (() => {
|
|
10
10
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
11
|
-
/******/ e.n =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = n => {
|
|
12
|
+
/******/ var r = n && n.__esModule ?
|
|
13
|
+
/******/ () => n["default"]
|
|
14
|
+
/******/ : () => n
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(r, {
|
|
17
|
+
a: r
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
19
|
+
/******/ return r;
|
|
20
20
|
/******/ };
|
|
21
21
|
/******/ })();
|
|
22
22
|
/******/
|
|
23
23
|
/******/ /* webpack/runtime/define property getters */
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
|
-
/******/ e.d = (
|
|
27
|
-
/******/ for (var t in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (n, r) => {
|
|
27
|
+
/******/ for (var t in r) {
|
|
28
|
+
/******/ if (e.o(r, t) && !e.o(n, t)) {
|
|
29
|
+
/******/ Object.defineProperty(n, t, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get:
|
|
31
|
+
get: r[t]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
/******/
|
|
38
38
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
39
39
|
/******/ (() => {
|
|
40
|
-
/******/ e.o = (e,
|
|
40
|
+
/******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
|
|
41
41
|
/******/;
|
|
42
42
|
})();
|
|
43
43
|
/******/
|
|
@@ -56,93 +56,97 @@
|
|
|
56
56
|
/******/ };
|
|
57
57
|
/******/ })();
|
|
58
58
|
/******/
|
|
59
|
-
/************************************************************************/ var
|
|
59
|
+
/************************************************************************/ var n = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(n);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
64
|
-
default: () => /* reexport */
|
|
63
|
+
e.d(n, {
|
|
64
|
+
default: () => /* reexport */ H
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
|
-
const
|
|
68
|
-
var t = e.n(
|
|
67
|
+
const r = require("react");
|
|
68
|
+
var t = e.n(r);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
70
|
const l = require("prop-types");
|
|
71
71
|
var i = e.n(l);
|
|
72
|
-
// CONCATENATED MODULE: external "@splunk/react-ui/Heading"
|
|
73
|
-
const a = require("@splunk/react-ui/Heading");
|
|
74
|
-
var o = e.n(a);
|
|
75
72
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
76
|
-
const
|
|
73
|
+
const a = require("@splunk/ui-utils/i18n");
|
|
77
74
|
// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
78
|
-
const
|
|
75
|
+
const o = require("@splunk/ui-utils/id");
|
|
79
76
|
// CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenuContext.tsx
|
|
80
|
-
var
|
|
77
|
+
var c = (0, r.createContext)({
|
|
81
78
|
hideSpine: false
|
|
82
79
|
});
|
|
83
|
-
/* harmony default export */ const
|
|
80
|
+
/* harmony default export */ const u = c;
|
|
84
81
|
// CONCATENATED MODULE: external "styled-components"
|
|
85
|
-
const
|
|
82
|
+
const s = require("styled-components");
|
|
83
|
+
var d = e.n(s);
|
|
84
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Heading"
|
|
85
|
+
const f = require("@splunk/react-ui/Heading");
|
|
86
86
|
var p = e.n(f);
|
|
87
87
|
// CONCATENATED MODULE: external "@splunk/react-ui/Menu"
|
|
88
88
|
const v = require("@splunk/react-ui/Menu");
|
|
89
89
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
90
|
-
const
|
|
90
|
+
const y = require("@splunk/themes");
|
|
91
91
|
// CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenuStyles.ts
|
|
92
|
-
var
|
|
92
|
+
var m = d().nav.withConfig({
|
|
93
93
|
displayName: "AnchorMenuStyles__StyledAnchorMenu",
|
|
94
94
|
componentId: "peh8x9-0"
|
|
95
|
-
})([ "display:flex;flex-direction:column;min-width:200px;gap:", ";" ],
|
|
96
|
-
var
|
|
97
|
-
displayName: "
|
|
95
|
+
})([ "display:flex;flex-direction:column;min-width:200px;gap:", ";" ], y.variables.spacingSmall);
|
|
96
|
+
var h = d()(p()).withConfig({
|
|
97
|
+
displayName: "AnchorMenuStyles__StyledHeading",
|
|
98
98
|
componentId: "peh8x9-1"
|
|
99
|
-
})([ "
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}), m.variables.interactiveColorOverlaySelected, m.variables.contentColorActive, m.variables.interactiveColorAccent);
|
|
103
|
-
var h = p().ul.withConfig({
|
|
104
|
-
displayName: "AnchorMenuStyles__StyledAnchorMenuList",
|
|
99
|
+
})([ "flex-shrink:0;" ]);
|
|
100
|
+
var b = d()(v.Item).withConfig({
|
|
101
|
+
displayName: "AnchorMenuStyles__StyledItem",
|
|
105
102
|
componentId: "peh8x9-2"
|
|
103
|
+
})([ "display:inline-block;width:100%;&:focus{box-shadow:", ";z-index:1;}color:", ";font-weight:", ";", " &[aria-current]{background:", ";color:", ";border-inline-start:2px solid ", ";}" ], y.variables.focusShadow, y.variables.contentColorDefault, y.variables.fontWeightSemiBold, (function(e) {
|
|
104
|
+
var n = e.$hideSpine;
|
|
105
|
+
return !n ? (0, s.css)([ "border-inline-start:2px solid ", ";" ], y.variables.borderColorWeak) : "";
|
|
106
|
+
}), y.variables.interactiveColorOverlaySelected, y.variables.contentColorActive, y.variables.interactiveColorAccent);
|
|
107
|
+
var g = d().ul.withConfig({
|
|
108
|
+
displayName: "AnchorMenuStyles__StyledAnchorMenuList",
|
|
109
|
+
componentId: "peh8x9-3"
|
|
106
110
|
})([ "--parent-level:0;list-style:none;margin:0;padding:0;" ]);
|
|
107
|
-
var
|
|
111
|
+
var S = d().li.withConfig({
|
|
108
112
|
displayName: "AnchorMenuStyles__StyledAnchorMenuItem",
|
|
109
|
-
componentId: "peh8x9-
|
|
110
|
-
})([ "--current-level:calc(var(--parent-level) + 1);& ", "{--parent-level:var(--current-level);}& ", "{padding-inline-start:calc(var(--current-level) * ", ");}" ],
|
|
113
|
+
componentId: "peh8x9-4"
|
|
114
|
+
})([ "--current-level:calc(var(--parent-level) + 1);& ", "{--parent-level:var(--current-level);}& ", "{padding-inline-start:calc(var(--current-level) * ", ");}" ], g, b, y.variables.spacingLarge);
|
|
111
115
|
// CONCATENATED MODULE: ./src/AnchorMenu/Item.tsx
|
|
112
|
-
function
|
|
113
|
-
return
|
|
114
|
-
for (var
|
|
115
|
-
var
|
|
116
|
-
for (var t in
|
|
117
|
-
({}).hasOwnProperty.call(
|
|
116
|
+
function O() {
|
|
117
|
+
return O = Object.assign ? Object.assign.bind() : function(e) {
|
|
118
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
119
|
+
var r = arguments[n];
|
|
120
|
+
for (var t in r) {
|
|
121
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
118
122
|
}
|
|
119
123
|
}
|
|
120
124
|
return e;
|
|
121
|
-
},
|
|
125
|
+
}, O.apply(null, arguments);
|
|
122
126
|
}
|
|
123
|
-
function
|
|
127
|
+
function I(e, n) {
|
|
124
128
|
if (null == e) return {};
|
|
125
|
-
var
|
|
129
|
+
var r, t, l = w(e, n);
|
|
126
130
|
if (Object.getOwnPropertySymbols) {
|
|
127
131
|
var i = Object.getOwnPropertySymbols(e);
|
|
128
132
|
for (t = 0; t < i.length; t++) {
|
|
129
|
-
|
|
133
|
+
r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
130
134
|
}
|
|
131
135
|
}
|
|
132
136
|
return l;
|
|
133
137
|
}
|
|
134
|
-
function
|
|
138
|
+
function w(e, n) {
|
|
135
139
|
if (null == e) return {};
|
|
136
|
-
var
|
|
140
|
+
var r = {};
|
|
137
141
|
for (var t in e) {
|
|
138
142
|
if ({}.hasOwnProperty.call(e, t)) {
|
|
139
|
-
if (-1 !==
|
|
140
|
-
|
|
143
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
144
|
+
r[t] = e[t];
|
|
141
145
|
}
|
|
142
146
|
}
|
|
143
|
-
return
|
|
147
|
+
return r;
|
|
144
148
|
}
|
|
145
|
-
var
|
|
149
|
+
var x = {
|
|
146
150
|
children: i().node,
|
|
147
151
|
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
148
152
|
itemId: i().string,
|
|
@@ -150,72 +154,72 @@
|
|
|
150
154
|
onClick: i().func,
|
|
151
155
|
to: i().string
|
|
152
156
|
};
|
|
153
|
-
function
|
|
154
|
-
var
|
|
157
|
+
function j(e) {
|
|
158
|
+
var n = e.children, l = e.elementRef, i = e.itemId, a = e.label, o = e.onClick, c = e.to, s = I(e, [ "children", "elementRef", "itemId", "label", "onClick", "to" ]);
|
|
155
159
|
// @docs-props-type AnchorMenuItemPropsBase
|
|
156
|
-
var
|
|
160
|
+
var d = (0, r.useContext)(u), f = d.activeItemId, p = d.hideSpine;
|
|
157
161
|
var v = i !== null && i !== void 0 ? i : c;
|
|
158
|
-
var
|
|
162
|
+
var y = v != null && v === f;
|
|
159
163
|
|
|
160
|
-
return t().createElement(
|
|
164
|
+
return t().createElement(S, O({
|
|
161
165
|
ref: l
|
|
162
|
-
},
|
|
166
|
+
}, s), t().createElement(b, {
|
|
163
167
|
$hideSpine: p,
|
|
164
|
-
"aria-current":
|
|
168
|
+
"aria-current": y ? true : undefined,
|
|
165
169
|
onClick: o,
|
|
166
170
|
role: "link",
|
|
167
171
|
to: c
|
|
168
|
-
}, a), t().createElement(
|
|
172
|
+
}, a), t().createElement(g, null, n));
|
|
169
173
|
}
|
|
170
|
-
|
|
171
|
-
/* harmony default export */ const
|
|
174
|
+
j.propTypes = x;
|
|
175
|
+
/* harmony default export */ const C = j;
|
|
172
176
|
// CONCATENATED MODULE: ./src/AnchorMenu/AnchorMenu.tsx
|
|
173
|
-
function
|
|
174
|
-
return
|
|
175
|
-
for (var
|
|
176
|
-
var
|
|
177
|
-
for (var t in
|
|
178
|
-
({}).hasOwnProperty.call(
|
|
177
|
+
function A() {
|
|
178
|
+
return A = Object.assign ? Object.assign.bind() : function(e) {
|
|
179
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
180
|
+
var r = arguments[n];
|
|
181
|
+
for (var t in r) {
|
|
182
|
+
({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
|
|
179
183
|
}
|
|
180
184
|
}
|
|
181
185
|
return e;
|
|
182
|
-
},
|
|
186
|
+
}, A.apply(null, arguments);
|
|
183
187
|
}
|
|
184
|
-
function
|
|
185
|
-
return
|
|
188
|
+
function M(e, n) {
|
|
189
|
+
return q(e) || E(e, n) || k(e, n) || _();
|
|
186
190
|
}
|
|
187
|
-
function
|
|
191
|
+
function _() {
|
|
188
192
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
189
193
|
}
|
|
190
|
-
function k(e,
|
|
194
|
+
function k(e, n) {
|
|
191
195
|
if (e) {
|
|
192
|
-
if ("string" == typeof e) return P(e,
|
|
193
|
-
var
|
|
194
|
-
return "Object" ===
|
|
196
|
+
if ("string" == typeof e) return P(e, n);
|
|
197
|
+
var r = {}.toString.call(e).slice(8, -1);
|
|
198
|
+
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) ? P(e, n) : void 0;
|
|
195
199
|
}
|
|
196
200
|
}
|
|
197
|
-
function P(e,
|
|
198
|
-
(null ==
|
|
199
|
-
for (var
|
|
200
|
-
t[
|
|
201
|
+
function P(e, n) {
|
|
202
|
+
(null == n || n > e.length) && (n = e.length);
|
|
203
|
+
for (var r = 0, t = Array(n); r < n; r++) {
|
|
204
|
+
t[r] = e[r];
|
|
201
205
|
}
|
|
202
206
|
return t;
|
|
203
207
|
}
|
|
204
|
-
function
|
|
205
|
-
var
|
|
206
|
-
if (null !=
|
|
208
|
+
function E(e, n) {
|
|
209
|
+
var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
210
|
+
if (null != r) {
|
|
207
211
|
var t, l, i, a, o = [], c = !0, u = !1;
|
|
208
212
|
try {
|
|
209
|
-
if (i = (
|
|
210
|
-
if (Object(
|
|
213
|
+
if (i = (r = r.call(e)).next, 0 === n) {
|
|
214
|
+
if (Object(r) !== r) return;
|
|
211
215
|
c = !1;
|
|
212
|
-
} else for (;!(c = (t = i.call(
|
|
216
|
+
} else for (;!(c = (t = i.call(r)).done) && (o.push(t.value), o.length !== n); c = !0) {
|
|
213
217
|
}
|
|
214
218
|
} catch (e) {
|
|
215
219
|
u = !0, l = e;
|
|
216
220
|
} finally {
|
|
217
221
|
try {
|
|
218
|
-
if (!c && null !=
|
|
222
|
+
if (!c && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
|
|
219
223
|
} finally {
|
|
220
224
|
if (u) throw l;
|
|
221
225
|
}
|
|
@@ -223,64 +227,64 @@
|
|
|
223
227
|
return o;
|
|
224
228
|
}
|
|
225
229
|
}
|
|
226
|
-
function
|
|
230
|
+
function q(e) {
|
|
227
231
|
if (Array.isArray(e)) return e;
|
|
228
232
|
}
|
|
229
|
-
function
|
|
233
|
+
function T(e, n) {
|
|
230
234
|
if (null == e) return {};
|
|
231
|
-
var
|
|
235
|
+
var r, t, l = R(e, n);
|
|
232
236
|
if (Object.getOwnPropertySymbols) {
|
|
233
237
|
var i = Object.getOwnPropertySymbols(e);
|
|
234
238
|
for (t = 0; t < i.length; t++) {
|
|
235
|
-
|
|
239
|
+
r = i[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (l[r] = e[r]);
|
|
236
240
|
}
|
|
237
241
|
}
|
|
238
242
|
return l;
|
|
239
243
|
}
|
|
240
|
-
function
|
|
244
|
+
function R(e, n) {
|
|
241
245
|
if (null == e) return {};
|
|
242
|
-
var
|
|
246
|
+
var r = {};
|
|
243
247
|
for (var t in e) {
|
|
244
248
|
if ({}.hasOwnProperty.call(e, t)) {
|
|
245
|
-
if (-1 !==
|
|
246
|
-
|
|
249
|
+
if (-1 !== n.indexOf(t)) continue;
|
|
250
|
+
r[t] = e[t];
|
|
247
251
|
}
|
|
248
252
|
}
|
|
249
|
-
return
|
|
253
|
+
return r;
|
|
250
254
|
}
|
|
251
|
-
var
|
|
255
|
+
var N = {
|
|
252
256
|
activeItemId: i().string,
|
|
253
257
|
children: i().node,
|
|
254
258
|
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
255
259
|
hideSpine: i().bool,
|
|
256
260
|
label: i().string
|
|
257
261
|
};
|
|
258
|
-
var
|
|
259
|
-
function
|
|
260
|
-
var
|
|
262
|
+
var D = (0, a._)("On this page:");
|
|
263
|
+
function $(e) {
|
|
264
|
+
var n = e.activeItemId, l = e.children, i = e.elementRef, a = e.hideSpine, c = e.label, s = c === void 0 ? D : c, d = T(e, [ "activeItemId", "children", "elementRef", "hideSpine", "label" ]);
|
|
261
265
|
// @docs-props-type AnchorMenuPropsBase
|
|
262
|
-
var
|
|
266
|
+
var f = (0, r.useMemo)((function() {
|
|
263
267
|
return {
|
|
264
|
-
activeItemId:
|
|
268
|
+
activeItemId: n,
|
|
265
269
|
hideSpine: a
|
|
266
270
|
};
|
|
267
|
-
}), [
|
|
268
|
-
var
|
|
271
|
+
}), [ n, a ]);
|
|
272
|
+
var p = (0, r.useState)((0, o.createDOMID)("anchor-menu-heading")), v = M(p, 1), y = v[0];
|
|
269
273
|
|
|
270
|
-
return t().createElement(
|
|
271
|
-
"aria-labelledby":
|
|
274
|
+
return t().createElement(m, A({
|
|
275
|
+
"aria-labelledby": y,
|
|
272
276
|
"data-test": "anchor-menu",
|
|
273
277
|
ref: i
|
|
274
|
-
},
|
|
278
|
+
}, d), s && t().createElement(h, {
|
|
275
279
|
level: 4,
|
|
276
|
-
id:
|
|
277
|
-
}, s), t().createElement(
|
|
278
|
-
value:
|
|
279
|
-
}, t().createElement(
|
|
280
|
+
id: y
|
|
281
|
+
}, s), t().createElement(u.Provider, {
|
|
282
|
+
value: f
|
|
283
|
+
}, t().createElement(g, null, l)));
|
|
280
284
|
}
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
/* harmony default export */ const
|
|
285
|
+
$.propTypes = N;
|
|
286
|
+
$.Item = C;
|
|
287
|
+
/* harmony default export */ const H = $;
|
|
284
288
|
// CONCATENATED MODULE: ./src/AnchorMenu/index.ts
|
|
285
|
-
module.exports =
|
|
289
|
+
module.exports = n;
|
|
286
290
|
/******/})();
|