@splunk/react-ui 4.25.0 → 4.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.25.0",
+  "version": "4.27.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -42,7 +42,7 @@
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@splunk/react-icons": "^4.2.0",
+    "@splunk/react-icons": "^4.3.0",
     "@splunk/themes": "^0.16.4",
     "@splunk/ui-utils": "^1.6.0",
     "commonmark": "^0.30.0",
@@ -62,7 +62,7 @@
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/docs-gen": "1.0.0-beta.8",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.11",
+    "@splunk/react-docs": "1.0.0-beta.12",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^7.0.2",
@@ -112,10 +112,12 @@
     "eslint-import-resolver-webpack": "^0.13.4",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jest-dom": "^5.1.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-react-perf": "^3.3.1",
+    "eslint-plugin-testing-library": "6.2.0",
     "fs-extra": "^9.0.1",
     "fs-readdir-recursive": "^1.0.0",
     "glob": "^7.1.6",

package/types/src/Accordion/Accordion.d.ts

@@ -67,8 +67,8 @@ declare class Accordion extends Component<AccordionProps, AccordionState> {
     static Panel: typeof Panel;
     constructor(props: Readonly<AccordionProps>);
     componentDidUpdate(prevProps: Readonly<AccordionProps>): void;
-    private handleRequestOpen;
-    private handleRequestClose;
+    private getCurrentOpenPanel;
+    private handleChange;
     private isControlled;
     render(): JSX.Element;
 }

package/types/src/Accordion/AccordionContext.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler } from '@splunk/react-ui/CollapsiblePanel';
+import { CollapsiblePanelChangeHandler } from '@splunk/react-ui/CollapsiblePanel';
 export interface AccordionContext {
-    onRequestClose?: CollapsiblePanelRequestCloseHandler;
-    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
+    onChange?: CollapsiblePanelChangeHandler;
     openPanelId?: string | number;
     inset?: boolean;
 }

package/types/src/Breadcrumbs/Breadcrumbs.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Item from './Item';
 import { ComponentProps } from '../utils/types';
+/** @public */
+declare type BreadcrumbsClickHandler = (event: React.MouseEvent<HTMLAnchorElement>, data: {
+    label?: string;
+    to: string;
+}) => void;
 interface BreadcrumbsPropsBase {
     /**
      * `children` must be of type `Breadcrumbs.Item`. The last child will be marked as the current page.
@@ -15,17 +20,28 @@ interface BreadcrumbsPropsBase {
      * By default, the current page is a dimmed link. This prop changes this behavior by enabling the current page link.
      */
     enableCurrentPage?: boolean;
+    /**
+     * An `onClick` handler for all Items.
+     * The function takes the event and an options argument with `to` and `label`.
+     */
+    onClick?: BreadcrumbsClickHandler;
 }
 declare type BreadcrumbsProps = ComponentProps<BreadcrumbsPropsBase, 'nav'>;
-declare function Breadcrumbs({ children, elementRef, enableCurrentPage, ...otherProps }: BreadcrumbsProps): JSX.Element;
+declare type BreadcrumbsContextValue = {
+    onClick?: BreadcrumbsClickHandler;
+    prefix?: string;
+};
+declare const BreadcrumbsContext: React.Context<BreadcrumbsContextValue>;
+declare function Breadcrumbs({ children, elementRef, enableCurrentPage, onClick, ...otherProps }: BreadcrumbsProps): JSX.Element;
 declare namespace Breadcrumbs {
     var propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         elementRef: PropTypes.Requireable<object>;
         enableCurrentPage: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     var defaultProps: Required<Pick<BreadcrumbsPropsBase, "enableCurrentPage">>;
     var Item: typeof import("./Item").default;
 }
 export default Breadcrumbs;
