@splunk/react-ui 4.38.0 → 4.39.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 (136) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +151 -169
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +28 -0
  11. package/Calendar.js +353 -414
  12. package/Card.js +183 -243
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +104 -122
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +165 -194
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +92 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +506 -532
  41. package/Message.js +173 -196
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +1589 -1902
  47. package/Number.js +159 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +448 -441
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +1077 -1345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.js +222 -245
  64. package/StaticContent.js +68 -76
  65. package/StepBar.js +206 -205
  66. package/Switch.js +176 -205
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +379 -493
  71. package/TextArea.js +411 -441
  72. package/Tooltip.js +116 -132
  73. package/TransitionOpen.js +160 -178
  74. package/Tree.js +268 -287
  75. package/Typography.js +48 -52
  76. package/WaitSpinner.js +60 -68
  77. package/cypress/support/commands.ts +9 -0
  78. package/cypress/support/index.d.ts +6 -0
  79. package/cypress/tsconfig.cypress.json +1 -0
  80. package/docker-compose.yml +0 -1
  81. package/package.json +14 -14
  82. package/types/src/Button/Button.d.ts +5 -1
  83. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  85. package/types/src/Color/Color.d.ts +2 -2
  86. package/types/src/Color/Palette.d.ts +4 -2
  87. package/types/src/ComboBox/Option.d.ts +1 -1
  88. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  89. package/types/src/Date/Date.d.ts +2 -2
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Menu/Item.d.ts +18 -5
  93. package/types/src/Menu/Menu.d.ts +3 -3
  94. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  95. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  96. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  97. package/types/src/Multiselect/Option.d.ts +2 -0
  98. package/types/src/Number/Number.d.ts +3 -3
  99. package/types/src/Popover/Popover.d.ts +3 -4
  100. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  101. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  102. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  103. package/types/src/Search/Option.d.ts +9 -3
  104. package/types/src/Select/Option.d.ts +3 -1
  105. package/types/src/Select/OptionBase.d.ts +7 -5
  106. package/types/src/Select/Select.d.ts +1 -1
  107. package/types/src/Select/SelectAllOption.d.ts +4 -4
  108. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  109. package/types/src/Slider/Slider.d.ts +2 -2
  110. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  111. package/types/src/StepBar/Step.d.ts +1 -2
  112. package/types/src/Switch/Switch.d.ts +0 -1
  113. package/types/src/TabBar/Tab.d.ts +1 -1
  114. package/types/src/TabBar/TabBar.d.ts +3 -1
  115. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  116. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  117. package/types/src/Table/Table.d.ts +0 -1
  118. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  119. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  120. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  121. package/types/src/Text/Text.d.ts +2 -2
  122. package/types/src/TextArea/TextArea.d.ts +2 -2
  123. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  124. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  125. package/useForceUpdate.js +30 -32
  126. package/useKeyPress.js +1 -1
  127. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  128. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  129. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  130. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  131. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  132. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  133. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  134. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  135. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  136. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/CloseButton.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 = t => {
12
- /******/ var r = t && t.__esModule ?
13
- /******/ () => t["default"]
14
- /******/ : () => t
11
+ /******/ e.n = r => {
12
+ /******/ var t = r && r.__esModule ?
13
+ /******/ () => r["default"]
14
+ /******/ : () => r
15
15
  /******/;
16
- e.d(r, {
17
- a: r
16
+ e.d(t, {
17
+ a: t
18
18
  });
19
- /******/ return r;
19
+ /******/ return t;
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 = (t, r) => {
27
- /******/ for (var n in r) {
28
- /******/ if (e.o(r, n) && !e.o(t, n)) {
29
- /******/ Object.defineProperty(t, n, {
26
+ /******/ e.d = (r, t) => {
27
+ /******/ for (var n in t) {
28
+ /******/ if (e.o(t, n) && !e.o(r, n)) {
29
+ /******/ Object.defineProperty(r, n, {
30
30
  enumerable: true,
31
- get: r[n]
31
+ get: t[n]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -37,7 +37,7 @@
37
37
  /******/
38
38
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
39
  /******/ (() => {
40
- /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
40
+ /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
41
41
  /******/;
42
42
  })();
43
43
  /******/
@@ -56,25 +56,25 @@
56
56
  /******/ };
57
57
  /******/ })();
58
58
  /******/
59
- /************************************************************************/ var t = {};
59
+ /************************************************************************/ var r = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(t);
61
+ e.r(r);
62
62
  // EXPORTS
63
- e.d(t, {
63
+ e.d(r, {
64
64
  default: () => /* reexport */ j
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const r = require("react");
68
- var n = e.n(r);
67
+ const t = require("react");
68
+ var n = e.n(t);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
- const o = require("prop-types");
71
- var i = e.n(o);
70
+ const a = require("prop-types");
71
+ var i = e.n(a);
72
72
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
73
- const a = require("@splunk/react-icons/Cross");
74
- var s = e.n(a);
73
+ const o = require("@splunk/react-icons/Cross");
74
+ var l = e.n(o);
75
75
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
76
- const l = require("@splunk/react-icons/enterprise/Close");
77
- var u = e.n(l);
76
+ const s = require("@splunk/react-icons/enterprise/Close");
77
+ var u = e.n(s);
78
78
  // CONCATENATED MODULE: external "@splunk/themes"
79
79
  const c = require("@splunk/themes");
80
80
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
@@ -92,45 +92,37 @@
92
92
  })([ "float:right;width:", ";height:", ";text-align:center;" ], c.variables.inputHeight, c.variables.inputHeight);
93
93
  // CONCATENATED MODULE: ./src/CloseButton/CloseButton.tsx
94
94
  function m() {
95
- m = Object.assign || function(e) {
96
- for (var t = 1; t < arguments.length; t++) {
97
- var r = arguments[t];
98
- for (var n in r) {
99
- if (Object.prototype.hasOwnProperty.call(r, n)) {
100
- e[n] = r[n];
101
- }
95
+ return m = Object.assign ? Object.assign.bind() : function(e) {
96
+ for (var r = 1; r < arguments.length; r++) {
97
+ var t = arguments[r];
98
+ for (var n in t) {
99
+ ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
102
100
  }
103
101
  }
104
102
  return e;
105
- };
106
- return m.apply(this, arguments);
103
+ }, m.apply(null, arguments);
107
104
  }
108
- function g(e, t) {
109
- if (e == null) return {};
110
- var r = h(e, t);
111
- var n, o;
105
+ function g(e, r) {
106
+ if (null == e) return {};
107
+ var t, n, a = h(e, r);
112
108
  if (Object.getOwnPropertySymbols) {
113
109
  var i = Object.getOwnPropertySymbols(e);
114
- for (o = 0; o < i.length; o++) {
115
- n = i[o];
116
- if (t.indexOf(n) >= 0) continue;
117
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
118
- r[n] = e[n];
110
+ for (n = 0; n < i.length; n++) {
111
+ t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
119
112
  }
120
113
  }
121
- return r;
114
+ return a;
122
115
  }
123
- function h(e, t) {
124
- if (e == null) return {};
125
- var r = {};
126
- var n = Object.keys(e);
127
- var o, i;
128
- for (i = 0; i < n.length; i++) {
129
- o = n[i];
130
- if (t.indexOf(o) >= 0) continue;
131
- r[o] = e[o];
116
+ function h(e, r) {
117
+ if (null == e) return {};
118
+ var t = {};
119
+ for (var n in e) {
120
+ if ({}.hasOwnProperty.call(e, n)) {
121
+ if (r.includes(n)) continue;
122
+ t[n] = e[n];
123
+ }
132
124
  }
133
- return r;
125
+ return t;
134
126
  }
135
127
  var O = {
136
128
  disabled: i().bool,
@@ -138,21 +130,21 @@
138
130
  screenReaderText: i().string
139
131
  };
140
132
  function S(e) {
141
- var t = e.disabled, r = t === void 0 ? false : t, o = e.screenReaderText, i = o === void 0 ? (0,
142
- p._)("Close") : o, a = g(e, [ "disabled", "screenReaderText" ]);
143
- var l = (0, c.useSplunkTheme)(), d = l.isEnterprise, f = l.isCompact;
133
+ var r = e.disabled, t = r === void 0 ? false : r, a = e.screenReaderText, i = a === void 0 ? (0,
134
+ p._)("Close") : a, o = g(e, [ "disabled", "screenReaderText" ]);
135
+ var s = (0, c.useSplunkTheme)(), d = s.isEnterprise, f = s.isCompact;
144
136
  var v = f ? "20px" : "24px";
145
137
 
146
138
  return n().createElement(y, m({
147
139
  appearance: "pill",
148
- disabled: r,
140
+ disabled: t,
149
141
  "aria-label": i
150
- }, a), d ? n().createElement(u(), {
142
+ }, o), d ? n().createElement(u(), {
151
143
  "data-test": "cross",
152
144
  inline: false,
153
145
  screenReaderText: null,
154
146
  size: "13px"
155
- }) : n().createElement(s(), {
147
+ }) : n().createElement(l(), {
156
148
  "data-test": "cross",
157
149
  height: v,
158
150
  width: v
@@ -161,5 +153,5 @@
161
153
  S.propTypes = O;
162
154
  /* harmony default export */ const j = S;
163
155
  // CONCATENATED MODULE: ./src/CloseButton/index.ts
164
- module.exports = t;
156
+ module.exports = r;
165
157
  /******/})();
package/Code.js CHANGED
@@ -920,14 +920,14 @@
920
920
  // at least one Token object was removed, so we have to do some rematching
921
921
  // this can only happen if the current pattern is greedy
922
922
  /** @type {RematchOptions} */
923
- var j = {
923
+ var L = {
924
924
  cause: d + "," + f,
925
925
  reach: N
926
926
  };
927
- l(e, t, a, S.prev, A, j);
927
+ l(e, t, a, S.prev, A, L);
928
928
  // the reach might have been extended because of the rematching
929
- if (u && j.reach > u.reach) {
930
- u.reach = j.reach;
929
+ if (u && L.reach > u.reach) {
930
+ u.reach = L.reach;
931
931
  }
932
932
  }
933
933
  }
@@ -2114,7 +2114,7 @@
2114
2114
  a.r(n);
2115
2115
  // EXPORTS
2116
2116
  a.d(n, {
2117
- default: () => /* reexport */ L
2117
+ default: () => /* reexport */ j
2118
2118
  });
2119
2119
  // CONCATENATED MODULE: external "react"
2120
2120
  const e = require("react");
@@ -2241,43 +2241,35 @@
2241
2241
  }));
2242
2242
  // CONCATENATED MODULE: ./src/Code/Code.tsx
2243
2243
  function I() {
2244
- I = Object.assign || function(e) {
2244
+ return I = Object.assign ? Object.assign.bind() : function(e) {
2245
2245
  for (var t = 1; t < arguments.length; t++) {
2246
2246
  var a = arguments[t];
2247
2247
  for (var n in a) {
2248
- if (Object.prototype.hasOwnProperty.call(a, n)) {
2249
- e[n] = a[n];
2250
- }
2248
+ ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
2251
2249
  }
2252
2250
  }
2253
2251
  return e;
2254
- };
2255
- return I.apply(this, arguments);
2252
+ }, I.apply(null, arguments);
2256
2253
  }
2257
2254
  function R(e, t) {
2258
- if (e == null) return {};
2259
- var a = P(e, t);
2260
- var n, r;
2255
+ if (null == e) return {};
2256
+ var a, n, r = P(e, t);
2261
2257
  if (Object.getOwnPropertySymbols) {
2262
2258
  var s = Object.getOwnPropertySymbols(e);
2263
- for (r = 0; r < s.length; r++) {
2264
- n = s[r];
2265
- if (t.indexOf(n) >= 0) continue;
2266
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
2267
- a[n] = e[n];
2259
+ for (n = 0; n < s.length; n++) {
2260
+ a = s[n], t.includes(a) || {}.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
2268
2261
  }
2269
2262
  }
2270
- return a;
2263
+ return r;
2271
2264
  }
2272
2265
  function P(e, t) {
2273
- if (e == null) return {};
2266
+ if (null == e) return {};
2274
2267
  var a = {};
2275
- var n = Object.keys(e);
2276
- var r, s;
2277
- for (s = 0; s < n.length; s++) {
2278
- r = n[s];
2279
- if (t.indexOf(r) >= 0) continue;
2280
- a[r] = e[r];
2268
+ for (var n in e) {
2269
+ if ({}.hasOwnProperty.call(e, n)) {
2270
+ if (t.includes(n)) continue;
2271
+ a[n] = e[n];
2272
+ }
2281
2273
  }
2282
2274
  return a;
2283
2275
  }
@@ -2297,7 +2289,7 @@
2297
2289
  showIndentGuide: s().bool,
2298
2290
  value: s().string
2299
2291
  };
2300
- function j(e) {
2292
+ function L(e) {
2301
2293
  var a = e.elementRef, n = e.indentChars, r = n === void 0 ? 4 : n, s = e.language, i = e.languageFallback, l = i === void 0 ? "javascript" : i, c = e.showIndentGuide, d = c === void 0 ? true : c, f = e.value, h = f === void 0 ? "" : f, v = R(e, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
2302
2294
  // @docs-props-type CodePropsBase
2303
2295
  var b = g()(" ", r);
@@ -2315,7 +2307,7 @@
2315
2307
  }
2316
2308
  return i;
2317
2309
  };
2318
- // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
2310
+ // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
2319
2311
  var k = p()(N, s) > -1;
2320
2312
  if (false) {}
2321
2313
  var F = k && s ? s : l;
@@ -2345,6 +2337,7 @@
2345
2337
  }
2346
2338
  var s = typeof a.content === "string" ? a.content : e(a.content);
2347
2339
 
2340
+ // eslint-disable-next-line react/no-array-index-key
2348
2341
  return t().createElement($, {
2349
2342
  "data-part-type": a.type,
2350
2343
  partType: a.type,
@@ -2362,8 +2355,8 @@
2362
2355
  className: "language-".concat(F)
2363
2356
  }, _));
2364
2357
  }
2365
- j.propTypes = D;
2366
- /* harmony default export */ const L = j;
2358
+ L.propTypes = D;
2359
+ /* harmony default export */ const j = L;
2367
2360
  }) // CONCATENATED MODULE: ./src/Code/index.ts
2368
2361
  ();
2369
2362
  module.exports = n;