@devtron-labs/devtron-fe-common-lib 4.0.7-beta-2 → 4.0.7-beta-11

package/dist/Shared/Components/SelectPicker/FilterSelectPicker.d.ts

@@ -1,3 +1,3 @@
 import { FilterSelectPickerProps } from './type';
-declare const FilterSelectPickerWrapper: (props: FilterSelectPickerProps) => JSX.Element;
+declare const FilterSelectPickerWrapper: (props: FilterSelectPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterSelectPickerWrapper;

package/dist/Shared/Components/SelectPicker/GroupedFilterSelectPicker.d.ts

@@ -1,2 +1,2 @@
 import { GroupedFilterSelectPickerProps } from './type';
-export declare const GroupedFilterSelectPicker: <T extends string | number>({ id, filterSelectPickerPropsMap, isFilterApplied, ...restProps }: GroupedFilterSelectPickerProps<T>) => JSX.Element;
+export declare const GroupedFilterSelectPicker: <T extends string | number>({ id, filterSelectPickerPropsMap, isFilterApplied, ...restProps }: GroupedFilterSelectPickerProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/SelectPicker/SelectPicker.component.d.ts

@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, isUserIdentifier, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => import("react/jsx-runtime").JSX.Element;
 export default SelectPicker;

package/dist/Shared/Components/SelectPicker/SelectPickerTextArea.component.d.ts

@@ -1,2 +1,2 @@
 import { SelectPickerTextAreaProps } from './type';
-export declare const SelectPickerTextArea: ({ value, options, isCreatable, onChange, minHeight, maxHeight, refVar, dependentRefs, ...props }: SelectPickerTextAreaProps) => JSX.Element;
+export declare const SelectPickerTextArea: ({ value, options, isCreatable, onChange, minHeight, maxHeight, refVar, dependentRefs, filterOption: filterOptionProp, ...props }: SelectPickerTextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -2,15 +2,15 @@ import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps,
 import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
-export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerControl: <OptionValue>(props: ControlProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
-export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
-export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
-export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
-export declare const SelectPickerMultiValue: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
-export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
-export declare const renderLoadingMessage: () => JSX.Element;
-export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;
+export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerControl: <OptionValue>(props: ControlProps<SelectPickerOptionType<OptionValue>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, isUserIdentifier, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis" | "isUserIdentifier">) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerMultiValue: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const renderLoadingMessage: () => import("react/jsx-runtime").JSX.Element;
+export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/SelectPicker/index.d.ts

@@ -4,4 +4,4 @@ export * from './GroupedFilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';
 export * from './type';
-export { getSelectPickerOptionByValue } from './utils';
+export { getSelectPickerOptionByValue, getSelectPickerOptionsByValue } from './utils';

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -9,6 +9,7 @@ import { ComponentSizeType } from '../../constants';
 import { ActionMenuProps } from '../ActionMenu';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
 import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
+import { UsePopoverProps, UsePopoverReturnType } from '../Popover';
 export interface SelectPickerOptionType<OptionValue = string | number, OptionLabel = ReactNode> extends OptionType<OptionValue, OptionLabel> {
     /**
      * Description to be displayed for the option
@@ -206,6 +207,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
     shouldHideMenu?: boolean;
 } & (IsMulti extends true ? {
     isMulti: IsMulti | boolean;
+    isUserIdentifier?: boolean;
     multiSelectProps?: Partial<Pick<SelectProps<OptionValue, IsMulti>, 'customDisplayText'>> & {
         /**
          * If true, the group heading can be selected
@@ -223,17 +225,34 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
 } : {
     isMulti?: never;
     multiSelectProps?: never;
+    isUserIdentifier?: never;
 });
 export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
     isGroupHeadingSelectable: boolean;
 };
-export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled' | 'onMenuClose' | 'menuIsOpen' | 'onKeyDown'> {
+export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled' | 'onMenuClose' | 'menuIsOpen' | 'onKeyDown' | 'isUserIdentifier'> {
     appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }
 export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
+export type FilterSelectPickerMapSelectPickerVariant = {
+    variant?: 'selectPicker';
+} & Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown' | 'selectRef'>;
+type FilterSelectPickerMapPopOverVariant = {
+    variant: 'popover';
+    /**
+     * Component rendered inside the Popover.
+     * Receives `closePopover` as a prop to allow programmatic closing.
+     */
+    component: (closePopover: () => void, scrollableRef: UsePopoverReturnType['scrollableRef']) => ReactElement;
+    /**
+     * Optional positioning config forwarded to usePopover
+     */
+    popoverConfig?: Pick<UsePopoverProps, 'position' | 'alignment' | 'width'>;
+};
+export type GroupedFilterSelectPickerMapValue = FilterSelectPickerMapSelectPickerVariant | FilterSelectPickerMapPopOverVariant;
 export interface GroupedFilterSelectPickerProps<T extends string | number = string | number> extends Omit<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis' | 'children' | 'buttonProps' | 'isSearchable'> {
     isFilterApplied?: boolean;
-    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown' | 'selectRef'>>;
+    filterSelectPickerPropsMap: Record<T, GroupedFilterSelectPickerMapValue>;
 }
 export {};

package/dist/Shared/Components/SelectPicker/utils.d.ts

@@ -13,3 +13,4 @@ export declare const getGroupCheckboxValue: <OptionValue>(groupHeadingOptions: r
  * @returns The matched option or the default option if no match is found.
  */
 export declare const getSelectPickerOptionByValue: <OptionValue>(optionsList: OptionsOrGroups<SelectPickerOptionType<OptionValue>, GroupBase<SelectPickerOptionType<OptionValue>>>, value: OptionValue, defaultOption?: SelectPickerOptionType<OptionValue>, getOptionValue?: SelectPickerProps<OptionValue>["getOptionValue"]) => SelectPickerOptionType<OptionValue>;
+export declare const getSelectPickerOptionsByValue: <OptionValue>(optionsList: OptionsOrGroups<SelectPickerOptionType<OptionValue>, GroupBase<SelectPickerOptionType<OptionValue>>>, values: OptionValue[]) => SelectPickerOptionType<OptionValue>[];

package/dist/Shared/Components/ShowMoreText/ShowMoreText.d.ts

@@ -4,5 +4,5 @@ interface ShowMoreTextProps {
     containerClass?: string;
     hideShowMore?: boolean;
 }
-declare const ShowMoreText: ({ text, textClass, containerClass, hideShowMore }: ShowMoreTextProps) => JSX.Element;
+declare const ShowMoreText: ({ text, textClass, containerClass, hideShowMore }: ShowMoreTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ShowMoreText;

package/dist/Shared/Components/SideNavigation/SideNavigation.d.ts

@@ -0,0 +1,2 @@
+import { SideNavigationProps } from './types';
+export declare const SideNavigation: ({ list }: SideNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/SideNavigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SideNavigation';
+export type { SideNavigationProps } from './types';

package/dist/Shared/Components/SideNavigation/types.d.ts

@@ -0,0 +1,19 @@
+import { TooltipProps } from '../../../Common/Tooltip';
+export type SideNavigationItemBase = {
+    id: string;
+    title: string;
+    dataTestId: string;
+};
+export type SideNavigationItemLink = SideNavigationItemBase & {
+    href: string;
+    items?: never;
+    tooltipProps?: TooltipProps;
+};
+export type SideNavigationItemGroup = SideNavigationItemBase & {
+    items: Omit<SideNavigationItemLink, 'items'>[];
+    href?: never;
+    tooltipProps?: never;
+};
+export interface SideNavigationProps {
+    list: (SideNavigationItemLink | SideNavigationItemGroup)[];
+}

package/dist/Shared/Components/StatusComponent/AppStatus.d.ts

@@ -1,2 +1,2 @@
 import { AppStatusProps } from './types';
-export declare const AppStatus: ({ status, isJobView, isVirtualEnv, hideMessage, ...restProps }: AppStatusProps) => JSX.Element;
+export declare const AppStatus: ({ status, isJobView, isVirtualEnv, hideMessage, ...restProps }: AppStatusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/StatusComponent/DeploymentStatus.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentStatusProps } from './types';
-export declare const DeploymentStatus: ({ status, ...restProps }: DeploymentStatusProps) => JSX.Element;
+export declare const DeploymentStatus: ({ status, ...restProps }: DeploymentStatusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/StatusComponent/StatusComponent.d.ts

@@ -1,2 +1,2 @@
 import { StatusComponentProps } from './types';
-export declare const StatusComponent: ({ status, hideIcon, hideMessage, iconSize, showAnimatedIcon, hideIconTooltip, message, }: StatusComponentProps) => JSX.Element;
+export declare const StatusComponent: ({ status, hideIcon, hideMessage, iconSize, showAnimatedIcon, hideIconTooltip, message, }: StatusComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/Switch/Switch.component.d.ts

@@ -1,3 +1,3 @@
 import { DTSwitchProps } from './types';
-declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, dataTestId, onChange, autoFocus, }: DTSwitchProps) => JSX.Element;
+declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, dataTestId, onChange, autoFocus, }: DTSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default Switch;

package/dist/Shared/Components/SwitchThemeDialog/SwitchThemeDialog.component.d.ts

@@ -1,3 +1,3 @@
 import { SwitchThemeDialogProps } from './types';
-declare const SwitchThemeDialog: ({ initialThemePreference, handleClose, handleUpdateUserThemePreference, disableAPICalls, }: SwitchThemeDialogProps) => JSX.Element;
+declare const SwitchThemeDialog: ({ initialThemePreference, handleClose, handleUpdateUserThemePreference, disableAPICalls, }: SwitchThemeDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default SwitchThemeDialog;

package/dist/Shared/Components/TabGroup/TabGroup.component.d.ts

@@ -1,2 +1,2 @@
 import { TabGroupProps } from './TabGroup.types';
-export declare const TabGroup: ({ tabs, size, rightComponent, hideTopPadding, }: TabGroupProps) => JSX.Element;
+export declare const TabGroup: ({ tabs, size, rightComponent, hideTopPadding, }: TabGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,7 +1,7 @@
 import { TabGroupProps, TabProps } from './TabGroup.types';
 export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, iconElement, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active" | "iconElement"> & Pick<TabGroupProps, "size"> & {
     className: string;
-}) => JSX.Element;
-export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;
-export declare const getTabIndicator: (showIndicator: TabProps["showIndicator"]) => JSX.Element;
-export declare const getTabDescription: (description: TabProps["description"]) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const getTabBadge: (badge: TabProps["badge"], className: string) => import("react/jsx-runtime").JSX.Element;
+export declare const getTabIndicator: (showIndicator: TabProps["showIndicator"]) => import("react/jsx-runtime").JSX.Element;
+export declare const getTabDescription: (description: TabProps["description"]) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/TabGroup/TabGroup.types.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';

package/dist/Shared/Components/Table/BulkSelectionActionWidget.d.ts

@@ -1,3 +1,3 @@
 import { BulkSelectionActionWidgetProps } from './types';
-declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, bulkActionsData, setBulkActionState, }: BulkSelectionActionWidgetProps) => JSX.Element;
+declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, bulkActionsData, setBulkActionState, }: BulkSelectionActionWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export default BulkSelectionActionWidget;

package/dist/Shared/Components/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, clearFilters: userGivenUrlClearFilters, rowStartIconConfig, onRowClick, areFiltersApplied: userProvidedAreFiltersApplied, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => import("react/jsx-runtime").JSX.Element;
 export default InternalTable;

package/dist/Shared/Components/Table/Table.component.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, TableProps } from './types';
-declare const TableWrapper: <RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}>(tableProps: TableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const TableWrapper: <RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}>(tableProps: TableProps<RowData, FilterVariant, AdditionalProps>) => import("react/jsx-runtime").JSX.Element;
 export default TableWrapper;

package/dist/Shared/Components/Table/TableContent.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, TableContentProps } from './types';
-declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, rowActionOnHoverConfig, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, rowStartIconConfig, onRowClick, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => import("react/jsx-runtime").JSX.Element;
 export default TableContent;

