@splunk/react-ui 4.42.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 (62) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/Code.js +611 -426
  3. package/ComboBox.js +25 -32
  4. package/Date.js +21 -26
  5. package/Dropdown.js +1 -1
  6. package/JSONTree.js +30 -24
  7. package/MIGRATION.mdx +48 -53
  8. package/Menu.js +12 -8
  9. package/Multiselect.js +1 -1
  10. package/Number.js +418 -392
  11. package/Paginator.js +269 -251
  12. package/Popover.js +412 -345
  13. package/RadioList.js +44 -43
  14. package/ResultsMenu.d.ts +2 -0
  15. package/Search.js +56 -65
  16. package/Select.js +1 -1
  17. package/TabBar.js +4 -0
  18. package/Table.js +146 -146
  19. package/TransitionOpen.js +16 -14
  20. package/Tree.js +20 -14
  21. package/package.json +6 -6
  22. package/types/src/Button/Button.d.ts +1 -0
  23. package/types/src/Code/Code.d.ts +1 -1
  24. package/types/src/ComboBox/ComboBox.d.ts +6 -3
  25. package/types/src/Date/Date.d.ts +0 -1
  26. package/types/src/Dropdown/docs/examples/TooltipButtonToggle.d.ts +2 -0
  27. package/types/src/Multiselect/Multiselect.d.ts +2 -0
  28. package/types/src/Number/Number.d.ts +3 -10
  29. package/types/src/Number/utils.d.ts +29 -0
  30. package/types/src/Paginator/Paginator.d.ts +15 -2
  31. package/types/src/Paginator/docs/examples/CustomPages.d.ts +2 -0
  32. package/types/src/Popover/Popover.d.ts +17 -8
  33. package/types/src/Popover/PopoverMenuContext.d.ts +6 -0
  34. package/types/src/Popover/PopoverProvider.d.ts +23 -0
  35. package/types/src/Popover/index.d.ts +2 -1
  36. package/types/src/RadioList/RadioList.d.ts +1 -1
  37. package/types/src/Select/SelectBase.d.ts +1 -1
  38. package/types/src/Select/docs/examples/Appearance.d.ts +1 -11
  39. package/types/src/Select/docs/examples/Basic.d.ts +1 -9
  40. package/types/src/Select/docs/examples/Children.d.ts +1 -9
  41. package/types/src/Select/docs/examples/Descriptions.d.ts +1 -9
  42. package/types/src/Select/docs/examples/Fetching.d.ts +1 -22
  43. package/types/src/Select/docs/examples/Filter.d.ts +1 -9
  44. package/types/src/Select/docs/examples/Headings.d.ts +1 -9
  45. package/types/src/Select/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -24
  46. package/types/src/Select/docs/examples/Prefix.d.ts +1 -9
  47. package/types/src/Select/docs/examples/Truncate.d.ts +1 -9
  48. package/types/src/Table/docs/examples/Click.d.ts +2 -16
  49. package/types/src/Table/docs/examples/ClickRows.d.ts +2 -16
  50. package/types/src/Table/docs/examples/Complex.d.ts +2 -50
  51. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -13
  52. package/types/src/Table/docs/examples/HeadDropdownCell.d.ts +1 -17
  53. package/types/src/Table/docs/examples/ReorderColumns.d.ts +2 -21
  54. package/types/src/Table/docs/examples/ReorderRows.d.ts +2 -21
  55. package/types/src/Table/docs/examples/Resizable.d.ts +2 -23
  56. package/types/src/Table/docs/examples/ResizableFill.d.ts +2 -23
  57. package/types/src/Table/docs/examples/RowActions.d.ts +2 -39
  58. package/types/src/Table/docs/examples/Selectable.d.ts +2 -18
  59. package/types/src/Table/docs/examples/SortableColumns.d.ts +1 -11
  60. package/useResizeObserver.js +122 -90
  61. package/types/src/Dropdown/docs/examples/OtherToggles.d.ts +0 -2
  62. package/types/src/Popover/PopoverContext.d.ts +0 -6
