@devtron-labs/devtron-fe-common-lib 0.3.12 → 0.3.14-beta-1

package/dist/Common/Constants.d.ts

@@ -286,3 +286,4 @@ export declare const VULNERABILITIES_SORT_PRIORITY: {
     low: number;
     unknown: number;
 };
+export declare const IS_PLATFORM_MAC_OS: boolean;

package/dist/Common/Helper.d.ts

@@ -120,4 +120,5 @@ export declare const DropdownIndicator: (props: any) => JSX.Element;
 export declare function mapByKey<T = Map<any, any>>(arr: any[], id: string): T;
 export declare function asyncWrap(promise: any): any[];
 export declare const prefixZeroIfSingleDigit: (value?: number) => string | number;
+export declare const throttle: <T extends (...args: unknown[]) => unknown>(func: T, delay?: number) => ((...args: Parameters<T>) => void);
 export {};

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, ...props }: {
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -8,5 +8,6 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     dataTestId?: string;
     Icon?: any;
     iconClass?: string;
+    throttleOnChange?: boolean;
 }) => JSX.Element;
 export default Toggle;

package/dist/Common/Tooltip/ShortcutKeyComboTooltipContent.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProps } from './types';
+declare const ShortcutKeyComboTooltipContent: ({ text, combo }: TooltipProps["shortcutKeyCombo"]) => JSX.Element;
+export default ShortcutKeyComboTooltipContent;

package/dist/Common/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from './types';
-declare const Tooltip: ({ alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, ...rest }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ shortcutKeyCombo, alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, ...rest }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/Common/Tooltip/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Tooltip } from './Tooltip';
+export type { SupportedKeyboardKeysType } from './types';
 export { TOOLTIP_CONTENTS } from './constants';

package/dist/Common/Tooltip/types.d.ts

@@ -1,4 +1,11 @@
 import { TippyProps } from '@tippyjs/react';
+export declare const KEYBOARD_KEYS_MAP: {
+    readonly Control: "⌘" | "Ctrl";
+    readonly Shift: "⇧";
+    readonly F: "F";
+    readonly E: "E";
+};
+export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 type BaseTooltipProps = {
     /**
      * If true, show tippy on truncate
@@ -10,6 +17,12 @@ type BaseTooltipProps = {
      * @default false
      */
     alwaysShowTippyOnHover?: never;
+    /**
+     * If true, use the common styling for shortcuts
+     * @default undefined
+     */
+    shortcutKeyCombo?: never;
+    content: TippyProps['content'];
 } | {
     /**
      * If alwaysShowTippyOnHover is defined this prop doesn't work
@@ -18,9 +31,35 @@ type BaseTooltipProps = {
     showOnTruncate?: never;
     /**
      * If true, wrap with tippy irrespective of other options
+     * @default true
+     */
+    alwaysShowTippyOnHover: boolean;
+    /**
+     * If true, use the common styling for shortcuts
+     * @default undefined
+     */
+    shortcutKeyCombo?: never;
+    content: TippyProps['content'];
+} | {
+    /**
+     * If true, show tippy on truncate
+     * @default false
+     */
+    showOnTruncate?: never;
+    /**
+     * If showOnTruncate is defined this prop doesn't work
      * @default false
      */
     alwaysShowTippyOnHover?: boolean;
+    /**
+     * If true, use the common styling for shortcuts
+     * @default undefined
+     */
+    shortcutKeyCombo: {
+        text: string;
+        combo: SupportedKeyboardKeysType[];
+    };
+    content?: never;
 };
 export type TooltipProps = BaseTooltipProps & TippyProps & {
     /**

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

@@ -82,7 +82,7 @@ export type ButtonProps = ({
     /**
      * Props for tooltip
      */
-    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate'>;
+    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
 } | {
     showTooltip?: never;
     tooltipProps?: never;

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

@@ -0,0 +1,2 @@
+import { DeploymentHistoryConfigDiffProps } from './types';
+export declare const DeploymentHistoryConfigDiff: ({ appName, envName, pipelineId, wfrId, triggerHistory, setFullScreenView, }: DeploymentHistoryConfigDiffProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DeploymentHistoryDiffDetailedProps } from './types';
+export declare const DeploymentHistoryConfigDiffCompare: ({ envName, setFullScreenView, pipelineDeployments, wfrId, previousWfrId, convertVariables, setConvertVariables, ...props }: DeploymentHistoryDiffDetailedProps) => JSX.Element;

package/dist/Shared/Components/CICDHistory/{DeploymentHistoryDiff → DeploymentHistoryConfigDiff}/DeploymentHistoryDiffView.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentTemplateHistoryType } from '../types';
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, comparisonBodyClassName, sortOrder, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, sortOrder, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

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

