@splunk/react-ui 4.41.0 → 4.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ButtonGroup.js +1 -3
- package/CHANGELOG.md +47 -0
- package/Code.js +611 -426
- package/ComboBox.js +25 -32
- package/Date.js +21 -26
- package/Dropdown.js +33 -32
- package/JSONTree.js +30 -24
- package/Layer.js +115 -97
- package/Link.js +19 -21
- package/MIGRATION.mdx +48 -53
- package/Menu.js +7 -2
- package/MessageBar.js +54 -56
- package/Multiselect.js +1051 -1035
- package/Number.js +424 -395
- package/Paginator.js +269 -251
- package/Popover.js +595 -526
- package/RadioList.js +44 -43
- package/Resize.js +61 -61
- package/ResultsMenu.d.ts +2 -0
- package/ResultsMenu.js +4 -4
- package/Scroll.js +482 -475
- package/Search.js +56 -65
- package/Select.js +532 -513
- package/TabBar.js +4 -0
- package/Table.js +1519 -1437
- package/Text.js +29 -17
- package/TextArea.js +37 -37
- package/Tooltip.js +300 -207
- package/TransitionOpen.js +16 -14
- package/Tree.js +20 -14
- package/package.json +7 -7
- package/types/src/Button/Button.d.ts +1 -0
- package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/ComboBox.d.ts +6 -3
- package/types/src/Date/Date.d.ts +0 -1
- package/types/src/Dropdown/Dropdown.d.ts +2 -1
- package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +2 -0
- package/types/src/Layer/Layer.d.ts +2 -1
- package/types/src/Link/Link.d.ts +0 -2
- package/types/src/Multiselect/Multiselect.d.ts +2 -0
- package/types/src/Number/Number.d.ts +11 -10
- package/types/src/Number/utils.d.ts +29 -0
- package/types/src/Paginator/Paginator.d.ts +15 -2
- package/types/src/Paginator/docs/examples/CustomPages.d.ts +2 -0
- package/types/src/Popover/Popover.d.ts +18 -12
- package/types/src/Popover/PopoverMenuContext.d.ts +6 -0
- package/types/src/Popover/PopoverProvider.d.ts +23 -0
- package/types/src/Popover/index.d.ts +2 -1
- package/types/src/RadioList/RadioList.d.ts +1 -1
- package/types/src/Resize/Resize.d.ts +0 -11
- package/types/src/Scroll/Inner.d.ts +17 -19
- package/types/src/Select/SelectBase.d.ts +7 -5
- package/types/src/Select/docs/examples/Appearance.d.ts +1 -11
- package/types/src/Select/docs/examples/Basic.d.ts +1 -9
- package/types/src/Select/docs/examples/Children.d.ts +1 -9
- package/types/src/Select/docs/examples/Descriptions.d.ts +1 -9
- package/types/src/Select/docs/examples/Fetching.d.ts +1 -22
- package/types/src/Select/docs/examples/Filter.d.ts +1 -9
- package/types/src/Select/docs/examples/Headings.d.ts +1 -9
- package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -24
- package/types/src/Select/docs/examples/Prefix.d.ts +1 -9
- package/types/src/Select/docs/examples/Truncate.d.ts +1 -9
- package/types/src/Table/ExpandButton.d.ts +8 -0
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Row.d.ts +8 -2
- package/types/src/Table/docs/examples/Click.d.ts +2 -16
- package/types/src/Table/docs/examples/ClickRows.d.ts +2 -16
- package/types/src/Table/docs/examples/Complex.d.ts +2 -50
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -13
- package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +1 -17
- package/types/src/Table/docs/examples/ReorderColumns.d.ts +2 -21
- package/types/src/Table/docs/examples/ReorderRows.d.ts +2 -21
- package/types/src/Table/docs/examples/Resizable.d.ts +2 -23
- package/types/src/Table/docs/examples/ResizableFill.d.ts +2 -23
- package/types/src/Table/docs/examples/RowActions.d.ts +2 -39
- package/types/src/Table/docs/examples/Selectable.d.ts +2 -18
- package/types/src/Table/docs/examples/SortableColumns.d.ts +1 -11
- package/types/src/Tooltip/Tooltip.d.ts +38 -5
- package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
- package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +5 -4
- package/useControlled.js +37 -15
- package/usePrevious.js +62 -30
- package/useResizeObserver.js +122 -90
- package/useRovingFocus.js +5 -4
- package/types/src/Dropdown/docs/examples/OtherToggles.d.ts +0 -2
- package/types/src/Popover/PopoverContext.d.ts +0 -6
- package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
- package/types/src/Tooltip/docs/examples/CustomContent.d.ts +0 -2
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const getDecimalSeparatorByLocale: (locale: string) => "." | ",";
|
|
2
|
+
type LimitValueArgs = {
|
|
3
|
+
val: number;
|
|
4
|
+
min?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
roundTo: number;
|
|
7
|
+
};
|
|
8
|
+
declare const limitValue: ({ val, min, max, roundTo }: LimitValueArgs) => number;
|
|
9
|
+
type StringToNumberArgs = {
|
|
10
|
+
str: string;
|
|
11
|
+
locale: string;
|
|
12
|
+
min?: number;
|
|
13
|
+
max?: number;
|
|
14
|
+
roundTo: number;
|
|
15
|
+
};
|
|
16
|
+
declare const stringToNumber: ({ str, locale, min, max, roundTo }: StringToNumberArgs) => number | undefined;
|
|
17
|
+
declare const numberToString: (number: number | undefined, locale: string) => string;
|
|
18
|
+
type GetIsIncrementDisabledArgs = {
|
|
19
|
+
value?: number;
|
|
20
|
+
max?: number;
|
|
21
|
+
};
|
|
22
|
+
declare const getIsIncrementDisabled: ({ value, max }: GetIsIncrementDisabledArgs) => boolean;
|
|
23
|
+
type GetIsDecrementDisabledArgs = {
|
|
24
|
+
value?: number;
|
|
25
|
+
min?: number;
|
|
26
|
+
};
|
|
27
|
+
declare const getIsDecrementDisabled: ({ value, min }: GetIsDecrementDisabledArgs) => boolean;
|
|
28
|
+
declare const validatePrependAppend: (append: boolean, prepend: boolean) => void;
|
|
29
|
+
export { getDecimalSeparatorByLocale, limitValue, stringToNumber, numberToString, getIsIncrementDisabled, getIsDecrementDisabled, validatePrependAppend, };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import Clickable from '@splunk/react-ui/Clickable';
|
|
3
4
|
import Compact, { PaginatorCompactChangeHandler } from './Compact';
|
|
4
5
|
import PageControl, { PaginatorPageControlChangeHandler } from './PageControl';
|
|
5
6
|
import { ComponentProps } from '../utils/types';
|
|
@@ -7,9 +8,20 @@ import { ComponentProps } from '../utils/types';
|
|
|
7
8
|
type PaginatorChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
|
|
8
9
|
page: number;
|
|
9
10
|
}) => void;
|
|
11
|
+
/** @public */
|
|
12
|
+
type PaginatorGeneratePageProps = ({ page, }: {
|
|
13
|
+
page: number;
|
|
14
|
+
}) => Partial<React.ComponentProps<typeof Clickable>> & React.ComponentProps<'a'> & React.ComponentProps<'button'>;
|
|
10
15
|
interface PaginatorPropsBase {
|
|
11
16
|
/** Displays a link to the last page in a collection. */
|
|
12
17
|
alwaysShowLastPageLink?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Passes props to Paginator's pages and Prev/Next buttons.
|
|
20
|
+
* Supports [Clickable](./Clickable) props (except for `onClick`) and global HTML attributes.
|
|
21
|
+
* `generatePageProps` will not differentiate between Prev/Next buttons and its corresponding page.
|
|
22
|
+
* For example, if page 5 is passed prop P and current is 6, the Prev button will also be passed prop P.
|
|
23
|
+
*/
|
|
24
|
+
generatePageProps?: PaginatorGeneratePageProps;
|
|
13
25
|
/** Currently selected page. */
|
|
14
26
|
current?: number;
|
|
15
27
|
/**
|
|
@@ -26,12 +38,13 @@ interface PaginatorPropsBase {
|
|
|
26
38
|
totalPages: number;
|
|
27
39
|
}
|
|
28
40
|
type PaginatorProps = ComponentProps<PaginatorPropsBase, 'nav'>;
|
|
29
|
-
declare function Paginator({
|
|
41
|
+
declare function Paginator({ alwaysShowLastPageLink, generatePageProps, current, numPageLinks, onChange, totalPages, ...otherProps }: PaginatorProps): JSX.Element | null;
|
|
30
42
|
declare namespace Paginator {
|
|
31
43
|
var Compact: typeof import("./Compact").default;
|
|
32
44
|
var PageControl: typeof import("./PageControl").default;
|
|
33
45
|
var propTypes: {
|
|
34
46
|
alwaysShowLastPageLink: PropTypes.Requireable<boolean>;
|
|
47
|
+
generatePageProps: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
48
|
current: PropTypes.Requireable<number>;
|
|
36
49
|
elementRef: PropTypes.Requireable<object>;
|
|
37
50
|
numPageLinks: PropTypes.Requireable<number>;
|
|
@@ -41,4 +54,4 @@ declare namespace Paginator {
|
|
|
41
54
|
}
|
|
42
55
|
export default Paginator;
|
|
43
56
|
export { Compact, PageControl };
|
|
44
|
-
export type { PaginatorCompactChangeHandler, PaginatorChangeHandler, PaginatorPageControlChangeHandler, };
|
|
57
|
+
export type { PaginatorGeneratePageProps, PaginatorCompactChangeHandler, PaginatorChangeHandler, PaginatorPageControlChangeHandler, };
|
|
@@ -27,6 +27,8 @@ interface PopoverPropsBase {
|
|
|
27
27
|
/**
|
|
28
28
|
* The `Popover `can align itself to the center of the anchor or to its edges.
|
|
29
29
|
*
|
|
30
|
+
* This property is ignored when `pointTo` is set.
|
|
31
|
+
*
|
|
30
32
|
* Note: `end` is ONLY supported with `below` PopoverPlacement
|
|
31
33
|
*
|
|
32
34
|
* TODO: Allow users to supply align prop SUI-5101
|
|
@@ -45,9 +47,11 @@ interface PopoverPropsBase {
|
|
|
45
47
|
elementRef?: React.Ref<HTMLDivElement>;
|
|
46
48
|
/**
|
|
47
49
|
* Allows the `Popover` to point to and align with a different part of the anchor.
|
|
48
|
-
* The x and y values are relative to the upper left corner of the anchor.
|
|
49
|
-
*
|
|
50
|
-
*
|
|
50
|
+
* The x and y values are relative to the upper left corner of the anchor.
|
|
51
|
+
*
|
|
52
|
+
* This property overides `align`.
|
|
53
|
+
*
|
|
54
|
+
* When positioned above or below, only `x` is used. When positioned left or right, `y` is used.
|
|
51
55
|
*/
|
|
52
56
|
pointTo?: {
|
|
53
57
|
x?: number;
|
|
@@ -93,6 +97,14 @@ interface PopoverPropsBase {
|
|
|
93
97
|
* depending upon the space available and the `repositionMode`.
|
|
94
98
|
*/
|
|
95
99
|
defaultPlacement?: PopoverPlacement;
|
|
100
|
+
/**
|
|
101
|
+
* Whether or not to hide the arrow pointing to the anchor.
|
|
102
|
+
* @themeNotes Defaults to `true` in Prisma themes and `false` in Enterprise themes.
|
|
103
|
+
*
|
|
104
|
+
* This can also be provided via `PopoverProvider`, but passing the prop directly
|
|
105
|
+
* will take priority over the value provided by `PopoverProvider`.
|
|
106
|
+
*/
|
|
107
|
+
hideArrow?: boolean;
|
|
96
108
|
/**
|
|
97
109
|
* A ref for the hit area path.
|
|
98
110
|
* @private
|
|
@@ -104,10 +116,6 @@ interface PopoverPropsBase {
|
|
|
104
116
|
id?: string;
|
|
105
117
|
/**
|
|
106
118
|
* Callback function fired when the popover is requested to be closed.
|
|
107
|
-
*
|
|
108
|
-
* @param {object} data
|
|
109
|
-
* @param {object} [data.event] The triggering event. Not set if `reason` is 'offScreen'.
|
|
110
|
-
* @param {string} data.reason The reason for the close request.
|
|
111
119
|
*/
|
|
112
120
|
onRequestClose?: PopoverRequestCloseHandler;
|
|
113
121
|
/**
|
|
@@ -173,7 +181,6 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
|
|
|
173
181
|
private outerContainerEl;
|
|
174
182
|
private innerContainerEl;
|
|
175
183
|
private arrow;
|
|
176
|
-
private windowSizeMeasurementEl;
|
|
177
184
|
private handleScroll;
|
|
178
185
|
private handleWindowScroll;
|
|
179
186
|
private allowAnimationUpdates;
|
|
@@ -181,14 +188,14 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
|
|
|
181
188
|
static contextType: React.Context<HTMLElement | Window | Document | null | undefined>;
|
|
182
189
|
static defaultProps: Required<Pick<PopoverPropsBase, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">>;
|
|
183
190
|
static propTypes: React.WeakValidationMap<PopoverProps>;
|
|
184
|
-
private static getArrowStyle;
|
|
185
191
|
static getDerivedStateFromProps(nextProps: Readonly<PopoverProps>, prevState: PopoverState): Partial<PopoverState> | null;
|
|
186
192
|
constructor(props: Readonly<PopoverProps>);
|
|
187
193
|
componentDidMount(): void;
|
|
188
194
|
componentDidUpdate(prevProps: Readonly<PopoverProps>): void;
|
|
189
195
|
componentWillUnmount(): void;
|
|
190
|
-
private
|
|
196
|
+
private shouldRenderArrow;
|
|
191
197
|
private setPlacement;
|
|
198
|
+
private handleArrowMount;
|
|
192
199
|
private handleNewAnchor;
|
|
193
200
|
private handleInnerContainerMount;
|
|
194
201
|
private handleOuterContainerMount;
|
|
@@ -197,10 +204,9 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
|
|
|
197
204
|
private handleAnimationEnd;
|
|
198
205
|
private autoCloseWhenOffScreen;
|
|
199
206
|
private requestClose;
|
|
200
|
-
private renderLayer;
|
|
201
207
|
render(): (false | JSX.Element)[];
|
|
202
208
|
}
|
|
203
|
-
declare const PopoverWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<PopoverProps, "slot" | "style" | "title" | "onChange" | "onPause" | "className" | "color" | "lang" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof PopoverPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<PopoverProps>>, "inlist"> & Pick<PopoverProps, never>, "anchor" | "slot" | "style" | "title" | "children" | "elementRef" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "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" | "onRequestClose" | "pointTo" | "hitAreaRef" | "outerRef" | "splunkTheme"> & Partial<Pick<Pick<PopoverProps, "slot" | "style" | "title" | "onChange" | "onPause" | "className" | "color" | "lang" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof PopoverPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<PopoverProps>>, "inlist"> & Pick<PopoverProps, never>, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">> & Partial<Pick<Required<Pick<PopoverPropsBase, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">>, never>> & {
|
|
209
|
+
declare const PopoverWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<PopoverProps, "slot" | "style" | "title" | "onChange" | "onPause" | "className" | "color" | "lang" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof PopoverPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<PopoverProps>>, "inlist"> & Pick<PopoverProps, never>, "anchor" | "slot" | "style" | "title" | "children" | "elementRef" | "onChange" | "onPause" | "className" | "color" | "id" | "lang" | "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" | "onRequestClose" | "hideArrow" | "pointTo" | "hitAreaRef" | "outerRef" | "splunkTheme"> & Partial<Pick<Pick<PopoverProps, "slot" | "style" | "title" | "onChange" | "onPause" | "className" | "color" | "lang" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof PopoverPropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<PopoverProps>>, "inlist"> & Pick<PopoverProps, never>, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">> & Partial<Pick<Required<Pick<PopoverPropsBase, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">>, never>> & {
|
|
204
210
|
ref?: React.Ref<Popover> | undefined;
|
|
205
211
|
}, "splunkTheme">>;
|
|
206
212
|
export default PopoverWithTheme;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
interface PopoverContextProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/**
|
|
6
|
+
* Whether or not to hide the arrow pointing to the `Popover` anchor.
|
|
7
|
+
*
|
|
8
|
+
* `Popover`'s `hideArrow` prop takes priority over this.
|
|
9
|
+
*/
|
|
10
|
+
hideArrow?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const PopoverContext: React.Context<PopoverContextProps>;
|
|
13
|
+
/**
|
|
14
|
+
* Provides a method for controlling certain `Popover` props in components that use `Popover`.
|
|
15
|
+
*/
|
|
16
|
+
declare const PopoverProvider: {
|
|
17
|
+
({ children, hideArrow }: PopoverContextProps): JSX.Element;
|
|
18
|
+
propTypes: {
|
|
19
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
20
|
+
hideArrow: PropTypes.Requireable<boolean>;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export { PopoverContext, PopoverProvider };
|
|
@@ -66,7 +66,7 @@ interface RadioListPropsBaseUncontrolled extends RadioListPropsBase {
|
|
|
66
66
|
value?: never;
|
|
67
67
|
}
|
|
68
68
|
type RadioListProps = ComponentProps<RadioListPropsBaseControlled | RadioListPropsBaseUncontrolled, 'div'>;
|
|
69
|
-
declare function RadioList({ children, defaultValue: defaultValueProp, describedBy, direction, disabled, error, labelledBy, name: nameProp, onChange, required, value: valueProp, ...otherProps }: RadioListProps): JSX.Element;
|
|
69
|
+
declare function RadioList({ children, defaultValue: defaultValueProp, describedBy, direction, disabled, elementRef, error, labelledBy, name: nameProp, onChange, required, value: valueProp, ...otherProps }: RadioListProps): JSX.Element;
|
|
70
70
|
declare namespace RadioList {
|
|
71
71
|
var propTypes: {
|
|
72
72
|
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
@@ -43,17 +43,6 @@ interface ResizeState {
|
|
|
43
43
|
declare class Resize extends Component<ResizeProps, ResizeState> {
|
|
44
44
|
static propTypes: React.WeakValidationMap<ResizeProps>;
|
|
45
45
|
static defaultProps: Required<Pick<ResizePropsBase, "appearance" | "keyIncrement" | "showHandles">>;
|
|
46
|
-
static handleOrder: ResizeDirection[];
|
|
47
|
-
static handleLabels: {
|
|
48
|
-
nw: string;
|
|
49
|
-
n: string;
|
|
50
|
-
ne: string;
|
|
51
|
-
w: string;
|
|
52
|
-
e: string;
|
|
53
|
-
sw: string;
|
|
54
|
-
s: string;
|
|
55
|
-
se: string;
|
|
56
|
-
};
|
|
57
46
|
constructor(props: Readonly<ResizeProps>);
|
|
58
47
|
private handleMount;
|
|
59
48
|
private handleDragStart;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
2
3
|
import { SpringValue } from 'react-spring';
|
|
3
|
-
import {
|
|
4
|
+
import { ComponentProps } from '../utils/types';
|
|
4
5
|
interface InnerPropsBase {
|
|
5
6
|
children?: React.ReactNode;
|
|
6
7
|
/** The scrollLeft to set on Mount. */
|
|
@@ -18,22 +19,19 @@ interface InnerPropsBase {
|
|
|
18
19
|
/** If set, scroll to this position on update. If null, ignore. */
|
|
19
20
|
top?: SpringValue<number>;
|
|
20
21
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
private handleMouseEnter;
|
|
36
|
-
private handleMouseLeave;
|
|
37
|
-
render(): JSX.Element;
|
|
22
|
+
type InnerProps = ComponentProps<InnerPropsBase, keyof JSX.IntrinsicElements>;
|
|
23
|
+
declare function Inner({ children, defaultLeft, defaultTop, elementRef, left, onScroll, stopScrollPropagation, tagName, top, ...otherProps }: InnerProps): JSX.Element;
|
|
24
|
+
declare namespace Inner {
|
|
25
|
+
var propTypes: {
|
|
26
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
27
|
+
defaultLeft: PropTypes.Requireable<number>;
|
|
28
|
+
defaultTop: PropTypes.Requireable<number>;
|
|
29
|
+
elementRef: PropTypes.Requireable<object>;
|
|
30
|
+
left: PropTypes.Requireable<object>;
|
|
31
|
+
onScroll: PropTypes.Requireable<(...args: any[]) => any>;
|
|
32
|
+
stopScrollPropagation: PropTypes.Requireable<string | boolean>;
|
|
33
|
+
tagName: PropTypes.Requireable<string>;
|
|
34
|
+
top: PropTypes.Requireable<object>;
|
|
35
|
+
};
|
|
38
36
|
}
|
|
39
37
|
export default Inner;
|
|
@@ -86,13 +86,14 @@ interface SelectBasePropsBase {
|
|
|
86
86
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
87
87
|
isLoadingOptions?: boolean;
|
|
88
88
|
/**
|
|
89
|
-
* The id of the label.
|
|
90
|
-
* ControlGroup
|
|
89
|
+
* The id of the label. This prop's value is set as the `aria-labelledby` attribute.
|
|
90
|
+
* ControlGroup automatically sets this prop.
|
|
91
91
|
*/
|
|
92
92
|
labelledBy?: string;
|
|
93
93
|
/**
|
|
94
94
|
* Text presented in the label for this field.
|
|
95
|
-
* This
|
|
95
|
+
* This prop's value is merged with the current value and set as the `aria-label` attribute.
|
|
96
|
+
* If labelledBy is passed this prop is ignored.
|
|
96
97
|
*/
|
|
97
98
|
labelText?: string;
|
|
98
99
|
/**
|
|
@@ -216,6 +217,7 @@ type ChildrenElement = React.ReactElement<React.ComponentProps<typeof Divider |
|
|
|
216
217
|
declare function isOption(child: ChildrenElement): child is OptionElement;
|
|
217
218
|
interface ControlsProps extends Pick<SelectBaseProps, 'inputId' | 'inputRef' | 'multiple' | 'selectAllAppearance'> {
|
|
218
219
|
activeItemId: string;
|
|
220
|
+
filterA11yId?: string;
|
|
219
221
|
filterKeyword: string;
|
|
220
222
|
hasChildren: boolean;
|
|
221
223
|
menuListboxId: string;
|
|
@@ -229,7 +231,7 @@ interface ControlsProps extends Pick<SelectBaseProps, 'inputId' | 'inputRef' | '
|
|
|
229
231
|
placement: 'above' | 'below' | 'left' | 'right' | 'misaligned' | null;
|
|
230
232
|
textHasFocus: boolean;
|
|
231
233
|
}
|
|
232
|
-
declare const Controls: ({ activeItemId, filterKeyword, hasChildren, inputId, inputRef, menuListboxId, multiple, onClearAll, onSelectAll, onTextBlur, onTextChange, onTextFocus, onTextKeyDown, optionSelection, placement, selectAllAppearance, textHasFocus, }: ControlsProps) => JSX.Element;
|
|
234
|
+
declare const Controls: ({ activeItemId, filterA11yId, filterKeyword, hasChildren, inputId, inputRef, menuListboxId, multiple, onClearAll, onSelectAll, onTextBlur, onTextChange, onTextFocus, onTextKeyDown, optionSelection, placement, selectAllAppearance, textHasFocus, }: ControlsProps) => JSX.Element;
|
|
233
235
|
declare function SelectBase({ allowKeyMatching, animateLoading, appearance, append, allowNewValues, children, defaultPlacement, defaultValues, describedBy, disabled, elementRef, error, filter, footerMessage, inline, inputId, inputRef, isLoadingOptions, labelledBy, labelText, loadingMessage, menuStyle, multiple, name, noOptionsMessage, onChange, onScroll, onScrollBottom, onFilterChange, onClick, onClose, onOpen, required, placeholder, prefixLabel, prepend, repositionMode, selectAllAppearance, showSelectedValuesFirst, suffixLabel, tabConfirmsNewValue, values, virtualization, toggle, toggleContent, ...otherProps }: SelectBaseProps): JSX.Element;
|
|
234
236
|
declare namespace SelectBase {
|
|
235
237
|
var propTypes: {
|
|
@@ -287,4 +289,4 @@ declare namespace SelectBase {
|
|
|
287
289
|
var Heading: typeof import("../Menu/Heading").default;
|
|
288
290
|
}
|
|
289
291
|
export default SelectBase;
|
|
290
|
-
export { Controls, ChildrenElement, Divider, Heading, Option, SelectBaseChangeHandler, SelectBaseFilterChangeHandler, SelectBaseProps, isOption, };
|
|
292
|
+
export { Controls, ChildrenElement, Divider, Heading, Option, SelectBaseChangeHandler, SelectBaseChangeReason, SelectBaseFilterChangeHandler, SelectBaseProps, isOption, };
|
|
@@ -1,12 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Appearance extends Component<{}, {
|
|
4
|
-
valueA: string | number | boolean;
|
|
5
|
-
valueB: string | number | boolean;
|
|
6
|
-
}> {
|
|
7
|
-
constructor(props: {});
|
|
8
|
-
handleChangeA: SelectChangeHandler;
|
|
9
|
-
handleChangeB: SelectChangeHandler;
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
1
|
+
declare function Appearance(): JSX.Element;
|
|
12
2
|
export default Appearance;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Basic extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Basic(): JSX.Element;
|
|
10
2
|
export default Basic;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Children extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Children(): JSX.Element;
|
|
10
2
|
export default Children;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Descriptions extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Descriptions(): JSX.Element;
|
|
10
2
|
export default Descriptions;
|
|
@@ -1,23 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler, SelectFilterChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
import { Movie, MovieOption } from '@splunk/react-ui/fixtures/FetchOptions';
|
|
4
|
-
interface ExampleState {
|
|
5
|
-
fullCount: number;
|
|
6
|
-
isLoading: boolean;
|
|
7
|
-
options: MovieOption[];
|
|
8
|
-
value: string | number | boolean;
|
|
9
|
-
}
|
|
10
|
-
declare class Fetching extends Component<{}, ExampleState> {
|
|
11
|
-
private fetchOptions;
|
|
12
|
-
constructor(props: {});
|
|
13
|
-
componentDidMount(): void;
|
|
14
|
-
componentWillUnmount(): void;
|
|
15
|
-
handleChange: SelectChangeHandler;
|
|
16
|
-
handleFetch: (keyword?: string) => void;
|
|
17
|
-
handleFilterChange: SelectFilterChangeHandler;
|
|
18
|
-
createOption: (movie: Movie | MovieOption, isSelected?: boolean) => JSX.Element;
|
|
19
|
-
generateOptions: () => JSX.Element | JSX.Element[] | undefined;
|
|
20
|
-
footerMessage: () => string | null;
|
|
21
|
-
render(): JSX.Element;
|
|
22
|
-
}
|
|
1
|
+
declare function Fetching(): JSX.Element;
|
|
23
2
|
export default Fetching;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Filter extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Filter(): JSX.Element;
|
|
10
2
|
export default Filter;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Headings extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Headings(): JSX.Element;
|
|
10
2
|
export default Headings;
|
|
@@ -1,25 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler, SelectFilterChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
import { Movie, MovieOption } from '@splunk/react-ui/fixtures/FetchOptions';
|
|
4
|
-
interface ExampleState {
|
|
5
|
-
isLoading: boolean;
|
|
6
|
-
isLoadingMore: boolean;
|
|
7
|
-
options: MovieOption[];
|
|
8
|
-
value: string | number | boolean;
|
|
9
|
-
}
|
|
10
|
-
declare class LoadMoreOnScrollBottom extends Component<{}, ExampleState> {
|
|
11
|
-
private fetchOptions;
|
|
12
|
-
constructor(props: {});
|
|
13
|
-
componentDidMount(): void;
|
|
14
|
-
componentWillUnmount(): void;
|
|
15
|
-
handleChange: SelectChangeHandler;
|
|
16
|
-
handleFetch: (keyword: string) => void;
|
|
17
|
-
handleFetchMore: (currentOptions: MovieOption[]) => void;
|
|
18
|
-
handleFilterChange: SelectFilterChangeHandler;
|
|
19
|
-
handleScrollBottom: () => void;
|
|
20
|
-
createOption: (movie: Movie, isSelected?: boolean) => JSX.Element;
|
|
21
|
-
generateOptions: () => JSX.Element | JSX.Element[] | undefined;
|
|
22
|
-
footerMessage: () => string;
|
|
23
|
-
render(): JSX.Element;
|
|
24
|
-
}
|
|
1
|
+
declare function LoadMoreOnScrollBottom(): JSX.Element;
|
|
25
2
|
export default LoadMoreOnScrollBottom;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Prefix extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Prefix(): JSX.Element;
|
|
10
2
|
export default Prefix;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectChangeHandler } from '@splunk/react-ui/Select';
|
|
3
|
-
declare class Truncate extends Component<{}, {
|
|
4
|
-
value: string | number | boolean;
|
|
5
|
-
}> {
|
|
6
|
-
constructor(props: {});
|
|
7
|
-
handleChange: SelectChangeHandler;
|
|
8
|
-
render(): JSX.Element;
|
|
9
|
-
}
|
|
1
|
+
declare function Truncate(): JSX.Element;
|
|
10
2
|
export default Truncate;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from '@splunk/react-ui/utils/types';
|
|
2
|
+
interface ExpandButtonPropsBase {
|
|
3
|
+
className?: string;
|
|
4
|
+
expanded?: boolean;
|
|
5
|
+
}
|
|
6
|
+
type ExpandButtonProps = ComponentProps<ExpandButtonPropsBase, 'button'>;
|
|
7
|
+
declare const StyledExpandButton: import("styled-components").StyledComponent<({ className, expanded, ...otherProps }: ExpandButtonProps) => JSX.Element, any, {}, never>;
|
|
8
|
+
export default StyledExpandButton;
|
|
@@ -141,6 +141,7 @@ type HeadDropdownCellProps = ClassComponentProps<HeadDropdownCellPropsBase, type
|
|
|
141
141
|
interface HeadDropdownCellState {
|
|
142
142
|
clientX?: number;
|
|
143
143
|
el: HTMLTableCellElement | null;
|
|
144
|
+
innerButtonEl: HTMLButtonElement | null;
|
|
144
145
|
isDragging: boolean;
|
|
145
146
|
open: boolean;
|
|
146
147
|
}
|
|
@@ -162,6 +163,7 @@ declare class HeadDropdownCell extends Component<HeadDropdownCellProps, HeadDrop
|
|
|
162
163
|
constructor(props: Readonly<HeadDropdownCellProps>);
|
|
163
164
|
componentDidUpdate(prevProps: Readonly<HeadDropdownCellProps>): void;
|
|
164
165
|
private handleMount;
|
|
166
|
+
private handleInnerButtonMount;
|
|
165
167
|
private handleRequestClose;
|
|
166
168
|
private handleClick;
|
|
167
169
|
private handleKeyDown;
|