@splunk/react-ui 4.16.3 → 4.17.1

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 (177) hide show
  1. package/Accordion.js +13 -13
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +101 -247
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +60 -2
  10. package/Calendar.js +76 -275
  11. package/Card.js +75 -227
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +40 -211
  14. package/Clickable.js +10 -10
  15. package/CloseButton.js +38 -206
  16. package/Code.js +28 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +34 -32
  21. package/Concertina.js +40 -40
  22. package/ControlGroup.js +20 -20
  23. package/Date.js +22 -22
  24. package/DefinitionList.js +2 -2
  25. package/Divider.js +2 -2
  26. package/Dropdown.js +32 -32
  27. package/DualListbox.d.ts +2 -0
  28. package/DualListbox.js +1780 -0
  29. package/EventListener.js +4 -4
  30. package/File.js +85 -250
  31. package/FormRows.js +60 -215
  32. package/Heading.js +39 -27
  33. package/Image.js +73 -227
  34. package/JSONTree.js +18 -18
  35. package/Layer.js +30 -30
  36. package/Link.js +60 -28
  37. package/List.js +9 -9
  38. package/MIGRATION.md +28 -0
  39. package/Markdown.js +21 -21
  40. package/Menu.js +180 -371
  41. package/Message.js +141 -411
  42. package/MessageBar.js +170 -400
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2299 -2517
  47. package/Number.js +32 -32
  48. package/Paginator.js +94 -323
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +125 -125
  51. package/Progress.js +15 -15
  52. package/RadioBar.js +23 -19
  53. package/RadioList.js +13 -12
  54. package/Resize.js +18 -18
  55. package/ResultsMenu.js +21 -21
  56. package/ScreenReaderContent.js +2 -2
  57. package/Scroll.js +33 -33
  58. package/ScrollContainerContext.js +13 -13
  59. package/Search.js +34 -32
  60. package/Select.js +226 -372
  61. package/SidePanel.js +12 -12
  62. package/Slider.js +28 -28
  63. package/SlidingPanels.js +29 -29
  64. package/SplitButton.js +59 -62
  65. package/StaticContent.js +4 -4
  66. package/StepBar.js +36 -239
  67. package/Switch.js +23 -23
  68. package/TabBar.js +47 -47
  69. package/TabLayout.js +30 -28
  70. package/Table.js +295 -589
  71. package/Text.js +111 -324
  72. package/TextArea.js +164 -368
  73. package/Tooltip.js +23 -23
  74. package/TransitionOpen.js +21 -21
  75. package/Typography.js +32 -28
  76. package/WaitSpinner.js +2 -2
  77. package/docker-compose.yml +19 -7
  78. package/package.json +12 -13
  79. package/stubs-splunkui.d.ts +4 -25
  80. package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
  81. package/types/src/Button/icons/External.d.ts +2 -0
  82. package/types/src/Code/Code.d.ts +6 -1
  83. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
  84. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
  85. package/types/src/Date/Icon.d.ts +1 -1
  86. package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
  87. package/types/src/DualListbox/DualListbox.d.ts +87 -0
  88. package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
  89. package/types/src/DualListbox/Label.d.ts +37 -0
  90. package/types/src/DualListbox/Listbox.d.ts +54 -0
  91. package/types/src/DualListbox/ListboxContext.d.ts +32 -0
  92. package/types/src/DualListbox/Option.d.ts +35 -0
  93. package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
  94. package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
  95. package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
  96. package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
  98. package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
  99. package/types/src/DualListbox/index.d.ts +2 -0
  100. package/types/src/DualListbox/listboxUtils.d.ts +4 -0
  101. package/types/src/File/Icon.d.ts +1 -1
  102. package/types/src/File/IconCloud.d.ts +1 -1
  103. package/types/src/File/PaperClip.d.ts +1 -1
  104. package/types/src/File/Retry.d.ts +1 -1
  105. package/types/src/File/Trash.d.ts +1 -1
  106. package/types/src/File/docs/examples/Progress.d.ts +1 -15
  107. package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
  108. package/types/src/Heading/Heading.d.ts +12 -4
  109. package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
  110. package/types/src/Image/Image.d.ts +1 -1
  111. package/types/src/Image/icons/Cross.d.ts +2 -0
  112. package/types/src/Link/icons/External.d.ts +2 -0
  113. package/types/src/Menu/Divider.d.ts +1 -0
  114. package/types/src/Menu/Heading.d.ts +1 -0
  115. package/types/src/Menu/Item.d.ts +5 -2
  116. package/types/src/Menu/Menu.d.ts +3 -1
  117. package/types/src/Menu/icons/External.d.ts +2 -0
  118. package/types/src/Multiselect/Normal.d.ts +1 -1
  119. package/types/src/Number/IncrementIcon.d.ts +1 -1
  120. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  121. package/types/src/Search/Option.d.ts +9 -0
  122. package/types/src/Select/OptionBase.d.ts +9 -0
  123. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  124. package/types/src/Select/icons/Search.d.ts +2 -0
  125. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  126. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  127. package/types/src/TabBar/Tab.d.ts +3 -1
  128. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  129. package/types/src/Table/HeadInner.d.ts +2 -2
  130. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  131. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  132. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  133. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  134. package/types/src/TextArea/TextArea.d.ts +11 -4
  135. package/types/src/TextArea/docs/examples/ClearContent.d.ts +2 -0
  136. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  137. package/types/src/Typography/Typography.d.ts +4 -7
  138. package/types/src/useRovingFocus/index.d.ts +2 -0
  139. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  140. package/useForceUpdate.js +2 -2
  141. package/useKeyPress.js +2 -2
  142. package/usePrevious.js +2 -2
  143. package/useRovingFocus.d.ts +2 -0
  144. package/useRovingFocus.js +237 -0
  145. package/Dockerfile.enterprise.storybook +0 -7
  146. package/Dockerfile.prisma.storybook +0 -7
  147. package/Dockerfile.visual +0 -10
  148. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  149. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  150. package/types/src/Select/matchUtils.d.ts +0 -12
  151. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  152. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  153. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  154. package/types/src/icons/Alert.d.ts +0 -2
  155. package/types/src/icons/AlertFilled.d.ts +0 -2
  156. package/types/src/icons/CaretDown.d.ts +0 -2
  157. package/types/src/icons/CaretRight.d.ts +0 -2
  158. package/types/src/icons/Check.d.ts +0 -2
  159. package/types/src/icons/ChevronDown.d.ts +0 -2
  160. package/types/src/icons/ChevronLeft.d.ts +0 -2
  161. package/types/src/icons/ChevronRight.d.ts +0 -2
  162. package/types/src/icons/CrossMark.d.ts +0 -2
  163. package/types/src/icons/External.d.ts +0 -2
  164. package/types/src/icons/InfoFilled.d.ts +0 -2
  165. package/types/src/icons/More.d.ts +0 -2
  166. package/types/src/icons/MoreVertical.d.ts +0 -2
  167. package/types/src/icons/Plus.d.ts +0 -2
  168. package/types/src/icons/SVG.d.ts +0 -4
  169. package/types/src/icons/Search.d.ts +0 -2
  170. package/types/src/icons/Sort.d.ts +0 -2
  171. package/types/src/icons/SortedDown.d.ts +0 -2
  172. package/types/src/icons/SortedUp.d.ts +0 -2
  173. package/types/src/icons/Success.d.ts +0 -2
  174. package/types/src/icons/SuccessFilled.d.ts +0 -2
  175. package/types/src/icons/ThemedIcon.d.ts +0 -29
  176. package/types/src/icons/WarningFilled.d.ts +0 -2
  177. package/types/src/icons/types.d.ts +0 -11
