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

package/dist/Common/Constants.d.ts

@@ -5,7 +5,6 @@ export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DOCUMENTATION_VERSION = "/v/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DOCUMENTATION: {
-    APP_METRICS: string;
     APP_TAGS: string;
     APP_OVERVIEW_TAGS: string;
     BLOB_STORAGE: string;
@@ -49,7 +48,6 @@ export declare const URLS: {
 export declare const ROUTES: {
     APP: string;
     APP_ARTIFACT_PROMOTE_MATERIAL: string;
-    APP_TEMPLATE_DATA: string;
     PROJECT_LIST_MIN: string;
     USER_CHECK_ROLE: string;
     IMAGE_TAGGING: string;
@@ -252,7 +250,6 @@ export declare const API_STATUS_CODES: {
     PERMISSION_DENIED: number;
     NOT_FOUND: number;
     EXPECTATION_FAILED: number;
-    LOCKED: number;
 };
 export declare enum SERVER_MODE {
     EA_ONLY = "EA_ONLY",

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

@@ -661,8 +661,6 @@ export interface AppEnvironment {
     isProtected?: boolean;
     pipelineId?: number;
     latestCdWorkflowRunnerId?: number;
-    commits?: string[];
-    ciArtifactId?: number;
 }
 export interface Strategy {
     deploymentTemplate: string;
@@ -781,6 +779,12 @@ export interface CiPipeline {
     isOffendingMandatoryPlugin?: boolean;
     pipelineType?: string;
 }
+export interface DeploymentChartVersionType {
+    chartRefId: number;
+    chartVersion: string;
+    chartType: string;
+    type: number;
+}
 export interface ChartVersionAndTypeSelectorProps {
     setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>;
 }

package/dist/Pages/App/AppConfigurations/index.d.ts

@@ -0,0 +1 @@
+export { getDeploymentStageTitle } from './utils';

package/dist/Pages/App/AppConfigurations/utils.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentStageType } from '../../../Shared/constants';
+export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "-" | "pre-deployment" | "post-deployment" | "deployment";

package/dist/Pages/{Applications/DevtronApps/Details → App}/index.d.ts

@@ -1,2 +1 @@
 export * from './AppConfigurations';
-export * from './CDPipeline';

package/dist/Pages/{Applications/DevtronApps/Details/CDPipeline → CDPipeline}/types.d.ts

@@ -1,7 +1,7 @@
-import { BuildStageType, FormType } from '../../../../../Common/CIPipeline.Types';
-import { DeploymentAppTypes, UserApprovalConfigType } from '../../../../../Common/Types';
-import { DeploymentStrategy } from '../../../../../Shared/Components';
-import { EnvListMinDTO } from '../../../../../Shared/types';
+import { BuildStageType, FormType } from '../../Common/CIPipeline.Types';
+import { DeploymentAppTypes, UserApprovalConfigType } from '../../Common/Types';
+import { DeploymentStrategy } from '../../Shared/Components';
+import { EnvListMinDTO } from '../../Shared/types';
 interface ConfigSecretType {
     label: string;
     value: string;

package/dist/Pages/index.d.ts

@@ -1,3 +1,4 @@
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';
-export * from './Applications';
+export * from './CDPipeline';
+export * from './App';

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, sortingConfig, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, sortingConfig, codeEditorKey, }: 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;
+    codeEditorKey?: React.Key;
     sortingConfig?: {
         sortBy: string;
         sortOrder: SortingOrder;

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

@@ -1,2 +1,7 @@
 import { CollapseProps } from './types';
-export declare const Collapse: ({ expand, children }: CollapseProps) => JSX.Element;
+/**
+ * Collapse component for expanding/collapsing content with smooth transitions.
+ * Dynamically calculates and applies height based on the content, with support
+ * for callback execution when the transition ends.
+ */
+export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;

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

@@ -1,10 +1,15 @@
 import { SortingOrder } from '../../../Common/Constants';
-import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType } from '../../Services';
-import { ManifestTemplateDTO } from '../../../Pages/Applications';
+import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType, ManifestTemplateDTO } from '../../Services';
 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;
@@ -12,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';
@@ -29,7 +37,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[];
@@ -39,14 +47,18 @@ export interface DeploymentConfigDiffProps {
     errorConfig?: {
         error: boolean;
         code: number;
+        message?: string;
+        redirectURL?: string;
         reload: () => void;
     };
     configList: DeploymentConfigListItem[];
+    showDetailedDiffState?: boolean;
     headerText?: string;
     scrollIntoViewId?: string;
     selectorsConfig: {
         primaryConfig: DeploymentConfigDiffSelectPickerProps[];
         secondaryConfig: DeploymentConfigDiffSelectPickerProps[];
+        hideDivider?: boolean;
     };
     sortingConfig?: {
         sortBy: string;
@@ -63,29 +75,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,2 @@
 import { DeploymentConfigDiffAccordionProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffAccordion: import('react').ForwardRefExoticComponent<DeploymentConfigDiffAccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DeploymentConfigDiffAccordion: ({ diffState, showDetailedDiffState, children, title, id, isExpanded, onClick, onTransitionEnd, }: DeploymentConfigDiffAccordionProps) => JSX.Element;

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' {
@@ -74,11 +79,11 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      */
     customSelectedOptionsCount?: number;
     /**
-     * Size of select
+     * Height of the dropdown
      *
      * @default 'ComponentSizeType.medium'
      */
-    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large | ComponentSizeType.small>;
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
     /**
      * Content to be shown in a tippy when disabled
      */

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

@@ -1,7 +1,6 @@
 import { LinkProps, NavLinkProps } from 'react-router-dom';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
-import { TooltipProps } from '@Common/Tooltip/types';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
@@ -57,13 +56,6 @@ type ConditionalTabType = {
      */
     active?: never | false;
 };
-type TabTooltipProps = {
-    shouldWrapTooltip: boolean;
-    tooltipProps: TooltipProps;
-} | {
-    shouldWrapTooltip?: never;
-    tooltipProps?: never;
-};
 export type TabProps = {
     /**
      * Unique identifier for the tab.
@@ -105,7 +97,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps;
+} & ConditionalTabType;
 export interface TabGroupProps {
     /**
      * Array of tabs to be rendered.

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

@@ -40,4 +40,3 @@ export * from './EditImageFormField';
 export * from './Collapse';
 export * from './Security';
 export * from './Button';
-export * from './InvalidYAMLTippy';

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/Hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
-import { BaseSyntheticEvent, ChangeEvent } from 'react';
-import { UseFormSubmitHandler, UseFormValidations, UseFormErrorHandler } from './useForm.types';
+import { ChangeEvent, FormEvent } from 'react';
+import { UseFormSubmitHandler, UseFormValidations } from './useForm.types';
 /**
  * A custom hook to manage form state, validation, and submission handling.
  *
@@ -16,19 +16,20 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
      * - 'onBlur': Validation occurs when the input loses focus.
      *  @default 'onChange'
      */
-    validationMode?: "onChange" | "onBlur" | "onSubmit";
+    validationMode?: "onChange" | "onBlur";
 }) => {
     /** The current form data. */
     data: T;
     /** An object containing validation errors for each form field. */
-    errors: Partial<Record<keyof T, string[]>>;
-    register: <Value extends unknown, SFnReturnType extends unknown, CustomComponent extends boolean>(name: keyof T, registerOptions?: {
-        /**
-         * A function to sanitize the input value.
-         * @param value The input value.
-         * @returns The sanitized value.
-         */
-        sanitizeFn?: (value: CustomComponent extends true ? Value : string) => SFnReturnType;
+    errors: Partial<Record<keyof T, string | string[]>>;
+    /**
+     * Registers form input fields with onChange, onBlur and onFocus handlers.
+     *
+     * @param name - The key of the form field to register.
+     * @param sanitizeFn - An optional function to sanitize the input value.
+     * @returns An object containing form field `name`, `onChange`, `onBlur` and `onFocus` event handlers.
+     */
+    register: <V extends unknown = string, S extends unknown = unknown>(name: keyof T, sanitizeFn?: (value: V) => S, registerOptions?: {
         /**
          * Prevents the input value from being trimmed.
          *
@@ -38,30 +39,26 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
          * @default false - By default, the input will be trimmed.
          */
         noTrim?: boolean;
-        /** A boolean flag indicating if the input is a custom component. */
-        isCustomComponent?: CustomComponent;
     }) => {
-        onChange: (e: CustomComponent extends true ? Value : ChangeEvent<HTMLInputElement>) => void;
+        onChange: (e: ChangeEvent<HTMLInputElement>) => void;
         onBlur: () => void;
         onFocus: () => void;
         name: keyof T;
     };
-    handleSubmit: (onValid: UseFormSubmitHandler<T>, onError?: UseFormErrorHandler<T>) => (e?: BaseSyntheticEvent) => Promise<void>;
+    /**
+     * Handles form submission, validates all form fields, and calls the provided `onValid` function if valid.
+     *
+     * @param onValid - A function to handle valid form data on submission.
+     * @returns The event handler for form submission.
+     */
+    handleSubmit: (onValid: UseFormSubmitHandler<T>) => (e: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Manually triggers validation for specific form fields.
+     *
+     * @param name - The key(s) of the form field(s) to validate.
+     * @returns The validation error(s), if any.
+     */
     trigger: (name: keyof T | (keyof T)[]) => (string | string[]) | (string | string[])[];
-    setValue: (name: keyof T, value: T[keyof T], valueOptions?: {
-        /** A boolean indicating whether to mark the field as dirty after setting the value. */
-        shouldDirty?: boolean;
-        /** A boolean indicating whether to mark the field as touched after setting the value. */
-        shouldTouch?: boolean;
-    }) => void;
-    reset: (formData: T, resetOptions?: {
-        /** A boolean indicating whether to retain the current dirty state of the form fields. */
-        keepDirty?: boolean;
-        /** A boolean indicating whether to retain the current touched state of the form fields. */
-        keepTouched?: boolean;
-        /** A boolean indicating whether to retain the current error state of the form fields. */
-        keepErrors?: boolean;
-    }) => void;
     /** An object representing additional form state. */
     formState: {
         /** An object indicating which fields have been touched (interacted with). */