@devtron-labs/devtron-fe-common-lib 1.12.0 → 1.13.0-beta-2

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

@@ -2,7 +2,7 @@ import { CSSProperties, ReactElement, ReactNode } from 'react';
 import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, UserApprovalMetadataType, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
-import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
+import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
 import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
 export declare enum HistoryComponentType {
     CI = "CI",
@@ -134,6 +134,7 @@ export interface History extends Pick<TargetPlatformsDTO, 'targetPlatforms'>, Wo
     triggerMetadata?: string;
     runSource?: RunSourceType;
     targetConfig?: TargetConfigType;
+    isDeploymentWithoutApproval?: boolean;
 }
 export interface ExecutionInfoType {
     /**
@@ -295,67 +296,8 @@ export type FinishedType = {
     status?: never;
     finishedOn?: never;
 });
-export interface SyncStageResourceDetail {
-    id: number;
-    cdWorkflowRunnerId: number;
-    resourceGroup: string;
-    resourceKind: string;
-    resourceName: string;
-    resourcePhase: string;
-    resourceStatus: string;
-    statusMessage: string;
-}
-export interface DeploymentStatusDetailsTimelineType {
-    id: number;
-    cdWorkflowRunnerId: number;
-    status: string;
-    statusDetail: string;
-    statusTime: string;
-    resourceDetails?: SyncStageResourceDetail[];
-}
-export interface DeploymentStatusDetailsType {
-    deploymentFinishedOn: string;
-    deploymentStartedOn: string;
-    triggeredBy: string;
-    statusFetchCount: number;
-    statusLastFetchedAt: string;
-    timelines: DeploymentStatusDetailsTimelineType[];
-    wfrStatus?: string;
-}
-export interface DeploymentStatusDetailsResponse extends ResponseType {
-    result?: DeploymentStatusDetailsType;
-}
-interface DeploymentStatusDetailRow {
-    icon: string;
-    displayText: string;
-    displaySubText: string;
-    time: string;
-    resourceDetails?: any;
-    isCollapsed?: boolean;
-    kubeList?: {
-        icon: any;
-        message: string;
-    }[];
-    timelineStatus?: string;
-}
-export interface DeploymentStatusDetailsBreakdownDataType {
-    deploymentStatus: string;
-    deploymentStatusText: string;
-    deploymentTriggerTime: string;
-    deploymentEndTime: string;
-    deploymentError: string;
-    triggeredBy: string;
-    nonDeploymentError: string;
-    deploymentStatusBreakdown: {
-        DEPLOYMENT_INITIATED: DeploymentStatusDetailRow;
-        GIT_COMMIT?: DeploymentStatusDetailRow;
-        ARGOCD_SYNC?: DeploymentStatusDetailRow;
-        KUBECTL_APPLY?: DeploymentStatusDetailRow;
-        APP_HEALTH?: DeploymentStatusDetailRow;
-        HELM_PACKAGE_GENERATED?: DeploymentStatusDetailRow;
-    };
-}
-export interface DeploymentDetailStepsType {
+export type DeploymentStatusDetailsResponse = ResponseType<DeploymentStatusDetailsType>;
+export interface DeploymentDetailStepsType extends Pick<History, 'isDeploymentWithoutApproval'> {
     deploymentStatus?: string;
     deploymentAppType?: DeploymentAppTypes;
     isHelmApps?: boolean;
@@ -366,7 +308,7 @@ export interface DeploymentDetailStepsType {
     processVirtualEnvironmentDeploymentData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
     renderDeploymentApprovalInfo: (userApprovalMetadata: UserApprovalMetadataType) => JSX.Element;
 }
-export interface RenderCIListHeaderProps {
+export interface RenderCIListHeaderProps extends Required<Pick<History, 'isDeploymentWithoutApproval'>> {
     userApprovalMetadata: UserApprovalMetadataType;
     triggeredBy: string;
     appliedFilters: FilterConditionsListType[];
@@ -384,7 +326,7 @@ export interface VirtualHistoryArtifactProps {
         workflowId: number;
     };
 }
-export type CIListItemType = Pick<History, 'promotionApprovalMetadata'> & {
+export type CIListItemType = Pick<History, 'promotionApprovalMetadata' | 'isDeploymentWithoutApproval'> & {
     userApprovalMetadata?: UserApprovalMetadataType;
     triggeredBy?: string;
     children: ReactNode;
@@ -455,19 +397,17 @@ export interface LogsRendererType extends Pick<HistoryLogsProps, 'fullScreenView
 export interface DeploymentStatusDetailBreakdownType {
     deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;
     isVirtualEnvironment?: boolean;
+    /**
+     * Won't be available if coming directly to deployment history from url
+     */
+    appDetails: AppDetails | null;
+    rootClassName?: string;
 }
