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

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

@@ -1,9 +1,8 @@
 import { DevtronLicenseDTO } from '../../types';
-import { DevtronLicenseCardProps, DevtronLicenseInfo, LicenseStatus } from './types';
+import { 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/LoadingCard.d.ts

@@ -0,0 +1,5 @@
+interface LoadingCardType {
+    wider?: boolean;
+}
+declare const LoadingCard: ({ wider }: LoadingCardType) => JSX.Element;
+export default LoadingCard;

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(--Y500)" | "var(--G500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "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, iconElement, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active" | "iconElement"> & Pick<TabGroupProps, "size"> & {
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & 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,38 +65,6 @@ 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.
@@ -111,6 +79,12 @@ 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.
      */
@@ -133,7 +107,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps & TabGroupIconProp;
+} & ConditionalTabType & TabTooltipProps;
 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,7 +24,6 @@ export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';
 export * from './DeploymentConfigDiff';
-export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
 export * from './DiffViewer';
 export * from './DynamicDataTable';
@@ -57,6 +56,7 @@ 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';

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, PodMetadatum } from './Components';
+import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
@@ -36,6 +36,7 @@ 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;
@@ -100,5 +101,4 @@ 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, ReloadVersionConfigTypes } from './types';
+export type { MainContext } from './types';
 export * from './UserEmailProvider';

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

@@ -1,16 +1,7 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { SERVER_MODE } from '../../Common';
 import { ServerInfo } from '../Components/Header/types';
-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;
-}
+import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType } from '..';
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -55,7 +46,6 @@ 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,6 +1,5 @@
-import { DeploymentNodeType, OptionType } from '../Common/Types';
-import { InfoBlockProps } from './Components';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types';
+import { OptionType } from '../Common/Types';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -51,6 +50,28 @@ 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
  */
@@ -414,18 +435,3 @@ 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,11 +1,9 @@
-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, WorkflowRunnerStatusDTO } from './Components';
-import { BASE_CONFIGURATION_ENV_ID, DEPLOYMENT_STATUS, EnvironmentTypeEnum, PatchOperationType } from './constants';
+import { SelectPickerOptionType } from './Components';
+import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
 export declare enum EnvType {
     CHART = "helm_charts",
     APPLICATION = "apps"
@@ -113,7 +111,6 @@ export interface Node {
     canBeHibernated: boolean;
     isHibernated: boolean;
     hasDrift?: boolean;
-    status?: string;
 }
 export interface iNodes extends Array<iNode> {
 }
@@ -130,7 +127,6 @@ export interface ResourceTree {
     podMetadata: Array<PodMetaData>;
     status: string;
     resourcesSyncResult?: Record<string, string>;
-    wfrId?: number;
 }
 export declare enum AppType {
     DEVTRON_APP = "devtron_app",
@@ -201,12 +197,6 @@ 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",
@@ -965,103 +955,12 @@ 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>>;
-    errorBarConfig?: {
-        deploymentErrorMessage: string;
-        nextTimelineToProcess: DeploymentStatusTimelineType;
-    } | null;
-}
 export interface IntelligenceConfig {
     clusterId: number;
     metadata: Record<string, string>;
     prompt: string;
     analyticsCategory: string;
 }
+export type DeploymentStrategyType = 'CANARY' | 'ROLLING' | 'RECREATE' | 'BLUE-GREEN';
+export type DeploymentStrategyTypeWithDefault = DeploymentStrategyType | 'DEFAULT';
 export {};