package/ButtonSimple.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 185);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 191);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,21 +101,21 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 14:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 16:
111
+ /***/ 14:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-ui/ScreenReaderContent");
115
115
 
116
116
  /***/ }),
117
117
 
118
- /***/ 185:
118
+ /***/ 191:
119
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
120
 
121
121
  "use strict";
@@ -140,7 +140,7 @@ var i18n_ = __webpack_require__(4);
140
140
  var themes_ = __webpack_require__(0);
141
141
 
142
142
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
143
- var ScreenReaderContent_ = __webpack_require__(16);
143
+ var ScreenReaderContent_ = __webpack_require__(14);
144
144
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
145
145
 
146
146
  // EXTERNAL MODULE: external "styled-components"
@@ -148,7 +148,7 @@ var external_styled_components_ = __webpack_require__(3);
148
148
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
149
149
 
150
150
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
151
- var Clickable_ = __webpack_require__(14);
151
+ var Clickable_ = __webpack_require__(12);
152
152
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
153
153
 
154
154
  // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
package/CHANGELOG.md CHANGED
@@ -1,6 +1,56 @@
1
1
  Change Log
2
2
  ============
3
3
 
4
+ 4.17.1 - June 6, 2023
5
+ ----------
6
+
7
+ Bug Fixes:
8
+ * `Multiselect` should respect `aria-label` and `labelledBy` props (SUI-5510).
9
+ * Fixed incorrect `aria-*` and `role` attributes in `Select` (SUI-5515).
10
+ * `Multiselect` and `ComboBox` now indicates an option is a new value (SUI-5541).
11
+ * `Message` now has reduced spacing between icon and text (SUI-5448).
12
+ * Fixed incorrect `role=status` and required aria attribute in `Multiselect` (SUI-5517).
13
+ * `Select` now has correct focus behavior when it has a filter, above placement, and an empty value (SUI-5525).
14
+ * Fixes an issue where the "close" buttons in `SideNav`, `FormRows`, `Modal`, and `SidePanel` were missing accessible names in version 4.17.0 (SUI-5566).
15
+
16
+ API Changes:
17
+ * Added support for the latest `styled-components@5` (SUI-5467).
18
+
19
+ Deprecations:
20
+ * `TextArea`'s `canClear` prop has been deprecated. If the "clear" action is required, we recommend implementing it via an adjacent "clear" button. (SUI-5306).
21
+
22
+ 4.17.0 - May 10, 2023
23
+ ----------
24
+ New Features:
25
+ * Updated `@splunk/react-icons` dependency to v4:
26
+ * Components with icons in Prisma themes previously used private icons.
27
+ * These icons have been replaced with the icons from `react-icons`.
28
+ * Note: this may cause slight visual changes to align the components with the design system.
29
+ * `Code` will no longer throw an error with an invalid `language` prop, and will fall back to `javascript` instead. The fallback language can changed with the new `languageFallback` prop (SUI-5425).
30
+ * `TabBar` and `TabLayout` support `layout="vertical"` in Prisma themes (SUI-2777).
31
+ * New `DualListbox` component for listbox multi-selection (SUI-4251).
32
+ * Added `level`s 5 and 6 to `Heading`; `level={5}` maps to `h5` and `level={6}` maps to `h6`.
33
+ * `Typography` supports a new `variant` prop for styling (SUI-5286).
34
+ * Added `inline` prop to `SplitButton` (SUI-5388).
35
+ * `SplitButton` supports `appearance="destructive"` in Enterprise themes (SUI-5395).
36
+ * Added new test hooks to `File` for disabled (`[data-test-disabled]`) and error (`[data-test-error]`) states.
37
+ * Added new test hook to `File.Item` for the error state `data-test-error`.
38
+
39
+ Bug Fixes:
40
+ * `Markdown` no longer crashes when syntax is invalid for code blocks (SUI-5425).
41
+ * `Menu` keyboard navigation has been fixed when `Menu.Divider`, `Menu.Heading`, or `Menu.Item` are a styled component (SUI-5159).
42
+ * `RadioBar` should no longer become keyboard inaccessible if an invalid value is passed (SUI-5434).
43
+ * `Multiselect`'s border color when `disabled` now matches the border color of other data entry components (SUI-5426).
44
+ * Updated warning type `MessageBar`'s text color to improve contrast ratio (SUI-5310).
45
+ * Updated `TabBar`'s count background color to improve contrast ratio across different backgrounds (SUI-5274).
46
+ * `Tab` no longer throws error for custom data-test props (SUI-5373).
47
+ * Fixed slight vertical misalignment of `Message`'s icon with text.
48
+ * `Menu` no longer unnecessarily recomputes the `onFocus` handler of `Item` (SUI-5369).
49
+
50
+ Type Changes:
51
+ * `Table`'s `HeadInner` prop now has more accurate typing for `sortDir`.
52
+ * `Image`'s `ImagePropBase` type now has its `error` prop marked optional to match the component props.
53
+
4
54
  4.16.3 - March 7, 2023
