@splunk/react-ui 4.38.0 → 4.40.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 (172) 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 +49 -0
  11. package/Calendar.js +353 -414
  12. package/Card.js +186 -244
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +136 -146
  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 +178 -210
  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 +123 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +506 -532
  41. package/Message.js +197 -207
  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 +3137 -3433
  47. package/Number.js +164 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +450 -442
  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 +2085 -2345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.d.ts +2 -0
  64. package/SplitButton.js +222 -245
  65. package/StaticContent.js +68 -76
  66. package/StepBar.js +206 -205
  67. package/Switch.js +176 -205
  68. package/TabBar.js +235 -268
  69. package/TabLayout.js +122 -141
  70. package/Table.js +2103 -2261
  71. package/Text.js +379 -493
  72. package/TextArea.js +411 -441
  73. package/Tooltip.js +116 -132
  74. package/TransitionOpen.js +160 -178
  75. package/Tree.js +268 -287
  76. package/Typography.js +48 -52
  77. package/WaitSpinner.js +61 -69
  78. package/cypress/support/commands.ts +9 -0
  79. package/cypress/support/index.d.ts +6 -0
  80. package/cypress/tsconfig.cypress.json +1 -0
  81. package/docker-compose.yml +0 -1
  82. package/package.json +15 -15
  83. package/types/src/Button/Button.d.ts +5 -1
  84. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  85. package/types/src/Card/Card.d.ts +1 -0
  86. package/types/src/Card/Footer.d.ts +1 -0
  87. package/types/src/Chip/Chip.d.ts +3 -6
  88. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  89. package/types/src/Color/Color.d.ts +2 -2
  90. package/types/src/Color/Palette.d.ts +4 -2
  91. package/types/src/ComboBox/ComboBox.d.ts +1 -1
  92. package/types/src/ComboBox/Option.d.ts +1 -1
  93. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  94. package/types/src/Date/Date.d.ts +2 -2
  95. package/types/src/File/File.d.ts +2 -3
  96. package/types/src/File/Retry.d.ts +1 -2
  97. package/types/src/Menu/Item.d.ts +18 -5
  98. package/types/src/Menu/Menu.d.ts +3 -3
  99. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  100. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  101. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  102. package/types/src/Multiselect/Compact.d.ts +1 -1
  103. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  104. package/types/src/Multiselect/Normal.d.ts +1 -1
  105. package/types/src/Multiselect/Option.d.ts +2 -0
  106. package/types/src/Number/Number.d.ts +3 -3
  107. package/types/src/Popover/Popover.d.ts +3 -4
  108. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  109. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  110. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  111. package/types/src/Search/Option.d.ts +9 -3
  112. package/types/src/Select/Option.d.ts +3 -1
  113. package/types/src/Select/OptionBase.d.ts +7 -5
  114. package/types/src/Select/Select.d.ts +4 -2
  115. package/types/src/Select/SelectAllOption.d.ts +4 -4
  116. package/types/src/Select/SelectBase.d.ts +104 -66
  117. package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
  118. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  119. package/types/src/Slider/Slider.d.ts +2 -2
  120. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  121. package/types/src/StepBar/Step.d.ts +1 -2
  122. package/types/src/Switch/Switch.d.ts +0 -1
  123. package/types/src/TabBar/Tab.d.ts +1 -1
  124. package/types/src/TabBar/TabBar.d.ts +3 -1
  125. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  126. package/types/src/Table/Cell.d.ts +0 -2
  127. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  128. package/types/src/Table/HeadInner.d.ts +5 -1
  129. package/types/src/Table/Table.d.ts +0 -1
  130. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  131. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  132. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  133. package/types/src/Text/Text.d.ts +2 -2
  134. package/types/src/TextArea/TextArea.d.ts +2 -2
  135. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
  138. package/types/src/useControlled/index.d.ts +2 -0
  139. package/types/src/useControlled/useControlled.d.ts +21 -0
  140. package/types/src/useResizeObserver/index.d.ts +2 -0
  141. package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
  142. package/useControlled.js +112 -0
  143. package/useForceUpdate.js +30 -32
  144. package/useKeyPress.d.ts +2 -0
  145. package/useKeyPress.js +1 -1
  146. package/useResizeObserver.d.ts +2 -0
  147. package/useResizeObserver.js +137 -0
  148. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  149. package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
  150. package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
  151. package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
  152. package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
  153. package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
  154. package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
  155. package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
  156. package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
  157. package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
  158. package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
  159. package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
  160. package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
  161. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  162. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  163. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  164. package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
  165. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  166. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  167. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  168. package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
  169. /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
  170. /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
  171. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  172. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
