@splunk/react-ui 4.37.0 → 4.39.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 +131 -153
- package/Anchor.js +50 -58
- package/Animation.js +64 -59
- package/AnimationToggle.js +59 -61
- package/Box.js +59 -67
- package/Breadcrumbs.js +113 -127
- package/Button.js +208 -219
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +50 -1
- package/Calendar.js +353 -414
- package/Card.js +183 -243
- package/CardLayout.js +86 -83
- package/Chip.js +104 -122
- package/Clickable.js +180 -198
- package/CloseButton.js +52 -60
- package/Code.js +24 -31
- package/CollapsiblePanel.js +172 -202
- package/Color.js +1107 -980
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +267 -305
- package/Concertina.js +406 -454
- package/ControlGroup.js +165 -194
- package/Date.js +116 -131
- package/DefinitionList.js +125 -149
- package/Divider.js +81 -79
- package/Dropdown.js +226 -237
- package/DualListbox.js +150 -186
- package/EventListener.js +4 -1
- package/File.js +1032 -955
- package/FormRows.js +281 -334
- package/Heading.js +27 -35
- package/Image.js +101 -116
- package/JSONTree.js +301 -344
- package/Layer.js +118 -126
- package/Link.js +141 -159
- package/List.js +61 -77
- package/MIGRATION.mdx +92 -38
- package/Markdown.js +288 -347
- package/Menu.js +512 -530
- package/Message.js +173 -196
- package/MessageBar.js +58 -66
- package/Modal.js +241 -290
- package/ModalLayer.js +130 -148
- package/Monogram.js +138 -138
- package/Multiselect.js +1600 -1923
- package/Number.js +159 -178
- package/Paginator.js +296 -335
- package/Paragraph.js +24 -32
- package/Popover.js +448 -441
- package/Progress.js +65 -75
- package/RadioBar.js +301 -303
- package/RadioList.js +77 -119
- package/Resize.js +105 -127
- package/ResultsMenu.js +373 -385
- package/ScreenReaderContent.js +130 -94
- package/Scroll.js +209 -244
- package/Search.js +375 -384
- package/Select.js +1076 -1354
- package/SidePanel.js +122 -142
- package/Slider.js +192 -222
- package/SlidingPanels.js +238 -270
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +211 -236
- package/TabBar.js +222 -258
- package/TabLayout.js +114 -139
- package/Table.js +2017 -2180
- package/Text.js +401 -512
- package/TextArea.js +411 -441
- package/Tooltip.js +116 -132
- package/TransitionOpen.js +160 -178
- package/Tree.js +268 -287
- package/Typography.js +48 -52
- package/WaitSpinner.js +60 -68
- package/cypress/support/commands.ts +9 -0
- package/cypress/support/index.d.ts +6 -0
- package/cypress/tsconfig.cypress.json +1 -0
- package/docker-compose.yml +0 -1
- package/package.json +17 -17
- package/types/src/Button/Button.d.ts +20 -6
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +5 -2
- package/types/src/Color/Palette.d.ts +6 -2
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
- package/types/src/Date/Date.d.ts +2 -3
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Link/Link.d.ts +3 -4
- package/types/src/Menu/Item.d.ts +24 -8
- package/types/src/Menu/Menu.d.ts +3 -3
- package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
- package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
- package/types/src/Multiselect/Option.d.ts +2 -0
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Popover/Popover.d.ts +3 -4
- package/types/src/RadioBar/RadioBar.d.ts +2 -2
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
- package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
- package/types/src/Search/Option.d.ts +16 -3
- package/types/src/Select/Option.d.ts +3 -1
- package/types/src/Select/OptionBase.d.ts +7 -5
- package/types/src/Select/Select.d.ts +2 -2
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/Select/SelectBase.d.ts +0 -1
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -3
- package/types/src/Slider/docs/examples/Error.d.ts +2 -0
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- package/types/src/TabBar/Tab.d.ts +1 -1
- package/types/src/TabBar/TabBar.d.ts +3 -1
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/Table.d.ts +0 -1
- package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -2
- package/types/src/Text/IconOutlinedView.d.ts +1 -2
- package/types/src/Text/Text.d.ts +6 -4
- package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
- package/types/src/TextArea/TextArea.d.ts +2 -2
- package/types/src/Tooltip/Tooltip.d.ts +4 -4
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
- package/useForceUpdate.js +30 -32
- package/useKeyPress.js +1 -1
- package/types/src/Button/docs/examples/Selected.d.ts +0 -2
- package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
- package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
- package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
- package/types/src/Slider/docs/examples/prisma/Error.d.ts +0 -2
- package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
- /package/types/src/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
- /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
- /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
- /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/MessageBar.js
CHANGED
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
26
|
/******/ e.d = (r, a) => {
|
|
27
|
-
/******/ for (var
|
|
28
|
-
/******/ if (e.o(a,
|
|
29
|
-
/******/ Object.defineProperty(r,
|
|
27
|
+
/******/ for (var s in a) {
|
|
28
|
+
/******/ if (e.o(a, s) && !e.o(r, s)) {
|
|
29
|
+
/******/ Object.defineProperty(r, s, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: a[
|
|
31
|
+
get: a[s]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -61,20 +61,20 @@
|
|
|
61
61
|
e.r(r);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(r, {
|
|
64
|
-
default: () => /* reexport */
|
|
64
|
+
default: () => /* reexport */ se
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
67
|
const a = require("react");
|
|
68
|
-
var
|
|
68
|
+
var s = e.n(a);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
|
-
const
|
|
71
|
-
var n = e.n(
|
|
70
|
+
const i = require("prop-types");
|
|
71
|
+
var n = e.n(i);
|
|
72
72
|
// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
73
73
|
const o = require("@splunk/react-icons/Cross");
|
|
74
74
|
var t = e.n(o);
|
|
75
75
|
// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
|
|
76
|
-
const
|
|
77
|
-
var
|
|
76
|
+
const l = require("@splunk/react-icons/enterprise/Close");
|
|
77
|
+
var c = e.n(l);
|
|
78
78
|
// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
79
79
|
const p = require("@splunk/react-ui/ScreenReaderContent");
|
|
80
80
|
var d = e.n(p);
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
const m = require("@splunk/react-icons/ExclamationCircle");
|
|
93
93
|
var f = e.n(m);
|
|
94
94
|
// CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
|
|
95
|
-
const
|
|
96
|
-
var
|
|
95
|
+
const k = require("@splunk/react-icons/InformationCircle");
|
|
96
|
+
var x = e.n(k);
|
|
97
97
|
// CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
|
|
98
98
|
const C = require("@splunk/react-icons/ExclamationTriangle");
|
|
99
99
|
var w = e.n(C);
|
|
@@ -105,10 +105,10 @@
|
|
|
105
105
|
var z = e.n(I);
|
|
106
106
|
// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Success"
|
|
107
107
|
const q = require("@splunk/react-icons/enterprise/Success");
|
|
108
|
-
var
|
|
108
|
+
var E = e.n(q);
|
|
109
109
|
// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Warning"
|
|
110
|
-
const
|
|
111
|
-
var B = e.n(
|
|
110
|
+
const O = require("@splunk/react-icons/enterprise/Warning");
|
|
111
|
+
var B = e.n(O);
|
|
112
112
|
// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
113
113
|
const M = require("@splunk/react-ui/Box");
|
|
114
114
|
var j = e.n(M);
|
|
@@ -173,39 +173,39 @@
|
|
|
173
173
|
dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
|
|
174
174
|
}))
|
|
175
175
|
}));
|
|
176
|
-
var
|
|
177
|
-
var
|
|
176
|
+
var P = (0, b.css)([ "margin-left:auto;" ]);
|
|
177
|
+
var $ = g()(y()).withConfig({
|
|
178
178
|
displayName: "MessageBarStyles__StyledCheckCircleIcon",
|
|
179
179
|
componentId: "sc-1uyhzza-2"
|
|
180
|
-
})([ "", "" ],
|
|
180
|
+
})([ "", "" ], P);
|
|
181
181
|
var A = g()(f()).withConfig({
|
|
182
182
|
displayName: "MessageBarStyles__StyledExclamationCircleIcon",
|
|
183
183
|
componentId: "sc-1uyhzza-3"
|
|
184
|
-
})([ "", "" ],
|
|
185
|
-
var L = g()(
|
|
184
|
+
})([ "", "" ], P);
|
|
185
|
+
var L = g()(x()).withConfig({
|
|
186
186
|
displayName: "MessageBarStyles__StyledInformationCircleIcon",
|
|
187
187
|
componentId: "sc-1uyhzza-4"
|
|
188
|
-
})([ "", "" ],
|
|
188
|
+
})([ "", "" ], P);
|
|
189
189
|
var V = g()(w()).withConfig({
|
|
190
190
|
displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
|
|
191
191
|
componentId: "sc-1uyhzza-5"
|
|
192
|
-
})([ "", "" ],
|
|
192
|
+
})([ "", "" ], P);
|
|
193
193
|
var D = g()(_()).withConfig({
|
|
194
194
|
displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
|
|
195
195
|
componentId: "sc-1uyhzza-6"
|
|
196
|
-
})([ "", " color:", ";" ],
|
|
196
|
+
})([ "", " color:", ";" ], P, u.variables.errorColor);
|
|
197
197
|
var H = g()(z()).withConfig({
|
|
198
198
|
displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
|
|
199
199
|
componentId: "sc-1uyhzza-7"
|
|
200
|
-
})([ "", " color:", ";" ],
|
|
201
|
-
var X = g()(
|
|
200
|
+
})([ "", " color:", ";" ], P, u.variables.infoColor);
|
|
201
|
+
var X = g()(E()).withConfig({
|
|
202
202
|
displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
|
|
203
203
|
componentId: "sc-1uyhzza-8"
|
|
204
|
-
})([ "", " color:", ";" ],
|
|
204
|
+
})([ "", " color:", ";" ], P, u.variables.successColor);
|
|
205
205
|
var F = g()(B()).withConfig({
|
|
206
206
|
displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
|
|
207
207
|
componentId: "sc-1uyhzza-9"
|
|
208
|
-
})([ "", " color:", ";" ],
|
|
208
|
+
})([ "", " color:", ";" ], P, u.variables.warningColor);
|
|
209
209
|
var G = g()(j()).withConfig({
|
|
210
210
|
displayName: "MessageBarStyles__MessageBarWrapper",
|
|
211
211
|
componentId: "sc-1uyhzza-10"
|
|
@@ -267,43 +267,35 @@
|
|
|
267
267
|
}));
|
|
268
268
|
// CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
|
|
269
269
|
function J() {
|
|
270
|
-
J = Object.assign
|
|
270
|
+
return J = Object.assign ? Object.assign.bind() : function(e) {
|
|
271
271
|
for (var r = 1; r < arguments.length; r++) {
|
|
272
272
|
var a = arguments[r];
|
|
273
|
-
for (var
|
|
274
|
-
|
|
275
|
-
e[i] = a[i];
|
|
276
|
-
}
|
|
273
|
+
for (var s in a) {
|
|
274
|
+
({}).hasOwnProperty.call(a, s) && (e[s] = a[s]);
|
|
277
275
|
}
|
|
278
276
|
}
|
|
279
277
|
return e;
|
|
280
|
-
};
|
|
281
|
-
return J.apply(this, arguments);
|
|
278
|
+
}, J.apply(null, arguments);
|
|
282
279
|
}
|
|
283
280
|
function K(e, r) {
|
|
284
|
-
if (
|
|
285
|
-
var a = Q(e, r);
|
|
286
|
-
var i, s;
|
|
281
|
+
if (null == e) return {};
|
|
282
|
+
var a, s, i = Q(e, r);
|
|
287
283
|
if (Object.getOwnPropertySymbols) {
|
|
288
284
|
var n = Object.getOwnPropertySymbols(e);
|
|
289
285
|
for (s = 0; s < n.length; s++) {
|
|
290
|
-
|
|
291
|
-
if (r.indexOf(i) >= 0) continue;
|
|
292
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
|
|
293
|
-
a[i] = e[i];
|
|
286
|
+
a = n[s], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
|
|
294
287
|
}
|
|
295
288
|
}
|
|
296
|
-
return
|
|
289
|
+
return i;
|
|
297
290
|
}
|
|
298
291
|
function Q(e, r) {
|
|
299
|
-
if (
|
|
292
|
+
if (null == e) return {};
|
|
300
293
|
var a = {};
|
|
301
|
-
var
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
a[s] = e[s];
|
|
294
|
+
for (var s in e) {
|
|
295
|
+
if ({}.hasOwnProperty.call(e, s)) {
|
|
296
|
+
if (r.includes(s)) continue;
|
|
297
|
+
a[s] = e[s];
|
|
298
|
+
}
|
|
307
299
|
}
|
|
308
300
|
return a;
|
|
309
301
|
}
|
|
@@ -328,19 +320,19 @@
|
|
|
328
320
|
info: L,
|
|
329
321
|
warning: V,
|
|
330
322
|
error: A,
|
|
331
|
-
success:
|
|
323
|
+
success: $
|
|
332
324
|
});
|
|
333
325
|
var re = "24px";
|
|
334
326
|
function ae(e) {
|
|
335
|
-
var r = e.children, a = e.type,
|
|
327
|
+
var r = e.children, a = e.type, i = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
|
|
336
328
|
// @docs-props-type MessageBarPropsBase
|
|
337
|
-
var o = (0, u.useSplunkTheme)(),
|
|
338
|
-
var p =
|
|
339
|
-
var b =
|
|
329
|
+
var o = (0, u.useSplunkTheme)(), l = o.isEnterprise;
|
|
330
|
+
var p = l && a === "error" ? "22px" : re;
|
|
331
|
+
var b = l && a === "warning" ? "21px" : re;
|
|
340
332
|
var g;
|
|
341
|
-
if (
|
|
333
|
+
if (l) {
|
|
342
334
|
var h = Z[a];
|
|
343
|
-
g =
|
|
335
|
+
g = s().createElement(h, {
|
|
344
336
|
height: b,
|
|
345
337
|
width: p,
|
|
346
338
|
hideDefaultTooltip: true,
|
|
@@ -350,7 +342,7 @@
|
|
|
350
342
|
});
|
|
351
343
|
} else {
|
|
352
344
|
var y = ee[a];
|
|
353
|
-
g =
|
|
345
|
+
g = s().createElement(y, {
|
|
354
346
|
height: re,
|
|
355
347
|
width: re,
|
|
356
348
|
variant: "filled",
|
|
@@ -359,34 +351,34 @@
|
|
|
359
351
|
});
|
|
360
352
|
}
|
|
361
353
|
|
|
362
|
-
return
|
|
354
|
+
return s().createElement(G, J({
|
|
363
355
|
$type: a,
|
|
364
356
|
"data-test": "message-bar",
|
|
365
357
|
"data-test-type": a
|
|
366
358
|
}, n, {
|
|
367
359
|
role: "region",
|
|
368
|
-
$hasCloseButton: Boolean(
|
|
369
|
-
}), g,
|
|
360
|
+
$hasCloseButton: Boolean(i)
|
|
361
|
+
}), g, s().createElement(d(), null, Y[a]), s().createElement(T, {
|
|
370
362
|
$type: a,
|
|
371
363
|
"data-test": "content"
|
|
372
|
-
}, r),
|
|
364
|
+
}, r), i && s().createElement(W, {
|
|
373
365
|
$type: a,
|
|
374
|
-
onClick:
|
|
375
|
-
},
|
|
366
|
+
onClick: i
|
|
367
|
+
}, l ? s().createElement(c(), {
|
|
376
368
|
height: "12px",
|
|
377
369
|
hideDefaultTooltip: true,
|
|
378
370
|
screenReaderText: null,
|
|
379
371
|
width: "12px"
|
|
380
|
-
}) :
|
|
372
|
+
}) : s().createElement(t(), {
|
|
381
373
|
height: "19px",
|
|
382
374
|
style: {
|
|
383
375
|
margin: -.5
|
|
384
376
|
},
|
|
385
377
|
width: "19px"
|
|
386
|
-
}),
|
|
378
|
+
}), s().createElement(d(), null, (0, v._)("Close"))));
|
|
387
379
|
}
|
|
388
380
|
ae.propTypes = U;
|
|
389
|
-
/* harmony default export */ const
|
|
381
|
+
/* harmony default export */ const se = ae;
|
|
390
382
|
// CONCATENATED MODULE: ./src/MessageBar/index.ts
|
|
391
383
|
module.exports = r;
|
|
392
384
|
/******/})();
|