@devtron-labs/devtron-fe-common-lib 0.4.5-beta-1 → 0.4.5-beta-3

package/dist/Common/Constants.d.ts

@@ -44,7 +44,6 @@ export declare const URLS: {
     GLOBAL_CONFIG_SCOPED_VARIABLES: string;
     GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: string;
     NETWORK_STATUS_INTERFACE: string;
-    CONFIG_DRIFT: string;
 };
 export declare const ROUTES: {
     APP: string;

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/Shared/Components/CICDHistory/AppStatusDetailsChart.d.ts

@@ -1,3 +1,3 @@
 import { AppStatusDetailsChartType } from './types';
-declare const AppStatusDetailsChart: ({ filterRemoveHealth, showFooter, showConfigDriftInfo, onClose, }: AppStatusDetailsChartType) => JSX.Element;
+declare const AppStatusDetailsChart: ({ filterRemoveHealth, showFooter }: AppStatusDetailsChartType) => JSX.Element;
 export default AppStatusDetailsChart;

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, runSource, resourceId, renderRunSource, }: 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, runSource, renderRunSource, resourceId, ...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, sortBy, sortOrder, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

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

@@ -0,0 +1,6 @@
+import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { History } from '../types';
+import { DeploymentHistoryConfigDiffProps } from './types';
+export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string) => JSX.Element;
+export declare const renderPipelineDeploymentStatusIcon: (status: string) => JSX.Element;
+export declare const renderPipelineDeploymentOptionDescription: ({ stage, triggeredBy, triggeredByEmail, artifact, renderRunSource, resourceId, runSource, }: Pick<History, "triggeredBy" | "triggeredByEmail" | "artifact" | "stage"> & Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "resourceId" | "runSource">) => 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,35 @@
+import { Dispatch, SetStateAction } from 'react';
+import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { EnvResourceType } from '../../../Services';
+import { History, HistoryLogsProps, RunSourceType } from '../types';
+export interface DeploymentHistoryConfigDiffProps extends Required<Pick<HistoryLogsProps, 'renderRunSource' | 'resourceId'>> {
+    appName: string;
+    envName: string;
+    pipelineId: number;
+    wfrId: number;
+    runSource: RunSourceType;
+    triggerHistory: Map<number, History>;
+    setFullScreenView: (fullscreen: boolean) => void;
+}
+export type DeploymentHistoryDiffDetailedProps = Pick<DeploymentConfigDiffProps, 'collapsibleNavList' | 'configList' | 'errorConfig' | 'isLoading' | 'navList'> & Required<Pick<DeploymentHistoryConfigDiffProps, 'setFullScreenView' | 'wfrId' | 'envName' | 'renderRunSource' | 'resourceId' | 'runSource'>> & {
+    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,20 @@
+import { SelectPickerOptionType } from '@Shared/Components/SelectPicker';
+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, wfrId, renderRunSource, resourceId, runSource, }: Required<Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "runSource" | "resourceId">> & {
+    pipelineDeployments: History[];
+    wfrId: number;
+}) => {
+    currentDeployment: string;
+    pipelineDeploymentsOptions: SelectPickerOptionType<number>[];
+};
+export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: number) => (searchParams: URLSearchParams) => {
+    compareWfrId: number;
+};

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

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

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

