@splunk/react-ui 4.38.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 +151 -169
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +28 -0
- 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 +371 -412
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +266 -303
- 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 +506 -532
- 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 +1589 -1902
- 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 +50 -58
- package/Scroll.js +209 -244
- package/Search.js +379 -391
- package/Select.js +1077 -1345
- package/SidePanel.js +122 -142
- package/Slider.js +132 -145
- package/SlidingPanels.js +238 -270
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +176 -205
- package/TabBar.js +222 -258
- package/TabLayout.js +114 -139
- package/Table.js +2017 -2180
- package/Text.js +379 -493
- 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 +14 -14
- package/types/src/Button/Button.d.ts +5 -1
- 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 +2 -2
- package/types/src/Color/Palette.d.ts +4 -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 -2
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Menu/Item.d.ts +18 -5
- 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 +9 -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 +1 -1
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- package/types/src/Switch/Switch.d.ts +0 -1
- 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 +2 -2
- 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/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/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/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/Progress.js
CHANGED
|
@@ -67,16 +67,16 @@
|
|
|
67
67
|
const a = require("react");
|
|
68
68
|
var t = r.n(a);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
|
-
const
|
|
71
|
-
var
|
|
70
|
+
const n = require("prop-types");
|
|
71
|
+
var i = r.n(n);
|
|
72
72
|
// CONCATENATED MODULE: external "lodash/isNumber"
|
|
73
73
|
const o = require("lodash/isNumber");
|
|
74
74
|
var s = r.n(o);
|
|
75
75
|
// CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
|
|
76
|
-
const
|
|
76
|
+
const l = require("@splunk/react-ui/AnimationToggle");
|
|
77
77
|
// CONCATENATED MODULE: external "styled-components"
|
|
78
|
-
const
|
|
79
|
-
var u = r.n(
|
|
78
|
+
const c = require("styled-components");
|
|
79
|
+
var u = r.n(c);
|
|
80
80
|
// CONCATENATED MODULE: external "tinycolor2"
|
|
81
81
|
const p = require("tinycolor2");
|
|
82
82
|
var v = r.n(p);
|
|
@@ -126,9 +126,9 @@
|
|
|
126
126
|
prisma: "10px"
|
|
127
127
|
}), (function(r) {
|
|
128
128
|
var e = r.$animated;
|
|
129
|
-
return e && (0,
|
|
129
|
+
return e && (0, c.css)([ "transition:width 300ms;" ]);
|
|
130
130
|
}), (0, g.pick)({
|
|
131
|
-
enterprise: (0,
|
|
131
|
+
enterprise: (0, c.css)([ "border-right:1px solid ", ";" ], (0, g.pickVariant)("$type", {
|
|
132
132
|
info: {
|
|
133
133
|
enterprise: g.variables.accentColorD10,
|
|
134
134
|
prisma: g.variables.interactiveColorPrimary
|
|
@@ -148,8 +148,8 @@
|
|
|
148
148
|
}
|
|
149
149
|
}))
|
|
150
150
|
}));
|
|
151
|
-
var h = (0,
|
|
152
|
-
var k = (0,
|
|
151
|
+
var h = (0, c.keyframes)([ "from{opacity:0;}to{opacity:1;}" ]);
|
|
152
|
+
var k = (0, c.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
|
|
153
153
|
var w = u().div.withConfig({
|
|
154
154
|
displayName: "ProgressStyles__StyledPuck",
|
|
155
155
|
componentId: "csowex-2"
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
// warning not supported in enterprise, fallback to info
|
|
183
183
|
error: g.variables.errorColorL30
|
|
184
184
|
});
|
|
185
|
-
return (0,
|
|
185
|
+
return (0, c.css)([ "background:linear-gradient( 90deg,", ",", ",30%,", ",60%,", ",95%,", ",98%,", " );" ], e, a, t, t, a, e);
|
|
186
186
|
},
|
|
187
187
|
prisma: function r(e) {
|
|
188
188
|
var a = e.$animated;
|
|
@@ -193,19 +193,19 @@
|
|
|
193
193
|
error: g.variables.accentColorNegative
|
|
194
194
|
});
|
|
195
195
|
if (a) {
|
|
196
|
-
var
|
|
196
|
+
var n = (0, g.pickVariant)("$type", {
|
|
197
197
|
info: g.variables.statusColorInfo,
|
|
198
198
|
success: g.variables.statusColorNormal,
|
|
199
199
|
warning: g.variables.statusColorMedium,
|
|
200
200
|
error: g.variables.statusColorHigh
|
|
201
201
|
});
|
|
202
|
-
return (0,
|
|
202
|
+
return (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );" ], n, t);
|
|
203
203
|
}
|
|
204
|
-
return (0,
|
|
204
|
+
return (0, c.css)([ "background:", ";" ], t);
|
|
205
205
|
}
|
|
206
206
|
}), (function(r) {
|
|
207
207
|
return r.$animated && (0, g.pick)({
|
|
208
|
-
enterprise: (0,
|
|
208
|
+
enterprise: (0, c.css)([ "animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;" ], h),
|
|
209
209
|
prisma: function e() {
|
|
210
210
|
var a = (0, g.pickVariant)("$type", {
|
|
211
211
|
info: g.variables.statusColorInfo,
|
|
@@ -213,125 +213,115 @@
|
|
|
213
213
|
warning: g.variables.statusColorMedium,
|
|
214
214
|
error: g.variables.statusColorHigh
|
|
215
215
|
})(r);
|
|
216
|
-
return (0,
|
|
216
|
+
return (0, c.css)([ "background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}" ], k, v()(a(r)).setAlpha(.75).toRgbString());
|
|
217
217
|
}
|
|
218
218
|
});
|
|
219
219
|
}));
|
|
220
220
|
// CONCATENATED MODULE: ./src/Progress/Progress.tsx
|
|
221
221
|
function S() {
|
|
222
|
-
S = Object.assign
|
|
222
|
+
return S = Object.assign ? Object.assign.bind() : function(r) {
|
|
223
223
|
for (var e = 1; e < arguments.length; e++) {
|
|
224
224
|
var a = arguments[e];
|
|
225
225
|
for (var t in a) {
|
|
226
|
-
|
|
227
|
-
r[t] = a[t];
|
|
228
|
-
}
|
|
226
|
+
({}).hasOwnProperty.call(a, t) && (r[t] = a[t]);
|
|
229
227
|
}
|
|
230
228
|
}
|
|
231
229
|
return r;
|
|
232
|
-
};
|
|
233
|
-
return S.apply(this, arguments);
|
|
230
|
+
}, S.apply(null, arguments);
|
|
234
231
|
}
|
|
235
232
|
function O(r, e) {
|
|
236
|
-
return D(r) || j(r, e) ||
|
|
233
|
+
return D(r) || j(r, e) || $(r, e) || P();
|
|
237
234
|
}
|
|
238
|
-
function
|
|
235
|
+
function P() {
|
|
239
236
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
240
237
|
}
|
|
241
|
-
function P(r, e) {
|
|
242
|
-
if (!r) return;
|
|
243
|
-
if (typeof r === "string") return $(r, e);
|
|
244
|
-
var a = Object.prototype.toString.call(r).slice(8, -1);
|
|
245
|
-
if (a === "Object" && r.constructor) a = r.constructor.name;
|
|
246
|
-
if (a === "Map" || a === "Set") return Array.from(r);
|
|
247
|
-
if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return $(r, e);
|
|
248
|
-
}
|
|
249
238
|
function $(r, e) {
|
|
250
|
-
if (
|
|
251
|
-
|
|
239
|
+
if (r) {
|
|
240
|
+
if ("string" == typeof r) return x(r, e);
|
|
241
|
+
var a = {}.toString.call(r).slice(8, -1);
|
|
242
|
+
return "Object" === a && r.constructor && (a = r.constructor.name), "Map" === a || "Set" === a ? Array.from(r) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? x(r, e) : void 0;
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
function x(r, e) {
|
|
246
|
+
(null == e || e > r.length) && (e = r.length);
|
|
247
|
+
for (var a = 0, t = Array(e); a < e; a++) {
|
|
252
248
|
t[a] = r[a];
|
|
253
249
|
}
|
|
254
250
|
return t;
|
|
255
251
|
}
|
|
256
252
|
function j(r, e) {
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
var i = false;
|
|
261
|
-
var n = undefined;
|
|
262
|
-
try {
|
|
263
|
-
for (var o = r[Symbol.iterator](), s; !(t = (s = o.next()).done); t = true) {
|
|
264
|
-
a.push(s.value);
|
|
265
|
-
if (e && a.length === e) break;
|
|
266
|
-
}
|
|
267
|
-
} catch (r) {
|
|
268
|
-
i = true;
|
|
269
|
-
n = r;
|
|
270
|
-
} finally {
|
|
253
|
+
var a = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
254
|
+
if (null != a) {
|
|
255
|
+
var t, n, i, o, s = [], l = !0, c = !1;
|
|
271
256
|
try {
|
|
272
|
-
if (
|
|
257
|
+
if (i = (a = a.call(r)).next, 0 === e) {
|
|
258
|
+
if (Object(a) !== a) return;
|
|
259
|
+
l = !1;
|
|
260
|
+
} else for (;!(l = (t = i.call(a)).done) && (s.push(t.value), s.length !== e); l = !0) {
|
|
261
|
+
}
|
|
262
|
+
} catch (r) {
|
|
263
|
+
c = !0, n = r;
|
|
273
264
|
} finally {
|
|
274
|
-
|
|
265
|
+
try {
|
|
266
|
+
if (!l && null != a["return"] && (o = a["return"](), Object(o) !== o)) return;
|
|
267
|
+
} finally {
|
|
268
|
+
if (c) throw n;
|
|
269
|
+
}
|
|
275
270
|
}
|
|
271
|
+
return s;
|
|
276
272
|
}
|
|
277
|
-
return a;
|
|
278
273
|
}
|
|
279
274
|
function D(r) {
|
|
280
275
|
if (Array.isArray(r)) return r;
|
|
281
276
|
}
|
|
282
277
|
function _(r, e) {
|
|
283
|
-
if (
|
|
284
|
-
var a = q(r, e);
|
|
285
|
-
var t, i;
|
|
278
|
+
if (null == r) return {};
|
|
279
|
+
var a, t, n = q(r, e);
|
|
286
280
|
if (Object.getOwnPropertySymbols) {
|
|
287
|
-
var
|
|
288
|
-
for (
|
|
289
|
-
|
|
290
|
-
if (e.indexOf(t) >= 0) continue;
|
|
291
|
-
if (!Object.prototype.propertyIsEnumerable.call(r, t)) continue;
|
|
292
|
-
a[t] = r[t];
|
|
281
|
+
var i = Object.getOwnPropertySymbols(r);
|
|
282
|
+
for (t = 0; t < i.length; t++) {
|
|
283
|
+
a = i[t], e.includes(a) || {}.propertyIsEnumerable.call(r, a) && (n[a] = r[a]);
|
|
293
284
|
}
|
|
294
285
|
}
|
|
295
|
-
return
|
|
286
|
+
return n;
|
|
296
287
|
}
|
|
297
288
|
function q(r, e) {
|
|
298
|
-
if (
|
|
289
|
+
if (null == r) return {};
|
|
299
290
|
var a = {};
|
|
300
|
-
var t
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
a[i] = r[i];
|
|
291
|
+
for (var t in r) {
|
|
292
|
+
if ({}.hasOwnProperty.call(r, t)) {
|
|
293
|
+
if (e.includes(t)) continue;
|
|
294
|
+
a[t] = r[t];
|
|
295
|
+
}
|
|
306
296
|
}
|
|
307
297
|
return a;
|
|
308
298
|
}
|
|
309
299
|
var A = {
|
|
310
|
-
elementRef:
|
|
311
|
-
percentage:
|
|
312
|
-
tooltip:
|
|
313
|
-
type:
|
|
300
|
+
elementRef: i().oneOfType([ i().func, i().object ]),
|
|
301
|
+
percentage: i().number,
|
|
302
|
+
tooltip: i().node,
|
|
303
|
+
type: i().oneOf([ "info", "success", "warning", "error" ])
|
|
314
304
|
};
|
|
315
305
|
function I(r) {
|
|
316
|
-
var e = r.percentage,
|
|
306
|
+
var e = r.percentage, n = r.tooltip, i = r.type, o = i === void 0 ? "info" : i, c = _(r, [ "percentage", "tooltip", "type" ]);
|
|
317
307
|
// @docs-props-type ProgressPropsBase
|
|
318
308
|
if (false) {}
|
|
319
309
|
var u = (0, a.useState)(false), p = O(u, 2), v = p[0], b = p[1];
|
|
320
|
-
var f = (0,
|
|
310
|
+
var f = (0, l.useAnimationToggle)() === "on";
|
|
321
311
|
var m = (0, a.useCallback)((function() {
|
|
322
312
|
b(true);
|
|
323
313
|
}), []);
|
|
324
314
|
var d = (0, a.useCallback)((function() {
|
|
325
315
|
b(false);
|
|
326
316
|
}), []);
|
|
327
|
-
var g =
|
|
317
|
+
var g = n || "".concat(e, "%");
|
|
328
318
|
|
|
329
319
|
return t().createElement(y, S({
|
|
330
320
|
$animated: f,
|
|
331
321
|
"data-test": "progress",
|
|
332
322
|
onMouseEnter: m,
|
|
333
323
|
onMouseLeave: d
|
|
334
|
-
},
|
|
324
|
+
}, c), s()(e) && t().createElement(C, {
|
|
335
325
|
inline: false,
|
|
336
326
|
open: v,
|
|
337
327
|
content: g,
|