@@ -0,0 +1,3 @@
+import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string) => JSX.Element;
+export declare const renderPipelineDeploymentStatusIcon: (status: string) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './DeploymentHistoryConfigDiff';
+export { default as DeploymentHistoryDiffView } from './DeploymentHistoryDiffView';

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

@@ -0,0 +1,34 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { EnvResourceType } from '../../../Services';
+import { History } from '../types';
+export interface DeploymentHistoryConfigDiffProps {
+    appName: string;
+    envName: string;
+    pipelineId: number;
+    wfrId: number;
+    triggerHistory: Map<number, History>;
+    setFullScreenView: (fullscreen: boolean) => void;
+}
+export type DeploymentHistoryDiffDetailedProps = Pick<DeploymentConfigDiffProps, 'collapsibleNavList' | 'configList' | 'errorConfig' | 'isLoading' | 'navList'> & Pick<DeploymentHistoryConfigDiffProps, 'setFullScreenView' | 'wfrId' | 'envName'> & {
+    pipelineDeployments: History[];
+    previousWfrId: number;
+    convertVariables: boolean;
+    setConvertVariables: Dispatch<SetStateAction<boolean>>;
+};
+export interface DeploymentHistoryConfigDiffQueryParams {
+    compareWfrId: number;
+}
+export interface DeploymentHistoryConfigDiffRouteParams {
+    resourceType: EnvResourceType;
+    resourceName: string;
+}
+export interface DeploymentHistoryParamsType {
+    appId: string;
+    pipelineId?: string;
+    historyComponent?: string;
+    baseConfigurationId?: string;
+    historyComponentName?: string;
+    envId?: string;
+    triggerId?: string;
+}

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

@@ -0,0 +1,21 @@
+import { History } from '../types';
+import { DeploymentHistoryConfigDiffProps } from './types';
+export declare const getPipelineDeployments: (triggerHistory: DeploymentHistoryConfigDiffProps["triggerHistory"]) => History[];
+export declare const getPipelineDeploymentsWfrIds: ({ pipelineDeployments, wfrId, }: {
+    pipelineDeployments: History[];
+} & Pick<DeploymentHistoryConfigDiffProps, "wfrId">) => {
+    currentWfrId: number;
+    previousWfrId: number;
+};
+export declare const getPipelineDeploymentsOptions: (pipelineDeployments: History[], wfrId: number) => {
+    currentDeployment: string;
+    pipelineDeploymentsOptions: {
+        value: number;
+        label: string;
+        description: string;
+        startIcon: JSX.Element;
+    }[];
+};
+export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: number) => (searchParams: URLSearchParams) => {
+    compareWfrId: number;
+};

package/dist/Shared/Components/CICDHistory/History.components.d.ts

@@ -1,4 +1,57 @@
+import { IWithShortcut } from 'react-keybind';
 import { GitChangesType, LogResizeButtonType, ScrollerType } from './types';
