@splunk/react-ui 5.2.0 → 5.4.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 +31 -31
- package/Avatar.js +64 -59
- package/Box.js +2 -1
- package/Breadcrumbs.js +66 -63
- package/ButtonSimple.js +52 -52
- package/CHANGELOG.md +47 -0
- package/Calendar.js +8 -4
- package/CardLayout.js +39 -36
- package/Checkbox.d.ts +2 -0
- package/Checkbox.js +350 -0
- package/Clickable.js +5 -6
- package/Code.js +451 -536
- package/CollapsiblePanel.js +184 -210
- package/Color.js +903 -1023
- package/ControlGroup.js +2 -1
- package/Date.js +123 -119
- package/DefinitionList.js +100 -77
- package/Dropdown.js +2 -2
- package/DualListbox.js +409 -353
- package/File.js +102 -99
- package/FormRows.js +13 -11
- package/JSONTree.js +679 -1391
- package/Link.js +7 -7
- package/MIGRATION.md +27 -0
- package/Markdown.js +171 -156
- package/Menu.js +107 -100
- package/Modal.js +3 -3
- package/Multiselect.js +2698 -2767
- package/Paginator.js +2 -1
- package/Popover.js +201 -196
- package/Resize.js +11 -8
- package/ResultsMenu.js +913 -1029
- package/ScreenReaderContent.js +86 -130
- package/Scroll.js +366 -424
- package/Search.js +131 -127
- package/Select.js +1741 -1831
- package/Slider.js +1 -1
- package/SlidingPanels.js +129 -127
- package/StepBar.js +123 -97
- package/Switch.js +214 -242
- package/TabBar.js +10 -10
- package/Table.js +1255 -1248
- package/Text.js +180 -206
- package/TextArea.js +596 -675
- package/Tooltip.js +144 -139
- package/Tree.js +638 -682
- package/package.json +15 -16
- package/tsconfig.check-docs.json +8 -0
- package/types/src/Avatar/docs/examples/Basic.d.ts +1 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
- package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
- package/types/src/Breadcrumbs/Item.d.ts +1 -1
- package/types/src/ButtonSimple/mixin.d.ts +1 -1
- package/types/src/Checkbox/Checkbox.d.ts +90 -0
- package/types/src/Checkbox/docs/examples/Basic.d.ts +7 -0
- package/types/src/Checkbox/docs/examples/Disabled.d.ts +6 -0
- package/types/src/Checkbox/docs/examples/Error.d.ts +6 -0
- package/types/src/Checkbox/docs/examples/Uncontrolled.d.ts +7 -0
- package/types/src/Checkbox/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +4 -1
- package/types/src/Code/LineHighlights.d.ts +1 -0
- package/types/src/Code/LineNumbers.d.ts +2 -1
- package/types/src/Code/docs/examples/CustomizeContainer.d.ts +7 -0
- package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +3 -3
- package/types/src/Date/Date.d.ts +7 -1
- package/types/src/DefinitionList/DefinitionList.d.ts +7 -2
- package/types/src/DefinitionList/DefinitionListContext.d.ts +1 -1
- package/types/src/DefinitionList/docs/examples/StackedLayout.d.ts +6 -0
- package/types/src/DualListbox/DualListbox.d.ts +1 -1
- package/types/src/DualListbox/Label.d.ts +7 -7
- package/types/src/DualListbox/Listbox.d.ts +2 -2
- package/types/src/DualListbox/ListboxContext.d.ts +1 -1
- package/types/src/File/File.d.ts +7 -1
- package/types/src/JSONTree/JSONTreeItem.d.ts +5 -3
- package/types/src/JSONTree/renderTreeItems.d.ts +3 -2
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +2 -1
- package/types/src/Menu/docs/examples/Dimmed.d.ts +1 -1
- package/types/src/Menu/docs/examples/Disabled.d.ts +1 -0
- package/types/src/Modal/ModalContext.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +9 -3
- package/types/src/Multiselect/Multiselect.d.ts +7 -1
- package/types/src/Multiselect/Normal.d.ts +9 -3
- package/types/src/Number/utils.d.ts +1 -1
- package/types/src/Popover/getPlacement.d.ts +1 -1
- package/types/src/RadioList/Option.d.ts +1 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -1
- package/types/src/Search/Search.d.ts +5 -1
- package/types/src/StepBar/StepBar.d.ts +4 -1
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
- package/types/src/Switch/Switch.d.ts +13 -1
- package/types/src/Switch/docs/examples/Basic.d.ts +2 -10
- package/types/src/Switch/docs/examples/Disabled.d.ts +2 -9
- package/types/src/TabBar/Tab.d.ts +3 -1
- package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
- package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
- package/types/src/TabLayout/Panel.d.ts +2 -0
- package/types/src/Table/ExpandButton.d.ts +1 -1
- package/types/src/Table/Head.d.ts +1 -1
- package/types/src/Table/Row.d.ts +1 -1
- package/types/src/Table/Table.d.ts +1 -0
- package/types/src/Tooltip/Tooltip.d.ts +14 -1
- package/types/src/Tree/TreeContext.d.ts +1 -1
- package/useControlled.js +61 -97
- package/usePrevious.js +30 -62
- package/useResizeObserver.js +95 -127
- package/NonInteractiveCheckbox.js +0 -101
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +0 -12
- package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +0 -22
- package/types/src/NonInteractiveCheckbox/index.d.ts +0 -1
- package/types/src/Switch/docs/examples/Error.d.ts +0 -6
- package/types/src/Text/IconOutlinedHide.d.ts +0 -3
- package/types/src/Text/IconOutlinedView.d.ts +0 -3
- /package/cypress/{tsconfig.cypress.json → tsconfig.check-cypress.json} +0 -0
package/Markdown.js
CHANGED
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
e.d(r, {
|
|
64
64
|
MarkdownAnchorHeading: () => /* reexport */ j,
|
|
65
65
|
MarkdownBlockquote: () => /* reexport */ M,
|
|
66
|
-
MarkdownCode: () => /* reexport */
|
|
66
|
+
MarkdownCode: () => /* reexport */ A,
|
|
67
67
|
MarkdownCodeBlock: () => /* reexport */ F,
|
|
68
68
|
MarkdownHeading: () => /* reexport */ V,
|
|
69
69
|
MarkdownImage: () => /* reexport */ ee,
|
|
@@ -77,14 +77,14 @@
|
|
|
77
77
|
const n = require("react");
|
|
78
78
|
var t = e.n(n);
|
|
79
79
|
// CONCATENATED MODULE: external "prop-types"
|
|
80
|
-
const
|
|
81
|
-
var
|
|
80
|
+
const o = require("prop-types");
|
|
81
|
+
var l = e.n(o);
|
|
82
82
|
// CONCATENATED MODULE: external "react-markdown"
|
|
83
83
|
const i = require("react-markdown");
|
|
84
84
|
var a = e.n(i);
|
|
85
85
|
// CONCATENATED MODULE: external "remark-gfm"
|
|
86
|
-
const
|
|
87
|
-
var
|
|
86
|
+
const c = require("remark-gfm");
|
|
87
|
+
var u = e.n(c);
|
|
88
88
|
// CONCATENATED MODULE: external "styled-components"
|
|
89
89
|
const f = require("styled-components");
|
|
90
90
|
var s = e.n(f);
|
|
@@ -108,14 +108,14 @@
|
|
|
108
108
|
}
|
|
109
109
|
function m(e, r) {
|
|
110
110
|
if (null == e) return {};
|
|
111
|
-
var n, t,
|
|
111
|
+
var n, t, o = O(e, r);
|
|
112
112
|
if (Object.getOwnPropertySymbols) {
|
|
113
|
-
var
|
|
114
|
-
for (t = 0; t <
|
|
115
|
-
n =
|
|
113
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
114
|
+
for (t = 0; t < l.length; t++) {
|
|
115
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
-
return
|
|
118
|
+
return o;
|
|
119
119
|
}
|
|
120
120
|
function O(e, r) {
|
|
121
121
|
if (null == e) return {};
|
|
@@ -136,6 +136,7 @@
|
|
|
136
136
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
137
137
|
}, g(e);
|
|
138
138
|
}
|
|
139
|
+
// eslint-disable-next-line no-relative-imports-of-published -- because MarkdownHeading and MarkdownAnchorHeading come from the same @splunk/react-ui/Markdown top level export so it would be a circular dependency if using the external/alias (ok here because thin/no context)
|
|
139
140
|
// When this is used in MDX, the node isn't guaranteed to be text,
|
|
140
141
|
// so this method extracts the actual text from the node.
|
|
141
142
|
function h(e) {
|
|
@@ -160,11 +161,12 @@
|
|
|
160
161
|
return n.Children.toArray(e).map(h).join(" ").toLowerCase().replace(/[^a-z0-9-. ]/g, "").replace(/[-. ]+/g, "-");
|
|
161
162
|
}
|
|
162
163
|
function P(e) {
|
|
163
|
-
var r = e.level, n = e.children,
|
|
164
|
-
|
|
164
|
+
var r = e.level, n = e.children, o = m(e, [ "level", "children" ]);
|
|
165
|
+
// @docs-props-type MarkdownAnchorHeadingPropsBase
|
|
166
|
+
|
|
165
167
|
return t().createElement(V, b({
|
|
166
168
|
level: r
|
|
167
|
-
},
|
|
169
|
+
}, o), t().createElement(y(), {
|
|
168
170
|
name: w(n)
|
|
169
171
|
}, n));
|
|
170
172
|
}
|
|
@@ -191,14 +193,14 @@
|
|
|
191
193
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownBlockquote.tsx
|
|
192
194
|
function R(e, r) {
|
|
193
195
|
if (null == e) return {};
|
|
194
|
-
var n, t,
|
|
196
|
+
var n, t, o = q(e, r);
|
|
195
197
|
if (Object.getOwnPropertySymbols) {
|
|
196
|
-
var
|
|
197
|
-
for (t = 0; t <
|
|
198
|
-
n =
|
|
198
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
199
|
+
for (t = 0; t < l.length; t++) {
|
|
200
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
199
201
|
}
|
|
200
202
|
}
|
|
201
|
-
return
|
|
203
|
+
return o;
|
|
202
204
|
}
|
|
203
205
|
function q(e, r) {
|
|
204
206
|
if (null == e) return {};
|
|
@@ -213,21 +215,22 @@
|
|
|
213
215
|
}
|
|
214
216
|
function I(e) {
|
|
215
217
|
var r = e.children, n = R(e, [ "children" ]);
|
|
216
|
-
|
|
218
|
+
// @docs-props-type MarkdownBlockquotePropsBase
|
|
219
|
+
|
|
217
220
|
return t().createElement(x, n, r);
|
|
218
221
|
}
|
|
219
222
|
/* harmony default export */ const M = I;
|
|
220
223
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCode.tsx
|
|
221
224
|
function T(e, r) {
|
|
222
225
|
if (null == e) return {};
|
|
223
|
-
var n, t,
|
|
226
|
+
var n, t, o = C(e, r);
|
|
224
227
|
if (Object.getOwnPropertySymbols) {
|
|
225
|
-
var
|
|
226
|
-
for (t = 0; t <
|
|
227
|
-
n =
|
|
228
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
229
|
+
for (t = 0; t < l.length; t++) {
|
|
230
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
228
231
|
}
|
|
229
232
|
}
|
|
230
|
-
return
|
|
233
|
+
return o;
|
|
231
234
|
}
|
|
232
235
|
function C(e, r) {
|
|
233
236
|
if (null == e) return {};
|
|
@@ -242,26 +245,27 @@
|
|
|
242
245
|
}
|
|
243
246
|
function _(e) {
|
|
244
247
|
var r = e.children, n = T(e, [ "children" ]);
|
|
245
|
-
|
|
248
|
+
// @docs-props-type MarkdownCodePropsBase
|
|
249
|
+
|
|
246
250
|
return t().createElement(E, n, r);
|
|
247
251
|
}
|
|
248
|
-
/* harmony default export */ const
|
|
252
|
+
/* harmony default export */ const A = _;
|
|
249
253
|
// CONCATENATED MODULE: external "@splunk/react-ui/Code"
|
|
250
|
-
const
|
|
251
|
-
var
|
|
254
|
+
const B = require("@splunk/react-ui/Code");
|
|
255
|
+
var H = e.n(B);
|
|
252
256
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
253
257
|
const U = require("@splunk/ui-utils/i18n");
|
|
254
258
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
|
|
255
259
|
function L(e, r) {
|
|
256
260
|
if (null == e) return {};
|
|
257
|
-
var n, t,
|
|
261
|
+
var n, t, o = N(e, r);
|
|
258
262
|
if (Object.getOwnPropertySymbols) {
|
|
259
|
-
var
|
|
260
|
-
for (t = 0; t <
|
|
261
|
-
n =
|
|
263
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
264
|
+
for (t = 0; t < l.length; t++) {
|
|
265
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
262
266
|
}
|
|
263
267
|
}
|
|
264
|
-
return
|
|
268
|
+
return o;
|
|
265
269
|
}
|
|
266
270
|
function N(e, r) {
|
|
267
271
|
if (null == e) return {};
|
|
@@ -275,11 +279,13 @@
|
|
|
275
279
|
return n;
|
|
276
280
|
}
|
|
277
281
|
function D(e) {
|
|
278
|
-
var r = e.children, n = e.
|
|
279
|
-
|
|
280
|
-
|
|
282
|
+
var r = e.children, n = e.containerAppearance, o = n === void 0 ? "none" : n, l = e.language, i = L(e, [ "children", "containerAppearance", "language" ]);
|
|
283
|
+
// @docs-props-type MarkdownCodeBlockPropsBase
|
|
284
|
+
|
|
285
|
+
return t().createElement(S, i, t().createElement(H(), {
|
|
281
286
|
"aria-label": (0, U._)("Code Block"),
|
|
282
|
-
|
|
287
|
+
containerAppearance: o,
|
|
288
|
+
language: l,
|
|
283
289
|
value: String(r).replace(/\n$/, "")
|
|
284
290
|
}));
|
|
285
291
|
}
|
|
@@ -301,14 +307,14 @@
|
|
|
301
307
|
}
|
|
302
308
|
function J(e, r) {
|
|
303
309
|
if (null == e) return {};
|
|
304
|
-
var n, t,
|
|
310
|
+
var n, t, o = K(e, r);
|
|
305
311
|
if (Object.getOwnPropertySymbols) {
|
|
306
|
-
var
|
|
307
|
-
for (t = 0; t <
|
|
308
|
-
n =
|
|
312
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
313
|
+
for (t = 0; t < l.length; t++) {
|
|
314
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
309
315
|
}
|
|
310
316
|
}
|
|
311
|
-
return
|
|
317
|
+
return o;
|
|
312
318
|
}
|
|
313
319
|
function K(e, r) {
|
|
314
320
|
if (null == e) return {};
|
|
@@ -322,12 +328,13 @@
|
|
|
322
328
|
return n;
|
|
323
329
|
}
|
|
324
330
|
function Q(e) {
|
|
325
|
-
var r = e.level, n = e.children,
|
|
326
|
-
|
|
331
|
+
var r = e.level, n = e.children, o = J(e, [ "level", "children" ]);
|
|
332
|
+
// @docs-props-type MarkdownHeadingPropsBase
|
|
333
|
+
var l = Math.min(r, 6);
|
|
327
334
|
|
|
328
335
|
return t().createElement($(), G({
|
|
329
|
-
level:
|
|
330
|
-
},
|
|
336
|
+
level: l
|
|
337
|
+
}, o), n);
|
|
331
338
|
}
|
|
332
339
|
/* harmony default export */ const V = Q;
|
|
333
340
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
|
|
@@ -344,14 +351,14 @@
|
|
|
344
351
|
}
|
|
345
352
|
function X(e, r) {
|
|
346
353
|
if (null == e) return {};
|
|
347
|
-
var n, t,
|
|
354
|
+
var n, t, o = Y(e, r);
|
|
348
355
|
if (Object.getOwnPropertySymbols) {
|
|
349
|
-
var
|
|
350
|
-
for (t = 0; t <
|
|
351
|
-
n =
|
|
356
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
357
|
+
for (t = 0; t < l.length; t++) {
|
|
358
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
352
359
|
}
|
|
353
360
|
}
|
|
354
|
-
return
|
|
361
|
+
return o;
|
|
355
362
|
}
|
|
356
363
|
function Y(e, r) {
|
|
357
364
|
if (null == e) return {};
|
|
@@ -365,13 +372,14 @@
|
|
|
365
372
|
return n;
|
|
366
373
|
}
|
|
367
374
|
function Z(e) {
|
|
368
|
-
var r = e.src, n = e.title,
|
|
369
|
-
|
|
375
|
+
var r = e.src, n = e.title, o = e.alt, l = X(e, [ "src", "title", "alt" ]);
|
|
376
|
+
// @docs-props-type MarkdownImagePropsBase
|
|
377
|
+
|
|
370
378
|
return t().createElement("img", W({
|
|
371
379
|
src: r,
|
|
372
380
|
title: n,
|
|
373
|
-
alt:
|
|
374
|
-
},
|
|
381
|
+
alt: o
|
|
382
|
+
}, l));
|
|
375
383
|
}
|
|
376
384
|
/* harmony default export */ const ee = Z;
|
|
377
385
|
// CONCATENATED MODULE: external "@splunk/react-ui/List"
|
|
@@ -380,16 +388,16 @@
|
|
|
380
388
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
|
|
381
389
|
function te(e, r) {
|
|
382
390
|
if (null == e) return {};
|
|
383
|
-
var n, t,
|
|
391
|
+
var n, t, o = oe(e, r);
|
|
384
392
|
if (Object.getOwnPropertySymbols) {
|
|
385
|
-
var
|
|
386
|
-
for (t = 0; t <
|
|
387
|
-
n =
|
|
393
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
394
|
+
for (t = 0; t < l.length; t++) {
|
|
395
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
388
396
|
}
|
|
389
397
|
}
|
|
390
|
-
return
|
|
398
|
+
return o;
|
|
391
399
|
}
|
|
392
|
-
function
|
|
400
|
+
function oe(e, r) {
|
|
393
401
|
if (null == e) return {};
|
|
394
402
|
var n = {};
|
|
395
403
|
for (var t in e) {
|
|
@@ -400,18 +408,19 @@
|
|
|
400
408
|
}
|
|
401
409
|
return n;
|
|
402
410
|
}
|
|
403
|
-
function
|
|
411
|
+
function le(e) {
|
|
404
412
|
var r = e.children, n = te(e, [ "children" ]);
|
|
405
|
-
|
|
413
|
+
// @docs-props-type MarkdownItemPropsBase
|
|
414
|
+
|
|
406
415
|
return t().createElement(re.Item, n, r);
|
|
407
416
|
}
|
|
408
|
-
/* harmony default export */ const ie =
|
|
417
|
+
/* harmony default export */ const ie = le;
|
|
409
418
|
// CONCATENATED MODULE: external "@splunk/react-ui/Link"
|
|
410
419
|
const ae = require("@splunk/react-ui/Link");
|
|
411
|
-
var
|
|
420
|
+
var ce = e.n(ae);
|
|
412
421
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
|
|
413
|
-
function
|
|
414
|
-
return
|
|
422
|
+
function ue() {
|
|
423
|
+
return ue = Object.assign ? Object.assign.bind() : function(e) {
|
|
415
424
|
for (var r = 1; r < arguments.length; r++) {
|
|
416
425
|
var n = arguments[r];
|
|
417
426
|
for (var t in n) {
|
|
@@ -419,18 +428,18 @@
|
|
|
419
428
|
}
|
|
420
429
|
}
|
|
421
430
|
return e;
|
|
422
|
-
},
|
|
431
|
+
}, ue.apply(null, arguments);
|
|
423
432
|
}
|
|
424
433
|
function fe(e, r) {
|
|
425
434
|
if (null == e) return {};
|
|
426
|
-
var n, t,
|
|
435
|
+
var n, t, o = se(e, r);
|
|
427
436
|
if (Object.getOwnPropertySymbols) {
|
|
428
|
-
var
|
|
429
|
-
for (t = 0; t <
|
|
430
|
-
n =
|
|
437
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
438
|
+
for (t = 0; t < l.length; t++) {
|
|
439
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
431
440
|
}
|
|
432
441
|
}
|
|
433
|
-
return
|
|
442
|
+
return o;
|
|
434
443
|
}
|
|
435
444
|
function se(e, r) {
|
|
436
445
|
if (null == e) return {};
|
|
@@ -444,11 +453,12 @@
|
|
|
444
453
|
return n;
|
|
445
454
|
}
|
|
446
455
|
function de(e) {
|
|
447
|
-
var r = e.children, n = e.href,
|
|
448
|
-
|
|
449
|
-
|
|
456
|
+
var r = e.children, n = e.href, o = fe(e, [ "children", "href" ]);
|
|
457
|
+
// @docs-props-type MarkdownLinkPropsBase
|
|
458
|
+
|
|
459
|
+
return t().createElement(ce(), ue({
|
|
450
460
|
to: n
|
|
451
|
-
},
|
|
461
|
+
}, o), r);
|
|
452
462
|
}
|
|
453
463
|
/* harmony default export */ const pe = de;
|
|
454
464
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
|
|
@@ -465,14 +475,14 @@
|
|
|
465
475
|
}
|
|
466
476
|
function ye(e, r) {
|
|
467
477
|
if (null == e) return {};
|
|
468
|
-
var n, t,
|
|
478
|
+
var n, t, o = be(e, r);
|
|
469
479
|
if (Object.getOwnPropertySymbols) {
|
|
470
|
-
var
|
|
471
|
-
for (t = 0; t <
|
|
472
|
-
n =
|
|
480
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
481
|
+
for (t = 0; t < l.length; t++) {
|
|
482
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
473
483
|
}
|
|
474
484
|
}
|
|
475
|
-
return
|
|
485
|
+
return o;
|
|
476
486
|
}
|
|
477
487
|
function be(e, r) {
|
|
478
488
|
if (null == e) return {};
|
|
@@ -486,9 +496,10 @@
|
|
|
486
496
|
return n;
|
|
487
497
|
}
|
|
488
498
|
function me(e) {
|
|
489
|
-
var r = e.children, n = e.ordered,
|
|
490
|
-
|
|
491
|
-
|
|
499
|
+
var r = e.children, n = e.ordered, o = ye(e, [ "children", "ordered" ]);
|
|
500
|
+
// @docs-props-type MarkdownListPropsBase
|
|
501
|
+
|
|
502
|
+
return t().createElement(ne(), ve({}, o, {
|
|
492
503
|
ordered: n
|
|
493
504
|
}), r);
|
|
494
505
|
}
|
|
@@ -499,14 +510,14 @@
|
|
|
499
510
|
// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
|
|
500
511
|
function we(e, r) {
|
|
501
512
|
if (null == e) return {};
|
|
502
|
-
var n, t,
|
|
513
|
+
var n, t, o = Pe(e, r);
|
|
503
514
|
if (Object.getOwnPropertySymbols) {
|
|
504
|
-
var
|
|
505
|
-
for (t = 0; t <
|
|
506
|
-
n =
|
|
515
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
516
|
+
for (t = 0; t < l.length; t++) {
|
|
517
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
507
518
|
}
|
|
508
519
|
}
|
|
509
|
-
return
|
|
520
|
+
return o;
|
|
510
521
|
}
|
|
511
522
|
function Pe(e, r) {
|
|
512
523
|
if (null == e) return {};
|
|
@@ -521,7 +532,8 @@
|
|
|
521
532
|
}
|
|
522
533
|
function je(e) {
|
|
523
534
|
var r = e.children, n = we(e, [ "children" ]);
|
|
524
|
-
|
|
535
|
+
// @docs-props-type MarkdownParagraphPropsBase
|
|
536
|
+
|
|
525
537
|
return t().createElement(he(), n, r);
|
|
526
538
|
}
|
|
527
539
|
/* harmony default export */ const ke = je;
|
|
@@ -542,14 +554,14 @@
|
|
|
542
554
|
}
|
|
543
555
|
function Re(e, r) {
|
|
544
556
|
if (null == e) return {};
|
|
545
|
-
var n, t,
|
|
557
|
+
var n, t, o = qe(e, r);
|
|
546
558
|
if (Object.getOwnPropertySymbols) {
|
|
547
|
-
var
|
|
548
|
-
for (t = 0; t <
|
|
549
|
-
n =
|
|
559
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
560
|
+
for (t = 0; t < l.length; t++) {
|
|
561
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
550
562
|
}
|
|
551
563
|
}
|
|
552
|
-
return
|
|
564
|
+
return o;
|
|
553
565
|
}
|
|
554
566
|
function qe(e, r) {
|
|
555
567
|
if (null == e) return {};
|
|
@@ -575,9 +587,9 @@
|
|
|
575
587
|
}
|
|
576
588
|
Me.splunkUiType = "Table.Body";
|
|
577
589
|
function Te(e) {
|
|
578
|
-
var r = e.children, n = e.style,
|
|
590
|
+
var r = e.children, n = e.style, o = Re(e, [ "children", "style" ]);
|
|
579
591
|
|
|
580
|
-
return t().createElement(Ee().Cell, xe({},
|
|
592
|
+
return t().createElement(Ee().Cell, xe({}, o, {
|
|
581
593
|
align: n === null || n === void 0 ? void 0 : n.textAlign
|
|
582
594
|
}), r);
|
|
583
595
|
}
|
|
@@ -590,40 +602,40 @@
|
|
|
590
602
|
function _e(e) {
|
|
591
603
|
var r = e.children, n = Re(e, [ "children" ]);
|
|
592
604
|
// We can assume there is only one tr inside of thead as multiple trs are not supported in Markdown tables
|
|
593
|
-
var
|
|
605
|
+
var o = r[0];
|
|
594
606
|
// The types from react-markdown are in conflict here.
|
|
595
607
|
// react-markdown expects the `thead` component to take React.ReactNode as children to be a valid custom component,
|
|
596
608
|
// but will actually be passed react components from our custom `th` components, which also have children props
|
|
597
|
-
var
|
|
598
|
-
if (Ce(
|
|
599
|
-
|
|
609
|
+
var l;
|
|
610
|
+
if (Ce(o)) {
|
|
611
|
+
l = o.props.children;
|
|
600
612
|
}
|
|
601
613
|
|
|
602
|
-
return t().createElement(Ee().Head, n,
|
|
614
|
+
return t().createElement(Ee().Head, n, l);
|
|
603
615
|
}
|
|
604
616
|
_e.splunkUiType = "Table.Head";
|
|
605
|
-
function
|
|
606
|
-
var r = e.children, n = e.style,
|
|
617
|
+
function Ae(e) {
|
|
618
|
+
var r = e.children, n = e.style, o = Re(e, [ "children", "style" ]);
|
|
607
619
|
|
|
608
|
-
return t().createElement(Ee().HeadCell, xe({},
|
|
620
|
+
return t().createElement(Ee().HeadCell, xe({}, o, {
|
|
609
621
|
align: n === null || n === void 0 ? void 0 : n.textAlign
|
|
610
622
|
}), r);
|
|
611
623
|
}
|
|
612
|
-
|
|
613
|
-
function
|
|
624
|
+
Ae.splunkUiType = "Table.HeadCell";
|
|
625
|
+
function Be(e) {
|
|
614
626
|
var r = e.children, n = Re(e, [ "children" ]);
|
|
615
627
|
|
|
616
628
|
return t().createElement(Ee().Row, n, r);
|
|
617
629
|
}
|
|
618
|
-
|
|
630
|
+
Be.splunkUiType = "Table.Row";
|
|
619
631
|
// CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
|
|
620
|
-
function
|
|
632
|
+
function He(e) {
|
|
621
633
|
"@babel/helpers - typeof";
|
|
622
|
-
return
|
|
634
|
+
return He = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
623
635
|
return typeof e;
|
|
624
636
|
} : function(e) {
|
|
625
637
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
626
|
-
},
|
|
638
|
+
}, He(e);
|
|
627
639
|
}
|
|
628
640
|
function Ue() {
|
|
629
641
|
return Ue = Object.assign ? Object.assign.bind() : function(e) {
|
|
@@ -667,28 +679,28 @@
|
|
|
667
679
|
}
|
|
668
680
|
function Fe(e) {
|
|
669
681
|
var r = ze(e, "string");
|
|
670
|
-
return "symbol" ==
|
|
682
|
+
return "symbol" == He(r) ? r : r + "";
|
|
671
683
|
}
|
|
672
684
|
function ze(e, r) {
|
|
673
|
-
if ("object" !=
|
|
685
|
+
if ("object" != He(e) || !e) return e;
|
|
674
686
|
var n = e[Symbol.toPrimitive];
|
|
675
687
|
if (void 0 !== n) {
|
|
676
688
|
var t = n.call(e, r || "default");
|
|
677
|
-
if ("object" !=
|
|
689
|
+
if ("object" != He(t)) return t;
|
|
678
690
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
679
691
|
}
|
|
680
692
|
return ("string" === r ? String : Number)(e);
|
|
681
693
|
}
|
|
682
694
|
function $e(e, r) {
|
|
683
695
|
if (null == e) return {};
|
|
684
|
-
var n, t,
|
|
696
|
+
var n, t, o = Ge(e, r);
|
|
685
697
|
if (Object.getOwnPropertySymbols) {
|
|
686
|
-
var
|
|
687
|
-
for (t = 0; t <
|
|
688
|
-
n =
|
|
698
|
+
var l = Object.getOwnPropertySymbols(e);
|
|
699
|
+
for (t = 0; t < l.length; t++) {
|
|
700
|
+
n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
|
|
689
701
|
}
|
|
690
702
|
}
|
|
691
|
-
return
|
|
703
|
+
return o;
|
|
692
704
|
}
|
|
693
705
|
function Ge(e, r) {
|
|
694
706
|
if (null == e) return {};
|
|
@@ -713,18 +725,18 @@
|
|
|
713
725
|
/** @public */
|
|
714
726
|
/** @public */
|
|
715
727
|
/** @public */ var Je = {
|
|
716
|
-
blockquoteRenderer:
|
|
717
|
-
codeBlockRenderer:
|
|
718
|
-
codeRenderer:
|
|
719
|
-
elementRef:
|
|
720
|
-
headingRenderer:
|
|
721
|
-
imageRenderer:
|
|
722
|
-
itemRenderer:
|
|
723
|
-
linkRenderer:
|
|
724
|
-
listRenderer:
|
|
725
|
-
paragraphRenderer:
|
|
726
|
-
text:
|
|
727
|
-
rendererOptions:
|
|
728
|
+
blockquoteRenderer: l().func,
|
|
729
|
+
codeBlockRenderer: l().func,
|
|
730
|
+
codeRenderer: l().func,
|
|
731
|
+
elementRef: l().oneOfType([ l().func, l().object ]),
|
|
732
|
+
headingRenderer: l().func,
|
|
733
|
+
imageRenderer: l().func,
|
|
734
|
+
itemRenderer: l().func,
|
|
735
|
+
linkRenderer: l().func,
|
|
736
|
+
listRenderer: l().func,
|
|
737
|
+
paragraphRenderer: l().func,
|
|
738
|
+
text: l().string.isRequired,
|
|
739
|
+
rendererOptions: l().object
|
|
728
740
|
};
|
|
729
741
|
// <pre /> is used to wrap <code /> blocks, but Code already adds a pre tag
|
|
730
742
|
// This custom renderer, removes the default tag from react-markdown to avoid nested pre tags
|
|
@@ -733,48 +745,48 @@
|
|
|
733
745
|
|
|
734
746
|
return t().createElement(t().Fragment, null, r.children);
|
|
735
747
|
};
|
|
736
|
-
var Qe = [
|
|
748
|
+
var Qe = [ u() ];
|
|
737
749
|
/**
|
|
738
750
|
* The `Markdown` component renders the given Markdown text as a React component.
|
|
739
751
|
* The component prefers @splunk/react-ui components over plain HTML components. For example
|
|
740
752
|
* links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
|
|
741
753
|
*/ function Ve(e) {
|
|
742
|
-
var r = e.blockquoteRenderer,
|
|
754
|
+
var r = e.blockquoteRenderer, o = e.codeBlockRenderer, l = e.codeRenderer, i = e.elementRef, c = e.headingRenderer, u = e.imageRenderer, s = e.itemRenderer, d = e.linkRenderer, v = e.listRenderer, y = e.paragraphRenderer, b = e.text, m = e.rendererOptions, O = $e(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
|
|
743
755
|
// @docs-props-type MarkdownPropsBase
|
|
744
756
|
var g = (0, n.useCallback)((function(e) {
|
|
745
757
|
var r, n;
|
|
746
|
-
var i = e.className, a = i === void 0 ? "" : i,
|
|
758
|
+
var i = e.className, a = i === void 0 ? "" : i, c = e.node;
|
|
747
759
|
// react-markdown does not indicate if the element is inline or a codeblock
|
|
748
760
|
// we have to infer this by checking if the node's position
|
|
749
761
|
// is on the same line or across multiple lines
|
|
750
|
-
var
|
|
751
|
-
var f =
|
|
752
|
-
var s =
|
|
762
|
+
var u = c === null || c === void 0 ? void 0 : (r = c.position) === null || r === void 0 ? void 0 : r.start.line;
|
|
763
|
+
var f = c === null || c === void 0 ? void 0 : (n = c.position) === null || n === void 0 ? void 0 : n.end.line;
|
|
764
|
+
var s = u !== undefined && f !== undefined && u === f;
|
|
753
765
|
if (s) {
|
|
754
|
-
return
|
|
766
|
+
return l ? l(Ne({}, e)) : t().createElement(A, e);
|
|
755
767
|
}
|
|
756
768
|
// Languages are passed from `react-markdown` via `classname`
|
|
757
769
|
// Follows react-markdown's README recommendation for handling syntax highlighting
|
|
758
770
|
// https://github.com/remarkjs/react-markdown?tab=readme-ov-file#use-custom-components-syntax-highlight
|
|
759
771
|
var d = (a === null || a === void 0 ? void 0 : a.replace("language-", "")) || undefined;
|
|
760
|
-
return
|
|
772
|
+
return o ? o(Ne({
|
|
761
773
|
language: d
|
|
762
774
|
}, e)) : t().createElement(F, Ue({
|
|
763
775
|
language: d
|
|
764
776
|
}, e));
|
|
765
|
-
}), [
|
|
777
|
+
}), [ o, l ]);
|
|
766
778
|
var h = (0, n.useMemo)((function() {
|
|
767
779
|
return {
|
|
768
780
|
a: d || pe,
|
|
769
781
|
blockquote: r || M,
|
|
770
782
|
code: g,
|
|
771
|
-
h1:
|
|
772
|
-
h2:
|
|
773
|
-
h3:
|
|
774
|
-
h4:
|
|
775
|
-
h5:
|
|
776
|
-
h6:
|
|
777
|
-
img:
|
|
783
|
+
h1: c || V,
|
|
784
|
+
h2: c || V,
|
|
785
|
+
h3: c || V,
|
|
786
|
+
h4: c || V,
|
|
787
|
+
h5: c || V,
|
|
788
|
+
h6: c || V,
|
|
789
|
+
img: u || ee,
|
|
778
790
|
li: s || ie,
|
|
779
791
|
ol: v || Oe,
|
|
780
792
|
p: y || ke,
|
|
@@ -782,21 +794,24 @@
|
|
|
782
794
|
ul: v || Oe,
|
|
783
795
|
table: Ie,
|
|
784
796
|
thead: _e,
|
|
785
|
-
th:
|
|
797
|
+
th: Ae,
|
|
786
798
|
td: Te,
|
|
787
|
-
tr:
|
|
799
|
+
tr: Be,
|
|
788
800
|
tbody: Me
|
|
789
801
|
};
|
|
790
|
-
}), [ r, g,
|
|
802
|
+
}), [ r, g, c, u, s, d, v, y ]);
|
|
803
|
+
var w = (0, n.useMemo)((function() {
|
|
804
|
+
// prettier-ignore
|
|
805
|
+
return {
|
|
806
|
+
pre: (0, f.css)([ ":is(", ")" ], S),
|
|
807
|
+
blockquote: (0, f.css)([ ":is(", ")" ], x)
|
|
808
|
+
};
|
|
809
|
+
}), []);
|
|
791
810
|
|
|
792
811
|
return t().createElement(p(), Ue({
|
|
793
812
|
"data-test": "markdown",
|
|
794
813
|
elementRef: i,
|
|
795
|
-
elementSelectors:
|
|
796
|
-
/* stylelint-disable */
|
|
797
|
-
pre: (0, f.css)([ ":is(", ")" ], S),
|
|
798
|
-
blockquote: (0, f.css)([ ":is(", ")" ], x)
|
|
799
|
-
/* stylelint-enable */ }
|
|
814
|
+
elementSelectors: w
|
|
800
815
|
}, O), t().createElement(a(), Ue({
|
|
801
816
|
remarkPlugins: Qe,
|
|
802
817
|
components: h
|