@splunk/react-ui 4.33.0 → 4.35.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/Breadcrumbs.js +20 -29
- package/Button.js +20 -23
- package/ButtonGroup.js +20 -23
- package/ButtonSimple.js +33 -34
- package/CHANGELOG.md +56 -1
- package/Card.js +129 -113
- package/Chip.js +75 -82
- package/CollapsiblePanel.js +281 -264
- package/Color.js +103 -93
- package/ComboBox.js +3 -2
- package/Concertina.js +139 -138
- package/ControlGroup.js +43 -39
- package/DualListbox.js +8 -11
- package/File.js +25 -30
- package/FormRows.js +53 -53
- package/Image.js +13 -13
- package/JSONTree.js +87 -85
- package/List.js +9 -13
- package/MIGRATION.mdx +100 -0
- package/Markdown.js +12 -12
- package/Menu.js +492 -699
- package/Message.js +192 -194
- package/MessageBar.js +104 -104
- package/Modal.js +2 -2
- package/Monogram.js +140 -94
- package/Multiselect.js +45 -49
- package/Paginator.js +8 -8
- package/Popover.js +53 -54
- package/Progress.js +45 -46
- package/RadioBar.js +117 -115
- package/RadioList.js +8 -5
- package/ResultsMenu.js +272 -279
- package/Search.js +197 -199
- package/Select.js +86 -84
- package/Slider.js +9 -9
- package/SplitButton.js +1 -4
- package/StaticContent.js +1 -1
- package/StepBar.js +92 -88
- package/Switch.js +217 -211
- package/TabBar.js +13 -5
- package/Table.js +714 -717
- package/Text.js +94 -83
- package/TextArea.js +162 -163
- package/Tooltip.js +1 -1
- package/package.json +8 -8
- package/stubs-splunkui.d.ts +11 -0
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +0 -1
- package/types/src/Breadcrumbs/Item.d.ts +0 -1
- package/types/src/Card/Card.d.ts +3 -1
- package/types/src/Card/Header.d.ts +22 -5
- package/types/src/Chip/Chip.d.ts +2 -4
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +5 -0
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -3
- package/types/src/Color/Color.d.ts +5 -5
- package/types/src/ComboBox/Option.d.ts +0 -1
- package/types/src/List/List.d.ts +2 -4
- package/types/src/Menu/Heading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +10 -5
- package/types/src/Menu/Menu.d.ts +18 -26
- package/types/src/Menu/MenuContext.d.ts +3 -2
- package/types/src/Menu/docs/examples/Dimmed.d.ts +2 -0
- package/types/src/Monogram/Monogram.d.ts +5 -6
- package/types/src/Multiselect/Option.d.ts +0 -1
- package/types/src/Progress/Progress.d.ts +4 -1
- package/types/src/RadioBar/Option.d.ts +4 -1
- package/types/src/RadioBar/RadioBar.d.ts +6 -4
- package/types/src/RadioBar/docs/examples/MenuBar.d.ts +2 -0
- package/types/src/ResultsMenu/ResultsMenu.d.ts +13 -28
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +3 -5
- package/types/src/Search/Option.d.ts +19 -6
- package/types/src/Search/docs/examples/OptionsLinks.d.ts +2 -0
- package/types/src/Select/Option.d.ts +0 -1
- package/types/src/Select/OptionBase.d.ts +2 -3
- package/types/src/Select/Select.d.ts +2 -2
- package/types/src/Select/SelectBase.d.ts +2 -2
- package/types/src/Table/Body.d.ts +0 -4
- package/types/src/Table/DragHandle.d.ts +1 -2
- package/types/src/Text/Text.d.ts +2 -0
- package/useRovingFocus.js +26 -40
- package/types/src/Select/docs/examples/prisma/Appearance.d.ts +0 -14
package/Select.js
CHANGED
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
Divider: () => /* reexport */ T.Divider,
|
|
65
65
|
Heading: () => /* reexport */ T.Heading,
|
|
66
66
|
Option: () => /* reexport */ nn,
|
|
67
|
-
default: () => /* reexport */
|
|
67
|
+
default: () => /* reexport */ wn
|
|
68
68
|
});
|
|
69
69
|
// CONCATENATED MODULE: external "react"
|
|
70
70
|
const n = require("react");
|
|
@@ -97,10 +97,10 @@
|
|
|
97
97
|
var O = e.n(g);
|
|
98
98
|
// CONCATENATED MODULE: external "lodash/memoize"
|
|
99
99
|
const S = require("lodash/memoize");
|
|
100
|
-
var
|
|
100
|
+
var w = e.n(S);
|
|
101
101
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
102
|
-
const
|
|
103
|
-
var C = e.n(
|
|
102
|
+
const x = require("lodash/omit");
|
|
103
|
+
var C = e.n(x);
|
|
104
104
|
// CONCATENATED MODULE: external "lodash/pick"
|
|
105
105
|
const k = require("lodash/pick");
|
|
106
106
|
var I = e.n(k);
|
|
@@ -150,17 +150,17 @@
|
|
|
150
150
|
};
|
|
151
151
|
/* harmony default export */ const J = G;
|
|
152
152
|
// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
|
|
153
|
-
const
|
|
154
|
-
var
|
|
153
|
+
const X = require("@splunk/react-icons/enterprise/Search");
|
|
154
|
+
var Y = e.n(X);
|
|
155
155
|
// CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
|
|
156
|
-
const
|
|
157
|
-
var Z = e.n(
|
|
156
|
+
const Q = require("@splunk/react-icons/Magnifier");
|
|
157
|
+
var Z = e.n(Q);
|
|
158
158
|
// CONCATENATED MODULE: ./src/Select/icons/Search.tsx
|
|
159
159
|
var ee = function e() {
|
|
160
160
|
var t = (0, U.useSplunkTheme)(), n = t.isEnterprise, o = t.isCompact;
|
|
161
161
|
var i = (0, s._)("Search");
|
|
162
162
|
var a = o ? "20px" : "24px";
|
|
163
|
-
var l = n ? r().createElement(
|
|
163
|
+
var l = n ? r().createElement(Y(), {
|
|
164
164
|
role: "presentation",
|
|
165
165
|
size: "16px",
|
|
166
166
|
screenReaderText: i,
|
|
@@ -424,10 +424,10 @@
|
|
|
424
424
|
/* harmony default export */ const Oe = ge;
|
|
425
425
|
// CONCATENATED MODULE: external "styled-components"
|
|
426
426
|
const Se = require("styled-components");
|
|
427
|
-
var
|
|
427
|
+
var we = e.n(Se);
|
|
428
428
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
429
|
-
const
|
|
430
|
-
var Ce = e.n(
|
|
429
|
+
const xe = require("@splunk/react-ui/Clickable");
|
|
430
|
+
var Ce = e.n(xe);
|
|
431
431
|
// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
|
|
432
432
|
const ke = require("@splunk/react-ui/Switch");
|
|
433
433
|
var Ie = e.n(ke);
|
|
@@ -439,15 +439,18 @@
|
|
|
439
439
|
}), U.variables.fontSizeSmall, (0, U.pick)({
|
|
440
440
|
prisma: "16px"
|
|
441
441
|
}));
|
|
442
|
-
var Ae =
|
|
442
|
+
var Ae = we().span.withConfig({
|
|
443
443
|
displayName: "ItemStyles__StyledItemDescriptionBottom",
|
|
444
444
|
componentId: "sc-4kc053-0"
|
|
445
445
|
})([ "", ";display:block;" ], _e);
|
|
446
|
-
var je =
|
|
446
|
+
var je = we().span.withConfig({
|
|
447
447
|
displayName: "ItemStyles__StyledItemDescriptionRight",
|
|
448
448
|
componentId: "sc-4kc053-1"
|
|
449
|
-
})([ "", ";float:right;
|
|
450
|
-
|
|
449
|
+
})([ "", ";float:right;", " max-width:50%;text-align:right;box-sizing:border-box;" ], _e, (0,
|
|
450
|
+
U.pick)({
|
|
451
|
+
enterprise: (0, Se.css)([ "padding-left:", ";" ], U.variables.spacingLarge)
|
|
452
|
+
}));
|
|
453
|
+
var Ee = we().div.withConfig({
|
|
451
454
|
displayName: "ItemStyles__StyledItemSelectedIcon",
|
|
452
455
|
componentId: "sc-4kc053-2"
|
|
453
456
|
})([ "position:absolute;", " color:", ";" ], (0, U.pick)({
|
|
@@ -457,7 +460,7 @@
|
|
|
457
460
|
prisma: U.variables.contentColorActive,
|
|
458
461
|
enterprise: U.variables.accentColorL10
|
|
459
462
|
}));
|
|
460
|
-
var Me =
|
|
463
|
+
var Me = we().span.withConfig({
|
|
461
464
|
displayName: "ItemStyles__StyledItemIcon",
|
|
462
465
|
componentId: "sc-4kc053-3"
|
|
463
466
|
})([ "flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", "" ], (0,
|
|
@@ -471,10 +474,10 @@
|
|
|
471
474
|
prisma: (0, Se.css)([ "color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}" ], U.variables.contentColorMuted),
|
|
472
475
|
enterprise: (0, Se.css)([ "transform:translateY(-1px);" ])
|
|
473
476
|
}));
|
|
474
|
-
var Te =
|
|
477
|
+
var Te = we()(Ce()).withConfig({
|
|
475
478
|
displayName: "ItemStyles__StyledClickable",
|
|
476
479
|
componentId: "sc-4kc053-4"
|
|
477
|
-
})([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}
|
|
480
|
+
})([ "display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled],[aria-disabled='true']){&:hover{background:", ";", "}", " ", "}&:focus{outline:0;box-shadow:", ";", "}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", "" ], (0,
|
|
478
481
|
U.pick)({
|
|
479
482
|
prisma: U.variables.contentColorActive,
|
|
480
483
|
enterprise: {
|
|
@@ -517,8 +520,6 @@
|
|
|
517
520
|
return t && (0, U.pick)({
|
|
518
521
|
prisma: (0, Se.css)([ "background:", ";" ], U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayHover))
|
|
519
522
|
});
|
|
520
|
-
}), U.variables.focusShadowInset, (0, U.pick)({
|
|
521
|
-
prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
|
|
522
523
|
}), (0, U.pick)({
|
|
523
524
|
prisma: (0, Se.css)([ "&:active{background:", ";}" ], U.variables.interactiveColorOverlayActive)
|
|
524
525
|
}), (function(e) {
|
|
@@ -526,6 +527,8 @@
|
|
|
526
527
|
return t && (0, U.pick)({
|
|
527
528
|
prisma: (0, Se.css)([ "background:", ";&:active{background:", ";}" ], U.variables.interactiveColorOverlaySelected, U.mixins.overlayColors(U.variables.interactiveColorOverlaySelected, U.variables.interactiveColorOverlayActive))
|
|
528
529
|
});
|
|
530
|
+
}), U.variables.focusShadowInset, (0, U.pick)({
|
|
531
|
+
prisma: (0, Se.css)([ "background:", ";" ], U.variables.interactiveColorOverlayHover)
|
|
529
532
|
}), (0, U.pick)({
|
|
530
533
|
enterprise: {
|
|
531
534
|
light: U.variables.gray45,
|
|
@@ -553,7 +556,7 @@
|
|
|
553
556
|
Me, U.variables.contentColorActive)
|
|
554
557
|
});
|
|
555
558
|
}));
|
|
556
|
-
var Pe =
|
|
559
|
+
var Pe = we()(Ie()).withConfig({
|
|
557
560
|
displayName: "ItemStyles__StyledSwitch",
|
|
558
561
|
componentId: "sc-4kc053-5"
|
|
559
562
|
})([ "position:absolute;left:", ";top:", ";" ], (0, U.pick)({
|
|
@@ -566,25 +569,25 @@
|
|
|
566
569
|
compact: "2px"
|
|
567
570
|
}
|
|
568
571
|
}));
|
|
569
|
-
var Ve =
|
|
572
|
+
var Ve = we().span.withConfig({
|
|
570
573
|
displayName: "ItemStyles__StyledInnerWrapper",
|
|
571
574
|
componentId: "sc-4kc053-6"
|
|
572
575
|
})([ "display:flex;align-items:flex-start;" ]);
|
|
573
|
-
var Re =
|
|
576
|
+
var Re = we().span.withConfig({
|
|
574
577
|
displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
|
|
575
578
|
componentId: "sc-4kc053-7"
|
|
576
579
|
})([ "display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", "" ], (function(e) {
|
|
577
580
|
var t = e.$truncate;
|
|
578
581
|
return t && (0, Se.css)([ "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" ]);
|
|
579
582
|
}));
|
|
580
|
-
var De =
|
|
583
|
+
var De = we().div.withConfig({
|
|
581
584
|
displayName: "ItemStyles__StyledLabel",
|
|
582
585
|
componentId: "sc-4kc053-8"
|
|
583
586
|
})([ "overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", "" ], (function(e) {
|
|
584
587
|
var t = e.$truncate;
|
|
585
588
|
return t && (0, Se.css)([ "display:block;clear:both;" ]);
|
|
586
589
|
}));
|
|
587
|
-
var Le =
|
|
590
|
+
var Le = we().span.withConfig({
|
|
588
591
|
displayName: "ItemStyles__StyledMatch",
|
|
589
592
|
componentId: "sc-4kc053-9"
|
|
590
593
|
})([ "border-bottom:1px solid ", ";" ], (0, U.pick)({
|
|
@@ -594,7 +597,7 @@
|
|
|
594
597
|
light: U.variables.gray45
|
|
595
598
|
}
|
|
596
599
|
}));
|
|
597
|
-
var qe =
|
|
600
|
+
var qe = we().span.withConfig({
|
|
598
601
|
displayName: "ItemStyles__StyledSubmenu",
|
|
599
602
|
componentId: "sc-4kc053-10"
|
|
600
603
|
})([ "float:right;padding-left:", ";color:", ";", "" ], U.variables.spacingSmall, (0,
|
|
@@ -605,11 +608,11 @@
|
|
|
605
608
|
prisma: (0, Se.css)([ "& > svg{width:20px;height:20px;}" ])
|
|
606
609
|
}));
|
|
607
610
|
// CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
|
|
608
|
-
var Ne =
|
|
611
|
+
var Ne = we()(De).withConfig({
|
|
609
612
|
displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
|
|
610
613
|
componentId: "y6bn08-0"
|
|
611
614
|
})([ "font-weight:", ";" ], U.variables.fontWeightBold);
|
|
612
|
-
var Be =
|
|
615
|
+
var Be = we()(Oe).withConfig({
|
|
613
616
|
displayName: "SelectAllOptionStyles__StyledSelectAllOption",
|
|
614
617
|
componentId: "y6bn08-1"
|
|
615
618
|
})([ "padding-inline-start:", ";box-shadow:none;" ], (0, U.pick)({
|
|
@@ -669,7 +672,7 @@
|
|
|
669
672
|
const $e = require("@splunk/react-ui/Button");
|
|
670
673
|
var ze = e.n($e);
|
|
671
674
|
// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
|
|
672
|
-
var We =
|
|
675
|
+
var We = we()(ze()).withConfig({
|
|
673
676
|
displayName: "SelectBaseStyles__StyledButton",
|
|
674
677
|
componentId: "sc-16cj7sk-0"
|
|
675
678
|
})([ "&[data-inline]{width:", ";}", "" ], (function(e) {
|
|
@@ -679,22 +682,22 @@
|
|
|
679
682
|
var t = e.$multiple;
|
|
680
683
|
return !t && "flex-grow: 0;";
|
|
681
684
|
}));
|
|
682
|
-
var Ue =
|
|
685
|
+
var Ue = we().span.withConfig({
|
|
683
686
|
displayName: "SelectBaseStyles__StyledLinkIcon",
|
|
684
687
|
componentId: "sc-16cj7sk-1"
|
|
685
688
|
})([ "padding-right:2px;" ]);
|
|
686
|
-
var Ge =
|
|
689
|
+
var Ge = we().span.withConfig({
|
|
687
690
|
displayName: "SelectBaseStyles__StyledLinkCaret",
|
|
688
691
|
componentId: "sc-16cj7sk-2"
|
|
689
692
|
})([ "padding-left:2px;" ]);
|
|
690
|
-
var Je =
|
|
693
|
+
var Je = we().div.withConfig({
|
|
691
694
|
displayName: "SelectBaseStyles__StyledFilter",
|
|
692
695
|
componentId: "sc-16cj7sk-3"
|
|
693
696
|
})([ "padding:", ";min-width:160px;" ], (0, U.pick)({
|
|
694
697
|
enterprise: "8px",
|
|
695
698
|
prisma: "10px 16px"
|
|
696
699
|
}));
|
|
697
|
-
var
|
|
700
|
+
var Xe = we().span.withConfig({
|
|
698
701
|
displayName: "SelectBaseStyles__StyledSearchIconWrapper",
|
|
699
702
|
componentId: "sc-16cj7sk-4"
|
|
700
703
|
})([ "color:", ";pointer-events:none;padding:", ";" ], (0, U.pick)({
|
|
@@ -707,21 +710,18 @@
|
|
|
707
710
|
comfortable: "0 8px",
|
|
708
711
|
compact: "0 6px"
|
|
709
712
|
}));
|
|
710
|
-
var
|
|
713
|
+
var Ye = we().span.withConfig({
|
|
711
714
|
displayName: "SelectBaseStyles__StyledCount",
|
|
712
715
|
componentId: "sc-16cj7sk-5"
|
|
713
|
-
})([ "padding-right:", ";" ],
|
|
714
|
-
|
|
715
|
-
prisma: U.variables.spacingXSmall
|
|
716
|
-
}));
|
|
717
|
-
var Ye = xe()(q()).withConfig({
|
|
716
|
+
})([ "padding-right:", ";" ], U.variables.spacingXSmall);
|
|
717
|
+
var Qe = we()(q()).withConfig({
|
|
718
718
|
displayName: "SelectBaseStyles__StyledControlsLink",
|
|
719
719
|
componentId: "sc-16cj7sk-6"
|
|
720
720
|
})([ "margin-right:20px;", ";" ], (function(e) {
|
|
721
721
|
var t = e.$disabled;
|
|
722
722
|
return t && (0, Se.css)([ "color:", ";" ], U.variables.contentColorDisabled);
|
|
723
723
|
}));
|
|
724
|
-
var Ze =
|
|
724
|
+
var Ze = we().div.withConfig({
|
|
725
725
|
displayName: "SelectBaseStyles__StyledToggleAllControls",
|
|
726
726
|
componentId: "sc-16cj7sk-7"
|
|
727
727
|
})([ "padding:", ";", "" ], (0, U.pick)({
|
|
@@ -1008,7 +1008,7 @@
|
|
|
1008
1008
|
};
|
|
1009
1009
|
return St(e, t);
|
|
1010
1010
|
}
|
|
1011
|
-
function
|
|
1011
|
+
function wt(e) {
|
|
1012
1012
|
var t = kt();
|
|
1013
1013
|
return function n() {
|
|
1014
1014
|
var r = It(e), o;
|
|
@@ -1018,10 +1018,10 @@
|
|
|
1018
1018
|
} else {
|
|
1019
1019
|
o = r.apply(this, arguments);
|
|
1020
1020
|
}
|
|
1021
|
-
return
|
|
1021
|
+
return xt(this, o);
|
|
1022
1022
|
};
|
|
1023
1023
|
}
|
|
1024
|
-
function
|
|
1024
|
+
function xt(e, t) {
|
|
1025
1025
|
if (t && (_t(t) === "object" || typeof t === "function")) {
|
|
1026
1026
|
return t;
|
|
1027
1027
|
}
|
|
@@ -1108,7 +1108,7 @@
|
|
|
1108
1108
|
allowKeyMatching: i().bool,
|
|
1109
1109
|
allowNewValues: i().bool,
|
|
1110
1110
|
animateLoading: i().bool,
|
|
1111
|
-
appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
|
|
1111
|
+
appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
|
|
1112
1112
|
append: i().bool,
|
|
1113
1113
|
children: i().node,
|
|
1114
1114
|
defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
|
|
@@ -1172,11 +1172,11 @@
|
|
|
1172
1172
|
tabConfirmsNewValue: false,
|
|
1173
1173
|
toggleContent: "optionChildren"
|
|
1174
1174
|
};
|
|
1175
|
-
var Pt =
|
|
1175
|
+
var Pt = w()((function(e) {
|
|
1176
1176
|
return [ e ];
|
|
1177
1177
|
}));
|
|
1178
1178
|
// preserve separate widths for single vs. multi mode
|
|
1179
|
-
var Vt =
|
|
1179
|
+
var Vt = w()((function(e) {
|
|
1180
1180
|
var t = e.anchorWidth, n = e.isMultiple, r = e.maxHeight, o = e.menuStyle;
|
|
1181
1181
|
return n ? jt({
|
|
1182
1182
|
width: Math.max(t !== null && t !== void 0 ? t : 0, 200),
|
|
@@ -1196,7 +1196,7 @@
|
|
|
1196
1196
|
}
|
|
1197
1197
|
var qt = function(e) {
|
|
1198
1198
|
Ot(o, e);
|
|
1199
|
-
var t =
|
|
1199
|
+
var t = wt(o);
|
|
1200
1200
|
gt(o, null, [ {
|
|
1201
1201
|
key: "validateAppearance",
|
|
1202
1202
|
// @docs-props-type CompactPropsBase
|
|
@@ -1477,7 +1477,7 @@
|
|
|
1477
1477
|
}));
|
|
1478
1478
|
Et(Ct(i), "createToggle", (function() {
|
|
1479
1479
|
var e;
|
|
1480
|
-
var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel,
|
|
1480
|
+
var t = i.props, a = t.toggle, l = t.appearance, c = t.children, u = t.describedBy, p = t.disabled, d = t.elementRef, v = t.error, h = t.inline, b = t.labelledBy, m = t.labelText, y = t.multiple, g = t.placeholder, S = t.prefixLabel, w = t.required, x = t.suffixLabel, k = t.toggleContent;
|
|
1481
1481
|
var _;
|
|
1482
1482
|
var A;
|
|
1483
1483
|
var j = [];
|
|
@@ -1513,7 +1513,7 @@
|
|
|
1513
1513
|
A = i.wrapLabel({
|
|
1514
1514
|
prefixLabel: S,
|
|
1515
1515
|
label: A,
|
|
1516
|
-
suffixLabel:
|
|
1516
|
+
suffixLabel: x
|
|
1517
1517
|
});
|
|
1518
1518
|
}
|
|
1519
1519
|
// single <Select> behaviour is to show the placeholder if all parts of the the label
|
|
@@ -1531,20 +1531,20 @@
|
|
|
1531
1531
|
j = i.wrapLabel({
|
|
1532
1532
|
prefixLabel: S,
|
|
1533
1533
|
label: [ "".concat(E.length, " items selected") ],
|
|
1534
|
-
suffixLabel:
|
|
1534
|
+
suffixLabel: x
|
|
1535
1535
|
});
|
|
1536
1536
|
} else {
|
|
1537
1537
|
j = i.wrapLabel({
|
|
1538
1538
|
prefixLabel: S,
|
|
1539
1539
|
label: j,
|
|
1540
|
-
suffixLabel:
|
|
1540
|
+
suffixLabel: x
|
|
1541
1541
|
});
|
|
1542
1542
|
}
|
|
1543
1543
|
var P = jt({
|
|
1544
1544
|
"aria-describedby": u,
|
|
1545
1545
|
"aria-label": "".concat(m ? "".concat(m, ", ") : "").concat(j.join("")),
|
|
1546
1546
|
"aria-labelledby": m ? undefined : b,
|
|
1547
|
-
"aria-required":
|
|
1547
|
+
"aria-required": w,
|
|
1548
1548
|
"data-select-appearance": l,
|
|
1549
1549
|
"data-test": y ? "multiselect" : "select",
|
|
1550
1550
|
disabled: p,
|
|
@@ -1579,7 +1579,7 @@
|
|
|
1579
1579
|
"aria-haspopup": "listbox",
|
|
1580
1580
|
"aria-owns": i.menuId,
|
|
1581
1581
|
onClick: i.props.onClick
|
|
1582
|
-
}, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y && r().createElement(
|
|
1582
|
+
}, I()(i.props, o.invalidLinkAppearanceProps)), !!E.length && y && r().createElement(Ye, {
|
|
1583
1583
|
"data-role": "count"
|
|
1584
1584
|
}, "(", E.length, ")"));
|
|
1585
1585
|
}));
|
|
@@ -1594,9 +1594,9 @@
|
|
|
1594
1594
|
i.availableMatchOptions = [];
|
|
1595
1595
|
var O;
|
|
1596
1596
|
var S = 0;
|
|
1597
|
-
var
|
|
1597
|
+
var w = false;
|
|
1598
1598
|
// used to avoid overwriting the selected item ref in multiple mode
|
|
1599
|
-
var
|
|
1599
|
+
var x;
|
|
1600
1600
|
var C = b === "immediately" ? i.getTopValues() : a;
|
|
1601
1601
|
var k = n.Children.toArray(i.props.children).reduce((function(e, t, o) {
|
|
1602
1602
|
// ignore Headings and Dividers
|
|
@@ -1609,7 +1609,7 @@
|
|
|
1609
1609
|
O = true;
|
|
1610
1610
|
}
|
|
1611
1611
|
var a = g && g.indexOf(t.props.value) >= 0;
|
|
1612
|
-
var l = !!a && !t.props.disabled && !
|
|
1612
|
+
var l = !!a && !t.props.disabled && !x;
|
|
1613
1613
|
var s = c && !d && !p && !m && !y;
|
|
1614
1614
|
var u = Lt(t.props.value, t.props.label);
|
|
1615
1615
|
var f = -1;
|
|
@@ -1635,14 +1635,14 @@
|
|
|
1635
1635
|
}
|
|
1636
1636
|
});
|
|
1637
1637
|
if (l) {
|
|
1638
|
-
|
|
1638
|
+
x = true;
|
|
1639
1639
|
}
|
|
1640
1640
|
if (C && C.indexOf(t.props.value) >= 0) {
|
|
1641
1641
|
if (S === 0) {
|
|
1642
1642
|
e.splice(S, 0, r().createElement(T.Divider, {
|
|
1643
1643
|
key: "topDivider"
|
|
1644
1644
|
}));
|
|
1645
|
-
|
|
1645
|
+
w = true;
|
|
1646
1646
|
}
|
|
1647
1647
|
e.splice(S, 0, v);
|
|
1648
1648
|
S += 1;
|
|
@@ -1668,7 +1668,7 @@
|
|
|
1668
1668
|
key: "topDivider"
|
|
1669
1669
|
}));
|
|
1670
1670
|
S += 1;
|
|
1671
|
-
|
|
1671
|
+
w = true;
|
|
1672
1672
|
}
|
|
1673
1673
|
k.splice(n ? 0 : o + 1, 0, r().createElement(Oe, {
|
|
1674
1674
|
label: String(e),
|
|
@@ -1706,7 +1706,7 @@
|
|
|
1706
1706
|
}));
|
|
1707
1707
|
// Add the option to add the new value
|
|
1708
1708
|
if (u && !O && t) {
|
|
1709
|
-
var A =
|
|
1709
|
+
var A = w ? S + 1 : S;
|
|
1710
1710
|
k.splice(A, 0, r().createElement(Oe, {
|
|
1711
1711
|
label: "".concat(t, " (new value)"),
|
|
1712
1712
|
value: t,
|
|
@@ -1933,12 +1933,12 @@
|
|
|
1933
1933
|
var v = r().createElement(Ze, {
|
|
1934
1934
|
$placement: o,
|
|
1935
1935
|
key: "selectAll"
|
|
1936
|
-
}, r().createElement(
|
|
1936
|
+
}, r().createElement(Qe, {
|
|
1937
1937
|
$disabled: this.optionSelection === "all",
|
|
1938
1938
|
"aria-label": f,
|
|
1939
1939
|
onClick: this.handleSelectAll,
|
|
1940
1940
|
"data-test": "select-all"
|
|
1941
|
-
}, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")), r().createElement(
|
|
1941
|
+
}, i ? (0, s._)("Select all Matches") : (0, s._)("Select all")), r().createElement(Qe, {
|
|
1942
1942
|
$disabled: this.optionSelection === "none",
|
|
1943
1943
|
"aria-label": d,
|
|
1944
1944
|
onClick: this.handleClearAll,
|
|
@@ -1968,7 +1968,7 @@
|
|
|
1968
1968
|
inputRef: c,
|
|
1969
1969
|
inputId: l,
|
|
1970
1970
|
canClear: true,
|
|
1971
|
-
startAdornment: r().createElement(
|
|
1971
|
+
startAdornment: r().createElement(Xe, null, r().createElement(te, null))
|
|
1972
1972
|
})), u && n && p === "buttongroup" && v);
|
|
1973
1973
|
}
|
|
1974
1974
|
}, {
|
|
@@ -2002,13 +2002,12 @@
|
|
|
2002
2002
|
placement: a,
|
|
2003
2003
|
hasChildren: !!m.length
|
|
2004
2004
|
}),
|
|
2005
|
-
|
|
2006
|
-
placement: a !== null && a !== void 0 ? a : undefined,
|
|
2007
|
-
onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
|
|
2008
|
-
"data-test": "results-menu",
|
|
2009
|
-
isLoading: o.props.isLoadingOptions,
|
|
2005
|
+
focusMode: o.hasFilter() ? "never" : undefined,
|
|
2010
2006
|
id: o.menuId,
|
|
2011
|
-
|
|
2007
|
+
isLoading: o.props.isLoadingOptions,
|
|
2008
|
+
menuId: o.menuListboxId,
|
|
2009
|
+
onScrollBottom: o.props.onScrollBottom ? o.handleScrollBottom : undefined,
|
|
2010
|
+
placement: a !== null && a !== void 0 ? a : undefined
|
|
2012
2011
|
}, I()(o.props, "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), {}, {
|
|
2013
2012
|
style: l,
|
|
2014
2013
|
tabIndex: s
|
|
@@ -2117,11 +2116,11 @@
|
|
|
2117
2116
|
return Wt(e, t);
|
|
2118
2117
|
}
|
|
2119
2118
|
function Ut(e) {
|
|
2120
|
-
var t =
|
|
2119
|
+
var t = Xt();
|
|
2121
2120
|
return function n() {
|
|
2122
|
-
var r =
|
|
2121
|
+
var r = Yt(e), o;
|
|
2123
2122
|
if (t) {
|
|
2124
|
-
var i =
|
|
2123
|
+
var i = Yt(this).constructor;
|
|
2125
2124
|
o = Reflect.construct(r, arguments, i);
|
|
2126
2125
|
} else {
|
|
2127
2126
|
o = r.apply(this, arguments);
|
|
@@ -2141,7 +2140,7 @@
|
|
|
2141
2140
|
}
|
|
2142
2141
|
return e;
|
|
2143
2142
|
}
|
|
2144
|
-
function
|
|
2143
|
+
function Xt() {
|
|
2145
2144
|
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
2146
2145
|
if (Reflect.construct.sham) return false;
|
|
2147
2146
|
if (typeof Proxy === "function") return true;
|
|
@@ -2152,13 +2151,13 @@
|
|
|
2152
2151
|
return false;
|
|
2153
2152
|
}
|
|
2154
2153
|
}
|
|
2155
|
-
function
|
|
2156
|
-
|
|
2154
|
+
function Yt(e) {
|
|
2155
|
+
Yt = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
|
|
2157
2156
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
2158
2157
|
};
|
|
2159
|
-
return
|
|
2158
|
+
return Yt(e);
|
|
2160
2159
|
}
|
|
2161
|
-
function
|
|
2160
|
+
function Qt(e, t, n) {
|
|
2162
2161
|
if (t in e) {
|
|
2163
2162
|
Object.defineProperty(e, t, {
|
|
2164
2163
|
value: n,
|
|
@@ -2214,8 +2213,8 @@
|
|
|
2214
2213
|
o[i] = arguments[i];
|
|
2215
2214
|
}
|
|
2216
2215
|
e = t.call.apply(t, [ this ].concat(o));
|
|
2217
|
-
|
|
2218
|
-
|
|
2216
|
+
Qt(Jt(e), "c", null);
|
|
2217
|
+
Qt(Jt(e), "handleMount", (function(t) {
|
|
2219
2218
|
e.c = t;
|
|
2220
2219
|
}));
|
|
2221
2220
|
return e;
|
|
@@ -2246,8 +2245,8 @@
|
|
|
2246
2245
|
} ]);
|
|
2247
2246
|
return n;
|
|
2248
2247
|
}(n.PureComponent);
|
|
2249
|
-
|
|
2250
|
-
|
|
2248
|
+
Qt(tn, "propTypes", Zt);
|
|
2249
|
+
Qt(tn, "defaultProps", en);
|
|
2251
2250
|
/* harmony default export */ const nn = tn;
|
|
2252
2251
|
// CONCATENATED MODULE: ./src/Select/Select.tsx
|
|
2253
2252
|
function rn(e) {
|
|
@@ -2402,7 +2401,7 @@
|
|
|
2402
2401
|
/** @public */ var gn = {
|
|
2403
2402
|
allowKeyMatching: i().bool,
|
|
2404
2403
|
animateLoading: i().bool,
|
|
2405
|
-
appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat" ]),
|
|
2404
|
+
appearance: i().oneOf([ "default", "link", "primary", "pill", "toggle", "flat", "subtle" ]),
|
|
2406
2405
|
append: i().bool,
|
|
2407
2406
|
children: i().node,
|
|
2408
2407
|
defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
|
|
@@ -2477,6 +2476,9 @@
|
|
|
2477
2476
|
}
|
|
2478
2477
|
}
|
|
2479
2478
|
r.state = o;
|
|
2479
|
+
// `this.props.appearance === 'toggle'` is not included here because it is the default value.
|
|
2480
|
+
// Including it would trigger a warning for every instance of using `Select`.
|
|
2481
|
+
if (false) {}
|
|
2480
2482
|
return r;
|
|
2481
2483
|
}
|
|
2482
2484
|
un(n, [ {
|
|
@@ -2521,7 +2523,7 @@
|
|
|
2521
2523
|
yn(Sn, "Option", nn);
|
|
2522
2524
|
yn(Sn, "Heading", T.Heading);
|
|
2523
2525
|
yn(Sn, "Divider", T.Divider);
|
|
2524
|
-
/* harmony default export */ const
|
|
2526
|
+
/* harmony default export */ const wn = Sn;
|
|
2525
2527
|
// CONCATENATED MODULE: ./src/Select/index.ts
|
|
2526
2528
|
module.exports = t;
|
|
2527
2529
|
/******/})();
|
package/Slider.js
CHANGED
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
displayName: "SliderStyles__StyledPopoverContent",
|
|
206
206
|
componentId: "sc-16ooit4-4"
|
|
207
207
|
})([ "padding:", ";font-size:", ";line-height:", ";" ], (0, h.pick)({
|
|
208
|
-
enterprise: h.variables.
|
|
208
|
+
enterprise: h.variables.spacingSmall,
|
|
209
209
|
prisma: "12px 16px"
|
|
210
210
|
}), (0, h.pick)({
|
|
211
211
|
enterprise: h.variables.fontSizeSmall,
|
|
@@ -282,7 +282,7 @@
|
|
|
282
282
|
if (r) A(e, r);
|
|
283
283
|
return e;
|
|
284
284
|
}
|
|
285
|
-
function
|
|
285
|
+
function K(e, t) {
|
|
286
286
|
if (typeof t !== "function" && t !== null) {
|
|
287
287
|
throw new TypeError("Super expression must either be null or a function");
|
|
288
288
|
}
|
|
@@ -293,16 +293,16 @@
|
|
|
293
293
|
configurable: true
|
|
294
294
|
}
|
|
295
295
|
});
|
|
296
|
-
if (t)
|
|
296
|
+
if (t) U(e, t);
|
|
297
297
|
}
|
|
298
|
-
function
|
|
299
|
-
|
|
298
|
+
function U(e, t) {
|
|
299
|
+
U = Object.setPrototypeOf || function e(t, r) {
|
|
300
300
|
t.__proto__ = r;
|
|
301
301
|
return t;
|
|
302
302
|
};
|
|
303
|
-
return
|
|
303
|
+
return U(e, t);
|
|
304
304
|
}
|
|
305
|
-
function
|
|
305
|
+
function H(e) {
|
|
306
306
|
var t = J();
|
|
307
307
|
return function r() {
|
|
308
308
|
var n = Q(e), i;
|
|
@@ -390,8 +390,8 @@
|
|
|
390
390
|
stepMarks: "focus"
|
|
391
391
|
};
|
|
392
392
|
var te = function(e) {
|
|
393
|
-
|
|
394
|
-
var t =
|
|
393
|
+
K(r, e);
|
|
394
|
+
var t = H(r);
|
|
395
395
|
// @docs-props-type SliderPropsBase
|
|
396
396
|
function r(e) {
|
|
397
397
|
var n;
|
package/SplitButton.js
CHANGED
|
@@ -136,10 +136,7 @@
|
|
|
136
136
|
})([ "", " [data-inline] + &{margin-left:", ";}" ], (function(e) {
|
|
137
137
|
var t = e.$inline;
|
|
138
138
|
return !t && (0, d.css)([ "width:100%;" ]);
|
|
139
|
-
}),
|
|
140
|
-
enterprise: g.variables.spacingHalf,
|
|
141
|
-
prisma: g.variables.spacingSmall
|
|
142
|
-
}));
|
|
139
|
+
}), g.variables.spacingSmall);
|
|
143
140
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
144
141
|
const S = require("lodash/omit");
|
|
145
142
|
var j = e.n(S);
|
package/StaticContent.js
CHANGED