-export declare const LogResizeButton: ({ fullScreenView, setFullScreenView }: LogResizeButtonType) => JSX.Element;
+export declare const LogResizeButton: {
+    new (props: Readonly<LogResizeButtonType & IWithShortcut>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogResizeButtonType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<LogResizeButtonType & IWithShortcut> & Readonly<{
+            children?: import('react').ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import('react').ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: LogResizeButtonType & IWithShortcut, context?: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogResizeButtonType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<LogResizeButtonType & IWithShortcut> & Readonly<{
+            children?: import('react').ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import('react').ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import('react').Context<any> | undefined;
+};
 export declare const Scroller: ({ scrollToTop, scrollToBottom, style }: ScrollerType) => JSX.Element;
 export declare const GitChanges: ({ gitTriggers, ciMaterials, artifact, userApprovalMetadata, triggeredByEmail, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, appliedFiltersTimestamp, promotionApprovalMetadata, selectedEnvironmentName, renderCIListHeader, }: GitChangesType) => JSX.Element;

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

@@ -1,3 +1,56 @@
+import { IWithShortcut } from 'react-keybind';
 import { LogsRendererType } from './types';
-export declare const LogsRenderer: ({ triggerDetails, isBlobStorageConfigured, parentType, fullScreenView, }: LogsRendererType) => JSX.Element;
-export default LogsRenderer;
+declare const _default: {
+    new (props: Readonly<LogsRendererType & IWithShortcut>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogsRendererType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<LogsRendererType & IWithShortcut> & Readonly<{
+            children?: import('react').ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import('react').ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: LogsRendererType & IWithShortcut, context?: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogsRendererType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<LogsRendererType & IWithShortcut> & Readonly<{
+            children?: import('react').ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import('react').ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import('react').Context<any> | undefined;
+};
+export default _default;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { TriggerDetailsType, TriggerOutputProps } from './types';
 export declare const TriggerDetails: React.MemoExoticComponent<({ status, startedOn, finishedOn, triggeredBy, triggeredByEmail, ciMaterials, gitTriggers, message, podStatus, type, stage, artifact, environmentName, isJobView, workerPodName, triggerMetadata, renderDeploymentHistoryTriggerMetaText, renderTargetConfigInfo, }: TriggerDetailsType) => JSX.Element>;
-declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, scrollToTop, scrollToBottom, renderTargetConfigInfo, }: TriggerOutputProps) => JSX.Element;
+declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, scrollToTop, scrollToBottom, renderTargetConfigInfo, appName, }: TriggerOutputProps) => JSX.Element;
 export default TriggerOutput;

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

@@ -10,7 +10,7 @@ export * from './service';
 export * from './History.components';
 export * from './utils';
 export * from './TriggerOutput';
-export * from './LogsRenderer';
-export * from './DeploymentHistoryDiff';
+export { default as LogsRenderer } from './LogsRenderer';
+export * from './DeploymentHistoryConfigDiff';
 export * from './CiPipelineSourceConfig';
 export * from './StatusFilterButtonComponent';

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactElement } from 'react';
-import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder } from '../../../Common';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder, SupportedKeyboardKeysType } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
 export declare enum HistoryComponentType {
@@ -14,6 +14,16 @@ export declare enum FetchIdDataStatus {
     SUSPEND = "SUSPEND"
 }
 export interface LogResizeButtonType {
+    /**
+     * If given, that shortcut combo will be bound to the button
+     * @default null
+     */
+    shortcutCombo?: SupportedKeyboardKeysType[];
+    /**
+     * If true, only show the button when location.pathname contains '/logs'
+     * @default true
+     */
+    showOnlyWhenPathIncludesLogs?: boolean;
     fullScreenView: boolean;
     setFullScreenView: React.Dispatch<React.SetStateAction<boolean>>;
 }
@@ -312,14 +322,13 @@ export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDet
     fullScreenView: boolean;
     triggerHistory: Map<number, History>;
     setFullScreenView: React.Dispatch<React.SetStateAction<boolean>>;
-    deploymentHistoryList: DeploymentTemplateList[];
-    setDeploymentHistoryList: React.Dispatch<React.SetStateAction<DeploymentTemplateList[]>>;
     deploymentAppType: DeploymentAppTypes;
     isBlobStorageConfigured: boolean;
     appReleaseTags: string[];
     tagsEditable: boolean;
     hideImageTaggingHardDelete: boolean;
     fetchIdData: FetchIdDataStatus;
+    appName: string;
     selectedEnvironmentName?: string;
     renderCIListHeader?: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
     renderDeploymentApprovalInfo?: (userApprovalMetadata: UserApprovalMetadataType) => JSX.Element;
@@ -333,7 +342,7 @@ export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDet
     scrollToTop: ReturnType<typeof useScrollable>[1];
     scrollToBottom: ReturnType<typeof useScrollable>[2];
 }
