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

package/dist/{@common-rjsf-CeBDaYTw.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-eNie_Z1c.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

@@ -116,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",

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/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/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/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/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/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/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 {};

package/dist/Shared/Store/IndexStore.d.ts

@@ -1,6 +1,6 @@
 import { AppDetails, AppType, EnvDetails, Node, PodMetaData, iNode } from '../types';
 export declare function getiNodesByRootNodeWithChildNodes(_nodes: Array<Node>, rootNodes: Array<iNode>, podMetadata?: Array<PodMetaData>): Array<iNode>;
-export declare const reduceKindStatus: (aggregatedStatus: string, newStatus: string) => "healthy" | "progressing" | "degraded";
+export declare const reduceKindStatus: (aggregatedStatus: string, newStatus: string) => "progressing" | "healthy" | "degraded";
 export declare function getiNodesByKindWithChildNodes(_nodes: Array<Node>, _kind: string): Array<iNode>;
 export declare function getPodsRootParentNameAndStatus(_nodes: Array<Node>): Array<[string, string]>;
 export declare const getPodsForRootNodeName: (_rootNode: string, _treeNodes: Array<Node>) => Array<iNode>;