5
55
  ----------
6
56
  Bug Fixes:
@@ -8,6 +58,12 @@ Bug Fixes:
8
58
  * `Tooltip` should no longer be read twice by screen readers (SUI-5318).
9
59
  * `Multiselect`'s `required` attribute is now only set when `required` prop is `true` (SUI-5366)
10
60
 
61
+ Deprecations:
62
+ * `Typography` no longer supports numerical values for `weight`. Instead use the key-word values (SUI-5344).
63
+
64
+ Typescript:
65
+ * `Typography` no longer exports the type `AllTypographyParams`.
66
+
11
67
  4.16.2 - January 26, 2023
12
68
  ----------
13
69
  Bug Fixes:
@@ -16,6 +72,7 @@ Bug Fixes:
16
72
  4.16.1 - January 25, 2023
17
73
  ----------
18
74
  Bug Fixes:
75
+ * Fixed `Multiselect` placeholder text with `prisma` theme to be vertically centered (SUI-5303).
19
76
  * `Select` and `Multiselect` now can be opened with the up and down arrow keys (SUI-3527).
20
77
  * Updated `ControlGroup` to fix `labelPosition="top"` misalignment in Prisma themes (SUI-5278).
21
78
  * Note: this may cause slight layout changes for existing usages of `ControlGroup`.
