@splunk/react-ui 4.6.0 → 4.7.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.
- package/Accordion.js +7 -7
- package/Anchor.js +2 -2
- package/Animation.js +2 -2
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +13 -13
- package/ButtonGroup.js +4 -4
- package/ButtonSimple.js +6 -6
- package/CHANGELOG.md +23 -3
- package/Calendar.js +16 -16
- package/Card.js +46 -46
- package/CardLayout.js +4 -4
- package/Chip.js +10 -10
- package/Clickable.js +4 -4
- package/CloseButton.js +8 -8
- package/Code.js +4 -4
- package/CollapsiblePanel.js +9 -9
- package/Color.js +20 -20
- package/ColumnLayout.js +4 -4
- package/ComboBox.js +8 -8
- package/Concertina.js +15 -15
- package/ControlGroup.js +12 -12
- package/Date.js +10 -10
- package/DefinitionList.js +2 -2
- package/Dropdown.js +4 -4
- package/EventListener.js +4 -4
- package/FetchOptions.js +8 -8
- package/File.js +26 -26
- package/FormRows.js +13 -13
- package/Heading.js +2 -2
- package/Image.js +14 -14
- package/JSONTree.js +4 -4
- package/Layer.js +10 -10
- package/Link.js +6 -6
- package/List.js +2 -2
- package/Markdown.js +17 -17
- package/Menu.js +134 -69
- package/Message.js +246 -305
- package/MessageBar.d.ts +2 -0
- package/MessageBar.js +789 -0
- package/Modal.js +58 -53
- package/ModalLayer.js +5 -4
- package/Monogram.js +4 -4
- package/Multiselect.js +50 -41
- package/Number.js +8 -8
- package/Paginator.js +24 -24
- package/Paragraph.js +2 -2
- package/Popover.js +12 -12
- package/Progress.js +6 -6
- package/RadioBar.js +4 -4
- package/RadioList.js +2 -2
- package/Resize.js +8 -8
- package/ResultsMenu.js +25 -23
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +6 -6
- package/ScrollContainerContext.js +2 -2
- package/Search.js +14 -14
- package/Select.js +44 -35
- package/SidePanel.js +6 -6
- package/Slider.js +14 -14
- package/SlidingPanels.js +4 -4
- package/StaticContent.js +2 -2
- package/StepBar.js +18 -18
- package/Switch.js +17 -31
- package/TabBar.js +60 -46
- package/TabLayout.js +4 -4
- package/Table.js +55 -48
- package/Text.js +30 -30
- package/Tooltip.js +14 -14
- package/TransitionOpen.js +9 -9
- package/WaitSpinner.js +2 -2
- package/cypress/support/index.ts +1 -0
- package/package.json +7 -3
- package/types/src/Animation/Animation.d.ts +0 -1
- package/types/src/Calendar/DateTable.d.ts +0 -1
- package/types/src/Date/Icon.d.ts +0 -1
- package/types/src/File/Icon.d.ts +0 -1
- package/types/src/File/IconCloud.d.ts +0 -1
- package/types/src/File/PaperClip.d.ts +0 -1
- package/types/src/File/Retry.d.ts +0 -1
- package/types/src/File/Trash.d.ts +0 -1
- package/types/src/Markdown/renderers/MarkdownCode.d.ts +0 -1
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +0 -1
- package/types/src/Markdown/renderers/MarkdownImage.d.ts +0 -1
- package/types/src/Menu/Divider.d.ts +0 -1
- package/types/src/Message/Link.d.ts +2 -0
- package/types/src/Message/Message.d.ts +6 -1
- package/types/src/MessageBar/MessageBar.d.ts +28 -0
- package/types/src/MessageBar/index.d.ts +2 -0
- package/types/src/Modal/Modal.d.ts +1 -0
- package/types/src/Monogram/Monogram.d.ts +2 -2
- package/types/src/Number/IncrementIcon.d.ts +0 -1
- package/types/src/Paginator/PageSeparator.d.ts +0 -1
- package/types/src/Popover/Popover.d.ts +1 -2
- package/types/src/Select/SelectBase.d.ts +1 -1
- package/types/src/Switch/CheckIcon.d.ts +0 -1
- package/types/src/Switch/Switch.d.ts +7 -7
- package/types/src/Table/DragHandle.d.ts +0 -1
- package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
- package/types/src/Table/Toggle.d.ts +0 -1
- package/types/src/Text/IconOutlinedHide.d.ts +0 -1
- package/types/src/Text/IconOutlinedView.d.ts +0 -1
- package/types/src/Tooltip/InfoIcon.d.ts +0 -1
- package/types/src/icons/Alert.d.ts +0 -1
- package/types/src/icons/AlertFilled.d.ts +0 -1
- package/types/src/icons/CaretDown.d.ts +0 -1
- package/types/src/icons/CaretRight.d.ts +0 -1
- package/types/src/icons/Check.d.ts +0 -1
- package/types/src/icons/ChevronDown.d.ts +0 -1
- package/types/src/icons/ChevronLeft.d.ts +0 -1
- package/types/src/icons/ChevronRight.d.ts +0 -1
- package/types/src/icons/CrossMark.d.ts +0 -1
- package/types/src/icons/External.d.ts +0 -1
- package/types/src/icons/InfoFilled.d.ts +0 -1
- package/types/src/icons/More.d.ts +0 -1
- package/types/src/icons/MoreVertical.d.ts +0 -1
- package/types/src/icons/Plus.d.ts +0 -1
- package/types/src/icons/SVG.d.ts +0 -1
- package/types/src/icons/Search.d.ts +0 -1
- package/types/src/icons/Sort.d.ts +0 -1
- package/types/src/icons/SortedDown.d.ts +0 -1
- package/types/src/icons/SortedUp.d.ts +0 -1
- package/types/src/icons/Success.d.ts +0 -1
- package/types/src/icons/SuccessFilled.d.ts +0 -1
- package/types/src/icons/WarningFilled.d.ts +0 -1
- package/types/src/utils/types.d.ts +0 -1
- package/unit-test-setup-testing-library.ts +9 -0
- package/usePrevious.js +2 -2
- package/types/src/Message/Banner.d.ts +0 -8
package/Accordion.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 133);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 133:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -124,7 +124,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
124
124
|
var external_lodash_ = __webpack_require__(4);
|
|
125
125
|
|
|
126
126
|
// EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
|
|
127
|
-
var CollapsiblePanel_ = __webpack_require__(
|
|
127
|
+
var CollapsiblePanel_ = __webpack_require__(83);
|
|
128
128
|
var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
|
|
129
129
|
|
|
130
130
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -408,17 +408,17 @@ module.exports = require("lodash");
|
|
|
408
408
|
|
|
409
409
|
/***/ }),
|
|
410
410
|
|
|
411
|
-
/***/
|
|
411
|
+
/***/ 8:
|
|
412
412
|
/***/ (function(module, exports) {
|
|
413
413
|
|
|
414
|
-
module.exports = require("@splunk/react-ui/
|
|
414
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
415
415
|
|
|
416
416
|
/***/ }),
|
|
417
417
|
|
|
418
|
-
/***/
|
|
418
|
+
/***/ 83:
|
|
419
419
|
/***/ (function(module, exports) {
|
|
420
420
|
|
|
421
|
-
module.exports = require("@splunk/react-ui/
|
|
421
|
+
module.exports = require("@splunk/react-ui/CollapsiblePanel");
|
|
422
422
|
|
|
423
423
|
/***/ })
|
|
424
424
|
|
package/Anchor.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 150);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 150:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
package/Animation.js
CHANGED
|
@@ -82,12 +82,12 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 177);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
89
89
|
|
|
90
|
-
/***/
|
|
90
|
+
/***/ 177:
|
|
91
91
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
92
92
|
|
|
93
93
|
"use strict";
|
package/AnimationToggle.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 134);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
|
|
|
94
94
|
|
|
95
95
|
/***/ }),
|
|
96
96
|
|
|
97
|
-
/***/
|
|
97
|
+
/***/ 134:
|
|
98
98
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
99
99
|
|
|
100
100
|
"use strict";
|
package/Box.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 151);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 151:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
package/Button.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 139);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 139:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -129,13 +129,13 @@ var i18n_ = __webpack_require__(5);
|
|
|
129
129
|
var Dropdown_ = __webpack_require__(19);
|
|
130
130
|
|
|
131
131
|
// EXTERNAL MODULE: external "@splunk/ui-utils/style"
|
|
132
|
-
var style_ = __webpack_require__(
|
|
132
|
+
var style_ = __webpack_require__(40);
|
|
133
133
|
|
|
134
134
|
// EXTERNAL MODULE: ./src/icons/CaretDown.tsx
|
|
135
135
|
var CaretDown = __webpack_require__(36);
|
|
136
136
|
|
|
137
137
|
// EXTERNAL MODULE: external "@splunk/react-icons/External"
|
|
138
|
-
var External_ = __webpack_require__(
|
|
138
|
+
var External_ = __webpack_require__(57);
|
|
139
139
|
var External_default = /*#__PURE__*/__webpack_require__.n(External_);
|
|
140
140
|
|
|
141
141
|
// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
|
|
@@ -170,14 +170,14 @@ function External(props) {
|
|
|
170
170
|
}, props));
|
|
171
171
|
}
|
|
172
172
|
// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
|
|
173
|
-
var ButtonGroupContext = __webpack_require__(
|
|
173
|
+
var ButtonGroupContext = __webpack_require__(58);
|
|
174
174
|
|
|
175
175
|
// EXTERNAL MODULE: external "styled-components"
|
|
176
176
|
var external_styled_components_ = __webpack_require__(3);
|
|
177
177
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
178
178
|
|
|
179
179
|
// EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
|
|
180
|
-
var ButtonSimple_ = __webpack_require__(
|
|
180
|
+
var ButtonSimple_ = __webpack_require__(45);
|
|
181
181
|
var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
|
|
182
182
|
|
|
183
183
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -591,21 +591,21 @@ module.exports = require("@splunk/react-icons/Caret");
|
|
|
591
591
|
|
|
592
592
|
/***/ }),
|
|
593
593
|
|
|
594
|
-
/***/
|
|
594
|
+
/***/ 4:
|
|
595
595
|
/***/ (function(module, exports) {
|
|
596
596
|
|
|
597
|
-
module.exports = require("
|
|
597
|
+
module.exports = require("lodash");
|
|
598
598
|
|
|
599
599
|
/***/ }),
|
|
600
600
|
|
|
601
|
-
/***/
|
|
601
|
+
/***/ 40:
|
|
602
602
|
/***/ (function(module, exports) {
|
|
603
603
|
|
|
604
|
-
module.exports = require("
|
|
604
|
+
module.exports = require("@splunk/ui-utils/style");
|
|
605
605
|
|
|
606
606
|
/***/ }),
|
|
607
607
|
|
|
608
|
-
/***/
|
|
608
|
+
/***/ 45:
|
|
609
609
|
/***/ (function(module, exports) {
|
|
610
610
|
|
|
611
611
|
module.exports = require("@splunk/react-ui/ButtonSimple");
|
|
@@ -619,14 +619,14 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
619
619
|
|
|
620
620
|
/***/ }),
|
|
621
621
|
|
|
622
|
-
/***/
|
|
622
|
+
/***/ 57:
|
|
623
623
|
/***/ (function(module, exports) {
|
|
624
624
|
|
|
625
625
|
module.exports = require("@splunk/react-icons/External");
|
|
626
626
|
|
|
627
627
|
/***/ }),
|
|
628
628
|
|
|
629
|
-
/***/
|
|
629
|
+
/***/ 58:
|
|
630
630
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
631
631
|
|
|
632
632
|
"use strict";
|
package/ButtonGroup.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 152);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 152:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -143,7 +143,7 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
|
|
|
143
143
|
}));
|
|
144
144
|
|
|
145
145
|
// EXTERNAL MODULE: ./src/ButtonGroup/ButtonGroupContext.tsx
|
|
146
|
-
var ButtonGroupContext = __webpack_require__(
|
|
146
|
+
var ButtonGroupContext = __webpack_require__(58);
|
|
147
147
|
|
|
148
148
|
// CONCATENATED MODULE: ./src/ButtonGroup/ButtonGroup.tsx
|
|
149
149
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -210,7 +210,7 @@ module.exports = require("styled-components");
|
|
|
210
210
|
|
|
211
211
|
/***/ }),
|
|
212
212
|
|
|
213
|
-
/***/
|
|
213
|
+
/***/ 58:
|
|
214
214
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
215
215
|
|
|
216
216
|
"use strict";
|
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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 135);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 11:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 135:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -133,7 +133,7 @@ var i18n_ = __webpack_require__(5);
|
|
|
133
133
|
var themes_ = __webpack_require__(0);
|
|
134
134
|
|
|
135
135
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
136
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
136
|
+
var ScreenReaderContent_ = __webpack_require__(14);
|
|
137
137
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
138
138
|
|
|
139
139
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -141,7 +141,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
141
141
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
142
142
|
|
|
143
143
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
144
|
-
var Clickable_ = __webpack_require__(
|
|
144
|
+
var Clickable_ = __webpack_require__(11);
|
|
145
145
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
146
146
|
|
|
147
147
|
// CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
|
|
@@ -530,7 +530,7 @@ ButtonSimpleWithTheme.propTypes = ButtonSimple_ButtonSimple.propTypes;
|
|
|
530
530
|
|
|
531
531
|
/***/ }),
|
|
532
532
|
|
|
533
|
-
/***/
|
|
533
|
+
/***/ 14:
|
|
534
534
|
/***/ (function(module, exports) {
|
|
535
535
|
|
|
536
536
|
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
package/CHANGELOG.md
CHANGED
|
@@ -1,7 +1,26 @@
|
|
|
1
1
|
Change Log
|
|
2
2
|
============
|
|
3
3
|
|
|
4
|
-
4.
|
|
4
|
+
4.7.0 - May 4, 2022
|
|
5
|
+
----------
|
|
6
|
+
New Features:
|
|
7
|
+
* New `MessageBar` component for system-level messages.
|
|
8
|
+
|
|
9
|
+
Bug Fixes:
|
|
10
|
+
* `Modal` now has the correct border radius and the `icon` in `Modal.Header` is now centered (SUI-3447).
|
|
11
|
+
* `Switch` checkbox no longer displays the default browser tooltip. The default values of `selectedLabel`, `someSelectedLabel` and `unselectedLabel` of `Switch` have been removed (SUI-3241).
|
|
12
|
+
* `Switch` checkbox status is no longer read twice by screen reader (SUI-3241).
|
|
13
|
+
* `Menu.Item`s with icons have the correct height of 40px and icons are vertically centered (SUI-3341).
|
|
14
|
+
* `Modal.Body` now has the correct text color of `contentColorDefault` in Prisma themes (SUI-3488).
|
|
15
|
+
* `Select`'s options should no longer be clickable while it's collapsing (SUI-3337).
|
|
16
|
+
* `Menu`s should now correctly manage focus if the first item is disabled (SUI-3468).
|
|
17
|
+
* `Message`'s `appearance="banner"` renders with an icon for improved accessibility (SUI-3526).
|
|
18
|
+
|
|
19
|
+
Deprecations:
|
|
20
|
+
* `Message`'s `appearance="banner"`is deprecated and will be removed in a future major version. Use `MessageBar` instead (SUI-3437).
|
|
21
|
+
* `Message.Link` is deprecated and will be removed in a future major version. Use `Link` instead (SUI-3322).
|
|
22
|
+
|
|
23
|
+
4.6.0 - April 5, 2022
|
|
5
24
|
----------
|
|
6
25
|
New Features:
|
|
7
26
|
* Updated the `File` uploader descriptive button text from `browse...` to `upload file` (SUI-3275).
|
|
@@ -9,13 +28,14 @@ New Features:
|
|
|
9
28
|
* Added `onInputClick` prop to `Text` component (SUI-2801).
|
|
10
29
|
|
|
11
30
|
Bug Fixes:
|
|
12
|
-
* `NavigationProvider`'s `value` now has the the same shape as other provider values.
|
|
31
|
+
* `NavigationProvider`'s `value` **now** has the the same shape as other provider values.
|
|
13
32
|
* `TransitionOpen`'s slide transitions now consistently use transforms instead of animating dimensions (SUI-3328).
|
|
14
33
|
* `FormRows`'s inside a `Modal` now display correctly when being sorted (SUI-3416).
|
|
15
34
|
* Focus on `FormRows` drag handle is now visible in Prisma themes (SUI-3415).
|
|
16
35
|
* `Modal`'s title is now read by screen reader.
|
|
17
36
|
* `Card` will no longer render with different dimensions depending on the combination of `to` and `onClick` props.
|
|
18
|
-
|
|
37
|
+
* `TableRow`'s `data` prop is no longer incorrectly passed to the DOM element (SUI-3448)
|
|
38
|
+
|
|
19
39
|
4.5.3 - March 15, 2022
|
|
20
40
|
----------
|
|
21
41
|
Bug Fixes:
|
package/Calendar.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 119);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 119:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -130,7 +130,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
130
130
|
var external_lodash_ = __webpack_require__(4);
|
|
131
131
|
|
|
132
132
|
// EXTERNAL MODULE: external "moment"
|
|
133
|
-
var external_moment_ = __webpack_require__(
|
|
133
|
+
var external_moment_ = __webpack_require__(21);
|
|
134
134
|
var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
|
|
135
135
|
|
|
136
136
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
@@ -392,7 +392,7 @@ function DateTable(_ref2) {
|
|
|
392
392
|
DateTable.propTypes = DateTable_propTypes;
|
|
393
393
|
/* harmony default export */ var Calendar_DateTable = (DateTable);
|
|
394
394
|
// EXTERNAL MODULE: external "lodash/omit"
|
|
395
|
-
var omit_ = __webpack_require__(
|
|
395
|
+
var omit_ = __webpack_require__(43);
|
|
396
396
|
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
397
397
|
|
|
398
398
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
@@ -403,7 +403,7 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
|
403
403
|
var i18n_ = __webpack_require__(5);
|
|
404
404
|
|
|
405
405
|
// EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
|
|
406
|
-
var ChevronLeft = __webpack_require__(
|
|
406
|
+
var ChevronLeft = __webpack_require__(59);
|
|
407
407
|
|
|
408
408
|
// EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
|
|
409
409
|
var ChevronRight = __webpack_require__(27);
|
|
@@ -800,7 +800,7 @@ module.exports = require("react");
|
|
|
800
800
|
|
|
801
801
|
/***/ }),
|
|
802
802
|
|
|
803
|
-
/***/
|
|
803
|
+
/***/ 21:
|
|
804
804
|
/***/ (function(module, exports) {
|
|
805
805
|
|
|
806
806
|
module.exports = require("moment");
|
|
@@ -878,7 +878,7 @@ module.exports = require("lodash");
|
|
|
878
878
|
|
|
879
879
|
/***/ }),
|
|
880
880
|
|
|
881
|
-
/***/
|
|
881
|
+
/***/ 43:
|
|
882
882
|
/***/ (function(module, exports) {
|
|
883
883
|
|
|
884
884
|
module.exports = require("lodash/omit");
|
|
@@ -892,14 +892,14 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
892
892
|
|
|
893
893
|
/***/ }),
|
|
894
894
|
|
|
895
|
-
/***/
|
|
895
|
+
/***/ 59:
|
|
896
896
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
897
897
|
|
|
898
898
|
"use strict";
|
|
899
899
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
|
|
900
900
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
901
901
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
902
|
-
/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
902
|
+
/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
|
|
903
903
|
/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
|
|
904
904
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
905
905
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -942,13 +942,6 @@ function ChevronLeft(props) {
|
|
|
942
942
|
|
|
943
943
|
/***/ }),
|
|
944
944
|
|
|
945
|
-
/***/ 57:
|
|
946
|
-
/***/ (function(module, exports) {
|
|
947
|
-
|
|
948
|
-
module.exports = require("@splunk/react-icons/ChevronLeft");
|
|
949
|
-
|
|
950
|
-
/***/ }),
|
|
951
|
-
|
|
952
945
|
/***/ 6:
|
|
953
946
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
954
947
|
|
|
@@ -974,6 +967,13 @@ function SVG(props) {
|
|
|
974
967
|
|
|
975
968
|
/***/ }),
|
|
976
969
|
|
|
970
|
+
/***/ 60:
|
|
971
|
+
/***/ (function(module, exports) {
|
|
972
|
+
|
|
973
|
+
module.exports = require("@splunk/react-icons/ChevronLeft");
|
|
974
|
+
|
|
975
|
+
/***/ }),
|
|
976
|
+
|
|
977
977
|
/***/ 7:
|
|
978
978
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
979
979
|
|
package/Card.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 120);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 11:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 120:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -236,7 +243,7 @@ Footer.propTypes = Footer_propTypes;
|
|
|
236
243
|
var i18n_ = __webpack_require__(5);
|
|
237
244
|
|
|
238
245
|
// EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
|
|
239
|
-
var Anchor_ = __webpack_require__(
|
|
246
|
+
var Anchor_ = __webpack_require__(84);
|
|
240
247
|
var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
|
|
241
248
|
|
|
242
249
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
@@ -252,7 +259,7 @@ var useSplunkTheme_ = __webpack_require__(38);
|
|
|
252
259
|
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
|
|
253
260
|
|
|
254
261
|
// EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
|
|
255
|
-
var MoreVertical = __webpack_require__(
|
|
262
|
+
var MoreVertical = __webpack_require__(61);
|
|
256
263
|
|
|
257
264
|
// CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
|
|
258
265
|
|
|
@@ -381,7 +388,7 @@ function Header(_ref) {
|
|
|
381
388
|
Header.propTypes = Header_propTypes;
|
|
382
389
|
/* harmony default export */ var Card_Header = (Header);
|
|
383
390
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
384
|
-
var Clickable_ = __webpack_require__(
|
|
391
|
+
var Clickable_ = __webpack_require__(11);
|
|
385
392
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
386
393
|
|
|
387
394
|
// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
@@ -430,7 +437,7 @@ var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig(
|
|
|
430
437
|
}));
|
|
431
438
|
|
|
432
439
|
// EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
|
|
433
|
-
var CardLayoutContext = __webpack_require__(
|
|
440
|
+
var CardLayoutContext = __webpack_require__(63);
|
|
434
441
|
|
|
435
442
|
// CONCATENATED MODULE: ./src/Card/Card.tsx
|
|
436
443
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
@@ -648,13 +655,6 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
|
|
|
648
655
|
|
|
649
656
|
|
|
650
657
|
|
|
651
|
-
/***/ }),
|
|
652
|
-
|
|
653
|
-
/***/ 12:
|
|
654
|
-
/***/ (function(module, exports) {
|
|
655
|
-
|
|
656
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
657
|
-
|
|
658
658
|
/***/ }),
|
|
659
659
|
|
|
660
660
|
/***/ 17:
|
|
@@ -699,14 +699,39 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
699
699
|
|
|
700
700
|
/***/ }),
|
|
701
701
|
|
|
702
|
-
/***/
|
|
702
|
+
/***/ 6:
|
|
703
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
704
|
+
|
|
705
|
+
"use strict";
|
|
706
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
|
|
707
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
708
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
709
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
710
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
711
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
712
|
+
|
|
713
|
+
|
|
714
|
+
|
|
715
|
+
var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
|
|
716
|
+
displayName: "SVG__Styled",
|
|
717
|
+
componentId: "sc-1bz0ryh-0"
|
|
718
|
+
})(["flex:0 0 auto;"]);
|
|
719
|
+
function SVG(props) {
|
|
720
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
|
|
721
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
722
|
+
}, props));
|
|
723
|
+
}
|
|
724
|
+
|
|
725
|
+
/***/ }),
|
|
726
|
+
|
|
727
|
+
/***/ 61:
|
|
703
728
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
704
729
|
|
|
705
730
|
"use strict";
|
|
706
731
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
|
|
707
732
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
708
733
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
709
|
-
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
734
|
+
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(62);
|
|
710
735
|
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
|
|
711
736
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
712
737
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -737,39 +762,14 @@ function MoreVertical(props) {
|
|
|
737
762
|
|
|
738
763
|
/***/ }),
|
|
739
764
|
|
|
740
|
-
/***/
|
|
765
|
+
/***/ 62:
|
|
741
766
|
/***/ (function(module, exports) {
|
|
742
767
|
|
|
743
768
|
module.exports = require("@splunk/react-icons/MoreVertical");
|
|
744
769
|
|
|
745
770
|
/***/ }),
|
|
746
771
|
|
|
747
|
-
/***/
|
|
748
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
749
|
-
|
|
750
|
-
"use strict";
|
|
751
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
|
|
752
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
753
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
754
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
755
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
756
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
|
|
761
|
-
displayName: "SVG__Styled",
|
|
762
|
-
componentId: "sc-1bz0ryh-0"
|
|
763
|
-
})(["flex:0 0 auto;"]);
|
|
764
|
-
function SVG(props) {
|
|
765
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
|
|
766
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
767
|
-
}, props));
|
|
768
|
-
}
|
|
769
|
-
|
|
770
|
-
/***/ }),
|
|
771
|
-
|
|
772
|
-
/***/ 60:
|
|
772
|
+
/***/ 63:
|
|
773
773
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
774
774
|
|
|
775
775
|
"use strict";
|
|
@@ -901,17 +901,17 @@ Icon.defaultProps = defaultProps;
|
|
|
901
901
|
|
|
902
902
|
/***/ }),
|
|
903
903
|
|
|
904
|
-
/***/
|
|
904
|
+
/***/ 8:
|
|
905
905
|
/***/ (function(module, exports) {
|
|
906
906
|
|
|
907
|
-
module.exports = require("@splunk/react-ui/
|
|
907
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
908
908
|
|
|
909
909
|
/***/ }),
|
|
910
910
|
|
|
911
|
-
/***/
|
|
911
|
+
/***/ 84:
|
|
912
912
|
/***/ (function(module, exports) {
|
|
913
913
|
|
|
914
|
-
module.exports = require("@splunk/react-ui/
|
|
914
|
+
module.exports = require("@splunk/react-ui/Anchor");
|
|
915
915
|
|
|
916
916
|
/***/ })
|
|
917
917
|
|
package/CardLayout.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 =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 153);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 153:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -141,7 +141,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
|
|
|
141
141
|
}));
|
|
142
142
|
|
|
143
143
|
// EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
|
|
144
|
-
var CardLayoutContext = __webpack_require__(
|
|
144
|
+
var CardLayoutContext = __webpack_require__(63);
|
|
145
145
|
|
|
146
146
|
// CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
|
|
147
147
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -228,7 +228,7 @@ module.exports = require("styled-components");
|
|
|
228
228
|
|
|
229
229
|
/***/ }),
|
|
230
230
|
|
|
231
|
-
/***/
|
|
231
|
+
/***/ 63:
|
|
232
232
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
233
233
|
|
|
234
234
|
"use strict";
|