-export { Item };
+export { Item, BreadcrumbsContext, BreadcrumbsClickHandler };

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { BreadcrumbsClickHandler } from './Breadcrumbs';
 import { ComponentProps } from '../utils/types';
 interface ItemPropsBase {
     /**
@@ -22,6 +23,10 @@ interface ItemPropsBase {
      * The label of the `Item`.
      */
     label: string;
+    /**
+     * An `onClick` handler for the current `Item`.
+     */
+    onClick?: BreadcrumbsClickHandler;
     /**
      * Adornment at the start of the label.
      */
@@ -32,7 +37,7 @@ interface ItemPropsBase {
     to: string;
 }
 declare type ItemProps = ComponentProps<ItemPropsBase, 'a'>;
-declare function Item({ enableCurrentPage, endAdornment, isCurrent, label, startAdornment, to, ...otherProps }: ItemProps): JSX.Element;
+declare function Item({ enableCurrentPage, endAdornment, isCurrent, label, onClick, startAdornment, to, ...otherProps }: ItemProps): JSX.Element;
 declare namespace Item {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;
@@ -40,6 +45,7 @@ declare namespace Item {
         endAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         isCurrent: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
         startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         to: PropTypes.Validator<string>;
     };

package/types/src/Breadcrumbs/docs/examples/CustomizedClick.d.ts

@@ -0,0 +1,2 @@
+declare function CustomizedClick(): JSX.Element;
+export default CustomizedClick;

package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts

@@ -1,26 +1,34 @@
 import React, { Component } from 'react';
+import SingleOpenPanelGroup, { SingleOpenPanelGroupChangeHandler } from './SingleOpenPanelGroup';
+import SingleOpenPanelGroupContext from './SingleOpenPanelGroupContext';
 import { ClassComponentProps } from '../utils/types';
-/** @public */
+/** @public @deprecated Use `CollapsiblePanelChangeHandler` */
 declare type CollapsiblePanelRequestCloseHandler = (data: {
     event: React.MouseEvent<HTMLButtonElement>;
     panelId?: string | number;
     reason: 'toggleClick';
 }) => void;
-/** @public */
+/** @public @deprecated Use `CollapsiblePanelChangeHandler` */
 declare type CollapsiblePanelRequestOpenHandler = (data: {
     event: React.MouseEvent<HTMLButtonElement>;
     panelId?: string | number;
     reason: 'toggleClick';
 }) => void;
+/** @public */
+declare type CollapsiblePanelChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+    panelId?: string | number;
+    reason: 'toggleClick';
+}) => void;
 interface CollapsiblePanelPropsBase {
     /**
-     * Style object applied to TransitionOpen inner styles.
+     * Style object applied to `TransitionOpen` inner styles.
      */
     innerBodyStyles?: React.CSSProperties;
     children?: React.ReactNode;
     /**
      * Sets the initial state of a panel to expanded. Incompatible with
-     `open`. Use 'open' or 'defaultOpen', not both.
+     * `open`. Use `open` or `defaultOpen`, not both. Incompatible with `SingleOpenPanelGroup`
+     * and will be ignored for any children in `SingleOpenPanelGroup`.
      */
     defaultOpen?: boolean;
     /** Displays right-aligned text in the title bar of the `panel`. */
@@ -38,31 +46,42 @@ interface CollapsiblePanelPropsBase {
      * If set, the heading element contains `role="heading"`.
      */
     headingLevel?: number;
+    /**
+     * If set to true, adds padding to panel content.
+     */
+    inset?: boolean;
     /**
      * Identifies a specific panel. Splunk UI uses `panelId` for callbacks
      and managing expanded and collapsed states.
      */
     panelId?: string | number;
     /**
-     * Invokes a callback when the user requests to collapse the panel. Passes
-     an object containing the `panelId`.
+     * @deprecated `onRequestClose` option has been marked for deprecation and will be removed in the next major version.
+     * Use the `onChange` prop instead.
      */
     onRequestClose?: CollapsiblePanelRequestCloseHandler;
     /**
-     * Invokes a callback when user requests to expand the panel. Passes an
-     object containing the `panelId`.
+     * @deprecated `onRequestOpen` option has been marked for deprecation and will be removed in the next major version.
+     * Use the `onChange` prop instead.
      */
     onRequestOpen?: CollapsiblePanelRequestOpenHandler;
+    /**
+     * Invoked on a change of the open panel. Callback is passed data, such as
+     * the `panelId` of the `CollapsiblePanel` that originated the expand request.
+     * `panelId` is `undefined` when the open panel is collapsed.
+     */
+    onChange?: CollapsiblePanelChangeHandler;
     /**
      * Controls the expanded state of a panel. Incompatible with
-     `defaultOpen`. Use 'open' or 'defaultOpen', not both.
+     * `defaultOpen`. Use `open` or `defaultOpen`, not both. Incompatible with `SingleOpenPanelGroup`
+     * and will be ignored for any children in `SingleOpenPanelGroup`.
      */
     open?: boolean;
     /**
      * Controls how panel overflow is handled. Default is `auto`, allowing
      * fixed-height Accordions to scroll their content if the panel is too
      * high to fit properly. Any value allowed by the CSS `overflow` property
-     * is permitted, as is `null` (which will use the CSS default of "visible")
+     * is permitted, as is `null` (which will use the CSS default of "visible").
      */
     overflow?: string;
     /**
@@ -79,16 +98,26 @@ interface CollapsiblePanelPropsBase {
      */
     titleWithActions?: boolean;
 }
+interface CollapsiblePanelDeprecatedControlledProps extends CollapsiblePanelPropsBase {
+    defaultOpen?: never;
+    onRequestOpen?: CollapsiblePanelRequestOpenHandler;
+    onRequestClose?: CollapsiblePanelRequestCloseHandler;
+    onChange: never;
+    open?: boolean;
+}
 interface CollapsiblePanelControlledProps extends CollapsiblePanelPropsBase {
     defaultOpen?: never;
+    onRequestOpen?: never;
+    onRequestClose?: never;
+    onChange: CollapsiblePanelChangeHandler;
     open?: boolean;
 }
 interface CollapsiblePanelUncontrolledProps extends CollapsiblePanelPropsBase {
     defaultOpen?: boolean;
     open?: never;
 }
-declare const defaultProps: Required<Pick<CollapsiblePanelPropsBase, 'disabled' | 'overflow' | 'renderChildrenWhenCollapsed' | 'titleWithActions'>>;
-declare type CollapsiblePanelProps = ClassComponentProps<CollapsiblePanelControlledProps | CollapsiblePanelUncontrolledProps, typeof defaultProps, 'div'>;
+declare const defaultProps: Required<Pick<CollapsiblePanelPropsBase, 'disabled' | 'inset' | 'overflow' | 'renderChildrenWhenCollapsed' | 'titleWithActions'>>;
+declare type CollapsiblePanelProps = ClassComponentProps<CollapsiblePanelDeprecatedControlledProps | CollapsiblePanelUncontrolledProps | CollapsiblePanelControlledProps, typeof defaultProps, 'div'>;
 interface CollapsiblePanelState {
     animating: boolean;
     open?: boolean;
@@ -97,15 +126,20 @@ declare class CollapsiblePanel extends Component<CollapsiblePanelProps, Collapsi
     private controlledExternally;
     private containerId;
     private toggleId;
-    static propTypes: React.WeakValidationMap<CollapsiblePanelControlledProps & Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "renderChildrenWhenCollapsed" | "titleWithActions">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "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">> | React.WeakValidationMap<CollapsiblePanelUncontrolledProps & Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "renderChildrenWhenCollapsed" | "titleWithActions">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "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">>;
-    static defaultProps: Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "renderChildrenWhenCollapsed" | "titleWithActions">>;
+    static propTypes: React.WeakValidationMap<CollapsiblePanelDeprecatedControlledProps & Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "inset" | "renderChildrenWhenCollapsed" | "titleWithActions">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "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">> | React.WeakValidationMap<CollapsiblePanelControlledProps & Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "inset" | "renderChildrenWhenCollapsed" | "titleWithActions">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "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">> | React.WeakValidationMap<CollapsiblePanelUncontrolledProps & Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "inset" | "renderChildrenWhenCollapsed" | "titleWithActions">> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "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">>;
+    static defaultProps: Required<Pick<CollapsiblePanelPropsBase, "overflow" | "disabled" | "inset" | "renderChildrenWhenCollapsed" | "titleWithActions">>;
+    context: React.ContextType<typeof SingleOpenPanelGroupContext>;
+    static contextType: React.Context<SingleOpenPanelGroupContext>;
     constructor(props: Readonly<CollapsiblePanelProps>);
+    componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<CollapsiblePanelProps>): void;
     private handleRequestClose;
     private handleRequestOpen;
+    private handleChange;
     private handleAnimationEnd;
     private isControlled;
     render(): JSX.Element;
 }
 export default CollapsiblePanel;