-export interface DeploymentStatusDetailRowType {
-    type: string;
+export interface DeploymentStatusDetailRowType extends Pick<DeploymentStatusDetailBreakdownType, 'appDetails'> {
+    type: DeploymentStatusTimelineType;
     hideVerticalConnector?: boolean;
     deploymentDetailedData: DeploymentStatusDetailsBreakdownDataType;
 }
-export interface ErrorInfoStatusBarType {
-    nonDeploymentError: string;
-    type: string;
-    errorMessage: string;
-    hideVerticalConnector?: boolean;
-    hideErrorIcon?: boolean;
-}
 export interface DeploymentConfigurationsRes extends ResponseType {
     result?: DeploymentTemplateList[];
 }
@@ -507,12 +447,6 @@ export interface DeploymentHistorySidebarType {
     deploymentHistoryList: DeploymentTemplateList[];
     setDeploymentHistoryList: React.Dispatch<React.SetStateAction<DeploymentTemplateList[]>>;
 }
-export interface AppStatusDetailsChartType {
-    filterRemoveHealth?: boolean;
-    showFooter: boolean;
-    showConfigDriftInfo?: boolean;
-    onClose?: () => void;
-}
 export interface StatusFilterButtonType {
     nodes: Array<Node>;
     selectedTab: string;
@@ -601,6 +535,7 @@ export type GitChangesType = {
     appliedFilters?: never;
     appliedFiltersTimestamp?: never;
     renderCIListHeader?: never;
+    isDeploymentWithoutApproval?: never;
 } | {
     artifact: string;
     promotionApprovalMetadata: History['promotionApprovalMetadata'];
@@ -618,6 +553,7 @@ export type GitChangesType = {
     appliedFilters?: FilterConditionsListType[];
     appliedFiltersTimestamp?: string;
     renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
+    isDeploymentWithoutApproval?: History['isDeploymentWithoutApproval'];
 });
 export interface ArtifactType extends Pick<TargetPlatformBadgeListProps, 'targetPlatforms'> {
     status: string;

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

@@ -1,10 +1,11 @@
 import { ReactElement } from 'react';
-import { Node } from '../../types';
-import { DeploymentHistoryResultObject, ExecutionInfoType, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
+import { DeploymentAppTypes } from '../../../Common/Types';
+import { DeploymentStatusBreakdownItemType, Node } from '../../types';
+import { TabGroupProps } from '../TabGroup';
+import { DeploymentHistoryResultObject, ExecutionInfoType, History, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
 export declare const getTriggerHistoryFilterCriteria: ({ appId, envId, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryFilterCriteriaProps) => TriggerHistoryFilterCriteriaType;
 export declare const getParsedTriggerHistory: (result: any) => DeploymentHistoryResultObject;
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
-export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
 export declare const getLogSearchIndex: ({ stageIndex, lineNumberInsideStage, }: Record<"stageIndex" | "lineNumberInsideStage", number>) => string;
 export declare const sanitizeWorkflowExecutionStages: (workflowExecutionStages: WorkflowExecutionStagesMapDTO["workflowExecutionStages"]) => ExecutionInfoType | null;
@@ -36,3 +37,6 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
 };
 export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
 export declare const getTriggerStatusIcon: (status: string) => string;
+export declare const renderDeploymentTimelineIcon: (iconState: DeploymentStatusBreakdownItemType["icon"]) => JSX.Element;
+export declare const getDeploymentTimelineBGColorFromIcon: (icon: DeploymentStatusBreakdownItemType["icon"]) => string;
+export declare const getTriggerOutputTabs: (triggerDetails: History, deploymentAppType: DeploymentAppTypes) => TabGroupProps["tabs"];

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

@@ -1,4 +1,4 @@
-import { CMSecretYamlData } from '../../Services';
+import { KeyValueTableData } from '../KeyValueTable';
 import { ConfigMapSecretDataTypeOptionType } from './types';
 export declare const CONFIG_MAP_SECRET_YAML_PARSE_ERROR = "Please provide valid YAML";
 export declare const SECRET_TOAST_INFO: {
@@ -10,7 +10,7 @@ export declare const SECRET_TOAST_INFO: {
     BOTH_ESO_DATA_AND_DATA_FROM_UNAVAILABLE: string;
 };
 export declare const configMapDataTypeOptions: ConfigMapSecretDataTypeOptionType[];
-export declare const CONFIG_MAP_SECRET_DEFAULT_CURRENT_DATA: CMSecretYamlData[];
+export declare const CONFIG_MAP_SECRET_DEFAULT_CURRENT_DATA: KeyValueTableData[];
 export declare const configMapSecretMountDataMap: {
     environment: {
         title: string;

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

@@ -1,8 +1,9 @@
 import { GroupBase, OptionsOrGroups } from 'react-select';
-import { CMSecretPayloadType, CMSecretYamlData, ConfigMapSecretUseFormProps, ESOSecretData, GetConfigMapSecretFormInitialValuesParamsType } from '../../Services';
+import { CMSecretPayloadType, ConfigMapSecretUseFormProps, ESOSecretData, GetConfigMapSecretFormInitialValuesParamsType } from '../../Services';
+import { KeyValueTableData } from '../KeyValueTable';
 import { ConfigMapSecretDataTypeOptionType, GetConfigMapSecretReadOnlyValuesParamsType } from './types';
 export declare const getSecretDataTypeOptions: (isJob: boolean, isHashiOrAWS: boolean) => ConfigMapSecretDataTypeOptionType[] | OptionsOrGroups<ConfigMapSecretDataTypeOptionType, GroupBase<ConfigMapSecretDataTypeOptionType>>;
-export declare const convertKeyValuePairToYAML: (currentData: CMSecretYamlData[]) => string;
+export declare const convertKeyValuePairToYAML: (currentData: KeyValueTableData[]) => string;
 export declare const getConfigMapSecretFormInitialValues: ({ isJob, configMapSecretData, cmSecretStateLabel, componentType, skipValidation, fallbackMergeStrategy, }: GetConfigMapSecretFormInitialValuesParamsType) => ConfigMapSecretUseFormProps;
 export declare const getConfigMapSecretReadOnlyValues: ({ configMapSecretData, cmSecretStateLabel, componentType, isJob, fallbackMergeStrategy, displayKeys, }: GetConfigMapSecretReadOnlyValuesParamsType) => {
     configData: {
@@ -12,6 +13,6 @@ export declare const getConfigMapSecretReadOnlyValues: ({ configMapSecretData, c
     }[];
     data: string;
 };
-export declare const convertYAMLToKeyValuePair: (yaml: string) => CMSecretYamlData[];
+export declare const convertYAMLToKeyValuePair: (yaml: string) => KeyValueTableData[];
 export declare const getESOSecretDataFromYAML: (yaml: string) => ESOSecretData;
 export declare const getConfigMapSecretPayload: ({ isSecret, external, externalType, externalSubpathValues, yaml, yamlMode, currentData, esoSecretYaml, filePermission, name, selectedType, isFilePermissionChecked, roleARN, volumeMountPath, isSubPathChecked, mergeStrategy, }: ConfigMapSecretUseFormProps) => CMSecretPayloadType;

package/dist/{Common/CodeMirror → Shared/Components/CodeEditor}/types.d.ts

@@ -3,9 +3,9 @@ import { MergeView } from '@codemirror/merge';
 import { SearchQuery } from '@codemirror/search';
 import { EditorView, Extension, ReactCodeMirrorProps } from '@uiw/react-codemirror';
 import { JSONSchema7 } from 'json-schema';
-import { MODES } from '../Constants';
-import { AppThemeType } from '../../Shared/Providers';
-import { Never } from '../../Shared/types';
+import { MODES } from '../../../Common/Constants';
+import { AppThemeType } from '../../Providers';
+import { Never } from '../../types';
 export interface CodeEditorStatusBarProps {
     text: string;
     className?: string;

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

@@ -0,0 +1,10 @@
+import { DEPLOYMENT_STATUS } from '../../constants';
+import { DeploymentPhaseType, DeploymentStatusTimelineType } from '../../types';
+import { WorkflowRunnerStatusDTO } from './types';
+export declare const DEPLOYMENT_STATUS_TEXT_MAP: Readonly<Record<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS], string>>;
+export declare const WFR_STATUS_DTO_TO_DEPLOYMENT_STATUS_MAP: Readonly<Record<WorkflowRunnerStatusDTO, (typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS]>>;
+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 DEPLOYMENT_PHASES: Readonly<DeploymentPhaseType[]>;

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

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './types';
+export * from './utils';

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

@@ -0,0 +1,22 @@
+import { DEPLOYMENT_STATUS } from '../../constants';
+import { DeploymentStatusBreakdownItemType, DeploymentStatusDetailsType, DeploymentStatusTimelineType } from '../../types';
+export declare enum WorkflowRunnerStatusDTO {
+    PROGRESSING = "Progressing",
+    ABORTED = "Aborted",
+    FAILED = "Failed",
+    SUCCEEDED = "Succeeded",
+    TIMED_OUT = "TimedOut",
+    UNABLE_TO_FETCH = "UnableToFetch",
+    STARTING = "Starting",
+    QUEUED = "Queued",
+    INITIATING = "Initiating",
+    HEALTHY = "Healthy",
+    DEGRADED = "Degraded"
+}
+export interface ProcessUnableToFetchOrTimedOutStatusType {
+    timelineData: DeploymentStatusBreakdownItemType;
+    timelineStatusType: DeploymentStatusTimelineType;
+    deploymentStatus: typeof DEPLOYMENT_STATUS.UNABLE_TO_FETCH | typeof DEPLOYMENT_STATUS.TIMED_OUT;
+    statusLastFetchedAt: DeploymentStatusDetailsType['statusLastFetchedAt'] | null;
+    statusFetchCount: DeploymentStatusDetailsType['statusFetchCount'] | null;
+}

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

@@ -0,0 +1,20 @@
+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:
+ *  - There are five timelines in chronological order:
+ *    - Deployment Initiated
+ *    - Git commit
+ *    - ArgoCD Sync
+ *    - Kubectl Apply
+ *    - 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;

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

@@ -1,2 +1,2 @@
 import { DynamicDataTableProps } from './types';
-export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, onRowAdd, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { DynamicDataTableHeaderProps } from './types';
-export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, addBtnTooltip, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { DynamicDataTableRowProps } from './types';
-export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, isAddRowButtonClicked, setIsAddRowButtonClicked, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { DetailedHTMLProps, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
 import { TooltipProps } from '@Common/Tooltip/types';
@@ -112,6 +112,10 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
     isDeletionNotAllowed?: boolean;
     /** When true, data add or update is disabled. */
     readOnly?: boolean;
+    /** Tooltip for add button.
+     * @default 'Add'
+     */
+    addBtnTooltip?: string;
     /** Function to handle the addition of a new row to the table. */
     onRowAdd: () => void;
     /**
@@ -163,8 +167,10 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
      */
     focusableFieldKey?: K;
 };
-export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
+export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'addBtnTooltip' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
 }
 export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey'> {
+    isAddRowButtonClicked: boolean;
+    setIsAddRowButtonClicked: Dispatch<SetStateAction<boolean>>;
 }
 export {};

package/dist/Shared/Components/Error/ErrorBar.d.ts

@@ -1,3 +1,3 @@
 import { ErrorBarType } from './types';
-declare const ErrorBar: ({ appDetails }: ErrorBarType) => JSX.Element;
+declare const ErrorBar: ({ appDetails, useParentMargin }: ErrorBarType) => JSX.Element;
 export default ErrorBar;

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

@@ -1,6 +1,10 @@
 import { AppDetails } from '../../types';
 export interface ErrorBarType {
     appDetails: AppDetails;
+    /**
+     * @default true
+     */
+    useParentMargin?: boolean;
 }
 export declare enum AppDetailsErrorType {
     ERRIMAGEPULL = "errimagepull",

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

@@ -1,2 +1,3 @@
 import { AppDetails } from '../../types';
+export declare const getIsImagePullBackOff: (appDetails: AppDetails) => boolean;
 export declare const renderErrorHeaderMessage: (appDetails: AppDetails, key: string, onClickActionButton?: any) => JSX.Element;

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

@@ -1,3 +1,3 @@
-import { AnimatePresence } from 'framer-motion';
+import { AnimatePresence, motion } from 'framer-motion';
 export * from './MotionDiv';
-export { AnimatePresence };
+export { AnimatePresence, motion };

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, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -16,7 +16,6 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    showAnnouncementHeader?: boolean;
     tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
         isTippyCustomized?: boolean;
         tippyRedirectLink?: string;

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,20 +22,25 @@ 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>>;
+    'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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>>;
     'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -40,32 +48,45 @@ 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>>;
     'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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>>;
@@ -74,8 +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>>;
@@ -88,11 +113,14 @@ export declare const iconMap: {
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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>>;
@@ -100,13 +128,18 @@ export declare const iconMap: {
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-thumb-down': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-thumb-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    '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/KeyValueTable/KeyValueTable.component.d.ts

@@ -1,2 +1,2 @@
 import { KeyValueTableProps } from './KeyValueTable.types';
-export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, readOnly, showError, validationSchema: parentValidationSchema, errorMessages: parentErrorMessages, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps<K>) => JSX.Element;
+export declare const KeyValueTable: ({ headerLabel, rows: initialRows, placeholder, maskValue, isSortable, headerComponent, onChange, isAdditionNotAllowed, readOnly, showError, validationSchema: parentValidationSchema, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps) => JSX.Element;