@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/Number.js
CHANGED
|
@@ -208,21 +208,21 @@
|
|
|
208
208
|
displayName: "NumberStyles__StyledPrismaPlusButton",
|
|
209
209
|
componentId: "sc-2ekj9s-5"
|
|
210
210
|
})([ "border-top-right-radius:4px;" ]);
|
|
211
|
-
var
|
|
211
|
+
var A = w()(B).withConfig({
|
|
212
212
|
displayName: "NumberStyles__StyledPrismaMinusButton",
|
|
213
213
|
componentId: "sc-2ekj9s-6"
|
|
214
214
|
})([ "border-bottom-right-radius:4px;padding-bottom:5px;" ]);
|
|
215
215
|
// CONCATENATED MODULE: ./src/Number/Number.tsx
|
|
216
|
-
function
|
|
216
|
+
function q(e) {
|
|
217
217
|
"@babel/helpers - typeof";
|
|
218
|
-
return
|
|
218
|
+
return q = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
219
219
|
return typeof e;
|
|
220
220
|
} : function(e) {
|
|
221
221
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
222
|
-
},
|
|
222
|
+
}, q(e);
|
|
223
223
|
}
|
|
224
|
-
function
|
|
225
|
-
return
|
|
224
|
+
function K() {
|
|
225
|
+
return K = Object.assign ? Object.assign.bind() : function(e) {
|
|
226
226
|
for (var t = 1; t < arguments.length; t++) {
|
|
227
227
|
var r = arguments[t];
|
|
228
228
|
for (var n in r) {
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
}
|
|
231
231
|
}
|
|
232
232
|
return e;
|
|
233
|
-
},
|
|
233
|
+
}, K.apply(null, arguments);
|
|
234
234
|
}
|
|
235
235
|
function M(e, t) {
|
|
236
236
|
var r = Object.keys(e);
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
}
|
|
243
243
|
return r;
|
|
244
244
|
}
|
|
245
|
-
function
|
|
245
|
+
function R(e) {
|
|
246
246
|
for (var t = 1; t < arguments.length; t++) {
|
|
247
247
|
var r = null != arguments[t] ? arguments[t] : {};
|
|
248
248
|
t % 2 ? M(Object(r), !0).forEach((function(t) {
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
}
|
|
254
254
|
return e;
|
|
255
255
|
}
|
|
256
|
-
function
|
|
256
|
+
function F(e, t) {
|
|
257
257
|
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
|
258
258
|
}
|
|
259
259
|
function U(e, t) {
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
};
|
|
298
298
|
}
|
|
299
299
|
function G(e, t) {
|
|
300
|
-
if (t && ("object" ==
|
|
300
|
+
if (t && ("object" == q(t) || "function" == typeof t)) return t;
|
|
301
301
|
if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
|
|
302
302
|
return H(e);
|
|
303
303
|
}
|
|
@@ -328,14 +328,14 @@
|
|
|
328
328
|
}
|
|
329
329
|
function W(e) {
|
|
330
330
|
var t = Z(e, "string");
|
|
331
|
-
return "symbol" ==
|
|
331
|
+
return "symbol" == q(t) ? t : t + "";
|
|
332
332
|
}
|
|
333
333
|
function Z(e, t) {
|
|
334
|
-
if ("object" !=
|
|
334
|
+
if ("object" != q(e) || !e) return e;
|
|
335
335
|
var r = e[Symbol.toPrimitive];
|
|
336
336
|
if (void 0 !== r) {
|
|
337
337
|
var n = r.call(e, t || "default");
|
|
338
|
-
if ("object" !=
|
|
338
|
+
if ("object" != q(n)) return n;
|
|
339
339
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
340
340
|
}
|
|
341
341
|
return ("string" === t ? String : Number)(e);
|
|
@@ -362,6 +362,8 @@
|
|
|
362
362
|
onBlur: i().func,
|
|
363
363
|
onChange: i().func,
|
|
364
364
|
onFocus: i().func,
|
|
365
|
+
endAdornment: i().node,
|
|
366
|
+
startAdornment: i().node,
|
|
365
367
|
onKeyDown: i().func,
|
|
366
368
|
onKeyUp: i().func,
|
|
367
369
|
onSelect: i().func,
|
|
@@ -468,7 +470,7 @@
|
|
|
468
470
|
} ]);
|
|
469
471
|
function r(e) {
|
|
470
472
|
var n;
|
|
471
|
-
|
|
473
|
+
F(this, r);
|
|
472
474
|
n = t.call(this, e);
|
|
473
475
|
Q(H(n), "controlledExternally", void 0);
|
|
474
476
|
Q(H(n), "text", null);
|
|
@@ -648,30 +650,30 @@
|
|
|
648
650
|
key: "render",
|
|
649
651
|
value: function e() {
|
|
650
652
|
var t = this;
|
|
651
|
-
var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.
|
|
652
|
-
var
|
|
653
|
-
var
|
|
654
|
-
var
|
|
653
|
+
var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.elementRef, s = r.error, p = r.hideStepButtons, c = r.inline, d = r.value, v = d === void 0 ? this.state.value : d, b = r.max, h = r.min, y = r.prepend, g = r.splunkTheme, S = r.endAdornment, w = r.startAdornment;
|
|
654
|
+
var x = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
|
|
655
|
+
var O = g.isPrisma;
|
|
656
|
+
var j = O ? {} : {
|
|
655
657
|
append: o,
|
|
656
658
|
prepend: !o,
|
|
657
|
-
error:
|
|
659
|
+
error: s,
|
|
658
660
|
inline: false
|
|
659
661
|
};
|
|
660
|
-
var
|
|
661
|
-
var
|
|
662
|
-
var
|
|
662
|
+
var P = v !== undefined && u()(v) && b !== undefined && u()(b) && v >= b;
|
|
663
|
+
var C = v !== undefined && u()(v) && h !== undefined && u()(h) && v <= h;
|
|
664
|
+
var T = n().createElement(k, {
|
|
663
665
|
width: "6px",
|
|
664
666
|
height: "4px",
|
|
665
667
|
screenReaderText: (0, m._)("Increment")
|
|
666
668
|
});
|
|
667
|
-
var
|
|
669
|
+
var _ = R({
|
|
668
670
|
"data-test": "increment",
|
|
669
|
-
disabled: a ||
|
|
671
|
+
disabled: a || P,
|
|
670
672
|
onClick: this.handleIncrement,
|
|
671
673
|
tabIndex: -1
|
|
672
|
-
},
|
|
673
|
-
var
|
|
674
|
-
var
|
|
674
|
+
}, j);
|
|
675
|
+
var B = O ? n().createElement(I, _, T) : n().createElement(N, _, T);
|
|
676
|
+
var q = n().createElement(k, {
|
|
675
677
|
width: "6px",
|
|
676
678
|
height: "4px",
|
|
677
679
|
screenReaderText: (0, m._)("Decrement"),
|
|
@@ -679,47 +681,48 @@
|
|
|
679
681
|
transform: "rotateX(180deg)"
|
|
680
682
|
}
|
|
681
683
|
});
|
|
682
|
-
var
|
|
684
|
+
var M = R({
|
|
683
685
|
"data-test": "decrement",
|
|
684
|
-
disabled: a ||
|
|
686
|
+
disabled: a || C,
|
|
685
687
|
onClick: this.handleDecrement,
|
|
686
688
|
tabIndex: -1
|
|
687
|
-
},
|
|
688
|
-
var
|
|
689
|
-
var
|
|
690
|
-
var
|
|
691
|
-
$isAppend:
|
|
692
|
-
},
|
|
693
|
-
var
|
|
694
|
-
$isAppend:
|
|
695
|
-
},
|
|
689
|
+
}, j);
|
|
690
|
+
var F = O ? n().createElement(A, M, q) : n().createElement(D, M, q);
|
|
691
|
+
var U = o && !y;
|
|
692
|
+
var z = (!a || O) && U && !p && n().createElement(E, {
|
|
693
|
+
$isAppend: U
|
|
694
|
+
}, B, F);
|
|
695
|
+
var X = (!a || O) && !U && !p && n().createElement(E, {
|
|
696
|
+
$isAppend: U
|
|
697
|
+
}, B, F);
|
|
696
698
|
|
|
697
|
-
return n().createElement(V,
|
|
699
|
+
return n().createElement(V, K({
|
|
698
700
|
autoCapitalize: "off",
|
|
699
701
|
autoComplete: "off",
|
|
700
702
|
autoCorrect: "off",
|
|
701
703
|
spellCheck: false,
|
|
702
704
|
"data-test": "number",
|
|
705
|
+
elementRef: l,
|
|
703
706
|
ref: function e(r) {
|
|
704
707
|
t.text = r;
|
|
705
708
|
}
|
|
706
|
-
},
|
|
707
|
-
inline:
|
|
709
|
+
}, x, {
|
|
710
|
+
inline: c,
|
|
708
711
|
onChange: this.handleInputChange,
|
|
709
712
|
onBlur: this.handleInputBlur,
|
|
710
713
|
onKeyDown: this.handleKeyDown,
|
|
711
714
|
onKeyUp: this.handleKeyUp,
|
|
712
715
|
value: this.state.stringValue,
|
|
713
716
|
"aria-describedby": i,
|
|
714
|
-
error:
|
|
715
|
-
"data-test-value":
|
|
716
|
-
startAdornment:
|
|
717
|
-
endAdornment:
|
|
717
|
+
error: s,
|
|
718
|
+
"data-test-value": v,
|
|
719
|
+
startAdornment: w || z,
|
|
720
|
+
endAdornment: S || X,
|
|
718
721
|
role: "spinbutton",
|
|
719
722
|
"aria-valuenow": this.state.value,
|
|
720
|
-
"aria-valuemin":
|
|
721
|
-
"aria-valuemax":
|
|
722
|
-
"aria-invalid":
|
|
723
|
+
"aria-valuemin": h,
|
|
724
|
+
"aria-valuemax": b,
|
|
725
|
+
"aria-invalid": s
|
|
723
726
|
}));
|
|
724
727
|
}
|
|
725
728
|
} ]);
|