@splunk/react-ui 4.33.0 → 4.34.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/Button.js +19 -22
- package/ButtonGroup.js +20 -23
- package/ButtonSimple.js +33 -34
- package/CHANGELOG.md +31 -0
- package/Card.js +56 -44
- package/Chip.js +2 -6
- package/CollapsiblePanel.js +281 -264
- package/Color.js +88 -86
- package/Concertina.js +7 -7
- package/ControlGroup.js +18 -18
- package/DualListbox.js +8 -11
- package/File.js +25 -30
- package/FormRows.js +53 -53
- package/Image.js +13 -13
- package/JSONTree.js +22 -22
- package/MIGRATION.mdx +76 -0
- package/Markdown.js +12 -12
- package/Menu.js +505 -719
- package/Message.js +205 -204
- package/MessageBar.js +104 -104
- package/Modal.js +2 -2
- package/Multiselect.js +36 -39
- 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 +256 -261
- package/Search.js +21 -24
- package/Select.js +34 -31
- package/Slider.js +9 -9
- package/SplitButton.js +1 -4
- package/StaticContent.js +1 -1
- package/StepBar.js +1 -1
- package/Switch.js +169 -171
- package/TabBar.js +13 -5
- package/Table.js +65 -67
- package/Text.js +17 -26
- package/TextArea.js +162 -163
- package/Tooltip.js +1 -1
- package/package.json +5 -5
- package/stubs-splunkui.d.ts +11 -0
- package/types/src/Card/Card.d.ts +3 -1
- package/types/src/Card/Header.d.ts +22 -3
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +5 -0
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -3
- package/types/src/Menu/Item.d.ts +3 -0
- package/types/src/Menu/Menu.d.ts +16 -21
- package/types/src/Menu/MenuContext.d.ts +3 -2
- 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 +5 -22
- 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/useRovingFocus.js +26 -40
- package/types/src/Select/docs/examples/prisma/Appearance.d.ts +0 -14
package/Tooltip.js
CHANGED
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
displayName: "TooltipStyles__StyledContent",
|
|
163
163
|
componentId: "sc-67fvgm-4"
|
|
164
164
|
})([ "padding:", ";font-size:", ";line-height:", ";user-select:none;" ], (0, v.pick)({
|
|
165
|
-
enterprise: v.variables.
|
|
165
|
+
enterprise: v.variables.spacingSmall,
|
|
166
166
|
prisma: (0, v.pickVariant)("$isLabel", {
|
|
167
167
|
false: "12px 16px",
|
|
168
168
|
true: "4px 8px"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@splunk/react-ui",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.34.0",
|
|
4
4
|
"description": "Library of React components that implement the Splunk design language",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Splunk Inc.",
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"@dnd-kit/sortable": "^8.0.0",
|
|
45
45
|
"@dnd-kit/utilities": "^3.2.2",
|
|
46
46
|
"@splunk/react-icons": "^4.6.0",
|
|
47
|
-
"@splunk/themes": "^0.
|
|
48
|
-
"@splunk/ui-utils": "^1.
|
|
47
|
+
"@splunk/themes": "^0.20.0",
|
|
48
|
+
"@splunk/ui-utils": "^1.7.0",
|
|
49
49
|
"commonmark": "^0.30.0",
|
|
50
50
|
"commonmark-react-renderer": "^4.3.2",
|
|
51
51
|
"decimal.js-light": "^2.2.3",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@splunk/docs-gen": "1.0.0-beta.13",
|
|
65
65
|
"@splunk/eslint-config": "^4.0.0",
|
|
66
66
|
"@splunk/react-docs": "1.0.0-beta.16",
|
|
67
|
-
"@splunk/stylelint-config": "^
|
|
67
|
+
"@splunk/stylelint-config": "^5.0.0",
|
|
68
68
|
"@splunk/test-runner-utils": "^0.4.1",
|
|
69
69
|
"@splunk/webpack-configs": "^7.0.2",
|
|
70
70
|
"@storybook/addon-a11y": "^7.6.17",
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"sinon": "^2.1.0",
|
|
139
139
|
"storybook": "^7.6.17",
|
|
140
140
|
"styled-components": "^5.3.10",
|
|
141
|
-
"stylelint": "^
|
|
141
|
+
"stylelint": "^15.11.0",
|
|
142
142
|
"typescript": "^4.9.5",
|
|
143
143
|
"webpack": "^5.88.2",
|
|
144
144
|
"webpack-cli": "^5.1.4",
|
package/stubs-splunkui.d.ts
CHANGED
|
@@ -39,6 +39,17 @@ declare module '@splunk/ui-utils/focus' {
|
|
|
39
39
|
function isTabKey(event: KeyboardEvent<Element>): boolean;
|
|
40
40
|
function handleTab(container: Element, event: KeyboardEvent): Element | null;
|
|
41
41
|
function takeFocus(container: Element, defaultElement?: 'first' | 'container'): Element | null;
|
|
42
|
+
function handleFocus(
|
|
43
|
+
key: string,
|
|
44
|
+
actionItems: Element[],
|
|
45
|
+
currentIndex: number,
|
|
46
|
+
options?: {
|
|
47
|
+
enableLoop?: boolean;
|
|
48
|
+
orientation?: 'horizontal' | 'vertical';
|
|
49
|
+
enableTab?: boolean;
|
|
50
|
+
enableHomeEnd?: boolean;
|
|
51
|
+
}
|
|
52
|
+
): void;
|
|
42
53
|
}
|
|
43
54
|
|
|
44
55
|
declare module '@splunk/ui-utils/i18n' {
|
package/types/src/Card/Card.d.ts
CHANGED
|
@@ -49,6 +49,8 @@ interface CardPropsBase {
|
|
|
49
49
|
to?: string;
|
|
50
50
|
/** Returns a value on click. Use when composing or if you have more than one selectable `Card`. */
|
|
51
51
|
value?: any;
|
|
52
|
+
/** Overrides the HTML tag for the Card component. Defaults to `article`. */
|
|
53
|
+
tag?: 'article' | 'div' | 'aside' | 'section';
|
|
52
54
|
}
|
|
53
55
|
declare const defaultProps: Required<Pick<CardPropsBase, 'openInNewContext' | 'showBorder'>>;
|
|
54
56
|
interface CardPropsBaseNonClickable extends CardPropsBase {
|
|
@@ -69,7 +71,7 @@ interface CardPropsBaseClickable extends CardPropsBase {
|
|
|
69
71
|
selected?: never;
|
|
70
72
|
to?: string;
|
|
71
73
|
}
|
|
72
|
-
type CardNonClickableProps = ClassComponentProps<CardPropsBaseNonClickable, typeof defaultProps, 'div'>;
|
|
74
|
+
type CardNonClickableProps = ClassComponentProps<CardPropsBaseNonClickable, typeof defaultProps, 'div' | 'article'>;
|
|
73
75
|
type CardClickableButtonProps = ClassComponentProps<CardPropsBaseOnClickClickable | CardPropsBaseClickable, typeof defaultProps, 'button'>;
|
|
74
76
|
type CardClickableLinkProps = ClassComponentProps<CardPropsBaseOnClickClickable | CardPropsBaseClickable, typeof defaultProps, 'a', 'href'>;
|
|
75
77
|
type CardProps = CardNonClickableProps | CardClickableButtonProps | CardClickableLinkProps;
|
|
@@ -2,13 +2,22 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { ComponentProps } from '../utils/types';
|
|
4
4
|
interface HeaderPropsBase {
|
|
5
|
+
/**
|
|
6
|
+
* Renders the card actions.
|
|
7
|
+
*
|
|
8
|
+
* This prop cannot be used with actionPrimary and actionsSecondary.
|
|
9
|
+
*/
|
|
10
|
+
actions?: () => React.ReactNode;
|
|
5
11
|
/**
|
|
6
12
|
* Adds a primary action to the header.
|
|
7
13
|
* For best results, use an icon-only button style.
|
|
8
14
|
* @includeTheme prisma
|
|
9
15
|
*/
|
|
10
16
|
actionPrimary?: React.ReactNode;
|
|
11
|
-
/**
|
|
17
|
+
/**
|
|
18
|
+
* Adds a secondary actions dropdown menu to the header with an "Actions" label. Make this prop a `Menu`.
|
|
19
|
+
*
|
|
20
|
+
* The `actions` prop is preferred so that a a custom and unambiguous label can be added.
|
|
12
21
|
* @includeTheme prisma
|
|
13
22
|
*/
|
|
14
23
|
actionsSecondary?: React.ReactNode;
|
|
@@ -34,11 +43,21 @@ interface HeaderPropsBase {
|
|
|
34
43
|
*/
|
|
35
44
|
truncateTitle?: boolean;
|
|
36
45
|
}
|
|
37
|
-
|
|
46
|
+
interface HeaderWithActions extends HeaderPropsBase {
|
|
47
|
+
actionsSecondary?: React.ReactNode;
|
|
48
|
+
actionPrimary?: React.ReactNode;
|
|
49
|
+
actions?: never;
|
|
50
|
+
}
|
|
51
|
+
interface HeaderWithActionsRenderProp extends HeaderPropsBase {
|
|
52
|
+
actions: () => React.ReactNode;
|
|
53
|
+
actionPrimary?: never;
|
|
54
|
+
actionsSecondary?: never;
|
|
55
|
+
}
|
|
56
|
+
type HeaderProps = ComponentProps<HeaderWithActions | HeaderWithActionsRenderProp, 'div'>;
|
|
38
57
|
/**
|
|
39
58
|
* A styled container for `Card` header content.
|
|
40
59
|
*/
|
|
41
|
-
declare function Header({ actionPrimary, actionsSecondary, anchor, children, subtitle, title, truncateTitle, ...otherProps }: HeaderProps): JSX.Element;
|
|
60
|
+
declare function Header({ actions, actionPrimary, actionsSecondary, anchor, children, subtitle, title, truncateTitle, ...otherProps }: HeaderProps): JSX.Element;
|
|
42
61
|
declare namespace Header {
|
|
43
62
|
var propTypes: {
|
|
44
63
|
actionPrimary: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
@@ -25,6 +25,10 @@ interface CollapsiblePanelPropsBase {
|
|
|
25
25
|
* Style object applied to `TransitionOpen` inner styles.
|
|
26
26
|
*/
|
|
27
27
|
innerBodyStyles?: React.CSSProperties;
|
|
28
|
+
/**
|
|
29
|
+
* Renders the toggle button and interactive elements separate from `title`, reserving the `title` prop for text only.
|
|
30
|
+
*/
|
|
31
|
+
actions?: React.ReactNode;
|
|
28
32
|
children?: React.ReactNode;
|
|
29
33
|
/**
|
|
30
34
|
* Sets the initial state of a panel to expanded. Incompatible with
|
|
@@ -94,6 +98,7 @@ interface CollapsiblePanelPropsBase {
|
|
|
94
98
|
*/
|
|
95
99
|
title: React.ReactNode;
|
|
96
100
|
/**
|
|
101
|
+
* @deprecated This prop is deprecated and will be removed in the next major version. Use the `actions` prop instead.
|
|
97
102
|
* Renders toggle button separate from `title`, allowing `title` to contain interactive elements.
|
|
98
103
|
*/
|
|
99
104
|
titleWithActions?: boolean;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
type ExpandPanelIconProps = {
|
|
3
3
|
className?: string;
|
|
4
|
-
open?: boolean;
|
|
5
4
|
};
|
|
6
5
|
declare const ExpandPanelIcon: {
|
|
7
|
-
({ className
|
|
6
|
+
({ className }: ExpandPanelIconProps): JSX.Element;
|
|
8
7
|
propTypes: {
|
|
9
8
|
className: PropTypes.Requireable<string>;
|
|
10
|
-
open: PropTypes.Requireable<boolean>;
|
|
11
9
|
};
|
|
12
10
|
};
|
|
13
11
|
export default ExpandPanelIcon;
|
package/types/src/Menu/Item.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { AnyTheme } from '@splunk/themes';
|
|
4
|
+
import MenuContext from './MenuContext';
|
|
4
5
|
import { ClassComponentProps } from '../utils/types';
|
|
5
6
|
type ItemFocusHandler = (event: React.FocusEvent<HTMLButtonElement>, data: {
|
|
6
7
|
itemKey?: number;
|
|
@@ -103,6 +104,8 @@ declare class Item extends Component<ItemProps, {}> {
|
|
|
103
104
|
static propTypes: React.WeakValidationMap<ItemProps>;
|
|
104
105
|
static defaultProps: Required<Pick<ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">>;
|
|
105
106
|
static as: string;
|
|
107
|
+
context: React.ContextType<typeof MenuContext>;
|
|
108
|
+
static contextType: React.Context<import("./MenuContext").MenuContextValue>;
|
|
106
109
|
static validateProps(props: Readonly<ItemProps>): void;
|
|
107
110
|
constructor(props: Readonly<ItemProps>);
|
|
108
111
|
componentDidUpdate(): void;
|
package/types/src/Menu/Menu.d.ts
CHANGED
|
@@ -3,12 +3,8 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import Divider from './Divider';
|
|
4
4
|
import Heading from './Heading';
|
|
5
5
|
import Item, { ItemWithoutTheme } from './Item';
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
itemRefs: React.RefObject<React.ReactNode>[];
|
|
9
|
-
focusedItemKey: number;
|
|
10
|
-
};
|
|
11
|
-
type NavigationKeyPressHandler = (e: React.KeyboardEvent<HTMLDivElement>, data: HandlerData) => [React.RefObject<React.ReactNode> | number, boolean];
|
|
6
|
+
import MenuContext from './MenuContext';
|
|
7
|
+
import { ComponentProps } from '../utils/types';
|
|
12
8
|
interface MenuPropsBase {
|
|
13
9
|
/**
|
|
14
10
|
* Must be `Menu.Item`, `Menu.Heading`, or `Menu.Divider`.
|
|
@@ -16,21 +12,14 @@ interface MenuPropsBase {
|
|
|
16
12
|
*/
|
|
17
13
|
children?: React.ReactNode;
|
|
18
14
|
/**
|
|
19
|
-
*
|
|
15
|
+
* If set, the menu will never take focus and the active menu item will not have a focus-like appearance.
|
|
16
|
+
* @private
|
|
20
17
|
*/
|
|
21
18
|
controlledExternally?: boolean;
|
|
22
19
|
/**
|
|
23
20
|
* A React ref which is set to the DOM element when the component mounts and null when it unmounts.
|
|
24
21
|
*/
|
|
25
22
|
elementRef?: React.Ref<HTMLDivElement>;
|
|
26
|
-
/** @private callback to override the default behavior when pressing the Down arrow/cursor key */
|
|
27
|
-
onDownKeyPress?: NavigationKeyPressHandler;
|
|
28
|
-
/** @private callback to override the default behavior when pressing the End key */
|
|
29
|
-
onEndKeyPress?: NavigationKeyPressHandler;
|
|
30
|
-
/** @private callback to override the default behavior when pressing the Home key */
|
|
31
|
-
onHomeKeyPress?: NavigationKeyPressHandler;
|
|
32
|
-
/** @private callback to override the default behavior when pressing the Home key */
|
|
33
|
-
onUpKeyPress?: NavigationKeyPressHandler;
|
|
34
23
|
/**
|
|
35
24
|
* Keeps focus within the `Menu` while navigating by keyboard. Tabbing from the last item
|
|
36
25
|
* returns the user to the first item. If not set, this defaults to `true` unless it's inside a
|
|
@@ -38,17 +27,23 @@ interface MenuPropsBase {
|
|
|
38
27
|
*/
|
|
39
28
|
retainFocus?: boolean;
|
|
40
29
|
/**
|
|
41
|
-
* Prevents scrolling from
|
|
30
|
+
* Prevents scrolling from propagating to the parent containers when the top or bottom of
|
|
42
31
|
* the `Menu` is reached.
|
|
43
32
|
*/
|
|
44
33
|
stopScrollPropagation?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Skip the default focus control to apply customized focus control.
|
|
36
|
+
*
|
|
37
|
+
* The difference between this and `controlledExternally` is that `controlledExternally` prevents the Menu and its children from being focusable at all.
|
|
38
|
+
* In contrast, `disableFocusControl` allows for the addition of other focus methods.
|
|
39
|
+
* @private
|
|
40
|
+
*/
|
|
41
|
+
disableFocusControl?: boolean;
|
|
45
42
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
declare function Menu({ children, controlledExternally, elementRef, onDownKeyPress, onEndKeyPress, onHomeKeyPress, onUpKeyPress, retainFocus: retainFocusProp, stopScrollPropagation, ...otherProps }: MenuProps): JSX.Element;
|
|
43
|
+
type MenuProps = ComponentProps<MenuPropsBase, 'div'>;
|
|
44
|
+
declare function Menu({ children, controlledExternally, elementRef, retainFocus: retainFocusProp, stopScrollPropagation, disableFocusControl, ...otherProps }: MenuProps): JSX.Element;
|
|
49
45
|
declare namespace Menu {
|
|
50
46
|
var propTypes: React.WeakValidationMap<MenuProps>;
|
|
51
|
-
var defaultProps: Required<Pick<MenuPropsBase, "stopScrollPropagation">>;
|
|
52
47
|
var Item: React.ForwardRefExoticComponent<Omit<Pick<Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>, "form" | "slot" | "style" | "title" | "value" | "onChange" | "onPause" | "name" | "className" | "color" | "id" | "lang" | "type" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("./Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>) | (import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>)>>, "inlist"> & Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>, "form" | "value" | "name" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">, "form" | "slot" | "style" | "title" | "children" | "value" | "to" | "onChange" | "onPause" | "name" | "className" | "color" | "id" | "lang" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "elementRef" | "splunkTheme" | "description" | "itemKey" | "matchRanges"> & Partial<Pick<Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>, "form" | "slot" | "style" | "title" | "value" | "onChange" | "onPause" | "name" | "className" | "color" | "id" | "lang" | "type" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof import("./Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>) | (import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>)>>, "inlist"> & Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>, "form" | "value" | "name" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Partial<Pick<Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">>, never>> & {
|
|
53
48
|
ref?: React.Ref<ItemWithoutTheme> | undefined;
|
|
54
49
|
}, "splunkTheme"> | Omit<Pick<Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>, "slot" | "style" | "title" | "target" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "ping" | "referrerPolicy" | keyof import("./Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>) | (import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>)>>, "inlist"> & Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>, "target" | "media" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy">, "slot" | "style" | "title" | "children" | "target" | "to" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy" | "icon" | "elementRef" | "splunkTheme" | "description" | "itemKey" | "matchRanges"> & Partial<Pick<Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>, "slot" | "style" | "title" | "target" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "media" | "type" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "ping" | "referrerPolicy" | keyof import("./Item").ItemPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<(import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "css" | keyof import("./Item").ItemPropsBase>) | (import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>)>>, "inlist"> & Pick<import("./Item").ItemPropsBase & Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref" | "href" | "css" | keyof import("./Item").ItemPropsBase>, "target" | "media" | "hrefLang" | "rel" | "download" | "ping" | "referrerPolicy">, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">> & Partial<Pick<Required<Pick<import("./Item").ItemPropsBase, "disabled" | "selected" | "active" | "openInNewContext" | "descriptionPosition" | "hasSubmenu" | "preventFocus" | "selectable" | "selectableAppearance" | "truncate">>, never>> & {
|
|
@@ -60,5 +55,5 @@ declare namespace Menu {
|
|
|
60
55
|
var Heading: typeof import("./Heading").default;
|
|
61
56
|
}
|
|
62
57
|
export default Menu;
|
|
63
|
-
export { Item, Heading, Divider };
|
|
58
|
+
export { Item, Heading, Divider, MenuContext };
|
|
64
59
|
export type { ItemWithoutTheme };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
interface MenuContextValue {
|
|
2
|
+
export interface MenuContextValue {
|
|
3
3
|
role?: string;
|
|
4
|
+
preventFocus?: boolean;
|
|
4
5
|
}
|
|
5
6
|
declare const MenuContext: import("react").Context<MenuContextValue>;
|
|
6
|
-
export
|
|
7
|
+
export default MenuContext;
|
|
@@ -31,6 +31,7 @@ interface OptionPropsBase {
|
|
|
31
31
|
label?: string;
|
|
32
32
|
/** @private Set by `RadioBar`. */
|
|
33
33
|
prepend?: boolean;
|
|
34
|
+
role?: 'radio' | 'menuitemradio';
|
|
34
35
|
/** Adornment in front of the label. */
|
|
35
36
|
startAdornment?: React.ReactNode;
|
|
36
37
|
/** @private Set by `RadioBar`. */
|
|
@@ -39,7 +40,7 @@ interface OptionPropsBase {
|
|
|
39
40
|
value: any;
|
|
40
41
|
}
|
|
41
42
|
type OptionProps = ComponentProps<OptionPropsBase, 'button'>;
|
|
42
|
-
declare function Option({ disabled, icon, label, selected, startAdornment, endAdornment, value, ...otherProps }: OptionProps): JSX.Element;
|
|
43
|
+
declare function Option({ disabled, icon, label, selected, startAdornment, endAdornment, value, role, ...otherProps }: OptionProps): JSX.Element;
|
|
43
44
|
declare namespace Option {
|
|
44
45
|
var propTypes: {
|
|
45
46
|
/** @private Set by `RadioBar`. */
|
|
@@ -52,6 +53,8 @@ declare namespace Option {
|
|
|
52
53
|
/** @private Set by `RadioBar`. */
|
|
53
54
|
prepend: PropTypes.Requireable<boolean>;
|
|
54
55
|
/** @private Set by `RadioBar`. */
|
|
56
|
+
role: PropTypes.Requireable<string>;
|
|
57
|
+
/** @private Set by `Radiobar`. */
|
|
55
58
|
selected: PropTypes.Requireable<boolean>;
|
|
56
59
|
/** The value of the `Option`. */
|
|
57
60
|
value: PropTypes.Validator<any>;
|