@devtron-labs/devtron-fe-common-lib 1.16.1 → 1.17.0-beta-2

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,6 +1,6 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement, Ref } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
 export declare enum ButtonVariantType {
     primary = "primary",
@@ -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
      *
@@ -112,7 +115,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * If true, the tooltip is shown for the button
      */
-    showTooltip: boolean;
+    showTooltip?: boolean;
     /**
      * Props for tooltip
      */

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/helpers.d.ts

@@ -1,4 +1,4 @@
-import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { DeploymentConfigDiffProps } from '../../DeploymentConfigDiff';
 import { History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string, hideDiffState: boolean) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { UseUrlFiltersReturnType } from '../../../../Common/Hooks';
-import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { DeploymentConfigDiffProps } from '../../DeploymentConfigDiff';
 import { EnvResourceType } from '../../../Services';
 import { History, HistoryLogsProps } from '../types';
 export interface DeploymentHistoryConfigDiffQueryParams {

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts

@@ -1,4 +1,4 @@
-import { SelectPickerOptionType } from '@Shared/Components/SelectPicker';
+import { SelectPickerOptionType } from '../../SelectPicker';
 import { DeploymentHistorySingleValue, History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const getPipelineDeployments: (triggerHistory: DeploymentHistoryConfigDiffProps["triggerHistory"]) => History[];

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
-import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, TooltipProps, UserApprovalMetadataType, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, DeploymentStrategyType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
@@ -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/CodeEditor/CodeEditor.constants.d.ts

@@ -1,4 +1,4 @@
-import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
 export declare const PREVIOUS_MATCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const NEXT_MATCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const REPLACE_SHORTCUT_KEYS: SupportedKeyboardKeysType[];

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[]>;

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

@@ -1,20 +1,25 @@
+import { DeploymentAppTypes } from '../../../Common/Types';
 import { DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType } from '../../types';
 /**
  * @description
  * This function processes the deployment status details data and returns a breakdown of the deployment status.
  * Cases it handles:
  * 1. If timelines are not present, say the case of helm deployment, we will parse the wfrStatus and put the status and basic deployment info [triggeredBy, deploymentStartedOn, deploymentFinishedOn] into the breakdown data and return it.
- * 2. In case of gitops:
+ * 2. In case of argo_cd:
  *  - There are five timelines in chronological order:
  *    - Deployment Initiated
  *    - Git commit
  *    - ArgoCD Sync
  *    - Kubectl Apply
  *    - App Health
+ *    In case of flux_cd
+ *    - Deployment Initiated
+ *    - Git commit
+ *    - App Health
  *  - Basic flow is we traverse the timelines in order, if find the last status for that specific timeline from response by traversing the timelines in reverse order.
  *  - If element is found, we will parse the status and set the icon, display text, time, etc. for that timeline and set the next timeline to inprogress.
  *  - If element is not found, we will parse on basis of factors like:
  *   - If this timeline is not inprogress and deploymentStatus is progressing, we will set the current timeline to waiting.
  *   - In similar fashion based on the deploymentStatus we will set the icon and display text for the timeline.
  */
-export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
+export declare const processDeploymentStatusDetailsData: (deploymentAppType: DeploymentAppTypes, data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;

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

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { FileUploadProps } from '../FileUpload';
 import { SelectPickerOptionType, SelectPickerProps, SelectPickerTextAreaProps } from '../SelectPicker';
 /**

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

@@ -1,6 +1,6 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
+import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
 import { GenericEmptyStateType } from '../../../Common/Types';
 import { APIResponseHandlerProps } from '../APIResponseHandler';
 type BaseGenericInfoCardProps = {

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalFooterProps, GenericModalHeaderProps, GenericModalProps } from './types';
+declare const GenericModal: {
+    ({ name, open, width, onClose, onEscape, closeOnBackdropClick, children, }: PropsWithChildren<GenericModalProps>): JSX.Element;
+    Header: ({ title }: GenericModalHeaderProps) => JSX.Element;
+    Body: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+    Footer: ({ leftSideElement, buttonConfig, children, }: PropsWithChildren<GenericModalFooterProps>) => JSX.Element;
+};
+export default GenericModal;

package/dist/Shared/Components/GenericModal/GenericModal.context.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalContextType } from './types';
+export declare const GenericModalProvider: ({ value, children }: PropsWithChildren<{
+    value: GenericModalContextType;
+}>) => JSX.Element;
+export declare const useGenericModalContext: () => GenericModalContextType;

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

@@ -0,0 +1,2 @@
+import { GenericModalProps } from './types';
+export declare const MODAL_WIDTH_TO_CLASS_NAME_MAP: Record<GenericModalProps['width'], string>;

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

@@ -0,0 +1,2 @@
+export { default as GenericModal } from './GenericModal.component';
+export * from './types';

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

@@ -0,0 +1,37 @@
+import { BackdropProps } from '../Backdrop';
+import { ButtonProps } from '../Button';
+export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape'>> {
+    /** Unique identifier for the modal */
+    name: string;
+    /** Controls whether the modal is visible or hidden */
+    open: boolean;
+    /** Callback function triggered when the modal is closed */
+    onClose: () => void;
+    /**
+     * Width of the modal (in pixels).
+     * @default 600
+     */
+    width?: 500 | 600 | 800;
+    /**
+     * Determines if the modal should close when the user clicks outside of it (on the backdrop).
+     * @default false
+     */
+    closeOnBackdropClick?: boolean;
+}
+export interface GenericModalContextType extends Pick<GenericModalProps, 'name' | 'onClose'> {
+}
+export interface GenericModalHeaderProps {
+    /** Title text displayed in the modal header */
+    title: string;
+}
+export interface GenericModalFooterProps {
+    /** Configuration for the buttons displayed in the modal footer */
+    buttonConfig?: {
+        /** Properties for the primary action button */
+        primaryButton?: ButtonProps;
+        /** Properties for the secondary action button */
+        secondaryButton?: ButtonProps;
+    };
+    /** Optional element to be displayed on the left side of the footer */
+    leftSideElement?: React.ReactNode;
+}

package/dist/Shared/Components/GettingStartedCard/GettingStarted.d.ts

@@ -1,3 +1,3 @@
 import { GettingStartedType } from './types';
-declare const GettingStartedCard: ({ className, hideGettingStartedCard }: GettingStartedType) => JSX.Element;
+declare const GettingStartedCard: ({ hideGettingStartedCard }: GettingStartedType) => JSX.Element;
 export default GettingStartedCard;

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

@@ -8,8 +8,5 @@ export interface LoginCountType extends ResponseType {
     result?: LoginCount;
 }
 export interface GettingStartedType {
-    className: string;
-    showHelpCard: boolean;
     hideGettingStartedCard: (count?: string) => void;
-    loginCount: number;
 }

package/dist/Shared/Components/Header/HeaderWithCreateButton/types.d.ts

@@ -1,4 +1,4 @@
-import { ActionMenuProps } from '@Shared/Components/ActionMenu';
+import { ActionMenuProps } from '../../ActionMenu';
 import { PageHeaderType } from '../types';
 export interface HeaderWithCreateButtonProps {
     headerName: string;

package/dist/Shared/Components/Header/HelpButton.d.ts

@@ -1,2 +1,2 @@
 import { HelpButtonProps } from './types';
-export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick }: HelpButtonProps) => JSX.Element;
+export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick, hideGettingStartedCard }: HelpButtonProps) => JSX.Element;

package/dist/Shared/Components/Header/PageHeader.d.ts

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;