@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/types/src/DualListbox/Label.d.ts

@@ -29,7 +29,7 @@ interface ListboxLabelPropsBase {
     value: string;
 }
 type ListboxLabelProps = ComponentProps<ListboxLabelPropsBase, 'div'>;
-declare function ListboxLabel({ id, index, listId, name, onSwitchClick, value }: ListboxLabelProps): JSX.Element | null;
+declare function ListboxLabel({ id, index, listId, name, onSwitchClick, value }: ListboxLabelProps): React.JSX.Element | null;
 declare namespace ListboxLabel {
     var propTypes: React.WeakValidationMap<ListboxLabelPropsBase>;
 }

package/types/src/DualListbox/Listbox.d.ts

@@ -46,7 +46,7 @@ interface ListboxPropsBase {
     onSelectAllClick?: ListboxSelectAllClickHandler;
 }
 type ListboxProps = ComponentProps<ListboxPropsBase, 'ul'>;
-declare function Listbox({ children, elementRef, index, label, name, onClick, onKeyDown, onSelectAllClick, ...otherProps }: ListboxProps): JSX.Element;
+declare function Listbox({ children, elementRef, index, label, name, onClick, onKeyDown, onSelectAllClick, ...otherProps }: ListboxProps): React.JSX.Element;
 declare namespace Listbox {
     var propTypes: React.WeakValidationMap<ListboxPropsBase>;
 }

package/types/src/DualListbox/Option.d.ts

@@ -27,7 +27,7 @@ interface OptionPropsBase {
     value: string;
 }
 type OptionProps = ComponentProps<OptionPropsBase, 'li'>;
-declare function Option({ id, label, selected: selectedProp, value, ...otherProps }: OptionProps): JSX.Element | null;
+declare function Option({ id, label, selected: selectedProp, value, ...otherProps }: OptionProps): React.JSX.Element | null;
 declare namespace Option {
     var propTypes: React.WeakValidationMap<OptionPropsBase>;
 }

