@splunk/react-ui 4.21.0 → 4.22.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 +425 -325
- package/Anchor.js +147 -117
- package/Animation.js +142 -94
- package/AnimationToggle.js +197 -193
- package/Box.js +145 -118
- package/Breadcrumbs.js +288 -206
- package/Button.js +488 -465
- package/ButtonGroup.js +160 -128
- package/ButtonSimple.js +543 -462
- package/CHANGELOG.md +24 -3
- package/Calendar.js +1111 -1001
- package/Card.js +771 -598
- package/CardLayout.js +205 -147
- package/Chip.js +509 -488
- package/Clickable.js +414 -352
- package/CloseButton.js +165 -142
- package/Code.js +1807 -2084
- package/CollapsiblePanel.js +586 -519
- package/Color.js +1068 -1068
- package/ColumnLayout.js +402 -363
- package/ComboBox.js +903 -794
- package/Concertina.js +997 -802
- package/ControlGroup.js +687 -594
- package/Date.js +567 -547
- package/DefinitionList.js +308 -234
- package/Divider.js +149 -118
- package/Dropdown.js +459 -416
- package/DualListbox.js +1479 -1541
- package/EventListener.js +94 -97
- package/File.js +1051 -969
- package/FormRows.js +883 -696
- package/Heading.js +216 -193
- package/Image.js +446 -402
- package/JSONTree.js +690 -551
- package/Layer.js +437 -410
- package/Link.js +336 -255
- package/List.js +213 -161
- package/Markdown.js +509 -487
- package/Menu.js +1104 -1056
- package/Message.js +475 -441
- package/MessageBar.js +387 -373
- package/Modal.js +810 -634
- package/ModalLayer.js +326 -243
- package/Monogram.js +308 -276
- package/Multiselect.js +3564 -3364
- package/Number.js +729 -687
- package/Paginator.js +510 -449
- package/Paragraph.js +145 -112
- package/Popover.js +1459 -1432
- package/Progress.js +301 -246
- package/RadioBar.js +634 -527
- package/RadioList.js +483 -444
- package/Resize.js +530 -489
- package/ResultsMenu.js +479 -455
- package/ScreenReaderContent.js +142 -111
- package/Scroll.js +595 -456
- package/ScrollContainerContext.js +197 -206
- package/Search.js +756 -650
- package/Select.js +2446 -2345
- package/SidePanel.js +390 -284
- package/Slider.js +680 -676
- package/SlidingPanels.js +639 -503
- package/SplitButton.js +464 -367
- package/StaticContent.js +161 -133
- package/StepBar.js +386 -358
- package/Switch.js +710 -640
- package/TabBar.js +741 -680
- package/TabLayout.js +406 -322
- package/Table.js +4974 -4616
- package/Text.js +1170 -1138
- package/TextArea.js +1102 -1090
- package/Tooltip.js +624 -581
- package/TransitionOpen.js +489 -422
- package/Typography.js +176 -153
- package/WaitSpinner.js +230 -206
- package/package.json +7 -7
- package/types/src/Color/Color.d.ts +0 -1
- package/types/src/JSONTree/JSONTreeContext.d.ts +7 -0
- package/types/src/JSONTree/TreeNode.d.ts +5 -0
- package/types/src/RadioBar/RadioBar.d.ts +1 -0
- package/types/src/ResultsMenu/ResultsMenu.d.ts +0 -2
- package/types/src/Select/docs/examples/Icons.d.ts +1 -9
- package/types/src/Slider/Slider.d.ts +1 -0
- package/types/src/TabBar/Tab.d.ts +10 -1
- package/types/src/TabBar/TabBar.d.ts +4 -2
- package/types/src/Table/Head.d.ts +7 -3
- package/types/src/Table/Table.d.ts +3 -2
- package/types/src/Table/TableContext.d.ts +2 -0
- package/useForceUpdate.js +112 -82
- package/useKeyPress.js +74 -71
- package/usePrevious.js +65 -65
- package/useRovingFocus.js +122 -138
package/Markdown.js
CHANGED
|
@@ -1,493 +1,515 @@
|
|
|
1
|
-
/******/ (() => {
|
|
2
|
-
|
|
3
|
-
/******/
|
|
4
|
-
/******/
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
/******/
|
|
9
|
-
/******/
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
36
|
-
/******/
|
|
37
|
-
/******/
|
|
38
|
-
/******/
|
|
39
|
-
/******/
|
|
40
|
-
/******/
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
/******/
|
|
44
|
-
/******/
|
|
45
|
-
/******/
|
|
46
|
-
/******/
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
var
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
var
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
var MarkdownCode_propTypes = {
|
|
150
|
-
literal: (external_prop_types_default()).string
|
|
151
|
-
};
|
|
152
|
-
|
|
153
|
-
function MarkdownCode(_ref) {
|
|
154
|
-
var literal = _ref.literal;
|
|
155
|
-
return /*#__PURE__*/external_react_default().createElement(StyledCodeInline, null, literal);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
MarkdownCode.propTypes = MarkdownCode_propTypes;
|
|
159
|
-
/* harmony default export */ const renderers_MarkdownCode = (MarkdownCode);
|
|
160
|
-
;// CONCATENATED MODULE: external "@splunk/react-ui/Code"
|
|
161
|
-
const Code_namespaceObject = require("@splunk/react-ui/Code");
|
|
162
|
-
var Code_default = /*#__PURE__*/__webpack_require__.n(Code_namespaceObject);
|
|
163
|
-
;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
164
|
-
const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
|
|
165
|
-
;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
var MarkdownCodeBlock_propTypes = {
|
|
172
|
-
literal: (external_prop_types_default()).string,
|
|
173
|
-
language: (external_prop_types_default()).string
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
function MarkdownCodeBlock(_ref) {
|
|
177
|
-
var literal = _ref.literal,
|
|
178
|
-
language = _ref.language;
|
|
179
|
-
return /*#__PURE__*/external_react_default().createElement(StyledCodeBlock, null, /*#__PURE__*/external_react_default().createElement((Code_default()) // TS: let the Markdown component handle unsupported language tags
|
|
180
|
-
, {
|
|
181
|
-
"aria-label": (0,i18n_namespaceObject._)("Code Block"),
|
|
182
|
-
language: language,
|
|
183
|
-
value: literal,
|
|
184
|
-
style: {
|
|
185
|
-
margin: 0
|
|
1
|
+
/******/ (() => {
|
|
2
|
+
// webpackBootstrap
|
|
3
|
+
/******/ "use strict";
|
|
4
|
+
/******/ // The require scope
|
|
5
|
+
/******/ var e = {};
|
|
6
|
+
/******/
|
|
7
|
+
/************************************************************************/
|
|
8
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
9
|
+
/******/ (() => {
|
|
10
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
11
|
+
/******/ e.n = r => {
|
|
12
|
+
/******/ var n = r && r.__esModule ?
|
|
13
|
+
/******/ () => r["default"]
|
|
14
|
+
/******/ : () => r
|
|
15
|
+
/******/;
|
|
16
|
+
e.d(n, {
|
|
17
|
+
a: n
|
|
18
|
+
});
|
|
19
|
+
/******/ return n;
|
|
20
|
+
/******/ };
|
|
21
|
+
/******/ })();
|
|
22
|
+
/******/
|
|
23
|
+
/******/ /* webpack/runtime/define property getters */
|
|
24
|
+
/******/ (() => {
|
|
25
|
+
/******/ // define getter functions for harmony exports
|
|
26
|
+
/******/ e.d = (r, n) => {
|
|
27
|
+
/******/ for (var t in n) {
|
|
28
|
+
/******/ if (e.o(n, t) && !e.o(r, t)) {
|
|
29
|
+
/******/ Object.defineProperty(r, t, {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: n[t]
|
|
32
|
+
});
|
|
33
|
+
/******/ }
|
|
34
|
+
/******/ }
|
|
35
|
+
/******/ };
|
|
36
|
+
/******/ })();
|
|
37
|
+
/******/
|
|
38
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
39
|
+
/******/ (() => {
|
|
40
|
+
/******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
|
|
41
|
+
/******/;
|
|
42
|
+
})();
|
|
43
|
+
/******/
|
|
44
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
45
|
+
/******/ (() => {
|
|
46
|
+
/******/ // define __esModule on exports
|
|
47
|
+
/******/ e.r = e => {
|
|
48
|
+
/******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
|
|
49
|
+
/******/ Object.defineProperty(e, Symbol.toStringTag, {
|
|
50
|
+
value: "Module"
|
|
51
|
+
});
|
|
52
|
+
/******/ }
|
|
53
|
+
/******/ Object.defineProperty(e, "__esModule", {
|
|
54
|
+
value: true
|
|
55
|
+
});
|
|
56
|
+
/******/ };
|
|
57
|
+
/******/ })();
|
|
58
|
+
/******/
|
|
59
|
+
/************************************************************************/ var r = {};
|
|
60
|
+
// ESM COMPAT FLAG
|
|
61
|
+
e.r(r);
|
|
62
|
+
// EXPORTS
|
|
63
|
+
e.d(r, {
|
|
64
|
+
MarkdownAnchorHeading: () => /* reexport */ z,
|
|
65
|
+
MarkdownBlockquote: () => /* reexport */ k,
|
|
66
|
+
MarkdownCode: () => /* reexport */ j,
|
|
67
|
+
MarkdownCodeBlock: () => /* reexport */ M,
|
|
68
|
+
MarkdownHeading: () => /* reexport */ _,
|
|
69
|
+
MarkdownImage: () => /* reexport */ K,
|
|
70
|
+
MarkdownItem: () => /* reexport */ le,
|
|
71
|
+
MarkdownLink: () => /* reexport */ $,
|
|
72
|
+
MarkdownList: () => /* reexport */ ae,
|
|
73
|
+
MarkdownParagraph: () => /* reexport */ de,
|
|
74
|
+
default: () => /* reexport */ we
|
|
75
|
+
});
|
|
76
|
+
// CONCATENATED MODULE: external "react"
|
|
77
|
+
const n = require("react");
|
|
78
|
+
var t = e.n(n);
|
|
79
|
+
// CONCATENATED MODULE: external "prop-types"
|
|
80
|
+
const a = require("prop-types");
|
|
81
|
+
var o = e.n(a);
|
|
82
|
+
// CONCATENATED MODULE: external "commonmark-react-renderer"
|
|
83
|
+
const i = require("commonmark-react-renderer");
|
|
84
|
+
var l = e.n(i);
|
|
85
|
+
// CONCATENATED MODULE: external "commonmark"
|
|
86
|
+
const c = require("commonmark");
|
|
87
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
88
|
+
const s = require("@splunk/react-ui/Box");
|
|
89
|
+
var u = e.n(s);
|
|
90
|
+
// CONCATENATED MODULE: external "styled-components"
|
|
91
|
+
const p = require("styled-components");
|
|
92
|
+
var d = e.n(p);
|
|
93
|
+
// CONCATENATED MODULE: external "@splunk/themes"
|
|
94
|
+
const f = require("@splunk/themes");
|
|
95
|
+
// CONCATENATED MODULE: ./src/Markdown/MarkdownStyles.ts
|
|
96
|
+
var m = d().div.withConfig({
|
|
97
|
+
displayName: "MarkdownStyles__StyledCodeBlock",
|
|
98
|
+
componentId: "sc-1xadih-0"
|
|
99
|
+
})([ "padding:", ";margin:", " 0;background-color:", ";" ], (0, f.pick)({
|
|
100
|
+
enterprise: f.variables.spacingHalf,
|
|
101
|
+
prisma: (0, p.css)([ "10px ", "" ], f.variables.spacingLarge)
|
|
102
|
+
}), (0, f.pick)({
|
|
103
|
+
enterprise: f.variables.spacingHalf,
|
|
104
|
+
prisma: f.variables.spacingLarge
|
|
105
|
+
}), (0, f.pick)({
|
|
106
|
+
enterprise: {
|
|
107
|
+
light: f.variables.gray96,
|
|
108
|
+
dark: f.variables.gray22
|
|
109
|
+
},
|
|
110
|
+
prisma: f.variables.backgroundColorSection
|
|
111
|
+
}));
|
|
112
|
+
var v = d().code.withConfig({
|
|
113
|
+
displayName: "MarkdownStyles__StyledCodeInline",
|
|
114
|
+
componentId: "sc-1xadih-1"
|
|
115
|
+
})([ "", ";font-family:", ";background-color:", ";" ], f.mixins.reset("inline"), f.variables.monoFontFamily, (0,
|
|
116
|
+
f.pick)({
|
|
117
|
+
enterprise: {
|
|
118
|
+
light: f.variables.gray92,
|
|
119
|
+
dark: f.variables.gray22
|
|
120
|
+
},
|
|
121
|
+
prisma: f.variables.neutral200
|
|
122
|
+
}));
|
|
123
|
+
var g = d().blockquote.withConfig({
|
|
124
|
+
displayName: "MarkdownStyles__StyledHint",
|
|
125
|
+
componentId: "sc-1xadih-2"
|
|
126
|
+
})([ "", " ", " background-color:", ";margin-bottom:15px;padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}" ], f.mixins.reset("block"), f.mixins.clearfix(), (0,
|
|
127
|
+
f.pick)({
|
|
128
|
+
enterprise: {
|
|
129
|
+
light: f.variables.infoColorL50,
|
|
130
|
+
dark: f.variables.infoColorD50
|
|
131
|
+
},
|
|
132
|
+
prisma: f.variables.neutral100
|
|
133
|
+
}), f.variables.spacingSmall, f.variables.infoColor);
|
|
134
|
+
var y = d().img.withConfig({
|
|
135
|
+
displayName: "MarkdownStyles__StyledImage",
|
|
136
|
+
componentId: "sc-1xadih-3"
|
|
137
|
+
})([ "max-width:100%;" ]);
|
|
138
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownBlockquote.tsx
|
|
139
|
+
var b = {
|
|
140
|
+
children: o().node
|
|
141
|
+
};
|
|
142
|
+
function h(e) {
|
|
143
|
+
var r = e.children;
|
|
144
|
+
|
|
145
|
+
return t().createElement(g, null, r);
|
|
186
146
|
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
var
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
var MarkdownHeading_propTypes = {
|
|
200
|
-
children: (external_prop_types_default()).node
|
|
201
|
-
};
|
|
202
|
-
|
|
203
|
-
function MarkdownHeading(_ref) {
|
|
204
|
-
var level = _ref.level,
|
|
205
|
-
children = _ref.children;
|
|
206
|
-
return /*#__PURE__*/external_react_default().createElement((Heading_default()), {
|
|
207
|
-
level: Math.min(level, 4)
|
|
208
|
-
}, children);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
MarkdownHeading.propTypes = MarkdownHeading_propTypes;
|
|
212
|
-
/* harmony default export */ const renderers_MarkdownHeading = (MarkdownHeading);
|
|
213
|
-
;// CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
|
|
214
|
-
const Anchor_namespaceObject = require("@splunk/react-ui/Anchor");
|
|
215
|
-
var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_namespaceObject);
|
|
216
|
-
;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
|
|
217
|
-
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); }
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
var MarkdownAnchorHeading_propTypes = {
|
|
224
|
-
children: (external_prop_types_default()).node
|
|
225
|
-
};
|
|
226
|
-
|
|
227
|
-
// When this is used in MDX, the node isn't guaranteed to be text,
|
|
228
|
-
// so this method extracts the actual text from the node.
|
|
229
|
-
function getNodeText(node) {
|
|
230
|
-
var nodeType = _typeof(node);
|
|
231
|
-
|
|
232
|
-
var text = '';
|
|
233
|
-
|
|
234
|
-
if (node != null) {
|
|
235
|
-
if (nodeType === 'string' || nodeType === 'number') {
|
|
236
|
-
text = node.toString();
|
|
237
|
-
} else if (nodeType === 'boolean') {
|
|
238
|
-
text = node ? 'true' : 'false';
|
|
239
|
-
} else if (_typeof(node) === 'object') {
|
|
240
|
-
if (node instanceof Array) {
|
|
241
|
-
text = node.map(getNodeText).join(' ');
|
|
242
|
-
} else if ('props' in node) {
|
|
243
|
-
text = getNodeText(node.props.children);
|
|
244
|
-
}
|
|
147
|
+
h.propTypes = b;
|
|
148
|
+
/* harmony default export */ const k = h;
|
|
149
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCode.tsx
|
|
150
|
+
var O = {
|
|
151
|
+
literal: o().string
|
|
152
|
+
};
|
|
153
|
+
function w(e) {
|
|
154
|
+
var r = e.literal;
|
|
155
|
+
|
|
156
|
+
return t().createElement(v, null, r);
|
|
245
157
|
}
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
function
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
};
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
var
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
158
|
+
w.propTypes = O;
|
|
159
|
+
/* harmony default export */ const j = w;
|
|
160
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Code"
|
|
161
|
+
const R = require("@splunk/react-ui/Code");
|
|
162
|
+
var S = e.n(R);
|
|
163
|
+
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
164
|
+
const P = require("@splunk/ui-utils/i18n");
|
|
165
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
|
|
166
|
+
var q = {
|
|
167
|
+
literal: o().string,
|
|
168
|
+
language: o().string
|
|
169
|
+
};
|
|
170
|
+
function x(e) {
|
|
171
|
+
var r = e.literal, n = e.language;
|
|
172
|
+
|
|
173
|
+
return t().createElement(m, null, t().createElement(S(), {
|
|
174
|
+
"aria-label": (0, P._)("Code Block"),
|
|
175
|
+
language: n,
|
|
176
|
+
value: r,
|
|
177
|
+
style: {
|
|
178
|
+
margin: 0
|
|
179
|
+
}
|
|
180
|
+
}));
|
|
181
|
+
}
|
|
182
|
+
x.propTypes = q;
|
|
183
|
+
/* harmony default export */ const M = x;
|
|
184
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Heading"
|
|
185
|
+
const C = require("@splunk/react-ui/Heading");
|
|
186
|
+
var E = e.n(C);
|
|
187
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
|
|
188
|
+
var T = {
|
|
189
|
+
children: o().node
|
|
190
|
+
};
|
|
191
|
+
function I(e) {
|
|
192
|
+
var r = e.level, n = e.children;
|
|
193
|
+
|
|
194
|
+
return t().createElement(E(), {
|
|
195
|
+
level: Math.min(r, 4)
|
|
196
|
+
}, n);
|
|
197
|
+
}
|
|
198
|
+
I.propTypes = T;
|
|
199
|
+
/* harmony default export */ const _ = I;
|
|
200
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
|
|
201
|
+
const B = require("@splunk/react-ui/Anchor");
|
|
202
|
+
var L = e.n(B);
|
|
203
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
|
|
204
|
+
function H(e) {
|
|
205
|
+
"@babel/helpers - typeof";
|
|
206
|
+
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
207
|
+
H = function e(r) {
|
|
208
|
+
return typeof r;
|
|
209
|
+
};
|
|
210
|
+
} else {
|
|
211
|
+
H = function e(r) {
|
|
212
|
+
return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
|
|
213
|
+
};
|
|
214
|
+
}
|
|
215
|
+
return H(e);
|
|
216
|
+
}
|
|
217
|
+
var D = {
|
|
218
|
+
children: o().node
|
|
219
|
+
};
|
|
220
|
+
// When this is used in MDX, the node isn't guaranteed to be text,
|
|
221
|
+
// so this method extracts the actual text from the node.
|
|
222
|
+
function A(e) {
|
|
223
|
+
var r = H(e);
|
|
224
|
+
var n = "";
|
|
225
|
+
if (e != null) {
|
|
226
|
+
if (r === "string" || r === "number") {
|
|
227
|
+
n = e.toString();
|
|
228
|
+
} else if (r === "boolean") {
|
|
229
|
+
n = e ? "true" : "false";
|
|
230
|
+
} else if (H(e) === "object") {
|
|
231
|
+
if (e instanceof Array) {
|
|
232
|
+
n = e.map(A).join(" ");
|
|
233
|
+
} else if ("props" in e) {
|
|
234
|
+
n = A(e.props.children);
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
return n;
|
|
239
|
+
}
|
|
240
|
+
function N(e) {
|
|
241
|
+
return n.Children.toArray(e).map(A).join(" ").toLowerCase().replace(/[^a-z0-9-. ]/g, "").replace(/[-. ]+/g, "-");
|
|
242
|
+
}
|
|
243
|
+
function F(e) {
|
|
244
|
+
var r = e.level, n = e.children;
|
|
245
|
+
|
|
246
|
+
return t().createElement(_, {
|
|
247
|
+
level: Math.min(r, 4)
|
|
248
|
+
}, t().createElement(L(), {
|
|
249
|
+
name: N(n)
|
|
250
|
+
}, n));
|
|
251
|
+
}
|
|
252
|
+
F.propTypes = D;
|
|
253
|
+
/* harmony default export */ const z = F;
|
|
254
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
|
|
255
|
+
var G = {
|
|
256
|
+
alt: o().string,
|
|
257
|
+
src: o().string,
|
|
258
|
+
title: o().string
|
|
259
|
+
};
|
|
260
|
+
function J(e) {
|
|
261
|
+
var r = e.src, n = e.title, a = e.alt;
|
|
262
|
+
|
|
263
|
+
return t().createElement(y, {
|
|
264
|
+
src: r,
|
|
265
|
+
title: n,
|
|
266
|
+
alt: a
|
|
267
|
+
});
|
|
268
|
+
}
|
|
269
|
+
J.propTypes = G;
|
|
270
|
+
/* harmony default export */ const K = J;
|
|
271
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Link"
|
|
272
|
+
const Q = require("@splunk/react-ui/Link");
|
|
273
|
+
var U = e.n(Q);
|
|
274
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
|
|
275
|
+
function V() {
|
|
276
|
+
V = Object.assign || function(e) {
|
|
277
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
278
|
+
var n = arguments[r];
|
|
279
|
+
for (var t in n) {
|
|
280
|
+
if (Object.prototype.hasOwnProperty.call(n, t)) {
|
|
281
|
+
e[t] = n[t];
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
return e;
|
|
286
|
+
};
|
|
287
|
+
return V.apply(this, arguments);
|
|
288
|
+
}
|
|
289
|
+
function W(e, r) {
|
|
290
|
+
if (e == null) return {};
|
|
291
|
+
var n = X(e, r);
|
|
292
|
+
var t, a;
|
|
293
|
+
if (Object.getOwnPropertySymbols) {
|
|
294
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
295
|
+
for (a = 0; a < o.length; a++) {
|
|
296
|
+
t = o[a];
|
|
297
|
+
if (r.indexOf(t) >= 0) continue;
|
|
298
|
+
if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
|
|
299
|
+
n[t] = e[t];
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
return n;
|
|
303
|
+
}
|
|
304
|
+
function X(e, r) {
|
|
305
|
+
if (e == null) return {};
|
|
306
|
+
var n = {};
|
|
307
|
+
var t = Object.keys(e);
|
|
308
|
+
var a, o;
|
|
309
|
+
for (o = 0; o < t.length; o++) {
|
|
310
|
+
a = t[o];
|
|
311
|
+
if (r.indexOf(a) >= 0) continue;
|
|
312
|
+
n[a] = e[a];
|
|
313
|
+
}
|
|
314
|
+
return n;
|
|
315
|
+
}
|
|
316
|
+
var Y = {
|
|
317
|
+
children: o().node,
|
|
318
|
+
href: o().string,
|
|
319
|
+
title: o().string
|
|
320
|
+
};
|
|
321
|
+
function Z(e) {
|
|
322
|
+
var r = e.children, n = e.href, a = W(e, [ "children", "href" ]);
|
|
323
|
+
|
|
324
|
+
return t().createElement(U(), V({
|
|
325
|
+
to: n
|
|
326
|
+
}, a), r);
|
|
327
|
+
}
|
|
328
|
+
Z.propTypes = Y;
|
|
329
|
+
/* harmony default export */ const $ = Z;
|
|
330
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/List"
|
|
331
|
+
const ee = require("@splunk/react-ui/List");
|
|
332
|
+
var re = e.n(ee);
|
|
333
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
|
|
334
|
+
var ne = {
|
|
335
|
+
children: o().node,
|
|
336
|
+
type: o().string
|
|
337
|
+
};
|
|
338
|
+
function te(e) {
|
|
339
|
+
var r = e.children, n = e.type;
|
|
340
|
+
if (n === "ordered") {
|
|
341
|
+
|
|
342
|
+
return t().createElement(re(), {
|
|
343
|
+
ordered: true
|
|
344
|
+
}, r);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
return t().createElement(re(), null, r);
|
|
348
|
+
}
|
|
349
|
+
te.propTypes = ne;
|
|
350
|
+
/* harmony default export */ const ae = te;
|
|
351
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
|
|
352
|
+
var oe = {
|
|
353
|
+
children: o().node
|
|
354
|
+
};
|
|
355
|
+
function ie(e) {
|
|
356
|
+
var r = e.children;
|
|
357
|
+
|
|
358
|
+
return t().createElement(ee.Item, null, r);
|
|
359
|
+
}
|
|
360
|
+
ie.propTypes = oe;
|
|
361
|
+
/* harmony default export */ const le = ie;
|
|
362
|
+
// CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
|
|
363
|
+
const ce = require("@splunk/react-ui/Paragraph");
|
|
364
|
+
var se = e.n(ce);
|
|
365
|
+
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
|
|
366
|
+
var ue = {
|
|
367
|
+
children: o().node
|
|
368
|
+
};
|
|
369
|
+
function pe(e) {
|
|
370
|
+
var r = e.children;
|
|
371
|
+
|
|
372
|
+
return t().createElement(se(), null, r);
|
|
373
|
+
}
|
|
374
|
+
pe.propTypes = ue;
|
|
375
|
+
/* harmony default export */ const de = pe;
|
|
376
|
+
// CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
|
|
377
|
+
function fe() {
|
|
378
|
+
fe = Object.assign || function(e) {
|
|
379
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
380
|
+
var n = arguments[r];
|
|
381
|
+
for (var t in n) {
|
|
382
|
+
if (Object.prototype.hasOwnProperty.call(n, t)) {
|
|
383
|
+
e[t] = n[t];
|
|
384
|
+
}
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
return e;
|
|
388
|
+
};
|
|
389
|
+
return fe.apply(this, arguments);
|
|
390
|
+
}
|
|
391
|
+
function me(e, r) {
|
|
392
|
+
var n = Object.keys(e);
|
|
393
|
+
if (Object.getOwnPropertySymbols) {
|
|
394
|
+
var t = Object.getOwnPropertySymbols(e);
|
|
395
|
+
if (r) t = t.filter((function(r) {
|
|
396
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
397
|
+
}));
|
|
398
|
+
n.push.apply(n, t);
|
|
399
|
+
}
|
|
400
|
+
return n;
|
|
401
|
+
}
|
|
402
|
+
function ve(e) {
|
|
403
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
404
|
+
var n = arguments[r] != null ? arguments[r] : {};
|
|
405
|
+
if (r % 2) {
|
|
406
|
+
me(Object(n), true).forEach((function(r) {
|
|
407
|
+
ge(e, r, n[r]);
|
|
408
|
+
}));
|
|
409
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
|
410
|
+
Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
|
|
411
|
+
} else {
|
|
412
|
+
me(Object(n)).forEach((function(r) {
|
|
413
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
|
|
414
|
+
}));
|
|
415
|
+
}
|
|
416
|
+
}
|
|
417
|
+
return e;
|
|
418
|
+
}
|
|
419
|
+
function ge(e, r, n) {
|
|
420
|
+
if (r in e) {
|
|
421
|
+
Object.defineProperty(e, r, {
|
|
422
|
+
value: n,
|
|
423
|
+
enumerable: true,
|
|
424
|
+
configurable: true,
|
|
425
|
+
writable: true
|
|
426
|
+
});
|
|
427
|
+
} else {
|
|
428
|
+
e[r] = n;
|
|
429
|
+
}
|
|
430
|
+
return e;
|
|
431
|
+
}
|
|
432
|
+
function ye(e, r) {
|
|
433
|
+
if (e == null) return {};
|
|
434
|
+
var n = be(e, r);
|
|
435
|
+
var t, a;
|
|
436
|
+
if (Object.getOwnPropertySymbols) {
|
|
437
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
438
|
+
for (a = 0; a < o.length; a++) {
|
|
439
|
+
t = o[a];
|
|
440
|
+
if (r.indexOf(t) >= 0) continue;
|
|
441
|
+
if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
|
|
442
|
+
n[t] = e[t];
|
|
443
|
+
}
|
|
444
|
+
}
|
|
445
|
+
return n;
|
|
446
|
+
}
|
|
447
|
+
function be(e, r) {
|
|
448
|
+
if (e == null) return {};
|
|
449
|
+
var n = {};
|
|
450
|
+
var t = Object.keys(e);
|
|
451
|
+
var a, o;
|
|
452
|
+
for (o = 0; o < t.length; o++) {
|
|
453
|
+
a = t[o];
|
|
454
|
+
if (r.indexOf(a) >= 0) continue;
|
|
455
|
+
n[a] = e[a];
|
|
456
|
+
}
|
|
457
|
+
return n;
|
|
458
|
+
}
|
|
459
|
+
/** @public */ var he = {
|
|
460
|
+
blockquoteRenderer: o().func,
|
|
461
|
+
codeBlockRenderer: o().func,
|
|
462
|
+
codeRenderer: o().func,
|
|
463
|
+
elementRef: o().oneOfType([ o().func, o().object ]),
|
|
464
|
+
headingRenderer: o().func,
|
|
465
|
+
imageRenderer: o().func,
|
|
466
|
+
itemRenderer: o().func,
|
|
467
|
+
linkRenderer: o().func,
|
|
468
|
+
listRenderer: o().func,
|
|
469
|
+
paragraphRenderer: o().func,
|
|
470
|
+
text: o().string.isRequired
|
|
471
|
+
};
|
|
472
|
+
var ke = new c.Parser;
|
|
473
|
+
/**
|
|
432
474
|
* The `Markdown` component renders the given Markdown text as a React component.
|
|
433
475
|
* The component prefers @splunk/react-ui components over plain HTML components. For example
|
|
434
476
|
* links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
|
|
435
|
-
*/
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
477
|
+
*/ function Oe(e) {
|
|
478
|
+
var r = e.blockquoteRenderer, n = e.codeBlockRenderer, a = e.codeRenderer, o = e.elementRef, i = e.headingRenderer, c = e.imageRenderer, s = e.itemRenderer, p = e.linkRenderer, d = e.listRenderer, f = e.paragraphRenderer, m = e.text, v = ye(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text" ]);
|
|
479
|
+
// @docs-props-type MarkdownPropsBase
|
|
480
|
+
// keep this option object inside the constructor, otherwise the renderers
|
|
481
|
+
// below will confuse the doc-gen
|
|
482
|
+
var g = {
|
|
483
|
+
escapeHtml: true,
|
|
484
|
+
renderers: {
|
|
485
|
+
CodeBlock: n || M,
|
|
486
|
+
Code: a || j,
|
|
487
|
+
Heading: i || _,
|
|
488
|
+
Link: p || $,
|
|
489
|
+
List: d || ae,
|
|
490
|
+
Item: s || le,
|
|
491
|
+
Paragraph: f || de
|
|
492
|
+
}
|
|
493
|
+
};
|
|
494
|
+
// not setting MarkdownBlockquote as the default
|
|
495
|
+
if (r) {
|
|
496
|
+
g.renderers.Blockquote = r;
|
|
497
|
+
}
|
|
498
|
+
// not setting MarkdownImage as the default
|
|
499
|
+
if (c) {
|
|
500
|
+
g.renderers.Image = c;
|
|
501
|
+
}
|
|
502
|
+
var y = new (l())(ve({}, g));
|
|
503
|
+
var b = ke.parse(m);
|
|
504
|
+
var h = y.render(b);
|
|
505
|
+
|
|
506
|
+
return t().createElement(u(), fe({
|
|
507
|
+
"data-test": "markdown",
|
|
508
|
+
elementRef: o
|
|
509
|
+
}, v), h);
|
|
464
510
|
}
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
if (imageRenderer) {
|
|
473
|
-
rendererOptions.renderers.Image = imageRenderer;
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
var renderer = new (external_commonmark_react_renderer_default())(_objectSpread({}, rendererOptions));
|
|
477
|
-
var ast = parser.parse(text);
|
|
478
|
-
var elements = renderer.render(ast);
|
|
479
|
-
return /*#__PURE__*/external_react_default().createElement((Box_default()), Markdown_extends({
|
|
480
|
-
"data-test": "markdown",
|
|
481
|
-
elementRef: elementRef
|
|
482
|
-
}, otherProps), elements);
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
Markdown.propTypes = Markdown_propTypes;
|
|
486
|
-
/* harmony default export */ const Markdown_Markdown = (Markdown);
|
|
487
|
-
|
|
488
|
-
;// CONCATENATED MODULE: ./src/Markdown/index.ts
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
module.exports = __webpack_exports__;
|
|
492
|
-
/******/ })()
|
|
493
|
-
;
|
|
511
|
+
Oe.propTypes = he;
|
|
512
|
+
/* harmony default export */ const we = Oe;
|
|
513
|
+
// CONCATENATED MODULE: ./src/Markdown/index.ts
|
|
514
|
+
module.exports = r;
|
|
515
|
+
/******/})();
|