package/dist/Shared/Components/Table/constants.d.ts

@@ -6,3 +6,4 @@ export declare const EVENT_TARGET: EventTarget;
 export declare const DRAG_SELECTOR_IDENTIFIER = "table-drag-selector";
 export declare const SHIMMER_DUMMY_ARRAY: number[];
 export declare const NO_ROWS_OR_GET_ROWS_ERROR: Error;
+export declare const ACTION_GUTTER_SIZE = 24;

package/dist/Shared/Components/Table/types.d.ts

@@ -4,10 +4,13 @@ import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, Us
 import { GenericEmptyStateType } from '../../../Common/index';
 import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
+import { IconsProps } from '../Icon';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
 export interface UseFiltersReturnType extends UseStateFiltersReturnType<string> {
 }
 export declare enum SignalEnum {
+    COLLAPSE_ROW = "collapse-row",
+    EXPAND_ROW = "expand-row",
     ENTER_PRESSED = "enter-pressed",
     DELETE_PRESSED = "delete-pressed",
     ESCAPE_PRESSED = "escape-pressed",
@@ -42,11 +45,18 @@ type BaseColumnType = {
      */
     size: SizeType;
     horizontallySticky?: boolean;
-};
-export type RowType<Data extends unknown> = {
+} & Pick<SortableTableHeaderCellProps, 'infoTooltipText'>;
+type CommonRowType<Data extends unknown> = {
     id: string;
     data: Data;
 };
+export type ExpandedRowPrefixType = 'expanded-row-';
+export type ExpandedRowType<Data extends unknown> = CommonRowType<Data> & {
+    id: `${ExpandedRowPrefixType}${string}`;
+};
+export type RowType<Data extends unknown> = CommonRowType<Data> & {
+    expandableRows?: Array<ExpandedRowType<Data>>;
+};
 export type RowsType<Data extends unknown> = RowType<Data>[];
 export declare enum FiltersTypeEnum {
     STATE = "state",
@@ -59,6 +69,9 @@ export type CellComponentProps<RowData extends unknown = unknown, FilterVariant
     row: RowType<RowData>;
     filterData: FilterVariant extends FiltersTypeEnum.NONE ? null : FilterVariant extends FiltersTypeEnum.STATE ? UseFiltersReturnType : UseUrlFiltersReturnType<string>;
     isRowActive: boolean;
+    isExpandedRow: boolean;
+    isRowInExpandState: boolean;
+    expandRowCallback: (e: MouseEvent<HTMLButtonElement>) => void;
 };
 export type RowActionsOnHoverComponentProps<RowData extends unknown = unknown, AdditionalProps extends Record<string, any> = {}> = {
     row: RowType<RowData>;
@@ -91,6 +104,7 @@ export interface BulkOperationModalProps<T extends string = string, RowData exte
 type BulkSelectionConfigType = Pick<UseBulkSelectionProps<unknown>, 'getSelectAllDialogStatus'> & {
     BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
     BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
+    disableSelectAllAcrossEvenIfPaginated?: boolean;
 } & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
 export declare enum PaginationEnum {
     PAGINATED = "paginated",
@@ -105,12 +119,12 @@ export interface ConfigurableColumnsType<RowData extends unknown, FilterVariant
 interface GetRowsProps extends Pick<UseFiltersReturnType, 'offset' | 'pageSize' | 'searchKey' | 'sortBy' | 'sortOrder'> {
 }
 type AdditionalFilterPropsType<T extends FiltersTypeEnum> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey' | 'defaultPageSize'> : T extends FiltersTypeEnum.STATE ? Pick<UseStateFiltersProps<string>, 'initialSortKey' | 'defaultPageSize'> : never;
-export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
+export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters' | 'areFiltersApplied'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
     areRowsLoading: boolean;
     filteredRows: RowsType<RowData> | null;
     rows: RowsType<RowData> | null;
 } & (FilterVariant extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
-type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown> = {
+type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown, AdditionalProps extends Record<string, any>> = {
     filtersVariant: FilterVariant;
     /**
      * Props for useUrlFilters/useStateFilters hooks
@@ -122,8 +136,9 @@ type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown
      *
      * If filter is only being used for sorting, then send `noop` in this prop
      */
-    filter: FilterVariant extends FiltersTypeEnum.NONE ? null : (row: RowType<RowData>, filterData: UseFiltersReturnType) => boolean;
+    filter: FilterVariant extends FiltersTypeEnum.NONE ? null : (row: RowType<RowData>, filterData: UseFiltersReturnType, additionalProps: AdditionalProps) => boolean;
     clearFilters?: FilterVariant extends FiltersTypeEnum.URL ? () => void : FilterVariant extends FiltersTypeEnum.STATE ? never : never;
+    areFiltersApplied?: FilterVariant extends FiltersTypeEnum.NONE ? never : boolean;
 };
 export type InternalTableProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Required<Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, 'visibleColumns' | 'setVisibleColumns'>> & {
     id: `table__${string}`;
@@ -139,7 +154,7 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
     bulkSelectionConfig?: BulkSelectionConfigType;
     emptyStateConfig: {
         noRowsConfig: Omit<GenericEmptyStateType, 'children'>;
-        noRowsForFilterConfig?: Pick<GenericFilterEmptyStateProps, 'title' | 'subTitle'> & {
+        noRowsForFilterConfig?: Pick<GenericFilterEmptyStateProps, 'title' | 'subTitle' | 'handleClearFilters'> & {
             clearFilters?: () => void;
         };
     };
@@ -160,11 +175,20 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
     /**
      * Use this component to display additional content at the end of a row when it is hovered over.
      */
-    RowActionsOnHoverComponent?: FunctionComponent<RowActionsOnHoverComponentProps<RowData, AdditionalProps>>;
+    rowActionOnHoverConfig?: {
+        Component: FunctionComponent<RowActionsOnHoverComponentProps<RowData, AdditionalProps>>;
+        width: string | number;
+    };
     bulkSelectionReturnValue: BulkSelectionReturnValueType | null;
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType<RowData>) => void;
     ViewWrapper?: FunctionComponent<ViewWrapperProps<RowData, FilterVariant, AdditionalProps>>;
+    /**
+     * An icon as the first element of the row, that hides actions like expand or bulk select icons
+     * until user hovers over the row or the row has focus from keyboard navigation
+     */
+    rowStartIconConfig?: Omit<IconsProps, 'dataTestId'>;
+    onRowClick?: (row: RowType<RowData>, isExpandedRow: boolean) => void;
 } & ({
     /**
      * Direct rows data for frontend-only datasets like resource browser.
@@ -177,19 +201,22 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
 } | {
     rows?: never;
     /** NOTE: Sorting on frontend is only handled if rows is provided instead of getRows */
-    getRows: (props: GetRowsProps) => Promise<RowsType<RowData>>;
+    getRows: (props: GetRowsProps, signal: AbortSignal) => Promise<{
+        rows: RowsType<RowData>;
+        totalRows: number;
+    }>;
 }) & ({
     paginationVariant: PaginationEnum.PAGINATED;
     pageSizeOptions?: PageSizeOption[];
 } | {
     paginationVariant: Omit<PaginationEnum, 'PAGINATED'>;
     pageSizeOptions?: never;
-}) & FilterConfig<FilterVariant, RowData>;
+}) & FilterConfig<FilterVariant, RowData, AdditionalProps>;
 export type UseResizableTableConfigWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'resizableConfig'>;
 export type TableWithBulkSelectionProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<UseResizableTableConfigWrapperProps<RowData, FilterVariant, AdditionalProps>, 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow'>;
 export type VisibleColumnsWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<TableWithBulkSelectionProps<RowData, FilterVariant, AdditionalProps>, 'visibleColumns' | 'setVisibleColumns'>;
 export type FilterWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<VisibleColumnsWrapperProps<RowData, FilterVariant, AdditionalProps>, 'filterData'>;
-export type TableProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = Pick<FilterWrapperProps<RowData, FilterVariant, AdditionalProps>, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
+export type TableProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = Pick<FilterWrapperProps<RowData, FilterVariant, AdditionalProps>, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'rowActionOnHoverConfig' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters' | 'rowStartIconConfig' | 'onRowClick' | 'areFiltersApplied'>;
 export type BulkActionStateType = string | null;
 export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
     count: number;
@@ -200,11 +227,14 @@ export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfig
 }
 export type ConfigurableColumnsConfigType<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Record<string, ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>['visibleColumns']>;
 export interface GetFilteringPromiseProps<RowData extends unknown> {
-    searchSortTimeoutRef: React.MutableRefObject<number>;
+    searchSortTimeoutRef: React.MutableRefObject<ReturnType<typeof setTimeout> | number>;
     callback: () => Promise<RowsType<RowData>> | RowsType<RowData>;
 }
-export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions'> {
+export interface RowsResultType<RowData extends unknown> {
     filteredRows: RowsType<RowData>;
+    totalRows: number;
+}
+export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'rowActionOnHoverConfig' | 'pageSizeOptions' | 'getRows' | 'rowStartIconConfig' | 'onRowClick'>, RowsResultType<RowData> {
     areFilteredRowsLoading: boolean;
 }
 export {};

package/dist/Shared/Components/Table/utils.d.ts

@@ -1,5 +1,5 @@
 import { Column, ConfigurableColumnsType, FiltersTypeEnum, GetFilteringPromiseProps, RowsType, TableProps, UseFiltersReturnType } from './types';
-export declare const searchAndSortRows: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>(rows: TableProps<RowData, FilterVariant, AdditionalProps>["rows"], filter: TableProps<RowData, FilterVariant, AdditionalProps>["filter"], filterData: UseFiltersReturnType, comparator?: Column<RowData, FilterVariant, AdditionalProps>["comparator"]) => RowsType<RowData>;
+export declare const searchAndSortRows: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>(rows: TableProps<RowData, FilterVariant, AdditionalProps>["rows"], filter: TableProps<RowData, FilterVariant, AdditionalProps>["filter"], filterData: UseFiltersReturnType, additionalProps: AdditionalProps, comparator?: Column<RowData, FilterVariant, AdditionalProps>["comparator"]) => Awaited<ReturnType<TableProps<RowData>["getRows"]>>;
 export declare const getVisibleColumnsFromLocalStorage: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ allColumns, id, }: Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, "allColumns"> & Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "id">) => Column<RowData, FilterVariant, AdditionalProps>[];
 export declare const setVisibleColumnsToLocalStorage: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ id, visibleColumns, }: Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, "visibleColumns"> & Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "id">) => void;
 export declare const getVisibleColumns: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ areColumnsConfigurable, columns, id, }: Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "areColumnsConfigurable" | "columns" | "id">) => Column<RowData, FilterVariant, AdditionalProps>[];

