@devtron-labs/devtron-fe-common-lib 1.13.0-beta-7 → 1.13.0-beta-8

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

@@ -0,0 +1,92 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { UsePopoverProps } from './types';
+export declare const getPopoverAlignmentStyle: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
+    right: number;
+    left?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    left: string;
+    right?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    left: number;
+    right?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    bottom: number;
+    right?: undefined;
+    left?: undefined;
+    top?: undefined;
+} | {
+    top: string;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+} | {
+    top: number;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+};
+export declare const getPopoverPositionStyle: ({ position }: Pick<UsePopoverProps, "position">) => {
+    bottom: string;
+    marginBottom: number;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    right: string;
+    marginRight: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    left: string;
+    marginLeft: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    top: string;
+    marginTop: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+};
+export declare const getPopoverFramerProps: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
+    initial: {
+        [x: string]: number;
+        opacity: number;
+    };
+    animate: {
+        [x: string]: number;
+        opacity: number;
+    };
+    exit: {
+        [x: string]: number;
+        opacity: number;
+    };
+    transformTemplate: HTMLMotionProps<"div">["transformTemplate"];
+};
+export declare const getPopoverActualPositionAlignment: ({ position, alignment, triggerRect, popoverRect, }: Pick<UsePopoverProps, "position" | "alignment"> & {
+    triggerRect: DOMRect;
+    popoverRect: DOMRect;
+}) => {
+    fallbackPosition: "top" | "bottom" | "right" | "left";
+    fallbackAlignment: "start" | "middle" | "end";
+};

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--Y500)" | "var(--G500)" | "var(--R700)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

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