@@ -322,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;
@@ -343,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;
@@ -393,7 +392,7 @@ export interface DeploymentTemplateHistoryType {
     isUnpublished?: boolean;
     isDeleteDraft?: boolean;
     rootClassName?: string;
-    comparisonBodyClassName?: string;
+    sortBy?: string;
     sortOrder?: SortingOrder;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
@@ -417,8 +416,6 @@ export interface DeploymentHistorySidebarType {
 export interface AppStatusDetailsChartType {
     filterRemoveHealth?: boolean;
     showFooter: boolean;
-    showConfigDriftInfo?: boolean;
-    onClose?: () => void;
 }
 export interface StatusFilterButtonType {
     nodes: Array<Node>;
@@ -432,9 +429,6 @@ export declare enum NodeStatus {
     Suspended = "suspended",
     Unknown = "unknown"
 }
-export declare enum NodeFilters {
-    Drifted = "drifted"
-}
 type NodesMap = {
     [key in NodeType]?: Map<string, any>;
 };

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

@@ -1,31 +1,6 @@
 import { default as React } from 'react';
 import { TippyProps } from '@tippyjs/react';
-interface ButtonTab {
-    tabType: 'button';
-    /**
-     * Is tab active ( for button tab )
-     */
-    isActive: boolean;
-    /**
-     * The callback function to handle click events on the button.
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    href?: never;
-}
-interface NavLinkTab {
-    tabType: 'navLink';
-    /**
-     * The URL of the nav link.
-     */
-    href: string;
-    /**
-     * The callback function to handle click events on the nav link.
-     */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-    isActive?: never;
-}
-type ConditionalTabType = ButtonTab | NavLinkTab;
-export type CollapsibleListItem = ConditionalTabType & {
+export interface CollapsibleListItem {
     /**
      * The title of the list item.
      */
@@ -51,7 +26,15 @@ export type CollapsibleListItem = ConditionalTabType & {
          */
         tooltipProps?: TippyProps;
     };
-};
+    /**
+     * The URL of the nav link.
+     */
+    href?: string;
+    /**
+     * The callback function to handle click events on the nav link.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+}
 export interface CollapsibleListConfig {
     /**
      * The unique identifier for the collapsible list.
@@ -110,4 +93,3 @@ export interface CollapsibleListProps {
      */
     onCollapseBtnClick?: (id: string, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export {};

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.constants.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent, SVGProps } from 'react';
+import { DeploymentConfigDiffState } from './DeploymentConfigDiff.types';
+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/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;
@@ -11,10 +17,13 @@ export interface DeploymentConfigType {
 export interface DeploymentConfigListItem {
     id: string;
     title: string;
+    name?: string;
+    pathType: EnvResourceType;
     primaryConfig: DeploymentConfigType;
     secondaryConfig: DeploymentConfigType;
-    hasDiff?: boolean;
-    isDeploymentTemplate?: boolean;
+    diffState: DeploymentConfigDiffState;
+    singleView?: boolean;
+    groupHeader?: string;
 }
 export type DeploymentConfigDiffSelectPickerProps = {
     type: 'string';
@@ -27,10 +36,8 @@ export type DeploymentConfigDiffSelectPickerProps = {
     text?: never;
     selectPickerProps: SelectPickerProps;
 };
-export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'title'> {
-    hasDiff?: boolean;
-    href: string;
-    onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'href' | 'title' | 'onClick'> {
+    diffState: DeploymentConfigListItem['diffState'];
 }
 export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<CollapsibleListConfig, 'id' | 'header' | 'noItemsText'> {
     items: DeploymentConfigDiffNavigationItem[];
@@ -43,11 +50,13 @@ export interface DeploymentConfigDiffProps {
         reload: () => void;
     };
     configList: DeploymentConfigListItem[];
+    showDetailedDiffState?: boolean;
     headerText?: string;
     scrollIntoViewId?: string;
     selectorsConfig: {
         primaryConfig: DeploymentConfigDiffSelectPickerProps[];
         secondaryConfig: DeploymentConfigDiffSelectPickerProps[];
+        hideDivider?: boolean;
     };
     sortingConfig?: {
         sortBy: string;
@@ -64,29 +73,33 @@ 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;
 };

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

@@ -1,5 +1,6 @@
 import { DeploymentConfigDiffProps, AppEnvDeploymentConfigListParams } from '..';
-import { ConfigMapSecretDataConfigDatumDTO, TemplateListDTO } from '../../Services/app.types';
+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,7 +28,7 @@ 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, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
     configList: DeploymentConfigDiffProps["configList"];
     navList: DeploymentConfigDiffProps["navList"];
     collapsibleNavList: DeploymentConfigDiffProps["collapsibleNavList"];

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/DeploymentConfigDiff/index.d.ts

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

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

@@ -4,11 +4,12 @@ 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 { TooltipProps } from '@Common/Tooltip/types';
 export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
     /**
      * Description to be displayed for the option
      */
-    description?: string;
+    description?: ReactNode;
     /**
      * Icon at the start of 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?: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
 }
 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,7 @@ 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, signal, }: {
+    params: AppEnvDeploymentConfigPayloadType;
+    signal?: AbortSignal;
+}) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;

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

@@ -114,6 +114,7 @@ export interface DraftMetadataDTO {
     draftId: number;
     draftVersionId: number;
     draftState: number;
+    draftResolvedValue: string;
     approvers: string[];
     canApprove: boolean;
     commentsCount: number;
@@ -150,26 +151,40 @@ export interface ConfigMapSecretDataType {
 export declare enum ConfigResourceType {
     ConfigMap = "ConfigMap",
     Secret = "Secret",
-    DeploymentTemplate = "Deployment Template"
+    DeploymentTemplate = "Deployment Template",
+    PipelineStrategy = "Pipeline Strategy"
 }
 export interface DeploymentTemplateDTO {
     resourceType: ConfigResourceType.DeploymentTemplate;
-    data: {
-        [key: string]: any;
-    };
+    data: Record<string, any>;
     deploymentDraftData: ConfigMapSecretDataType | null;
+    variableSnapshot: {
+        'Deployment Template': Record<string, string>;
+    };
+    templateVersion: string;
+    isAppMetricsEnabled?: true;
+    resolvedValue: Record<string, any>;
 }
 export interface ConfigMapSecretDataDTO {
     resourceType: Extract<ConfigResourceType, ConfigResourceType.ConfigMap | ConfigResourceType.Secret>;
     data: ConfigMapSecretDataType;
+    variableSnapshot: Record<string, Record<string, string>>;
+    resolvedValue: string;
+}
+export interface PipelineConfigDataDTO {
+    resourceType: ConfigResourceType.PipelineStrategy;
+    data: Record<string, any>;
+    pipelineTriggerType: string;
+    Strategy: string;
 }
 export interface AppEnvDeploymentConfigDTO {
     deploymentTemplate: DeploymentTemplateDTO | null;
     configMapData: ConfigMapSecretDataDTO | null;
     secretsData: ConfigMapSecretDataDTO | null;
+    pipelineConfigData?: PipelineConfigDataDTO;
     isAppAdmin: boolean;
 }
-export interface AppEnvDeploymentConfigPayloadType {
+export type AppEnvDeploymentConfigPayloadType = {
     appName: string;
     envName: string;
     configType: AppEnvDeploymentConfigType;
@@ -178,7 +193,14 @@ export interface AppEnvDeploymentConfigPayloadType {
     resourceType?: ConfigResourceType;
     resourceId?: number;
     resourceName?: string;
-}
+    configArea?: 'AppConfiguration';
+} | {
+    appName: string;
+    envName: string;
+    pipelineId: number;
+    configArea: 'CdRollback' | 'DeploymentHistory';
+    wfrId: number;
+};
 export declare enum TemplateListType {
     DefaultVersions = 1,
     PublishedOnEnvironments = 2,
@@ -212,6 +234,7 @@ export declare enum EnvResourceType {
     ConfigMap = "configmap",
     Secret = "secrets",
     DeploymentTemplate = "deployment-template",
-    Manifest = "manifest"
+    Manifest = "manifest",
+    PipelineStrategy = "pipeline-strategy"
 }
 export {};

package/dist/Shared/types.d.ts

@@ -104,7 +104,6 @@ export interface Node {
     port: number;
     canBeHibernated: boolean;
     isHibernated: boolean;
-    hasDrift?: boolean;
 }
 export interface iNodes extends Array<iNode> {
 }