@gooddata/sdk-ui-kit 10.38.0 → 10.39.0-alpha.2

package/esm/sdk-ui-kit.d.ts

@@ -142,18 +142,7 @@ export declare function AsyncList<T>(props: IAsyncListProps<T>): React_2.JSX.Ele
 /**
  * @internal
  */
-export declare class AutoSize extends Component<IAutoSizeProps> {
-    state: {
-        width: number;
-        height: number;
-    };
-    private updateSize;
-    private throttledUpdateSize;
-    private wrapperRef;
-    render(): React_2.JSX.Element;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-}
+export declare function AutoSize({ children }: IAutoSizeProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -268,36 +257,7 @@ export declare function bemFactory<TPrefix extends string>(block: `${TPrefix}-${
 /**
  * @internal
  */
-export declare class Bubble extends React_2.Component<IBubbleProps, IBubbleState> {
-    static defaultProps: {
-        alignPoints: {
-            align: string;
-        }[];
-        alignTo: string;
-        arrowOffsets: {};
-        arrowDirections: {};
-        arrowStyle: {};
-        className: string;
-        closeOnOutsideClick: boolean;
-        closeOnParentScroll: boolean;
-        closeOnEscape: boolean;
-        onClose: (...args: any[]) => void;
-        onMouseEnter: (...args: any[]) => void;
-        onMouseLeave: (...args: any[]) => void;
-        overlayClassName: string;
-    };
-    static identifier: string;
-    arrowOffsets: ArrowOffsets;
-    arrowDirections: ArrowDirections;
-    constructor(props: IBubbleProps);
-    shouldComponentUpdate(nextProps: IBubbleProps, nextState: IBubbleState): boolean;
-    onAlign: (alignment: IAlignPoint) => void;
-    getClassnames(): string;
-    getArrowsClassname(alignPoints: string): string;
-    getArrowDirection(alignPoints: string): string;
-    addOffsetToAlignPoints(alignPoints: IAlignPoint[]): IAlignPoint[];
-    render(): React_2.JSX.Element;
-}
+export declare const Bubble: React_2.NamedExoticComponent<IBubbleProps>;
 
 /**
  * @internal
@@ -380,32 +340,20 @@ export declare const ChartSortingWithIntl: React_2.FC<WithIntlProps<ChartSorting
 /**
  * @internal
  */
-export declare class Checkbox extends React_2.PureComponent<CheckboxProps> {
-    static defaultProps: {
-        disabled: boolean;
-        name: string;
-        text: string;
-        title: string;
-        value: boolean;
-        labelSize: string;
-        onChange: (...args: any[]) => void;
-    };
-    onChange: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
-    render(): React_2.JSX.Element;
-}
+export declare const Checkbox: React_2.NamedExoticComponent<CheckboxProps>;
 
 /**
  * @internal
  */
 export declare interface CheckboxProps {
     id?: string;
-    disabled: boolean;
-    name: string;
-    text: string;
-    title: string;
-    value: boolean;
-    labelSize: LabelSize;
-    onChange: (e: boolean) => void;
+    disabled?: boolean;
+    name?: string;
+    text?: string;
+    title?: string;
+    value?: boolean;
+    labelSize?: LabelSize;
+    onChange?: (e: boolean) => void;
 }
 
 /**
@@ -471,9 +419,7 @@ export declare function ComponentTable<TProps extends object>({ Component, colum
 /**
  * @internal
  */
-export declare class ConfirmDialog extends PureComponent<IConfirmDialogBaseProps> {
-    render(): ReactElement;
-}
+export declare const ConfirmDialog: React_2.NamedExoticComponent<IConfirmDialogBaseProps>;
 
 /**
  * @internal
@@ -537,6 +483,11 @@ export declare const DEFAULT_MOBILE_ITEM_HEIGHT = 40;
  */
 export declare const defaultColorPaletteMetadataObject: IColorPaletteDefinition;
 
+/**
+ * @internal
+ */
+export declare const defaultFocusCheckFn: (element: HTMLElement) => boolean;
+
 /**
  * Dummy theme metadata object which represents the default colors of GD.
  *
@@ -609,7 +560,7 @@ export declare const DefaultUiMenuStaticItem: React_2.MemoExoticComponent<(<T ex
 /**
  * @internal
  */
-export declare function DefaultUiTreeViewItemComponent<Level>({ item, type, level, isExpanded, isFocused, isSelected, isCompact, onToggle, onSelect, }: IUiTreeviewItemProps<Level>): React_2.ReactNode;
+export declare function DefaultUiTreeViewItemComponent<Level>({ item, type, level, isExpanded, isFocused, isSelected, isCompact, onToggle, onSelect, ariaAttributes, }: IUiTreeviewItemProps<Level>): React_2.ReactNode;
 
 /**
  * @internal
@@ -781,9 +732,7 @@ export declare enum ENUM_KEY_CODE {
 /**
  * @internal
  */
-export declare class ErrorOverlay extends React_2.PureComponent<IErrorOverlayProps> {
-    render(): React_2.JSX.Element;
-}
+export declare const ErrorOverlay: React_2.NamedExoticComponent<IErrorOverlayProps>;
 
 /**
  * @internal
@@ -841,7 +790,7 @@ export declare class FlexDimensions extends Component<IFlexDimensionsProps, IFle
  *
  * @internal
  */
-export declare const focusAndEnsureReachableElement: (initialElement: HTMLElement | undefined, focusableElements: HTMLElement[], direction: NavigationDirection) => void;
+export declare const focusAndEnsureReachableElement: (initialElement: HTMLElement | undefined, focusableElements: HTMLElement[], direction: NavigationDirection, focusCheckFn?: (element: HTMLElement) => boolean) => void;
 
 /**
  * @internal
@@ -963,7 +912,7 @@ export declare const getDefaultEmbedTypeOptions: (embedType: EmbedType) => Embed
  * @param element - the element to get the focusable elements from
  * @returns an object containing the focusable elements, the first focusable element, and the last focusable element
  */
-export declare const getFocusableElements: (element?: HTMLElement | null) => {
+export declare const getFocusableElements: (element?: HTMLElement | null, includeHidden?: boolean) => {
     focusableElements: HTMLElement[];
     firstElement: HTMLElement;
     lastElement: HTMLElement;
@@ -1231,7 +1180,8 @@ export declare interface IAccessibilityConfigBase {
     ariaDescribedBy?: React.AriaAttributes["aria-describedby"];
     role?: React.HTMLAttributes<HTMLElement>["role"];
     ariaExpanded?: React.AriaAttributes["aria-expanded"];
-    ariaControls?: string;
+    ariaControls?: React.AriaAttributes["aria-controls"];
+    ariaActiveDescendant?: React.AriaAttributes["aria-activedescendant"];
 }
 
 /**
@@ -1555,6 +1505,7 @@ export declare interface IButtonProps {
     intent?: "action" | "positive" | "negative";
     size?: "small" | "medium" | "large";
     accessibilityConfig?: IButtonAccessibilityConfig;
+    describedByFromValidation?: boolean;
 }
 
 /**
@@ -1696,7 +1647,7 @@ export declare const iconPaths: Record<IconType, React_2.ReactNode>;
 /**
  * @internal
  */
-export declare type IconType = "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "box";
+export declare type IconType = "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "box" | "ellipsisVertical";
 
 /**
  * @internal
@@ -1838,6 +1789,11 @@ export declare interface IDialogBaseProps {
     initialFocus?: React_2.RefObject<HTMLElement> | string;
     returnFocusTo?: React_2.RefObject<HTMLElement> | string;
     returnFocusAfterClose?: boolean;
+    /**
+     * customize if you know that dialog content has some custom focusIn logic which modifies focused element, eg. table which shifts its focus from table wrapper to first table cell
+     * default is check if active element is exactly focused element.
+     */
+    focusCheckFn?: (element: HTMLElement) => boolean;
 }
 
 /**
@@ -2013,7 +1969,7 @@ export declare interface IDropdownButtonRenderProps {
     /**
      * Props supporting accessibility that can be passed down to a <Button/>
      */
-    accessibilityConfig: Pick<IButtonAccessibilityConfig, "role" | "isExpanded" | "popupId" | "ariaLabel">;
+    accessibilityConfig: Pick<IButtonAccessibilityConfig, "role" | "isExpanded" | "popupId" | "ariaLabel" | "ariaDescribedBy">;
 }
 
 /**
@@ -3385,6 +3341,7 @@ export declare interface IMessageDefinition {
  * @internal
  */
 export declare interface IMessageProps {
+    id?: string;
     className?: string;
     onClose?(e: React.MouseEvent): void;
     type: MessageType;
@@ -3399,6 +3356,10 @@ export declare interface IMessageProps {
 export declare interface IMessagesProps {
     messages: Array<IMessage>;
     onMessageClose?(id: string): void;
+    /**
+     * Whether to mark the container as a region for accessibility purposes.
+     */
+    regionEnabled?: boolean;
 }
 
 /**
@@ -3571,27 +3532,27 @@ export declare class InputPure extends React_2.PureComponent<InputPureProps> imp
  * @internal
  */
 export declare interface InputPureProps extends IDomNativeProps {
-    className: string;
-    clearOnEsc: boolean;
-    disabled: boolean;
-    hasError: boolean;
-    hasWarning: boolean;
-    isSearch: boolean;
-    isSmall: boolean;
-    maxlength: number;
-    onChange: (value: string | number, e?: React_2.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    clearOnEsc?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    hasWarning?: boolean;
+    isSearch?: boolean;
+    isSmall?: boolean;
+    maxlength?: number;
+    onChange?: (value: string | number, e?: React_2.ChangeEvent<HTMLInputElement>) => void;
     onKeyDown?: (e: React_2.KeyboardEvent) => void;
-    onEscKeyPress: (e: React_2.KeyboardEvent) => void;
-    onEnterKeyPress: () => void;
-    onBlur: (e: React_2.FocusEvent<HTMLInputElement>) => void;
-    onFocus: (e: React_2.FocusEvent<HTMLInputElement>) => void;
-    placeholder: string;
-    prefix: string;
-    readonly: boolean;
-    suffix: string;
-    label: React_2.ReactNode;
-    labelPositionTop: boolean;
-    value: string | number;
+    onEscKeyPress?: (e: React_2.KeyboardEvent) => void;
+    onEnterKeyPress?: () => void;
+    onBlur?: (e: React_2.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React_2.FocusEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    prefix?: string;
+    readonly?: boolean;
+    suffix?: string;
+    label?: React_2.ReactNode;
+    labelPositionTop?: boolean;
+    value?: string | number;
     id?: string;
     name?: string;
     type?: string;
@@ -3987,6 +3948,7 @@ export declare interface IResponsiveTextProps {
         removeEventListener: Window["removeEventListener"];
     };
     children?: React_2.ReactNode;
+    minFontSize?: number;
 }
 
 /**
@@ -4131,7 +4093,7 @@ export declare const isDateDatasetHeader: (obj: unknown) => obj is IDateDatasetH
  * @param element - the element to test for focusability
  * @returns whether or not the supplied element is focusable
  */
-export declare const isElementFocusable: (element?: HTMLElement | null) => boolean;
+export declare const isElementFocusable: (element?: HTMLElement | null, includeHidden?: boolean) => boolean;
 
 /**
  * @internal
@@ -4460,6 +4422,11 @@ export declare interface ISnapPoints {
     child: SnapPoint;
 }
 
+/**
+ * @internal
+ */
+export declare const isNotDocumentFocused: () => boolean;
+
 /**
  * @internal
  */
@@ -4655,6 +4622,7 @@ export declare interface ITimepickerOwnProps {
     time: Date | null;
     className?: string;
     ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
     maxVisibleItemsCount?: number;
     onChange?: (selectedTime: Date) => void;
     overlayPositionType?: OverlayPositionType;
@@ -4727,6 +4695,7 @@ export declare type IUiFocusManagerProps = {
     enableFocusTrap?: boolean;
     enableReturnFocusOnUnmount?: boolean | IUiReturnFocusOnUnmountOptions;
     tabOutHandler?: (event: React_2.KeyboardEvent) => void;
+    focusCheckFn?: (element: HTMLElement) => boolean;
     children: React_2.ReactNode;
 };
 
@@ -5043,6 +5012,7 @@ export declare interface IUiTreeviewItemProps<T> {
     isSelected: boolean;
     isCompact: boolean;
     level: number;
+    ariaAttributes: UiTreeViewItemAriaAttributes;
     onSelect: (e: React_2.MouseEvent | React_2.KeyboardEvent) => void;
     onToggle: (e: React_2.MouseEvent | React_2.KeyboardEvent, state: boolean) => void;
     onHover: (e: React_2.MouseEvent) => void;
@@ -5060,6 +5030,7 @@ export declare interface IUiTreeViewProps<Levels extends any[], Level> {
     selectionMode?: "groups-and-leafs" | "groups-only" | "leafs-only";
     expandedMode?: "default-expanded" | "default-collapsed";
     expansionMode?: "multiple" | "single";
+    onFocus?: (nodeId: string) => void;
     onClose?: () => void;
     onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IUiTreeviewContext<Levels, Level>) => void;
     selectedItemId?: string;
@@ -5068,7 +5039,7 @@ export declare interface IUiTreeViewProps<Levels extends any[], Level> {
     shouldCloseOnSelect?: boolean;
     isDisabledFocusable?: boolean;
     isCompact?: boolean;
-    ariaAttributes: UiTreeviewAriaAttributes;
+    ariaAttributes: UiTreeViewAriaAttributes;
 }
 
 /**
@@ -5156,38 +5127,19 @@ export declare type LabelSize = "small" | "normal";
  * @internal
  * @deprecated This component is deprecated use InvertableList instead
  */
-export declare const LegacyInvertableList: <T>(props: ILegacyInvertableListProps<T>) => any;
+export declare function LegacyInvertableList<T>({ className, filteredItemsCount, getItemKey, height, isInverted, isLoading, isLoadingClass: IsLoadingClass, isMobile, itemHeight, items, itemsCount, limitHitWarningClass: LimitHitWarningClass, listItemClass, maxSelectionSize, noItemsFound, noItemsFoundClass: NoItemsFoundClass, onRangeChange, onSearch, onSelect, searchPlaceholder, searchString, selection, showSearchField, smallSearch, tagName, width, actionsAsCheckboxes, selectAllCheckbox, rowItem, isSearchFieldAutoFocused, }: ILegacyInvertableListProps<T>): React_2.JSX.Element;
 
 /**
  * @deprecated  This component is deprecated use List instead
  * @internal
  */
-export declare class LegacyList extends Component<ILegacyListProps, ILegacyListState> {
-    static defaultProps: Pick<ILegacyListProps, "className" | "onScroll" | "onScrollStart" | "onSelect" | "width" | "height" | "itemHeight" | "itemHeightGetter" | "compensateBorder" | "scrollToSelected">;
-    constructor(props: ILegacyListProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onSelect;
-    private onScroll;
-    private onScrollStart;
-    private onScrollEnd;
-    private getClassNames;
-    private disablePageScrolling;
-    private enablePageScrolling;
-    private renderCell;
-    render(): ReactElement;
-}
+export declare function LegacyList({ className, onScroll, onScrollStart, onSelect, width, height, itemHeight, itemHeightGetter, compensateBorder, scrollToSelected, dataSource, rowItem, }: ILegacyListProps): React_2.JSX.Element;
 
 /**
  * @internal
  * @deprecated This component is deprecated use ListItem instead
  */
-export declare class LegacyListItem<T> extends Component<ILegacyListItemProps<T>> {
-    static defaultProps: {
-        item: {};
-    };
-    render(): ReactElement;
-}
+export declare function LegacyListItem<T>({ item, listItemClass }: ILegacyListItemProps<T>): ReactElement;
 
 /**
  * @internal
@@ -5199,79 +5151,19 @@ export declare const LegacyMultiSelectList: <T>(props: ILegacyMultiSelectListPro
  * @internal
  * @deprecated This component is deprecated use MultiSelectListItem instead
  */
-export declare class LegacyMultiSelectListItem extends PureComponent<ILegacyMultiSelectListItemProps> {
-    static defaultProps: {
-        isLoading: boolean;
-        onMouseOver: (...args: any[]) => void;
-        onMouseOut: (...args: any[]) => void;
-        onOnly: (...args: any[]) => void;
-        onSelect: (...args: any[]) => void;
-        selected: boolean;
-        source: {};
-    };
-    constructor(props: ILegacyMultiSelectListItemProps);
-    protected getClassNames(): string;
-    protected handleSelect: () => void;
-    protected handleMouseOver: () => void;
-    protected handleMouseOut: () => void;
-    private handleOnly;
-    protected renderOnly(): ReactElement;
-    render(): ReactElement;
-}
+export declare const LegacyMultiSelectListItem: React_2.NamedExoticComponent<ILegacyMultiSelectListItemProps>;
 
 /**
  * @internal
  * @deprecated This component is deprecated use SingleSelectList instead
  */
-export declare class LegacySingleSelectList<T> extends Component<ILegacySingleSelectListProps<T>> {
-    static defaultProps: {
-        className: string;
-        getItemKey: typeof guidFor;
-        items: any[];
-        itemsCount: number;
-        listItemClass: typeof LegacySingleSelectListItem;
-        onItemMouseOut: (...args: any[]) => void;
-        onItemMouseOver: (...args: any[]) => void;
-        onItemMouseEnter: (...args: any[]) => void;
-        onItemMouseLeave: (...args: any[]) => void;
-        onRangeChange: (...args: any[]) => void;
-        onScrollStart: (...args: any[]) => void;
-        onSelect: (...args: any[]) => void;
-        rowItem: React_2.ReactElement;
-        scrollToSelected: boolean;
-        selection: {};
-    };
-    private getSelectableItems;
-    private getClassNames;
-    private getRowItem;
-    private getDataSource;
-    render(): ReactElement;
-}
+export declare function LegacySingleSelectList<T>(props: ILegacySingleSelectListProps<T>): ReactElement;
 
 /**
  * @internal
  * @deprecated This component is deprecated use SingleSelectListItem instead
  */
-export declare class LegacySingleSelectListItem extends Component<ILegacySingleSelectListItemProps, ILegacySingleSelectListItemState> {
-    static defaultProps: {
-        onMouseOver: (...args: any[]) => void;
-        onMouseOut: (...args: any[]) => void;
-    };
-    readonly state: {
-        isOverflowed: boolean;
-    };
-    node: HTMLSpanElement;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    private getClassNames;
-    private checkOverflow;
-    private handleSelect;
-    private handleMouseOver;
-    private handleMouseOut;
-    private renderTitle;
-    private renderIcon;
-    render(): ReactElement;
-}
+export declare function LegacySingleSelectListItem({ source, selected, onSelect, onMouseOver, onMouseOut, }: ILegacySingleSelectListItemProps): ReactElement;
 
 /**
  * @internal
@@ -5438,11 +5330,7 @@ export declare const MultiSelectList: React_2.FC<WithIntlProps<IMultiSelectListP
 /**
  * @internal
  */
-export declare class MultiSelectListItem extends PureComponent<IMultiSelectListItemProps> {
-    render(): ReactElement;
-    private getClassNames;
-    private renderOnly;
-}
+export declare const MultiSelectListItem: React_2.NamedExoticComponent<IMultiSelectListItemProps>;
 
 /**
  * @internal
@@ -5953,13 +5841,7 @@ export declare function sortDateDatasets<T extends IDateDataset>(dateDatasets: T
 /**
  * @internal
  */
-export declare class Spinner extends PureComponent<ISpinnerProps> {
-    static defaultProps: {
-        className: string;
-    };
-    generateSpinnerTicks(): ReactNode[];
-    render(): ReactNode;
-}
+export declare const Spinner: React_2.NamedExoticComponent<ISpinnerProps>;
 
 /**
  * @internal
@@ -6011,79 +5893,22 @@ export declare const SyntaxHighlightingInput: React_2.FC<ISyntaxHighlightingInpu
 /**
  * @internal
  */
-export declare class Tabs extends Component<ITabsProps, ITabsState> {
-    static defaultProps: {
-        className: string;
-        onTabSelect: (...args: any[]) => void;
-        selectedTabId: string;
-        tabs: ITab[];
-    };
-    constructor(props: ITabsProps);
-    private selectTab;
-    private renderTab;
-    private renderTabs;
-    render(): ReactElement;
-}
+export declare function Tabs(props: ITabsProps): ReactElement;
 
 /**
  * @internal
  */
-export declare class TextAreaWithSubmit extends Component<ITextAreaWithSubmitProps, ITextAreaWithSubmitState> {
-    static defaultProps: {
-        className: string;
-        maxLength: number;
-        rows: number;
-        onCancel: {
-            <T>(value: T): T;
-            (): undefined;
-        };
-        onEditingStart: {
-            <T>(value: T): T;
-            (): undefined;
-        };
-        onChange: {
-            <T>(value: T): T;
-            (): undefined;
-        };
-        placeholder: string;
-        scrollToEndOnEditingStart: boolean;
-        autofocus: boolean;
-        disabled: boolean;
-    };
-    private readonly root;
-    private readonly textarea;
-    private focusTimeout;
-    constructor(props: ITextAreaWithSubmitProps);
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(newProps: ITextAreaWithSubmitProps): void;
-    componentWillUnmount(): void;
-    onDocumentClick: (e: MouseEvent) => void;
-    onSelectStart(e: React_2.MouseEvent): void;
-    onKeyDown: (e: React_2.KeyboardEvent<HTMLTextAreaElement>) => void;
-    onSubmit: () => void;
-    onCancel: () => void;
-    onChange: (e: React_2.ChangeEvent<HTMLTextAreaElement>) => void;
-    edit: (_e?: React_2.MouseEvent<HTMLDivElement>) => void;
-    isClickOutsideTextarea(clickedTarget: EventTarget): boolean;
-    isMultiLine(): boolean;
-    removeListeners(): void;
-    selectAndFocus: () => void;
-    renderTextarea(style?: {}): ReactNode;
-    renderTextAreaWithSubmitEdit(): ReactNode;
-    render(): ReactNode;
-}
+export declare function TextAreaWithSubmit({ className, maxLength, rows, onCancel, onEditingStart, onChange, placeholder, scrollToEndOnEditingStart, autofocus, disabled, defaultValue, onSubmit: onSubmitProp, }: ITextAreaWithSubmitProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare type ThemeColor = "primary" | "warning" | "error" | "complementary-0" | "complementary-1" | "complementary-2" | "complementary-3" | "complementary-4" | "complementary-5" | "complementary-6" | "complementary-7" | "complementary-8" | "complementary-9";
+export declare type ThemeColor = "primary" | "success" | "warning" | "error" | "complementary-0" | "complementary-1" | "complementary-2" | "complementary-3" | "complementary-4" | "complementary-5" | "complementary-6" | "complementary-7" | "complementary-8" | "complementary-9";
 
 /**
  * @internal
  */
-export declare class Timepicker extends React_2.PureComponent<ITimepickerOwnProps> {
-    render(): React_2.JSX.Element;
-}
+export declare const Timepicker: React_2.NamedExoticComponent<ITimepickerOwnProps>;
 
 /**
  * @internal
@@ -6220,6 +6045,7 @@ export declare interface UiAsyncTableFilter {
 export declare interface UiAsyncTableFilterOption {
     value: string;
     label?: string;
+    secondaryLabel?: string;
 }
 
 /**
@@ -6232,6 +6058,7 @@ export declare interface UiAsyncTableProps<T extends {
     totalItemsCount?: number;
     columns: Array<UiAsyncTableColumn<T>>;
     onItemClick?: (item: T) => void;
+    scrollToIndex?: number;
     width?: number;
     maxHeight?: number;
     smallHeader?: boolean;
@@ -6382,6 +6209,7 @@ export declare const UiFocusManager: React_2.FC<IUiFocusManagerProps>;
  */
 export declare const UiFocusTrap: React_3.FC<{
     children: React_3.ReactNode;
+    focusCheckFn?: (element: HTMLElement) => boolean;
 }>;
 
 /**
@@ -6415,6 +6243,7 @@ export declare interface UiIconButtonPublicProps {
     dataTestId?: string;
     ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
     accessibilityConfig?: IDropdownButtonRenderProps["accessibilityConfig"];
+    tabIndex?: number;
 }
 
 /**
@@ -6721,6 +6550,8 @@ export declare const UiTooltip: React_2.FC<UiTooltipProps>;
  * @internal
  */
 export declare interface UiTooltipProps {
+    /** Tooltip content id */
+    id?: string;
     /** Position of the tooltip arrow relative to the tooltip, controls also the position of the tooltip */
     arrowPlacement?: TooltipArrowPlacement;
     /** Anchor element to be used as reference for the tooltip */
@@ -6762,7 +6593,10 @@ export declare type UiTreeViewAddLevel<N extends number> = [...Array<N>, unknown
 /**
  * @internal
  */
-export declare type UiTreeviewAriaAttributes = Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
+export declare type UiTreeViewAriaAttributes = Pick<React_2.AriaAttributes, "aria-label" | "aria-labelledby"> & {
+    id: string;
+    tabIndex?: number;
+};
 
 /**
  * @internal
@@ -6781,6 +6615,14 @@ export declare function UiTreeViewEventsProvider({ children }: React_2.PropsWith
  */
 export declare type UiTreeViewEventType = keyof UiTreeViewEvents;
 
+/**
+ * @internal
+ */
+export declare type UiTreeViewItemAriaAttributes = Pick<React_2.AriaAttributes, "aria-level" | "aria-expanded" | "aria-selected" | "aria-disabled"> & {
+    id: string;
+    role: "treeitem";
+};
+
 /**
  * @internal
  */
@@ -6963,12 +6805,12 @@ export declare const useUiAutofocusConnectors: <T extends HTMLElement = HTMLElem
 /**
  * @internal
  */
-export declare const useUiFocusManagerConnectors: <T extends HTMLElement = HTMLElement>({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }: Omit<IUiFocusManagerProps, "children">) => IUiFocusHelperConnectors<T>;
+export declare const useUiFocusManagerConnectors: <T extends HTMLElement = HTMLElement>({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, focusCheckFn, }: Omit<IUiFocusManagerProps, "children">) => IUiFocusHelperConnectors<T>;
 
 /**
  * @internal
  */
-export declare const useUiFocusTrapConnectors: <T extends HTMLElement = HTMLElement>() => IUiFocusHelperConnectors<T>;
+export declare const useUiFocusTrapConnectors: <T extends HTMLElement = HTMLElement>(focusCheckFn: (element: HTMLElement) => boolean) => IUiFocusHelperConnectors<T>;
 
 /**
  * @internal

package/esm/typings/accessibility.d.ts

@@ -7,7 +7,8 @@ export interface IAccessibilityConfigBase {
     ariaDescribedBy?: React.AriaAttributes["aria-describedby"];
     role?: React.HTMLAttributes<HTMLElement>["role"];
     ariaExpanded?: React.AriaAttributes["aria-expanded"];
-    ariaControls?: string;
+    ariaControls?: React.AriaAttributes["aria-controls"];
+    ariaActiveDescendant?: React.AriaAttributes["aria-activedescendant"];
 }
 /**
  * @internal

package/esm/typings/accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/typings/accessibility.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAErD,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CACrF;AAED;;GAEG;AACH,MAAM,WAAW,iCAAkC,SAAQ,wBAAwB;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/typings/accessibility.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACrD,oBAAoB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;CACxE;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAErD,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CACrF;AAED;;GAEG;AACH,MAAM,WAAW,iCAAkC,SAAQ,wBAAwB;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}