@devtron-labs/devtron-fe-common-lib 1.7.3 → 1.7.5-beta-1

package/dist/{@common-rjsf-DkYtZEPs.js → @common-rjsf-vxINagIC.js}

@@ -1,7 +1,7 @@
 import { j as t, J as P } from "./@vendor-CIA81cZg.js";
 import R, { forwardRef as $ } from "react";
 import L, { getDefaultRegistry as D } from "@rjsf/core";
-import { T as v, c as H, a as U, i as k, b as y, d as S, S as J } from "./@code-editor-DF4xpSML.js";
+import { T as v, c as H, a as U, i as k, b as y, d as S, S as J } from "./@code-editor-BmMzQgKS.js";
 import M, { components as A } from "react-select";
 import { ReactComponent as V } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as C, getTemplate as B, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as I, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";

package/dist/Common/Constants.d.ts

@@ -1,4 +1,3 @@
-import { RegistryTypeDetailType } from './Types';
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
@@ -117,6 +116,7 @@ export declare const ROUTES: {
     CD_TRIGGER_POST: string;
     DELETE_RESOURCE: string;
     NODE_CAPACITY: string;
+    ENVIRONMENT_DATA: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -176,7 +176,6 @@ export declare const BuildStageVariable: {
     Build: string;
     PostBuild: string;
 };
-export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;
 export declare const RepositoryAction: {
     CONTAINER: string;
     CHART_PULL: string;
@@ -328,7 +327,8 @@ export declare enum GitProviderType {
     GITLAB = "gitlab",
     BITBUCKET = "bitbucket",
     AZURE = "azure",
-    GITEA = "gitea"
+    GITEA = "gitea",
+    GIT = "git"
 }
 /**
  * Formats the schema removing any irregularity in the existing schema

package/dist/Common/Helper.d.ts

@@ -10,7 +10,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | 0 | -1;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("Alt" | "F" | "E" | "R" | "K" | "Control" | "Shift" | "Meta" | "Escape" | "Enter")[];
+    keys: ("Escape" | "Control" | "Alt" | "F" | "E" | "R" | "K" | "Shift" | "Meta" | "Enter")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "className" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "action" | "method" | "autoComplete" | "tagName" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "className" | "children" | "disabled" | "id" | "name" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "noValidate" | "tagName" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "action" | "enctype" | "method" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -158,6 +158,7 @@ interface InfoColourBarTextConfigType {
      * If given would be shown below the heading (if given)
      */
     description: string;
+    actionButtonConfig?: ButtonProps;
 }
 type InfoColourBarMessageProp = {
     message: ReactNode;

package/dist/Common/index.d.ts

@@ -48,6 +48,5 @@ export * from './Markdown';
 export * from './GenericDescription';
 export * from './SegmentedBarChart';
 export * from './CodeEditor';
-export * from './AppStatus';
 export * from './Tooltip';
 export * from './SegmentedControl';

package/dist/Pages/Applications/DevtronApps/Details/AppConfigurations/DeploymentTemplate/types.d.ts

@@ -96,6 +96,10 @@ export interface SelectedChartDetailsType {
     selectedChartRefId: number;
     selectedChart: DeploymentChartVersionType;
 }
+export declare enum PipelineMigratedFromType {
+    HELM_RELEASE = "helmRelease",
+    ARGO_APPLICATION = "argoApplication"
+}
 interface EnvironmentConfigType {
     id: number;
     status: number;

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

@@ -28,7 +28,7 @@ export interface CustomTagType {
 }
 export declare enum ReleaseMode {
     NEW_DEPLOYMENT = "create",
-    MIGRATE_HELM = "link"
+    MIGRATE_EXTERNAL_APPS = "link"
 }
 export interface CDFormType {
     name: string;

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

@@ -2,5 +2,4 @@ import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDi
 import { History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string, hideDiffState: boolean) => 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" | "runSource"> & Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "resourceId">) => JSX.Element;

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

@@ -81,6 +81,6 @@ export declare const TERMINAL_STATUS_COLOR_CLASS_MAP: {
     readonly [x: string]: "cr-5" | "cg-5" | "co-5";
 };
 export declare const PROGRESSING_STATUS: {
-    readonly [x: string]: "progressing" | "starting" | "initiating" | "queued" | "running";
+    readonly [x: string]: "running" | "progressing" | "starting" | "initiating" | "queued";
 };
 export declare const FAILED_WORKFLOW_STAGE_STATUS_MAP: Record<Extract<WorkflowStageStatusType, WorkflowStageStatusType.ABORTED | WorkflowStageStatusType.FAILED | WorkflowStageStatusType.TIMEOUT>, true>;

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

@@ -519,6 +519,14 @@ export interface StatusFilterButtonType {
     handleFilterClick?: (selectedFilter: string) => void;
     maxInlineFiltersCount?: number;
 }
+export declare enum NodeStatusDTO {
+    Healthy = "Healthy",
+    Progressing = "Progressing",
+    Unknown = "Unknown",
+    Suspended = "Suspended",
+    Degraded = "Degraded",
+    Missing = "Missing"
+}
 export declare enum NodeStatus {
     Degraded = "degraded",
     Healthy = "healthy",

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

@@ -6,8 +6,6 @@ export declare const getParsedTriggerHistory: (result: any) => DeploymentHistory
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
 export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
-export declare const renderProgressingTriggerIcon: (baseClass?: string) => JSX.Element;
-export declare const getTriggerStatusIcon: (triggerDetailStatus: string) => JSX.Element;
 export declare const getLogSearchIndex: ({ stageIndex, lineNumberInsideStage, }: Record<"stageIndex" | "lineNumberInsideStage", number>) => string;
 export declare const sanitizeWorkflowExecutionStages: (workflowExecutionStages: WorkflowExecutionStagesMapDTO["workflowExecutionStages"]) => ExecutionInfoType | null;
 export declare const getIconFromWorkflowStageStatusType: (status: WorkflowStageStatusType, baseClass?: string) => ReactElement;
@@ -36,3 +34,5 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
         count: number;
     })[];
 };
+export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
+export declare const getTriggerStatusIcon: (status: string) => string;

package/dist/Shared/Components/ConfirmationModal/CannotDeleteModal.d.ts

@@ -1,2 +1,2 @@
 import { CannotDeleteModalProps } from './types';
-export declare const CannotDeleteModal: ({ title, component, subtitle, closeConfirmationModal, showCannotDeleteDialogModal, }: CannotDeleteModalProps) => JSX.Element;
+export declare const CannotDeleteModal: ({ title, component, subtitle, closeConfirmationModal }: CannotDeleteModalProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
 import { ConfirmationModalProps } from './types';
-declare const WrapWithShortcutProvider: (props: ConfirmationModalProps) => JSX.Element;
-export default WrapWithShortcutProvider;
+export declare const BaseConfirmationModal: () => JSX.Element;
+declare const ConfirmationModal: (props: ConfirmationModalProps) => any;
+export default ConfirmationModal;

package/dist/Shared/Components/ConfirmationModal/ConfirmationModalContext.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { ConfirmationModalContextType } from './types';
+export declare const ConfirmationModalContext: import('react').Context<ConfirmationModalContextType>;
+export declare const ConfirmationModalProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+export declare const useConfirmationModalContext: () => ConfirmationModalContextType;

package/dist/Shared/Components/ConfirmationModal/ForceDeleteConfirmationModal.d.ts

@@ -1,2 +1,2 @@
 import { ForceDeleteConfirmationProps } from './types';
-export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, showConfirmationModal, }: ForceDeleteConfirmationProps) => JSX.Element;
+export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, }: ForceDeleteConfirmationProps) => JSX.Element;

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