@@ -25,21 +25,21 @@
25
25
  /******/ var r = {};
26
26
  /******/
27
27
  /******/ // The require function
28
- /******/ function t(n) {
28
+ /******/ function n(t) {
29
29
  /******/ // Check if module is in cache
30
- /******/ var o = r[n];
30
+ /******/ var o = r[t];
31
31
  /******/ if (o !== undefined) {
32
32
  /******/ return o.exports;
33
33
  /******/ }
34
34
  /******/ // Create a new module (and put it into the cache)
35
- /******/ var a = r[n] = {
35
+ /******/ var a = r[t] = {
36
36
  /******/ // no module.id needed
37
37
  /******/ // no module.loaded needed
38
38
  /******/ exports: {}
39
39
  /******/ };
40
40
  /******/
41
41
  /******/ // Execute the module function
42
- /******/ e[n](a, a.exports, t);
42
+ /******/ e[t](a, a.exports, n);
43
43
  /******/
44
44
  /******/ // Return the exports of the module
45
45
  /******/ return a.exports;
@@ -49,12 +49,12 @@
49
49
  /******/ /* webpack/runtime/compat get default export */
50
50
  /******/ (() => {
51
51
  /******/ // getDefaultExport function for compatibility with non-harmony modules
52
- /******/ t.n = e => {
52
+ /******/ n.n = e => {
53
53
  /******/ var r = e && e.__esModule ?
54
54
  /******/ () => e["default"]
55
55
  /******/ : () => e
56
56
  /******/;
57
- t.d(r, {
57
+ n.d(r, {
58
58
  a: r
59
59
  });
60
60
  /******/ return r;
@@ -64,12 +64,12 @@
64
64
  /******/ /* webpack/runtime/define property getters */
65
65
  /******/ (() => {
66
66
  /******/ // define getter functions for harmony exports
67
- /******/ t.d = (e, r) => {
68
- /******/ for (var n in r) {
69
- /******/ if (t.o(r, n) && !t.o(e, n)) {
70
- /******/ Object.defineProperty(e, n, {
67
+ /******/ n.d = (e, r) => {
68
+ /******/ for (var t in r) {
69
+ /******/ if (n.o(r, t) && !n.o(e, t)) {
70
+ /******/ Object.defineProperty(e, t, {
71
71
  enumerable: true,
72
- get: r[n]
72
+ get: r[t]
73
73
  });
74
74
  /******/ }
75
75
  /******/ }
@@ -78,14 +78,14 @@
78
78
  /******/
79
79
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
80
80
  /******/ (() => {
81
- /******/ t.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
81
+ /******/ n.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
82
82
  /******/;
83
83
  })();
84
84
  /******/
85
85
  /******/ /* webpack/runtime/make namespace object */
86
86
  /******/ (() => {
87
87
  /******/ // define __esModule on exports
88
- /******/ t.r = e => {
88
+ /******/ n.r = e => {
89
89
  /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
90
90
  /******/ Object.defineProperty(e, Symbol.toStringTag, {
91
91
  value: "Module"
@@ -97,72 +97,64 @@
97
97
  /******/ };
98
98
  /******/ })();
99
99
  /******/
100
- /************************************************************************/ var n = {};
100
+ /************************************************************************/ var t = {};
101
101
  // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
102
102
  (() => {
103
103
  // ESM COMPAT FLAG
104
- t.r(n);
104
+ n.r(t);
105
105
  // EXPORTS
106
- t.d(n, {
106
+ n.d(t, {
107
107
  default: () => /* reexport */ y
108
108
  });
109
109
  // EXTERNAL MODULE: external "react"
110
- var e = t(9497);
111
- var r = t.n(e);
110
+ var e = n(9497);
111
+ var r = n.n(e);
112
112
  // EXTERNAL MODULE: external "prop-types"
113
- var o = t(23);
114
- var a = t.n(o);
113
+ var o = n(23);
114
+ var a = n.n(o);
115
115
  // EXTERNAL MODULE: external "styled-components"
116
- var i = t(232);
117
- var u = t.n(i);
116
+ var l = n(232);
117
+ var i = n.n(l);
118
118
  // EXTERNAL MODULE: external "@splunk/themes"
119
- var l = t(3563);
119
+ var u = n(3563);
120
120
  // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
121
- var p = u().span.withConfig({
121
+ var s = i().span.withConfig({
122
122
  displayName: "ScreenReaderContentStyles__Styled",
123
123
  componentId: "sc-1lnohwp-0"
124
- })([ "", ";" ], l.mixins.screenReaderContent());
124
+ })([ "", ";" ], u.mixins.screenReaderContent());
125
125
  // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
126
126
  function c() {
127
- c = Object.assign || function(e) {
127
+ return c = Object.assign ? Object.assign.bind() : function(e) {
128
128
  for (var r = 1; r < arguments.length; r++) {
129
- var t = arguments[r];
130
- for (var n in t) {
131
- if (Object.prototype.hasOwnProperty.call(t, n)) {
132
- e[n] = t[n];
133
- }
129
+ var n = arguments[r];
130
+ for (var t in n) {
131
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
134
132
  }
135
133
  }
136
134
  return e;
137
- };
138
- return c.apply(this, arguments);
135
+ }, c.apply(null, arguments);
139
136
  }
140
- function f(e, r) {
141
- if (e == null) return {};
142
- var t = s(e, r);
143
- var n, o;
137
+ function p(e, r) {
138
+ if (null == e) return {};
139
+ var n, t, o = f(e, r);
144
140
  if (Object.getOwnPropertySymbols) {
145
141
  var a = Object.getOwnPropertySymbols(e);
146
- for (o = 0; o < a.length; o++) {
147
- n = a[o];
148
- if (r.indexOf(n) >= 0) continue;
149
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
150
- t[n] = e[n];
142
+ for (t = 0; t < a.length; t++) {
143
+ n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
151
144
  }
152
145
  }
153
- return t;
146
+ return o;
154
147
  }
155
- function s(e, r) {
156
- if (e == null) return {};
157
- var t = {};
158
- var n = Object.keys(e);
159
- var o, a;
160
- for (a = 0; a < n.length; a++) {
161
- o = n[a];
162
- if (r.indexOf(o) >= 0) continue;
163
- t[o] = e[o];
148
+ function f(e, r) {
149
+ if (null == e) return {};
150
+ var n = {};
151
+ for (var t in e) {
152
+ if ({}.hasOwnProperty.call(e, t)) {
153
+ if (r.includes(t)) continue;
154
+ n[t] = e[t];
155
+ }
164
156
  }
165
- return t;
157
+ return n;
166
158
  }
167
159
  var d = {
168
160
  children: a().node.isRequired,
@@ -172,17 +164,17 @@
172
164
  * The screen reader text is used to wrap content that
173
165
  * is only accessible through screen readers.
174
166
  */ function v(e) {
175
- var t = e.children, n = e.elementRef, o = f(e, [ "children", "elementRef" ]);
167
+ var n = e.children, t = e.elementRef, o = p(e, [ "children", "elementRef" ]);
176
168
  // @docs-props-type ScreenReaderContentPropsBase
177
169
 
178
- return r().createElement(p, c({
170
+ return r().createElement(s, c({
179
171
  "data-test": "screen-reader-content",
180
- ref: n
181
- }, o), t);
172
+ ref: t
173
+ }, o), n);
182
174
  }
183
175
  v.propTypes = d;
184
176
  /* harmony default export */ const y = v;
185
177
  }) // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
186
178
  ();
187
- module.exports = n;
179
+ module.exports = t;
188
180
  /******/})();