package/types/src/DualListbox/ScreenReaderWrapper.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare function ScreenReaderWrapper({ ...otherProps }: {
     [x: string]: any;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 export default ScreenReaderWrapper;

package/types/src/DualListbox/ToolbarButton.d.ts

@@ -30,7 +30,7 @@ interface ToolbarButtonPropsBase {
     tooltipPlacement: 'above' | 'below' | 'left' | 'right';
 }
 type ToolbarButtonProps = ComponentProps<ToolbarButtonPropsBase, 'button'>;
-declare function ToolbarButton({ ariaLabel, ariaKeyShortcuts, icon, name, tooltipLabel, tooltipPlacement, ...otherProps }: ToolbarButtonProps): JSX.Element | null;
+declare function ToolbarButton({ ariaLabel, ariaKeyShortcuts, icon, name, tooltipLabel, tooltipPlacement, ...otherProps }: ToolbarButtonProps): React.JSX.Element | null;
 declare namespace ToolbarButton {
     var propsTypes: React.WeakValidationMap<ToolbarButtonProps>;
 }

package/types/src/DualListbox/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Uncontrolled(): JSX.Element;
+import React from 'react';
+declare function Uncontrolled(): React.JSX.Element;
 export default Uncontrolled;

package/types/src/DualListbox/docs/examples/Controlled.d.ts

@@ -1,2 +1,3 @@
-declare const Controlled: () => JSX.Element;
+import React from 'react';
+declare const Controlled: () => React.JSX.Element;
 export default Controlled;

package/types/src/DualListbox/docs/examples/Fill.d.ts

@@ -1,2 +1,3 @@
-declare function Fill(): JSX.Element;
+import React from 'react';
+declare function Fill(): React.JSX.Element;
 export default Fill;

package/types/src/EventListener/EventListener.d.ts

@@ -11,7 +11,7 @@ interface EventListenerProp {
     listener: (evt: CustomEvent) => void;
     options?: boolean | AddEventListenerOptions;
 }
-declare function EventListener(props: EventListenerProp): JSX.Element;
+declare function EventListener(props: EventListenerProp): React.JSX.Element;
 declare namespace EventListener {
     var propTypes: React.WeakValidationMap<EventListenerProp>;
 }

package/types/src/File/File.d.ts

@@ -1,8 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { AnyTheme } from '@splunk/themes';
 import Item from './Item';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type FileRequestAddHandler = (files: globalThis.File[], data: {
     name?: string;
@@ -68,42 +67,36 @@ interface FilePropsBase {
     /** @private. */
     required?: boolean;
     supportsMessage?: React.ReactNode;
-    /** @private */
-    splunkTheme: AnyTheme;
-}
-declare const defaultProps: Required<Pick<FilePropsBase, 'allowMultiple' | 'disabled' | 'dropAnywhere' | 'error'>>;
-type FileProps = ClassComponentProps<FilePropsBase, typeof defaultProps, 'div'>;
-interface FileState {
-    dragOver: boolean;
-    focusedInput: boolean;
 }
+type FileProps = ComponentProps<FilePropsBase, 'div'>;
 /**
  * File provides the ability to accept files and present uploaded files. It does not provide
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */
-declare class File extends Component<FileProps, FileState> {
-    private inputId;
-    private inputCount;
-    static propTypes: React.WeakValidationMap<FileProps>;
-    static defaultProps: Required<Pick<FilePropsBase, "disabled" | "error" | "allowMultiple" | "dropAnywhere">>;
-    static Item: typeof Item;
-    constructor(props: Readonly<FileProps>);
-    private handleInputChange;
-    private handleInputFocus;
-    private handleInputBlur;
-    private handleDragOver;
-    private handleDragLeave;
-    private handleDrop;
-    private addFiles;
-    render(): JSX.Element;
+declare function File({ accept, allowMultiple, children, disabled, dropAnywhere, error, fullscreen, help, name, onRequestAdd, onRequestRemove, onRequestRetry, required, supportsMessage: supportsMessageProp, ...otherProps }: FileProps): React.JSX.Element;
+declare namespace File {
+    var propTypes: {
+        accept: PropTypes.Requireable<string>;
+        allowMultiple: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        dropAnywhere: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        fullscreen: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        help: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        name: PropTypes.Requireable<string>;
+        onRequestAdd: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestRetry: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        required: PropTypes.Requireable<boolean>;
+        supportsMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    var componentType: string;
+    var Item: typeof import("./Item").default;
 }
-declare const HoistedFileWithTheme: React.ForwardRefExoticComponent<Omit<Pick<Pick<FileProps, "slot" | "style" | "title" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof FilePropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<FileProps>>, "inlist"> & Pick<FileProps, never>, "slot" | "style" | "title" | "children" | "name" | "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" | "accept" | "required" | "help" | "splunkTheme" | "onRequestRemove" | "fullscreen" | "onRequestRetry" | "onRequestAdd" | "supportsMessage"> & Partial<Pick<Pick<FileProps, "slot" | "style" | "title" | "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" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof FilePropsBase> & Pick<PropTypes.InferProps<React.WeakValidationMap<FileProps>>, "inlist"> & Pick<FileProps, never>, "disabled" | "error" | "allowMultiple" | "dropAnywhere">> & Partial<Pick<Required<Pick<FilePropsBase, "disabled" | "error" | "allowMultiple" | "dropAnywhere">>, never>> & {
-    ref?: React.Ref<File> | undefined;
-}, "splunkTheme">> & {
-    Item: typeof Item;
-};
-export default HoistedFileWithTheme;
-export type { File as FileWithoutTheme };
+export default File;
 export { FileRequestAddHandler, FileRequestRemoveHandler, FileRequestRetryHandler, Item };
 export type { FilePropsBase };

package/types/src/File/Icon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-export default function FileIcon(props: SVGPropsOptionalViewBox): JSX.Element;
+export default function FileIcon(props: SVGPropsOptionalViewBox): React.JSX.Element;

package/types/src/File/IconCloud.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-export default function FileIconCloud(props: SVGPropsOptionalViewBox): JSX.Element;
+export default function FileIconCloud(props: SVGPropsOptionalViewBox): React.JSX.Element;

package/types/src/File/Item.d.ts

@@ -25,7 +25,7 @@ interface ItemPropsBase {
     uploadPercentage?: number;
 }
 type ItemProps = ComponentProps<ItemPropsBase, 'div'>;
-declare function Item({ disabled, error, itemId, name, index, uploadPercentage, ...otherProps }: ItemProps): JSX.Element;
+declare function Item({ disabled, error, itemId, name, index, uploadPercentage, ...otherProps }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var propTypes: {
         disabled: PropTypes.Requireable<boolean>;

package/types/src/File/PaperClip.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-export default function PaperClip(props: SVGPropsOptionalViewBox): JSX.Element;
+export default function PaperClip(props: SVGPropsOptionalViewBox): React.JSX.Element;

package/types/src/File/Retry.d.ts

@@ -1 +1,2 @@
-export default function Retry(): JSX.Element;
+import React from 'react';
+export default function Retry(): React.JSX.Element;

package/types/src/File/Trash.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
-export default function Trash(props: SVGPropsOptionalViewBox): JSX.Element;
+export default function Trash(props: SVGPropsOptionalViewBox): React.JSX.Element;

package/types/src/File/docs/examples/CustomizedMessages.d.ts

@@ -1 +1,2 @@
-export default function CustomizedMessages(): JSX.Element;
+import React from 'react';
+export default function CustomizedMessages(): React.JSX.Element;

package/types/src/File/docs/examples/Disabled.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { FileRequestAddHandler } from '@splunk/react-ui/File';
 declare class Disabled extends Component<{}, {
     filename?: string;
@@ -7,6 +7,6 @@ declare class Disabled extends Component<{}, {
     constructor(props: {});
     handleAddFiles: FileRequestAddHandler;
     handleRemoveFile: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Disabled;

package/types/src/File/docs/examples/DropAnywhere.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { FileRequestAddHandler } from '@splunk/react-ui/File';
 declare class DropAnywhere extends Component<{}, {
     filename?: string;
@@ -10,6 +10,6 @@ declare class DropAnywhere extends Component<{}, {
     handleRemoveFile: () => void;
     handleOpen: () => void;
     handleClose: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default DropAnywhere;

package/types/src/File/docs/examples/Error.d.ts

@@ -1 +1,2 @@
-export default function FileErrors(): JSX.Element;
+import React from 'react';
+export default function FileErrors(): React.JSX.Element;

package/types/src/File/docs/examples/FullScreen.d.ts

@@ -1,2 +1,3 @@
-declare function Fullscreen(): JSX.Element;
+import React from 'react';
+declare function Fullscreen(): React.JSX.Element;
 export default Fullscreen;

package/types/src/File/docs/examples/Multi.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { FileRequestAddHandler, FileRequestRemoveHandler } from '@splunk/react-ui/File';
 interface FileItem {
     name: string;
@@ -11,6 +11,6 @@ declare class Multi extends Component<{}, {
     constructor(props: {});
     handleAddFiles: FileRequestAddHandler;
     handleRemoveFile: FileRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Multi;

package/types/src/File/docs/examples/Progress.d.ts

@@ -1 +1,2 @@
-export default function Progress(): JSX.Element;
+import React from 'react';
+export default function Progress(): React.JSX.Element;

package/types/src/File/docs/examples/Single.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { FileRequestAddHandler } from '@splunk/react-ui/File';
 declare class Single extends Component<{}, {
     filename?: string;
@@ -7,6 +7,6 @@ declare class Single extends Component<{}, {
     constructor(props: {});
     handleAddFiles: FileRequestAddHandler;
     handleRemoveFile: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Single;

package/types/src/FormRows/FormRows.d.ts

@@ -1,7 +1,8 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Row from './Row';
 import type { RowRequestRemoveHandler } from './Row';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type FormRowsRequestMoveHandler = (data: {
     fromIndex: number;
@@ -27,18 +28,23 @@ interface FormRowsPropsBase {
     /** Callback when sort action completes. Omit this to make rows unsortable. */
     onRequestMove?: FormRowsRequestMoveHandler;
 }
-declare const defaultProps: Required<Pick<FormRowsPropsBase, 'addLabel' | 'disabled' | 'header'>>;
-type FormRowsProps = ClassComponentProps<FormRowsPropsBase, typeof defaultProps, 'div'>;
-declare class FormRows extends Component<FormRowsProps, {}> {
-    static propTypes: React.WeakValidationMap<FormRowsProps>;
-    static defaultProps: Required<Pick<FormRowsPropsBase, "header" | "disabled" | "addLabel">>;
-    static Row: typeof Row;
-    static addRow: (element: React.ReactElement<any, string | React.JSXElementConstructor<any>>, items: React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    static moveRow: (fromIndex: number, toIndex: number, items: React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    static removeRow: (index: number, items: React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    private handleKeyDown;
-    private handleSortEnd;
-    render(): JSX.Element;
+type FormRowsProps = ComponentProps<FormRowsPropsBase, 'div'>;
+declare function FormRows({ addLabel, children, disabled, header, menu, onRequestAdd, onRequestMove, ...otherProps }: FormRowsProps): React.JSX.Element;
+declare namespace FormRows {
+    var propTypes: {
+        addLabel: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        menu: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onRequestAdd: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestMove: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    var Row: typeof import("./Row").default;
+    var addRow: (element: React.ReactElement<any, string | React.JSXElementConstructor<any>>, items: React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    var moveRow: (fromIndex: number, toIndex: number, items: React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    var removeRow: (index: number, items: React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
 }
 export default FormRows;
 export { Row };

package/types/src/FormRows/Row.d.ts

@@ -1,5 +1,5 @@
-import React, { Component } from 'react';
-import FormRowsContext from './FormRowsContext';
+import React from 'react';
+import PropTypes from 'prop-types';
 type RowKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>, data: {
     index: number;
 }) => void;
@@ -20,11 +20,15 @@ interface RowPropsBase {
     /** The contents of Row */
     value?: React.ReactNode;
 }
-declare class Row extends Component<RowPropsBase, {}> {
-    static propTypes: React.WeakValidationMap<RowPropsBase>;
-    context: React.ContextType<typeof FormRowsContext>;
-    static contextType: React.Context<FormRowsContext>;
-    render(): JSX.Element;
+declare function Row({ children, elementRef, ...otherProps }: RowPropsBase): React.JSX.Element;
+declare namespace Row {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        index: PropTypes.Requireable<number>;
+        onRequestRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
 }
 export default Row;
 export type { RowKeyDownHandler, RowPropsBase, RowRequestRemoveHandler };

package/types/src/FormRows/SortableList.d.ts

@@ -6,6 +6,6 @@ type SortEndHandler = ({ oldIndex, newIndex }: {
 declare const SortableList: ({ children, onSortEnd, }: {
     children?: React.ReactNode;
     onSortEnd: SortEndHandler;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SortableList;
 export { SortEndHandler };

package/types/src/FormRows/docs/examples/Basic.d.ts

@@ -7,6 +7,6 @@ declare class Basic extends Component<{}, {
     handleRequestAdd: () => void;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Basic;

package/types/src/FormRows/docs/examples/Header.d.ts

@@ -7,6 +7,6 @@ declare class Header extends Component<{}, {
     handleRequestAdd: () => void;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Header;

package/types/src/FormRows/docs/examples/Menu.d.ts

@@ -8,6 +8,6 @@ declare class Menu extends Component<{}, {
     handleRequestAdd: SelectChangeHandler;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Menu;

package/types/src/FormRows/docs/examples/ReorderOnly.d.ts

@@ -5,6 +5,6 @@ declare class ReorderOnly extends Component<{}, {
 }> {
     constructor(props: {});
     handleRequestMove: FormRowsRequestMoveHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ReorderOnly;

package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts

@@ -1,2 +1,3 @@
-declare const FormRowsPlusIcon: () => JSX.Element;
+import React from 'react';
+declare const FormRowsPlusIcon: () => React.JSX.Element;
 export default FormRowsPlusIcon;

package/types/src/Heading/Heading.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { TypographyTitleVariant } from '@splunk/themes/mixins';
+import { StyledTypography } from './HeadingStyles';
 import { ComponentProps } from '../utils/types';
 interface HeadingPropsBase {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -11,12 +12,8 @@ interface HeadingPropsBase {
     /**
      * Corresponds to the respective `<hX>` HTML tags and `typography(titleX)` `@splunk/themes` typography variant.
      * Styles will be set corresponding to level if variant is not provided: e.g. `level=3` will default to using `title3` from `mixins`.
-     *
-     * @deprecatedValue 's' and 'ss'
-     * The `s` and `ss` values are deprecated and will be removed in a future major version.
-     * See the migration guide for how to maintain the same styling as `level="s"` and `level="ss"`.
      */
-    level?: 1 | 2 | 3 | 4 | 's' | 'ss' | 5 | 6;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Styles the component based on typography mixin title preset styles.
      * If a variant is not provided, styles will be set corresponding to level: e.g. `level=3` will default to using `title3` from `mixins`.
@@ -24,24 +21,15 @@ interface HeadingPropsBase {
     variant?: TypographyTitleVariant;
 }
 type HeadingProps = ComponentProps<HeadingPropsBase, 'h1'>;
-declare const levelToElement: {
-    readonly '1': "h1";
-    readonly '2': "h2";
-    readonly '3': "h3";
-    readonly '4': "h4";
-    readonly s: "h4";
-    readonly ss: "h5";
-    readonly '5': "h5";
-    readonly '6': "h6";
-};
-declare function Heading({ children, elementRef, level, variant, ...otherProps }: HeadingProps): JSX.Element;
+declare const levelToElement: Record<number, React.ElementType>;
+declare function Heading({ level, elementRef, children, variant, ...otherProps }: HeadingProps): React.JSX.Element;
 declare namespace Heading {
     var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         elementRef: PropTypes.Requireable<object>;
-        level: PropTypes.Requireable<string | number>;
+        level: PropTypes.Validator<number>;
         variant: PropTypes.Requireable<string>;
     };
 }
 export default Heading;
-export { levelToElement };
+export { levelToElement, StyledTypography as StyledHeading };

package/types/src/Heading/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Heading/docs/examples/Variant.d.ts

@@ -1,2 +1,3 @@
-declare function Variant(): JSX.Element;
+import React from 'react';
+declare function Variant(): React.JSX.Element;
 export default Variant;

package/types/src/Heading/index.d.ts

@@ -1 +1,2 @@
 export { default } from './Heading';
+export * from './Heading';

package/types/src/Image/Image.d.ts

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type ImageImageChangeHandler = (data: {
     filename: string | null;
@@ -33,18 +33,14 @@ interface ImagePropsBase {
      * `null` if the image was removed. */
     onImageChange?: ImageImageChangeHandler;
 }
-declare const defaultProps: Required<Pick<ImagePropsBase, 'allowExtensions' | 'disabled' | 'dropAnywhere' | 'error' | 'maxHeight'>>;
-type ImageProps = ClassComponentProps<ImagePropsBase, typeof defaultProps, 'div'>;
-interface ImageState {
-    filename?: string | null;
-    imageDataURI?: string | null;
-}
+type ImageProps = ComponentProps<ImagePropsBase, 'div'>;
+declare const isAllowedFilename: (filename: string, allowExtensions: string[]) => boolean;
 /**
  * Image provides the ability to accept image files and present a preview of the image.
  */
-declare class Image extends Component<ImageProps, ImageState> {
-    private fileReader;
-    static propTypes: {
+declare function Image({ allowExtensions, defaultFilename: defaultFilenameProp, defaultImageDataURI, disabled, error, maxHeight, onImageChange, ...otherProps }: ImageProps): React.JSX.Element;
+declare namespace Image {
+    var propTypes: {
         allowExtensions: PropTypes.Requireable<(string | null | undefined)[]>;
         defaultFilename: PropTypes.Requireable<string>;
         defaultImageDataURI: PropTypes.Requireable<string>;
@@ -55,14 +51,7 @@ declare class Image extends Component<ImageProps, ImageState> {
         maxHeight: PropTypes.Requireable<number>;
         onImageChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: Required<Pick<ImagePropsBase, "disabled" | "maxHeight" | "error" | "dropAnywhere" | "allowExtensions">>;
-    static isAllowedFilename(filename: string, allowExtensions: string[]): boolean;
-    constructor(props: Readonly<ImageProps>);
-    componentDidUpdate(prevProps: Readonly<ImageProps>): void;
-    private handleAddFiles;
-    private handleRemoveFile;
-    render(): JSX.Element;
 }
 export default Image;
-export { ImageImageChangeHandler };
+export { ImageImageChangeHandler, isAllowedFilename };
 export type { ImagePropsBase };

package/types/src/Image/docs/examples/Basic.d.ts

@@ -1,2 +1,3 @@
-declare function Basic(): JSX.Element;
+import React from 'react';
+declare function Basic(): React.JSX.Element;
 export default Basic;

package/types/src/Image/icons/Cross.d.ts

@@ -1,2 +1,3 @@
-declare const CrossIcon: () => JSX.Element;
+import React from 'react';
+declare const CrossIcon: () => React.JSX.Element;
 export default CrossIcon;