@@ -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
  /**
@@ -185,6 +193,7 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
185
193
  componentDidMount(): void;
186
194
  componentDidUpdate(prevProps: Readonly<PopoverProps>): void;
187
195
  componentWillUnmount(): void;
196
+ private shouldRenderArrow;
188
197
  private setPlacement;
189
198
  private handleArrowMount;
190
199
  private handleNewAnchor;
@@ -197,7 +206,7 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
197
206
  private requestClose;
198
207
  render(): (false | JSX.Element)[];
199
208
  }
200
- 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>> & {
201
210
  ref?: React.Ref<Popover> | undefined;
202
211
  }, "splunkTheme">>;
203
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>;
@@ -289,4 +289,4 @@ declare namespace SelectBase {
289
289
  var Heading: typeof import("../Menu/Heading").default;
290
290
  }
291
291
  export default SelectBase;
292
- 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;
@@ -1,16 +1,2 @@
1
- import { Component } from 'react';
2
- import { CellClickHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- email: string;
5
- name: string;
6
- }
7
- interface ExampleState {
8
- clickedRow?: string;
9
- data: Row[];
10
- }
11
- export default class Click extends Component<{}, ExampleState> {
12
- constructor(props: {});
13
- handlerClick: CellClickHandler;
14
- render(): JSX.Element;
15
- }
16
- export {};
1
+ declare function Click(): JSX.Element;
2
+ export default Click;
@@ -1,16 +1,2 @@
1
- import { Component } from 'react';
2
- import { RowClickHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- email: string;
5
- name: string;
6
- }
7
- interface ExampleState {
8
- clickedRow?: string;
9
- data: Row[];
10
- }
11
- export default class ClickRows extends Component<{}, ExampleState> {
12
- constructor(props: {});
13
- handleClick: RowClickHandler;
14
- render(): JSX.Element;
15
- }
16
- export {};
1
+ declare function ClickRows(): JSX.Element;
2
+ export default ClickRows;
@@ -1,50 +1,2 @@
1
- import React, { Component } from 'react';
2
- import { HeadCellSortHandler, RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowRequestToggleHandler, TableRequestMoveColumnHandler, TableRequestResizeColumnHandler, RowClickHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- age: number;
5
- birthState: string;
6
- disabled: boolean;
7
- email: string;
8
- name: string;
9
- selected: boolean;
10
- status: string;
11
- }
12
- interface Header {
13
- align: 'left' | 'center' | 'right';
14
- key: 'age' | 'birthState' | 'email' | 'name' | 'status';
15
- label: string;
16
- minWidth: number;
17
- visible: boolean;
18
- width: number;
19
- }
20
- interface ExampleState {
21
- data: Row[];
22
- headers: Header[];
23
- primaryAction?: string;
24
- primaryActionRowData?: string;
25
- secondaryAction?: string;
26
- secondaryActionRowData?: string;
27
- sortDir: 'asc' | 'desc';
28
- sortKey: 'age' | 'birthState' | 'email' | 'name' | 'status';
29
- activeRow?: string;
30
- activeRowData?: string;
31
- }
32
- export default class Complex extends Component<{}, ExampleState> {
33
- constructor(props: {});
34
- handleRequestMoveColumn: TableRequestMoveColumnHandler;
35
- handleSort: HeadCellSortHandler;
36
- handleResizeColumn: TableRequestResizeColumnHandler;
37
- handleToggle: RowRequestToggleHandler;
38
- handleToggleAll: () => void;
39
- handleRowClick: RowClickHandler;
40
- handleShowHide: (e: React.MouseEvent, { label }: {
41
- label: string;
42
- }) => void;
43
- handleEditActionClick: RowActionPrimaryClickHandler;
44
- handleSaveActionClick: RowActionSecondaryClickHandler;
45
- handleAddActionClick: RowActionSecondaryClickHandler;
46
- handleDeleteActionClick: RowActionSecondaryClickHandler;
47
- rowSelectionState(data: Row[]): "none" | "all" | "some";
48
- render(): JSX.Element;
49
- }
50
- export {};
1
+ declare function Complex(): JSX.Element;
2
+ export default Complex;
@@ -1,14 +1,2 @@
1
- import React, { Component } from 'react';
2
- declare const kindValues: readonly ["Amazon S3", "Index", "Indexer", "Lookup", "View"];
3
- type Kind = typeof kindValues[number];
4
- interface ExampleState {
5
- filter?: Kind[];
6
- }
7
- declare class FilterableTable extends Component<{}, ExampleState> {
8
- constructor(props: {});
9
- toggleFilterValue: (e: React.MouseEvent, { filterValue }: {
10
- filterValue: Kind;
11
- }) => void;
12
- render(): JSX.Element;
13
- }
1
+ declare function FilterableTable(): JSX.Element;
14
2
  export default FilterableTable;
@@ -1,18 +1,2 @@
1
- import React, { Component } from 'react';
2
- interface Column {
3
- align: 'left' | 'right';
4
- label: string;
5
- sortKey: 'email' | 'name';
6
- }
7
- interface ExampleState {
8
- columns: Column[];
9
- sortDir: 'asc' | 'desc';
10
- sortKey: 'email' | 'name';
11
- }
12
- declare class HeadDropdownCell extends Component<{}, ExampleState> {
13
- constructor(props: {});
14
- handleSort: (e: React.MouseEvent, { sortKey, sortDir }: Pick<ExampleState, 'sortKey' | 'sortDir'>) => void;
15
- handleAlign: (e: React.MouseEvent, { sortKey, align }: Pick<ExampleState, 'sortKey'> & Pick<Column, 'align'>) => void;
16
- render(): JSX.Element;
17
- }
1
+ declare function HeadDropdownCell(): JSX.Element;
18
2
  export default HeadDropdownCell;
@@ -1,21 +1,2 @@
1
- import { Component } from 'react';
2
- import { TableRequestMoveColumnHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- age: number;
5
- email: string;
6
- name: string;
7
- }
8
- interface Header {
9
- key: 'age' | 'email' | 'name';
10
- label: string;
11
- }
12
- interface ExampleState {
13
- data: Row[];
14
- headers: Header[];
15
- }
16
- export default class ReorderColumns extends Component<{}, ExampleState> {
17
- constructor(props: {});
18
- handleRequestMoveColumn: TableRequestMoveColumnHandler;
19
- render(): JSX.Element;
20
- }
21
- export {};
1
+ declare function ReorderColumns(): JSX.Element;
2
+ export default ReorderColumns;
@@ -1,21 +1,2 @@
1
- import { Component } from 'react';
2
- import { TableRequestMoveRowHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- age: number;
5
- email: string;
6
- name: string;
7
- }
8
- interface Header {
9
- key: 'age' | 'email' | 'name';
10
- label: string;
11
- }
12
- interface ExampleState {
13
- data: Row[];
14
- headers: Header[];
15
- }
16
- export default class ReorderRows extends Component<{}, ExampleState> {
17
- constructor(props: {});
18
- handleRequestMoveRow: TableRequestMoveRowHandler;
19
- render(): JSX.Element;
20
- }
21
- export {};
1
+ declare function ReorderRows(): JSX.Element;
2
+ export default ReorderRows;
@@ -1,23 +1,2 @@
1
- import { Component } from 'react';
2
- import { TableRequestResizeColumnHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- age: number;
5
- email: string;
6
- name: string;
7
- }
8
- interface Header {
9
- key: 'age' | 'email' | 'name';
10
- label: string;
11
- minWidth: number;
12
- width: number;
13
- }
14
- interface ExampleState {
15
- data: Row[];
16
- headers: Header[];
17
- }
18
- export default class Resizable extends Component<{}, ExampleState> {
19
- constructor(props: {});
20
- handleResizeColumn: TableRequestResizeColumnHandler;
21
- render(): JSX.Element;
22
- }
23
- export {};
1
+ declare function Resizable(): JSX.Element;
2
+ export default Resizable;
@@ -1,23 +1,2 @@
1
- import { Component } from 'react';
2
- import { TableRequestResizeColumnHandler } from '@splunk/react-ui/Table';
3
- interface Row {
4
- age: number;
5
- email: string;
6
- name: string;
7
- }
8
- interface Header {
9
- key: 'age' | 'email' | 'name';
10
- label: string;
11
- minWidth: number;
12
- width: number | 'auto';
13
- }
14
- interface ExampleState {
15
- data: Row[];
16
- headers: Header[];
17
- }
18
- export default class Resizable extends Component<{}, ExampleState> {
19
- constructor(props: {});
20
- handleResizeColumn: TableRequestResizeColumnHandler;
21
- render(): JSX.Element;
22
- }
23
- export {};
1
+ declare function ResizableFill(): JSX.Element;
2
+ export default ResizableFill;