-export { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler };
+export { SingleOpenPanelGroup };
+export type { CollapsiblePanelRequestCloseHandler, CollapsiblePanelRequestOpenHandler, CollapsiblePanelChangeHandler, SingleOpenPanelGroupChangeHandler, };

package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
+/** @public */
+declare type SingleOpenPanelGroupChangeHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+    openPanelId?: string | number | null;
+    reason: 'toggleClick';
+}) => void;
+interface SingleOpenPanelGroupPropsBase {
+    /**
+     * Must be `CollapsiblePanel`.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets the panel to expand on the initial render. Use only when using
+     * `SingleOpenPanelGroup` as an uncontrolled component. Must match the `panelId` of
+     * one of the `CollapsiblePanel` children.
+     */
+    defaultOpenPanelId?: string | number;
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
+    /**
+     * If set to true, adds padding to panel content.
+     */
+    inset?: boolean;
+    /**
+     * Invoked on a change of the open panel. Callback is passed data, such as
+     * the `panelId` of the `CollapsiblePanel` that originated the expand request.
+     * `panelId` is `undefined` when the open panel is collapsed.
+     */
+    onChange?: SingleOpenPanelGroupChangeHandler;
+    /**
+     * Indicates the `panelId` of the currently expanded `CollapsiblePanel`.
+     * Use only when using `SingleOpenPanelGroup` as a controlled component.
+     */
+    openPanelId?: string | number | null;
+}
+interface SingleOpenPanelGroupControlledProps extends SingleOpenPanelGroupPropsBase {
+    defaultOpenPanelId?: never;
+    onChange: SingleOpenPanelGroupChangeHandler;
+    openPanelId?: string | number | null;
+}
+interface SingleOpenPanelGroupUncontrolledProps extends SingleOpenPanelGroupPropsBase {
+    defaultOpenPanelId?: string | number;
+    openPanelId?: never;
+}
+declare type SingleOpenPanelGroupProps = ComponentProps<SingleOpenPanelGroupControlledProps | SingleOpenPanelGroupUncontrolledProps, 'div'>;
+declare function SingleOpenPanelGroup(props: SingleOpenPanelGroupProps): JSX.Element;
+declare namespace SingleOpenPanelGroup {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultOpenPanelId: PropTypes.Requireable<any>;
+        elementRef: PropTypes.Requireable<object>;
+        inset: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        openPanelId: PropTypes.Requireable<any>;
+    };
+}
+export default SingleOpenPanelGroup;
+export { SingleOpenPanelGroupChangeHandler };