@@ -1,5 +1,6 @@
-export { default as ConfirmationModal } from './ConfirmationModal';
+export { default as ConfirmationModal, BaseConfirmationModal } from './ConfirmationModal';
 export { DeleteConfirmationModal } from './DeleteConfirmationModal';
 export { ForceDeleteConfirmationModal } from './ForceDeleteConfirmationModal';
 export { CannotDeleteModal } from './CannotDeleteModal';
 export { ConfirmationModalVariantType, type ConfirmationModalProps } from './types';
+export { ConfirmationModalProvider } from './ConfirmationModalContext';

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactElement, ReactNode, SyntheticEvent } from 'react';
+import { Dispatch, MutableRefObject, PropsWithChildren, ReactElement, ReactNode, SetStateAction, SyntheticEvent } from 'react';
 import { ButtonProps } from '../Button';
 export declare enum ConfirmationModalVariantType {
     info = "info",
@@ -37,7 +37,7 @@ type ButtonConfigAndVariantType<isConfig extends boolean> = {
  * Supports optional configuration mode with conditional properties.
  *
  * @template isConfig - Boolean flag to determine if configuration mode is enabled.
- *                      When `false`, `handleClose` and `showConfirmationModal` are required.
+ *                      When `false`, `handleClose` is required.
  */
 export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWithChildren<{
     /**
@@ -64,18 +64,14 @@ export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWith
      * Accepts an optional SyntheticEvent.
      */
     handleClose: (e?: SyntheticEvent) => void;
-    /**
-     * Boolean flag to control the visibility of the confirmation modal.
-     */
-    showConfirmationModal: boolean;
 } : {});
-export type ConfirmationModalBodyProps = Omit<ConfirmationModalProps, 'showConfirmationModal'>;
+export type ConfirmationModalBodyProps = ConfirmationModalProps;
 /**
  * Props for the DeleteComponentModal component.
  * This interface extends a subset of `ConfirmationModalProps` to configure
  * the confirmation modal behavior and allows additional customization options.
  */
-export interface DeleteConfirmationModalProps extends Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle' | 'showConfirmationModal' | 'children' | 'confirmationConfig'>> {
+export interface DeleteConfirmationModalProps extends Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle' | 'children' | 'confirmationConfig'>> {
     /**
      * Function to close the confirmation modal.
      */
@@ -124,13 +120,19 @@ export interface DeleteConfirmationModalProps extends Partial<Pick<ConfirmationM
  * and `ConfirmationModalProps` to configure the "Cannot Delete" modal.
  */
 export interface CannotDeleteModalProps extends Partial<Pick<DeleteConfirmationModalProps, 'component' | 'closeConfirmationModal'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
-    showCannotDeleteDialogModal: boolean;
 }
 /**
  * Props for the ForceDeleteConfirmation component.
  * This interface extends selected properties from `DeleteConfirmationModalProps`
  * and `ConfirmationModalProps` to configure the force delete confirmation modal.
  */