package/dist/Shared/Components/TagsKeyValueTable/TagsContainer.d.ts

@@ -1,3 +1,3 @@
 import { TagsContainerProps } from './types';
-declare const TagsContainer: ({ isCreateApp, hidePropagateTags, ...props }: TagsContainerProps) => JSX.Element;
+declare const TagsContainer: ({ isCreateApp, hidePropagateTags, ...props }: TagsContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default TagsContainer;

package/dist/Shared/Components/TargetPlatforms/TargetPlatformBadgeList.d.ts

@@ -1,3 +1,3 @@
 import { TargetPlatformBadgeListProps } from './types';
-declare const TargetPlatformBadgeList: ({ targetPlatforms }: TargetPlatformBadgeListProps) => JSX.Element;
+declare const TargetPlatformBadgeList: ({ targetPlatforms }: TargetPlatformBadgeListProps) => import("react/jsx-runtime").JSX.Element;
 export default TargetPlatformBadgeList;

package/dist/Shared/Components/TargetPlatforms/TargetPlatformListTooltip.d.ts

@@ -1,3 +1,3 @@
 import { TargetPlatformListTooltipProps } from './types';
-declare const TargetPlatformListTooltip: ({ targetPlatforms, children, appendTo }: TargetPlatformListTooltipProps) => JSX.Element;
+declare const TargetPlatformListTooltip: ({ targetPlatforms, children, appendTo }: TargetPlatformListTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default TargetPlatformListTooltip;

package/dist/Shared/Components/TempAppWindow/TempAppWindow.d.ts

@@ -1 +1 @@
-export declare const TempAppWindow: () => JSX.Element;
+export declare const TempAppWindow: () => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/Textarea/Textarea.component.d.ts

@@ -1,3 +1,3 @@
 import { TextareaProps } from './types';
-declare const Textarea: ({ name, label, textareaRef: textareaRefProp, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, hideFormFieldInfo, value, borderConfig, disableResize, newlineOnShiftEnter, ...props }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ name, label, textareaRef: textareaRefProp, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, hideFormFieldInfo, value, borderConfig, disableResize, newlineOnShiftEnter, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

package/dist/Shared/Components/ThemeSwitcher/ThemeSwitcher.component.d.ts

@@ -1,3 +1,3 @@
 import { ThemeSwitcherProps } from './types';
-declare const ThemeSwitcher: ({ onClick }: ThemeSwitcherProps) => JSX.Element;
+declare const ThemeSwitcher: ({ onClick }: ThemeSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeSwitcher;

package/dist/Shared/Components/ToggleResolveScopedVariables/ToggleResolveScopedVariables.component.d.ts

@@ -1,3 +1,3 @@
 import { ToggleResolveScopedVariablesProps } from './types';
-declare const ToggleResolveScopedVariables: ({ name, resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, }: ToggleResolveScopedVariablesProps) => JSX.Element;
+declare const ToggleResolveScopedVariables: ({ name, resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, }: ToggleResolveScopedVariablesProps) => import("react/jsx-runtime").JSX.Element;
 export default ToggleResolveScopedVariables;

package/dist/Shared/Components/TrailingItem/TrailingItem.component.d.ts

@@ -1,3 +1,3 @@
 import { TrailingItemProps } from './types';
-declare const TrailingItem: ({ type, config, variant }: TrailingItemProps) => JSX.Element;
+declare const TrailingItem: ({ type, config, variant }: TrailingItemProps) => import("react/jsx-runtime").JSX.Element;
 export default TrailingItem;

package/dist/Shared/Components/TrailingItem/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { OmitNever } from '../../types';
+import { ActionMenuProps } from '../ActionMenu';
 import { ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
 import { NumbersCountProps } from '../NumbersCount';
@@ -30,6 +31,9 @@ export type TrailingItemType = {
     config: OmitNever<Omit<Extract<ButtonProps, {
         icon: ReactElement;
     }>, 'size' | 'variant'>>;
+} | {
+    type: 'action-menu';
+    config: ActionMenuProps;
 };
 export type TrailingItemProps = TrailingItemType & {
     /**

package/dist/Shared/Components/TreeView/TreeView.component.d.ts

@@ -1,3 +1,3 @@
 import { TreeViewProps } from './types';
-declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, }: TreeViewProps<DataAttributeType>) => JSX.Element;
+declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, highlightSelectedHeadingOnlyWhenCollapsed, useOverflowAuto, }: TreeViewProps<DataAttributeType>) => import("react/jsx-runtime").JSX.Element;
 export default TreeView;

package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts

@@ -1,3 +1,3 @@
 import { TreeViewNodeContentProps } from './types';
-declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, }: TreeViewNodeContentProps) => JSX.Element;
+declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, variant, }: TreeViewNodeContentProps) => import("react/jsx-runtime").JSX.Element;
 export default TreeViewNodeContent;

package/dist/Shared/Components/TreeView/constants.d.ts

@@ -2,3 +2,6 @@ import { TreeViewProps } from './types';
 export declare const DEFAULT_NO_ITEMS_TEXT = "No items found";
 export declare const VARIANT_TO_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;
 export declare const VARIANT_TO_HOVER_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_SELECTED_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TEXT_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TREE_ITEM_ACTIVE_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;

package/dist/Shared/Components/TreeView/types.d.ts

@@ -1,4 +1,4 @@
-import { SyntheticEvent } from 'react';
+import { JSX, SyntheticEvent } from 'react';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { DataAttributes, Never } from '../../types';
 import { IconsProps } from '../Icon';
@@ -96,9 +96,11 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     onClick?: (e: SyntheticEvent) => void;
     href?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 } | {
     as: 'link';
     href: string;
+    activeClassName?: string;
     /**
      * The callback function to handle click events on the nav link.
      */
@@ -113,6 +115,7 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     href?: never;
     onClick?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 });
 /**
  * Props for the TreeView component.
@@ -151,14 +154,25 @@ export type TreeViewProps<DataAttributeType = null> = {
      */
     mode?: 'navigation' | 'form';
     /**
-     * If primary the background color will be bg__primary and bg__hover--opaque, if secondary the background color will be bg__secondary bg__hover-secondary--opaque.
+     * If primary the background color will be bg__primary and bg__hover--opaque \
+     * if secondary the background color will be bg__secondary bg__hover-secondary--opaque,
+     * if sidenav the background color will be bg__transparent bg__hover-sidebar-item.
      * @default 'primary'
      */
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'sidenav';
     /**
      * @default {}
      */
     defaultExpandedMap?: Record<string, boolean>;
+    /**
+     * When true, the selected heading (`selectedId`) will be highlighted only when it is collapsed.
+     * @default false
+     */
+    highlightSelectedHeadingOnlyWhenCollapsed?: boolean;
+    /**
+     * @default true
+     */
+    useOverflowAuto?: boolean;
 } /**
  * WARNING: For internal use only.
  */ & ({
@@ -188,7 +202,7 @@ export type TreeViewProps<DataAttributeType = null> = {
     expandedMap?: never;
     isControlled?: false;
 });
-export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'> {
+export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'>, Required<Pick<TreeViewProps, 'variant'>> {
     type: 'heading' | 'item';
     isSelected: boolean;
 }

package/dist/Shared/Components/Typewriter/BlinkingCursor.d.ts

@@ -1 +1 @@
-export declare const BlinkingCursor: () => JSX.Element;
+export declare const BlinkingCursor: () => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/UnsavedChanges/UnsavedChanges.component.d.ts

@@ -1,2 +1,2 @@
-declare const UnsavedChanges: () => JSX.Element;
+declare const UnsavedChanges: () => import("react/jsx-runtime").JSX.Element;
 export default UnsavedChanges;

package/dist/Shared/Components/UnsavedChangesDialog/UnsavedChangesDialog.component.d.ts

@@ -1,3 +1,3 @@
 import { UnsavedChangesDialogProps } from './types';
-declare const UnsavedChangesDialog: ({ handleClose, handleProceed }: UnsavedChangesDialogProps) => JSX.Element;
+declare const UnsavedChangesDialog: ({ handleClose, handleProceed }: UnsavedChangesDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default UnsavedChangesDialog;