@splunk/react-ui 4.26.0 → 4.28.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 (79) hide show
  1. package/Accordion.js +195 -212
  2. package/Box.js +45 -44
  3. package/Button.js +1 -2
  4. package/ButtonSimple.js +145 -147
  5. package/CHANGELOG.md +52 -3
  6. package/CollapsiblePanel.js +555 -325
  7. package/Color.js +3 -1
  8. package/ControlGroup.js +1 -0
  9. package/JSONTree.js +1311 -629
  10. package/MIGRATION.mdx +30 -0
  11. package/Markdown.js +521 -222
  12. package/Modal.js +26 -10
  13. package/Multiselect.js +844 -804
  14. package/Paginator.js +593 -271
  15. package/TabBar.js +487 -312
  16. package/Table.js +903 -869
  17. package/Text.js +30 -40
  18. package/TextArea.js +372 -432
  19. package/Tree.js +607 -519
  20. package/package.json +4 -2
  21. package/types/src/Accordion/Accordion.d.ts +2 -2
  22. package/types/src/Accordion/AccordionContext.d.ts +2 -3
  23. package/types/src/Box/Box.d.ts +3 -2
  24. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +49 -15
  25. package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts +62 -0
  26. package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts +9 -0
  27. package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts +2 -2
  28. package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupControlled.d.ts +2 -0
  29. package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupUncontrolled.d.ts +2 -0
  30. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +7 -5
  31. package/types/src/File/docs/examples/FullScreen.d.ts +1 -14
  32. package/types/src/JSONTree/JSONTreeItem.d.ts +45 -0
  33. package/types/src/JSONTree/renderTreeItems.d.ts +17 -0
  34. package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +1 -1
  35. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
  36. package/types/src/Markdown/renderers/MarkdownCode.d.ts +1 -1
  37. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
  38. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  39. package/types/src/Markdown/renderers/MarkdownImage.d.ts +1 -1
  40. package/types/src/Markdown/renderers/MarkdownItem.d.ts +1 -1
  41. package/types/src/Markdown/renderers/MarkdownList.d.ts +1 -1
  42. package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +1 -1
  43. package/types/src/Modal/Modal.d.ts +4 -5
  44. package/types/src/Multiselect/Normal.d.ts +1 -0
  45. package/types/src/Paginator/Button.d.ts +8 -3
  46. package/types/src/Paginator/Compact.d.ts +50 -0
  47. package/types/src/Paginator/PageControl.d.ts +37 -0
  48. package/types/src/Paginator/PageSelect.d.ts +32 -0
  49. package/types/src/Paginator/Paginator.d.ts +9 -4
  50. package/types/src/Paginator/docs/examples/Compact.d.ts +2 -0
  51. package/types/src/Paginator/docs/examples/CompactCustomLabel.d.ts +2 -0
  52. package/types/src/Paginator/docs/examples/CompactWithLabel.d.ts +2 -0
  53. package/types/src/Paginator/docs/examples/Labelled.d.ts +2 -0
  54. package/types/src/Paginator/docs/examples/PageControl.d.ts +2 -0
  55. package/types/src/Paginator/icons/ChevronLeft.d.ts +5 -0
  56. package/types/src/Paginator/icons/ChevronRight.d.ts +5 -0
  57. package/types/src/SlidingPanels/docs/examples/Modal.d.ts +1 -13
  58. package/types/src/TabBar/Tab.d.ts +12 -2
  59. package/types/src/TabBar/TabBar.d.ts +4 -3
  60. package/types/src/TabBar/TabBarContext.d.ts +6 -1
  61. package/types/src/Table/Cell.d.ts +3 -1
  62. package/types/src/Table/Head.d.ts +2 -2
  63. package/types/src/Table/HeadCell.d.ts +2 -0
  64. package/types/src/Table/Row.d.ts +4 -2
  65. package/types/src/Table/Table.d.ts +1 -1
  66. package/types/src/Table/Toggle.d.ts +4 -4
  67. package/types/src/TextArea/TextArea.d.ts +3 -2
  68. package/types/src/TextArea/icons/ClearButton.d.ts +3 -0
  69. package/types/src/TextArea/icons/SearchIcon.d.ts +1 -0
  70. package/types/src/Tree/TreeContext.d.ts +2 -1
  71. package/types/src/Tree/TreeItem.d.ts +18 -5
  72. package/types/src/fixtures/text.d.ts +1 -0
  73. package/types/src/CollapsiblePanel/docs/examples/prisma/BasicControlled.d.ts +0 -2
  74. package/types/src/CollapsiblePanel/docs/examples/prisma/BasicUncontrolled.d.ts +0 -2
  75. package/types/src/CollapsiblePanel/docs/examples/prisma/Content.d.ts +0 -1
  76. package/types/src/CollapsiblePanel/docs/examples/prisma/MultiControlled.d.ts +0 -2
  77. package/types/src/CollapsiblePanel/docs/examples/prisma/MultiUncontrolled.d.ts +0 -2
  78. package/types/src/JSONTree/JSONTreeContext.d.ts +0 -7
  79. package/types/src/JSONTree/TreeNode.d.ts +0 -44
