@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
package/CardLayout.js CHANGED
@@ -61,17 +61,17 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ m
64
+ default: () => /* reexport */ j
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const t = require("react");
68
68
  var n = e.n(t);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const i = require("prop-types");
71
- var a = e.n(i);
71
+ var o = e.n(i);
72
72
  // CONCATENATED MODULE: external "styled-components"
73
- const o = require("styled-components");
74
- var c = e.n(o);
73
+ const a = require("styled-components");
74
+ var c = e.n(a);
75
75
  // CONCATENATED MODULE: external "@splunk/themes"
76
76
  const l = require("@splunk/themes");
77
77
  // CONCATENATED MODULE: ./src/CardLayout/CardLayoutStyles.ts
@@ -80,127 +80,130 @@
80
80
  componentId: "sc-18kz7zm-0"
81
81
  })([ "", ";", " ", "" ], l.mixins.reset("flex"), (function(e) {
82
82
  var r = e.$wrapCards;
83
- return r && (0, o.css)([ "flex-wrap:wrap;" ]);
83
+ return r && (0, a.css)([ "flex-wrap:wrap;" ]);
84
84
  }), (0, l.pickVariant)("$alignCards", {
85
- center: (0, o.css)([ "justify-content:center;" ]),
86
- right: (0, o.css)([ "justify-content:flex-end;" ])
85
+ center: (0, a.css)([ "justify-content:center;" ]),
86
+ right: (0, a.css)([ "justify-content:flex-end;" ])
87
87
  }));
88
88
  // CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
89
- function d() {
90
- d = Object.assign || function(e) {
89
+ function f(e) {
90
+ "@babel/helpers - typeof";
91
+ return f = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
92
+ return typeof e;
93
+ } : function(e) {
94
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
95
+ }, f(e);
96
+ }
97
+ function s() {
98
+ return s = Object.assign ? Object.assign.bind() : function(e) {
91
99
  for (var r = 1; r < arguments.length; r++) {
92
100
  var t = arguments[r];
93
101
  for (var n in t) {
94
- if (Object.prototype.hasOwnProperty.call(t, n)) {
95
- e[n] = t[n];
96
- }
102
+ ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
97
103
  }
98
104
  }
99
105
  return e;
100
- };
101
- return d.apply(this, arguments);
106
+ }, s.apply(null, arguments);
102
107
  }
