@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.
Files changed (91) hide show
  1. package/ButtonGroup.js +1 -3
  2. package/CHANGELOG.md +47 -0
  3. package/Code.js +611 -426
  4. package/ComboBox.js +25 -32
  5. package/Date.js +21 -26
  6. package/Dropdown.js +33 -32
  7. package/JSONTree.js +30 -24
  8. package/Layer.js +115 -97
  9. package/Link.js +19 -21
  10. package/MIGRATION.mdx +48 -53
  11. package/Menu.js +7 -2
  12. package/MessageBar.js +54 -56
  13. package/Multiselect.js +1051 -1035
  14. package/Number.js +424 -395
  15. package/Paginator.js +269 -251
  16. package/Popover.js +595 -526
  17. package/RadioList.js +44 -43
  18. package/Resize.js +61 -61
  19. package/ResultsMenu.d.ts +2 -0
  20. package/ResultsMenu.js +4 -4
  21. package/Scroll.js +482 -475
  22. package/Search.js +56 -65
  23. package/Select.js +532 -513
  24. package/TabBar.js +4 -0
  25. package/Table.js +1519 -1437
  26. package/Text.js +29 -17
  27. package/TextArea.js +37 -37
  28. package/Tooltip.js +300 -207
  29. package/TransitionOpen.js +16 -14
  30. package/Tree.js +20 -14
  31. package/package.json +7 -7
  32. package/types/src/Button/Button.d.ts +1 -0
  33. package/types/src/ButtonGroup/ButtonGroup.d.ts +0 -4
  34. package/types/src/Code/Code.d.ts +1 -1
  35. package/types/src/ComboBox/ComboBox.d.ts +6 -3
  36. package/types/src/Date/Date.d.ts +0 -1
  37. package/types/src/Dropdown/Dropdown.d.ts +2 -1
  38. package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +2 -0
  39. package/types/src/Layer/Layer.d.ts +2 -1
  40. package/types/src/Link/Link.d.ts +0 -2
  41. package/types/src/Multiselect/Multiselect.d.ts +2 -0
  42. package/types/src/Number/Number.d.ts +11 -10
  43. package/types/src/Number/utils.d.ts +29 -0
  44. package/types/src/Paginator/Paginator.d.ts +15 -2
  45. package/types/src/Paginator/docs/examples/CustomPages.d.ts +2 -0
  46. package/types/src/Popover/Popover.d.ts +18 -12
  47. package/types/src/Popover/PopoverMenuContext.d.ts +6 -0
  48. package/types/src/Popover/PopoverProvider.d.ts +23 -0
  49. package/types/src/Popover/index.d.ts +2 -1
  50. package/types/src/RadioList/RadioList.d.ts +1 -1
  51. package/types/src/Resize/Resize.d.ts +0 -11
  52. package/types/src/Scroll/Inner.d.ts +17 -19
  53. package/types/src/Select/SelectBase.d.ts +7 -5
  54. package/types/src/Select/docs/examples/Appearance.d.ts +1 -11
  55. package/types/src/Select/docs/examples/Basic.d.ts +1 -9
  56. package/types/src/Select/docs/examples/Children.d.ts +1 -9
  57. package/types/src/Select/docs/examples/Descriptions.d.ts +1 -9
  58. package/types/src/Select/docs/examples/Fetching.d.ts +1 -22
  59. package/types/src/Select/docs/examples/Filter.d.ts +1 -9
  60. package/types/src/Select/docs/examples/Headings.d.ts +1 -9
  61. package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -24
  62. package/types/src/Select/docs/examples/Prefix.d.ts +1 -9
  63. package/types/src/Select/docs/examples/Truncate.d.ts +1 -9
  64. package/types/src/Table/ExpandButton.d.ts +8 -0
  65. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  66. package/types/src/Table/HeadInner.d.ts +5 -1
  67. package/types/src/Table/Row.d.ts +8 -2
  68. package/types/src/Table/docs/examples/Click.d.ts +2 -16
  69. package/types/src/Table/docs/examples/ClickRows.d.ts +2 -16
  70. package/types/src/Table/docs/examples/Complex.d.ts +2 -50
  71. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -13
  72. package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +1 -17
  73. package/types/src/Table/docs/examples/ReorderColumns.d.ts +2 -21
  74. package/types/src/Table/docs/examples/ReorderRows.d.ts +2 -21
  75. package/types/src/Table/docs/examples/Resizable.d.ts +2 -23
  76. package/types/src/Table/docs/examples/ResizableFill.d.ts +2 -23
  77. package/types/src/Table/docs/examples/RowActions.d.ts +2 -39
  78. package/types/src/Table/docs/examples/Selectable.d.ts +2 -18
  79. package/types/src/Table/docs/examples/SortableColumns.d.ts +1 -11
  80. package/types/src/Tooltip/Tooltip.d.ts +38 -5
  81. package/types/src/Tooltip/docs/examples/CustomProps.d.ts +2 -0
  82. package/types/src/Tooltip/docs/examples/Toggletip.d.ts +2 -0
  83. package/types/src/useControlled/useControlled.d.ts +5 -4
  84. package/useControlled.js +37 -15
  85. package/usePrevious.js +62 -30
  86. package/useResizeObserver.js +122 -90
  87. package/useRovingFocus.js +5 -4
  88. package/types/src/Dropdown/docs/examples/OtherToggles.d.ts +0 -2
  89. package/types/src/Popover/PopoverContext.d.ts +0 -6
  90. package/types/src/Table/icons/ExpansionRow.d.ts +0 -6
  91. 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({ onChange, current, alwaysShowLastPageLink, numPageLinks, totalPages, ...otherProps }: PaginatorProps): JSX.Element | null;
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, };
@@ -0,0 +1,2 @@
1
+ declare function CustomPages(): JSX.Element;
2
+ export default CustomPages;
@@ -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. It always
49
- * points to the edge of the anchor. When positioned above or below, only the x value is
50
- * used. When positioned left or right, only the y value is used.
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 getElPosition;
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,6 @@
1
+ /// <reference types="react" />
2
+ interface PopoverMenuContextValue {
3
+ retainFocus?: boolean;
4
+ }
5
+ declare const PopoverMenuContext: import("react").Context<PopoverMenuContextValue>;
6
+ export { PopoverMenuContext };
@@ -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 };
@@ -1,3 +1,4 @@
1
1
  export { default } from './Popover';