package/Box.js CHANGED
@@ -8,27 +8,27 @@
8
8
  /******/ /* webpack/runtime/compat get default export */
9
9
  /******/ (() => {
10
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
- /******/ e.n = n => {
12
- /******/ var t = n && n.__esModule ?
13
- /******/ () => n["default"]
14
- /******/ : () => n
11
+ /******/ e.n = t => {
12
+ /******/ var n = t && t.__esModule ?
13
+ /******/ () => t["default"]
14
+ /******/ : () => t
15
15
  /******/;
16
- e.d(t, {
17
- a: t
16
+ e.d(n, {
17
+ a: n
18
18
  });
19
- /******/ return t;
19
+ /******/ return n;
20
20
  /******/ };
21
21
  /******/ })();
22
22
  /******/
23
23
  /******/ /* webpack/runtime/define property getters */
24
24
  /******/ (() => {
25
25
  /******/ // define getter functions for harmony exports
26
- /******/ e.d = (n, t) => {
27
- /******/ for (var r in t) {
28
- /******/ if (e.o(t, r) && !e.o(n, r)) {
29
- /******/ Object.defineProperty(n, r, {
26
+ /******/ e.d = (t, n) => {
27
+ /******/ for (var r in n) {
28
+ /******/ if (e.o(n, r) && !e.o(t, r)) {
29
+ /******/ Object.defineProperty(t, r, {
30
30
  enumerable: true,
31
- get: t[r]
31
+ get: n[r]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -37,7 +37,7 @@
37
37
  /******/
38
38
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
39
  /******/ (() => {
40
- /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
40
+ /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
41
41
  /******/;
42
42
  })();
43
43
  /******/
@@ -56,16 +56,16 @@
56
56
  /******/ };
57
57
  /******/ })();
58
58
  /******/
59
- /************************************************************************/ var n = {};
59
+ /************************************************************************/ var t = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(n);
61
+ e.r(t);
62
62
  // EXPORTS
63
- e.d(n, {
63
+ e.d(t, {
64
64
  default: () => /* reexport */ v
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const t = require("react");
68
- var r = e.n(t);
67
+ const n = require("react");
68
+ var r = e.n(n);
69
69
  // CONCATENATED MODULE: external "prop-types"
70
70
  const i = require("prop-types");
71
71
  var l = e.n(i);
@@ -75,51 +75,51 @@
75
75
  // CONCATENATED MODULE: external "@splunk/themes"
76
76
  const f = require("@splunk/themes");
77
77
  // CONCATENATED MODULE: ./src/Box/BoxStyles.ts
78
- var c = a().div.withConfig({
78
+ var d = a().div.withConfig({
79
79
  displayName: "BoxStyles__Styled",
80
80
  componentId: "sc-1h4b5f6-0"
81
81
  })([ "", ";align-items:stretch;align-content:stretch;flex-flow:row nowrap;flex-grow:0;flex-shrink:0;justify-content:flex-start;width:auto;max-width:100%;@media all and (-ms-high-contrast:none){max-width:calc(100% - 0.01px);}&[data-inline]{display:inline-block;vertical-align:middle;}&[data-flex]{display:flex;}&[data-flex][data-inline]{display:inline-flex;}" ], f.mixins.reset("block"));
82
82
  // CONCATENATED MODULE: ./src/Box/Box.tsx
83
- function d() {
84
- d = Object.assign || function(e) {
85
- for (var n = 1; n < arguments.length; n++) {
86
- var t = arguments[n];
87
- for (var r in t) {
88
- if (Object.prototype.hasOwnProperty.call(t, r)) {
89
- e[r] = t[r];
83
+ function c() {
84
+ c = Object.assign || function(e) {
85
+ for (var t = 1; t < arguments.length; t++) {
86
+ var n = arguments[t];
87
+ for (var r in n) {
88
+ if (Object.prototype.hasOwnProperty.call(n, r)) {
89
+ e[r] = n[r];
90
90
  }
91
91
  }
92
92
  }
93
93
  return e;
94
94
  };
95
- return d.apply(this, arguments);
95
+ return c.apply(this, arguments);
96
96
  }
97
- function s(e, n) {
97
+ function s(e, t) {
98
98
  if (e == null) return {};
99
- var t = u(e, n);
99
+ var n = u(e, t);
100
100
  var r, i;
101
101
  if (Object.getOwnPropertySymbols) {
102
102
  var l = Object.getOwnPropertySymbols(e);
103
103
  for (i = 0; i < l.length; i++) {
104
104
  r = l[i];
105
- if (n.indexOf(r) >= 0) continue;
105
+ if (t.indexOf(r) >= 0) continue;
106
106
  if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
107
- t[r] = e[r];
107
+ n[r] = e[r];
108
108
  }
109
109
  }
110
- return t;
110
+ return n;
111
111
  }
112
- function u(e, n) {
112
+ function u(e, t) {
113
113
  if (e == null) return {};
114
- var t = {};
114
+ var n = {};
115
115
  var r = Object.keys(e);
116
116
  var i, l;
117
117
  for (l = 0; l < r.length; l++) {
118
118
  i = r[l];
119
- if (n.indexOf(i) >= 0) continue;
120
- t[i] = e[i];
119
+ if (t.indexOf(i) >= 0) continue;
120
+ n[i] = e[i];
121
121
  }
122
- return t;
122
+ return n;
123
123
  }
124
124
  var p = {
125
125
  children: l().node,
@@ -130,17 +130,18 @@
130
130
  /**
131
131
  * Box is a utility component to normalize and abstract common layout styles.
132
132
  */ function y(e) {
133
- var n = e.children, t = e.elementRef, i = e.flex, l = i === void 0 ? false : i, o = e.inline, a = o === void 0 ? false : o, f = s(e, [ "children", "elementRef", "flex", "inline" ]);
133
+ var t = e.children, n = e.elementRef, i = e.flex, l = i === void 0 ? false : i, o = e.tag, a = o === void 0 ? "div" : o, f = e.inline, u = f === void 0 ? false : f, p = s(e, [ "children", "elementRef", "flex", "tag", "inline" ]);
134
134
 
135
- return r().createElement(c, d({
136
- ref: t
137
- }, f, {
138
- "data-inline": a || undefined,
135
+ return r().createElement(d, c({
136
+ as: a,
137
+ ref: n
138
+ }, p, {
139
+ "data-inline": u || undefined,
139
140
  "data-flex": l || undefined
140
- }), n);
141
+ }), t);
141
142
  }
142
143
  y.propTypes = p;
143
144
  /* harmony default export */ const v = y;
144
145
  // CONCATENATED MODULE: ./src/Box/index.ts
145
- module.exports = n;
146
+ module.exports = t;
146
147
  /******/})();
package/Button.js CHANGED
@@ -450,7 +450,6 @@
450
450
  var E = S && w || m || !!f;
451
451
 
452
452
  return r().createElement(y, T({
453
- "aria-disabled": p === "dimmed" || undefined,
454
453
  "aria-haspopup": m || undefined,
455
454
  "aria-invalid": u || undefined,
456
455
  "data-test": "button"
@@ -466,7 +465,7 @@
466
465
  $isIconOnly: I,
467
466
  $isMenu: m,
468
467
  value: O,
469
- onClick: g && !p ? this.handleClick : undefined,
468
+ onClick: g ? this.handleClick : undefined,
470
469
  ref: this.handleMount,
471
470
  openInNewContext: w,
472
471
  appearance: i