@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/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 */ re
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 c = e.n(u);
78
+ var s = e.n(u);
79
79
  // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
80
- const s = require("@splunk/ui-utils/keyboard");
80
+ const c = require("@splunk/ui-utils/keyboard");
81
81
  // CONCATENATED MODULE: external "@splunk/themes"
82
- const d = require("@splunk/themes");
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 v = require("styled-components");
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 g = b()(h()).withConfig({
94
- displayName: "OptionStyles__StyledClickable",
90
+ var y = p()(b()).withConfig({
91
+ displayName: "OptionStyles__StyledButton",
95
92
  componentId: "fyq77p-0"
96
- })([ "border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", "" ], d.variables.contentColorDefault, d.variables.inputHeight, d.variables.spacingXSmall, (function(e) {
97
- var r = e.$selected;
98
- return r && (0, v.css)([ "color:", ";background-color:", ";box-shadow:", ";" ], d.variables.contentColorActive, (0,
99
- d.pick)({
100
- dark: d.variables.interactiveColorOverlaySelected,
101
- light: d.variables.white
102
- }), d.variables.embossShadow);
103
- }), (function(e) {
104
- var r = e.$selected, t = e.disabled;
105
- return r && t && (0, v.css)([ "background-color:", ";" ], d.variables.backgroundColorPage);
106
- }), d.variables.contentColorActive, d.variables.focusShadow, d.variables.interactiveColorOverlayActive, (function(e) {
107
- var r = e.$selected, t = e.disabled;
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 m = b().div.withConfig({
114
- displayName: "OptionStyles__StyledIcon",
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 O = b().div.withConfig({
110
+ var g = p().div.withConfig({
118
111
  displayName: "OptionStyles__StyledLabel",
119
112
  componentId: "fyq77p-2"
120
- })([ "", " flex:0 1 auto;", "" ], d.mixins.ellipsis, (0, d.pick)({
121
- enterprise: (0, v.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
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 x = b().div.withConfig({
116
+ var m = p().div.withConfig({
124
117
  displayName: "OptionStyles__StyledAdornment",
125
118
  componentId: "fyq77p-3"
126
- })([ "flex:0 0 auto;", "" ], (0, d.pick)({
127
- enterprise: (0, v.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
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 w = (0, t.createContext)({});
131
- w.displayName = "RadioBar";
132
- /* harmony default export */ const k = w;
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 C() {
135
- C = Object.assign || function(e) {
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 C.apply(this, arguments);
139
+ return x.apply(this, arguments);
147
140
  }
148
- function S(e, r) {
141
+ function k(e, r) {
149
142
  if (e == null) return {};
150
- var t = j(e, r);
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 j(e, r) {
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 P = {
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 E(e) {
193
- var r = e.disabled, a = e.icon, o = e.label, l = e.selected, i = e.startAdornment, u = e.endAdornment, c = e.value, s = e.role, d = s === void 0 ? "radio" : s, f = S(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
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)(k), b = v.onClick, y = v.appearance, h = v.error, w = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
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 E = -1;
191
+ var T = -1;
198
192
  if (P) {
199
- if (c === P) {
200
- E = 0;
193
+ if (s === P) {
194
+ T = 0;
201
195
  }
202
- } else if (c === j) {
203
- E = 0;
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(p(), C({
201
+ return n().createElement(y, x({
233
202
  "data-test": "option",
234
- "data-test-value": c,
235
- appearance: y,
203
+ "data-test-value": s,
204
+ appearance: O,
236
205
  disabled: r,
237
- icon: a,
238
- selected: l,
239
- value: c,
240
- error: h
241
- }, f, {
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: c,
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 w === null || w === void 0 ? void 0 : w(r, {
253
- value: c,
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(x, null, i), o && n().createElement(O, null, o), u && n().createElement(x, null, u));
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
- E.propTypes = P;
260
- /* harmony default export */ const _ = E;
228
+ C.propTypes = j;
229
+ /* harmony default export */ const P = C;
261
230
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
262
- const T = require("@splunk/react-ui/Box");
263
- var q = e.n(T);
231
+ const E = require("@splunk/react-ui/Box");
232
+ var _ = e.n(E);
264
233
  // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
265
- var D = b()(q()).withConfig({
234
+ var T = p()(_()).withConfig({
266
235
  displayName: "RadioBarStyles__StyledRadioBar",
267
236
  componentId: "gg1b79-0"
268
- })([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ], d.variables.inputHeight, (0,
269
- d.pick)({
270
- prisma: (0, v.css)([ "padding:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], d.variables.borderRadius, (function(e) {
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 ? d.variables.accentColorNegative : "transparent";
241
+ return r ? f.variables.accentColorNegative : "transparent";
273
242
  }), (function(e) {
274
243
  var r = e.$disabled;
275
- return r ? d.variables.interactiveColorBackgroundDisabled : d.variables.interactiveColorBackground;
244
+ return r ? f.variables.interactiveColorBackgroundDisabled : f.variables.interactiveColorBackground;
276
245
  }))
277
- }), d.variables.spacingSmall);
246
+ }), f.variables.spacingSmall);
278
247
  // CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
279
- function R(e) {
248
+ function q(e) {
280
249
  "@babel/helpers - typeof";
281
250
  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
282
- R = function e(r) {
251
+ q = function e(r) {
283
252
  return typeof r;
284
253
  };
285
254
  } else {
286
- R = function e(r) {
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 R(e);
259
+ return q(e);
291
260
  }
292
- function V() {
293
- V = Object.assign || function(e) {
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 V.apply(this, arguments);
273
+ return R.apply(this, arguments);
305
274
  }
306
- function A(e, r) {
275
+ function D(e, r) {
307
276
  if (e == null) return {};
308
- var t = B(e, r);
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 B(e, r) {
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 I(e, r) {
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 N(e) {
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
- I(Object(t), true).forEach((function(r) {
349
- J(e, r, t[r]);
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
- I(Object(t)).forEach((function(r) {
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 $(e, r) {
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 K(e, r) {
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 H(e, r, t) {
376
- if (r) K(e.prototype, r);
377
- if (t) K(e, 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 M(e, r) {
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) X(e, r);
360
+ if (r) H(e, r);
392
361
  }
393
- function X(e, r) {
394
- X = Object.setPrototypeOf || function e(r, t) {
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 X(e, r);
367
+ return H(e, r);
399
368
  }
400
- function z(e) {
401
- var r = F();
369
+ function M(e) {
370
+ var r = L();
402
371
  return function t() {
403
- var n = G(e), a;
372
+ var n = U(e), a;
404
373
  if (r) {
405
- var o = G(this).constructor;
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 L(this, a);
379
+ return X(this, a);
411
380
  };
412
381
  }
413
- function L(e, r) {
414
- if (r && (R(r) === "object" || typeof r === "function")) {
382
+ function X(e, r) {
383
+ if (r && (q(r) === "object" || typeof r === "function")) {
415
384
  return r;
416
385
  }
417
- return U(e);
386
+ return z(e);
418
387
  }
419
- function U(e) {
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 F() {
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 G(e) {
437
- G = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
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 G(e);
409
+ return U(e);
441
410
  }
442
- function J(e, r, t) {
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 Q = {
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 W = {
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 Y = function(e) {
482
- M(a, e);
483
- var r = z(a);
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
- $(this, a);
457
+ N(this, a);
489
458
  t = r.call(this, e);
490
- J(U(t), "controlledExternally", void 0);
491
- J(U(t), "filteredValues", []);
492
- J(U(t), "handleClick", (function(e, r) {
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
- J(U(t), "handleOnKeyDown", (function(e, r) {
464
+ W(z(t), "handleOnKeyDown", (function(e, r) {
496
465
  var n = r.value, a = r.label;
497
- var o = (0, s.keycode)(e.nativeEvent);
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 c = t.filteredValues.indexOf(n);
470
+ var s = t.filteredValues.indexOf(n);
502
471
  if (o === "down" || o === "right") {
503
472
  e.preventDefault();
504
- var d = t.getNextTarget("forward", l, c), f = d.nextTargetRes, p = d.nextIndexRes;
505
- i = f;
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, c), b = v.nextTargetRes, y = v.nextIndexRes;
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
- J(U(t), "handleOnChange", (function(e, r) {
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, N({
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
- H(a, [ {
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 c = null;
566
- var s = n + a;
567
- while (u !== t && c === null) {
534
+ var s = null;
535
+ var c = n + a;
536
+ while (u !== t && s === null) {
568
537
  if (u === null) {
569
- var d;
570
- u = (d = t.parentElement) === null || d === void 0 ? void 0 : d[l];
571
- s = i;
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 f = u[o];
575
- u = f;
576
- s += a;
543
+ var d = u[o];
544
+ u = d;
545
+ c += a;
577
546
  } else {
578
- c = u;
547
+ s = u;
579
548
  }
580
549
  }
581
550
  return {
582
- nextTargetRes: c,
583
- nextIndexRes: s
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, s = a.labelledBy, d = a.splunkTheme, f = a.value, p = a.required, v = a.role, b = A(a, [ "appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value", "required", "role" ]);
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() ? f : this.state.value;
593
- var h = d.isPrisma;
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 = f == null || this.filteredValues.includes(y);
581
+ var x = d == null || this.filteredValues.includes(y);
613
582
  if (false) {}
614
- var w = {
615
- appearance: h ? "prisma" : o,
583
+ var k = h && o === "default" ? "default" : "subtle";
584
+ var S = {
585
+ appearance: k,
616
586
  onClick: this.handleClick,
617
- error: h ? false : u,
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(D, V({
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": s,
600
+ "aria-labelledby": c,
631
601
  "aria-describedby": i,
632
602
  "aria-required": p
633
- }, c()(b, "onChange")), n().createElement(k.Provider, {
634
- value: w
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(Y, "propTypes", Q);
641
- J(Y, "defaultProps", W);
642
- J(Y, "Option", _);
643
- var Z = (0, d.withSplunkTheme)(Y);
644
- var ee = Z;
645
- ee.propTypes = Y.propTypes;
646
- ee.Option = _;
647
- /* harmony default export */ const re = ee;
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;