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

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

@@ -1,15 +1,12 @@
-import React, { PureComponent } from 'react';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
 type OptionClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     value: string;
 }) => void;
 interface OptionPropsBase {
     /** @private */
     active?: boolean;
-    /**
-     * When provided, `label` is rendered instead of the `value` and used for matching.
-     */
-    label?: string;
     /**
      * Additional information to explain the option, such as "Recommended".
      */
@@ -22,6 +19,10 @@ interface OptionPropsBase {
      * If disabled=true, the option is grayed out and cannot be clicked.
      */
     disabled?: boolean;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
     /**
      * The icon to show before the label. See the @splunk/react-icons package for
      * drop in icons.
@@ -29,6 +30,10 @@ interface OptionPropsBase {
      * Caution: The element(s) passed here must be pure. All icons in the react-icons package are pure.
      */
     icon?: React.ReactNode;
+    /**
+     * When provided, `label` is rendered instead of the `value` and used for matching.
+     */
+    label?: string;
     /**
      * Sections of the label string to highlight as a match. This is automatically set for
      * uncontrolled filters, so it's not normally necessary to set this property when using
@@ -49,20 +54,31 @@ interface OptionPropsBase {
      */
     value: string;
 }
-declare const defaultProps: Required<Pick<OptionPropsBase, 'active' | 'descriptionPosition' | 'disabled' | 'truncate'>>;
-type OptionProps = ClassComponentProps<OptionPropsBase, typeof defaultProps, 'button'>;
+type OptionProps = ComponentProps<OptionPropsBase, 'button'>;
 /**
- * An option within a `ComboBox`. This inherits from
- * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
- * so any elements passed to it must also be pure.
+ * An option within a `ComboBox`.
  */
-declare class Option extends PureComponent<OptionProps, {}> {
-    private itemRef;
-    static propTypes: React.WeakValidationMap<OptionProps>;
-    static defaultProps: Required<Pick<OptionPropsBase, "active" | "disabled" | "descriptionPosition" | "truncate">>;
-    private handleClick;
-    scrollIntoViewIfNeeded(): void;
-    render(): React.JSX.Element;
+declare function Option({ active, description, descriptionPosition, disabled, elementRef, icon, label, matchRanges, onClick, truncate, value, ...otherProps }: OptionProps): React.JSX.Element;
+declare namespace Option {
+    var propTypes: {
+        /** @private */
+        active: PropTypes.Requireable<boolean>;
+        description: PropTypes.Requireable<string>;
+        descriptionPosition: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        label: PropTypes.Requireable<string>;
+        matchRanges: PropTypes.Requireable<(PropTypes.InferProps<{
+            start: PropTypes.Validator<number>;
+            end: PropTypes.Validator<number>;
+        }> | null | undefined)[]>;
+        /** @private */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        truncate: PropTypes.Requireable<boolean>;
+        value: PropTypes.Validator<string>;
+    };
+    var as: string;
 }
 export default Option;
 export { OptionClickHandler };

package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { SwitchClickHandler } from '@splunk/react-ui/Switch';
-declare class CustomizedLabelTarget extends Component<{}, {
+declare class CustomizedLabelTarget extends Component<object, {
     values: number[];
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleClick: SwitchClickHandler;
     render(): React.JSX.Element;
 }

package/types/src/Date/Date.d.ts

@@ -67,9 +67,10 @@ interface DatePropsBase {
     onClick?: React.MouseEventHandler<HTMLInputElement>;
     onFocus?: DateFocusHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    /** Setting this value makes the property controlled. An onChange callback is required.
+    /**
+     * Setting this value makes the property controlled. An onChange callback is required.
      *
-     * The value must be in the format 'YYYY-MM-DD'. To simplify creation of these strings,
+     * The value must be "" or in the format 'YYYY-MM-DD'. To simplify creation of these strings,
      * Date provides a Moment.js formatting string:
      * ```
      * moment().format(Date.momentFormat);

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { DateChangeHandler } from '@splunk/react-ui/Date';
-declare class Controlled extends Component<{}, {
+declare class Controlled extends Component<object, {
     value: string;
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleChange: DateChangeHandler;
     render(): React.JSX.Element;
 }

package/types/src/Date/docs/examples/HighlightToday.d.ts

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { DateChangeHandler } from '@splunk/react-ui/Date';
-declare class HighlightToday extends Component<{}, {
+declare class HighlightToday extends Component<object, {
     value: string;
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleChange: DateChangeHandler;
     render(): React.JSX.Element;
 }

package/types/src/DefinitionList/DefinitionListContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DefinitionListContextValue {
     separatorCharacter?: '.' | string;
     termWidth?: string;

package/types/src/Divider/Divider.d.ts

@@ -3,22 +3,30 @@ import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface DividerPropsBase {
     /**
-     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     * Changes the border color of the `Divider`.
+     * `Divider`s with `appearance="weak"` will not meet accessibility requirements to be perceivable.
+     * If the component should be perceivable, consider the other contrast compliant `appearance` values.
+     * Otherwise, apply the `decorative` prop.
      */
-    elementRef?: React.Ref<HTMLHRElement>;
-    /** Sets the orientation of this `Divider`. */
-    orientation?: 'horizontal' | 'vertical';
+    appearance?: 'default' | 'weak' | 'strong';
     /**
      * Remove semantics of the divider.
      */
     decorative?: boolean;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLHRElement>;
+    /** Sets the orientation of this `Divider`. */
+    orientation?: 'horizontal' | 'vertical';
 }
 type DividerProps = ComponentProps<DividerPropsBase, 'hr' | 'div'>;
-declare function Divider({ elementRef, decorative, orientation, ...otherProps }: DividerProps): React.JSX.Element;
+declare function Divider({ appearance, elementRef, decorative, orientation, ...otherProps }: DividerProps): React.JSX.Element;
 declare namespace Divider {
     var propTypes: {
-        elementRef: PropTypes.Requireable<object>;
+        appearance: PropTypes.Requireable<string>;
         decorative: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
         orientation: PropTypes.Requireable<string>;
     };
 }

package/types/src/Divider/docs/examples/Appearance.d.ts

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

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

@@ -53,6 +53,10 @@ interface DualListboxPropsBase {
      * When true, `Options`'s `listName` and `selected` state props are fully controlled.
      */
     controlled?: boolean;
+    /**
+     * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
     /**
      * When true, fill height and width of the relative parent container.
      */
@@ -78,7 +82,7 @@ interface DualListboxPropsBase {
     onSelect?: DualListboxSelectHandler;
 }
 type DualListboxProps = ComponentProps<DualListboxPropsBase, 'div'>;
-declare function DualListbox({ children, controlled, fill, inline, onChange, onSelect, lists, ...otherProps }: DualListboxProps): React.JSX.Element;
+declare function DualListbox({ children, controlled, elementRef, fill, inline, onChange, onSelect, lists, ...otherProps }: DualListboxProps): React.JSX.Element;
 declare namespace DualListbox {
     var propTypes: React.WeakValidationMap<DualListboxPropsBase>;
     var Option: typeof import("./Option").default;

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

@@ -9,27 +9,27 @@ type FileRequestAddHandler = (files: globalThis.File[], data: {
 /** @public */
 type FileRequestRemoveHandler = (data: {
     event: {
-        itemId?: any;
+        itemId?: string;
         name: string;
     };
     filename: string;
     index: number;
-    itemId?: any;
+    itemId?: string;
     name?: string;
 }) => void;
 type FileRequestRetryHandler = (data: {
     event: {
-        itemId?: any;
+        itemId?: string;
         name: string;
     };
     filename: string;
     index: number;
-    itemId?: any;
+    itemId?: string;
     name?: string;
 }) => void;
 interface FilePropsBase {
     /** The accept attribute for the file browser. This does not filter dropped items,
-     * which must be filtered manually. In prisma themes, File will create a default "supports" message based on this value. */
+     * which must be filtered manually. File will create a default "supports" message based on this value. */
     accept?: string;
     /** Allow the user to upload multiple files. */
     allowMultiple?: boolean;
@@ -74,7 +74,7 @@ type FileProps = ComponentProps<FilePropsBase, 'div'>;
  * file readers, only a reference to the file. This can be used to post binary content, or
  * upload using an array buffer.
  */
-declare function File({ accept, allowMultiple, children, disabled, dropAnywhere, error, fullscreen, help, name, onRequestAdd, onRequestRemove, onRequestRetry, required, supportsMessage: supportsMessageProp, ...otherProps }: FileProps): React.JSX.Element;
+declare function File({ accept, allowMultiple, children, disabled, dropAnywhere, elementRef, error, fullscreen, help, name, onRequestAdd, onRequestRemove, onRequestRetry, required, supportsMessage: supportsMessageProp, ...otherProps }: FileProps): React.JSX.Element;
 declare namespace File {
     var propTypes: {
         accept: PropTypes.Requireable<string>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ItemClickHandler } from './Item';
 export interface FileContext {
     disabled: boolean;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 type ItemClickHandler = (data: {
-    itemId?: any;
+    itemId?: string;
     name: string;
     index: number;
 }) => void;
@@ -14,8 +14,14 @@ interface ItemPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     /** Show the Item in an error state. */
     error?: boolean;
+    /**
+     * The icon or thumbnail image to show before the label.
+     * If not passed this will be generated from the filename extension.
+     * @private
+     */
+    icon?: React.ReactNode;
     /** A unique for this file. */
-    itemId?: any;
+    itemId?: string;
     /** The name is displayed on the item. */
     name: string;
     /** @private */
@@ -25,13 +31,15 @@ interface ItemPropsBase {
     uploadPercentage?: number;
 }
 type ItemProps = ComponentProps<ItemPropsBase, 'div'>;
-declare function Item({ disabled, error, itemId, name, index, uploadPercentage, ...otherProps }: ItemProps): React.JSX.Element;
+declare function Item({ disabled, elementRef, error, icon, itemId, name, index, uploadPercentage, ...otherProps }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         elementRef: PropTypes.Requireable<object>;
         error: PropTypes.Requireable<boolean>;
         /** @private */
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** @private */
         index: PropTypes.Requireable<number>;
         itemId: PropTypes.Requireable<any>;
         name: PropTypes.Validator<string>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ItemIconProps {
+    name: string;
+    icon?: React.ReactNode;
+}
+declare const ItemIcon: ({ name, icon }: ItemIconProps) => React.JSX.Element;
+export default ItemIcon;

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

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

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

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { FileRequestAddHandler } from '@splunk/react-ui/File';
-declare class DropAnywhere extends Component<{}, {
+declare class DropAnywhere extends Component<object, {
     filename?: string;
     open: boolean;
 }> {
     private fileReader;
-    constructor(props: {});
+    constructor(props: object);
     handleAddFiles: FileRequestAddHandler;
     handleRemoveFile: () => void;
     handleOpen: () => void;

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

@@ -4,11 +4,11 @@ interface FileItem {
     name: string;
     value?: string | ArrayBuffer | null;
 }
-declare class Multi extends Component<{}, {
+declare class Multi extends Component<object, {
     files: FileItem[];
 }> {
     static loadFile(file: globalThis.File): FileItem;
-    constructor(props: {});
+    constructor(props: object);
     handleAddFiles: FileRequestAddHandler;
     handleRemoveFile: FileRequestRemoveHandler;
     render(): React.JSX.Element;

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

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

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

@@ -9,11 +9,11 @@ type FormRowsRequestMoveHandler = (data: {
     toIndex: number;
 }) => void;
 interface FormRowsPropsBase {
-    /** Label on the Add Row Button. Ignored when menu prop is defined. */
+    /** Label on the Add row button. Ignored when menu prop is defined. */
     addLabel?: string;
     /** @private */
     children?: React.ReactNode;
-    /** Disable the add button, the remove button and the sort/drag action. */
+    /** Disable the Add row button, the Remove button and the sort/drag action. */
     disabled?: boolean;
     /**
      * A React ref which is set to the DOM element when the component mounts, and null when it unmounts.
@@ -21,15 +21,15 @@ interface FormRowsPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     /** Header for the rows. */
     header?: React.ReactNode;
-    /** Replaces Add Row Button with custom content or controls. */
+    /** Replaces Add row button with custom content or controls. */
     menu?: React.ReactNode;
-    /** Callback when the "Add" button is clicked. If `onRequestAdd` is defined, 'onRequestRemove' should be defined in `<FormRows.Row>`. Neither should be defined for a reorder-only variant of `<FormRows>`. */
+    /** Callback when the Add row button is clicked. If `onRequestAdd` is defined, 'onRequestRemove' should be defined in `<FormRows.Row>`. Neither should be defined for a reorder-only variant of `<FormRows>`. */
     onRequestAdd?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     /** Callback when sort action completes. Omit this to make rows unsortable. */
     onRequestMove?: FormRowsRequestMoveHandler;
 }
 type FormRowsProps = ComponentProps<FormRowsPropsBase, 'div'>;
-declare function FormRows({ addLabel, children, disabled, header, menu, onRequestAdd, onRequestMove, ...otherProps }: FormRowsProps): React.JSX.Element;
+declare function FormRows({ addLabel, children, disabled, elementRef, header, menu, onRequestAdd, onRequestMove, ...otherProps }: FormRowsProps): React.JSX.Element;
 declare namespace FormRows {
     var propTypes: {
         addLabel: PropTypes.Requireable<string>;
@@ -42,9 +42,9 @@ declare namespace FormRows {
         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>>[];
+    var addRow: (element: React.ReactElement, items: React.ReactElement[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    var moveRow: (fromIndex: number, toIndex: number, items: React.ReactElement[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    var removeRow: (index: number, items: React.ReactElement[]) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
 }
 export default FormRows;
 export { Row };

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { RowKeyDownHandler } from './Row';
 export interface FormRowsContext {
-    disabledDeleteButton: boolean | undefined;
+    disabledRemoveButton: boolean | undefined;
     onKeyDown?: RowKeyDownHandler;
     hasOnRequestAdd?: boolean;
     sortable: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-type RowKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>, data: {
+type RowKeyDownHandler = (event: React.KeyboardEvent<HTMLButtonElement>, data: {
     index: number;
 }) => void;
 /** @public */
@@ -15,7 +15,7 @@ interface RowPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     /** Index of the row. This is required if the rows are sortable. */
     index?: number;
-    /** Callback when remove button is clicked. */
+    /** Callback when Remove button is clicked. */
     onRequestRemove?: RowRequestRemoveHandler;
     /** The contents of Row */
     value?: React.ReactNode;

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

@@ -7,7 +7,7 @@ interface RowInternalPropsBase {
     children?: React.ReactNode;
     /** Index of the row. This is required if the rows are sortable. */
     index?: number;
-    /** Callback when remove button is clicked. */
+    /** Callback when Remove button is clicked. */
     onRequestRemove?: RowRequestRemoveHandler;
     renderDragHandle?: () => React.ReactNode;
     style?: React.CSSProperties;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type RowKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>, data: {
+type RowKeyDownHandler = (event: React.KeyboardEvent<HTMLButtonElement>, data: {
     index: number;
 }) => void;
 /** @public */
@@ -8,9 +8,9 @@ type RowRequestRemoveHandler = (event: React.MouseEvent<HTMLButtonElement>, data
 }) => void;
 interface RowPropsBase {
     children?: React.ReactNode;
-    /** Index of the row. */
+    /** Index of the row. This is required if the rows are sortable. */
     index?: number;
-    /** Callback when remove button is clicked. */
+    /** Callback when Remove button is clicked. */
     onRequestRemove?: RowRequestRemoveHandler;
     /** The contents of Row */
     value?: React.ReactNode;

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { FormRowsRequestMoveHandler, RowRequestRemoveHandler } from '@splunk/react-ui/FormRows';
-declare class Basic extends Component<{}, {
+declare class Basic extends Component<object, {
     items: React.ReactElement[];
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleRequestAdd: () => void;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { FormRowsRequestMoveHandler, RowRequestRemoveHandler } from '@splunk/react-ui/FormRows';
-declare class Header extends Component<{}, {
+declare class Header extends Component<object, {
     items: React.ReactElement[];
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleRequestAdd: () => void;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;

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

@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 import { FormRowsRequestMoveHandler, RowRequestRemoveHandler } from '@splunk/react-ui/FormRows';
 import { SelectChangeHandler } from '@splunk/react-ui/Select';
-declare class Menu extends Component<{}, {
+declare class Menu extends Component<object, {
     items: React.ReactElement[];
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleRequestAdd: SelectChangeHandler;
     handleRequestMove: FormRowsRequestMoveHandler;
     handleRequestRemove: RowRequestRemoveHandler;

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { FormRowsRequestMoveHandler } from '@splunk/react-ui/FormRows';
-declare class ReorderOnly extends Component<{}, {
+declare class ReorderOnly extends Component<object, {
     items: React.ReactElement[];
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleRequestMove: FormRowsRequestMoveHandler;
     render(): React.JSX.Element;
 }

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

@@ -26,8 +26,6 @@ interface ImagePropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     /** Show the component in an error state. */
     error?: boolean;
-    /** The max-height of the preview in pixels. */
-    maxHeight?: number;
     /** A callback for when the image changes. The function is passed an
      * object containing two keys: `filename` and `imageDataURI`. Both are
      * `null` if the image was removed. */
@@ -38,7 +36,7 @@ declare const isAllowedFilename: (filename: string, allowExtensions: string[]) =
 /**
  * Image provides the ability to accept image files and present a preview of the image.
  */
-declare function Image({ allowExtensions, defaultFilename: defaultFilenameProp, defaultImageDataURI, disabled, error, maxHeight, onImageChange, ...otherProps }: ImageProps): React.JSX.Element;
+declare function Image({ allowExtensions, defaultFilename: defaultFilenameProp, defaultImageDataURI, disabled, error, onImageChange, ...otherProps }: ImageProps): React.JSX.Element;
 declare namespace Image {
     var propTypes: {
         allowExtensions: PropTypes.Requireable<(string | null | undefined)[]>;
@@ -48,7 +46,6 @@ declare namespace Image {
         dropAnywhere: PropTypes.Requireable<boolean>;
         elementRef: PropTypes.Requireable<object>;
         error: PropTypes.Requireable<boolean>;
-        maxHeight: PropTypes.Requireable<number>;
         onImageChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }

package/types/src/JSONTree/docs/examples/Events.d.ts

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { JSONTreeClickValueHandler, JSONTreeClickKeyHandler } from '@splunk/react-ui/JSONTree';
-declare class Events extends Component<{}, {
+declare class Events extends Component<object, {
     key: string;
     keyPath?: (string | number)[];
     value: string;
 }> {
-    constructor(props: {});
+    constructor(props: object);
     onClickJSONValue: JSONTreeClickValueHandler;
     onClickJSONKey: JSONTreeClickKeyHandler;
     render(): React.JSX.Element;

package/types/src/Layout/Layout.d.ts

@@ -20,3 +20,4 @@ export declare namespace Layout {
     };
 }
 export default Layout;
+export type { LayoutProps, LayoutPropsBase };

package/types/src/Link/icons/External.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const External: import("styled-components").StyledComponent<({ children, variant, ...otherprops }: import("@splunk/react-icons/ArrowSquareTopRightInset").IconBaseProps) => import("react").JSX.Element | null, any, {}, never>;
+declare const External: import("styled-components").StyledComponent<({ children, variant, ...otherprops }: import("@splunk/react-icons/ArrowSquareTopRightInset").IconBaseProps) => React.JSX.Element | null, any, import("@splunk/themes").OptionalThemedProps<import("@splunk/themes").AnyTheme>, never>;
 export default External;

package/types/src/Menu/Divider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentProps } from '../utils/types';
-type DividerProps = ComponentProps<{}, 'div'>;
+type DividerProps = ComponentProps<object, 'div'>;
 /**
  * A non-interactive menu item used to visually separate groups of items in the menu.
  */

package/types/src/Menu/MenuContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MenuContextValue {
     role?: string;
     preventFocus?: boolean;

package/types/src/MessageBar/MessageBar.d.ts

@@ -6,6 +6,10 @@ interface MessageBarPropsBase {
      * Text is required and should be concise.
      */
     children: React.ReactNode;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
     /**
      * Includes a close button. Always consider including a close button.
      */
@@ -16,7 +20,7 @@ interface MessageBarPropsBase {
     type: 'info' | 'warning' | 'error' | 'success';
 }
 type MessageBarProps = ComponentProps<MessageBarPropsBase, 'div'>;
-declare function MessageBar({ children, type, onRequestClose, ...otherProps }: MessageBarProps): React.JSX.Element;
+declare function MessageBar({ children, elementRef, onRequestClose, type, ...otherProps }: MessageBarProps): React.JSX.Element;
 declare namespace MessageBar {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;

package/types/src/Modal/ModalContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalRequestCloseHandler } from './Modal';
 export interface ModalContext {
     divider?: 'header' | 'footer' | 'both' | 'none';