@devtron-labs/devtron-fe-common-lib 1.12.0-pre-9 → 1.13.0-beta-1

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

@@ -3,12 +3,15 @@ export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -19,7 +22,9 @@ export declare const iconMap: {
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-caret-down-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-caret-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -30,6 +35,7 @@ export declare const iconMap: {
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -42,19 +48,25 @@ export declare const iconMap: {
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hand-pointing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -68,9 +80,13 @@ export declare const iconMap: {
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -79,9 +95,12 @@ export declare const iconMap: {
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-megaphone-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -101,6 +120,7 @@ export declare const iconMap: {
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -113,10 +133,13 @@ export declare const iconMap: {
     'ic-timeout-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

package/dist/Shared/Components/Icon/IconBase.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from './types';
-export declare const IconBase: ({ name, iconMap, size, tooltipProps, color }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId }: IconBaseProps) => JSX.Element;

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

@@ -11,7 +11,7 @@ export interface IconBaseProps {
      * The size of the icon in pixels.
      * @default 16
      */
-    size?: IconBaseSizeType;
+    size?: IconBaseSizeType | null;
     /** Props to configure the tooltip when hovering over the icon. */
     tooltipProps?: TooltipProps;
     /**
@@ -20,5 +20,6 @@ export interface IconBaseProps {
      * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
      */
     color: IconBaseColorType;
+    dataTestId?: string;
 }
 export {};

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

@@ -1,7 +1,7 @@
+import { InfoBlockVariant } from '../../constants';
 import { ButtonProps } from '../Button';
 import { InfoBlockProps } from './types';
-export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
-export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockProps['variant'], InfoBlockProps['customIcon']>;
+export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
 export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;

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

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { ComponentSizeType } from '../../constants';
+import { ComponentSizeType, InfoBlockVariantType } from '../../constants';
 import { BorderConfigType, ComponentLayoutType } from '../../types';
 import { ButtonComponentType, ButtonProps } from '../Button';
 export type InfoBlockProps = {
@@ -10,7 +10,7 @@ export type InfoBlockProps = {
     /**
      * @default 'information'
      */
-    variant?: 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+    variant?: InfoBlockVariantType;
     /**
      * @default ComponentSizeType.large
      */

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

@@ -1,3 +1,3 @@
 import { InfoIconTippyProps } from '../../../Common/Types';
-declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, }: InfoIconTippyProps) => JSX.Element;
+declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, }: InfoIconTippyProps) => JSX.Element;
 export default InfoIconTippy;

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

@@ -2,4 +2,4 @@ export { default as ActivateLicenseDialog } from './ActivateLicenseDialog';
 export { default as DevtronLicenseCard } from './DevtronLicenseCard';
 export { ICDevtronWithBorder, default as InstallationFingerprintInfo } from './License.components';
 export * from './types';
-export { parseDevtronLicenseData } from './utils';
+export { parseDevtronLicenseData, parseDevtronLicenseDTOIntoLicenseCardData } from './utils';

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

@@ -1,8 +1,9 @@
 import { DevtronLicenseDTO } from '../../types';
-import { DevtronLicenseInfo, LicenseStatus } from './types';
+import { DevtronLicenseCardProps, DevtronLicenseInfo, LicenseStatus } from './types';
 export declare const getLicenseColorsAccordingToStatus: (licenseStatus: LicenseStatus) => {
     bgColor: string;
     textColor: string;
 };
+export declare const parseDevtronLicenseDTOIntoLicenseCardData: <isCentralDashboard extends boolean = false>(licenseDTO: DevtronLicenseDTO<isCentralDashboard>, currentUserEmail?: isCentralDashboard extends true ? string : never) => Omit<DevtronLicenseCardProps, "appTheme">;
 export declare const parseDevtronLicenseData: (result: DevtronLicenseDTO) => DevtronLicenseInfo;
 export declare const getGateKeeperUrl: (fingerprint: string) => string;

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/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/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,6 +24,7 @@ export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';
 export * from './DeploymentConfigDiff';
+export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
 export * from './DiffViewer';
 export * from './DynamicDataTable';

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;

package/dist/Shared/types.d.ts

@@ -1,9 +1,11 @@
+import { ReactNode } from 'react';
 import { ParsedCountry } from 'react-international-phone';
 import { Dayjs } from 'dayjs';
 import { APIOptions, ApprovalConfigDataType } from '../Common/Types';
+import { ReleaseMode } from '../Pages/index';
 import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
-import { SelectPickerOptionType } from './Components';
-import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
+import { SelectPickerOptionType, WorkflowRunnerStatusDTO } from './Components';
+import { BASE_CONFIGURATION_ENV_ID, DEPLOYMENT_STATUS, EnvironmentTypeEnum, PatchOperationType } from './constants';
 export declare enum EnvType {
     CHART = "helm_charts",
     APPLICATION = "apps"
@@ -111,6 +113,7 @@ export interface Node {
     canBeHibernated: boolean;
     isHibernated: boolean;
     hasDrift?: boolean;
+    status?: string;
 }
 export interface iNodes extends Array<iNode> {
 }
@@ -127,6 +130,7 @@ export interface ResourceTree {
     podMetadata: Array<PodMetaData>;
     status: string;
     resourcesSyncResult?: Record<string, string>;
+    wfrId?: number;
 }
 export declare enum AppType {
     DEVTRON_APP = "devtron_app",
@@ -197,6 +201,12 @@ export interface AppDetails {
     chartAvatar?: string;
     fluxTemplateType?: string;
     FluxAppStatusDetail?: FluxAppStatusDetail;
+    isPipelineTriggered?: boolean;
+    releaseMode?: ReleaseMode;
+}
+export interface ConfigDriftModalProps extends Required<Pick<AppDetails, 'appId'>> {
+    envId: number;
+    handleCloseModal?: () => void;
 }
 export declare enum RegistryType {
     GIT = "git",
@@ -955,6 +965,95 @@ export declare enum RegistryCredentialsType {
     USERNAME_PASSWORD = "username_password",
     ANONYMOUS = "anonymous"
 }
+export interface SyncStageResourceDetail {
+    id: number;
+    cdWorkflowRunnerId: number;
+    resourceGroup: string;
+    resourceKind: string;
+    resourceName: string;
+    resourcePhase: string;
+    resourceStatus: string;
+    statusMessage: string;
+}
+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_PACKAGE_GENERATION_FAILED = "HELM_PACKAGE_GENERATION_FAILED",
+    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"
+}
+export interface DeploymentStatusDetailsTimelineType extends Pick<SyncStageResourceDetail, 'id' | 'cdWorkflowRunnerId'> {
+    status: TIMELINE_STATUS;
+    statusDetail: string;
+    statusTime: string;
+    resourceDetails?: SyncStageResourceDetail[];
+}
+export interface DeploymentStatusDetailsType {
+    deploymentFinishedOn: string;
+    deploymentStartedOn: string;
+    triggeredBy: string;
+    statusFetchCount: number;
+    statusLastFetchedAt: string;
+    timelines: DeploymentStatusDetailsTimelineType[];
+    wfrStatus?: WorkflowRunnerStatusDTO;
+    isDeploymentWithoutApproval: boolean;
+}
+export type DeploymentStatusTimelineType = TIMELINE_STATUS.DEPLOYMENT_INITIATED | TIMELINE_STATUS.GIT_COMMIT | TIMELINE_STATUS.ARGOCD_SYNC | TIMELINE_STATUS.KUBECTL_APPLY | TIMELINE_STATUS.APP_HEALTH | TIMELINE_STATUS.HELM_PACKAGE_GENERATED | TIMELINE_STATUS.HELM_MANIFEST_PUSHED_TO_HELM_REPO;
+export type DeploymentStatusBreakdownItemIconType = 'success' | 'failed' | 'unknown' | 'inprogress' | 'unreachable' | 'loading' | 'disconnect' | 'timed_out' | '';
+export declare enum DeploymentPhaseType {
+    PRE_SYNC = "PreSync",
+    SYNC = "Sync",
+    POST_SYNC = "PostSync",
+    SKIP = "Skip",
+    SYNC_FAIL = "SyncFail"
+}
+export interface DeploymentStatusBreakdownItemType {
+    icon: DeploymentStatusBreakdownItemIconType;
+    displayText: ReactNode;
+    displaySubText: string;
+    time: string;
+    /**
+     * Shown in accordion details if type is TIMELINE_STATUS.KUBECTL_APPLY to display resource details
+     */
+    resourceDetails?: SyncStageResourceDetail[];
+    isCollapsed?: boolean;
+    /**
+     * Sub-Steps in accordion details in case type is TIMELINE_STATUS.KUBECTL_APPLY
+     */
+    subSteps?: {
+        icon: DeploymentStatusBreakdownItemIconType;
+        message: string;
+        phase?: DeploymentPhaseType;
+    }[];
+    /**
+     * To be shown in accordion details below heading tile
+     */
+    timelineStatus?: ReactNode;
+    showHelmManifest?: boolean;
+}
+export interface DeploymentStatusDetailsBreakdownDataType {
+    deploymentStatus: (typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS];
+    deploymentTriggerTime: string;
+    deploymentEndTime: string;
+    triggeredBy: string;
+    deploymentStatusBreakdown: Partial<Record<DeploymentStatusTimelineType, DeploymentStatusBreakdownItemType>>;
+}
 export interface IntelligenceConfig {
     clusterId: number;
     metadata: Record<string, string>;