@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/types/src/RadioBar/RadioBarContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OptionClickHandler, OnKeyDownHandler } from './Option';
 export interface RadioBarContext {
     onClick?: OptionClickHandler;

package/types/src/RadioList/RadioListContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioListChangeHandler, RadioListValueTypes } from './RadioList';
 export interface RadioListContext {
     disabled?: boolean;

package/types/src/ResultsMenu/ResultsMenu.d.ts

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 type ResultsMenuScrollBottomHandler = (event: React.UIEvent<HTMLDivElement> | null) => void;
 interface ResultsMenuPropsBase {
     /**
@@ -29,6 +29,7 @@ interface ResultsMenuPropsBase {
      * - `roving`: Does not retain focus inside the menu. One tab stop. Uses up/down arrow keys to navigate and loop inside the menu.
      */
     focusMode?: 'roving' | 'normal' | 'never';
+    footerMessage?: React.ReactNode;
     /**
      * Whether or not to show the loading message and/or wait spinner. It's not recommended to
      * pass old children when loading new children. The loading animation will show below any
@@ -36,6 +37,7 @@ interface ResultsMenuPropsBase {
      */
     isLoading?: boolean;
     loadingMessage?: React.ReactNode;
+    menuId?: string;
     noOptionsMessage?: React.ReactNode;
     onScroll?: React.UIEventHandler<Element>;
     /**
@@ -47,8 +49,6 @@ interface ResultsMenuPropsBase {
      */
     onScrollBottom?: ResultsMenuScrollBottomHandler;
     placement?: string;
-    footerMessage?: React.ReactNode;
-    menuId?: string;
 }
 declare const propTypes: {
     animateLoading: PropTypes.Requireable<boolean>;
@@ -59,41 +59,30 @@ declare const propTypes: {
     footerMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     isLoading: PropTypes.Requireable<boolean>;
     loadingMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    menuId: PropTypes.Requireable<string>;
     noOptionsMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     onScroll: PropTypes.Requireable<(...args: any[]) => any>;
     onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
     placement: PropTypes.Requireable<string>;
-    menuId: PropTypes.Requireable<string>;
 };
-declare const defaultProps: Required<Pick<ResultsMenuPropsBase, 'animateLoading' | 'isLoading' | 'loadingMessage' | 'noOptionsMessage'>>;
-type ResultsMenuProps = ClassComponentProps<ResultsMenuPropsBase, typeof defaultProps, 'div'>;
-interface ResultsMenuState {
-    childrenCount?: number;
-    containerEl: HTMLDivElement | null;
-    menuEl: HTMLDivElement | null;
-    numberOfItemsLoaded: number;
-    windowTop: number;
-    scrollBottomTriggered: boolean;
-}
-declare class ResultsMenu extends Component<ResultsMenuProps, ResultsMenuState> {
-    private scrollBottomOffset;
-    private itemMinHeight;
-    static propTypes: React.WeakValidationMap<ResultsMenuProps>;
-    static defaultProps: Required<Pick<ResultsMenuPropsBase, "animateLoading" | "isLoading" | "loadingMessage" | "noOptionsMessage">>;
-    constructor(props: Readonly<ResultsMenuProps>);
-    componentDidUpdate(): void;
-    private handleMenuMount;
-    private handleMount;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private handleScroll;
-    private handleWheelMenu;
-    private handleScrollBottomOnFullMenu;
-    private handleScrollBottom;
-    private checkFullHeight;
-    private renderFooterMessage;
-    private createMenuContextValue;
-    render(): React.JSX.Element;
+type ResultsMenuProps = ComponentProps<ResultsMenuPropsBase, 'div'>;
+declare function ResultsMenu({ animateLoading, 'aria-multiselectable': ariaMultiselectable, children, childrenStart, elementRef, focusMode, footerMessage, isLoading, loadingMessage, menuId, noOptionsMessage, onScroll, onScrollBottom, placement, style, tabIndex, ...otherProps }: ResultsMenuProps): React.JSX.Element;
+declare namespace ResultsMenu {
+    var propTypes: {
+        animateLoading: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        childrenStart: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        focusMode: PropTypes.Requireable<string>;
+        footerMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        isLoading: PropTypes.Requireable<boolean>;
+        loadingMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        menuId: PropTypes.Requireable<string>;
+        noOptionsMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollBottom: PropTypes.Requireable<(...args: any[]) => any>;
+        placement: PropTypes.Requireable<string>;
+    };
 }
 export default ResultsMenu;
 export { propTypes };

package/types/src/Scroll/Inner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { SpringValue } from 'react-spring';
+import { SpringValue } from '@react-spring/web';
 import { ComponentProps } from '../utils/types';
 interface InnerPropsBase {
     children?: React.ReactNode;

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-declare class Basic extends Component<{}, {
+declare class Basic extends Component<object, {
     top?: number;
 }> {
     private scrollEl;
-    constructor(props: {});
+    constructor(props: object);
     handleClickDown: () => void;
     handleClickUp: () => void;
     handleScrollComplete: () => void;

package/types/src/Search/Search.d.ts

@@ -104,8 +104,8 @@ declare function Search({ animateLoading, children, defaultPlacement, defaultVal
 declare namespace Search {
     var propTypes: React.WeakValidationMap<SearchPropsBase>;
     var Option: typeof import("./Option").default;
-    var Divider: typeof import("../Menu/Divider").default;
-    var Heading: typeof import("../Menu/Heading").default;
+    var Divider: typeof import("@splunk/react-ui/Menu").Divider;
+    var Heading: typeof import("@splunk/react-ui/Menu").Heading;
 }
 export default Search;
 export { SearchBlurHandler, SearchChangeHandler, SearchFocusHandler, Option, Divider, Heading, SearchProps, SearchPropsBase, SearchPropsBaseControlled, SearchPropsBaseUncontrolled, };

package/types/src/Select/SelectBase.d.ts

@@ -218,8 +218,8 @@ interface ControlsProps extends Pick<SelectBaseProps, 'inputId' | 'inputRef' | '
     filterKeyword: string;
     hasChildren: boolean;
     menuListboxId: string;
-    onClearAll: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>;
-    onSelectAll: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>;
+    onClearAll: React.MouseEventHandler<HTMLButtonElement>;
+    onSelectAll: React.MouseEventHandler<HTMLButtonElement>;
     onTextBlur: TextBlurHandler;
     onTextChange: TextChangeHandler;
     onTextFocus: TextFocusHandler;
@@ -282,8 +282,8 @@ declare namespace SelectBase {
     };
     var componentType: string;
     var Option: typeof import("./OptionBase").default;
-    var Divider: typeof import("../Menu/Divider").default;
-    var Heading: typeof import("../Menu/Heading").default;
+    var Divider: typeof import("@splunk/react-ui/Menu").Divider;
+    var Heading: typeof import("@splunk/react-ui/Menu").Heading;
 }
 export default SelectBase;
 export { Controls, ChildrenElement, Divider, Heading, Option, SelectBaseChangeHandler, SelectBaseChangeReason, SelectBaseFilterChangeHandler, SelectBaseProps, isOption, };

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

@@ -1,10 +1,10 @@
 import React, { Component } from 'react';
 import { SliderChangeHandler } from '@splunk/react-ui/Slider';
 import { NumberChangeHandler } from '@splunk/react-ui/Number';
-declare class Controlled extends Component<{}, {
+declare class Controlled extends Component<object, {
     value?: number;
 }> {
-    constructor(props: {});
+    constructor(props: object);
     handleSliderChange: SliderChangeHandler;
     handleNumberChange: NumberChangeHandler;
     render(): React.JSX.Element;

package/types/src/Slider/docs/examples/CustomLabels.d.ts

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { SliderChangeHandler } from '@splunk/react-ui/Slider';
-declare class CustomLabels extends Component<{}, {
+declare class CustomLabels extends Component<object, {
     displayValue: string;
     value: number;
 }> {
     static convertValueToLabel(value: number): string;
-    constructor(props: {});
+    constructor(props: object);
     handleChange: SliderChangeHandler;
     render(): React.JSX.Element;
 }

package/types/src/Slider/getStepMarksBackground.d.ts

@@ -0,0 +1,8 @@
+import { AnyTheme, InterpolationResult } from '@splunk/themes';
+declare function getStepMarksBackground<T extends AnyTheme, A extends object>({ stepWidth, thumbPosition, beforeThumbStepColor, afterThumbStepColor, }: {
+    stepWidth: number;
+    thumbPosition?: number;
+    beforeThumbStepColor: InterpolationResult<T, A>;
+    afterThumbStepColor: InterpolationResult<T, A>;
+}): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@splunk/themes").ThemedProps<T> & A, any>>;
+export default getStepMarksBackground;

package/types/src/SlidingPanels/Panel.d.ts

@@ -22,7 +22,7 @@ interface PanelPropsBase {
     /**
      * A unique `id` for this panel and used by the SlidingPanels to keep track of the open panel.
      */
-    panelId: any;
+    panelId: string | number;
 }
 type PanelProps = ComponentProps<PanelPropsBase, 'div'>;
 /**
@@ -37,7 +37,7 @@ declare namespace Panel {
         onMount: PropTypes.Requireable<(...args: any[]) => any>;
         /** @private */
         onUnmount: PropTypes.Requireable<(...args: any[]) => any>;
-        panelId: PropTypes.Validator<any>;
+        panelId: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
     };
 }
 export default Panel;

package/types/src/SlidingPanels/SlidingPanels.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Panel from './Panel';
 import { ComponentProps } from '../utils/types';
 interface SlidingPanelsPropsBase {
-    activePanelId: any;
+    activePanelId: string | number;
     children?: React.ReactNode;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
@@ -23,7 +23,7 @@ type SlidingPanelsProps = ComponentProps<SlidingPanelsPropsBase, 'div'>;
 declare function SlidingPanels({ activePanelId, children, elementRef, innerClassName, innerStyle, onAnimationEnd, outerClassName, outerStyle, transition, ...otherProps }: SlidingPanelsProps): React.JSX.Element;
 declare namespace SlidingPanels {
     var propTypes: {
-        activePanelId: PropTypes.Validator<any>;
+        activePanelId: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         innerClassName: PropTypes.Requireable<string>;

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-declare class Basic extends Component<{}, {
+declare class Basic extends Component<object, {
     activePanelId: string;
     transition: 'forward' | 'backward';
 }> {
-    constructor(props: {});
+    constructor(props: object);
     goBack: () => void;
     goForward: () => void;
     render(): React.JSX.Element;

package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-declare class DropdownExample extends Component<{}, {
+declare class DropdownExample extends Component<object, {
     activePanelId: string;
     transition: 'forward' | 'backward';
 }> {
-    constructor(props: {});
+    constructor(props: object);
     goBack: () => void;
     goForward: () => void;
     render(): React.JSX.Element;

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

@@ -1,6 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
+/** @public */
+type ItemClickHandler = (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: {
+    action?: string;
+    icon?: React.ReactNode;
+    label?: React.ReactNode;
+    value?: any;
+}) => void;
 interface ItemPropsBase {
     /**
      * Changes the style if isMain=true, passed from SplitButton.
@@ -19,6 +26,10 @@ interface ItemPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
+    /**
+     * Applies an icon in front of the label.
+     */
+    icon?: React.ReactNode;
     /**
      * Becomes the main button. If no `Item`s have this prop, the first `Item` is the main button.
      */
@@ -26,21 +37,23 @@ interface ItemPropsBase {
     /**
      * A callback for when an item is clicked.
      */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    onClick?: ItemClickHandler;
 }
 type ItemProps = ComponentProps<ItemPropsBase, 'button'>;
 /**
  * An item within a `SplitButton`.
  */
-declare function Item({ appearance, disabled, elementRef, isMain, children, onClick, ...otherProps }: ItemProps): React.JSX.Element;
+declare function Item({ appearance, disabled, elementRef, icon: iconProp, isMain, children, onClick, ...otherProps }: ItemProps): React.JSX.Element;
 declare namespace Item {
     var propTypes: {
         appearance: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         elementRef: PropTypes.Requireable<object>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         isMain: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 export default Item;
+export { ItemClickHandler };

package/types/src/StepBar/Step.d.ts

@@ -13,7 +13,7 @@ interface StepPropsBase {
      * A unique `id` for this step and used by the `StepBar` to keep track of the open `Step`.
      * Defaults to a zero-based index matching the component's position in `StepBar`.
      */
-    stepId?: any;
+    stepId?: number;
 }
 type StepProps = ComponentProps<StepPropsBase, 'li'>;
 declare function Step({ children, elementRef, error, // eslint-disable-line @typescript-eslint/no-unused-vars

package/types/src/StepBar/StepBar.d.ts

@@ -4,7 +4,7 @@ import Step from './Step';
 import { ComponentProps } from '../utils/types';
 interface StepBarPropsBase {
     /** The `stepId` of the `StepBar.Step` to activate. */
-    activeStepId: any;
+    activeStepId: number;
     /**
      * Must be `StepBar.Step`.
      */

package/types/src/StepBar/StepBarContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface StepBarContext {
     activeStepId: number;
     idCounter?: string;

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

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

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

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

package/types/src/TabBar/Tab.d.ts

@@ -8,8 +8,6 @@ type TabFocusHandler = (event: React.FocusEvent<HTMLButtonElement>, data: {
     tabId: string;
 }) => void;
 interface TabPropsBase {
-    /** @private. Is the tab active. */
-    active?: boolean;
     /**
      * The ariaControls prop is the element `id` of the content displayed when the tab is selected.
      */
@@ -53,13 +51,16 @@ interface TabPropsBase {
      * The `menu` prop is only supported in horizontal layout due to both design constraints as well as keyboard support.
      */
     menu?: React.ReactNode;
+    /**
+     * @private
+     * Internal prop injected by TabBar to track focus order.
+     */
+    index?: number;
 }
 type TabProps = ComponentProps<TabPropsBase, 'div'>;
 declare const Tab: {
-    ({ active, ariaControls, count, disabled, elementRef, icon, label, maxCount, tabId: tabIdProp, to, tooltip, menu, ...otherProps }: TabProps): React.JSX.Element;
+    ({ ariaControls, count, disabled, elementRef, icon, label, maxCount, tabId: tabIdProp, to, tooltip, menu, index, ...otherProps }: TabProps): React.JSX.Element;
     propTypes: {
-        /** @private. Is the tab active. */
-        active: PropTypes.Requireable<boolean>;
         ariaControls: PropTypes.Requireable<string>;
         count: PropTypes.Requireable<number>;
         disabled: PropTypes.Requireable<boolean>;
@@ -79,7 +80,13 @@ declare const Tab: {
          * The `menu` prop is only supported in horizontal layout due to both design constraints as well as keyboard support.
          */
         menu: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * @private
+         * Internal prop injected by TabBar to track order.
+         */
+        index: PropTypes.Requireable<number>;
     };
+    as: string;
 };
 export default Tab;
 export { TabClickHandler, TabFocusHandler };

package/types/src/TabBar/TabBar.d.ts

@@ -21,17 +21,20 @@ interface TabBarPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLDivElement>;
-    /** Position of icon in `TabBar.Tab` if it has an icon. Defaults to "left". */
+    /**
+     * Position of icon in `TabBar.Tab` if it has an icon. Defaults to "left".
+     * @deprecated This prop is deprecated and will be removed in the next major version.
+     */
     iconPosition?: 'above' | 'left';
     /** The layout of tabs. */
     layout?: 'horizontal' | 'vertical';
+    /** Max width of each `TabBar.Tab` in pixels. Leave blank for auto max width. */
+    maxTabWidth?: number;
     /** A callback that receives the event and data (`selectedTabId`). */
     onChange?: TabBarChangeHandler;
-    /** Width of each `TabBar.Tab` in pixels. Must be greater than 50 pixels. Leave blank for auto width. */
-    tabWidth?: number;
 }
 type TabBarProps = ComponentProps<TabBarPropsBase, 'div'>;
-declare function TabBar({ activeTabId, autoActivate, children, disabled, elementRef, iconPosition, layout, onChange, tabWidth, ...otherProps }: TabBarProps): React.JSX.Element;
+declare function TabBar({ activeTabId, autoActivate, children, disabled, elementRef, iconPosition, layout, maxTabWidth, onChange, ...otherProps }: TabBarProps): React.JSX.Element;
 declare namespace TabBar {
     var propTypes: {
         autoActivate: PropTypes.Requireable<boolean>;
@@ -42,13 +45,12 @@ declare namespace TabBar {
         elementRef: PropTypes.Requireable<object>;
         iconPosition: PropTypes.Requireable<string>;
         layout: PropTypes.Requireable<string>;
+        maxTabWidth: PropTypes.Requireable<number>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        tabWidth: PropTypes.Requireable<number>;
     };
     var Tab: {
-        ({ active, ariaControls, count, disabled, elementRef, icon, label, maxCount, tabId: tabIdProp, to, tooltip, menu, ...otherProps }: import("./Tab").TabPropsBase & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "css" | keyof import("./Tab").TabPropsBase>): React.JSX.Element;
+        ({ ariaControls, count, disabled, elementRef, icon, label, maxCount, tabId: tabIdProp, to, tooltip, menu, index, ...otherProps }: import("./Tab").TabPropsBase & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "css" | keyof import("./Tab").TabPropsBase>): React.JSX.Element;
         propTypes: {
-            active: PropTypes.Requireable<boolean>;
             ariaControls: PropTypes.Requireable<string>;
             count: PropTypes.Requireable<number>;
             disabled: PropTypes.Requireable<boolean>;
@@ -61,7 +63,9 @@ declare namespace TabBar {
             to: PropTypes.Requireable<string>;
             tooltip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             menu: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            index: PropTypes.Requireable<number>;
         };
+        as: string;
     };
 }
 export default TabBar;

package/types/src/TabBar/TabBarContext.d.ts

@@ -1,18 +1,23 @@
-/// <reference types="react" />
 import type { DropdownRequestCloseHandler } from '@splunk/react-ui/Dropdown';
 import type { TabClickHandler, TabFocusHandler } from './Tab';
 export interface TabBarContext {
     active?: string;
     disabled?: boolean;
-    focusedTabId: string | null;
+    focusedTabId?: string;
     iconPosition?: 'above' | 'left';
     layout?: 'horizontal' | 'vertical';
+    maxTabWidth?: number | null;
     onClick?: TabClickHandler;
     onFocus?: TabFocusHandler;
-    width?: number | null;
     onMenuOpen: (menusTabId: string) => void;
     onMenuClose: DropdownRequestCloseHandler;
     isMenuOpen: boolean;
+    registerTab: ({ tabId, element, index, }: {
+        tabId: string;
+        element: HTMLButtonElement | HTMLAnchorElement | null;
+        index: number;
+    }) => void;
+    activeTabId?: string;
 }
 export declare const TabBarContext: import("react").Context<TabBarContext>;
 export default TabBarContext;

package/types/src/TabLayout/TabLayout.d.ts

@@ -23,14 +23,17 @@ interface TabLayoutPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLDivElement>;
-    /** Position of icon in `TabBar.Tab` if it has an icon. Defaults to "left". */
+    /**
+     * Position of icon in `TabBar.Tab` if it has an icon. Defaults to "left".
+     * @deprecated This prop is deprecated and will be removed in the next major version.
+     */
     iconPosition?: 'above' | 'left';
     /**
      * The layout direction for tabs.
      */
     layout?: 'horizontal' | 'vertical';
-    /** Width of each tab in pixels. Must be greater than 50 pixels. Leave blank for auto width. */
-    tabWidth?: number;
+    /** Max width of each `TabBar.Tab` in pixels. Leave blank for auto max width. */
+    maxTabWidth?: number;
     /**
      * A callback that receives the event and data (`selectedPanelId`). If activePanelId is set,
      * this callback is required.
@@ -55,7 +58,7 @@ type TabLayoutProps = ComponentProps<TabLayoutPropsBaseControlled | TabLayoutPro
  * The `TabLayout` is a group of managed `Panels`. Only one panel can be open at a time.
  * `TabLayout` supports both the controlled and uncontrolled patterns.
  */
-declare function TabLayout({ autoActivate, activePanelId: activePanelIdProp, children, defaultActivePanelId, elementRef, iconPosition, layout, onChange, tabWidth, ...otherProps }: TabLayoutProps): React.JSX.Element;
+declare function TabLayout({ autoActivate, activePanelId: activePanelIdProp, children, defaultActivePanelId, elementRef, iconPosition, layout, maxTabWidth, onChange, ...otherProps }: TabLayoutProps): React.JSX.Element;
 declare namespace TabLayout {
     var Panel: typeof import("./Panel").default;
     var propTypes: {
@@ -66,8 +69,8 @@ declare namespace TabLayout {
         elementRef: PropTypes.Requireable<object>;
         iconPosition: PropTypes.Requireable<string>;
         layout: PropTypes.Requireable<string>;
+        maxTabWidth: PropTypes.Requireable<number>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        tabWidth: PropTypes.Requireable<number>;
     };
 }
 export default TabLayout;

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

@@ -3,15 +3,12 @@ import PropTypes from 'prop-types';
 import { TableRequestMoveColumnHandler } from './Table';
 import { ComponentProps } from '../utils/types';
 type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
-    columnId: any;
+    columnId?: string;
     index: number;
 }) => void;
-type HeadDragStartHandler = (data: {
-    dragIndex?: number;
-}) => void;
 type HeadRequestMoveColumnHandler = TableRequestMoveColumnHandler;
 type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
-    columnId: any;
+    columnId?: string;
     id?: string;
     index: number;
     width: number;
@@ -32,16 +29,12 @@ interface HeadPropsBase {
      */
     elementRef?: React.Ref<HTMLTableSectionElement>;
     /** @private. */
-    guidelineIndex?: number;
-    /** @private. */
     hasDragColumn?: boolean;
     /** @private. */
     hasInfoColumn?: boolean;
     /** @private. */
     onAutosizeColumn?: HeadAutosizeColumnHandler;
     /** @private. */
-    onDragStart?: HeadDragStartHandler;
-    /** @private. */
     onRequestMoveColumn?: HeadRequestMoveColumnHandler;
     /** @private. */
     onRequestResizeColumn?: HeadRequestResizeColumnHandler;
@@ -52,7 +45,7 @@ interface HeadPropsBase {
 }
 type HeadProps = ComponentProps<HeadPropsBase, 'thead'>;
 declare const getCellWidths: (headEl: HTMLTableSectionElement | null) => number[];
-declare function Head({ actions, actionsColumnWidth, cellMinWidth, children, elementRef, guidelineIndex, hasDragColumn, hasInfoColumn, onAutosizeColumn, onDragStart, onRequestMoveColumn, onRequestResizeColumn, onRequestToggleAllRows, rowSelection, ...otherProps }: HeadProps): React.JSX.Element;
+declare function Head({ actions, actionsColumnWidth, cellMinWidth, children, elementRef, hasDragColumn, hasInfoColumn, onAutosizeColumn, onRequestMoveColumn, onRequestResizeColumn, onRequestToggleAllRows, rowSelection, ...otherProps }: HeadProps): React.JSX.Element;
 declare namespace Head {
     var propTypes: {
         /** @private. */
@@ -64,16 +57,12 @@ declare namespace Head {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         /** @private. */
-        guidelineIndex: PropTypes.Requireable<number>;
-        /** @private. */
         hasDragColumn: PropTypes.Requireable<boolean>;
         /** @private. */
         hasInfoColumn: PropTypes.Requireable<boolean>;
         /** @private. */
         onAutosizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
         /** @private. */
-        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
-        /** @private. */
         onRequestMoveColumn: PropTypes.Requireable<(...args: any[]) => any>;
         /** @private. */
         onRequestResizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
@@ -85,4 +74,4 @@ declare namespace Head {
     var splunkUiType: string;
 }
 export default Head;
-export { HeadAutosizeColumnHandler, HeadDragStartHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler, getCellWidths, };
+export { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler, getCellWidths, };