@devtron-labs/devtron-fe-common-lib 1.16.0-pre-4 → 1.16.0-pre-6

package/dist/{@common-rjsf-DyacdRIT.js → @common-rjsf-82zFxNP8.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-D-BZS9zn.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-DTcvYvJ3.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/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxProps } from '../Types';
-export declare const Checkbox: ({ rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children, }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutProvider.d.ts

@@ -1,3 +1,3 @@
 import { UseRegisterShortcutProviderType } from './types';
-declare const UseRegisterShortcutProvider: ({ containerRef, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
+declare const UseRegisterShortcutProvider: ({ shouldHookOntoWindow, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
 export default UseRegisterShortcutProvider;

package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { FocusEvent, KeyboardEvent } from 'react';
 export declare const KEYBOARD_KEYS_MAP: {
     readonly Control: "Ctrl";
     readonly Shift: "⇧";
@@ -56,9 +56,25 @@ export interface UseRegisterShortcutContextType {
      * Programmatically trigger a shortcut if already registered
      */
     triggerShortcut: (keys: ShortcutType['keys']) => void;
+    /**
+     * If shouldHookOntoWindow is false, these props need to be hooked onto
+     * the component that needs to listen to the shortcuts
+     */
+    targetProps?: {
+        onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+        onKeyUp: (event: KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: FocusEvent<HTMLElement>) => void;
+    };
 }
 export interface UseRegisterShortcutProviderType {
-    containerRef?: RefObject<HTMLElement>;
+    /**
+     * If false, the shortcuts will not be registered to the window object
+     * instead onKeyDown, onKeyUp and onBlur will be exposed as context methods
+     * which need to be hooked onto the component that needs to listen to the shortcuts
+     *
+     * defaults to true
+     */
+    shouldHookOntoWindow?: boolean;
     children: React.ReactNode;
     /**
      * Defines how long after holding the keys down do we trigger the callback in milliseconds

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

@@ -7,6 +7,7 @@ export declare class VisibleModal extends React.Component<{
     onEscape?: (e: any) => void;
 }> {
     modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
     escFunction(event: any): void;
     componentDidMount(): void;

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -4,6 +4,7 @@ export declare class VisibleModal2 extends React.Component<{
     close?: (e: any) => void;
 }> {
     modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
     escFunction(event: any): void;
     componentDidMount(): void;

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

@@ -550,10 +550,10 @@ export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTr
 }
 export declare enum DeploymentAppTypes {
     HELM = "helm",
-    GITOPS = "argo_cd",
+    ARGO = "argo_cd",
     MANIFEST_DOWNLOAD = "manifest_download",
     MANIFEST_PUSH = "manifest_push",
-    FLUX = "flux"
+    FLUX = "flux_cd"
 }
 export interface VulnerabilityType {
     name: string;

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

@@ -1,4 +1,4 @@
 import { AppDetails, DeploymentStatusDetailsBreakdownDataType } from '../../types';
 import { GetAppDetailsParamsType, GetDeploymentStatusWithTimelineParamsType } from './types';
 export declare const getAppDetails: ({ appId, envId, abortControllerRef, }: GetAppDetailsParamsType) => Promise<AppDetails>;
-export declare const getDeploymentStatusWithTimeline: ({ abortControllerRef, appId, envId, showTimeline, virtualEnvironmentConfig, isHelmApp, }: GetDeploymentStatusWithTimelineParamsType) => Promise<DeploymentStatusDetailsBreakdownDataType>;
+export declare const getDeploymentStatusWithTimeline: ({ abortControllerRef, appId, envId, showTimeline, virtualEnvironmentConfig, isHelmApp, deploymentAppType, }: GetDeploymentStatusWithTimelineParamsType) => Promise<DeploymentStatusDetailsBreakdownDataType>;

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

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
-import { APIOptions } from '../../../Common/Types';
+import { APIOptions, DeploymentAppTypes } from '../../../Common/Types';
 import { AppDetails, ConfigDriftModalProps, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, IntelligenceConfig } from '../../types';
 export declare enum AppStatusModalTabType {
     APP_STATUS = "appStatus",
@@ -65,6 +65,7 @@ export type GetDeploymentStatusWithTimelineParamsType = Pick<APIOptions, 'abortC
         wfrId: AppDetails['resourceTree']['wfrId'];
     };
     isHelmApp?: boolean;
+    deploymentAppType: DeploymentAppTypes;
 };
 export interface AppStatusModalTabListProps extends Pick<AppStatusModalProps, 'appDetails' | 'type'> {
     handleSelectTab: (updatedTab: AppStatusModalTabType) => void;

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

@@ -1,3 +1,3 @@
 import { BulkSelectionProps } from './types';
-declare const BulkSelection: import('react').ForwardRefExoticComponent<BulkSelectionProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const BulkSelection: import('react').ForwardRefExoticComponent<BulkSelectionProps & import('react').RefAttributes<HTMLLabelElement>>;
 export default BulkSelection;

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

@@ -33,6 +33,9 @@ export interface BulkSelectionProps {
      */
     showChevronDownIcon?: boolean;
     disabled?: boolean;
+    /**
+     * Will act as checkbox instead of opening up popup 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
      *

package/dist/Shared/Components/CICDHistory/DeploymentStatusBreakdown.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentStatusDetailBreakdownType } from './types';
-declare const DeploymentStatusDetailBreakdown: ({ deploymentStatusDetailsBreakdownData, isVirtualEnvironment, appDetails, rootClassName, }: DeploymentStatusDetailBreakdownType) => JSX.Element;
+declare const DeploymentStatusDetailBreakdown: ({ deploymentStatusDetailsBreakdownData, isVirtualEnvironment, appDetails, rootClassName, deploymentAppType, }: DeploymentStatusDetailBreakdownType) => JSX.Element;
 export default DeploymentStatusDetailBreakdown;

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

@@ -402,6 +402,7 @@ export interface DeploymentStatusDetailBreakdownType {
      */
     appDetails: AppDetails | null;
     rootClassName?: string;
+    deploymentAppType: DeploymentAppTypes;
 }
 export interface DeploymentStatusDetailRowType extends Pick<DeploymentStatusDetailBreakdownType, 'appDetails'> {
     type: DeploymentStatusTimelineType;

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

@@ -6,5 +6,6 @@ export declare const WFR_STATUS_DTO_TO_DEPLOYMENT_STATUS_MAP: Readonly<Record<Wo
 export declare const PROGRESSING_DEPLOYMENT_STATUS: Readonly<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS][]>;
 export declare const SUCCESSFUL_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
 export declare const FAILED_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
-export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER: Readonly<DeploymentStatusTimelineType[]>;
+export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER_ARGO: Readonly<DeploymentStatusTimelineType[]>;
+export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER_FLUX: Readonly<DeploymentStatusTimelineType[]>;
 export declare const DEPLOYMENT_PHASES: Readonly<DeploymentPhaseType[]>;