@@ -8,8 +8,10 @@ export declare const SelectPickerControl: <OptionValue>(props: ControlProps<Sele
 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 SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => 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;

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

@@ -1,3 +1,4 @@
+export { ValueContainerWithLoadingShimmer } from './common';
 export { default as FilterSelectPicker } from './FilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';

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

@@ -40,6 +40,10 @@ type MenuListFooterConfigType = {
     buttonProps: {
         variant: ButtonVariantType.primary | ButtonVariantType.borderLess;
     } & Omit<ButtonProps<ButtonComponentType>, 'size' | 'fullWidth' | 'icon' | 'endIcon' | 'variant' | 'style'>;
+} | {
+    type: 'customNode';
+    value: ReactElement;
+    buttonProps?: never;
 };
 declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

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

@@ -16,7 +16,8 @@ export declare enum StatusType {
     PROGRESSING = "PROGRESSING",
     INPROGRESS = "INPROGRESS",
     HIBERNATING = "HIBERNATING",
-    TIMED_OUT = "TIMED_OUT"
+    TIMED_OUT = "TIMED_OUT",
+    DELETING = "DELETING"
 }
 export interface StatusComponentProps {
     /** The status to display, either a predefined StatusType or a custom string. */

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

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

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

@@ -0,0 +1,14 @@
+import { IconBaseColorType } from '../../types';
+import { SwitchProps } from './types';
+export declare const SWITCH_VARIANTS: Readonly<Record<SwitchProps['variant'], null>>;
+export declare const SWITCH_SHAPES: Readonly<Record<SwitchProps['shape'], null>>;
+export declare const ROUNDED_SWITCH_SIZE_MAP: Readonly<Record<SwitchProps['size'], string>>;
+export declare const SQUARE_SWITCH_SIZE_MAP: typeof ROUNDED_SWITCH_SIZE_MAP;
+export declare const SWITCH_HEIGHT_MAP: Readonly<Record<SwitchProps['size'], string>>;
+export declare const LOADING_COLOR_MAP: Record<SwitchProps['variant'], IconBaseColorType>;
+export declare const ROUNDED_SWITCH_TRACK_COLOR_MAP: Record<SwitchProps['variant'], string>;
+export declare const SQUARE_SWITCH_TRACK_COLOR_MAP: typeof ROUNDED_SWITCH_TRACK_COLOR_MAP;
+export declare const ROUNDED_SWITCH_THUMB_SIZE_MAP: Record<SwitchProps['size'], string>;
+export declare const INDETERMINATE_ICON_WIDTH_MAP: Record<SwitchProps['size'], string>;
+export declare const SWITCH_THUMB_PADDING_MAP: Record<SwitchProps['size'], string>;
+export declare const THUMB_OUTER_PADDING_MAP: Record<SwitchProps['shape'], string>;

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

@@ -0,0 +1,3 @@
+export { SWITCH_SHAPES, SWITCH_VARIANTS } from './constants';
+export { default as Switch } from './Switch.component';
+export type { SwitchProps } from './types';

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

@@ -0,0 +1,101 @@
+import { ComponentSizeType } from '../../constants';
+import { IconBaseColorType } from '../../types';
+import { IconName } from '../Icon';
+/**
+ * Represents the properties for configuring the shape and behavior of a switch component.
+ *
+ * - When `shape` is `rounded`:
+ *   - The switch will have a rounded appearance.
+ *   - `iconName`, `iconColor`, and `indeterminate` are not applicable.
+ *
+ * - When `shape` is `square`:
+ *   - The switch will have a square appearance.
+ *   - `iconName` specifies the name of the icon to display.
+ *   - `iconColor` allows customization of the icon's color in the active state.
+ *   - `indeterminate` indicates whether the switch is in an indeterminate state, typically used for checkboxes to represent a mixed state.
+ *     If `indeterminate` is true, the switch will not be fully checked or unchecked.
+ */
+type SwitchShapeProps = {
+    /**
+     * The shape of the switch. Defaults to `rounded` if not specified.
+     */
+    shape?: 'rounded';
+    /**
+     * Icon name is not applicable for the `rounded` shape.
+     */
+    iconName?: never;
+    /**
+     * Icon color is not applicable for the `rounded` shape.
+     */
+    iconColor?: never;
+    /**
+     * Indicates whether the switch is in an indeterminate state.
+     * This state is typically used for checkboxes to indicate a mixed state.
+     * If true, the switch will not be fully checked or unchecked. Due this state alone we are keeping role as `checkbox` instead of `switch`.
+     * This property is not applicable for the `square` shape.
+     * @default false
+     */
+    indeterminate?: boolean;
+} | {
+    /**
+     * The shape of the switch. Must be `square` to enable icon-related properties.
+     */
+    shape: 'square';
+    /**
+     * The name of the icon to display when the shape is `square`.
+     */
+    iconName: IconName;
+    /**
+     * The color of the icon. If provided, this will override the default color in the active state.
+     */
+    iconColor?: IconBaseColorType;
+    indeterminate?: never;
+};
+/**
+ * Represents the properties for the `Switch` component.
+ */
+export type SwitchProps = {
+    /**
+     * The ARIA label for the switch, used for accessibility purposes.
+     */
+    ariaLabel: string;
+    /**
+     * Used in forms to identify the switch.
+     */
+    name: string;
+    /**
+     * A unique identifier for testing purposes.
+     */
+    dataTestId: string;
+    /**
+     * The visual variant of the switch.
+     *
+     * @default `positive`
+     */
+    variant?: 'theme' | 'positive';
+    /**
+     * The size of the switch.
+     * @default `ComponentSizeType.medium`
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.small>;
+    onChange: () => void;
+    /**
+     * Indicates whether the switch is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates whether the switch is in a loading state.
+     */
+    isLoading?: boolean;
+    /**
+     * Indicates whether the switch is currently checked (on).
+     */
+    isChecked: boolean;
+    /**
+     * Optional tooltip content to display when hovering over the switch.
+     *
+     * @default undefined
+     */
+    tooltipContent?: string;
+} & SwitchShapeProps;
+export {};

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

@@ -0,0 +1,10 @@
+import { IconBaseColorType } from '../../types';
+import { SwitchProps } from './types';
+export declare const getSwitchContainerClass: ({ shape, size }: Required<Pick<SwitchProps, "shape" | "size">>) => string;
+export declare const getSwitchTrackColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<SwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => string;
+export declare const getSwitchThumbClass: ({ shape, size, showIndeterminateIcon, }: Pick<SwitchProps, "shape" | "size"> & {
+    showIndeterminateIcon: boolean;
+}) => string;
+export declare const getSwitchIconColor: ({ iconColor, isChecked, variant, }: Pick<SwitchProps, "iconColor" | "isChecked" | "variant">) => IconBaseColorType;
+export declare const getThumbPosition: ({ isLoading, isChecked, }: Pick<SwitchProps, "isLoading" | "isChecked">) => "left" | "right" | "center";
+export declare const getThumbPadding: ({ shape, isLoading }: Pick<SwitchProps, "shape" | "isLoading">) => string;

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

@@ -1,5 +1,5 @@
 import { TabGroupProps, TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
+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;

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

@@ -65,6 +65,38 @@ type TabTooltipProps = {
     shouldWrapTooltip?: never;
     tooltipProps?: never;
 };
+/**
+ * Represents the properties for defining an icon in a tab group.
+ * This type allows for three configurations:
+ *
+ * 1. **Icon as a functional component or string**:
+ *    - Use the `icon` property to specify either a functional component that renders an SVG or a string representing the name of the icon.
+ *    - The `iconElement` property must not be provided in this case.
+ *
+ * 2. **Icon as a JSX element**:
+ *    - Use the `iconElement` property to specify a JSX element representing the icon.
+ *    - The `icon` property must not be provided in this case.
+ *
+ * 3. **No icon**:
+ *    - Neither `icon` nor `iconElement` is provided, resulting in no icon being displayed.
+ *
+ */
+type TabGroupIconProp = {
+    /**
+     * A functional component rendering an SVG or a string representing the icon name. Mutually exclusive with `iconElement`.
+     */
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
+    iconElement?: never;
+} | {
+    icon?: never;
+    /**
+     * A JSX element representing the icon. Mutually exclusive with `icon`.
+     */
+    iconElement: JSX.Element;
+} | {
+    icon?: never;
+    iconElement?: never;
+};
 export type TabProps = {
     /**
      * Unique identifier for the tab.
@@ -79,12 +111,6 @@ export type TabProps = {
      * @note - If passed as a `string[]`, it will be rendered with a bullet in-between strings.
      */
     description?: string | string[];
-    /**
-     * Icon to be displayed in the tab.
-     * This can either be a functional component that renders a SVG
-     * or a string representing the name of the icon to be rendered by the Icon component.
-     */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */
@@ -107,7 +133,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps;
+} & ConditionalTabType & TabTooltipProps & TabGroupIconProp;
 export interface TabGroupProps {
     /**
      * Array of tabs to be rendered.

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

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

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

@@ -2,6 +2,5 @@ import { TooltipProps } from '@Common/Tooltip/types';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }
-export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'> {
-    children: TooltipProps['children'];
+export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'>, Pick<TooltipProps, 'children' | 'appendTo'> {
 }

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

@@ -3,8 +3,8 @@ export * from './ActionMenu';
 export * from './ActivityIndicator';
 export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
-export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
+export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
 export * from './BulkOperations';
@@ -24,12 +24,12 @@ export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';
 export * from './DeploymentConfigDiff';
+export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
 export * from './DiffViewer';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
-export * from './EnterpriseTag';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';
@@ -56,7 +56,6 @@ export * from './InfoIconTippy';
 export * from './InvalidYAMLTippy';
 export * from './KeyValueTable';
 export * from './License';
-export { default as LoadingCard } from './LoadingCard';
 export * from './LoginBanner';
 export * from './MaterialHistory';
 export * from './ModalSidebarPanel';
@@ -72,6 +71,7 @@ export * from './SelectPicker';
 export * from './ShowMoreText';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
+export * from './Switch';
 export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';

package/dist/Shared/Helpers.d.ts

@@ -4,7 +4,7 @@ import { StrictRJSFSchema } from '@rjsf/utils';
 import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
-import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
+import { AggregatedNodes, PodMetadatum } from './Components';
 import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
@@ -36,7 +36,6 @@ export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;
 export declare const getKeyToBooleanMapFromArray: <T extends string | number>(arr?: T[]) => Record<T, boolean>;
 export declare const renderValidInputButtonTippy: (children: ReactElement) => JSX.Element;
-export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
 export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
@@ -101,4 +100,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
 }) => string;
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
 export declare const clearCookieOnLogout: () => void;
+export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export {};

package/dist/Shared/Providers/index.d.ts

@@ -1,5 +1,5 @@
 export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
-export type { MainContext } from './types';
+export type { MainContext, ReloadVersionConfigTypes } from './types';
 export * from './UserEmailProvider';

package/dist/Shared/Providers/types.d.ts

@@ -1,7 +1,16 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { SERVER_MODE } from '../../Common';
 import { ServerInfo } from '../Components/Header/types';
-import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType } from '..';
+import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..';
+export interface ReloadVersionConfigTypes {
+    bgUpdated: boolean;
+    handleAppUpdate: () => void;
+    doesNeedRefresh: boolean;
+    updateServiceWorker: () => Promise<void>;
+    handleControllerChange: () => void;
+    updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
+    isRefreshing: boolean;
+}
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -46,6 +55,7 @@ export interface MainContext {
     licenseData: DevtronLicenseInfo;
     setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
     canFetchHelmAppStatus: boolean;
+    reloadVersionConfig: ReloadVersionConfigTypes;
     intelligenceConfig: IntelligenceConfig;
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
 }

package/dist/Shared/constants.d.ts

@@ -1,5 +1,6 @@
-import { OptionType } from '../Common/Types';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType } from './types';
+import { DeploymentNodeType, OptionType } from '../Common/Types';
+import { InfoBlockProps } from './Components';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -50,28 +51,6 @@ export declare enum EnvironmentTypeEnum {
     production = "Production",
     nonProduction = "Non-Production"
 }
-export declare enum TIMELINE_STATUS {
-    DEPLOYMENT_INITIATED = "DEPLOYMENT_INITIATED",
-    GIT_COMMIT = "GIT_COMMIT",
-    GIT_COMMIT_FAILED = "GIT_COMMIT_FAILED",
-    ARGOCD_SYNC = "ARGOCD_SYNC",
-    ARGOCD_SYNC_FAILED = "ARGOCD_SYNC_FAILED",
-    KUBECTL_APPLY = "KUBECTL_APPLY",
-    KUBECTL_APPLY_STARTED = "KUBECTL_APPLY_STARTED",
-    KUBECTL_APPLY_SYNCED = "KUBECTL_APPLY_SYNCED",
-    HEALTHY = "HEALTHY",
-    APP_HEALTH = "APP_HEALTH",
-    DEPLOYMENT_FAILED = "FAILED",
-    FETCH_TIMED_OUT = "TIMED_OUT",
-    UNABLE_TO_FETCH_STATUS = "UNABLE_TO_FETCH_STATUS",
-    DEGRADED = "DEGRADED",
-    DEPLOYMENT_SUPERSEDED = "DEPLOYMENT_SUPERSEDED",
-    ABORTED = "ABORTED",
-    INPROGRESS = "INPROGRESS",
-    HELM_PACKAGE_GENERATED = "HELM_PACKAGE_GENERATED",
-    HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
-    HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
-}
 /**
  * Constants for NO MATCHING result
  */
@@ -435,3 +414,18 @@ export declare const Routes: {
 };
 export declare const ENTERPRISE_SUPPORT_LINK = "enterprise@devtron.ai";
 export declare const INVALID_LICENSE_KEY = "inValid";
+export declare enum InfoBlockVariant {
+    ERROR = "error",
+    HELP = "help",
+    INFORMATION = "information",
+    SUCCESS = "success",
+    WARNING = "warning",
+    NEUTRAL = "neutral"
+}
+export type InfoBlockVariantType = 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const VARIANT_TO_ICON_COLOR_MAP: Record<InfoBlockProps['variant'], IconBaseColorType>;
+export declare const VARIANT_TO_BORDER_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const DEPLOYMENT_STAGE_TO_NODE_MAP: Readonly<Record<DeploymentStageType, DeploymentNodeType>>;
+export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
+export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;