@splunk/react-ui 4.41.0 → 4.42.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.
Files changed (41) hide show
  1. package/ButtonGroup.js +1 -3
  2. package/CHANGELOG.md +22 -0
  3. package/Dropdown.js +33 -32
  4. package/Layer.js +115 -97
  5. package/Link.js +19 -21
  6. package/Menu.js +9 -8
  7. package/MessageBar.js +54 -56
  8. package/Multiselect.js +1051 -1035
  9. package/Number.js +51 -48
  10. package/Popover.js +481 -479
  11. package/Resize.js +61 -61
  12. package/ResultsMenu.js +4 -4
  13. package/Scroll.js +482 -475
  14. package/Select.js +532 -513
  15. package/Table.js +1515 -1433
  16. package/Text.js +29 -17
  17. package/TextArea.js +37 -37
  18. package/Tooltip.js +300 -207
  19. package/package.json +4 -4
  20. package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
  21. package/types/src/Dropdown/Dropdown.d.ts +2 -1
  22. package/types/src/Layer/Layer.d.ts +2 -1
  23. package/types/src/Link/Link.d.ts +0 -2
  24. package/types/src/Number/Number.d.ts +10 -2
  25. package/types/src/Popover/Popover.d.ts +1 -4
  26. package/types/src/Resize/Resize.d.ts +0 -11
  27. package/types/src/Scroll/Inner.d.ts +17 -19
  28. package/types/src/Select/SelectBase.d.ts +6 -4
  29. package/types/src/Table/ExpandButton.d.ts +8 -0
  30. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  31. package/types/src/Table/HeadInner.d.ts +5 -1
  32. package/types/src/Table/Row.d.ts +8 -2
  33. package/types/src/Tooltip/Tooltip.d.ts +38 -5
  34. package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
  35. package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
  36. package/types/src/useControlled/useControlled.d.ts +5 -4
  37. package/useControlled.js +37 -15
  38. package/usePrevious.js +62 -30
  39. package/useRovingFocus.js +5 -4
  40. package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
  41. package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
package/Number.js CHANGED
@@ -208,21 +208,21 @@
208
208
  displayName: "NumberStyles__StyledPrismaPlusButton",
209
209
  componentId: "sc-2ekj9s-5"
210
210
  })([ "border-top-right-radius:4px;" ]);
