@splunk/react-ui 4.37.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 (142) 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 +208 -219
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +50 -1
  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 +1107 -980
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +267 -305
  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 +512 -530
  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 +1600 -1923
  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 +130 -94
  57. package/Scroll.js +209 -244
  58. package/Search.js +375 -384
  59. package/Select.js +1076 -1354
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +192 -222
  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 +211 -236
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +401 -512
  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 +17 -17
  82. package/types/src/Button/Button.d.ts +20 -6
  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 +5 -2
  86. package/types/src/Color/Palette.d.ts +6 -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 -3
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Link/Link.d.ts +3 -4
  93. package/types/src/Menu/Item.d.ts +24 -8
  94. package/types/src/Menu/Menu.d.ts +3 -3
  95. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  96. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  97. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  98. package/types/src/Multiselect/Option.d.ts +2 -0
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +3 -4
  101. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  102. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  103. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  104. package/types/src/Search/Option.d.ts +16 -3
  105. package/types/src/Select/Option.d.ts +3 -1
  106. package/types/src/Select/OptionBase.d.ts +7 -5
  107. package/types/src/Select/Select.d.ts +2 -2
  108. package/types/src/Select/SelectAllOption.d.ts +4 -4
  109. package/types/src/Select/SelectBase.d.ts +0 -1
  110. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  111. package/types/src/Slider/Slider.d.ts +2 -3
  112. package/types/src/Slider/docs/examples/Error.d.ts +2 -0
  113. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  114. package/types/src/StepBar/Step.d.ts +1 -2
  115. package/types/src/TabBar/Tab.d.ts +1 -1
  116. package/types/src/TabBar/TabBar.d.ts +3 -1
  117. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  118. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  119. package/types/src/Table/Table.d.ts +0 -1
  120. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  121. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  122. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  123. package/types/src/Text/Text.d.ts +6 -4
  124. package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
  125. package/types/src/TextArea/TextArea.d.ts +2 -2
  126. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  127. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  128. package/useForceUpdate.js +30 -32
  129. package/useKeyPress.js +1 -1
  130. package/types/src/Button/docs/examples/Selected.d.ts +0 -2
  131. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  132. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  133. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  134. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  135. package/types/src/Slider/docs/examples/prisma/Error.d.ts +0 -2
  136. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  137. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  138. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  139. /package/types/src/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
  140. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  141. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  142. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/StaticContent.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 n = r && r.__esModule ?
13
+ /******/ () => r["default"]
14
+ /******/ : () => r
15
15
  /******/;
