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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { SpringConfig } from 'react-spring';
+import { SpringConfig } from '@react-spring/web';
 import { ComponentProps } from '../utils/types';
 /** @public */
 type PopoverChildrenRenderer = (data: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface PopoverMenuContextValue {
     retainFocus?: boolean;
 }

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

@@ -64,7 +64,7 @@ type RadioBarProps = ComponentProps<RadioBarPropsBaseControlled | RadioBarPropsB
 /**
  * RadioBar is a form control that provides the ability to select one option out of a group.
  */
-declare function RadioBar({ children, defaultValue: defaultValueProp, describedBy, error, labelledBy, name, onChange, required, role, value: valueProp, ...otherProps }: RadioBarProps): React.JSX.Element;
+declare function RadioBar({ children, defaultValue: defaultValueProp, describedBy, elementRef, error, labelledBy, name, onChange, required, role, value: valueProp, ...otherProps }: RadioBarProps): React.JSX.Element;
 declare namespace RadioBar {
     var Option: typeof import("./Option").default;
     var propTypes: {

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/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

@@ -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/SidePanel/SidePanel.d.ts

@@ -10,9 +10,13 @@ type SidePanelRequestCloseHandler = (data: {
 interface SidePanelPropsBase extends TransitionOpenPropsBase {
     children?: React.ReactNode;
     /**
-     * The position of the panel on the screen.
+     * The position of the Panel on the screen.
      */
     dockPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
+     */
+    elementRef?: React.Ref<HTMLDivElement>;
     /**
      * The inner element can control the width of the side bar when placed left or right and
      * the height when placed top or bottom.
@@ -56,16 +60,17 @@ interface SidePanelPropsBase extends TransitionOpenPropsBase {
     outerStyle?: React.CSSProperties;
     /**
      * Indicates whether to add an overlay mask on the whole page, blocking other interactions
-     * while the panel is open.
+     * while the Panel is open.
      */
     useLayerForClickAway?: boolean;
 }
 type SidePanelProps = ComponentProps<SidePanelPropsBase, 'div'>;
-declare function SidePanel({ children, dockPosition, innerClassName, innerStyle, onAnimationEnd, onRequestClose, open, outerClassName, outerStyle, useLayerForClickAway, ...otherProps }: SidePanelProps): React.JSX.Element;
+declare function SidePanel({ children, dockPosition, elementRef, innerClassName, innerStyle, onAnimationEnd, onRequestClose, open, outerClassName, outerStyle, useLayerForClickAway, ...otherProps }: SidePanelProps): React.JSX.Element;
 declare namespace SidePanel {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dockPosition: PropTypes.Requireable<string>;
+        elementRef: PropTypes.Requireable<object>;
         innerClassName: PropTypes.Requireable<string>;
         innerStyle: PropTypes.Requireable<object>;
         onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -43,7 +43,7 @@ interface SliderPropsBase {
     /** The maximum value of the Slider input. */
     max?: number;
     /**
-     * The label shown to the left of the slider. Defaults to the max value.
+     * The label shown to the right of the slider. Defaults to the max value.
      * Set to null to remove.
      */
     maxLabel?: React.ReactNode;

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,11 +1,19 @@
-import React, { PureComponent } from 'react';
-import { ClassComponentProps } from '../utils/types';
+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.
      * @private
      */
-    appearance: 'default' | 'primary' | 'destructive';
+    appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'destructiveSecondary';
     /**
      * Becomes the label.
      */
@@ -14,6 +22,14 @@ interface ItemPropsBase {
      * Prevents user from clicking the button.
      */
     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>;
+    /**
+     * 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.
      */
@@ -21,25 +37,23 @@ interface ItemPropsBase {
     /**
      * A callback for when an item is clicked.
      */
-    onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    onClick?: ItemClickHandler;
 }
-declare const defaultProps: Required<Pick<ItemPropsBase, 'appearance'>>;
-type ItemProps = ClassComponentProps<ItemPropsBase, typeof defaultProps, 'button'>;
+type ItemProps = ComponentProps<ItemPropsBase, 'button'>;
 /**
- * An item within a `SplitButton`. This inherits from
- * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
- * so any elements passed to it must also be pure.
+ * An item within a `SplitButton`.
  */
-declare class Item extends PureComponent<ItemProps, {}> {
-    private itemRef;
-    static propTypes: React.WeakValidationMap<ItemProps>;
-    static defaultProps: Required<Pick<ItemPropsBase, "appearance">>;
-    private handleClick;
-    scrollIntoViewIfNeeded(): void;
-    /**
-     * Place focus on the item.
-     */
-    focus(): void;
-    render(): 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/SplitButton/SplitButton.d.ts

@@ -5,8 +5,11 @@ import { ComponentProps } from '../utils/types';
 interface SplitButtonPropsBase {
     /**
      * Changes the style of the main button and toggle.
+     *
+     * @deprecatedValue 'default'
+     * The `default` value is deprecated and will be removed in a future major version.
      */
-    appearance?: 'default' | 'primary' | 'destructive';
+    appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'destructiveSecondary';
     /**
      * Must be `SplitButton.Item`. By default the first child becomes the main button. The remaining children become dropdown items.
      */

package/types/src/StaticContent/StaticContent.d.ts

@@ -9,18 +9,20 @@ interface StaticContentPropsBase {
     elementRef?: React.Ref<HTMLDivElement>;
     /** When true, display as inline-block with auto width. */
     inline?: boolean;
+    labelledBy?: string;
 }
 type StaticContentProps = ComponentProps<StaticContentPropsBase, 'div'>;
 /**
  * This component is intended for use in a control group, either to display a static value or
  * between two controls.
  */
-declare function StaticContent({ children, elementRef, inline, ...otherProps }: StaticContentProps): React.JSX.Element;
+declare function StaticContent({ children, elementRef, inline, labelledBy, ...otherProps }: StaticContentProps): React.JSX.Element;
 declare namespace StaticContent {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         elementRef: PropTypes.Requireable<object>;
         inline: PropTypes.Requireable<boolean>;
+        labelledBy: PropTypes.Requireable<string>;
     };
 }
 export default StaticContent;

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/Switch.d.ts

@@ -32,12 +32,6 @@ interface SwitchPropsBase {
      * Make the control an inline block with variable width.
      */
     inline?: boolean;
-    /**
-     * In a couple of cases, the switch is to show state, but is not interactive in itself.
-     * The parent takes focus and handles click. Set interactive to false to prevent focus and
-     * hover states, and remove accessibility properties.
-     * @private */
-    interactive?: boolean;
     /**
      * If `Switch` is not provided children as the label, an id can be provided to
      * another element.
@@ -88,7 +82,7 @@ type SwitchProps = ComponentProps<SwitchCheckboxWithSomePropsBase | SwitchNoSome
 /**
  * `Switch` is a basic form control with an on/off state.
  */
-declare function Switch({ appearance, children, disabled, elementRef, error, id, inline, interactive, labelledBy, onClick, required, selected, selectedLabel, someSelectedLabel, toggleRef, unselectedLabel, value, ...otherProps }: SwitchProps): React.JSX.Element;
+declare function Switch({ appearance, children, disabled, elementRef, error, id, inline, labelledBy, onClick, required, selected, selectedLabel, someSelectedLabel, toggleRef, unselectedLabel, value, ...otherProps }: SwitchProps): React.JSX.Element;
 declare namespace Switch {
     var propTypes: {
         appearance: PropTypes.Requireable<string>;
@@ -98,8 +92,6 @@ declare namespace Switch {
         error: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
         inline: PropTypes.Requireable<boolean>;
-        /** @private */
-        interactive: PropTypes.Requireable<boolean>;
         labelledBy: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         /** @private. */

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

@@ -46,9 +46,8 @@ declare namespace TabBar {
         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,9 +60,11 @@ 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;
 export { Tab };
-export type { TabBarChangeHandler };
+export type { TabBarChangeHandler, TabBarPropsBase };

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

@@ -1,10 +1,9 @@
-/// <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';
     onClick?: TabClickHandler;
@@ -13,6 +12,12 @@ export interface TabBarContext {
     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/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, };