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

package/types/src/Number/docs/examples/Locale.d.ts

@@ -1,10 +1,10 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { NumberChangeHandler } from '@splunk/react-ui/Number';
 declare class Locale extends Component<{}, {
     value?: number;
 }> {
     constructor(props: {});
     handleChange: NumberChangeHandler;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Locale;

package/types/src/Number/docs/examples/Uncontrolled.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/Number/utils.d.ts

@@ -0,0 +1,28 @@
+declare const getDecimalSeparatorByLocale: (locale: string) => "." | ",";
+type LimitValueArgs = {
+    val: number;
+    min?: number;
+    max?: number;
+    roundTo: number;
+};
+declare const limitValue: ({ val, min, max, roundTo }: LimitValueArgs) => number;
+type StringToNumberArgs = {
+    str: string;
+    locale: string;
+    min?: number;
+    max?: number;
+    roundTo: number;
+};
+declare const stringToNumber: ({ str, locale, min, max, roundTo }: StringToNumberArgs) => number | undefined;
+declare const numberToString: (number: number | undefined, locale: string) => string;
+type GetIsIncrementDisabledArgs = {
+    value?: number;
+    max?: number;
+};
+declare const getIsIncrementDisabled: ({ value, max }: GetIsIncrementDisabledArgs) => boolean;
+type GetIsDecrementDisabledArgs = {
+    value?: number;
+    min?: number;
+};
+declare const getIsDecrementDisabled: ({ value, min }: GetIsDecrementDisabledArgs) => boolean;
+export { getDecimalSeparatorByLocale, limitValue, stringToNumber, numberToString, getIsIncrementDisabled, getIsDecrementDisabled, };

package/types/src/Paginator/Button.d.ts

@@ -6,10 +6,8 @@ type PaginatorButtonClickHandler = (event: React.MouseEvent<HTMLButtonElement>,
 }) => void;
 interface PaginatorButtonPropsBase {
     children?: React.ReactNode;
-    /** Prevents user from clicking the button. If set to `dimmed`, the button
-     * does not respond to mouse events but can still receive focus, and
-     * `aria-disabled` is set to `true`. */
-    disabled?: boolean | 'dimmed';
+    /** Prevents user from clicking the button. */
+    disabled?: boolean;
     /** Callback for button click event */
     onClick?: PaginatorButtonClickHandler;
     /** Index of page */
@@ -18,15 +16,13 @@ interface PaginatorButtonPropsBase {
     selected?: boolean;
 }
 type PaginatorButtonProps = ComponentProps<PaginatorButtonPropsBase, 'button'>;
-declare function PaginatorButton({ children, disabled, onClick, page, selected, ...otherProps }: PaginatorButtonProps): JSX.Element;
+declare function PaginatorButton({ children, disabled, onClick, page, ...otherProps }: PaginatorButtonProps): React.JSX.Element;
 declare namespace PaginatorButton {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        disabled: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         page: PropTypes.Requireable<number>;
-        /** @private */
-        selected: PropTypes.Requireable<boolean>;
     };
 }
 export default PaginatorButton;

package/types/src/Paginator/Compact.d.ts

@@ -36,7 +36,7 @@ interface PaginatorCompactPropsBase {
     totalPages?: number;
 }
 type PageButtonProps = ComponentProps<PaginatorCompactPropsBase, 'nav'>;
