@devtron-labs/devtron-fe-common-lib 1.16.0-beta-5 → 1.16.0-beta-6

package/dist/{@common-rjsf-Bs6LFW3z.js → @common-rjsf-DDiY22zr.js}

@@ -1,7 +1,7 @@
 import { j as n, at as b, av as k, au as W } from "./@vendor-DbxoIktR.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-b_sdr086.js";
+import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-uOMc_BUW.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as $, getTemplate as B, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as ae, deepEquals as se } from "@rjsf/utils";

package/dist/Common/Hooks/useUrlFilters/index.d.ts

@@ -1,2 +1,3 @@
+export { URL_FILTER_KEYS } from './constants';
 export type { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
 export { default as useUrlFilters } from './useUrlFilters';

package/dist/Common/PopupMenu.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from 'react';
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
 declare const PopupMenu: {
     ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault, }: PopupMenuType): any;
-    Button: React.ForwardRefExoticComponent<PopupMenuButtonType & React.RefAttributes<unknown>>;
+    Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
     Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 };
 export default PopupMenu;

package/dist/Pages/ResourceBrowser/ResourceBrowser.Types.d.ts

@@ -1,7 +1,4 @@
-import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
-import { GroupBase } from 'react-select';
-import { ServerErrors } from '../../Common/ServerError';
-import { SelectPickerOptionType } from '../../Shared/Components';
+import { ReactNode, RefObject } from 'react';
 import { Nodes, NodeType } from '../../Shared/types';
 export interface GVKType {
     Group: string;
@@ -140,14 +137,6 @@ export interface GVKOptionValueType {
     kind: string;
     apiVersion: string;
 }
-export interface GetResourceRecommenderResourceListPropsType {
-    setShowAbsoluteValuesInResourceRecommender: Dispatch<SetStateAction<boolean>>;
-    showAbsoluteValuesInResourceRecommender: boolean;
-    gvkOptions: GroupBase<SelectPickerOptionType<GVKOptionValueType>>[];
-    areGVKOptionsLoading: boolean;
-    reloadGVKOptions: () => void;
-    gvkOptionsError: ServerErrors;
-}
 export interface ResourceRecommenderActionMenuProps {
     children: ReactNode;
     lastScannedOn: string;

package/dist/Pages/ResourceBrowser/constants.d.ts

@@ -52,3 +52,15 @@ export declare const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
 }[];
 export declare const GVK_FILTER_KIND_QUERY_PARAM_KEY = "gvkFilterKind";
 export declare const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = "gvkFilterApiVersion";
+export declare const DUMMY_RESOURCE_GVK_VERSION = "v1";
+export declare const RESOURCE_BROWSER_ROUTES: {
+    readonly OVERVIEW: "/resource-browser/:clusterId/overview";
+    readonly MONITORING_DASHBOARD: "/resource-browser/:clusterId/monitoring-dashboard";
+    readonly TERMINAL: "/resource-browser/:clusterId/terminal";
+    readonly CLUSTER_UPGRADE: "/resource-browser/:clusterId/cluster-upgrade";
+    readonly NODE_DETAIL: "/resource-browser/:clusterId/node/:name";
+    readonly K8S_RESOURCE_DETAIL: "/resource-browser/:clusterId/:namespace/:kind/:group/:version/:name";
+    readonly K8S_RESOURCE_LIST: "/resource-browser/:clusterId/:kind/:group/:version";
+    readonly RESOURCE_RECOMMENDER: "/resource-browser/:clusterId/resource-recommender";
+};
+export declare const K8S_EMPTY_GROUP = "k8sEmptyGroup";

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -113,4 +113,21 @@ export interface InstallationClusterConfigType extends Pick<InstallationClusterC
     status: InstallationClusterStatus;
     correspondingClusterId: number | 0;
 }
+export declare enum NodeActionMenuOptionIdEnum {
+    terminal = "terminal",
+    cordon = "cordon",
+    uncordon = "uncordon",
+    drain = "drain",
+    editTaints = "edit-taints",
+    editYaml = "edit-yaml",
+    delete = "delete"
+}
+export declare enum ResourceBrowserActionMenuEnum {
+    manifest = "manifest",
+    events = "events",
+    logs = "logs",
+    terminal = "terminal",
+    delete = "delete",
+    vulnerability = "vulnerability"
+}
 export {};

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

@@ -33,6 +33,9 @@ export interface BulkSelectionProps {
      */
     showChevronDownIcon?: boolean;
     disabled?: boolean;
+    /**
+     * If true, pressing the checkbox will select all items on page if list is not paginated
+     */
     selectAllIfNotPaginated?: boolean;
 }
 export declare enum SelectAllDialogStatus {

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

@@ -1,4 +1,6 @@
-import { ButtonComponentType, ButtonProps } from './types';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { ComponentSizeType } from '../../constants';
+import { ButtonComponentType, ButtonStyleType, ButtonVariantType } from './types';
 /**
  * Generic component for Button.
  * Should be used in combination of variant, size and style.
@@ -63,5 +65,377 @@ import { ButtonComponentType, ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: import('react').ForwardRefExoticComponent<ButtonProps<ButtonComponentType> & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;

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

@@ -1,4 +1,4 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement, Ref } from 'react';
 import { LinkProps } from 'react-router-dom';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
@@ -24,6 +24,7 @@ export declare enum ButtonComponentType {
     anchor = "anchor"
 }
 export type ButtonProps<ComponentType extends ButtonComponentType = ButtonComponentType.button> = (ComponentType extends ButtonComponentType.link ? {
+    ref?: Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     /**
      * Props for the link component
@@ -33,6 +34,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     anchorProps?: never;
     onClick?: LinkProps['onClick'];
 } : ComponentType extends ButtonComponentType.anchor ? {
+    ref?: Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
     buttonProps?: never;
@@ -44,6 +46,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     anchorProps: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'styles' | 'className' | 'onClick'>;
     onClick?: AnchorHTMLAttributes<HTMLAnchorElement>['onClick'];
 } : {
+    ref?: Ref<HTMLButtonElement>;
     /**
      * Component to be rendered from the available options
      *