103
- function f(e, r) {
108
+ function d(e, r) {
104
109
  var t = Object.keys(e);
105
110
  if (Object.getOwnPropertySymbols) {
106
111
  var n = Object.getOwnPropertySymbols(e);
107
- if (r) n = n.filter((function(r) {
112
+ r && (n = n.filter((function(r) {
108
113
  return Object.getOwnPropertyDescriptor(e, r).enumerable;
109
- }));
110
- t.push.apply(t, n);
114
+ }))), t.push.apply(t, n);
111
115
  }
112
116
  return t;
113
117
  }
114
- function s(e) {
118
+ function p(e) {
115
119
  for (var r = 1; r < arguments.length; r++) {
116
- var t = arguments[r] != null ? arguments[r] : {};
117
- if (r % 2) {
118
- f(Object(t), true).forEach((function(r) {
119
- p(e, r, t[r]);
120
- }));
121
- } else if (Object.getOwnPropertyDescriptors) {
122
- Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
123
- } else {
124
- f(Object(t)).forEach((function(r) {
125
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
126
- }));
127
- }
120
+ var t = null != arguments[r] ? arguments[r] : {};
121
+ r % 2 ? d(Object(t), !0).forEach((function(r) {
122
+ y(e, r, t[r]);
123
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach((function(r) {
124
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
125
+ }));
128
126
  }
129
127
  return e;
130
128
  }
131
- function p(e, r, t) {
132
- if (r in e) {
133
- Object.defineProperty(e, r, {
134
- value: t,
135
- enumerable: true,
136
- configurable: true,
137
- writable: true
138
- });
139
- } else {
140
- e[r] = t;
129
+ function y(e, r, t) {
130
+ return (r = b(r)) in e ? Object.defineProperty(e, r, {
131
+ value: t,
132
+ enumerable: !0,
133
+ configurable: !0,
134
+ writable: !0
135
+ }) : e[r] = t, e;
136
+ }
137
+ function b(e) {
138
+ var r = m(e, "string");
139
+ return "symbol" == f(r) ? r : r + "";
140
+ }
141
+ function m(e, r) {
142
+ if ("object" != f(e) || !e) return e;
143
+ var t = e[Symbol.toPrimitive];
144
+ if (void 0 !== t) {
145
+ var n = t.call(e, r || "default");
146
+ if ("object" != f(n)) return n;
147
+ throw new TypeError("@@toPrimitive must return a primitive value.");
141
148
  }
142
- return e;
149
+ return ("string" === r ? String : Number)(e);
143
150
  }
144
- function y(e, r) {
145
- if (e == null) return {};
146
- var t = b(e, r);
147
- var n, i;
151
+ function g(e, r) {
152
+ if (null == e) return {};
153
+ var t, n, i = v(e, r);
148
154
  if (Object.getOwnPropertySymbols) {
149
- var a = Object.getOwnPropertySymbols(e);
150
- for (i = 0; i < a.length; i++) {
151
- n = a[i];
152
- if (r.indexOf(n) >= 0) continue;
153
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
154
- t[n] = e[n];
155
+ var o = Object.getOwnPropertySymbols(e);
156
+ for (n = 0; n < o.length; n++) {
157
+ t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
155
158
  }
156
159
  }
157
- return t;
160
+ return i;
158
161
  }
159
- function b(e, r) {
160
- if (e == null) return {};
162
+ function v(e, r) {
163
+ if (null == e) return {};
161
164
  var t = {};
162
- var n = Object.keys(e);
163
- var i, a;
164
- for (a = 0; a < n.length; a++) {
165
- i = n[a];
166
- if (r.indexOf(i) >= 0) continue;
167
- t[i] = e[i];
165
+ for (var n in e) {
166
+ if ({}.hasOwnProperty.call(e, n)) {
167
+ if (r.includes(n)) continue;
168
+ t[n] = e[n];
169
+ }
168
170
  }
169
171
  return t;
170
172
  }
171
173
  var O = {
172
- alignCards: a().oneOf([ "left", "center", "right" ]),
173
- cardMaxWidth: a().oneOfType([ a().number, a().string ]),
174
- cardMinWidth: a().oneOfType([ a().number, a().string ]),
175
- cardWidth: a().oneOfType([ a().number, a().string ]),
176
- children: a().node,
177
- elementRef: a().oneOfType([ a().func, a().object ]),
178
- gutterSize: a().number,
179
- wrapCards: a().bool
174
+ alignCards: o().oneOf([ "left", "center", "right" ]),
175
+ cardMaxWidth: o().oneOfType([ o().number, o().string ]),
176
+ cardMinWidth: o().oneOfType([ o().number, o().string ]),
177
+ cardWidth: o().oneOfType([ o().number, o().string ]),
178
+ children: o().node,
179
+ elementRef: o().oneOfType([ o().func, o().object ]),
180
+ gutterSize: o().number,
181
+ wrapCards: o().bool
180
182
  };
181
- function g(e) {
182
- var r = e.alignCards, i = r === void 0 ? "left" : r, a = e.cardMaxWidth, o = e.cardMinWidth, c = e.cardWidth, l = e.children, f = e.elementRef, p = e.gutterSize, b = p === void 0 ? 10 : p, O = e.style, g = e.wrapCards, m = g === void 0 ? true : g, v = y(e, [ "alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards" ]);
183
- var h = t.Children.toArray(l).filter(t.isValidElement).map((function(e) {
183
+ function h(e) {
184
+ var r = e.alignCards, i = r === void 0 ? "left" : r, o = e.cardMaxWidth, a = e.cardMinWidth, c = e.cardWidth, l = e.children, f = e.elementRef, d = e.gutterSize, y = d === void 0 ? 10 : d, b = e.style, m = e.wrapCards, v = m === void 0 ? true : m, O = g(e, [ "alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards" ]);
185
+ // @docs-props-type CardLayoutPropsBase
186
+ var h = t.Children.toArray(l).filter(t.isValidElement).map((function(e) {
184
187
 
185
188
  return (0, t.cloneElement)(e, {
186
- minWidth: c || o || undefined,
187
- maxWidth: c || a || undefined,
188
- margin: b / 2
189
+ minWidth: c || a || undefined,
190
+ maxWidth: c || o || undefined,
191
+ margin: y / 2
189
192
  });
190
193
  }));
191
194
 
192
- return n().createElement(u, d({
195
+ return n().createElement(u, s({
193
196
  "data-test": "card-layout",
194
197
  $alignCards: i,
195
- $wrapCards: m,
198
+ $wrapCards: v,
196
199
  ref: f,
197
- style: s({
198
- padding: b / 2
199
- }, O)
200
- }, v), h);
200
+ style: p({
201
+ padding: y / 2
202
+ }, b)
203
+ }, O), h);
201
204
  }
202
- g.propTypes = O;
203
- /* harmony default export */ const m = g;
205
+ h.propTypes = O;
206
+ /* harmony default export */ const j = h;
204
207
  // CONCATENATED MODULE: ./src/CardLayout/index.ts
205
208
  module.exports = r;
206
209
  /******/})();