-export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'showConfirmationModal' | 'closeConfirmationModal'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
+export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'closeConfirmationModal'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
+}
+export interface ConfirmationModalContextType {
+    settersRef: MutableRefObject<{
+        setProps: Dispatch<SetStateAction<ConfirmationModalProps>>;
+    }>;
+    modalKey: string;
+    setModalKey: Dispatch<SetStateAction<ConfirmationModalContextType['modalKey']>>;
 }
 export {};

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

@@ -1,3 +1,3 @@
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1,4 +1,6 @@
-export interface GenericSectionErrorStateProps {
+import { ReactNode } from 'react';
+import { ProgressingProps } from '../../../Common/Types';
+export type GenericSectionErrorStateProps = {
     /**
      * Handler for reloading the section
      */
@@ -16,11 +18,11 @@ export interface GenericSectionErrorStateProps {
     /**
      * @default 'We could not load the information on this page.'
      */
-    subTitle?: string;
+    subTitle?: ReactNode;
     /**
      * @default 'Please reload or try again later'
      */
-    description?: string;
+    description?: ReactNode;
     /**
      * @default 'Reload'
      */
@@ -29,10 +31,21 @@ export interface GenericSectionErrorStateProps {
      * to be applied on parent div
      */
     rootClassName?: string;
+} & ({
+    /**
+     * If provided, would render the Progressing component with given props instead of error icon
+     */
+    progressingProps: ProgressingProps;
+    useInfoIcon?: never;
+} | {
+    progressingProps?: never;
     /**
      * If true, info icon would be used instead of error
      *
      * @default false
      */
-    useInfoIcon?: boolean;
-}
+    useInfoIcon: boolean;
+} | {
+    progressingProps?: never;
+    useInfoIcon?: never;
+});

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

@@ -0,0 +1,2 @@
+import { GitProviderIconProps } from './types';
+export declare const GitProviderIcon: ({ gitProvider, size }: GitProviderIconProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './GitProviderIcon';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { GitProviderType } from '../../../Common/Constants';
+import { IconsProps } from '../Icon';
+export interface GitProviderIconProps {
+    gitProvider: GitProviderType;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+}

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

@@ -0,0 +1,48 @@
+import { IconBaseProps } from './types';
+export declare const iconMap: {
+    'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+};
+export type IconName = keyof typeof iconMap;
+export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {
+    /** The name of the icon to render. */
+    name: keyof typeof iconMap;
+}
+export declare const Icon: (props: IconsProps) => JSX.Element;

package/dist/Shared/Components/Icon/IconBase.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from './types';
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, strokeWidth }: IconBaseProps) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Icon';

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

@@ -0,0 +1,23 @@
+import { FC, SVGAttributes, SVGProps } from 'react';
+import { TooltipProps } from '@Common/Tooltip/types';
+type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
+export interface IconBaseProps extends Pick<SVGAttributes<SVGSVGElement>, 'strokeWidth'> {
+    /** The name of the icon to render. */
+    name: keyof IconMap;
+    /** The map containing all available icons. */
+    iconMap: IconMap;
+    /**
+     * The size of the icon in pixels.
+     * @default 16
+     */
+    size?: 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
+    /** Props to configure the tooltip when hovering over the icon. */
+    tooltipProps?: TooltipProps;
+    /**
+     * The color of the icon (color tokens). \
+     * If `null`, the default color present in icon is used.
+     * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
+     */
+    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50'}` | null;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { RegistryIconProps } from './types';
+export declare const RegistryIcon: ({ registryType, size }: RegistryIconProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { RegistryTypeDetailType } from '../../../Common/Types';
+export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;

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

@@ -0,0 +1,2 @@
+export * from './RegistryIcon';
+export * from './constants';

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

@@ -0,0 +1,10 @@
+import { RegistryType } from '../../types';
+import { IconsProps } from '../Icon';
+export interface RegistryIconProps {
+    registryType: RegistryType;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+}

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,8 +1,8 @@
 import { ScanResultDTO, SeveritiesDTO, GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, VulnerabilityCountType } from './types';
 import { SEVERITIES } from './constants';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--N300)" | "var(--R700)" | "var(--R500)" | "var(--O500)" | "var(--Y500)" | "var(--G500)";
-    label: "Critical" | "High" | "Medium" | "Low" | "Unknown" | "Failures" | "Successes" | "Exceptions";
+    color: "var(--G500)" | "var(--N300)" | "var(--R700)" | "var(--R500)" | "var(--O500)" | "var(--Y500)";
+    label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];
 export declare const stringifySeverities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => string;

package/dist/Shared/Components/StatusComponent/AppStatus.d.ts

@@ -0,0 +1,2 @@
+import { AppStatusProps } from './types';
+export declare const AppStatus: ({ status, isJobView, isVirtualEnv, ...restProps }: AppStatusProps) => JSX.Element;

package/dist/Shared/Components/StatusComponent/DeploymentStatus.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentStatusProps } from './types';
+export declare const DeploymentStatus: ({ status, ...restProps }: DeploymentStatusProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { StatusComponentProps } from './types';
+export declare const StatusComponent: ({ status, hideIcon, hideMessage, iconSize, showAnimatedIcon, hideIconTooltip, message, }: StatusComponentProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const APP_STATUS: {
+    NOT_AVAILABLE: string;
+    NOT_DEPLOYED: string;
+    NOT_DEPLOYED_NO_SPACE: string;
+    JOB_VIEW_NOT_DEPLOYED_MESSAGE: string;
+    NOT_DEPLOYED_MESSAGE: string;
+};

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

@@ -0,0 +1,5 @@
+export * from './StatusComponent';
+export * from './AppStatus';
+export * from './DeploymentStatus';
+export * from './types';
+export { getDeploymentStatusFromStatus } from './utils';

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

@@ -0,0 +1,48 @@
+import { IconsProps } from '../Icon';
+export declare enum StatusType {
+    QUEUED = "QUEUED",
+    FAILED = "FAILED",
+    ERROR = "ERROR",
+    CANCELLED = "CANCELLED",
+    ABORTED = "ABORTED",
+    HEALTHY = "HEALTHY",
+    SUCCEEDED = "SUCCEEDED",
+    DRIFTED = "DRIFTED",
+    MISSING = "MISSING",
+    UNKNOWN = "UNKNOWN",
+    NOT_DEPLOYED = "NOT-DEPLOYED",
+    SUSPENDED = "SUSPENDED",
+    DEGRADED = "DEGRADED",
+    PROGRESSING = "PROGRESSING",
+    INPROGRESS = "INPROGRESS",
+    HIBERNATING = "HIBERNATING",
+    TIMED_OUT = "TIMED_OUT"
+}
+export interface StatusComponentProps {
+    /** The status to display, either a predefined StatusType or a custom string. */
+    status: StatusType | string;
+    /** A custom message to display instead of the status. If not provided, the status is shown. */
+    message?: string;
+    /** If true, hides the status icon. */
+    hideIcon?: boolean;
+    /**
+     * If true, hides the status message and displays it in a tooltip instead.
+     * @default false
+     */
+    hideMessage?: boolean;
+    /** Size of the status icon. */
+    iconSize?: IconsProps['size'];
+    /** If true, displays an animated version of the icon (if available). */
+    showAnimatedIcon?: boolean;
+    /**
+     * If true, hides the tooltip on the status icon.
+     * @note Tooltip is only shown when `hideMessage` is true.
+     */
+    hideIconTooltip?: boolean;
+}
+export interface AppStatusProps extends Omit<StatusComponentProps, 'statusMessage'> {
+    isJobView?: boolean;
+    isVirtualEnv?: boolean;
+}
+export interface DeploymentStatusProps extends Omit<AppStatusProps, 'isJobView'> {
+}

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

@@ -0,0 +1,5 @@
+import { IconName, IconsProps } from '../Icon';
+export declare const getIconName: (status: string, showAnimatedIcon: boolean) => IconName;
+export declare const getIconColor: (status: string) => IconsProps["color"];
+export declare const getDeploymentStatusFromStatus: (status: string) => string;
+export declare const getJobStatusFromStatus: (status: string) => string;

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

@@ -1,3 +1,3 @@
 import { UnsavedChangesDialogProps } from './types';
-declare const UnsavedChangesDialog: ({ showUnsavedChangesDialog, handleClose, handleProceed }: UnsavedChangesDialogProps) => JSX.Element;
+declare const UnsavedChangesDialog: ({ handleClose, handleProceed }: UnsavedChangesDialogProps) => JSX.Element;
 export default UnsavedChangesDialog;

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

@@ -1,5 +1,4 @@
 export interface UnsavedChangesDialogProps {
-    showUnsavedChangesDialog: boolean;
     handleProceed: () => void;
     handleClose: () => void;
 }

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

@@ -60,5 +60,9 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './Icon';
+export * from './StatusComponent';
+export * from './RegistryIcon';
+export * from './GitProviderIcon';
 export * from './CustomInput';
 export * from './InfoBlock';

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

@@ -22,6 +22,20 @@ export interface MainContext {
     };
     isAirgapped: boolean;
     isSuperAdmin: boolean;
+    featureGitOpsFlags: {
+        /**
+         * Would define whether gitops (Global config tab) feature is enabled or not
+         */
+        isFeatureGitOpsEnabled: boolean;
+        /**
+         * Would define whether user can select allow custom repo in gitops global config
+         */
+        isFeatureUserDefinedGitOpsEnabled: boolean;
+        /**
+         * Feature flag for Migrate to devtron from argo cd
+         */
+        isFeatureArgoCdMigrationEnabled: boolean;
+    };
     isManifestScanningEnabled: boolean;
 }
 export interface MainContextProviderProps {

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

@@ -1,4 +1,5 @@
-import { GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types';
+import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types';
 export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
 export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;
 export declare const saveCDPipeline: (request: any) => Promise<import('../../Common').ResponseType<any>>;
+export declare const getEnvironmentData: () => Promise<import('../../Common').ResponseType<EnvironmentDataValuesDTO>>;

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

@@ -1,3 +1,4 @@
+import { MainContext } from '../Providers';
 import { getUrlWithSearchParams } from '../../Common';
 import { PolicyKindType, ResourceKindType, ResourceVersionType } from '../types';
 export interface ClusterType {
@@ -28,4 +29,9 @@ export interface GetResourceApiUrlProps<T> extends BaseGetApiUrlProps<T, Resourc
 }
 export interface GetPolicyApiUrlProps<T> extends Omit<BaseGetApiUrlProps<T, PolicyKindType, ResourceVersionType>, 'baseUrl'> {
 }
+export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitOpsFlags'> {
+    isAirGapEnvironment: boolean;
+    isManifestScanningEnabled: boolean;
+    canOnlyViewPermittedEnvOrgLevel: boolean;
+}
 export {};