@splunk/react-ui 4.19.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.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- 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 -355
- package/Menu.js +396 -647
- 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 +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- 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 +975 -1447
- 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 +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -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 +12 -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/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- 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/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- 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/Typography/docs/examples/Variants.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,382 +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 = 222);
|
|
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/Success");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 101:
|
|
112
|
-
/***/ (function(module, exports) {
|
|
113
|
-
|
|
114
|
-
module.exports = require("@splunk/react-icons/enterprise/Warning");
|
|
115
|
-
|
|
116
|
-
/***/ }),
|
|
117
|
-
|
|
118
|
-
/***/ 12:
|
|
119
|
-
/***/ (function(module, exports) {
|
|
120
|
-
|
|
121
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
122
|
-
|
|
123
|
-
/***/ }),
|
|
124
|
-
|
|
125
|
-
/***/ 14:
|
|
126
|
-
/***/ (function(module, exports) {
|
|
127
|
-
|
|
128
|
-
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
129
|
-
|
|
130
|
-
/***/ }),
|
|
131
|
-
|
|
132
|
-
/***/ 2:
|
|
133
|
-
/***/ (function(module, exports) {
|
|
134
|
-
|
|
135
|
-
module.exports = require("react");
|
|
136
|
-
|
|
137
|
-
/***/ }),
|
|
138
|
-
|
|
139
|
-
/***/ 222:
|
|
140
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
141
|
-
|
|
142
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
143
49
|
// ESM COMPAT FLAG
|
|
144
50
|
__webpack_require__.r(__webpack_exports__);
|
|
145
51
|
|
|
146
52
|
// EXPORTS
|
|
147
|
-
__webpack_require__.d(__webpack_exports__,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
var external_react_ = __webpack_require__(2);
|
|
151
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
152
|
-
|
|
153
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
154
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
155
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
156
|
-
|
|
157
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Cross"
|
|
158
|
-
var Cross_ = __webpack_require__(25);
|
|
159
|
-
var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
|
|
160
|
-
|
|
161
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
|
|
162
|
-
var Close_ = __webpack_require__(26);
|
|
163
|
-
var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
|
|
164
|
-
|
|
165
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
166
|
-
var ScreenReaderContent_ = __webpack_require__(14);
|
|
167
|
-
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
168
|
-
|
|
169
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
170
|
-
var themes_ = __webpack_require__(0);
|
|
171
|
-
|
|
172
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
173
|
-
var i18n_ = __webpack_require__(4);
|
|
174
|
-
|
|
175
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
176
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
177
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
178
|
-
|
|
179
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
|
|
180
|
-
var CheckCircle_ = __webpack_require__(70);
|
|
181
|
-
var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
|
|
182
|
-
|
|
183
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
|
|
184
|
-
var ExclamationCircle_ = __webpack_require__(71);
|
|
185
|
-
var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
|
|
186
|
-
|
|
187
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/InformationCircle"
|
|
188
|
-
var InformationCircle_ = __webpack_require__(96);
|
|
189
|
-
var InformationCircle_default = /*#__PURE__*/__webpack_require__.n(InformationCircle_);
|
|
190
|
-
|
|
191
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationTriangle"
|
|
192
|
-
var ExclamationTriangle_ = __webpack_require__(97);
|
|
193
|
-
var ExclamationTriangle_default = /*#__PURE__*/__webpack_require__.n(ExclamationTriangle_);
|
|
194
|
-
|
|
195
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Error"
|
|
196
|
-
var Error_ = __webpack_require__(98);
|
|
197
|
-
var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
|
|
198
|
-
|
|
199
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
|
|
200
|
-
var InfoCircle_ = __webpack_require__(99);
|
|
201
|
-
var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
|
|
202
|
-
|
|
203
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Success"
|
|
204
|
-
var Success_ = __webpack_require__(100);
|
|
205
|
-
var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
|
|
206
|
-
|
|
207
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Warning"
|
|
208
|
-
var Warning_ = __webpack_require__(101);
|
|
209
|
-
var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
|
|
210
|
-
|
|
211
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
212
|
-
var Box_ = __webpack_require__(6);
|
|
213
|
-
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
214
|
-
|
|
215
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
216
|
-
var Clickable_ = __webpack_require__(12);
|
|
217
|
-
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
218
|
-
|
|
219
|
-
// CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
"default": () => (/* reexport */ MessageBar_MessageBar)
|
|
55
|
+
});
|
|
231
56
|
|
|
232
|
-
|
|
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({
|
|
233
123
|
displayName: "MessageBarStyles__MessageBarContent",
|
|
234
124
|
componentId: "sc-1uyhzza-0"
|
|
235
|
-
})(["", ";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)({
|
|
236
126
|
enterprise: {
|
|
237
|
-
dark:
|
|
238
|
-
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)
|
|
239
129
|
},
|
|
240
130
|
prisma: {
|
|
241
|
-
light:
|
|
242
|
-
info:
|
|
243
|
-
warning:
|
|
244
|
-
error:
|
|
245
|
-
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)
|
|
246
136
|
}),
|
|
247
|
-
dark:
|
|
137
|
+
dark: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black)
|
|
248
138
|
}
|
|
249
139
|
}));
|
|
250
|
-
var MessageBarCloseWrapper = external_styled_components_default()(Clickable_default
|
|
140
|
+
var MessageBarCloseWrapper = external_styled_components_default()((Clickable_default())).withConfig({
|
|
251
141
|
displayName: "MessageBarStyles__MessageBarCloseWrapper",
|
|
252
142
|
componentId: "sc-1uyhzza-1"
|
|
253
|
-
})(["", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:", ";color:", ";}&:active{", ";}", ""],
|
|
254
|
-
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,
|
|
255
145
|
prisma: '3px'
|
|
256
|
-
}),
|
|
257
|
-
enterprise:
|
|
258
|
-
}),
|
|
259
|
-
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,
|
|
260
150
|
enterprise: {
|
|
261
|
-
dark:
|
|
262
|
-
light:
|
|
151
|
+
dark: themes_namespaceObject.variables.gray30,
|
|
152
|
+
light: themes_namespaceObject.variables.gray92
|
|
263
153
|
}
|
|
264
|
-
}),
|
|
265
|
-
prisma:
|
|
266
|
-
enterprise:
|
|
267
|
-
}),
|
|
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)({
|
|
268
158
|
enterprise: {
|
|
269
|
-
dark:
|
|
270
|
-
light:
|
|
159
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
160
|
+
light: themes_namespaceObject.variables.linkColor
|
|
271
161
|
}
|
|
272
|
-
}),
|
|
273
|
-
prisma:
|
|
274
|
-
enterprise:
|
|
275
|
-
}),
|
|
276
|
-
prisma:
|
|
277
|
-
light:
|
|
278
|
-
info:
|
|
279
|
-
warning:
|
|
280
|
-
error:
|
|
281
|
-
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)
|
|
282
172
|
}),
|
|
283
|
-
dark:
|
|
173
|
+
dark: (0,external_styled_components_namespaceObject.css)(["0 0 0 3px ", ""], themes_namespaceObject.variables.black)
|
|
284
174
|
}))
|
|
285
175
|
}));
|
|
286
|
-
var iconCommonStyles =
|
|
287
|
-
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({
|
|
288
178
|
displayName: "MessageBarStyles__StyledCheckCircleIcon",
|
|
289
179
|
componentId: "sc-1uyhzza-2"
|
|
290
180
|
})(["", ""], iconCommonStyles);
|
|
291
|
-
var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default
|
|
181
|
+
var StyledExclamationCircleIcon = external_styled_components_default()((ExclamationCircle_default())).withConfig({
|
|
292
182
|
displayName: "MessageBarStyles__StyledExclamationCircleIcon",
|
|
293
183
|
componentId: "sc-1uyhzza-3"
|
|
294
184
|
})(["", ""], iconCommonStyles);
|
|
295
|
-
var StyledInformationCircleIcon = external_styled_components_default()(InformationCircle_default
|
|
185
|
+
var StyledInformationCircleIcon = external_styled_components_default()((InformationCircle_default())).withConfig({
|
|
296
186
|
displayName: "MessageBarStyles__StyledInformationCircleIcon",
|
|
297
187
|
componentId: "sc-1uyhzza-4"
|
|
298
188
|
})(["", ""], iconCommonStyles);
|
|
299
|
-
var StyledExclamationTriangleIcon = external_styled_components_default()(ExclamationTriangle_default
|
|
189
|
+
var StyledExclamationTriangleIcon = external_styled_components_default()((ExclamationTriangle_default())).withConfig({
|
|
300
190
|
displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
|
|
301
191
|
componentId: "sc-1uyhzza-5"
|
|
302
192
|
})(["", ""], iconCommonStyles);
|
|
303
|
-
var StyledEnterpriseErrorIcon = external_styled_components_default()(Error_default
|
|
193
|
+
var StyledEnterpriseErrorIcon = external_styled_components_default()((Error_default())).withConfig({
|
|
304
194
|
displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
|
|
305
195
|
componentId: "sc-1uyhzza-6"
|
|
306
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
307
|
-
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({
|
|
308
198
|
displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
|
|
309
199
|
componentId: "sc-1uyhzza-7"
|
|
310
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
311
|
-
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({
|
|
312
202
|
displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
|
|
313
203
|
componentId: "sc-1uyhzza-8"
|
|
314
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
315
|
-
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({
|
|
316
206
|
displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
|
|
317
207
|
componentId: "sc-1uyhzza-9"
|
|
318
|
-
})(["", " color:", ";"], iconCommonStyles,
|
|
319
|
-
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({
|
|
320
210
|
displayName: "MessageBarStyles__MessageBarWrapper",
|
|
321
211
|
componentId: "sc-1uyhzza-10"
|
|
322
|
-
})(["", ";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) {
|
|
323
213
|
var $hasCloseButton = _ref.$hasCloseButton;
|
|
324
|
-
return $hasCloseButton ?
|
|
325
|
-
prisma:
|
|
326
|
-
enterprise:
|
|
327
|
-
})) :
|
|
328
|
-
prisma:
|
|
329
|
-
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;"])
|
|
330
220
|
}));
|
|
331
|
-
},
|
|
332
|
-
prisma:
|
|
221
|
+
}, (0,themes_namespaceObject.pick)({
|
|
222
|
+
prisma: (0,themes_namespaceObject.pickVariant)('$type', {
|
|
333
223
|
info: {
|
|
334
|
-
light:
|
|
335
|
-
dark:
|
|
224
|
+
light: themes_namespaceObject.variables.contentColorActive,
|
|
225
|
+
dark: themes_namespaceObject.variables.contentColorInverted
|
|
336
226
|
},
|
|
337
|
-
success:
|
|
338
|
-
warning:
|
|
339
|
-
error:
|
|
227
|
+
success: themes_namespaceObject.variables.contentColorInverted,
|
|
228
|
+
warning: themes_namespaceObject.variables.black,
|
|
229
|
+
error: themes_namespaceObject.variables.contentColorInverted
|
|
340
230
|
}),
|
|
341
231
|
enterprise: {
|
|
342
|
-
dark:
|
|
343
|
-
light:
|
|
232
|
+
dark: themes_namespaceObject.variables.gray96,
|
|
233
|
+
light: themes_namespaceObject.variables.gray25
|
|
344
234
|
}
|
|
345
|
-
}),
|
|
346
|
-
info:
|
|
235
|
+
}), (0,themes_namespaceObject.pickVariant)('$type', {
|
|
236
|
+
info: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
347
237
|
prisma: {
|
|
348
|
-
dark:
|
|
349
|
-
light:
|
|
238
|
+
dark: themes_namespaceObject.variables.white,
|
|
239
|
+
light: themes_namespaceObject.variables.neutral200
|
|
350
240
|
},
|
|
351
241
|
enterprise: {
|
|
352
|
-
dark:
|
|
353
|
-
light:
|
|
242
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.infoColor, 0.5),
|
|
243
|
+
light: themes_namespaceObject.variables.infoColorL50
|
|
354
244
|
}
|
|
355
245
|
})),
|
|
356
|
-
success:
|
|
357
|
-
prisma:
|
|
246
|
+
success: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
247
|
+
prisma: themes_namespaceObject.variables.accentColorPositive,
|
|
358
248
|
enterprise: {
|
|
359
|
-
dark:
|
|
360
|
-
light:
|
|
249
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.successColor, 0.5),
|
|
250
|
+
light: themes_namespaceObject.variables.successColorL50
|
|
361
251
|
}
|
|
362
252
|
})),
|
|
363
|
-
warning:
|
|
364
|
-
prisma:
|
|
253
|
+
warning: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
254
|
+
prisma: themes_namespaceObject.variables.accentColorWarning,
|
|
365
255
|
enterprise: {
|
|
366
|
-
dark:
|
|
367
|
-
light:
|
|
256
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.warningColor, 0.5),
|
|
257
|
+
light: themes_namespaceObject.variables.warningColorL50
|
|
368
258
|
}
|
|
369
259
|
})),
|
|
370
|
-
error:
|
|
371
|
-
prisma:
|
|
260
|
+
error: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
|
|
261
|
+
prisma: themes_namespaceObject.variables.accentColorNegative,
|
|
372
262
|
enterprise: {
|
|
373
|
-
dark:
|
|
374
|
-
light:
|
|
263
|
+
dark: themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.errorColor, 0.5),
|
|
264
|
+
light: themes_namespaceObject.variables.errorColorL50
|
|
375
265
|
}
|
|
376
266
|
}))
|
|
377
267
|
}));
|
|
378
268
|
|
|
379
|
-
|
|
269
|
+
;// CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
|
|
380
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); }
|
|
381
271
|
|
|
382
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; }
|
|
@@ -392,15 +282,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
392
282
|
|
|
393
283
|
|
|
394
284
|
var propTypes = {
|
|
395
|
-
children: external_prop_types_default.
|
|
396
|
-
onRequestClose: external_prop_types_default.
|
|
397
|
-
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
|
|
398
288
|
};
|
|
399
289
|
var TypeToAnnouncementMap = Object.freeze({
|
|
400
|
-
info:
|
|
401
|
-
warning:
|
|
402
|
-
error:
|
|
403
|
-
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')
|
|
404
294
|
});
|
|
405
295
|
var enterpriseTypeToIconMap = Object.freeze({
|
|
406
296
|
info: StyledEnterpriseInfoCircleIcon,
|
|
@@ -423,7 +313,7 @@ function MessageBar(_ref) {
|
|
|
423
313
|
otherProps = _objectWithoutProperties(_ref, ["children", "type", "onRequestClose"]);
|
|
424
314
|
|
|
425
315
|
// @docs-props-type MessageBarPropsBase
|
|
426
|
-
var _useSplunkTheme =
|
|
316
|
+
var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
|
|
427
317
|
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
428
318
|
|
|
429
319
|
var width = isEnterprise && type === 'error' ? '22px' : standardIconSize;
|
|
@@ -432,7 +322,7 @@ function MessageBar(_ref) {
|
|
|
432
322
|
|
|
433
323
|
if (isEnterprise) {
|
|
434
324
|
var IconType = enterpriseTypeToIconMap[type];
|
|
435
|
-
icon = /*#__PURE__*/external_react_default.
|
|
325
|
+
icon = /*#__PURE__*/external_react_default().createElement(IconType, {
|
|
436
326
|
height: height,
|
|
437
327
|
width: width,
|
|
438
328
|
hideDefaultTooltip: true,
|
|
@@ -442,7 +332,7 @@ function MessageBar(_ref) {
|
|
|
442
332
|
});
|
|
443
333
|
} else {
|
|
444
334
|
var _IconType = prismaTypeToIconMap[type];
|
|
445
|
-
icon = /*#__PURE__*/external_react_default.
|
|
335
|
+
icon = /*#__PURE__*/external_react_default().createElement(_IconType, {
|
|
446
336
|
height: standardIconSize,
|
|
447
337
|
width: standardIconSize,
|
|
448
338
|
variant: "filled",
|
|
@@ -451,116 +341,38 @@ function MessageBar(_ref) {
|
|
|
451
341
|
});
|
|
452
342
|
}
|
|
453
343
|
|
|
454
|
-
return /*#__PURE__*/external_react_default.
|
|
344
|
+
return /*#__PURE__*/external_react_default().createElement(MessageBarWrapper, _extends({
|
|
455
345
|
$type: type,
|
|
456
346
|
"data-test": "message-bar",
|
|
457
347
|
"data-test-type": type
|
|
458
348
|
}, otherProps, {
|
|
459
349
|
role: "region",
|
|
460
350
|
$hasCloseButton: Boolean(onRequestClose)
|
|
461
|
-
}), icon, /*#__PURE__*/external_react_default.
|
|
351
|
+
}), icon, /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, TypeToAnnouncementMap[type]), /*#__PURE__*/external_react_default().createElement(MessageBarContent, {
|
|
462
352
|
$type: type,
|
|
463
353
|
"data-test": "content"
|
|
464
|
-
}, children), onRequestClose && /*#__PURE__*/external_react_default.
|
|
354
|
+
}, children), onRequestClose && /*#__PURE__*/external_react_default().createElement(MessageBarCloseWrapper, {
|
|
465
355
|
$type: type,
|
|
466
356
|
onClick: onRequestClose
|
|
467
|
-
}, isEnterprise ? /*#__PURE__*/external_react_default.
|
|
357
|
+
}, isEnterprise ? /*#__PURE__*/external_react_default().createElement((Close_default()), {
|
|
468
358
|
height: "12px",
|
|
469
359
|
hideDefaultTooltip: true,
|
|
470
360
|
screenReaderText: null,
|
|
471
361
|
width: "12px"
|
|
472
|
-
}) : /*#__PURE__*/external_react_default.
|
|
362
|
+
}) : /*#__PURE__*/external_react_default().createElement((Cross_default()), {
|
|
473
363
|
height: "19px",
|
|
474
364
|
style: {
|
|
475
365
|
margin: -0.5
|
|
476
366
|
},
|
|
477
367
|
width: "19px"
|
|
478
|
-
}), /*#__PURE__*/external_react_default.
|
|
368
|
+
}), /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), null, (0,i18n_namespaceObject._)('Close'))));
|
|
479
369
|
}
|
|
480
370
|
|
|
481
371
|
MessageBar.propTypes = propTypes;
|
|
482
|
-
/* harmony default export */
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
/***/ }),
|
|
488
|
-
|
|
489
|
-
/***/ 25:
|
|
490
|
-
/***/ (function(module, exports) {
|
|
491
|
-
|
|
492
|
-
module.exports = require("@splunk/react-icons/Cross");
|
|
493
|
-
|
|
494
|
-
/***/ }),
|
|
495
|
-
|
|
496
|
-
/***/ 26:
|
|
497
|
-
/***/ (function(module, exports) {
|
|
498
|
-
|
|
499
|
-
module.exports = require("@splunk/react-icons/enterprise/Close");
|
|
500
|
-
|
|
501
|
-
/***/ }),
|
|
502
|
-
|
|
503
|
-
/***/ 3:
|
|
504
|
-
/***/ (function(module, exports) {
|
|
505
|
-
|
|
506
|
-
module.exports = require("styled-components");
|
|
507
|
-
|
|
508
|
-
/***/ }),
|
|
509
|
-
|
|
510
|
-
/***/ 4:
|
|
511
|
-
/***/ (function(module, exports) {
|
|
512
|
-
|
|
513
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
514
|
-
|
|
515
|
-
/***/ }),
|
|
516
|
-
|
|
517
|
-
/***/ 6:
|
|
518
|
-
/***/ (function(module, exports) {
|
|
519
|
-
|
|
520
|
-
module.exports = require("@splunk/react-ui/Box");
|
|
521
|
-
|
|
522
|
-
/***/ }),
|
|
523
|
-
|
|
524
|
-
/***/ 70:
|
|
525
|
-
/***/ (function(module, exports) {
|
|
526
|
-
|
|
527
|
-
module.exports = require("@splunk/react-icons/CheckCircle");
|
|
528
|
-
|
|
529
|
-
/***/ }),
|
|
530
|
-
|
|
531
|
-
/***/ 71:
|
|
532
|
-
/***/ (function(module, exports) {
|
|
533
|
-
|
|
534
|
-
module.exports = require("@splunk/react-icons/ExclamationCircle");
|
|
535
|
-
|
|
536
|
-
/***/ }),
|
|
537
|
-
|
|
538
|
-
/***/ 96:
|
|
539
|
-
/***/ (function(module, exports) {
|
|
540
|
-
|
|
541
|
-
module.exports = require("@splunk/react-icons/InformationCircle");
|
|
542
|
-
|
|
543
|
-
/***/ }),
|
|
544
|
-
|
|
545
|
-
/***/ 97:
|
|
546
|
-
/***/ (function(module, exports) {
|
|
547
|
-
|
|
548
|
-
module.exports = require("@splunk/react-icons/ExclamationTriangle");
|
|
549
|
-
|
|
550
|
-
/***/ }),
|
|
551
|
-
|
|
552
|
-
/***/ 98:
|
|
553
|
-
/***/ (function(module, exports) {
|
|
554
|
-
|
|
555
|
-
module.exports = require("@splunk/react-icons/enterprise/Error");
|
|
556
|
-
|
|
557
|
-
/***/ }),
|
|
558
|
-
|
|
559
|
-
/***/ 99:
|
|
560
|
-
/***/ (function(module, exports) {
|
|
561
|
-
|
|
562
|
-
module.exports = require("@splunk/react-icons/enterprise/InfoCircle");
|
|
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
|
+
;
|