-export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentHistoryList' | 'setDeploymentHistoryList' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView'> {
+export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView' | 'appName' | 'triggerHistory'> {
     triggerDetails: History;
     loading: boolean;
     userApprovalMetadata: UserApprovalMetadataType;
@@ -383,7 +392,6 @@ export interface DeploymentTemplateHistoryType {
     isUnpublished?: boolean;
     isDeleteDraft?: boolean;
     rootClassName?: string;
-    comparisonBodyClassName?: string;
     sortOrder?: SortingOrder;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {

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

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, showDetailedDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;

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

@@ -4,6 +4,12 @@ import { DeploymentHistoryDetail } from '../CICDHistory';
 import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
 import { SelectPickerProps } from '../SelectPicker';
 import { CollapseProps } from '../Collapse';
+export declare enum DeploymentConfigDiffState {
+    NO_DIFF = "noDiff",
+    HAS_DIFF = "hasDiff",
+    ADDED = "added",
+    DELETED = "deleted"
+}
 export interface DeploymentConfigType {
     list: DeploymentHistoryDetail;
     heading: React.ReactNode;
@@ -13,8 +19,9 @@ export interface DeploymentConfigListItem {
     title: string;
     primaryConfig: DeploymentConfigType;
     secondaryConfig: DeploymentConfigType;
-    hasDiff?: boolean;
-    isDeploymentTemplate?: boolean;
+    diffState: DeploymentConfigDiffState;
+    singleView?: boolean;
+    groupHeader?: string;
 }
 export type DeploymentConfigDiffSelectPickerProps = {
     type: 'string';
@@ -28,7 +35,7 @@ export type DeploymentConfigDiffSelectPickerProps = {
     selectPickerProps: SelectPickerProps;
 };
 export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'href' | 'title' | 'onClick'> {
-    hasDiff?: boolean;
+    diffState: DeploymentConfigListItem['diffState'];
 }
 export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<CollapsibleListConfig, 'id' | 'header' | 'noItemsText'> {
     items: DeploymentConfigDiffNavigationItem[];
@@ -41,11 +48,13 @@ export interface DeploymentConfigDiffProps {
         reload: () => void;
     };
     configList: DeploymentConfigListItem[];
+    showDetailedDiffState?: boolean;
     headerText?: string;
     scrollIntoViewId?: string;
     selectorsConfig: {
         primaryConfig: DeploymentConfigDiffSelectPickerProps[];
         secondaryConfig: DeploymentConfigDiffSelectPickerProps[];
+        hideDivider?: boolean;
     };
     sortingConfig?: {
         sortBy: string;
@@ -62,29 +71,35 @@ export interface DeploymentConfigDiffProps {
         activeTab: string;
         onClick: (tab: string) => void;
     };
+    scopeVariablesConfig?: {
+        convertVariables: boolean;
+        onConvertVariablesClick: () => void;
+    };
+    renderedInDrawer?: boolean;
 }
-export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText' | 'tabConfig'> {
+export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText' | 'tabConfig' | 'showDetailedDiffState'> {
 }
-export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'errorConfig' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig'> {
+export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'errorConfig' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig' | 'scopeVariablesConfig' | 'showDetailedDiffState'> {
 }
-export interface DeploymentConfigDiffAccordionProps extends Pick<CollapseProps, 'onTransitionEnd'> {
+export type DeploymentConfigDiffAccordionProps = Pick<CollapseProps, 'onTransitionEnd'> & Pick<DeploymentConfigDiffProps, 'showDetailedDiffState'> & {
     id: string;
     title: string;
     children: React.ReactNode;
-    hasDiff?: boolean;
+    diffState: DeploymentConfigDiffState;
     isExpanded?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-}
+};
 export type DiffHeadingDataType<DeploymentTemplate> = DeploymentTemplate extends true ? DeploymentTemplateDTO : ConfigMapSecretDataConfigDatumDTO;
 export type AppEnvDeploymentConfigListParams<IsManifestView> = (IsManifestView extends true ? {
     currentList: ManifestTemplateDTO;
     compareList: ManifestTemplateDTO;
-    sortOrder?: never;
 } : {
     currentList: AppEnvDeploymentConfigDTO;
     compareList: AppEnvDeploymentConfigDTO;
-    sortOrder?: SortingOrder;
 }) & {
     getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string;
     isManifestView?: IsManifestView;
+    convertVariables?: boolean;
+    currentDeploymentTemplateResolvedData?: AppEnvDeploymentConfigDTO;
+    compareDeploymentTemplateResolvedData?: AppEnvDeploymentConfigDTO;
 };

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

@@ -1,5 +1,7 @@
-import { AppEnvDeploymentConfigListParams, DeploymentConfigDiffProps } from '..';
-import { ConfigMapSecretDataConfigDatumDTO, TemplateListDTO } from '../../Services/app.types';
+import { FunctionComponent, SVGProps } from 'react';
+import { AppEnvDeploymentConfigListParams, DeploymentConfigDiffProps, DeploymentConfigDiffState } from '..';
+import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, TemplateListDTO } from '../../Services/app.types';
+export declare const getDeploymentTemplateData: (data: DeploymentTemplateDTO) => any;
 /**
  * Retrieves the draft data from the given configuration data object.
  *
@@ -27,12 +29,17 @@ export declare const mergeConfigDataArraysByName: (primaryArray: ConfigMapSecret
  *
  * @returns An object containing the combined deployment configuration list, a collapsible navigation list, and a navigation list.
  */
-export declare const getAppEnvDeploymentConfigList: <ManifestView extends boolean = false>({ currentList, compareList, getNavItemHref, isManifestView, sortOrder, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
+export declare const getAppEnvDeploymentConfigList: <ManifestView extends boolean = false>({ currentList, compareList, getNavItemHref, isManifestView, convertVariables, currentDeploymentTemplateResolvedData, compareDeploymentTemplateResolvedData, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
     configList: DeploymentConfigDiffProps["configList"];
     navList: DeploymentConfigDiffProps["navList"];
     collapsibleNavList: DeploymentConfigDiffProps["collapsibleNavList"];
 };
+export declare const getDeploymentTemplateValues: (deploymentTemplate: DeploymentTemplateDTO) => string;
 export declare const getDefaultVersionAndPreviousDeploymentOptions: (data: TemplateListDTO[]) => {
     previousDeployments: TemplateListDTO[];
     defaultVersions: TemplateListDTO[];
 };
+export declare const diffStateTextMap: Record<DeploymentConfigDiffState, string>;
+export declare const diffStateIconMap: Record<DeploymentConfigDiffState, FunctionComponent<SVGProps<SVGSVGElement>>>;
+export declare const diffStateTooltipTextMap: Record<DeploymentConfigDiffState, string>;
+export declare const diffStateTextColorMap: Record<DeploymentConfigDiffState, `c${string}`>;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffAccordion.d.ts

@@ -1,2 +1,9 @@
-import { DeploymentConfigDiffAccordionProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffAccordion: import('react').ForwardRefExoticComponent<DeploymentConfigDiffAccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+import { DeploymentConfigDiffState } from './DeploymentConfigDiff.types';
+export declare const DeploymentConfigDiffAccordion: import('react').ForwardRefExoticComponent<Pick<import('../Collapse').CollapseProps, "onTransitionEnd"> & Pick<import('./DeploymentConfigDiff.types').DeploymentConfigDiffProps, "showDetailedDiffState"> & {
+    id: string;
+    title: string;
+    children: React.ReactNode;
+    diffState: DeploymentConfigDiffState;
+    isExpanded?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffMain.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffMainProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffMain: ({ isLoading, errorConfig, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, }: DeploymentConfigDiffMainProps) => JSX.Element;
+export declare const DeploymentConfigDiffMain: ({ isLoading, errorConfig, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, scopeVariablesConfig, showDetailedDiffState, }: DeploymentConfigDiffMainProps) => JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffNavigation.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffNavigationProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, }: DeploymentConfigDiffNavigationProps) => JSX.Element;
+export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, showDetailedDiffState, }: DeploymentConfigDiffNavigationProps) => JSX.Element;

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

@@ -4,6 +4,7 @@ import { ComponentSizeType } from '../../constants';
 import { MutableRefObject, ReactElement, ReactNode } from 'react';
 import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance } from 'react-select';
 import { CreatableProps } from 'react-select/creatable';
+import { TippyProps } from '@tippyjs/react';
 export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
     /**
      * Description to be displayed for the option
@@ -17,6 +18,10 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
      * Icon at the end of the option
      */
     endIcon?: ReactElement;
+    /**
+     * Props passed to show the tippy on option
+     */
+    tooltipProps?: TippyProps;
 }
 type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
 declare module 'react-select/base' {

package/dist/Shared/Helpers.d.ts

@@ -50,4 +50,17 @@ export declare const getIsManualApprovalSpecific: (userApprovalConfig?: Pick<Use
  */
 export declare const getHandleOpenURL: (url: string) => () => void;
 export declare const getDefaultValueFromType: (value: unknown) => {};
+/**
+ * Groups an array of objects by a specified key.
+ *
+ * This function takes an array of objects and a key, and groups the objects in the array
+ * based on the value of the specified key. If an object does not have the specified key,
+ * it will be grouped under the `'UNGROUPED'` key.
+ *
+ * @param array - The array of objects to be grouped.
+ * @param key - The key of the object used to group the array.
+ * @returns An object where the keys are the unique values of the specified key in the array,
+ * and the values are arrays of objects that share the same key value.
+ */
+export declare const groupArrayByObjectKey: <T extends Record<string, any>, K extends keyof T>(array: T[], key: K) => Record<string, T[]>;
 export {};

package/dist/Shared/Services/app.service.d.ts

@@ -5,4 +5,10 @@ export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => P
  * The only difference between this and getCITriggerInfo is it doesn't have env and trigger related meta info
  */
 export declare const getArtifactInfo: (params: Pick<GetCITriggerInfoParamsType, "ciArtifactId">) => Promise<CIMaterialInfoType>;
-export declare const getAppEnvDeploymentConfig: (params: AppEnvDeploymentConfigPayloadType, signal?: AbortSignal) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;
+export declare const getAppEnvDeploymentConfig: ({ params, payload, signal, }: {
+    params: AppEnvDeploymentConfigPayloadType;
+    payload?: {
+        values: string;
+    };
+    signal?: AbortSignal;
+}) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;