@splunk/react-ui 4.41.0 → 4.42.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/ButtonGroup.js +1 -3
- package/CHANGELOG.md +22 -0
- package/Dropdown.js +33 -32
- package/Layer.js +115 -97
- package/Link.js +19 -21
- package/Menu.js +9 -8
- package/MessageBar.js +54 -56
- package/Multiselect.js +1051 -1035
- package/Number.js +51 -48
- package/Popover.js +481 -479
- package/Resize.js +61 -61
- package/ResultsMenu.js +4 -4
- package/Scroll.js +482 -475
- package/Select.js +532 -513
- package/Table.js +1515 -1433
- package/Text.js +29 -17
- package/TextArea.js +37 -37
- package/Tooltip.js +300 -207
- package/package.json +4 -4
- package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
- package/types/src/Dropdown/Dropdown.d.ts +2 -1
- package/types/src/Layer/Layer.d.ts +2 -1
- package/types/src/Link/Link.d.ts +0 -2
- package/types/src/Number/Number.d.ts +10 -2
- package/types/src/Popover/Popover.d.ts +1 -4
- package/types/src/Resize/Resize.d.ts +0 -11
- package/types/src/Scroll/Inner.d.ts +17 -19
- package/types/src/Select/SelectBase.d.ts +6 -4
- package/types/src/Table/ExpandButton.d.ts +8 -0
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Row.d.ts +8 -2
- package/types/src/Tooltip/Tooltip.d.ts +38 -5
- package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
- package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +5 -4
- package/useControlled.js +37 -15
- package/usePrevious.js +62 -30
- package/useRovingFocus.js +5 -4
- package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
- package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
package/Link.js
CHANGED
|
@@ -61,7 +61,6 @@
|
|
|
61
61
|
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(t, {
|
|
64
|
-
StyledLink: () => /* reexport */ x,
|
|
65
64
|
default: () => /* reexport */ Q
|
|
66
65
|
});
|
|
67
66
|
// CONCATENATED MODULE: external "react"
|
|
@@ -106,10 +105,10 @@
|
|
|
106
105
|
}
|
|
107
106
|
/* harmony default export */ const O = g;
|
|
108
107
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
109
|
-
const
|
|
110
|
-
var
|
|
108
|
+
const j = require("@splunk/react-ui/Clickable");
|
|
109
|
+
var x = e.n(j);
|
|
111
110
|
// CONCATENATED MODULE: ./src/Link/LinkStyles.ts
|
|
112
|
-
var
|
|
111
|
+
var S = p()(x()).withConfig({
|
|
113
112
|
displayName: "LinkStyles__StyledClickable",
|
|
114
113
|
componentId: "sc-1hhltcf-0"
|
|
115
114
|
})([ "", ";color:", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;border-radius:", ";&:not([disabled],[aria-disabled='true']){cursor:pointer;", ";&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}" ], v.mixins.reset("inline"), (0,
|
|
@@ -198,11 +197,11 @@
|
|
|
198
197
|
}, N(e, t);
|
|
199
198
|
}
|
|
200
199
|
function R(e) {
|
|
201
|
-
var t =
|
|
200
|
+
var t = A();
|
|
202
201
|
return function() {
|
|
203
|
-
var r, n =
|
|
202
|
+
var r, n = B(e);
|
|
204
203
|
if (t) {
|
|
205
|
-
var o =
|
|
204
|
+
var o = B(this).constructor;
|
|
206
205
|
r = Reflect.construct(n, arguments, o);
|
|
207
206
|
} else r = n.apply(this, arguments);
|
|
208
207
|
return M(this, r);
|
|
@@ -217,20 +216,20 @@
|
|
|
217
216
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
218
217
|
return e;
|
|
219
218
|
}
|
|
220
|
-
function
|
|
219
|
+
function A() {
|
|
221
220
|
try {
|
|
222
221
|
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
223
222
|
} catch (e) {}
|
|
224
|
-
return (
|
|
223
|
+
return (A = function t() {
|
|
225
224
|
return !!e;
|
|
226
225
|
})();
|
|
227
226
|
}
|
|
228
|
-
function
|
|
229
|
-
return
|
|
227
|
+
function B(e) {
|
|
228
|
+
return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
230
229
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
231
|
-
},
|
|
230
|
+
}, B(e);
|
|
232
231
|
}
|
|
233
|
-
function
|
|
232
|
+
function L(e, t, r) {
|
|
234
233
|
return (t = z(t)) in e ? Object.defineProperty(e, t, {
|
|
235
234
|
value: r,
|
|
236
235
|
enumerable: !0,
|
|
@@ -279,8 +278,8 @@
|
|
|
279
278
|
o[i] = arguments[i];
|
|
280
279
|
}
|
|
281
280
|
e = t.call.apply(t, [ this ].concat(o));
|
|
282
|
-
|
|
283
|
-
|
|
281
|
+
L(D(e), "component", null);
|
|
282
|
+
L(D(e), "handleMount", (function(t) {
|
|
284
283
|
e.component = t;
|
|
285
284
|
}));
|
|
286
285
|
return e;
|
|
@@ -307,7 +306,7 @@
|
|
|
307
306
|
u = typeof o === "string" ? o : J;
|
|
308
307
|
}
|
|
309
308
|
|
|
310
|
-
return n().createElement(
|
|
309
|
+
return n().createElement(S, k({
|
|
311
310
|
"data-test": "link",
|
|
312
311
|
ref: this.handleMount,
|
|
313
312
|
openInNewContext: a
|
|
@@ -316,11 +315,10 @@
|
|
|
316
315
|
} ]);
|
|
317
316
|
return r;
|
|
318
317
|
}(r.Component);
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
318
|
+
L(K, "propTypes", H);
|
|
319
|
+
L(K, "defaultProps", G);
|
|
320
|
+
L(K, u.legacyRefMode, true);
|
|
322
321
|
/* harmony default export */ const Q = K;
|
|
323
|
-
//
|
|
324
|
-
// CONCATENATED MODULE: ./src/Link/index.ts
|
|
322
|
+
// CONCATENATED MODULE: ./src/Link/index.ts
|
|
325
323
|
module.exports = t;
|
|
326
324
|
/******/})();
|
package/Menu.js
CHANGED
|
@@ -294,8 +294,8 @@
|
|
|
294
294
|
const L = require("lodash/isString");
|
|
295
295
|
var z = e.n(L);
|
|
296
296
|
// CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
|
|
297
|
-
const
|
|
298
|
-
var
|
|
297
|
+
const B = require("@splunk/react-icons/ChevronRight");
|
|
298
|
+
var K = e.n(B);
|
|
299
299
|
// CONCATENATED MODULE: external "@splunk/react-icons/Checkmark"
|
|
300
300
|
const W = require("@splunk/react-icons/Checkmark");
|
|
301
301
|
var G = e.n(W);
|
|
@@ -668,10 +668,10 @@
|
|
|
668
668
|
}) : e[t] = r, e;
|
|
669
669
|
}
|
|
670
670
|
function ze(e) {
|
|
671
|
-
var t =
|
|
671
|
+
var t = Be(e, "string");
|
|
672
672
|
return "symbol" == Ee(t) ? t : t + "";
|
|
673
673
|
}
|
|
674
|
-
function
|
|
674
|
+
function Be(e, t) {
|
|
675
675
|
if ("object" != Ee(e) || !e) return e;
|
|
676
676
|
var r = e[Symbol.toPrimitive];
|
|
677
677
|
if (void 0 !== r) {
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
}
|
|
682
682
|
return ("string" === t ? String : Number)(e);
|
|
683
683
|
}
|
|
684
|
-
var
|
|
684
|
+
var Ke = {
|
|
685
685
|
active: o().bool,
|
|
686
686
|
children: o().node,
|
|
687
687
|
description: o().string,
|
|
@@ -866,11 +866,12 @@
|
|
|
866
866
|
interactive: false,
|
|
867
867
|
value: "menu-item",
|
|
868
868
|
selectedLabel: "Selected",
|
|
869
|
-
selected: c
|
|
869
|
+
selected: c,
|
|
870
|
+
disabled: Boolean(d)
|
|
870
871
|
}), o && n().createElement(me, null, S ? n().createElement(Y(), {
|
|
871
872
|
hideDefaultTooltip: true,
|
|
872
873
|
screenReaderText: null
|
|
873
|
-
}) : n().createElement(
|
|
874
|
+
}) : n().createElement(K(), null)), T && n().createElement(ae, {
|
|
874
875
|
"data-test": "description"
|
|
875
876
|
}, u), n().createElement(ue, null, x ? n().createElement(se, null, x) : p && n().createElement(se, null, p), n().createElement(de, {
|
|
876
877
|
$truncate: y
|
|
@@ -886,7 +887,7 @@
|
|
|
886
887
|
} ]);
|
|
887
888
|
return r;
|
|
888
889
|
}(r.Component);
|
|
889
|
-
Le(Ve, "propTypes",
|
|
890
|
+
Le(Ve, "propTypes", Ke);
|
|
890
891
|
Le(Ve, "defaultProps", We);
|
|
891
892
|
Le(Ve, "as", void 0);
|
|
892
893
|
Le(Ve, "contextType", h);
|
package/MessageBar.js
CHANGED
|
@@ -61,7 +61,7 @@
|
|
|
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");
|
|
@@ -115,13 +115,11 @@
|
|
|
115
115
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
116
116
|
const N = require("@splunk/react-ui/Clickable");
|
|
117
117
|
var R = e.n(N);
|
|
118
|
-
// CONCATENATED MODULE: external "@splunk/react-ui/Link"
|
|
119
|
-
const T = require("@splunk/react-ui/Link");
|
|
120
118
|
// CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
|
|
121
|
-
var
|
|
119
|
+
var T = g().div.withConfig({
|
|
122
120
|
displayName: "MessageBarStyles__MessageBarContent",
|
|
123
121
|
componentId: "sc-1uyhzza-0"
|
|
124
|
-
})([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a,&
|
|
122
|
+
})([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a,& button[data-test='link']{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled]):focus{border-radius:", ";outline:0;", ";}}" ], u.mixins.reset("inline"), u.variables.borderRadius, (0,
|
|
125
123
|
u.pick)({
|
|
126
124
|
enterprise: {
|
|
127
125
|
dark: (0, b.css)([ "box-shadow:0 0 0 2px ", ";" ], u.variables.gray80),
|
|
@@ -137,7 +135,7 @@
|
|
|
137
135
|
dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
|
|
138
136
|
}
|
|
139
137
|
}));
|
|
140
|
-
var
|
|
138
|
+
var W = g()(R()).withConfig({
|
|
141
139
|
displayName: "MessageBarStyles__MessageBarCloseWrapper",
|
|
142
140
|
componentId: "sc-1uyhzza-1"
|
|
143
141
|
})([ "", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:1px solid;border-color:", ";color:", ";}&:active{", ";}", "" ], u.mixins.reset("flex"), u.variables.borderRadius, (0,
|
|
@@ -175,40 +173,40 @@
|
|
|
175
173
|
dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
|
|
176
174
|
}))
|
|
177
175
|
}));
|
|
178
|
-
var
|
|
179
|
-
var
|
|
176
|
+
var P = (0, b.css)([ "margin-left:auto;" ]);
|
|
177
|
+
var $ = g()(y()).withConfig({
|
|
180
178
|
displayName: "MessageBarStyles__StyledCheckCircleIcon",
|
|
181
179
|
componentId: "sc-1uyhzza-2"
|
|
182
|
-
})([ "", "" ],
|
|
183
|
-
var
|
|
180
|
+
})([ "", "" ], P);
|
|
181
|
+
var A = g()(k()).withConfig({
|
|
184
182
|
displayName: "MessageBarStyles__StyledExclamationCircleIcon",
|
|
185
183
|
componentId: "sc-1uyhzza-3"
|
|
186
|
-
})([ "", "" ],
|
|
187
|
-
var
|
|
184
|
+
})([ "", "" ], P);
|
|
185
|
+
var L = g()(x()).withConfig({
|
|
188
186
|
displayName: "MessageBarStyles__StyledInformationCircleIcon",
|
|
189
187
|
componentId: "sc-1uyhzza-4"
|
|
190
|
-
})([ "", "" ],
|
|
191
|
-
var
|
|
188
|
+
})([ "", "" ], P);
|
|
189
|
+
var V = g()(w()).withConfig({
|
|
192
190
|
displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
|
|
193
191
|
componentId: "sc-1uyhzza-5"
|
|
194
|
-
})([ "", "" ],
|
|
195
|
-
var
|
|
192
|
+
})([ "", "" ], P);
|
|
193
|
+
var D = g()(_()).withConfig({
|
|
196
194
|
displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
|
|
197
195
|
componentId: "sc-1uyhzza-6"
|
|
198
|
-
})([ "", " color:", ";" ],
|
|
199
|
-
var
|
|
196
|
+
})([ "", " color:", ";" ], P, u.variables.errorColor);
|
|
197
|
+
var H = g()(z()).withConfig({
|
|
200
198
|
displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
|
|
201
199
|
componentId: "sc-1uyhzza-7"
|
|
202
|
-
})([ "", " color:", ";" ],
|
|
203
|
-
var
|
|
200
|
+
})([ "", " color:", ";" ], P, u.variables.infoColor);
|
|
201
|
+
var X = g()(E()).withConfig({
|
|
204
202
|
displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
|
|
205
203
|
componentId: "sc-1uyhzza-8"
|
|
206
|
-
})([ "", " color:", ";" ],
|
|
207
|
-
var
|
|
204
|
+
})([ "", " color:", ";" ], P, u.variables.successColor);
|
|
205
|
+
var F = g()(B()).withConfig({
|
|
208
206
|
displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
|
|
209
207
|
componentId: "sc-1uyhzza-9"
|
|
210
|
-
})([ "", " color:", ";" ],
|
|
211
|
-
var
|
|
208
|
+
})([ "", " color:", ";" ], P, u.variables.warningColor);
|
|
209
|
+
var G = g()(j()).withConfig({
|
|
212
210
|
displayName: "MessageBarStyles__MessageBarWrapper",
|
|
213
211
|
componentId: "sc-1uyhzza-10"
|
|
214
212
|
})([ "", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";" ], u.mixins.reset("block"), u.variables.spacingSmall, (function(e) {
|
|
@@ -268,8 +266,8 @@
|
|
|
268
266
|
}))
|
|
269
267
|
}));
|
|
270
268
|
// CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
|
|
271
|
-
function
|
|
272
|
-
return
|
|
269
|
+
function J() {
|
|
270
|
+
return J = Object.assign ? Object.assign.bind() : function(e) {
|
|
273
271
|
for (var r = 1; r < arguments.length; r++) {
|
|
274
272
|
var a = arguments[r];
|
|
275
273
|
for (var s in a) {
|
|
@@ -277,11 +275,11 @@
|
|
|
277
275
|
}
|
|
278
276
|
}
|
|
279
277
|
return e;
|
|
280
|
-
},
|
|
278
|
+
}, J.apply(null, arguments);
|
|
281
279
|
}
|
|
282
|
-
function
|
|
280
|
+
function K(e, r) {
|
|
283
281
|
if (null == e) return {};
|
|
284
|
-
var a, s, i =
|
|
282
|
+
var a, s, i = Q(e, r);
|
|
285
283
|
if (Object.getOwnPropertySymbols) {
|
|
286
284
|
var n = Object.getOwnPropertySymbols(e);
|
|
287
285
|
for (s = 0; s < n.length; s++) {
|
|
@@ -290,7 +288,7 @@
|
|
|
290
288
|
}
|
|
291
289
|
return i;
|
|
292
290
|
}
|
|
293
|
-
function
|
|
291
|
+
function Q(e, r) {
|
|
294
292
|
if (null == e) return {};
|
|
295
293
|
var a = {};
|
|
296
294
|
for (var s in e) {
|
|
@@ -301,39 +299,39 @@
|
|
|
301
299
|
}
|
|
302
300
|
return a;
|
|
303
301
|
}
|
|
304
|
-
var
|
|
302
|
+
var U = {
|
|
305
303
|
children: n().node.isRequired,
|
|
306
304
|
onRequestClose: n().func,
|
|
307
305
|
type: n().oneOf([ "info", "success", "warning", "error" ]).isRequired
|
|
308
306
|
};
|
|
309
|
-
var
|
|
307
|
+
var Y = Object.freeze({
|
|
310
308
|
info: (0, v._)("Info"),
|
|
311
309
|
warning: (0, v._)("Warning"),
|
|
312
310
|
error: (0, v._)("Alert"),
|
|
313
311
|
success: (0, v._)("Success")
|
|
314
312
|
});
|
|
315
|
-
var
|
|
316
|
-
info:
|
|
317
|
-
warning:
|
|
318
|
-
error:
|
|
319
|
-
success:
|
|
313
|
+
var Z = Object.freeze({
|
|
314
|
+
info: H,
|
|
315
|
+
warning: F,
|
|
316
|
+
error: D,
|
|
317
|
+
success: X
|
|
320
318
|
});
|
|
321
|
-
var
|
|
322
|
-
info:
|
|
323
|
-
warning:
|
|
324
|
-
error:
|
|
325
|
-
success:
|
|
319
|
+
var ee = Object.freeze({
|
|
320
|
+
info: L,
|
|
321
|
+
warning: V,
|
|
322
|
+
error: A,
|
|
323
|
+
success: $
|
|
326
324
|
});
|
|
327
|
-
var
|
|
328
|
-
function
|
|
329
|
-
var r = e.children, a = e.type, i = e.onRequestClose, n =
|
|
325
|
+
var re = "24px";
|
|
326
|
+
function ae(e) {
|
|
327
|
+
var r = e.children, a = e.type, i = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
|
|
330
328
|
// @docs-props-type MessageBarPropsBase
|
|
331
329
|
var o = (0, u.useSplunkTheme)(), l = o.isEnterprise;
|
|
332
|
-
var p = l && a === "error" ? "22px" :
|
|
333
|
-
var b = l && a === "warning" ? "21px" :
|
|
330
|
+
var p = l && a === "error" ? "22px" : re;
|
|
331
|
+
var b = l && a === "warning" ? "21px" : re;
|
|
334
332
|
var g;
|
|
335
333
|
if (l) {
|
|
336
|
-
var h =
|
|
334
|
+
var h = Z[a];
|
|
337
335
|
g = s().createElement(h, {
|
|
338
336
|
height: b,
|
|
339
337
|
width: p,
|
|
@@ -343,27 +341,27 @@
|
|
|
343
341
|
"data-test": "icon"
|
|
344
342
|
});
|
|
345
343
|
} else {
|
|
346
|
-
var y =
|
|
344
|
+
var y = ee[a];
|
|
347
345
|
g = s().createElement(y, {
|
|
348
|
-
height:
|
|
349
|
-
width:
|
|
346
|
+
height: re,
|
|
347
|
+
width: re,
|
|
350
348
|
variant: "filled",
|
|
351
349
|
"aria-hidden": true,
|
|
352
350
|
"data-test": "icon"
|
|
353
351
|
});
|
|
354
352
|
}
|
|
355
353
|
|
|
356
|
-
return s().createElement(
|
|
354
|
+
return s().createElement(G, J({
|
|
357
355
|
$type: a,
|
|
358
356
|
"data-test": "message-bar",
|
|
359
357
|
"data-test-type": a
|
|
360
358
|
}, n, {
|
|
361
359
|
role: "region",
|
|
362
360
|
$hasCloseButton: Boolean(i)
|
|
363
|
-
}), g, s().createElement(d(), null,
|
|
361
|
+
}), g, s().createElement(d(), null, Y[a]), s().createElement(T, {
|
|
364
362
|
$type: a,
|
|
365
363
|
"data-test": "content"
|
|
366
|
-
}, r), i && s().createElement(
|
|
364
|
+
}, r), i && s().createElement(W, {
|
|
367
365
|
$type: a,
|
|
368
366
|
onClick: i
|
|
369
367
|
}, l ? s().createElement(c(), {
|
|
@@ -379,8 +377,8 @@
|
|
|
379
377
|
width: "19px"
|
|
380
378
|
}), s().createElement(d(), null, (0, v._)("Close"))));
|
|
381
379
|
}
|
|
382
|
-
|
|
383
|
-
/* harmony default export */ const
|
|
380
|
+
ae.propTypes = U;
|
|
381
|
+
/* harmony default export */ const se = ae;
|
|
384
382
|
// CONCATENATED MODULE: ./src/MessageBar/index.ts
|
|
385
383
|
module.exports = r;
|
|
386
384
|
/******/})();
|