@splunk/react-ui 4.35.0 → 4.37.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 +30 -3
- package/Calendar.js +2 -2
- package/CollapsiblePanel.js +1 -1
- package/ComboBox.js +2 -2
- package/ControlGroup.js +48 -49
- package/Date.js +21 -24
- package/FormRows.js +2 -2
- package/JSONTree.js +260 -227
- package/MIGRATION.mdx +17 -0
- package/Modal.js +1 -1
- package/Multiselect.js +28 -10
- package/Paginator.js +1 -1
- package/Progress.js +202 -149
- package/RadioBar.js +164 -194
- package/Resize.js +133 -113
- package/Slider.js +9 -3
- package/StaticContent.js +48 -46
- package/Switch.js +1 -1
- package/TabBar.js +125 -110
- package/TextArea.js +21 -19
- package/package.json +3 -2
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -0
- package/types/src/ComboBox/ComboBox.d.ts +8 -4
- package/types/src/ControlGroup/ControlGroup.d.ts +9 -5
- package/types/src/ControlGroup/docs/examples/Error.d.ts +2 -2
- package/types/src/Date/docs/examples/Error.d.ts +2 -0
- package/types/src/JSONTree/JSONTreeItem.d.ts +2 -2
- package/types/src/JSONTree/renderTreeItems.d.ts +2 -2
- package/types/src/Multiselect/Normal.d.ts +1 -0
- package/types/src/Progress/Progress.d.ts +1 -1
- package/types/src/RadioBar/RadioBarContext.d.ts +1 -1
- package/types/src/Resize/Resize.d.ts +4 -2
- package/types/src/StaticContent/StaticContent.d.ts +4 -1
- /package/types/src/Progress/docs/examples/{prisma/Type.d.ts → Type.d.ts} +0 -0
package/RadioBar.js
CHANGED
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
e.r(r);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(r, {
|
|
64
|
-
Option: () => /* reexport */
|
|
65
|
-
default: () => /* reexport */
|
|
64
|
+
Option: () => /* reexport */ P,
|
|
65
|
+
default: () => /* reexport */ Z
|
|
66
66
|
});
|
|
67
67
|
// CONCATENATED MODULE: external "react"
|
|
68
68
|
const t = require("react");
|
|
@@ -75,64 +75,57 @@
|
|
|
75
75
|
var i = e.n(l);
|
|
76
76
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
77
77
|
const u = require("lodash/omit");
|
|
78
|
-
var
|
|
78
|
+
var s = e.n(u);
|
|
79
79
|
// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
80
|
-
const
|
|
80
|
+
const c = require("@splunk/ui-utils/keyboard");
|
|
81
81
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
82
|
-
const
|
|
83
|
-
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
84
|
-
const f = require("@splunk/react-ui/Button");
|
|
85
|
-
var p = e.n(f);
|
|
82
|
+
const f = require("@splunk/themes");
|
|
86
83
|
// CONCATENATED MODULE: external "styled-components"
|
|
87
|
-
const
|
|
84
|
+
const d = require("styled-components");
|
|
85
|
+
var p = e.n(d);
|
|
86
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
87
|
+
const v = require("@splunk/react-ui/Button");
|
|
88
88
|
var b = e.n(v);
|
|
89
|
-
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
90
|
-
const y = require("@splunk/react-ui/Clickable");
|
|
91
|
-
var h = e.n(y);
|
|
92
89
|
// CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
|
|
93
|
-
var
|
|
94
|
-
displayName: "
|
|
90
|
+
var y = p()(b()).withConfig({
|
|
91
|
+
displayName: "OptionStyles__StyledButton",
|
|
95
92
|
componentId: "fyq77p-0"
|
|
96
|
-
})([ "
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
return !r && !t && (0, v.css)([ "&:hover{color:", ";background-color:", ";}&:active{background-color:", ";}" ], d.variables.contentColorActive, d.variables.interactiveColorOverlayHover, d.variables.interactiveColorOverlayActive);
|
|
109
|
-
}), (function(e) {
|
|
110
|
-
var r = e.disabled;
|
|
111
|
-
return r && (0, v.css)([ "color:", ";" ], d.variables.contentColorDisabled);
|
|
93
|
+
})([ "", "" ], (0, f.pick)({
|
|
94
|
+
prisma: (0, d.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}& + &{margin-left:2px;}", " &:not([disabled],[aria-disabled='true']){", "}" ], f.variables.inputHeight, f.variables.inputHeight, f.variables.spacingXSmall, (function(e) {
|
|
95
|
+
var r = e.selected;
|
|
96
|
+
return r && (0, d.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], f.variables.embossShadow, (0,
|
|
97
|
+
f.pick)({
|
|
98
|
+
dark: f.variables.interactiveColorOverlaySelected,
|
|
99
|
+
light: f.variables.white
|
|
100
|
+
}), f.variables.backgroundColorPage);
|
|
101
|
+
}), (function(e) {
|
|
102
|
+
var r = e.selected;
|
|
103
|
+
return !r && (0, d.css)([ "color:", ";" ], f.variables.contentColorDefault);
|
|
104
|
+
}))
|
|
112
105
|
}));
|
|
113
|
-
var
|
|
114
|
-
displayName: "
|
|
106
|
+
var h = p().div.withConfig({
|
|
107
|
+
displayName: "OptionStyles__StyledPrismaIconWrapper",
|
|
115
108
|
componentId: "fyq77p-1"
|
|
116
109
|
})([ "flex:0 0 auto;margin-top:-2px;font-size:15px;" ]);
|
|
117
|
-
var
|
|
110
|
+
var g = p().div.withConfig({
|
|
118
111
|
displayName: "OptionStyles__StyledLabel",
|
|
119
112
|
componentId: "fyq77p-2"
|
|
120
|
-
})([ "", " flex:0 1 auto;", "" ],
|
|
121
|
-
enterprise: (0,
|
|
113
|
+
})([ "", " flex:0 1 auto;", "" ], f.mixins.ellipsis, (0, f.pick)({
|
|
114
|
+
enterprise: (0, d.css)([ "&:not(:first-child){margin-left:", ";}" ], f.variables.spacingXSmall)
|
|
122
115
|
}));
|
|
123
|
-
var
|
|
116
|
+
var m = p().div.withConfig({
|
|
124
117
|
displayName: "OptionStyles__StyledAdornment",
|
|
125
118
|
componentId: "fyq77p-3"
|
|
126
|
-
})([ "flex:0 0 auto;", "" ], (0,
|
|
127
|
-
enterprise: (0,
|
|
119
|
+
})([ "flex:0 0 auto;", "" ], (0, f.pick)({
|
|
120
|
+
enterprise: (0, d.css)([ "&:not(:first-child){margin-left:", ";}" ], f.variables.spacingXSmall)
|
|
128
121
|
}));
|
|
129
122
|
// CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
|
|
130
|
-
var
|
|
131
|
-
|
|
132
|
-
/* harmony default export */ const
|
|
123
|
+
var O = (0, t.createContext)({});
|
|
124
|
+
O.displayName = "RadioBar";
|
|
125
|
+
/* harmony default export */ const w = O;
|
|
133
126
|
// CONCATENATED MODULE: ./src/RadioBar/Option.tsx
|
|
134
|
-
function
|
|
135
|
-
|
|
127
|
+
function x() {
|
|
128
|
+
x = Object.assign || function(e) {
|
|
136
129
|
for (var r = 1; r < arguments.length; r++) {
|
|
137
130
|
var t = arguments[r];
|
|
138
131
|
for (var n in t) {
|
|
@@ -143,11 +136,11 @@
|
|
|
143
136
|
}
|
|
144
137
|
return e;
|
|
145
138
|
};
|
|
146
|
-
return
|
|
139
|
+
return x.apply(this, arguments);
|
|
147
140
|
}
|
|
148
|
-
function
|
|
141
|
+
function k(e, r) {
|
|
149
142
|
if (e == null) return {};
|
|
150
|
-
var t =
|
|
143
|
+
var t = S(e, r);
|
|
151
144
|
var n, a;
|
|
152
145
|
if (Object.getOwnPropertySymbols) {
|
|
153
146
|
var o = Object.getOwnPropertySymbols(e);
|
|
@@ -160,7 +153,7 @@
|
|
|
160
153
|
}
|
|
161
154
|
return t;
|
|
162
155
|
}
|
|
163
|
-
function
|
|
156
|
+
function S(e, r) {
|
|
164
157
|
if (e == null) return {};
|
|
165
158
|
var t = {};
|
|
166
159
|
var n = Object.keys(e);
|
|
@@ -172,7 +165,7 @@
|
|
|
172
165
|
}
|
|
173
166
|
return t;
|
|
174
167
|
}
|
|
175
|
-
var
|
|
168
|
+
var j = {
|
|
176
169
|
/** @private Set by `RadioBar`. */
|
|
177
170
|
append: o().bool,
|
|
178
171
|
disabled: o().bool,
|
|
@@ -189,108 +182,84 @@
|
|
|
189
182
|
/** The value of the `Option`. */
|
|
190
183
|
value: o().any.isRequired
|
|
191
184
|
};
|
|
192
|
-
function
|
|
193
|
-
var r = e.disabled, a = e.icon, o = e.label, l = e.selected, i = e.startAdornment, u = e.endAdornment,
|
|
185
|
+
function C(e) {
|
|
186
|
+
var r = e.disabled, a = e.icon, o = e.label, l = e.selected, i = e.startAdornment, u = e.endAdornment, s = e.value, c = e.role, d = c === void 0 ? "radio" : c, p = k(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
|
|
194
187
|
// @docs-props-type OptionPropsBase
|
|
195
|
-
var v = (0, t.useContext)(
|
|
188
|
+
var v = (0, t.useContext)(w), b = v.onClick, O = v.appearance, S = v.error, j = v.onKeyDown, C = v.firstValue, P = v.selectedValue;
|
|
189
|
+
var E = (0, f.useSplunkTheme)(), _ = E.isPrisma;
|
|
196
190
|
if (false) {}
|
|
197
|
-
var
|
|
191
|
+
var T = -1;
|
|
198
192
|
if (P) {
|
|
199
|
-
if (
|
|
200
|
-
|
|
193
|
+
if (s === P) {
|
|
194
|
+
T = 0;
|
|
201
195
|
}
|
|
202
|
-
} else if (
|
|
203
|
-
|
|
204
|
-
}
|
|
205
|
-
var _ = E;
|
|
206
|
-
if (y === "prisma") {
|
|
207
|
-
|
|
208
|
-
return n().createElement(g, C({
|
|
209
|
-
"data-test": "option",
|
|
210
|
-
"data-test-value": c
|
|
211
|
-
}, f, {
|
|
212
|
-
onClick: l ? undefined : function(e) {
|
|
213
|
-
return b === null || b === void 0 ? void 0 : b(e, {
|
|
214
|
-
value: c,
|
|
215
|
-
label: o
|
|
216
|
-
});
|
|
217
|
-
},
|
|
218
|
-
role: d,
|
|
219
|
-
"aria-checked": l,
|
|
220
|
-
$selected: l,
|
|
221
|
-
tabIndex: _,
|
|
222
|
-
disabled: r,
|
|
223
|
-
onKeyDown: function e(r) {
|
|
224
|
-
return w === null || w === void 0 ? void 0 : w(r, {
|
|
225
|
-
value: c,
|
|
226
|
-
label: o
|
|
227
|
-
});
|
|
228
|
-
}
|
|
229
|
-
}), a && n().createElement(m, null, a), i && n().createElement(x, null, i), o && n().createElement(O, null, o), u && n().createElement(x, null, u));
|
|
196
|
+
} else if (s === C) {
|
|
197
|
+
T = 0;
|
|
230
198
|
}
|
|
199
|
+
var q = T;
|
|
231
200
|
|
|
232
|
-
return n().createElement(
|
|
201
|
+
return n().createElement(y, x({
|
|
233
202
|
"data-test": "option",
|
|
234
|
-
"data-test-value":
|
|
235
|
-
appearance:
|
|
203
|
+
"data-test-value": s,
|
|
204
|
+
appearance: O,
|
|
236
205
|
disabled: r,
|
|
237
|
-
icon: a,
|
|
238
|
-
selected: l,
|
|
239
|
-
value:
|
|
240
|
-
error:
|
|
241
|
-
},
|
|
206
|
+
icon: !_ ? a : null,
|
|
207
|
+
selected: l || false,
|
|
208
|
+
value: s,
|
|
209
|
+
error: S
|
|
210
|
+
}, p, {
|
|
242
211
|
onClick: l ? undefined : function(e) {
|
|
243
212
|
return b === null || b === void 0 ? void 0 : b(e, {
|
|
244
|
-
value:
|
|
213
|
+
value: s,
|
|
245
214
|
label: o
|
|
246
215
|
});
|
|
247
216
|
},
|
|
248
217
|
role: d,
|
|
249
218
|
"aria-checked": l,
|
|
250
|
-
tabIndex:
|
|
219
|
+
tabIndex: q,
|
|
251
220
|
onKeyDown: function e(r) {
|
|
252
|
-
return
|
|
253
|
-
value:
|
|
221
|
+
return j === null || j === void 0 ? void 0 : j(r, {
|
|
222
|
+
value: s,
|
|
254
223
|
label: o
|
|
255
224
|
});
|
|
256
225
|
}
|
|
257
|
-
}), i && n().createElement(
|
|
226
|
+
}), _ && a && n().createElement(h, null, a), i && n().createElement(m, null, i), o && n().createElement(g, null, o), u && n().createElement(m, null, u));
|
|
258
227
|
}
|
|
259
|
-
|
|
260
|
-
/* harmony default export */ const
|
|
228
|
+
C.propTypes = j;
|
|
229
|
+
/* harmony default export */ const P = C;
|
|
261
230
|
// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
262
|
-
const
|
|
263
|
-
var
|
|
231
|
+
const E = require("@splunk/react-ui/Box");
|
|
232
|
+
var _ = e.n(E);
|
|
264
233
|
// CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
|
|
265
|
-
var
|
|
234
|
+
var T = p()(_()).withConfig({
|
|
266
235
|
displayName: "RadioBarStyles__StyledRadioBar",
|
|
267
236
|
componentId: "gg1b79-0"
|
|
268
|
-
})([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ],
|
|
269
|
-
|
|
270
|
-
prisma: (0,
|
|
237
|
+
})([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ], f.variables.inputHeight, (0,
|
|
238
|
+
f.pick)({
|
|
239
|
+
prisma: (0, d.css)([ "padding:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], f.variables.borderRadius, (function(e) {
|
|
271
240
|
var r = e.$error;
|
|
272
|
-
return r ?
|
|
241
|
+
return r ? f.variables.accentColorNegative : "transparent";
|
|
273
242
|
}), (function(e) {
|
|
274
243
|
var r = e.$disabled;
|
|
275
|
-
return r ?
|
|
244
|
+
return r ? f.variables.interactiveColorBackgroundDisabled : f.variables.interactiveColorBackground;
|
|
276
245
|
}))
|
|
277
|
-
}),
|
|
246
|
+
}), f.variables.spacingSmall);
|
|
278
247
|
// CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
|
|
279
|
-
function
|
|
248
|
+
function q(e) {
|
|
280
249
|
"@babel/helpers - typeof";
|
|
281
250
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
282
|
-
|
|
251
|
+
q = function e(r) {
|
|
283
252
|
return typeof r;
|
|
284
253
|
};
|
|
285
254
|
} else {
|
|
286
|
-
|
|
255
|
+
q = function e(r) {
|
|
287
256
|
return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
|
|
288
257
|
};
|
|
289
258
|
}
|
|
290
|
-
return
|
|
259
|
+
return q(e);
|
|
291
260
|
}
|
|
292
|
-
function
|
|
293
|
-
|
|
261
|
+
function R() {
|
|
262
|
+
R = Object.assign || function(e) {
|
|
294
263
|
for (var r = 1; r < arguments.length; r++) {
|
|
295
264
|
var t = arguments[r];
|
|
296
265
|
for (var n in t) {
|
|
@@ -301,11 +270,11 @@
|
|
|
301
270
|
}
|
|
302
271
|
return e;
|
|
303
272
|
};
|
|
304
|
-
return
|
|
273
|
+
return R.apply(this, arguments);
|
|
305
274
|
}
|
|
306
|
-
function
|
|
275
|
+
function D(e, r) {
|
|
307
276
|
if (e == null) return {};
|
|
308
|
-
var t =
|
|
277
|
+
var t = V(e, r);
|
|
309
278
|
var n, a;
|
|
310
279
|
if (Object.getOwnPropertySymbols) {
|
|
311
280
|
var o = Object.getOwnPropertySymbols(e);
|
|
@@ -318,7 +287,7 @@
|
|
|
318
287
|
}
|
|
319
288
|
return t;
|
|
320
289
|
}
|
|
321
|
-
function
|
|
290
|
+
function V(e, r) {
|
|
322
291
|
if (e == null) return {};
|
|
323
292
|
var t = {};
|
|
324
293
|
var n = Object.keys(e);
|
|
@@ -330,7 +299,7 @@
|
|
|
330
299
|
}
|
|
331
300
|
return t;
|
|
332
301
|
}
|
|
333
|
-
function
|
|
302
|
+
function B(e, r) {
|
|
334
303
|
var t = Object.keys(e);
|
|
335
304
|
if (Object.getOwnPropertySymbols) {
|
|
336
305
|
var n = Object.getOwnPropertySymbols(e);
|
|
@@ -341,29 +310,29 @@
|
|
|
341
310
|
}
|
|
342
311
|
return t;
|
|
343
312
|
}
|
|
344
|
-
function
|
|
313
|
+
function I(e) {
|
|
345
314
|
for (var r = 1; r < arguments.length; r++) {
|
|
346
315
|
var t = arguments[r] != null ? arguments[r] : {};
|
|
347
316
|
if (r % 2) {
|
|
348
|
-
|
|
349
|
-
|
|
317
|
+
B(Object(t), true).forEach((function(r) {
|
|
318
|
+
W(e, r, t[r]);
|
|
350
319
|
}));
|
|
351
320
|
} else if (Object.getOwnPropertyDescriptors) {
|
|
352
321
|
Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
|
|
353
322
|
} else {
|
|
354
|
-
|
|
323
|
+
B(Object(t)).forEach((function(r) {
|
|
355
324
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
356
325
|
}));
|
|
357
326
|
}
|
|
358
327
|
}
|
|
359
328
|
return e;
|
|
360
329
|
}
|
|
361
|
-
function
|
|
330
|
+
function N(e, r) {
|
|
362
331
|
if (!(e instanceof r)) {
|
|
363
332
|
throw new TypeError("Cannot call a class as a function");
|
|
364
333
|
}
|
|
365
334
|
}
|
|
366
|
-
function
|
|
335
|
+
function A(e, r) {
|
|
367
336
|
for (var t = 0; t < r.length; t++) {
|
|
368
337
|
var n = r[t];
|
|
369
338
|
n.enumerable = n.enumerable || false;
|
|
@@ -372,12 +341,12 @@
|
|
|
372
341
|
Object.defineProperty(e, n.key, n);
|
|
373
342
|
}
|
|
374
343
|
}
|
|
375
|
-
function
|
|
376
|
-
if (r)
|
|
377
|
-
if (t)
|
|
344
|
+
function K(e, r, t) {
|
|
345
|
+
if (r) A(e.prototype, r);
|
|
346
|
+
if (t) A(e, t);
|
|
378
347
|
return e;
|
|
379
348
|
}
|
|
380
|
-
function
|
|
349
|
+
function $(e, r) {
|
|
381
350
|
if (typeof r !== "function" && r !== null) {
|
|
382
351
|
throw new TypeError("Super expression must either be null or a function");
|
|
383
352
|
}
|
|
@@ -388,41 +357,41 @@
|
|
|
388
357
|
configurable: true
|
|
389
358
|
}
|
|
390
359
|
});
|
|
391
|
-
if (r)
|
|
360
|
+
if (r) H(e, r);
|
|
392
361
|
}
|
|
393
|
-
function
|
|
394
|
-
|
|
362
|
+
function H(e, r) {
|
|
363
|
+
H = Object.setPrototypeOf || function e(r, t) {
|
|
395
364
|
r.__proto__ = t;
|
|
396
365
|
return r;
|
|
397
366
|
};
|
|
398
|
-
return
|
|
367
|
+
return H(e, r);
|
|
399
368
|
}
|
|
400
|
-
function
|
|
401
|
-
var r =
|
|
369
|
+
function M(e) {
|
|
370
|
+
var r = L();
|
|
402
371
|
return function t() {
|
|
403
|
-
var n =
|
|
372
|
+
var n = U(e), a;
|
|
404
373
|
if (r) {
|
|
405
|
-
var o =
|
|
374
|
+
var o = U(this).constructor;
|
|
406
375
|
a = Reflect.construct(n, arguments, o);
|
|
407
376
|
} else {
|
|
408
377
|
a = n.apply(this, arguments);
|
|
409
378
|
}
|
|
410
|
-
return
|
|
379
|
+
return X(this, a);
|
|
411
380
|
};
|
|
412
381
|
}
|
|
413
|
-
function
|
|
414
|
-
if (r && (
|
|
382
|
+
function X(e, r) {
|
|
383
|
+
if (r && (q(r) === "object" || typeof r === "function")) {
|
|
415
384
|
return r;
|
|
416
385
|
}
|
|
417
|
-
return
|
|
386
|
+
return z(e);
|
|
418
387
|
}
|
|
419
|
-
function
|
|
388
|
+
function z(e) {
|
|
420
389
|
if (e === void 0) {
|
|
421
390
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
422
391
|
}
|
|
423
392
|
return e;
|
|
424
393
|
}
|
|
425
|
-
function
|
|
394
|
+
function L() {
|
|
426
395
|
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
427
396
|
if (Reflect.construct.sham) return false;
|
|
428
397
|
if (typeof Proxy === "function") return true;
|
|
@@ -433,13 +402,13 @@
|
|
|
433
402
|
return false;
|
|
434
403
|
}
|
|
435
404
|
}
|
|
436
|
-
function
|
|
437
|
-
|
|
405
|
+
function U(e) {
|
|
406
|
+
U = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
|
|
438
407
|
return r.__proto__ || Object.getPrototypeOf(r);
|
|
439
408
|
};
|
|
440
|
-
return
|
|
409
|
+
return U(e);
|
|
441
410
|
}
|
|
442
|
-
function
|
|
411
|
+
function W(e, r, t) {
|
|
443
412
|
if (r in e) {
|
|
444
413
|
Object.defineProperty(e, r, {
|
|
445
414
|
value: t,
|
|
@@ -452,7 +421,7 @@
|
|
|
452
421
|
}
|
|
453
422
|
return e;
|
|
454
423
|
}
|
|
455
|
-
/** @public */ var
|
|
424
|
+
/** @public */ var F = {
|
|
456
425
|
appearance: o().oneOf([ "default", "pill" ]),
|
|
457
426
|
children: o().node,
|
|
458
427
|
defaultValue: o().any,
|
|
@@ -470,7 +439,7 @@
|
|
|
470
439
|
splunkTheme: o().object,
|
|
471
440
|
value: o().any
|
|
472
441
|
};
|
|
473
|
-
var
|
|
442
|
+
var G = {
|
|
474
443
|
appearance: "default",
|
|
475
444
|
error: false,
|
|
476
445
|
inline: false,
|
|
@@ -478,35 +447,35 @@
|
|
|
478
447
|
};
|
|
479
448
|
/**
|
|
480
449
|
* RadioBar is a form control that provides the ability to select one option out of a group.
|
|
481
|
-
*/ var
|
|
482
|
-
|
|
483
|
-
var r =
|
|
450
|
+
*/ var J = function(e) {
|
|
451
|
+
$(a, e);
|
|
452
|
+
var r = M(a);
|
|
484
453
|
// @docs-props-type RadioBarPropsBase
|
|
485
454
|
// eslint-disable-line @typescript-eslint/no-explicit-any
|
|
486
455
|
function a(e) {
|
|
487
456
|
var t;
|
|
488
|
-
|
|
457
|
+
N(this, a);
|
|
489
458
|
t = r.call(this, e);
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
459
|
+
W(z(t), "controlledExternally", void 0);
|
|
460
|
+
W(z(t), "filteredValues", []);
|
|
461
|
+
W(z(t), "handleClick", (function(e, r) {
|
|
493
462
|
t.handleOnChange(e, r);
|
|
494
463
|
}));
|
|
495
|
-
|
|
464
|
+
W(z(t), "handleOnKeyDown", (function(e, r) {
|
|
496
465
|
var n = r.value, a = r.label;
|
|
497
|
-
var o = (0,
|
|
466
|
+
var o = (0, c.keycode)(e.nativeEvent);
|
|
498
467
|
var l = e.currentTarget;
|
|
499
468
|
var i = null;
|
|
500
469
|
var u = 0;
|
|
501
|
-
var
|
|
470
|
+
var s = t.filteredValues.indexOf(n);
|
|
502
471
|
if (o === "down" || o === "right") {
|
|
503
472
|
e.preventDefault();
|
|
504
|
-
var
|
|
505
|
-
i =
|
|
473
|
+
var f = t.getNextTarget("forward", l, s), d = f.nextTargetRes, p = f.nextIndexRes;
|
|
474
|
+
i = d;
|
|
506
475
|
u = p;
|
|
507
476
|
} else if (o === "up" || o === "left") {
|
|
508
477
|
e.preventDefault();
|
|
509
|
-
var v = t.getNextTarget("backward", l,
|
|
478
|
+
var v = t.getNextTarget("backward", l, s), b = v.nextTargetRes, y = v.nextIndexRes;
|
|
510
479
|
i = b;
|
|
511
480
|
u = y;
|
|
512
481
|
}
|
|
@@ -520,10 +489,10 @@
|
|
|
520
489
|
});
|
|
521
490
|
}
|
|
522
491
|
}));
|
|
523
|
-
|
|
492
|
+
W(z(t), "handleOnChange", (function(e, r) {
|
|
524
493
|
if (t.props.value !== r.value) {
|
|
525
494
|
var n, a;
|
|
526
|
-
(n = (a = t.props).onChange) === null || n === void 0 ? void 0 : n.call(a, e,
|
|
495
|
+
(n = (a = t.props).onChange) === null || n === void 0 ? void 0 : n.call(a, e, I({
|
|
527
496
|
name: t.props.name
|
|
528
497
|
}, r));
|
|
529
498
|
if (!t.isControlled()) {
|
|
@@ -542,7 +511,7 @@
|
|
|
542
511
|
if (false) {}
|
|
543
512
|
return t;
|
|
544
513
|
}
|
|
545
|
-
|
|
514
|
+
K(a, [ {
|
|
546
515
|
key: "componentDidUpdate",
|
|
547
516
|
value: function e(r) {
|
|
548
517
|
if (false) {}
|
|
@@ -562,35 +531,35 @@
|
|
|
562
531
|
var l = r === "forward" ? "firstElementChild" : "lastElementChild";
|
|
563
532
|
var i = r === "forward" ? 0 : this.filteredValues.length - 1;
|
|
564
533
|
var u = t[o];
|
|
565
|
-
var
|
|
566
|
-
var
|
|
567
|
-
while (u !== t &&
|
|
534
|
+
var s = null;
|
|
535
|
+
var c = n + a;
|
|
536
|
+
while (u !== t && s === null) {
|
|
568
537
|
if (u === null) {
|
|
569
|
-
var
|
|
570
|
-
u = (
|
|
571
|
-
|
|
538
|
+
var f;
|
|
539
|
+
u = (f = t.parentElement) === null || f === void 0 ? void 0 : f[l];
|
|
540
|
+
c = i;
|
|
572
541
|
}
|
|
573
542
|
if (u.disabled) {
|
|
574
|
-
var
|
|
575
|
-
u =
|
|
576
|
-
|
|
543
|
+
var d = u[o];
|
|
544
|
+
u = d;
|
|
545
|
+
c += a;
|
|
577
546
|
} else {
|
|
578
|
-
|
|
547
|
+
s = u;
|
|
579
548
|
}
|
|
580
549
|
}
|
|
581
550
|
return {
|
|
582
|
-
nextTargetRes:
|
|
583
|
-
nextIndexRes:
|
|
551
|
+
nextTargetRes: s,
|
|
552
|
+
nextIndexRes: c
|
|
584
553
|
};
|
|
585
554
|
}
|
|
586
555
|
}, {
|
|
587
556
|
key: "render",
|
|
588
557
|
value: function e() {
|
|
589
558
|
var r = this;
|
|
590
|
-
var a = this.props, o = a.appearance, l = a.children, i = a.describedBy, u = a.error,
|
|
559
|
+
var a = this.props, o = a.appearance, l = a.children, i = a.describedBy, u = a.error, c = a.labelledBy, f = a.splunkTheme, d = a.value, p = a.required, v = a.role, b = D(a, [ "appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value", "required", "role" ]);
|
|
591
560
|
if (false) {}
|
|
592
|
-
var y = this.isControlled() ?
|
|
593
|
-
var h =
|
|
561
|
+
var y = this.isControlled() ? d : this.state.value;
|
|
562
|
+
var h = f.isEnterprise;
|
|
594
563
|
var g = true;
|
|
595
564
|
this.filteredValues = [];
|
|
596
565
|
var m = t.Children.toArray(l).filter(t.isValidElement).map((function(e, n, a) {
|
|
@@ -609,42 +578,43 @@
|
|
|
609
578
|
});
|
|
610
579
|
}));
|
|
611
580
|
var O = this.filteredValues[0];
|
|
612
|
-
var x =
|
|
581
|
+
var x = d == null || this.filteredValues.includes(y);
|
|
613
582
|
if (false) {}
|
|
614
|
-
var
|
|
615
|
-
|
|
583
|
+
var k = h && o === "default" ? "default" : "subtle";
|
|
584
|
+
var S = {
|
|
585
|
+
appearance: k,
|
|
616
586
|
onClick: this.handleClick,
|
|
617
|
-
error: h ?
|
|
587
|
+
error: h ? u : false,
|
|
618
588
|
onKeyDown: this.handleOnKeyDown,
|
|
619
589
|
firstValue: O,
|
|
620
590
|
selectedValue: x ? y : undefined
|
|
621
591
|
};
|
|
622
592
|
|
|
623
|
-
return n().createElement(
|
|
593
|
+
return n().createElement(T, R({
|
|
624
594
|
flex: true,
|
|
625
595
|
$disabled: g,
|
|
626
596
|
$error: u,
|
|
627
597
|
"data-test": "radio-bar",
|
|
628
598
|
"data-test-value": y,
|
|
629
599
|
role: v,
|
|
630
|
-
"aria-labelledby":
|
|
600
|
+
"aria-labelledby": c,
|
|
631
601
|
"aria-describedby": i,
|
|
632
602
|
"aria-required": p
|
|
633
|
-
},
|
|
634
|
-
value:
|
|
603
|
+
}, s()(b, "onChange")), n().createElement(w.Provider, {
|
|
604
|
+
value: S
|
|
635
605
|
}, m));
|
|
636
606
|
}
|
|
637
607
|
} ]);
|
|
638
608
|
return a;
|
|
639
609
|
}(t.Component);
|
|
640
|
-
J
|
|
641
|
-
J
|
|
642
|
-
J
|
|
643
|
-
var
|
|
644
|
-
var
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
/* harmony default export */ const
|
|
610
|
+
W(J, "propTypes", F);
|
|
611
|
+
W(J, "defaultProps", G);
|
|
612
|
+
W(J, "Option", P);
|
|
613
|
+
var Q = (0, f.withSplunkTheme)(J);
|
|
614
|
+
var Y = Q;
|
|
615
|
+
Y.propTypes = J.propTypes;
|
|
616
|
+
Y.Option = P;
|
|
617
|
+
/* harmony default export */ const Z = Y;
|
|
648
618
|
// only for styled components using RadioBar
|
|
649
619
|
// CONCATENATED MODULE: ./src/RadioBar/index.ts
|
|
650
620
|
module.exports = r;
|