2
2
  export * from './Popover';
3
- export * from './PopoverContext';
3
+ export * from './PopoverProvider';
4
+ export * from './PopoverMenuContext';
@@ -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, { Component } from 'react';
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
2
3
  import { SpringValue } from 'react-spring';
3
- import { ClassComponentProps } from '../utils/types';
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
- declare const defaultProps: Required<Pick<InnerPropsBase, 'defaultLeft' | 'defaultTop' | 'tagName'>>;
22
- type InnerProps = ClassComponentProps<InnerPropsBase, typeof defaultProps, keyof JSX.IntrinsicElements>;
23
- interface InnerState {
24
- containerEl: HTMLElement | null;
25
- }
26
- declare class Inner extends Component<InnerProps, InnerState> {
27
- private defaultWindowOverflowX;
28
- private defaultWindowOverflowY;
29
- static propTypes: React.WeakValidationMap<InnerProps>;
30
- static defaultProps: Required<Pick<InnerPropsBase, "tagName" | "defaultLeft" | "defaultTop">>;
31
- constructor(props: Readonly<InnerProps>);
32
- componentDidUpdate(prevProps: Readonly<InnerProps>, prevState: Readonly<InnerState>): void;
33
- private handleWheel;
34
- private handleMount;
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. When placed in a ControlGroup, this automatically set to the
90
- * ControlGroup's label. This property is not used when `labelText` is provided.
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 is used to supply this text along with the current value to a screen reader.
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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
- import { Component } from 'react';
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;