@splunk/react-ui 4.29.0 → 4.31.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 +1 -0
- package/CHANGELOG.md +39 -3
- package/Card.js +17 -17
- package/Chip.js +5 -5
- package/Clickable.js +107 -87
- package/Code.js +10 -22
- package/CollapsiblePanel.js +8 -8
- package/ComboBox.js +43 -38
- package/Date.js +6 -6
- package/Divider.js +96 -45
- package/DualListbox.js +1 -1
- package/Link.js +77 -75
- package/MIGRATION.mdx +51 -1
- package/Markdown.js +10 -9
- package/Menu.js +5 -5
- package/Message.js +160 -149
- package/ModalLayer.js +2 -1
- package/Multiselect.js +9 -6
- package/Number.js +19 -18
- package/Paginator.js +239 -223
- package/RadioBar.js +43 -39
- package/ResultsMenu.js +14 -11
- package/Search.js +227 -220
- package/Select.js +77 -72
- package/SidePanel.js +1 -1
- package/StepBar.js +1 -1
- package/Table.js +2082 -1594
- package/Text.js +1 -0
- package/TextArea.d.ts +1 -1
- package/cypress/support/component.ts +2 -2
- package/package.json +21 -20
- package/test-runner-jest.config.js +1 -0
- package/types/src/Accordion/Accordion.d.ts +3 -7
- package/types/src/Accordion/Panel.d.ts +2 -2
- package/types/src/Anchor/Anchor.d.ts +1 -1
- package/types/src/AnimationToggle/AnimationToggle.d.ts +3 -3
- package/types/src/Box/Box.d.ts +1 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +4 -4
- package/types/src/Breadcrumbs/Item.d.ts +1 -1
- package/types/src/Button/Button.d.ts +5 -5
- package/types/src/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -10
- package/types/src/Calendar/Calendar.d.ts +3 -3
- package/types/src/Calendar/DateTable.d.ts +2 -2
- package/types/src/Calendar/Day.d.ts +3 -3
- package/types/src/Calendar/MonthHeader.d.ts +6 -6
- package/types/src/Card/Body.d.ts +1 -1
- package/types/src/Card/Card.d.ts +6 -6
- package/types/src/Card/Footer.d.ts +1 -1
- package/types/src/Card/Header.d.ts +1 -1
- package/types/src/CardLayout/CardLayout.d.ts +4 -4
- package/types/src/Chip/Chip.d.ts +5 -5
- package/types/src/Clickable/Clickable.d.ts +12 -4
- package/types/src/Clickable/NavigationProvider.d.ts +26 -5
- package/types/src/CloseButton/CloseButton.d.ts +1 -1
- package/types/src/Code/Code.d.ts +2 -2
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +9 -5
- package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts +2 -2
- package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupInset.d.ts +2 -0
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +8 -8
- package/types/src/Color/Swatch.d.ts +2 -2
- package/types/src/ColumnLayout/Column.d.ts +1 -1
- package/types/src/ColumnLayout/ColumnLayout.d.ts +1 -1
- package/types/src/ColumnLayout/Row.d.ts +1 -1
- package/types/src/ComboBox/ComboBox.d.ts +7 -6
- package/types/src/ComboBox/Option.d.ts +3 -3
- package/types/src/Concertina/Concertina.d.ts +2 -2
- package/types/src/Concertina/Heading.d.ts +3 -3
- package/types/src/Concertina/Panel.d.ts +4 -4
- package/types/src/Concertina/types.d.ts +1 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +5 -5
- package/types/src/Date/Date.d.ts +10 -10
- package/types/src/DefinitionList/DefinitionList.d.ts +2 -2
- package/types/src/DefinitionList/Description.d.ts +1 -1
- package/types/src/DefinitionList/Term.d.ts +1 -1
- package/types/src/Divider/Divider.d.ts +7 -2
- package/types/src/Divider/docs/examples/Decorative.d.ts +2 -0
- package/types/src/Dropdown/Dropdown.d.ts +10 -10
- package/types/src/DualListbox/DualListbox.d.ts +4 -4
- package/types/src/DualListbox/DualListboxContext.d.ts +7 -7
- package/types/src/DualListbox/Label.d.ts +2 -2
- package/types/src/DualListbox/Listbox.d.ts +4 -4
- package/types/src/DualListbox/ListboxContext.d.ts +3 -3
- package/types/src/DualListbox/Option.d.ts +2 -2
- package/types/src/DualListbox/ToolbarButton.d.ts +3 -3
- package/types/src/DualListbox/ToolbarContext.d.ts +3 -3
- package/types/src/EventListener/EventListener.d.ts +1 -1
- package/types/src/File/File.d.ts +8 -8
- package/types/src/File/Item.d.ts +2 -2
- package/types/src/FormRows/FormRows.d.ts +6 -6
- package/types/src/FormRows/Row.d.ts +2 -2
- package/types/src/FormRows/RowInternal.d.ts +1 -1
- package/types/src/FormRows/SortableList.d.ts +1 -1
- package/types/src/FormRows/SortableRow.d.ts +3 -3
- package/types/src/Heading/Heading.d.ts +2 -2
- package/types/src/Image/Image.d.ts +2 -2
- package/types/src/JSONTree/JSONTree.d.ts +6 -6
- package/types/src/JSONTree/JSONTreeItem.d.ts +3 -3
- package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
- package/types/src/Layer/Layer.d.ts +3 -3
- package/types/src/Link/Link.d.ts +4 -4
- package/types/src/List/Item.d.ts +1 -1
- package/types/src/List/List.d.ts +3 -3
- package/types/src/Markdown/Markdown.d.ts +18 -12
- package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownCode.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownImage.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownItem.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownList.d.ts +3 -3
- package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +1 -1
- package/types/src/Menu/Divider.d.ts +1 -1
- package/types/src/Menu/Heading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +10 -10
- package/types/src/Menu/Menu.d.ts +9 -9
- package/types/src/Message/Link.d.ts +3 -3
- package/types/src/Message/Message.d.ts +1 -1
- package/types/src/MessageBar/MessageBar.d.ts +2 -2
- package/types/src/Modal/Body.d.ts +1 -1
- package/types/src/Modal/Footer.d.ts +1 -1
- package/types/src/Modal/Header.d.ts +1 -1
- package/types/src/Modal/Modal.d.ts +4 -4
- package/types/src/ModalLayer/ModalLayer.d.ts +3 -3
- package/types/src/Monogram/Monogram.d.ts +5 -5
- package/types/src/Multiselect/Compact.d.ts +2 -2
- package/types/src/Multiselect/Multiselect.d.ts +7 -7
- package/types/src/Multiselect/Normal.d.ts +2 -2
- package/types/src/Multiselect/Option.d.ts +3 -3
- package/types/src/Multiselect/docs/examples/Fetching.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -1
- package/types/src/Number/Number.d.ts +22 -22
- package/types/src/Paginator/Button.d.ts +3 -3
- package/types/src/Paginator/Compact.d.ts +4 -4
- package/types/src/Paginator/PageControl.d.ts +2 -2
- package/types/src/Paginator/PageSelect.d.ts +2 -2
- package/types/src/Paginator/Paginator.d.ts +2 -2
- package/types/src/Paragraph/Paragraph.d.ts +1 -1
- package/types/src/Popover/Popover.d.ts +11 -11
- package/types/src/Popover/PopoverHitArea.d.ts +1 -1
- package/types/src/Progress/Progress.d.ts +1 -1
- package/types/src/RadioBar/Option.d.ts +8 -4
- package/types/src/RadioBar/RadioBar.d.ts +8 -8
- package/types/src/RadioList/Option.d.ts +1 -1
- package/types/src/RadioList/RadioList.d.ts +3 -3
- package/types/src/Resize/Resize.d.ts +4 -4
- package/types/src/Resize/docs/examples/Basic.d.ts +2 -0
- package/types/src/ResultsMenu/ResultsMenu.d.ts +7 -5
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedItem.d.ts +1 -1
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
- package/types/src/ResultsMenu/VirtualizedResultsMenu/injectVirtualizedItem.d.ts +2 -2
- package/types/src/ScreenReaderContent/ScreenReaderContent.d.ts +2 -2
- package/types/src/Scroll/Inner.d.ts +3 -3
- package/types/src/Scroll/Scroll.d.ts +2 -2
- package/types/src/Search/Option.d.ts +8 -8
- package/types/src/Search/Search.d.ts +4 -4
- package/types/src/Select/Option.d.ts +2 -2
- package/types/src/Select/OptionBase.d.ts +8 -8
- package/types/src/Select/Select.d.ts +5 -5
- package/types/src/Select/SelectAllOption.d.ts +1 -1
- package/types/src/Select/SelectBase.d.ts +9 -8
- package/types/src/SidePanel/SidePanel.d.ts +3 -3
- package/types/src/Slider/Slider.d.ts +8 -8
- package/types/src/SlidingPanels/Panel.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -2
- package/types/src/SplitButton/Item.d.ts +2 -2
- package/types/src/SplitButton/SplitButton.d.ts +1 -1
- package/types/src/StaticContent/StaticContent.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -1
- package/types/src/StepBar/StepBar.d.ts +1 -1
- package/types/src/Switch/Switch.d.ts +4 -8
- package/types/src/TabBar/Tab.d.ts +7 -8
- package/types/src/TabBar/TabBar.d.ts +5 -5
- package/types/src/TabLayout/Panel.d.ts +2 -2
- package/types/src/TabLayout/TabLayout.d.ts +3 -3
- package/types/src/Table/Body.d.ts +4 -8
- package/types/src/Table/Caption.d.ts +2 -2
- package/types/src/Table/Cell.d.ts +3 -3
- package/types/src/Table/DragHandle.d.ts +1 -1
- package/types/src/Table/Head.d.ts +6 -6
- package/types/src/Table/HeadCell.d.ts +9 -9
- package/types/src/Table/HeadDropdownCell.d.ts +11 -11
- package/types/src/Table/HeadInner.d.ts +5 -5
- package/types/src/Table/HeadTable.d.ts +2 -2
- package/types/src/Table/KeyboardSensor.d.ts +79 -0
- package/types/src/Table/Row.d.ts +12 -14
- package/types/src/Table/RowDragCell.d.ts +9 -40
- package/types/src/Table/Table.d.ts +12 -10
- package/types/src/Table/Toggle.d.ts +1 -1
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -1
- package/types/src/Text/Text.d.ts +13 -11
- package/types/src/TextArea/TextArea.d.ts +10 -10
- package/types/src/Tooltip/Tooltip.d.ts +9 -9
- package/types/src/TransitionOpen/TransitionOpen.d.ts +2 -2
- package/types/src/Tree/Tree.d.ts +3 -3
- package/types/src/Tree/TreeItem.d.ts +4 -4
- package/types/src/Typography/Typography.d.ts +5 -5
- package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
- package/types/src/fixtures/FetchOptions.d.ts +2 -2
- package/types/src/useKeyPress/index.d.ts +2 -2
- package/types/src/utils/types.d.ts +4 -4
- package/types/src/Divider/docs/examples/AriaHidden.d.ts +0 -2
- package/types/src/Resize/docs/examples/Typical.d.ts +0 -2
package/Number.js
CHANGED
|
@@ -83,10 +83,10 @@
|
|
|
83
83
|
var f = e.n(d);
|
|
84
84
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
85
85
|
const v = require("@splunk/themes");
|
|
86
|
-
// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
87
|
-
const m = require("@splunk/ui-utils/keyboard");
|
|
88
86
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
89
|
-
const
|
|
87
|
+
const m = require("@splunk/ui-utils/i18n");
|
|
88
|
+
// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
89
|
+
const h = require("@splunk/ui-utils/keyboard");
|
|
90
90
|
// CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
|
|
91
91
|
const b = require("@splunk/react-icons/SVGEnterprise");
|
|
92
92
|
var y = e.n(b);
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
enterprise: "calc(50% + 1.5px)",
|
|
164
164
|
prisma: "50%"
|
|
165
165
|
}));
|
|
166
|
-
var
|
|
166
|
+
var N = x()(w()).withConfig({
|
|
167
167
|
displayName: "NumberStyles__StyledPlusButton",
|
|
168
168
|
componentId: "sc-2ekj9s-2"
|
|
169
169
|
})([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
|
|
180
180
|
}
|
|
181
181
|
}));
|
|
182
|
-
var
|
|
182
|
+
var D = x()(w()).withConfig({
|
|
183
183
|
displayName: "NumberStyles__StyledMinusButton",
|
|
184
184
|
componentId: "sc-2ekj9s-3"
|
|
185
185
|
})([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
|
|
@@ -492,29 +492,29 @@
|
|
|
492
492
|
}));
|
|
493
493
|
Q(H(n), "handleKeyDown", (function(e) {
|
|
494
494
|
var t, r;
|
|
495
|
-
if (!e.metaKey && !e.ctrlKey && !e.altKey && (0,
|
|
495
|
+
if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, h.addsCharacter)(e.nativeEvent) !== false) {
|
|
496
496
|
// only allow numbers, negative and decimals
|
|
497
|
-
if (!(0,
|
|
497
|
+
if (!(0, h.isNumeric)(e.nativeEvent, {
|
|
498
498
|
locale: n.props.locale
|
|
499
499
|
})) {
|
|
500
500
|
e.preventDefault();
|
|
501
501
|
}
|
|
502
502
|
// if minus is not allowed or there is already one, prevent input
|
|
503
|
-
if ((0,
|
|
503
|
+
if ((0, h.isMinus)(e.nativeEvent) && (n.preventNegativeNumbers() || n.state.stringValue.indexOf("-") >= 0)) {
|
|
504
504
|
e.preventDefault();
|
|
505
505
|
}
|
|
506
506
|
// if decimal is not allowed or there is already one, prevent input
|
|
507
|
-
if ((0,
|
|
507
|
+
if ((0, h.isDecimal)(e.nativeEvent, {
|
|
508
508
|
locale: n.props.locale
|
|
509
509
|
}) && (n.props.roundTo <= 0 || n.state.stringValue.indexOf(n.props.locale) >= 0)) {
|
|
510
510
|
e.preventDefault();
|
|
511
511
|
}
|
|
512
512
|
}
|
|
513
513
|
// Arrow up and down will increment
|
|
514
|
-
if ((0,
|
|
514
|
+
if ((0, h.keycode)(e.nativeEvent) === "up") {
|
|
515
515
|
n.increment(e, n.props.step);
|
|
516
516
|
e.preventDefault();
|
|
517
|
-
} else if ((0,
|
|
517
|
+
} else if ((0, h.keycode)(e.nativeEvent) === "down") {
|
|
518
518
|
n.increment(e, -n.props.step);
|
|
519
519
|
e.preventDefault();
|
|
520
520
|
}
|
|
@@ -522,7 +522,7 @@
|
|
|
522
522
|
}));
|
|
523
523
|
Q(H(n), "handleKeyUp", (function(e) {
|
|
524
524
|
var t, r;
|
|
525
|
-
if ((0,
|
|
525
|
+
if ((0, h.keycode)(e.nativeEvent) === "enter") {
|
|
526
526
|
n.updateString();
|
|
527
527
|
}
|
|
528
528
|
(t = (r = n.props).onKeyUp) === null || t === void 0 ? void 0 : t.call(r, e);
|
|
@@ -656,7 +656,7 @@
|
|
|
656
656
|
key: "render",
|
|
657
657
|
value: function e() {
|
|
658
658
|
var t = this;
|
|
659
|
-
var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max,
|
|
659
|
+
var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, h = r.min, b = r.prepend, y = r.splunkTheme;
|
|
660
660
|
var g = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
|
|
661
661
|
var S = y.isPrisma;
|
|
662
662
|
var x = S ? {} : {
|
|
@@ -666,11 +666,11 @@
|
|
|
666
666
|
inline: false
|
|
667
667
|
};
|
|
668
668
|
var O = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
|
|
669
|
-
var w = d !== undefined && u()(d) &&
|
|
669
|
+
var w = d !== undefined && u()(d) && h !== undefined && u()(h) && d <= h;
|
|
670
670
|
var C = n().createElement(k, {
|
|
671
671
|
width: "6px",
|
|
672
672
|
height: "4px",
|
|
673
|
-
screenReaderText: (0,
|
|
673
|
+
screenReaderText: (0, m._)("Increment")
|
|
674
674
|
});
|
|
675
675
|
var j = R({
|
|
676
676
|
"data-test": "increment",
|
|
@@ -678,11 +678,11 @@
|
|
|
678
678
|
onClick: this.handleIncrement,
|
|
679
679
|
tabIndex: -1
|
|
680
680
|
}, x);
|
|
681
|
-
var P = S ? n().createElement(I, j, C) : n().createElement(
|
|
681
|
+
var P = S ? n().createElement(I, j, C) : n().createElement(N, j, C);
|
|
682
682
|
var V = n().createElement(k, {
|
|
683
683
|
width: "6px",
|
|
684
684
|
height: "4px",
|
|
685
|
-
screenReaderText: (0,
|
|
685
|
+
screenReaderText: (0, m._)("Decrement"),
|
|
686
686
|
style: {
|
|
687
687
|
transform: "rotateX(180deg)"
|
|
688
688
|
}
|
|
@@ -693,7 +693,7 @@
|
|
|
693
693
|
onClick: this.handleDecrement,
|
|
694
694
|
tabIndex: -1
|
|
695
695
|
}, x);
|
|
696
|
-
var B = S ? n().createElement(q, E, V) : n().createElement(
|
|
696
|
+
var B = S ? n().createElement(q, E, V) : n().createElement(D, E, V);
|
|
697
697
|
var K = o && !b;
|
|
698
698
|
var M = (!a || S) && K && !s && n().createElement(_, {
|
|
699
699
|
$isAppend: K
|
|
@@ -730,6 +730,7 @@
|
|
|
730
730
|
}(r.Component);
|
|
731
731
|
Q(ee, "propTypes", W);
|
|
732
732
|
Q(ee, "defaultProps", Z);
|
|
733
|
+
Q(ee, "displayName", "Number");
|
|
733
734
|
Q(ee, "getDerivedStateFromProps", (function(e, t) {
|
|
734
735
|
if (l()(e, "value") && e.value !== t.prevValueProp) {
|
|
735
736
|
var r = ee.stringToNumber(t.stringValue, e);
|