@@ -33,7 +90,7 @@ New Features:
33
90
  Bug Fixes:
34
91
  * `Select`, `Button`, `RadioBar`, `ButtonGroup` error state background color has been updated in enterprise themes to improve contrast (SUI-5082).
35
92
 
36
- Deprecations:
93
+ Deprecations:
37
94
  * `Button`'s `error` prop has been deprecated and will be removed in a future major version. Use `appearance="destructive"` instead (SUI-5082).
38
95
 
39
96
 
@@ -45,7 +102,7 @@ New Features:
45
102
  * This property supports `true`, `false`, and `"controlled"` as values, similar to `Select`.
46
103
  * If this is set, the `controlledFilter` prop is ignored because `filter="controlled"` has identical functionality.
47
104
 
48
- Bug Fixes:
105
+ Bug Fixes:
49
106
  * Added missing type definition files for `TextArea` and `Divider` (SUI-5154).
50
107
  * Fixes missing `data-test="fixed-head"` test hook in `Table` (SUI-5157).
51
108
  * Added SSR support for `Select`
@@ -111,6 +168,7 @@ Bug Fixes:
111
168
  4.12.0 - September 6, 2022
112
169
  ----------
113
170
  New Features:
171
+ * Added a new `Typography` component for styling text content (SUI-3665).
114
172
  * Added an `onScroll` prop to `ComboBox`, `Multiselect`, `Search`, and `Select` (SUI-4309).
115
173
  * Added a new `TextArea` component for multi-line text input (SUI-4075).
116
174