package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CollapsiblePanelChangeHandler } from '@splunk/react-ui/CollapsiblePanel';
+export interface SingleOpenPanelGroupContext {
+    onChange?: CollapsiblePanelChangeHandler;
+    openPanelId?: string | number | null;
+    inset?: boolean;
+}
+export declare const SingleOpenPanelGroupContext: import("react").Context<SingleOpenPanelGroupContext>;
+export default SingleOpenPanelGroupContext;

package/types/src/CollapsiblePanel/docs/examples/MultiControlled.d.ts

@@ -1,2 +1,2 @@
-declare function BasicControlled(): JSX.Element;
-export default BasicControlled;
+declare function MultiControlled(): JSX.Element;
+export default MultiControlled;

package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupControlled.d.ts

@@ -0,0 +1,2 @@
+declare function SingleOpenPanelGroupControlled(): JSX.Element;
+export default SingleOpenPanelGroupControlled;

package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupUncontrolled.d.ts

@@ -0,0 +1,2 @@
+declare function SingleOpenPanelGroupUncontrolled(): JSX.Element;
+export default SingleOpenPanelGroupUncontrolled;

package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts

@@ -1,11 +1,13 @@
 import PropTypes from 'prop-types';
-interface ChevronRightIconProps {
+declare type ExpandPanelIconProps = {
+    className?: string;
     open?: boolean;
-}
-declare const ChevronRight: {
-    ({ open }: ChevronRightIconProps): JSX.Element;
+};
+declare const ExpandPanelIcon: {
+    ({ className, open }: ExpandPanelIconProps): JSX.Element;
     propTypes: {
+        className: PropTypes.Requireable<string>;
         open: PropTypes.Requireable<boolean>;
     };
 };
-export default ChevronRight;
+export default ExpandPanelIcon;

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

@@ -7,11 +7,16 @@ interface HeaderPropsBase {
      * rendered if a title is provided.
      */
     children?: React.ReactNode;
+    /**
+     * The icon to show before the title.
+     */
+    icon?: React.ReactNode;
     /**
      * If an `onRequestClose` function is provided, the header includes a close
      * button, which invokes the `onRequestClose` callback when clicked.
      *
-     * This callback must return focus to the invoking element or other element that follows the logical flow of the application.
+     * If `Modal`'s `returnFocus` prop isn't used, this callback *must* return focus to the invoking element
+     * or other element that follows the logical flow of the application.
      */
     onRequestClose?: React.MouseEventHandler<HTMLButtonElement>;
     /**
@@ -22,10 +27,6 @@ interface HeaderPropsBase {
      * Used as the subheading. Only shown if `title` is also present.
      */
     subtitle?: React.ReactNode;
-    /**
-     * The icon to show before the title.
-     */
-    icon?: React.ReactNode;
 }
 declare type HeaderProps = ComponentProps<HeaderPropsBase, 'div'>;
 /**

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

@@ -9,7 +9,7 @@ declare type ModalRequestCloseHandler = (data: {
     reason: 'clickAway' | 'escapeKey';
 }) => void;
 declare type ModalInitialFocus = 'first' | 'container' | (React.Component & {
-    focus: () => {};
+    focus: () => void;
 }) | HTMLElement | null;
 interface ModalPropsBase {
     /**
@@ -45,6 +45,13 @@ interface ModalPropsBase {
      * Set to `true` if the `Modal` is currently open. Otherwise, set to `false`.
      */
     open?: boolean;
+    /**
+     * Ref of the invoking element (or other element that follows the logical flow of the application) to be focused after the `Modal` is closed.
+     * If you are not using this prop, then you *must* manually return focus to the invoking element in `onRequestClose`.
+     */
+    returnFocus?: React.MutableRefObject<(React.Component & {
+        focus: () => void;
+    }) | HTMLElement | null>;
 }
 declare const defaultProps: Required<Pick<ModalPropsBase, 'initialFocus' | 'open' | 'divider'>>;
 declare type ModalProps = ClassComponentProps<ModalPropsBase, typeof defaultProps, 'div'>;
