@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.
Files changed (114) hide show
  1. package/Accordion.js +31 -31
  2. package/Avatar.js +64 -59
  3. package/Box.js +2 -1
  4. package/Breadcrumbs.js +66 -63
  5. package/ButtonSimple.js +52 -52
  6. package/CHANGELOG.md +47 -0
  7. package/Calendar.js +8 -4
  8. package/CardLayout.js +39 -36
  9. package/Checkbox.d.ts +2 -0
  10. package/Checkbox.js +350 -0
  11. package/Clickable.js +5 -6
  12. package/Code.js +451 -536
  13. package/CollapsiblePanel.js +184 -210
  14. package/Color.js +903 -1023
  15. package/ControlGroup.js +2 -1
  16. package/Date.js +123 -119
  17. package/DefinitionList.js +100 -77
  18. package/Dropdown.js +2 -2
  19. package/DualListbox.js +409 -353
  20. package/File.js +102 -99
  21. package/FormRows.js +13 -11
  22. package/JSONTree.js +679 -1391
  23. package/Link.js +7 -7
  24. package/MIGRATION.md +27 -0
  25. package/Markdown.js +171 -156
  26. package/Menu.js +107 -100
  27. package/Modal.js +3 -3
  28. package/Multiselect.js +2698 -2767
  29. package/Paginator.js +2 -1
  30. package/Popover.js +201 -196
  31. package/Resize.js +11 -8
  32. package/ResultsMenu.js +913 -1029
  33. package/ScreenReaderContent.js +86 -130
  34. package/Scroll.js +366 -424
  35. package/Search.js +131 -127
  36. package/Select.js +1741 -1831
  37. package/Slider.js +1 -1
  38. package/SlidingPanels.js +129 -127
  39. package/StepBar.js +123 -97
  40. package/Switch.js +214 -242
  41. package/TabBar.js +10 -10
  42. package/Table.js +1255 -1248
  43. package/Text.js +180 -206
  44. package/TextArea.js +596 -675
  45. package/Tooltip.js +144 -139
  46. package/Tree.js +638 -682
  47. package/package.json +15 -16
  48. package/tsconfig.check-docs.json +8 -0
  49. package/types/src/Avatar/docs/examples/Basic.d.ts +1 -1
  50. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
  51. package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
  52. package/types/src/Breadcrumbs/Item.d.ts +1 -1
  53. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  54. package/types/src/Checkbox/Checkbox.d.ts +90 -0
  55. package/types/src/Checkbox/docs/examples/Basic.d.ts +7 -0
  56. package/types/src/Checkbox/docs/examples/Disabled.d.ts +6 -0
  57. package/types/src/Checkbox/docs/examples/Error.d.ts +6 -0
  58. package/types/src/Checkbox/docs/examples/Uncontrolled.d.ts +7 -0
  59. package/types/src/Checkbox/index.d.ts +2 -0
  60. package/types/src/Code/Code.d.ts +4 -1
  61. package/types/src/Code/LineHighlights.d.ts +1 -0
  62. package/types/src/Code/LineNumbers.d.ts +2 -1
  63. package/types/src/Code/docs/examples/CustomizeContainer.d.ts +7 -0
  64. package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +3 -3
  65. package/types/src/Date/Date.d.ts +7 -1
  66. package/types/src/DefinitionList/DefinitionList.d.ts +7 -2
  67. package/types/src/DefinitionList/DefinitionListContext.d.ts +1 -1
  68. package/types/src/DefinitionList/docs/examples/StackedLayout.d.ts +6 -0
  69. package/types/src/DualListbox/DualListbox.d.ts +1 -1
  70. package/types/src/DualListbox/Label.d.ts +7 -7
  71. package/types/src/DualListbox/Listbox.d.ts +2 -2
  72. package/types/src/DualListbox/ListboxContext.d.ts +1 -1
  73. package/types/src/File/File.d.ts +7 -1
  74. package/types/src/JSONTree/JSONTreeItem.d.ts +5 -3
  75. package/types/src/JSONTree/renderTreeItems.d.ts +3 -2
  76. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +2 -1
  77. package/types/src/Menu/docs/examples/Dimmed.d.ts +1 -1
  78. package/types/src/Menu/docs/examples/Disabled.d.ts +1 -0
  79. package/types/src/Modal/ModalContext.d.ts +1 -1
  80. package/types/src/Multiselect/Compact.d.ts +9 -3
  81. package/types/src/Multiselect/Multiselect.d.ts +7 -1
  82. package/types/src/Multiselect/Normal.d.ts +9 -3
  83. package/types/src/Number/utils.d.ts +1 -1
  84. package/types/src/Popover/getPlacement.d.ts +1 -1
  85. package/types/src/RadioList/Option.d.ts +1 -1
  86. package/types/src/RadioList/RadioListContext.d.ts +1 -1
  87. package/types/src/Search/Search.d.ts +5 -1
  88. package/types/src/StepBar/StepBar.d.ts +4 -1
  89. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  90. package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
  91. package/types/src/Switch/Switch.d.ts +13 -1
  92. package/types/src/Switch/docs/examples/Basic.d.ts +2 -10
  93. package/types/src/Switch/docs/examples/Disabled.d.ts +2 -9
  94. package/types/src/TabBar/Tab.d.ts +3 -1
  95. package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
  96. package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
  97. package/types/src/TabLayout/Panel.d.ts +2 -0
  98. package/types/src/Table/ExpandButton.d.ts +1 -1
  99. package/types/src/Table/Head.d.ts +1 -1
  100. package/types/src/Table/Row.d.ts +1 -1
  101. package/types/src/Table/Table.d.ts +1 -0
  102. package/types/src/Tooltip/Tooltip.d.ts +14 -1
  103. package/types/src/Tree/TreeContext.d.ts +1 -1
  104. package/useControlled.js +61 -97
  105. package/usePrevious.js +30 -62
  106. package/useResizeObserver.js +95 -127
  107. package/NonInteractiveCheckbox.js +0 -101
  108. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +0 -12
  109. package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +0 -22
  110. package/types/src/NonInteractiveCheckbox/index.d.ts +0 -1
  111. package/types/src/Switch/docs/examples/Error.d.ts +0 -6
  112. package/types/src/Text/IconOutlinedHide.d.ts +0 -3
  113. package/types/src/Text/IconOutlinedView.d.ts +0 -3
  114. /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 */ B,
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 l = require("prop-types");
81
- var o = e.n(l);
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 u = require("remark-gfm");
87
- var c = e.n(u);
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, l = O(e, r);
111
+ var n, t, o = O(e, r);
112
112
  if (Object.getOwnPropertySymbols) {
113
- var o = Object.getOwnPropertySymbols(e);
114
- for (t = 0; t < o.length; t++) {
115
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = m(e, [ "level", "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
- }, l), t().createElement(y(), {
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, l = q(e, r);
196
+ var n, t, o = q(e, r);
195
197
  if (Object.getOwnPropertySymbols) {
196
- var o = Object.getOwnPropertySymbols(e);
197
- for (t = 0; t < o.length; t++) {
198
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = C(e, r);
226
+ var n, t, o = C(e, r);
224
227
  if (Object.getOwnPropertySymbols) {
225
- var o = Object.getOwnPropertySymbols(e);
226
- for (t = 0; t < o.length; t++) {
227
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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 B = _;
252
+ /* harmony default export */ const A = _;
249
253
  // CONCATENATED MODULE: external "@splunk/react-ui/Code"
250
- const H = require("@splunk/react-ui/Code");
251
- var A = e.n(H);
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, l = N(e, r);
261
+ var n, t, o = N(e, r);
258
262
  if (Object.getOwnPropertySymbols) {
259
- var o = Object.getOwnPropertySymbols(e);
260
- for (t = 0; t < o.length; t++) {
261
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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.language, l = L(e, [ "children", "language" ]);
279
-
280
- return t().createElement(S, l, t().createElement(A(), {
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
- language: n,
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, l = K(e, r);
310
+ var n, t, o = K(e, r);
305
311
  if (Object.getOwnPropertySymbols) {
306
- var o = Object.getOwnPropertySymbols(e);
307
- for (t = 0; t < o.length; t++) {
308
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = J(e, [ "level", "children" ]);
326
- var o = Math.min(r, 6);
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: o
330
- }, l), n);
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, l = Y(e, r);
354
+ var n, t, o = Y(e, r);
348
355
  if (Object.getOwnPropertySymbols) {
349
- var o = Object.getOwnPropertySymbols(e);
350
- for (t = 0; t < o.length; t++) {
351
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = e.alt, o = X(e, [ "src", "title", "alt" ]);
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: l
374
- }, o));
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, l = le(e, r);
391
+ var n, t, o = oe(e, r);
384
392
  if (Object.getOwnPropertySymbols) {
385
- var o = Object.getOwnPropertySymbols(e);
386
- for (t = 0; t < o.length; t++) {
387
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
398
+ return o;
391
399
  }
392
- function le(e, r) {
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 oe(e) {
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 = oe;
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 ue = e.n(ae);
420
+ var ce = e.n(ae);
412
421
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
413
- function ce() {
414
- return ce = Object.assign ? Object.assign.bind() : function(e) {
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
- }, ce.apply(null, arguments);
431
+ }, ue.apply(null, arguments);
423
432
  }
424
433
  function fe(e, r) {
425
434
  if (null == e) return {};
426
- var n, t, l = se(e, r);
435
+ var n, t, o = se(e, r);
427
436
  if (Object.getOwnPropertySymbols) {
428
- var o = Object.getOwnPropertySymbols(e);
429
- for (t = 0; t < o.length; t++) {
430
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = fe(e, [ "children", "href" ]);
448
-
449
- return t().createElement(ue(), ce({
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
- }, l), r);
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, l = be(e, r);
478
+ var n, t, o = be(e, r);
469
479
  if (Object.getOwnPropertySymbols) {
470
- var o = Object.getOwnPropertySymbols(e);
471
- for (t = 0; t < o.length; t++) {
472
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = ye(e, [ "children", "ordered" ]);
490
-
491
- return t().createElement(ne(), ve({}, l, {
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, l = Pe(e, r);
513
+ var n, t, o = Pe(e, r);
503
514
  if (Object.getOwnPropertySymbols) {
504
- var o = Object.getOwnPropertySymbols(e);
505
- for (t = 0; t < o.length; t++) {
506
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = qe(e, r);
557
+ var n, t, o = qe(e, r);
546
558
  if (Object.getOwnPropertySymbols) {
547
- var o = Object.getOwnPropertySymbols(e);
548
- for (t = 0; t < o.length; t++) {
549
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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, l = Re(e, [ "children", "style" ]);
590
+ var r = e.children, n = e.style, o = Re(e, [ "children", "style" ]);
579
591
 
580
- return t().createElement(Ee().Cell, xe({}, l, {
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 l = r[0];
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 o;
598
- if (Ce(l)) {
599
- o = l.props.children;
609
+ var l;
610
+ if (Ce(o)) {
611
+ l = o.props.children;
600
612
  }
601
613
 
602
- return t().createElement(Ee().Head, n, o);
614
+ return t().createElement(Ee().Head, n, l);
603
615
  }
604
616
  _e.splunkUiType = "Table.Head";
605
- function Be(e) {
606
- var r = e.children, n = e.style, l = Re(e, [ "children", "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({}, l, {
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
- Be.splunkUiType = "Table.HeadCell";
613
- function He(e) {
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
- He.splunkUiType = "Table.Row";
630
+ Be.splunkUiType = "Table.Row";
619
631
  // CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
620
- function Ae(e) {
632
+ function He(e) {
621
633
  "@babel/helpers - typeof";
622
- return Ae = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
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
- }, Ae(e);
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" == Ae(r) ? r : r + "";
682
+ return "symbol" == He(r) ? r : r + "";
671
683
  }
672
684
  function ze(e, r) {
673
- if ("object" != Ae(e) || !e) return e;
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" != Ae(t)) return t;
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, l = Ge(e, r);
696
+ var n, t, o = Ge(e, r);
685
697
  if (Object.getOwnPropertySymbols) {
686
- var o = Object.getOwnPropertySymbols(e);
687
- for (t = 0; t < o.length; t++) {
688
- n = o[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (l[n] = e[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 l;
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: o().func,
717
- codeBlockRenderer: o().func,
718
- codeRenderer: o().func,
719
- elementRef: o().oneOfType([ o().func, o().object ]),
720
- headingRenderer: o().func,
721
- imageRenderer: o().func,
722
- itemRenderer: o().func,
723
- linkRenderer: o().func,
724
- listRenderer: o().func,
725
- paragraphRenderer: o().func,
726
- text: o().string.isRequired,
727
- rendererOptions: o().object
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 = [ c() ];
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, l = e.codeBlockRenderer, o = e.codeRenderer, i = e.elementRef, u = e.headingRenderer, c = 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" ]);
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, u = e.node;
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 c = u === null || u === void 0 ? void 0 : (r = u.position) === null || r === void 0 ? void 0 : r.start.line;
751
- var f = u === null || u === void 0 ? void 0 : (n = u.position) === null || n === void 0 ? void 0 : n.end.line;
752
- var s = c !== undefined && f !== undefined && c === f;
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 o ? o(Ne({}, e)) : t().createElement(B, e);
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 l ? l(Ne({
772
+ return o ? o(Ne({
761
773
  language: d
762
774
  }, e)) : t().createElement(F, Ue({
763
775
  language: d
764
776
  }, e));
765
- }), [ l, o ]);
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: u || V,
772
- h2: u || V,
773
- h3: u || V,
774
- h4: u || V,
775
- h5: u || V,
776
- h6: u || V,
777
- img: c || ee,
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: Be,
797
+ th: Ae,
786
798
  td: Te,
787
- tr: He,
799
+ tr: Be,
788
800
  tbody: Me
789
801
  };
790
- }), [ r, g, u, c, s, d, v, y ]);
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