@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/ButtonGroup.js CHANGED
@@ -9,26 +9,26 @@
9
9
  /******/ (() => {
10
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
11
  /******/ e.n = r => {
12
- /******/ var t = r && r.__esModule ?
12
+ /******/ var n = r && r.__esModule ?
13
13
  /******/ () => r["default"]
14
14
  /******/ : () => r
15
15
  /******/;
16
- e.d(t, {
17
- a: t
16
+ e.d(n, {
17
+ a: n
18
18
  });
19
- /******/ return t;
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 = (r, t) => {
27
- /******/ for (var n in t) {
28
- /******/ if (e.o(t, n) && !e.o(r, n)) {
29
- /******/ Object.defineProperty(r, 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: t[n]
31
+ get: n[t]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -61,68 +61,60 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ m
64
+ default: () => /* reexport */ b
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const t = require("react");
68
- var n = e.n(t);
67
+ const n = require("react");
68
+ var t = e.n(n);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const o = require("prop-types");
71
71
  var l = e.n(o);
72
72
  // CONCATENATED MODULE: external "styled-components"
73
- const i = require("styled-components");
74
- var a = e.n(i);
73
+ const a = require("styled-components");
74
+ var i = e.n(a);
75
75
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
76
76
  const u = require("@splunk/react-ui/Box");
77
- var p = e.n(u);
77
+ var s = e.n(u);
78
78
  // CONCATENATED MODULE: external "@splunk/themes"
79
79
  const c = require("@splunk/themes");
80
80
  // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroupStyles.ts
81
- var s = a()(p()).withConfig({
81
+ var p = i()(s()).withConfig({
82
82
  displayName: "ButtonGroupStyles__StyledBox",
83
83
  componentId: "sc-14fs2xs-0"
84
84
  })([ "position:relative;[data-inline] + &{margin-left:", ";}" ], c.variables.spacingSmall);
85
85
  // CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
86
86
  function f() {
87
- f = Object.assign || function(e) {
87
+ return f = Object.assign ? Object.assign.bind() : function(e) {
88
88
  for (var r = 1; r < arguments.length; r++) {
89
- var t = arguments[r];
90
- for (var n in t) {
91
- if (Object.prototype.hasOwnProperty.call(t, n)) {
92
- e[n] = t[n];
93
- }
89
+ var n = arguments[r];
90
+ for (var t in n) {
91
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
94
92
  }
95
93
  }
96
94
  return e;
97
- };
98
- return f.apply(this, arguments);
95
+ }, f.apply(null, arguments);
99
96
  }
100
97
  function d(e, r) {
101
- if (e == null) return {};
102
- var t = y(e, r);
103
- var n, o;
98
+ if (null == e) return {};
99
+ var n, t, o = y(e, r);
104
100
  if (Object.getOwnPropertySymbols) {
105
101
  var l = Object.getOwnPropertySymbols(e);
106
- for (o = 0; o < l.length; o++) {
107
- n = l[o];
108
- if (r.indexOf(n) >= 0) continue;
109
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
110
- t[n] = e[n];
102
+ for (t = 0; t < l.length; t++) {
103
+ n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
111
104
  }
112
105
  }
113
- return t;
106
+ return o;
114
107
  }
115
108
  function y(e, r) {
116
- if (e == null) return {};
117
- var t = {};
118
- var n = Object.keys(e);
119
- var o, l;
120
- for (l = 0; l < n.length; l++) {
121
- o = n[l];
122
- if (r.indexOf(o) >= 0) continue;
123
- t[o] = e[o];
109
+ if (null == e) return {};
110
+ var n = {};
111
+ for (var t in e) {
112
+ if ({}.hasOwnProperty.call(e, t)) {
113
+ if (r.includes(t)) continue;
114
+ n[t] = e[t];
115
+ }
124
116
  }
125
- return t;
117
+ return n;
126
118
  }
127
119
  var v = {
128
120
  children: l().node,
@@ -130,13 +122,13 @@
130
122
  /** @private */
131
123
  flex: l().bool
132
124
  };
133
- function b(e) {
125
+ function m(e) {
134
126
  var r = e.children, o = d(e, [ "children" ]);
135
127
  // @docs-props-type ButtonGroupPropsBase
136
- var l = t.Children.toArray(r).filter(t.isValidElement).map((function(e, r, n) {
137
- var o = n.length;
128
+ var l = n.Children.toArray(r).filter(n.isValidElement).map((function(e, r, t) {
129
+ var o = t.length;
138
130
 
139
- return (0, t.cloneElement)(e, {
131
+ return (0, n.cloneElement)(e, {
140
132
  prepend: r > 0,
141
133
  append: r < o - 1,
142
134
  inline: false,
@@ -144,15 +136,15 @@
144
136
  });
145
137
  }));
146
138
 
147
- return n().createElement(s, f({
139
+ return t().createElement(p, f({
148
140
  inline: true,
149
141
  flex: true,
150
142
  "data-test": "button-group",
151
143
  role: "menubar"
152
144
  }, o), l);
153
145
  }
154
- b.propTypes = v;
155
- /* harmony default export */ const m = b;
146
+ m.propTypes = v;
147
+ /* harmony default export */ const b = m;
156
148
  // CONCATENATED MODULE: ./src/ButtonGroup/index.ts
157
149
  module.exports = r;
158
150
  /******/})();