@splunk/react-ui 4.20.0 → 4.21.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 +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.js +105 -197
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +21 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +128 -246
- package/CloseButton.js +92 -200
- package/Code.js +162 -250
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -354
- package/Menu.js +489 -760
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +1135 -1761
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +370 -620
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +161 -303
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1028 -1430
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +943 -1448
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +14 -15
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +7 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/MessageBar.js
CHANGED
|
@@ -1,396 +1,272 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
18
44
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
22
|
-
/******/
|
|
23
|
-
/******/ // Flag the module as loaded
|
|
24
|
-
/******/ module.l = true;
|
|
25
|
-
/******/
|
|
26
|
-
/******/ // Return the exports of the module
|
|
27
|
-
/******/ return module.exports;
|
|
28
|
-
/******/ }
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
32
|
-
/******/ __webpack_require__.m = modules;
|
|
33
|
-
/******/
|
|
34
|
-
/******/ // expose the module cache
|
|
35
|
-
/******/ __webpack_require__.c = installedModules;
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 224);
|
|
86
|
-
/******/ })
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
/***/ 0:
|
|
91
|
-
/***/ (function(module, exports) {
|
|
92
|
-
|
|
93
|
-
module.exports = require("@splunk/themes");
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ 1:
|
|
98
|
-
/***/ (function(module, exports) {
|
|
99
|
-
|
|
100
|
-
module.exports = require("prop-types");
|
|
101
|
-
|
|
102
|
-
/***/ }),
|
|
103
|
-
|
|
104
|
-
/***/ 100:
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("@splunk/react-icons/enterprise/Error");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 101:
|
|
112
|
-
/***/ (function(module, exports) {
|
|
113
|
-
|
|
114
|
-
module.exports = require("@splunk/react-icons/enterprise/InfoCircle");
|
|
115
|
-
|
|
116
|
-
/***/ }),
|
|
117
|
-
|
|
118
|
-
/***/ 102:
|
|
119
|
-
/***/ (function(module, exports) {
|
|
120
|
-
|
|
121
|
-
module.exports = require("@splunk/react-icons/enterprise/Success");
|
|
122
|
-
|
|
123
|
-
/***/ }),
|
|
124
|
-
|
|
125
|
-
/***/ 103:
|
|
126
|
-
/***/ (function(module, exports) {
|
|
127
|
-
|
|
128
|
-
module.exports = require("@splunk/react-icons/enterprise/Warning");
|
|
129
|
-
|
|
130
|
-
/***/ }),
|
|
131
|
-
|
|
132
|
-
/***/ 12:
|
|
133
|
-
/***/ (function(module, exports) {
|
|
134
|
-
|
|
135
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
136
|
-
|
|
137
|
-
/***/ }),
|
|
138
|
-
|
|
139
|
-
/***/ 14:
|
|
140
|
-
/***/ (function(module, exports) {
|
|
141
|
-
|
|
142
|
-
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
143
|
-
|
|
144
|
-
/***/ }),
|
|
145
|
-
|
|
146
|
-
/***/ 2:
|
|
147
|
-
/***/ (function(module, exports) {
|
|
148
|
-
|
|
149
|
-
module.exports = require("react");
|
|
150
|
-
|
|
151
|
-
/***/ }),
|
|
152
|
-
|
|
153
|
-
/***/ 224:
|
|
154
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
155
|
-
|
|
156
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
157
49
|
// ESM COMPAT FLAG
|
|
158
50
|
__webpack_require__.r(__webpack_exports__);
|
|
159
51
|
|
|
160
52
|
// EXPORTS
|
|
161
|
-
__webpack_require__.d(__webpack_exports__,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
var external_react_ = __webpack_require__(2);
|
|
165
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
166
|
-
|
|
167
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
168
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
169
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
170
|
-
|
|
171
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Cross"
|
|
172
|
-
var Cross_ = __webpack_require__(26);
|
|
173
|
-
var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
|
|
174
|
-
|
|
175
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
|
|
176
|
-
var Close_ = __webpack_require__(27);
|
|
177
|
-
var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
|
|
178
|
-
|
|
179
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
180
|
-
var ScreenReaderContent_ = __webpack_require__(14);
|
|
181
|
-
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
182
|
-
|
|
183
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
184
|
-
var themes_ = __webpack_require__(0);
|
|
185
|
-
|
|
186
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
187
|
-
var i18n_ = __webpack_require__(4);
|
|
188
|
-
|
|
189
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
190
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
191
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
192
|
-
|
|
193
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
|
|
194
|
-
var CheckCircle_ = __webpack_require__(72);
|
|
195
|
-
var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
|
|
196
|
-
|
|
197
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
|
|
198
|
-
var ExclamationCircle_ = __webpack_require__(73);
|
|
199
|
-
var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
|
|
200
|
-
|
|
201
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/InformationCircle"
|
|
202
|
-
var InformationCircle_ = __webpack_require__(98);
|
|
203
|
-
var InformationCircle_default = /*#__PURE__*/__webpack_require__.n(InformationCircle_);
|
|
204
|
-
|
|
205
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationTriangle"
|
|
206
|
-
var ExclamationTriangle_ = __webpack_require__(99);
|
|
207
|
-
var ExclamationTriangle_default = /*#__PURE__*/__webpack_require__.n(ExclamationTriangle_);
|
|
208
|
-
|
|
209
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Error"
|
|
210
|
-
var Error_ = __webpack_require__(100);
|
|
211
|
-
var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
|
|
212
|
-
|
|
213
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
|
|
214
|
-
var InfoCircle_ = __webpack_require__(101);
|
|
215
|
-
var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
|
|
216
|
-
|
|
217
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Success"
|
|
218
|
-
var Success_ = __webpack_require__(102);
|
|
219
|
-
var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
|
|
220
|
-
|
|
221
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Warning"
|
|
222
|
-
var Warning_ = __webpack_require__(103);
|
|
223
|
-
var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
|
|
224
|
-
|
|
225
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
226
|
-
var Box_ = __webpack_require__(6);
|
|
227
|
-
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
228
|
-
|
|
229
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
230
|
-
var Clickable_ = __webpack_require__(12);
|
|
231
|
-
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
232
|
-
|
|
233
|
-
// CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* reexport */ MessageBar_MessageBar)
|
|
55
|
+
});
|
|
245
56
|
|
|
246
|
-
|
|
57
|
+
;// CONCATENATED MODULE: external "react"
|
|
58
|
+
const external_react_namespaceObject = require("react");
|
|
59
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
60
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
61
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
62
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
63
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
64
|
+
const Cross_namespaceObject = require("@splunk/react-icons/Cross");
|
|
65
|
+
var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_namespaceObject);
|
|
66
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
|
|
67
|
+
const Close_namespaceObject = require("@splunk/react-icons/enterprise/Close");
|
|
68
|
+
var Close_default = /*#__PURE__*/__webpack_require__.n(Close_namespaceObject);
|
|
69
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
70
|
+
const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
|
|
71
|
+
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
73
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
74
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
75
|
+
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
76
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
77
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
78
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
79
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
|
|
80
|
+
const CheckCircle_namespaceObject = require("@splunk/react-icons/CheckCircle");
|
|
81
|
+
var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_namespaceObject);
|
|
82
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ExclamationCircle"
|
|
83
|
+
const ExclamationCircle_namespaceObject = require("@splunk/react-icons/ExclamationCircle");
|
|
84
|
+
var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_namespaceObject);
|
|
85
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
|
|
86
|
+
const InformationCircle_namespaceObject = require("@splunk/react-icons/InformationCircle");
|
|
87
|
+
var InformationCircle_default = /*#__PURE__*/__webpack_require__.n(InformationCircle_namespaceObject);
|
|
88
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
|
|
89
|
+
const ExclamationTriangle_namespaceObject = require("@splunk/react-icons/ExclamationTriangle");
|
|
90
|
+
var ExclamationTriangle_default = /*#__PURE__*/__webpack_require__.n(ExclamationTriangle_namespaceObject);
|
|
91
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Error"
|
|
92
|
+
const Error_namespaceObject = require("@splunk/react-icons/enterprise/Error");
|
|
93
|
+
var Error_default = /*#__PURE__*/__webpack_require__.n(Error_namespaceObject);
|
|
94
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
|
|
95
|
+
const InfoCircle_namespaceObject = require("@splunk/react-icons/enterprise/InfoCircle");
|
|
96
|
+
var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_namespaceObject);
|
|
97
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Success"
|
|
98
|
+
const Success_namespaceObject = require("@splunk/react-icons/enterprise/Success");
|
|
99
|
+
var Success_default = /*#__PURE__*/__webpack_require__.n(Success_namespaceObject);
|
|
100
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Warning"
|
|
101
|
+
const Warning_namespaceObject = require("@splunk/react-icons/enterprise/Warning");
|
|
102
|
+
var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_namespaceObject);
|
|
103
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
104
|
+
const Box_namespaceObject = require("@splunk/react-ui/Box");
|
|
105
|
+
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
|
|
106
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
107
|
+
const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
|
|
108
|
+
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
|
|
109
|
+
;// CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
var MessageBarContent = external_styled_components_default().div.withConfig({
|
|
247
123
|
displayName: "MessageBarStyles__MessageBarContent",
|
|
248
124
|
componentId: "sc-1uyhzza-0"
|
|
249
|
-
})(["", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;box-shadow:", ";}}"],
|
|
125
|
+
})(["", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;box-shadow:", ";}}"], themes_namespaceObject.mixins.reset('inline'), themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
|
|
250
126
|
enterprise: {
|
|
251
|
-
dark:
|
|
252
|
-
light:
|
|
127
|
+
dark: (0,external_styled_components_namespaceObject.css)(["0 0 0 2px ", ""], themes_namespaceObject.variables.gray80),
|
|
128
|
+
light: (0,external_styled_components_namespaceObject.css)(["0 0 0 2px ", ""], themes_namespaceObject.variables.gray25)
|
|
253
129
|
},
|
|
254
130
|
prisma: {
|
|
255
|
-
light:
|
|
256
|
-
info:
|
|
257
|
-
warning:
|
|
258
|
-
error:
|
|
259
|
-
success:
|
|
131
|
+
light: (0,themes_namespaceObject.pickVariant)('$type', {
|
|
132
|
+
info: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black),
|
|
133
|
+
warning: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black),
|
|
134
|
+
error: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.white),
|
|
135
|
+
success: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.white)
|
|
260
136
|
}),
|
|
261
|
-
dark:
|
|
137
|
+
dark: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black)
|
|
262
138
|
}
|
|
263
139
|
}));
|
|
264
|
-
var MessageBarCloseWrapper = external_styled_components_default()(Clickable_default
|
|
140
|
+
var MessageBarCloseWrapper = external_styled_components_default()((Clickable_default())).withConfig({
|
|
265
141
|
displayName: "MessageBarStyles__MessageBarCloseWrapper",
|
|
266
142
|
componentId: "sc-1uyhzza-1"
|
|
267
|
-
})(["", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", ""],
|
|
268
|
-
enterprise:
|
|
143
|
+
})(["", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", ""], themes_namespaceObject.mixins.reset('flex'), themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
|
|
144
|
+
enterprise: themes_namespaceObject.variables.spacingXSmall,
|
|
269
145
|
prisma: '3px'
|
|
270
|
-
}),
|
|
271
|
-
enterprise:
|
|
272
|
-
}),
|
|
273
|
-
prisma:
|
|
146
|
+
}), (0,themes_namespaceObject.pick)({
|
|
147
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["margin-top:1px;"])
|
|
148
|
+
}), (0,themes_namespaceObject.pick)({
|
|
149
|
+
prisma: themes_namespaceObject.variables.interactiveColorOverlayHover,
|
|
274
150
|
enterprise: {
|
|
275
|
-
dark:
|
|
276
|
-
light:
|
|
151
|
+
dark: themes_namespaceObject.variables.gray30,
|
|
152
|
+
light: themes_namespaceObject.variables.gray92
|
|
277
153
|
}
|
|
278
|
-
}),
|
|
279
|
-
prisma:
|
|
280
|
-
enterprise:
|
|
281
|
-
}),
|
|
154
|
+
}), (0,themes_namespaceObject.pick)({
|
|
155
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["1px solid inherit"]),
|
|
156
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["1px solid ", ""], themes_namespaceObject.variables.gray80)
|
|
157
|
+
}), (0,themes_namespaceObject.pick)({
|
|
282
158
|
enterprise: {
|
|
283
|
-
dark:
|
|
284
|
-
light:
|
|
159
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
160
|
+
light: themes_namespaceObject.variables.linkColor
|
|
285
161
|
}
|
|
286
|
-
}),
|
|
287
|
-
prisma:
|
|
288
|
-
enterprise:
|
|
289
|
-
}),
|
|
290
|
-
prisma:
|
|
291
|
-
light:
|
|
292
|
-
info:
|
|
293
|
-
warning:
|
|
294
|
-
error:
|
|
295
|
-
success:
|
|
162
|
+
}), (0,themes_namespaceObject.pick)({
|
|
163
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlayActive),
|
|
164
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadow)
|
|
165
|
+
}), (0,themes_namespaceObject.pick)({
|
|
166
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["&:focus{border-radius:", ";box-shadow:", ";}"], themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
|
|
167
|
+
light: (0,themes_namespaceObject.pickVariant)('$type', {
|
|
168
|
+
info: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black),
|
|
169
|
+
warning: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black),
|
|
170
|
+
error: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.white),
|
|
171
|
+
success: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.white)
|
|
296
172
|
}),
|
|
297
|
-
dark:
|
|
173
|
+
dark: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black)
|
|
298
174
|
}))
|
|
299
175
|
}));
|
|
300
|
-
var iconCommonStyles =
|
|
301
|
-
var StyledCheckCircleIcon = external_styled_components_default()(CheckCircle_default
|
|
176
|
+
var iconCommonStyles = (0,external_styled_components_namespaceObject.css)(["margin-left:auto;"]);
|
|
177
|
+
var StyledCheckCircleIcon = external_styled_components_default()((CheckCircle_default())).withConfig({
|
|
302
178
|
displayName: "MessageBarStyles__StyledCheckCircleIcon",
|
|
303
179
|
componentId: "sc-1uyhzza-2"
|
|
304
180
|
})(["", ""], iconCommonStyles);
|
|
305
|
-
var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default
|
|
181
|
+
var StyledExclamationCircleIcon = external_styled_components_default()((ExclamationCircle_default())).withConfig({
|
|
306
182
|
displayName: "MessageBarStyles__StyledExclamationCircleIcon",
|
|
307
183
|
componentId: "sc-1uyhzza-3"
|
|
308
184
|
})(["", ""], iconCommonStyles);
|
|
309
|
-
var StyledInformationCircleIcon = external_styled_components_default()(InformationCircle_default
|
|
185
|
+
var StyledInformationCircleIcon = external_styled_components_default()((InformationCircle_default())).withConfig({
|
|
310
186
|
displayName: "MessageBarStyles__StyledInformationCircleIcon",
|
|
311
187
|
componentId: "sc-1uyhzza-4"
|
|
312
188
|
})(["", ""], iconCommonStyles);
|
|
313
|
-
var StyledExclamationTriangleIcon = external_styled_components_default()(ExclamationTriangle_default
|
|
189
|
+
var StyledExclamationTriangleIcon = external_styled_components_default()((ExclamationTriangle_default())).withConfig({
|
|
314
190
|
displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
|
|
315
191
|
componentId: "sc-1uyhzza-5"
|
|
316
192
|
})(["", ""], iconCommonStyles);
|
|
317
|
-
var StyledEnterpriseErrorIcon = external_styled_components_default()(Error_default
|
|
193
|
+
var StyledEnterpriseErrorIcon = external_styled_components_default()((Error_default())).withConfig({
|
|
318
194
|
displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
|
|
319
195
|
componentId: "sc-1uyhzza-6"
|
|
320
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
321
|
-
var StyledEnterpriseInfoCircleIcon = external_styled_components_default()(InfoCircle_default
|
|
196
|
+
})(["", " color:", ";"], iconCommonStyles, themes_namespaceObject.variables.errorColor);
|
|
197
|
+
var StyledEnterpriseInfoCircleIcon = external_styled_components_default()((InfoCircle_default())).withConfig({
|
|
322
198
|
displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
|
|
323
199
|
componentId: "sc-1uyhzza-7"
|
|
324
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
325
|
-
var StyledEnterpriseSuccessIcon = external_styled_components_default()(Success_default
|
|
200
|
+
})(["", " color:", ";"], iconCommonStyles, themes_namespaceObject.variables.infoColor);
|
|
201
|
+
var StyledEnterpriseSuccessIcon = external_styled_components_default()((Success_default())).withConfig({
|
|
326
202
|
displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
|
|
327
203
|
componentId: "sc-1uyhzza-8"
|
|
328
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
329
|
-
var StyledEnterpriseWarningIcon = external_styled_components_default()(Warning_default
|
|
204
|
+
})(["", " color:", ";"], iconCommonStyles, themes_namespaceObject.variables.successColor);
|
|
205
|
+
var StyledEnterpriseWarningIcon = external_styled_components_default()((Warning_default())).withConfig({
|
|
330
206
|
displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
|
|
331
207
|
componentId: "sc-1uyhzza-9"
|
|
332
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
333
|
-
var MessageBarWrapper = external_styled_components_default()(Box_default
|
|
208
|
+
})(["", " color:", ";"], iconCommonStyles, themes_namespaceObject.variables.warningColor);
|
|
209
|
+
var MessageBarWrapper = external_styled_components_default()((Box_default())).withConfig({
|
|
334
210
|
displayName: "MessageBarStyles__MessageBarWrapper",
|
|
335
211
|
componentId: "sc-1uyhzza-10"
|
|
336
|
-
})(["", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";"],
|
|
212
|
+
})(["", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.variables.spacingSmall, function (_ref) {
|
|
337
213
|
var $hasCloseButton = _ref.$hasCloseButton;
|
|
338
|
-
return $hasCloseButton ?
|
|
339
|
-
prisma:
|
|
340
|
-
enterprise:
|
|
341
|
-
})) :
|
|
342
|
-
prisma:
|
|
343
|
-
enterprise:
|
|
214
|
+
return $hasCloseButton ? (0,external_styled_components_namespaceObject.css)(["", ""], (0,themes_namespaceObject.pick)({
|
|
215
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding:0 8px 0 32px;"]),
|
|
216
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding:0 8px 0 38px;"])
|
|
217
|
+
})) : (0,external_styled_components_namespaceObject.css)(["", ""], (0,themes_namespaceObject.pick)({
|
|
218
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding:0 33px 0 32px;"]),
|
|
219
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["padding:0 26px 0 32px;"])
|
|
344
220
|
}));
|
|
345
|
-
},
|
|
346
|
-
prisma:
|
|
221
|
+
}, (0,themes_namespaceObject.pick)({
|
|
222
|
+
prisma: (0,themes_namespaceObject.pickVariant)('$type', {
|
|
347
223
|
info: {
|
|
348
|
-
light:
|
|
349
|
-
dark:
|
|
224
|
+
light: themes_namespaceObject.variables.contentColorActive,
|
|
225
|
+
dark: themes_namespaceObject.variables.contentColorInverted
|
|
350
226
|
},
|
|
351
|
-
success:
|
|
352
|
-
warning:
|
|
353
|
-
error:
|
|
227
|
+
success: themes_namespaceObject.variables.contentColorInverted,
|
|
228
|
+
warning: themes_namespaceObject.variables.black,
|
|
229
|
+
error: themes_namespaceObject.variables.contentColorInverted
|
|
354
230
|
}),
|
|
355
231
|
enterprise: {
|
|
356
|
-
dark:
|
|
357
|
-
light:
|
|
232
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
233
|
+
light: themes_namespaceObject.variables.gray25
|
|
358
234
|
}
|
|
359
|
-
}),
|
|
360
|
-
info:
|
|
235
|
+
}), (0,themes_namespaceObject.pickVariant)('$type', {
|
|
236
|
+
info: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
361
237
|
prisma: {
|
|
362
|
-
dark:
|
|
363
|
-
light:
|
|
238
|
+
dark: themes_namespaceObject.variables.white,
|
|
239
|
+
light: themes_namespaceObject.variables.neutral200
|
|
364
240
|
},
|
|
365
241
|
enterprise: {
|
|
366
|
-
dark:
|
|
367
|
-
light:
|
|
242
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.infoColor, 0.5),
|
|
243
|
+
light: themes_namespaceObject.variables.infoColorL50
|
|
368
244
|
}
|
|
369
245
|
})),
|
|
370
|
-
success:
|
|
371
|
-
prisma:
|
|
246
|
+
success: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
247
|
+
prisma: themes_namespaceObject.variables.accentColorPositive,
|
|
372
248
|
enterprise: {
|
|
373
|
-
dark:
|
|
374
|
-
light:
|
|
249
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.successColor, 0.5),
|
|
250
|
+
light: themes_namespaceObject.variables.successColorL50
|
|
375
251
|
}
|
|
376
252
|
})),
|
|
377
|
-
warning:
|
|
378
|
-
prisma:
|
|
253
|
+
warning: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
254
|
+
prisma: themes_namespaceObject.variables.accentColorWarning,
|
|
379
255
|
enterprise: {
|
|
380
|
-
dark:
|
|
381
|
-
light:
|
|
256
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.warningColor, 0.5),
|
|
257
|
+
light: themes_namespaceObject.variables.warningColorL50
|
|
382
258
|
}
|
|
383
259
|
})),
|
|
384
|
-
error:
|
|
385
|
-
prisma:
|
|
260
|
+
error: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
261
|
+
prisma: themes_namespaceObject.variables.accentColorNegative,
|
|
386
262
|
enterprise: {
|
|
387
|
-
dark:
|
|
388
|
-
light:
|
|
263
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.errorColor, 0.5),
|
|
264
|
+
light: themes_namespaceObject.variables.errorColorL50
|
|
389
265
|
}
|
|
390
266
|
}))
|
|
391
267
|
}));
|
|
392
268
|
|
|
393
|
-
|
|
269
|
+
;// CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
|
|
394
270
|
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); }
|
|
395
271
|
|
|
396
272
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -406,15 +282,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
406
282
|
|
|
407
283
|
|
|
408
284
|
var propTypes = {
|
|
409
|
-
children: external_prop_types_default.
|
|
410
|
-
onRequestClose: external_prop_types_default.
|
|
411
|
-
type: external_prop_types_default.
|
|
285
|
+
children: (external_prop_types_default()).node.isRequired,
|
|
286
|
+
onRequestClose: (external_prop_types_default()).func,
|
|
287
|
+
type: external_prop_types_default().oneOf(['info', 'success', 'warning', 'error']).isRequired
|
|
412
288
|
};
|
|
413
289
|
var TypeToAnnouncementMap = Object.freeze({
|
|
414
|
-
info:
|
|
415
|
-
warning:
|
|
416
|
-
error:
|
|
417
|
-
success:
|
|
290
|
+
info: (0,i18n_namespaceObject._)('Info'),
|
|
291
|
+
warning: (0,i18n_namespaceObject._)('Warning'),
|
|
292
|
+
error: (0,i18n_namespaceObject._)('Alert'),
|
|
293
|
+
success: (0,i18n_namespaceObject._)('Success')
|
|
418
294
|
});
|
|
419
295
|
var enterpriseTypeToIconMap = Object.freeze({
|
|
420
296
|
info: StyledEnterpriseInfoCircleIcon,
|
|
@@ -437,7 +313,7 @@ function MessageBar(_ref) {
|
|
|
437
313
|
otherProps = _objectWithoutProperties(_ref, ["children", "type", "onRequestClose"]);
|
|
438
314
|
|
|
439
315
|
// @docs-props-type MessageBarPropsBase
|
|
440
|
-
var _useSplunkTheme =
|
|
316
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
441
317
|
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
442
318
|
|
|
443
319
|
var width = isEnterprise && type === 'error' ? '22px' : standardIconSize;
|
|
@@ -446,7 +322,7 @@ function MessageBar(_ref) {
|
|
|
446
322
|
|
|
447
323
|
if (isEnterprise) {
|
|
448
324
|
var IconType = enterpriseTypeToIconMap[type];
|
|
449
|
-
icon = /*#__PURE__*/external_react_default.
|
|
325
|
+
icon = /*#__PURE__*/external_react_default().createElement(IconType, {
|
|
450
326
|
height: height,
|
|
451
327
|
width: width,
|
|
452
328
|
hideDefaultTooltip: true,
|
|
@@ -456,7 +332,7 @@ function MessageBar(_ref) {
|
|
|
456
332
|
});
|
|
457
333
|
} else {
|
|
458
334
|
var _IconType = prismaTypeToIconMap[type];
|
|
459
|
-
icon = /*#__PURE__*/external_react_default.
|
|
335
|
+
icon = /*#__PURE__*/external_react_default().createElement(_IconType, {
|
|
460
336
|
height: standardIconSize,
|
|
461
337
|
width: standardIconSize,
|
|
462
338
|
variant: "filled",
|
|
@@ -465,102 +341,38 @@ function MessageBar(_ref) {
|
|
|
465
341
|
});
|
|
466
342
|
}
|
|
467
343
|
|
|
468
|
-
return /*#__PURE__*/external_react_default.
|
|
344
|
+
return /*#__PURE__*/external_react_default().createElement(MessageBarWrapper, _extends({
|
|
469
345
|
$type: type,
|
|
470
346
|
"data-test": "message-bar",
|
|
471
347
|
"data-test-type": type
|
|
472
348
|
}, otherProps, {
|
|
473
349
|
role: "region",
|
|
474
350
|
$hasCloseButton: Boolean(onRequestClose)
|
|
475
|
-
}), icon, /*#__PURE__*/external_react_default.
|
|
351
|
+
}), icon, /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, TypeToAnnouncementMap[type]), /*#__PURE__*/external_react_default().createElement(MessageBarContent, {
|
|
476
352
|
$type: type,
|
|
477
353
|
"data-test": "content"
|
|
478
|
-
}, children), onRequestClose && /*#__PURE__*/external_react_default.
|
|
354
|
+
}, children), onRequestClose && /*#__PURE__*/external_react_default().createElement(MessageBarCloseWrapper, {
|
|
479
355
|
$type: type,
|
|
480
356
|
onClick: onRequestClose
|
|
481
|
-
}, isEnterprise ? /*#__PURE__*/external_react_default.
|
|
357
|
+
}, isEnterprise ? /*#__PURE__*/external_react_default().createElement((Close_default()), {
|
|
482
358
|
height: "12px",
|
|
483
359
|
hideDefaultTooltip: true,
|
|
484
360
|
screenReaderText: null,
|
|
485
361
|
width: "12px"
|
|
486
|
-
}) : /*#__PURE__*/external_react_default.
|
|
362
|
+
}) : /*#__PURE__*/external_react_default().createElement((Cross_default()), {
|
|
487
363
|
height: "19px",
|
|
488
364
|
style: {
|
|
489
365
|
margin: -0.5
|
|
490
366
|
},
|
|
491
367
|
width: "19px"
|
|
492
|
-
}), /*#__PURE__*/external_react_default.
|
|
368
|
+
}), /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, (0,i18n_namespaceObject._)('Close'))));
|
|
493
369
|
}
|
|
494
370
|
|
|
495
371
|
MessageBar.propTypes = propTypes;
|
|
496
|
-
/* harmony default export */
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
/***/ }),
|
|
502
|
-
|
|
503
|
-
/***/ 26:
|
|
504
|
-
/***/ (function(module, exports) {
|
|
505
|
-
|
|
506
|
-
module.exports = require("@splunk/react-icons/Cross");
|
|
507
|
-
|
|
508
|
-
/***/ }),
|
|
509
|
-
|
|
510
|
-
/***/ 27:
|
|
511
|
-
/***/ (function(module, exports) {
|
|
512
|
-
|
|
513
|
-
module.exports = require("@splunk/react-icons/enterprise/Close");
|
|
514
|
-
|
|
515
|
-
/***/ }),
|
|
516
|
-
|
|
517
|
-
/***/ 3:
|
|
518
|
-
/***/ (function(module, exports) {
|
|
519
|
-
|
|
520
|
-
module.exports = require("styled-components");
|
|
521
|
-
|
|
522
|
-
/***/ }),
|
|
523
|
-
|
|
524
|
-
/***/ 4:
|
|
525
|
-
/***/ (function(module, exports) {
|
|
526
|
-
|
|
527
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
528
|
-
|
|
529
|
-
/***/ }),
|
|
530
|
-
|
|
531
|
-
/***/ 6:
|
|
532
|
-
/***/ (function(module, exports) {
|
|
533
|
-
|
|
534
|
-
module.exports = require("@splunk/react-ui/Box");
|
|
535
|
-
|
|
536
|
-
/***/ }),
|
|
537
|
-
|
|
538
|
-
/***/ 72:
|
|
539
|
-
/***/ (function(module, exports) {
|
|
540
|
-
|
|
541
|
-
module.exports = require("@splunk/react-icons/CheckCircle");
|
|
542
|
-
|
|
543
|
-
/***/ }),
|
|
544
|
-
|
|
545
|
-
/***/ 73:
|
|
546
|
-
/***/ (function(module, exports) {
|
|
547
|
-
|
|
548
|
-
module.exports = require("@splunk/react-icons/ExclamationCircle");
|
|
549
|
-
|
|
550
|
-
/***/ }),
|
|
551
|
-
|
|
552
|
-
/***/ 98:
|
|
553
|
-
/***/ (function(module, exports) {
|
|
554
|
-
|
|
555
|
-
module.exports = require("@splunk/react-icons/InformationCircle");
|
|
556
|
-
|
|
557
|
-
/***/ }),
|
|
558
|
-
|
|
559
|
-
/***/ 99:
|
|
560
|
-
/***/ (function(module, exports) {
|
|
561
|
-
|
|
562
|
-
module.exports = require("@splunk/react-icons/ExclamationTriangle");
|
|
372
|
+
/* harmony default export */ const MessageBar_MessageBar = (MessageBar);
|
|
373
|
+
;// CONCATENATED MODULE: ./src/MessageBar/index.ts
|
|
563
374
|
|
|
564
|
-
/***/ })
|
|
565
375
|
|
|
566
|
-
|
|
376
|
+
module.exports = __webpack_exports__;
|
|
377
|
+
/******/ })()
|
|
378
|
+
;
|