@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.
- package/Accordion.js +195 -212
- package/Box.js +45 -44
- package/Button.js +1 -2
- package/ButtonSimple.js +145 -147
- package/CHANGELOG.md +52 -3
- package/CollapsiblePanel.js +555 -325
- package/Color.js +3 -1
- package/ControlGroup.js +1 -0
- package/JSONTree.js +1311 -629
- package/MIGRATION.mdx +30 -0
- package/Markdown.js +521 -222
- package/Modal.js +26 -10
- package/Multiselect.js +844 -804
- package/Paginator.js +593 -271
- package/TabBar.js +487 -312
- package/Table.js +903 -869
- package/Text.js +30 -40
- package/TextArea.js +372 -432
- package/Tree.js +607 -519
- package/package.json +4 -2
- package/types/src/Accordion/Accordion.d.ts +2 -2
- package/types/src/Accordion/AccordionContext.d.ts +2 -3
- package/types/src/Box/Box.d.ts +3 -2
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +49 -15
- package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts +62 -0
- package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts +9 -0
- package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts +2 -2
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupControlled.d.ts +2 -0
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupUncontrolled.d.ts +2 -0
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +7 -5
- package/types/src/File/docs/examples/FullScreen.d.ts +1 -14
- package/types/src/JSONTree/JSONTreeItem.d.ts +45 -0
- package/types/src/JSONTree/renderTreeItems.d.ts +17 -0
- package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownCode.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownImage.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownItem.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownList.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +1 -1
- package/types/src/Modal/Modal.d.ts +4 -5
- package/types/src/Multiselect/Normal.d.ts +1 -0
- package/types/src/Paginator/Button.d.ts +8 -3
- package/types/src/Paginator/Compact.d.ts +50 -0
- package/types/src/Paginator/PageControl.d.ts +37 -0
- package/types/src/Paginator/PageSelect.d.ts +32 -0
- package/types/src/Paginator/Paginator.d.ts +9 -4
- package/types/src/Paginator/docs/examples/Compact.d.ts +2 -0
- package/types/src/Paginator/docs/examples/CompactCustomLabel.d.ts +2 -0
- package/types/src/Paginator/docs/examples/CompactWithLabel.d.ts +2 -0
- package/types/src/Paginator/docs/examples/Labelled.d.ts +2 -0
- package/types/src/Paginator/docs/examples/PageControl.d.ts +2 -0
- package/types/src/Paginator/icons/ChevronLeft.d.ts +5 -0
- package/types/src/Paginator/icons/ChevronRight.d.ts +5 -0
- package/types/src/SlidingPanels/docs/examples/Modal.d.ts +1 -13
- package/types/src/TabBar/Tab.d.ts +12 -2
- package/types/src/TabBar/TabBar.d.ts +4 -3
- package/types/src/TabBar/TabBarContext.d.ts +6 -1
- package/types/src/Table/Cell.d.ts +3 -1
- package/types/src/Table/Head.d.ts +2 -2
- package/types/src/Table/HeadCell.d.ts +2 -0
- package/types/src/Table/Row.d.ts +4 -2
- package/types/src/Table/Table.d.ts +1 -1
- package/types/src/Table/Toggle.d.ts +4 -4
- package/types/src/TextArea/TextArea.d.ts +3 -2
- package/types/src/TextArea/icons/ClearButton.d.ts +3 -0
- package/types/src/TextArea/icons/SearchIcon.d.ts +1 -0
- package/types/src/Tree/TreeContext.d.ts +2 -1
- package/types/src/Tree/TreeItem.d.ts +18 -5
- package/types/src/fixtures/text.d.ts +1 -0
- package/types/src/CollapsiblePanel/docs/examples/prisma/BasicControlled.d.ts +0 -2
- package/types/src/CollapsiblePanel/docs/examples/prisma/BasicUncontrolled.d.ts +0 -2
- package/types/src/CollapsiblePanel/docs/examples/prisma/Content.d.ts +0 -1
- package/types/src/CollapsiblePanel/docs/examples/prisma/MultiControlled.d.ts +0 -2
- package/types/src/CollapsiblePanel/docs/examples/prisma/MultiUncontrolled.d.ts +0 -2
- package/types/src/JSONTree/JSONTreeContext.d.ts +0 -7
- 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 =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = t => {
|
|
12
|
+
/******/ var n = t && t.__esModule ?
|
|
13
|
+
/******/ () => t["default"]
|
|
14
|
+
/******/ : () => t
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(n, {
|
|
17
|
+
a: n
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
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 = (
|
|
27
|
-
/******/ for (var r in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
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:
|
|
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,
|
|
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
|
|
59
|
+
/************************************************************************/ var t = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
63
|
+
e.d(t, {
|
|
64
64
|
default: () => /* reexport */ v
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
|
-
const
|
|
68
|
-
var r = e.n(
|
|
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
|
|
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
|
|
84
|
-
|
|
85
|
-
for (var
|
|
86
|
-
var
|
|
87
|
-
for (var r in
|
|
88
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
89
|
-
e[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
|
|
95
|
+
return c.apply(this, arguments);
|
|
96
96
|
}
|
|
97
|
-
function s(e,
|
|
97
|
+
function s(e, t) {
|
|
98
98
|
if (e == null) return {};
|
|
99
|
-
var
|
|
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 (
|
|
105
|
+
if (t.indexOf(r) >= 0) continue;
|
|
106
106
|
if (!Object.prototype.propertyIsEnumerable.call(e, r)) continue;
|
|
107
|
-
|
|
107
|
+
n[r] = e[r];
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
|
-
return
|
|
110
|
+
return n;
|
|
111
111
|
}
|
|
112
|
-
function u(e,
|
|
112
|
+
function u(e, t) {
|
|
113
113
|
if (e == null) return {};
|
|
114
|
-
var
|
|
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 (
|
|
120
|
-
|
|
119
|
+
if (t.indexOf(i) >= 0) continue;
|
|
120
|
+
n[i] = e[i];
|
|
121
121
|
}
|
|
122
|
-
return
|
|
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
|
|
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(
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
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
|
-
}),
|
|
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 =
|
|
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
|
|
468
|
+
onClick: g ? this.handleClick : undefined,
|
|
470
469
|
ref: this.handleMount,
|
|
471
470
|
openInNewContext: w,
|
|
472
471
|
appearance: i
|