16
- e.d(r, {
17
- a: r
16
+ e.d(n, {
17
+ a: n
18
18
  });
19
- /******/ return r;
19
+ /******/ return n;
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, n) => {
27
+ /******/ for (var t in n) {
28
+ /******/ if (e.o(n, t) && !e.o(r, t)) {
29
+ /******/ Object.defineProperty(r, t, {
30
30
  enumerable: true,
31
- get: r[n]
31
+ get: n[t]
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,33 +56,33 @@
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, {
64
- default: () => /* reexport */ b
63
+ e.d(r, {
64
+ default: () => /* reexport */ y
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const r = require("react");
68
- var n = e.n(r);
67
+ const n = require("react");
68
+ var t = e.n(n);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const i = require("prop-types");
71
- var o = e.n(i);
71
+ var a = e.n(i);
72
72
  // CONCATENATED MODULE: external "styled-components"
73
- const a = require("styled-components");
74
- var l = e.n(a);
73
+ const o = require("styled-components");
74
+ var l = e.n(o);
75
75
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
76
- const c = require("@splunk/react-ui/Box");
77
- var p = e.n(c);
76
+ const s = require("@splunk/react-ui/Box");
77
+ var c = e.n(s);
78
78
  // CONCATENATED MODULE: external "@splunk/themes"
79
- const s = require("@splunk/themes");
79
+ const p = require("@splunk/themes");
80
80
  // CONCATENATED MODULE: ./src/StaticContent/StaticContentStyles.ts
81
- var f = l()(p()).withConfig({
81
+ var u = l()(c()).withConfig({
82
82
  displayName: "StaticContentStyles__StyledBox",
83
83
  componentId: "sxqyrp-0"
84
- })([ "", ";position:relative;margin:0;font-weight:", ";word-wrap:break-word;min-height:", ";padding:", ";[data-inline] + &[data-inline]{margin-left:", ";}" ], s.mixins.reset("flex"), s.variables.fontWeightSemiBold, s.variables.inputHeight, (0,
85
- s.pick)({
84
+ })([ "", ";position:relative;margin:0;font-weight:", ";word-wrap:break-word;min-height:", ";padding:", ";[data-inline] + &[data-inline]{margin-left:", ";}" ], p.mixins.reset("flex"), p.variables.fontWeightSemiBold, p.variables.inputHeight, (0,
85
+ p.pick)({
86
86
  enterprise: {
87
87
  comfortable: "6px 7px",
88
88
  compact: "4px 5px"
@@ -91,75 +91,67 @@
91
91
  comfortable: "10px 0",
92
92
  compact: "6px 0"
93
93
  }
94
- }), (0, s.pick)({
95
- enterprise: s.variables.spacingXSmall,
96
- prisma: s.variables.spacingLarge
94
+ }), (0, p.pick)({
95
+ enterprise: p.variables.spacingXSmall,
96
+ prisma: p.variables.spacingLarge
97
97
  }));
98
98
  // CONCATENATED MODULE: ./src/StaticContent/StaticContent.tsx
99
- function u() {
100
- u = Object.assign || function(e) {
101
- for (var t = 1; t < arguments.length; t++) {
102
- var r = arguments[t];
103
- for (var n in r) {
104
- if (Object.prototype.hasOwnProperty.call(r, n)) {
105
- e[n] = r[n];
106
- }
99
+ function f() {
100
+ return f = Object.assign ? Object.assign.bind() : function(e) {
101
+ for (var r = 1; r < arguments.length; r++) {
102
+ var n = arguments[r];
103
+ for (var t in n) {
104
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
107
105
  }
108
106
  }
109
107
  return e;
110
- };
111
- return u.apply(this, arguments);
108
+ }, f.apply(null, arguments);
112
109
  }
113
- function d(e, t) {
114
- if (e == null) return {};
115
- var r = m(e, t);
116
- var n, i;
110
+ function d(e, r) {
111
+ if (null == e) return {};
112
+ var n, t, i = m(e, r);
117
113
  if (Object.getOwnPropertySymbols) {
118
- var o = Object.getOwnPropertySymbols(e);
119
- for (i = 0; i < o.length; i++) {
120
- n = o[i];
121
- if (t.indexOf(n) >= 0) continue;
122
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
123
- r[n] = e[n];
114
+ var a = Object.getOwnPropertySymbols(e);
115
+ for (t = 0; t < a.length; t++) {
116
+ n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
124
117
  }
125
118
  }
126
- return r;
119
+ return i;
127
120
  }
128
- function m(e, t) {
129
- if (e == null) return {};
130
- var r = {};
131
- var n = Object.keys(e);
132
- var i, o;
133
- for (o = 0; o < n.length; o++) {
134
- i = n[o];
135
- if (t.indexOf(i) >= 0) continue;
136
- r[i] = e[i];
121
+ function m(e, r) {
122
+ if (null == e) return {};
123
+ var n = {};
124
+ for (var t in e) {
125
+ if ({}.hasOwnProperty.call(e, t)) {
126
+ if (r.includes(t)) continue;
127
+ n[t] = e[t];
128
+ }
137
129
  }
138
- return r;
130
+ return n;
139
131
  }
140
132
  var v = {
141
- children: o().node,
142
- elementRef: o().oneOfType([ o().func, o().object ]),
143
- inline: o().bool,
144
- size: o().oneOf([ "small", "medium" ])
133
+ children: a().node,
134
+ elementRef: a().oneOfType([ a().func, a().object ]),
135
+ inline: a().bool,
136
+ size: a().oneOf([ "small", "medium" ])
145
137
  };
146
138
  /**
147
139
  * This component is intended for use in a control group, either to display a static value or
148
140
  * between two controls.
149
- */ function y(e) {
150
- var t = e.children, i = e.inline, o = i === void 0 ? false : i, a = e.size, l = d(e, [ "children", "inline", "size" ]);
141
+ */ function b(e) {
142
+ var r = e.children, i = e.inline, a = i === void 0 ? false : i, o = e.size, l = d(e, [ "children", "inline", "size" ]);
151
143
  // @docs-props-type StaticContentPropsBase
152
- (0, r.useEffect)((function() {
144
+ (0, n.useEffect)((function() {
153
145
  if (false) {}
154
- }), [ a ]);
146
+ }), [ o ]);
155
147
 
156
- return n().createElement(f, u({
148
+ return t().createElement(u, f({
157
149
  "data-test": "static-content",
158
- inline: o
159
- }, l), t);
150
+ inline: a
151
+ }, l), r);
160
152
  }
161
- y.propTypes = v;
162
- /* harmony default export */ const b = y;
153
+ b.propTypes = v;
154
+ /* harmony default export */ const y = b;
163
155
  // CONCATENATED MODULE: ./src/StaticContent/index.ts
164
- module.exports = t;
156
+ module.exports = r;
165
157
  /******/})();