211
- var q = w()(B).withConfig({
211
+ var A = w()(B).withConfig({
212
212
  displayName: "NumberStyles__StyledPrismaMinusButton",
213
213
  componentId: "sc-2ekj9s-6"
214
214
  })([ "border-bottom-right-radius:4px;padding-bottom:5px;" ]);
215
215
  // CONCATENATED MODULE: ./src/Number/Number.tsx
216
- function K(e) {
216
+ function q(e) {
217
217
  "@babel/helpers - typeof";
218
- return K = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
218
+ return q = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
219
219
  return typeof e;
220
220
  } : function(e) {
221
221
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
222
- }, K(e);
222
+ }, q(e);
223
223
  }
224
- function A() {
225
- return A = Object.assign ? Object.assign.bind() : function(e) {
224
+ function K() {
225
+ return K = Object.assign ? Object.assign.bind() : function(e) {
226
226
  for (var t = 1; t < arguments.length; t++) {
227
227
  var r = arguments[t];
228
228
  for (var n in r) {
@@ -230,7 +230,7 @@
230
230
  }
231
231
  }
232
232
  return e;
233
- }, A.apply(null, arguments);
233
+ }, K.apply(null, arguments);
234
234
  }
235
235
  function M(e, t) {
236
236
  var r = Object.keys(e);
@@ -242,7 +242,7 @@
242
242
  }
243
243
  return r;
244
244
  }
245
- function F(e) {
245
+ function R(e) {
246
246
  for (var t = 1; t < arguments.length; t++) {
247
247
  var r = null != arguments[t] ? arguments[t] : {};
248
248
  t % 2 ? M(Object(r), !0).forEach((function(t) {
@@ -253,7 +253,7 @@
253
253
  }
254
254
  return e;
255
255
  }
256
- function R(e, t) {
256
+ function F(e, t) {
257
257
  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
258
258
  }
259
259
  function U(e, t) {
@@ -297,7 +297,7 @@
297
297
  };
298
298
  }
299
299
  function G(e, t) {
300
- if (t && ("object" == K(t) || "function" == typeof t)) return t;
300
+ if (t && ("object" == q(t) || "function" == typeof t)) return t;
301
301
  if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
302
302
  return H(e);
303
303
  }
@@ -328,14 +328,14 @@
328
328
  }
329
329
  function W(e) {
330
330
  var t = Z(e, "string");
331
- return "symbol" == K(t) ? t : t + "";
331
+ return "symbol" == q(t) ? t : t + "";
332
332
  }
333
333
  function Z(e, t) {
334
- if ("object" != K(e) || !e) return e;
334
+ if ("object" != q(e) || !e) return e;
335
335
  var r = e[Symbol.toPrimitive];
336
336
  if (void 0 !== r) {
337
337
  var n = r.call(e, t || "default");
338
- if ("object" != K(n)) return n;
338
+ if ("object" != q(n)) return n;
339
339
  throw new TypeError("@@toPrimitive must return a primitive value.");
340
340
  }
341
341
  return ("string" === t ? String : Number)(e);
@@ -362,6 +362,8 @@
362
362
  onBlur: i().func,
363
363
  onChange: i().func,
364
364
  onFocus: i().func,
365
+ endAdornment: i().node,
366
+ startAdornment: i().node,
365
367
  onKeyDown: i().func,
366
368
  onKeyUp: i().func,
367
369
  onSelect: i().func,
@@ -468,7 +470,7 @@
468
470
  } ]);
469
471
  function r(e) {
470
472
  var n;
471
- R(this, r);
473
+ F(this, r);
472
474
  n = t.call(this, e);
473
475
  Q(H(n), "controlledExternally", void 0);
474
476
  Q(H(n), "text", null);
@@ -648,30 +650,30 @@
648
650
  key: "render",
649
651
  value: function e() {
650
652
  var t = this;
651
- var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, b = r.min, h = r.prepend, y = r.splunkTheme;
652
- var g = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
653
- var S = y.isPrisma;
654
- var w = S ? {} : {
653
+ var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.elementRef, s = r.error, p = r.hideStepButtons, c = r.inline, d = r.value, v = d === void 0 ? this.state.value : d, b = r.max, h = r.min, y = r.prepend, g = r.splunkTheme, S = r.endAdornment, w = r.startAdornment;
654
+ var x = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
655
+ var O = g.isPrisma;
656
+ var j = O ? {} : {
655
657
  append: o,
656
658
  prepend: !o,
657
- error: l,
659
+ error: s,
658
660
  inline: false
659
661
  };
660
- var x = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
661
- var O = d !== undefined && u()(d) && b !== undefined && u()(b) && d <= b;
662
- var j = n().createElement(k, {
662
+ var P = v !== undefined && u()(v) && b !== undefined && u()(b) && v >= b;
663
+ var C = v !== undefined && u()(v) && h !== undefined && u()(h) && v <= h;
664
+ var T = n().createElement(k, {
663
665
  width: "6px",
664
666
  height: "4px",
665
667
  screenReaderText: (0, m._)("Increment")
666
668
  });
667
- var P = F({
669
+ var _ = R({
668
670
  "data-test": "increment",
669
- disabled: a || x,
671
+ disabled: a || P,
670
672
  onClick: this.handleIncrement,
671
673
  tabIndex: -1
672
- }, w);
673
- var C = S ? n().createElement(I, P, j) : n().createElement(N, P, j);
674
- var T = n().createElement(k, {
674
+ }, j);
675
+ var B = O ? n().createElement(I, _, T) : n().createElement(N, _, T);
676
+ var q = n().createElement(k, {
675
677
  width: "6px",
676
678
  height: "4px",
677
679
  screenReaderText: (0, m._)("Decrement"),
@@ -679,47 +681,48 @@
679
681
  transform: "rotateX(180deg)"
680
682
  }
681
683
  });
682
- var _ = F({
684
+ var M = R({
683
685
  "data-test": "decrement",
684
- disabled: a || O,
686
+ disabled: a || C,
685
687
  onClick: this.handleDecrement,
686
688
  tabIndex: -1
687
- }, w);
688
- var B = S ? n().createElement(q, _, T) : n().createElement(D, _, T);
689
- var K = o && !h;
690
- var M = (!a || S) && K && !s && n().createElement(E, {
691
- $isAppend: K
692
- }, C, B);
693
- var R = (!a || S) && !K && !s && n().createElement(E, {
694
- $isAppend: K
695
- }, C, B);
689
+ }, j);
690
+ var F = O ? n().createElement(A, M, q) : n().createElement(D, M, q);
691
+ var U = o && !y;
692
+ var z = (!a || O) && U && !p && n().createElement(E, {
693
+ $isAppend: U
694
+ }, B, F);
695
+ var X = (!a || O) && !U && !p && n().createElement(E, {
696
+ $isAppend: U
697
+ }, B, F);
696
698
 
697
- return n().createElement(V, A({
699
+ return n().createElement(V, K({
698
700
  autoCapitalize: "off",
699
701
  autoComplete: "off",
700
702
  autoCorrect: "off",
701
703
  spellCheck: false,
702
704
  "data-test": "number",
705
+ elementRef: l,
703
706
  ref: function e(r) {
704
707
  t.text = r;
705
708
  }
706
- }, g, {
707
- inline: p,
709
+ }, x, {
710
+ inline: c,
708
711
  onChange: this.handleInputChange,
709
712
  onBlur: this.handleInputBlur,
710
713
  onKeyDown: this.handleKeyDown,
711
714
  onKeyUp: this.handleKeyUp,
712
715
  value: this.state.stringValue,
713
716
  "aria-describedby": i,
714
- error: l,
715
- "data-test-value": d,
716
- startAdornment: M,
717
- endAdornment: R,
717
+ error: s,
718
+ "data-test-value": v,
719
+ startAdornment: w || z,
720
+ endAdornment: S || X,
718
721
  role: "spinbutton",
719
722
  "aria-valuenow": this.state.value,
720
- "aria-valuemin": b,
721
- "aria-valuemax": v,
722
- "aria-invalid": l
723
+ "aria-valuemin": h,
724
+ "aria-valuemax": b,
725
+ "aria-invalid": s
723
726
  }));
724
727
  }
725
728
  } ]);