-declare function Compact({ onChange, current, renderLabel, totalPages, ...otherProps }: PageButtonProps): JSX.Element;
+declare function Compact({ onChange, current, elementRef, renderLabel, totalPages, ...otherProps }: PageButtonProps): React.JSX.Element;
 declare namespace Compact {
     var propTypes: {
         current: PropTypes.Requireable<number>;

package/types/src/Paginator/PageControl.d.ts

@@ -24,7 +24,7 @@ interface PaginatorPageControlPropsBase {
     totalPages: number;
 }
 type PageControlProps = ComponentProps<PaginatorPageControlPropsBase, 'nav'>;
-declare function PageControl({ onChange, current, totalPages, ...otherProps }: PageControlProps): JSX.Element;
+declare function PageControl({ onChange, current, totalPages, ...otherProps }: PageControlProps): React.JSX.Element;
 declare namespace PageControl {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

package/types/src/Paginator/PageSelect.d.ts

@@ -20,7 +20,7 @@ interface PaginatorPageSelectPropsBase {
     totalPages: number;
 }
 type PageControlProps = ComponentProps<PaginatorPageSelectPropsBase, 'div'>;
-declare function PageSelect({ onChange, current, totalPages, ...otherProps }: PageControlProps): JSX.Element;
+declare function PageSelect({ onChange, current, totalPages, ...otherProps }: PageControlProps): React.JSX.Element;
 declare namespace PageSelect {
     var propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/Paginator/PageSeparator.d.ts

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

package/types/src/Paginator/Paginator.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import Clickable from '@splunk/react-ui/Clickable';
 import Compact, { PaginatorCompactChangeHandler } from './Compact';
 import PageControl, { PaginatorPageControlChangeHandler } from './PageControl';
 import { ComponentProps } from '../utils/types';
@@ -7,9 +8,20 @@ import { ComponentProps } from '../utils/types';
 type PaginatorChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     page: number;
 }) => void;
+/** @public */
+type PaginatorGeneratePageProps = ({ page, }: {
+    page: number;
+}) => Partial<React.ComponentProps<typeof Clickable>> & React.ComponentProps<'a'> & React.ComponentProps<'button'>;
 interface PaginatorPropsBase {
     /** Displays a link to the last page in a collection. */
     alwaysShowLastPageLink?: boolean;
+    /**
+     * Passes props to Paginator's pages and Prev/Next buttons.
+     * Supports [Clickable](./Clickable) props (except for `onClick`) and global HTML attributes.
+     * `generatePageProps` will not differentiate between Prev/Next buttons and its corresponding page.
+     * For example, if page 5 is passed prop P and current is 6, the Prev button will also be passed prop P.
+     */
+    generatePageProps?: PaginatorGeneratePageProps;
     /** Currently selected page. */
     current?: number;
     /**
@@ -26,12 +38,13 @@ interface PaginatorPropsBase {
     totalPages: number;
 }
 type PaginatorProps = ComponentProps<PaginatorPropsBase, 'nav'>;
-declare function Paginator({ onChange, current, alwaysShowLastPageLink, numPageLinks, totalPages, ...otherProps }: PaginatorProps): JSX.Element | null;
+declare function Paginator({ alwaysShowLastPageLink, generatePageProps, current, numPageLinks, onChange, totalPages, elementRef, ...otherProps }: PaginatorProps): React.JSX.Element | null;
 declare namespace Paginator {
     var Compact: typeof import("./Compact").default;
     var PageControl: typeof import("./PageControl").default;
     var propTypes: {
         alwaysShowLastPageLink: PropTypes.Requireable<boolean>;
+        generatePageProps: PropTypes.Requireable<(...args: any[]) => any>;
         current: PropTypes.Requireable<number>;
         elementRef: PropTypes.Requireable<object>;
         numPageLinks: PropTypes.Requireable<number>;
@@ -41,4 +54,4 @@ declare namespace Paginator {
 }
 export default Paginator;
 export { Compact, PageControl };
-export type { PaginatorCompactChangeHandler, PaginatorChangeHandler, PaginatorPageControlChangeHandler, };
+export type { PaginatorGeneratePageProps, PaginatorCompactChangeHandler, PaginatorChangeHandler, PaginatorPageControlChangeHandler, };

package/types/src/Paginator/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/Paginator/docs/examples/Compact.d.ts

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

package/types/src/Paginator/docs/examples/CompactCustomLabel.d.ts

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

package/types/src/Paginator/docs/examples/CompactWithLabel.d.ts

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

package/types/src/Paginator/docs/examples/CustomPages.d.ts

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

package/types/src/Paginator/docs/examples/Labelled.d.ts

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

package/types/src/Paginator/docs/examples/PageControl.d.ts

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

package/types/src/Paragraph/Paragraph.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { Styled } from './ParagraphStyles';
 import { ComponentProps } from '../utils/types';
 interface ParagraphPropsBase {
     /** Generally text, but might also include `Link`s. */
@@ -10,7 +11,7 @@ interface ParagraphPropsBase {
     elementRef?: React.Ref<HTMLParagraphElement>;
 }
 type ParagraphProps = ComponentProps<ParagraphPropsBase, 'p'>;
-declare function Paragraph({ children, elementRef, ...otherProps }: ParagraphProps): JSX.Element;
+declare function Paragraph({ children, elementRef, ...otherProps }: ParagraphProps): React.JSX.Element;
 declare namespace Paragraph {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -18,3 +19,4 @@ declare namespace Paragraph {
     };
 }
 export default Paragraph;
+export { Styled as StyledParagraph };

package/types/src/Paragraph/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/Paragraph/index.d.ts

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

package/types/src/Popover/Popover.d.ts

@@ -1,9 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { SpringConfig } from 'react-spring';
-import { AnyTheme } from '@splunk/themes';
-import ScrollContainerContext from '@splunk/react-ui/ScrollContainerContext';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type PopoverChildrenRenderer = (data: {
     anchorHeight: number | null;
@@ -27,27 +25,30 @@ interface PopoverPropsBase {
     /**
      * The `Popover `can align itself to the center of the anchor or to its edges.
      *
+     * This property is ignored when `pointTo` is set.
+     *
      * Note: `end` is ONLY supported with `below` PopoverPlacement
      *
      * TODO: Allow users to supply align prop SUI-5101
      * @private
      */
-    align?: 'center' | 'edge' | 'theme' | 'end';
+    align?: 'center' | 'edge' | 'end';
     /**
      * The element used to set the position of the `Popover`. It is required when the `Popover` is
-     * open and must be mounted. Passing a React component instance is deprecated and may result
-     * in a React warning.
+     * open and must be mounted.
      */
-    anchor?: React.Component | HTMLElement | null;
+    anchor?: HTMLElement | null;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLDivElement>;
     /**
      * Allows the `Popover` to point to and align with a different part of the anchor.
-     * The x and y values are relative to the upper left corner of the anchor. It always
-     * points to the edge of the anchor. When positioned above or below, only the x value is
-     * used. When positioned left or right, only the y value is used.
+     * The x and y values are relative to the upper left corner of the anchor.
+     *
+     * This property overides `align`.
+     *
+     * When positioned above or below, only `x` is used. When positioned left or right, `y` is used.
      */
     pointTo?: {
         x?: number;
@@ -93,6 +94,12 @@ interface PopoverPropsBase {
      * depending upon the space available and the `repositionMode`.
      */
     defaultPlacement?: PopoverPlacement;
+    /**
+     * Whether or not to hide the arrow pointing to the anchor.
+     *
+     * The arrow is always hidden when `appearance="none"`.
+     */
+    hideArrow?: boolean;
     /**
      * A ref for the hit area path.
      * @private
@@ -104,10 +111,6 @@ interface PopoverPropsBase {
     id?: string;
     /**
      * Callback function fired when the popover is requested to be closed.
-     *
-     * @param {object} data
-     * @param {object} [data.event] The triggering event. Not set if `reason` is 'offScreen'.
-     * @param {string} data.reason The reason for the close request.
      */
     onRequestClose?: PopoverRequestCloseHandler;
     /**
@@ -138,67 +141,42 @@ interface PopoverPropsBase {
      * Disable this for a `Popover` that has shows on hover, such as a tooltip.
      */
     takeFocus?: boolean;
-    /** @private */
-    splunkTheme: AnyTheme;
-}
-declare const defaultProps: Required<Pick<PopoverPropsBase, 'align' | 'animation' | 'animationConfig' | 'appearance' | 'autoCloseWhenOffScreen' | 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'open' | 'repositionMode' | 'retainFocus' | 'takeFocus'>>;
-type PopoverProps = ClassComponentProps<PopoverPropsBase, typeof defaultProps, 'div'>;
-interface ExtendedDOMRect extends DOMRect {
-    middle: number;
-    center: number;
-}
-type TransformMeta = {
-    translateX: number;
-    translateY: number;
-    rotate: number;
-};
-interface PopoverState {
-    anchorEl?: HTMLElement;
-    anchorPos?: ExtendedDOMRect;
-    animating: boolean;
-    arrowStyle?: React.CSSProperties;
-    arrowStyleTransformMeta?: TransformMeta;
-    maxHeight?: number;
-    maxWidth?: number;
-    outerContainerStyle?: React.CSSProperties;
-    placement?: PopoverPlacementStatus;
-    prevOpen: boolean;
 }
+type PopoverProps = ComponentProps<PopoverPropsBase, 'div'>;
 /**
  * `Popover` is used to create layovers such as dropdowns, contextual menus, or tooltips. Use
  * this only when the other components don't provide sufficient functionality or control. A controlled
  * `Dropdown` covers use cases where you might consider using `Popover` directly.
  */
-declare class Popover extends Component<PopoverProps, PopoverState> {
-    private outerContainerEl;
-    private innerContainerEl;
-    private arrow;
-    private handleScroll;
-    private handleWindowScroll;
-    private allowAnimationUpdates;
-    context: React.ContextType<typeof ScrollContainerContext>;
-    static contextType: React.Context<HTMLElement | Window | Document | null | undefined>;
-    static defaultProps: Required<Pick<PopoverPropsBase, "open" | "align" | "appearance" | "animation" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "animationConfig" | "autoCloseWhenOffScreen">>;
-    static propTypes: React.WeakValidationMap<PopoverProps>;
-    static getDerivedStateFromProps(nextProps: Readonly<PopoverProps>, prevState: PopoverState): Partial<PopoverState> | null;
-    constructor(props: Readonly<PopoverProps>);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<PopoverProps>): void;
-    componentWillUnmount(): void;
-    private setPlacement;
-    private handleArrowMount;
-    private handleNewAnchor;
-    private handleInnerContainerMount;
-    private handleOuterContainerMount;
-    private handleTab;
-    private handleRequestClose;
-    private handleAnimationEnd;
-    private autoCloseWhenOffScreen;
-    private requestClose;
-    render(): (false | JSX.Element)[];
+declare function Popover({ align, anchor, animation, animationConfig, appearance, autoCloseWhenOffScreen, canCoverAnchor, children, closeReasons, defaultPlacement, elementRef, hideArrow, hitAreaRef, id, onRequestClose, open, outerRef, pointTo, repositionMode, retainFocus, takeFocus, ...otherProps }: PopoverProps): React.JSX.Element;
+declare namespace Popover {
+    var propTypes: {
+        align: PropTypes.Requireable<string>;
+        anchor: PropTypes.Requireable<object>;
+        animation: PropTypes.Requireable<boolean>;
+        animationConfig: PropTypes.Requireable<object>;
+        appearance: PropTypes.Requireable<string>;
+        autoCloseWhenOffScreen: PropTypes.Requireable<boolean>;
+        canCoverAnchor: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        closeReasons: PropTypes.Requireable<(PopoverPossibleCloseReason | null | undefined)[]>;
+        defaultPlacement: PropTypes.Requireable<string>;
+        elementRef: PropTypes.Requireable<object>;
+        id: PropTypes.Requireable<string>;
+        hideArrow: PropTypes.Requireable<boolean>;
+        hitAreaRef: PropTypes.Requireable<object>;
+        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        outerRef: PropTypes.Requireable<object>;
+        pointTo: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>;
+        repositionMode: PropTypes.Requireable<string>;
+        retainFocus: PropTypes.Requireable<boolean>;
+        takeFocus: PropTypes.Requireable<boolean>;
+        splunkTheme: PropTypes.Requireable<object>;
+    };
 }
-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>> & {
-    ref?: React.Ref<Popover> | undefined;
-}, "splunkTheme">>;
-export default PopoverWithTheme;
-export type { Popover as PopoverWithoutTheme, PopoverChildrenRenderer, PopoverPlacement, PopoverPlacementStatus, PopoverPossibleCloseReason, PopoverRequestCloseHandler, };
+export default Popover;
+export type { PopoverChildrenRenderer, PopoverPlacement, PopoverPlacementStatus, PopoverPossibleCloseReason, PopoverRequestCloseHandler, };

package/types/src/Popover/PopoverMenuContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface PopoverMenuContextValue {
+    retainFocus?: boolean;
+}
+declare const PopoverMenuContext: import("react").Context<PopoverMenuContextValue>;
+export { PopoverMenuContext };

package/types/src/Popover/PopoverProvider.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+interface PopoverContextProps {
+    children?: React.ReactNode;
+    /**
+     * Whether or not to hide the arrow pointing to the `Popover` anchor.
+     *
+     * `Popover`'s `hideArrow` prop takes priority over this.
+     */
+    hideArrow?: boolean;
+}
+declare const PopoverContext: React.Context<PopoverContextProps>;
+/**
+ * Provides a method for controlling certain `Popover` props in components that use `Popover`.
+ */
+declare const PopoverProvider: {
+    ({ children, hideArrow }: PopoverContextProps): React.JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        hideArrow: PropTypes.Requireable<boolean>;
+    };
+};
+export { PopoverContext, PopoverProvider };

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

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

package/types/src/Popover/getPlacement.d.ts

@@ -7,7 +7,7 @@ interface ExtendedDOMRect extends DOMRect {
 export declare function getPlacement(args: {
     align: 'center' | 'edge' | 'end';
     anchorPos: ExtendedDOMRect;
-    canCoverAnchor: boolean;
+    canCoverAnchor?: boolean;
     defaultPlacement: PopoverPlacement;
     outerContainerEl: HTMLElement;
     padding: number;

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

@@ -1,3 +1,4 @@
 export { default } from './Popover';
 export * from './Popover';
-export * from './PopoverContext';
+export * from './PopoverProvider';
+export * from './PopoverMenuContext';

package/types/src/Progress/Progress.d.ts

@@ -16,13 +16,12 @@ interface ProgressPropsBase {
     /**
      * Sets the appearance of the `Progress` component.
      *
-     * The `warning` appearance is deprecated and will be removed in the next major version.
-     * @themeNotes Enterprise themes do not support `warning` and will fall back to `info`
+     * Note: `success` and `error` types are not animated.
      */
-    type?: 'info' | 'success' | 'warning' | 'error';
+    type?: 'info' | 'success' | 'error';
 }
 type ProgressProps = ComponentProps<ProgressPropsBase, 'div'>;
-declare function Progress({ percentage, tooltip, type, ...otherProps }: ProgressProps): JSX.Element;
+declare function Progress({ elementRef, percentage, tooltip, type, ...otherProps }: ProgressProps): React.JSX.Element;
 declare namespace Progress {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;

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

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

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

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

package/types/src/Prose/Prose.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ProseElementSelectors } from '@splunk/themes/mixins';
+import { ComponentProps } from '../utils/types';
+type ProseElementTypes = 'article' | 'div' | 'aside' | 'main' | 'section';
+type ProsePropsBase = {
+    /**
+     * Tag for the element to render children into.
+     * Use the most semantically appropriate tag.
+     */
+    as?: ProseElementTypes;
+    children: React.ReactNode;
+    elementSelectors?: ProseElementSelectors;
+    elementRef?: React.Ref<HTMLElement>;
+};
+type ProseProps = ComponentProps<ProsePropsBase, 'section'>;
+/**
+ * Prose styles `@splunk/react-ui` content components for readability with long-form text content.
+ */
+export declare function Prose({ elementRef, as, children, elementSelectors, ...otherProps }: ProseProps): React.JSX.Element;
+export declare namespace Prose {
+    var propTypes: {
+        as: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        elementSelectors: PropTypes.Requireable<object>;
+    };
+}
+export default Prose;

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

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

package/types/src/Prose/docs/examples/Customize.d.ts

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

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

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

package/types/src/Prose/test/Prose.unit.d.ts

@@ -0,0 +1 @@
+export {};