@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/Link.js CHANGED
@@ -61,7 +61,6 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- StyledLink: () => /* reexport */ x,
65
64
  default: () => /* reexport */ Q
66
65
  });
67
66
  // CONCATENATED MODULE: external "react"
@@ -106,10 +105,10 @@
106
105
  }
107
106
  /* harmony default export */ const O = g;
108
107
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
109
- const S = require("@splunk/react-ui/Clickable");
110
- var j = e.n(S);
108
+ const j = require("@splunk/react-ui/Clickable");
109
+ var x = e.n(j);
111
110
  // CONCATENATED MODULE: ./src/Link/LinkStyles.ts
112
- var x = p()(j()).withConfig({
111
+ var S = p()(x()).withConfig({
113
112
  displayName: "LinkStyles__StyledClickable",
114
113
  componentId: "sc-1hhltcf-0"
115
114
  })([ "", ";color:", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;border-radius:", ";&:not([disabled],[aria-disabled='true']){cursor:pointer;", ";&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}" ], v.mixins.reset("inline"), (0,
@@ -198,11 +197,11 @@
198
197
  }, N(e, t);
199
198
  }
200
199
  function R(e) {
201
- var t = L();
200
+ var t = A();
202
201
  return function() {
203
- var r, n = A(e);
202
+ var r, n = B(e);
204
203
  if (t) {
205
- var o = A(this).constructor;
204
+ var o = B(this).constructor;
206
205
  r = Reflect.construct(n, arguments, o);
207
206
  } else r = n.apply(this, arguments);
208
207
  return M(this, r);
@@ -217,20 +216,20 @@
217
216
  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
218
217
  return e;
219
218
  }
220
- function L() {
219
+ function A() {
221
220
  try {
222
221
  var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
223
222
  } catch (e) {}
224
- return (L = function t() {
223
+ return (A = function t() {
225
224
  return !!e;
226
225
  })();
227
226
  }
228
- function A(e) {
229
- return A = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
227
+ function B(e) {
228
+ return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
230
229
  return e.__proto__ || Object.getPrototypeOf(e);
231
- }, A(e);
230
+ }, B(e);
232
231
  }
233
- function B(e, t, r) {
232
+ function L(e, t, r) {
234
233
  return (t = z(t)) in e ? Object.defineProperty(e, t, {
235
234
  value: r,
236
235
  enumerable: !0,
@@ -279,8 +278,8 @@
279
278
  o[i] = arguments[i];
280
279
  }
281
280
  e = t.call.apply(t, [ this ].concat(o));
282
- B(D(e), "component", null);
283
- B(D(e), "handleMount", (function(t) {
281
+ L(D(e), "component", null);
282
+ L(D(e), "handleMount", (function(t) {
284
283
  e.component = t;
285
284
  }));
286
285
  return e;
@@ -307,7 +306,7 @@
307
306
  u = typeof o === "string" ? o : J;
308
307
  }
309
308
 
310
- return n().createElement(x, k({
309
+ return n().createElement(S, k({
311
310
  "data-test": "link",
312
311
  ref: this.handleMount,
313
312
  openInNewContext: a
@@ -316,11 +315,10 @@
316
315
  } ]);
317
316
  return r;
318
317
  }(r.Component);
319
- B(K, "propTypes", H);
320
- B(K, "defaultProps", G);
321
- B(K, u.legacyRefMode, true);
318
+ L(K, "propTypes", H);
319
+ L(K, "defaultProps", G);
320
+ L(K, u.legacyRefMode, true);
322
321
  /* harmony default export */ const Q = K;
323
- // exported so that we can style both <a> and <button> tags in MessageBar
324
- // CONCATENATED MODULE: ./src/Link/index.ts
322
+ // CONCATENATED MODULE: ./src/Link/index.ts
325
323
  module.exports = t;
326
324
  /******/})();
package/Menu.js CHANGED
@@ -294,8 +294,8 @@
294
294
  const L = require("lodash/isString");
295
295
  var z = e.n(L);
296
296
  // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
297
- const K = require("@splunk/react-icons/ChevronRight");
298
- var B = e.n(K);
297
+ const B = require("@splunk/react-icons/ChevronRight");
298
+ var K = e.n(B);
299
299
  // CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
300
300
  const W = require("@splunk/react-icons/Checkmark");
301
301
  var G = e.n(W);
@@ -668,10 +668,10 @@
668
668
  }) : e[t] = r, e;
669
669
  }
670
670
  function ze(e) {
671
- var t = Ke(e, "string");
671
+ var t = Be(e, "string");
672
672
  return "symbol" == Ee(t) ? t : t + "";
673
673
  }
674
- function Ke(e, t) {
674
+ function Be(e, t) {
675
675
  if ("object" != Ee(e) || !e) return e;
676
676
  var r = e[Symbol.toPrimitive];
677
677
  if (void 0 !== r) {
@@ -681,7 +681,7 @@
681
681
  }
682
682
  return ("string" === t ? String : Number)(e);
683
683
  }
684
- var Be = {
684
+ var Ke = {
685
685
  active: o().bool,
686
686
  children: o().node,
687
687
  description: o().string,
@@ -866,11 +866,12 @@
866
866
  interactive: false,
867
867
  value: "menu-item",
868
868
  selectedLabel: "Selected",
869
- selected: c
869
+ selected: c,
870
+ disabled: Boolean(d)
870
871
  }), o && n().createElement(me, null, S ? n().createElement(Y(), {
871
872
  hideDefaultTooltip: true,
872
873
  screenReaderText: null
873
- }) : n().createElement(B(), null)), T && n().createElement(ae, {
874
+ }) : n().createElement(K(), null)), T && n().createElement(ae, {
874
875
  "data-test": "description"
875
876
  }, u), n().createElement(ue, null, x ? n().createElement(se, null, x) : p && n().createElement(se, null, p), n().createElement(de, {
876
877
  $truncate: y
@@ -886,7 +887,7 @@
886
887
  } ]);
887
888
  return r;
888
889
  }(r.Component);
889
- Le(Ve, "propTypes", Be);
890
+ Le(Ve, "propTypes", Ke);
890
891
  Le(Ve, "defaultProps", We);
891
892
  Le(Ve, "as", void 0);
892
893
  Le(Ve, "contextType", h);
package/MessageBar.js CHANGED
@@ -61,7 +61,7 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ ie
64
+ default: () => /* reexport */ se
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const a = require("react");
@@ -115,13 +115,11 @@
115
115
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
116
116
  const N = require("@splunk/react-ui/Clickable");
117
117
  var R = e.n(N);
118
- // CONCATENATED MODULE: external "@splunk/react-ui/Link"
119
- const T = require("@splunk/react-ui/Link");
120
118
  // CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
121
- var W = g().div.withConfig({
119
+ var T = g().div.withConfig({
122
120
  displayName: "MessageBarStyles__MessageBarContent",
123
121
  componentId: "sc-1uyhzza-0"
124
- })([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a,& ", "{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;", ";}}" ], u.mixins.reset("inline"), /* sc-sel */ T.StyledLink, u.variables.borderRadius, (0,
122
+ })([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a,& button[data-test='link']{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;", ";}}" ], u.mixins.reset("inline"), u.variables.borderRadius, (0,
125
123
  u.pick)({
126
124
  enterprise: {
127
125
  dark: (0, b.css)([ "box-shadow:0 0 0 2px ", ";" ], u.variables.gray80),
@@ -137,7 +135,7 @@
137
135
  dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
138
136
  }
139
137
  }));
140
- var P = g()(R()).withConfig({
138
+ var W = g()(R()).withConfig({
141
139
  displayName: "MessageBarStyles__MessageBarCloseWrapper",
142
140
  componentId: "sc-1uyhzza-1"
143
141
  })([ "", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:1px solid;border-color:", ";color:", ";}&:active{", ";}", "" ], u.mixins.reset("flex"), u.variables.borderRadius, (0,
@@ -175,40 +173,40 @@
175
173
  dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
176
174
  }))
177
175
  }));
178
- var $ = (0, b.css)([ "margin-left:auto;" ]);
179
- var A = g()(y()).withConfig({
176
+ var P = (0, b.css)([ "margin-left:auto;" ]);
177
+ var $ = g()(y()).withConfig({
180
178
  displayName: "MessageBarStyles__StyledCheckCircleIcon",
181
179
  componentId: "sc-1uyhzza-2"
182
- })([ "", "" ], $);
183
- var L = g()(k()).withConfig({
180
+ })([ "", "" ], P);
181
+ var A = g()(k()).withConfig({
184
182
  displayName: "MessageBarStyles__StyledExclamationCircleIcon",
185
183
  componentId: "sc-1uyhzza-3"
186
- })([ "", "" ], $);
187
- var V = g()(x()).withConfig({
184
+ })([ "", "" ], P);
185
+ var L = g()(x()).withConfig({
188
186
  displayName: "MessageBarStyles__StyledInformationCircleIcon",
189
187
  componentId: "sc-1uyhzza-4"
190
- })([ "", "" ], $);
191
- var D = g()(w()).withConfig({
188
+ })([ "", "" ], P);
189
+ var V = g()(w()).withConfig({
192
190
  displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
193
191
  componentId: "sc-1uyhzza-5"
194
- })([ "", "" ], $);
195
- var H = g()(_()).withConfig({
192
+ })([ "", "" ], P);
193
+ var D = g()(_()).withConfig({
196
194
  displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
197
195
  componentId: "sc-1uyhzza-6"
198
- })([ "", " color:", ";" ], $, u.variables.errorColor);
199
- var X = g()(z()).withConfig({
196
+ })([ "", " color:", ";" ], P, u.variables.errorColor);
197
+ var H = g()(z()).withConfig({
200
198
  displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
201
199
  componentId: "sc-1uyhzza-7"
202
- })([ "", " color:", ";" ], $, u.variables.infoColor);
203
- var F = g()(E()).withConfig({
200
+ })([ "", " color:", ";" ], P, u.variables.infoColor);
201
+ var X = g()(E()).withConfig({
204
202
  displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
205
203
  componentId: "sc-1uyhzza-8"
206
- })([ "", " color:", ";" ], $, u.variables.successColor);
207
- var G = g()(B()).withConfig({
204
+ })([ "", " color:", ";" ], P, u.variables.successColor);
205
+ var F = g()(B()).withConfig({
208
206
  displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
209
207
  componentId: "sc-1uyhzza-9"
210
- })([ "", " color:", ";" ], $, u.variables.warningColor);
211
- var J = g()(j()).withConfig({
208
+ })([ "", " color:", ";" ], P, u.variables.warningColor);
209
+ var G = g()(j()).withConfig({
212
210
  displayName: "MessageBarStyles__MessageBarWrapper",
213
211
  componentId: "sc-1uyhzza-10"
214
212
  })([ "", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";" ], u.mixins.reset("block"), u.variables.spacingSmall, (function(e) {
@@ -268,8 +266,8 @@
268
266
  }))
269
267
  }));
270
268
  // CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
271
- function K() {
272
- return K = Object.assign ? Object.assign.bind() : function(e) {
269
+ function J() {
270
+ return J = Object.assign ? Object.assign.bind() : function(e) {
273
271
  for (var r = 1; r < arguments.length; r++) {
274
272
  var a = arguments[r];
275
273
  for (var s in a) {
@@ -277,11 +275,11 @@
277
275
  }
278
276
  }
279
277
  return e;
280
- }, K.apply(null, arguments);
278
+ }, J.apply(null, arguments);
281
279
  }
282
- function Q(e, r) {
280
+ function K(e, r) {
283
281
  if (null == e) return {};
284
- var a, s, i = U(e, r);
282
+ var a, s, i = Q(e, r);
285
283
  if (Object.getOwnPropertySymbols) {
286
284
  var n = Object.getOwnPropertySymbols(e);
287
285
  for (s = 0; s < n.length; s++) {
@@ -290,7 +288,7 @@
290
288
  }
291
289
  return i;
292
290
  }
293
- function U(e, r) {
291
+ function Q(e, r) {
294
292
  if (null == e) return {};
295
293
  var a = {};
296
294
  for (var s in e) {
@@ -301,39 +299,39 @@
301
299
  }
302
300
  return a;
303
301
  }
304
- var Y = {
302
+ var U = {
305
303
  children: n().node.isRequired,
306
304
  onRequestClose: n().func,
307
305
  type: n().oneOf([ "info", "success", "warning", "error" ]).isRequired
308
306
  };
309
- var Z = Object.freeze({
307
+ var Y = Object.freeze({
310
308
  info: (0, v._)("Info"),
311
309
  warning: (0, v._)("Warning"),
312
310
  error: (0, v._)("Alert"),
313
311
  success: (0, v._)("Success")
314
312
  });
315
- var ee = Object.freeze({
316
- info: X,
317
- warning: G,
318
- error: H,
319
- success: F
313
+ var Z = Object.freeze({
314
+ info: H,
315
+ warning: F,
316
+ error: D,
317
+ success: X
320
318
  });
321
- var re = Object.freeze({
322
- info: V,
323
- warning: D,
324
- error: L,
325
- success: A
319
+ var ee = Object.freeze({
320
+ info: L,
321
+ warning: V,
322
+ error: A,
323
+ success: $
326
324
  });
327
- var ae = "24px";
328
- function se(e) {
329
- var r = e.children, a = e.type, i = e.onRequestClose, n = Q(e, [ "children", "type", "onRequestClose" ]);
325
+ var re = "24px";
326
+ function ae(e) {
327
+ var r = e.children, a = e.type, i = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
330
328
  // @docs-props-type MessageBarPropsBase
331
329
  var o = (0, u.useSplunkTheme)(), l = o.isEnterprise;
332
- var p = l && a === "error" ? "22px" : ae;
333
- var b = l && a === "warning" ? "21px" : ae;
330
+ var p = l && a === "error" ? "22px" : re;
331
+ var b = l && a === "warning" ? "21px" : re;
334
332
  var g;
335
333
  if (l) {
336
- var h = ee[a];
334
+ var h = Z[a];
337
335
  g = s().createElement(h, {
338
336
  height: b,
339
337
  width: p,
@@ -343,27 +341,27 @@
343
341
  "data-test": "icon"
344
342
  });
345
343
  } else {
346
- var y = re[a];
344
+ var y = ee[a];
347
345
  g = s().createElement(y, {
348
- height: ae,
349
- width: ae,
346
+ height: re,
347
+ width: re,
350
348
  variant: "filled",
351
349
  "aria-hidden": true,
352
350
  "data-test": "icon"
353
351
  });
354
352
  }
355
353
 
356
- return s().createElement(J, K({
354
+ return s().createElement(G, J({
357
355
  $type: a,
358
356
  "data-test": "message-bar",
359
357
  "data-test-type": a
360
358
  }, n, {
361
359
  role: "region",
362
360
  $hasCloseButton: Boolean(i)
363
- }), g, s().createElement(d(), null, Z[a]), s().createElement(W, {
361
+ }), g, s().createElement(d(), null, Y[a]), s().createElement(T, {
364
362
  $type: a,
365
363
  "data-test": "content"
366
- }, r), i && s().createElement(P, {
364
+ }, r), i && s().createElement(W, {
367
365
  $type: a,
368
366
  onClick: i
369
367
  }, l ? s().createElement(c(), {
@@ -379,8 +377,8 @@
379
377
  width: "19px"
380
378
  }), s().createElement(d(), null, (0, v._)("Close"))));
381
379
  }
382
- se.propTypes = Y;
383
- /* harmony default export */ const ie = se;
380
+ ae.propTypes = U;
381
+ /* harmony default export */ const se = ae;
384
382
  // CONCATENATED MODULE: ./src/MessageBar/index.ts
385
383
  module.exports = r;
386
384
  /******/})();