@@ -64,7 +71,7 @@ declare class Modal extends Component<ModalProps> {
     componentDidUpdate(prevProps: ModalProps): void;
     private getDefaultMotionStyle;
     private getMotionStyle;
-    private handleInitialFocus;
+    private handleFocus;
     private handleModalMount;
     private handleModalKeyDown;
     private handleRequestClose;

package/types/src/Table/Body.d.ts

@@ -1,10 +1,13 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { RowRequestMoveRowHandler } from './Row';
 import { ClassComponentProps } from '../utils/types';
 declare type BodyRequestMoveRowHandler = RowRequestMoveRowHandler;
 interface BodyPropsBase {
     /** @private. Generally passed by Table rather than added directly. */
     actions?: boolean;
+    /** @private. Generally passed by Table rather than added directly. */
+    activeElementId?: string;
     /**
      * Must be `Table.Row`.
      */
@@ -26,13 +29,28 @@ interface BodyPropsBase {
 }
 declare const defaultProps: Required<Pick<BodyPropsBase, 'actions' | 'rowExpansion' | 'stripeRows'>>;
 declare type BodyProps = ClassComponentProps<BodyPropsBase, typeof defaultProps, 'tbody'>;
-interface BodyState {
-    dragDataId?: string | number;
-    dragIndex?: number;
-    dragPosition?: number;
-    expanded: (string | number | null)[];
+declare function BodyBase({ activeElementId, actions, children, elementRef, movableColumns, onRequestMoveRow, rowExpansion, primaryColumnIndex, stripeRows, ...otherProps }: BodyProps): JSX.Element | null;
+declare namespace BodyBase {
+    var propTypes: {
+        /** @private. Generally passed by Table rather than added directly. */
+        actions: PropTypes.Requireable<boolean>;
+        /** @private. Generally passed by Table rather than added directly. */
+        activeElementId: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private. Generally passed by Table rather than added directly. */
+        movableColumns: PropTypes.Requireable<boolean>;
+        /** @private. Generally passed by Table rather than added directly. */
+        rowExpansion: PropTypes.Requireable<string>;
+        /** @private. Generally passed by Table rather than added directly. */
+        onRequestMoveRow: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. Generally passed by Table rather than added directly. */
+        primaryColumnIndex: PropTypes.Requireable<number>;
+        /** @private. Generally passed by Table rather than added directly. */
+        stripeRows: PropTypes.Requireable<boolean>;
+    };
 }
-declare class Body extends Component<BodyProps, BodyState> {
+declare class Body extends Component<BodyProps, {}> {
     private el;
     private rect?;
     private rowHeight?;
@@ -40,21 +58,7 @@ declare class Body extends Component<BodyProps, BodyState> {
     static splunkUiType: string;
     static propTypes: React.WeakValidationMap<ClassComponentProps<BodyPropsBase, Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>, "tbody", never>>;
     static defaultProps: Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>;
-    constructor(props: Readonly<BodyProps>);
-    componentWillUnmount(): void;
-    private handleDragStart;
-    private handleDragOver;
-    private handleDragEnter;
-    private handleDrop;
-    private handleDragEnd;
-    private onRequestMoveRow;
-    private handleMount;
-    private handleRowExpansion;
-    private calculateGuideIndex;
-    private updateDragPositionImpl;
-    private updateDragPosition;
-    private updateScrollPosition;
-    private cleanupDrag;
-    render(): JSX.Element | null;
+    render(): JSX.Element;
 }
 export default Body;
+export { BodyBase };

package/types/src/Table/Cell.d.ts

@@ -17,6 +17,8 @@ interface CellPropsBase {
      *      - The text is white and the background color of the row is lighter on row hover in `prisma` theme.
      * @private */
     appearance?: 'data' | 'link' | 'rowLink';
+    /** @private Used to set the $clickable appearance without an onClick */
+    appearClickable?: boolean;
     children?: React.ReactNode;
     /** This data is returned with the onClick events as the second argument. */
     data?: any;
@@ -50,4 +52,4 @@ declare class Cell extends Component<CellProps, {}> {
     render(): JSX.Element;
 }
 export default Cell;
-export { CellClickHandler };
+export { CellClickHandler, CellProps };

package/types/src/Table/Head.d.ts

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { TableRequestMoveColumnHandler } from './Table';
 import TableContext from './TableContext';
 import { ClassComponentProps } from '../utils/types';
-declare type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+declare type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
     columnId: any;
     index: number;
 }) => void;
@@ -10,7 +10,7 @@ declare type HeadDragStartHandler = (data: {
     dragIndex?: number;
 }) => void;
 declare type HeadRequestMoveColumnHandler = TableRequestMoveColumnHandler;
-declare type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLButtonElement> | MouseEvent, data: {
+declare type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
     columnId: any;
     id?: string;
     index: number;