@devtron-labs/devtron-fe-common-lib 1.8.4 → 1.8.6

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

@@ -57,7 +57,6 @@ export interface CodeEditorHeaderInterface {
     children?: any;
     className?: string;
     hideDefaultSplitHeader?: boolean;
-    diffViewWidth?: boolean;
 }
 export interface CodeEditorComposition {
     Header?: React.FC<any>;

package/dist/Common/CodeMirror/CodeEditor.constants.d.ts

@@ -5,3 +5,6 @@ export declare const REPLACE_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const REPLACE_ALL_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const CLOSE_SEARCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const READ_ONLY_TOOLTIP_TIMEOUT = 2000;
+export declare const CODE_EDITOR_FONT_SIZE = 15;
+export declare const CODE_EDITOR_LINE_HEIGHT = 1.4;
+export declare const CODE_EDITOR_MIN_OVERLAY_HEIGHT = 20;

package/dist/Common/CodeMirror/CodeEditorRenderer.d.ts

@@ -1,2 +1,2 @@
 import { CodeEditorRendererProps } from './types';
-export declare const CodeEditorRenderer: ({ theme, loading, customLoader, height, state, codeEditorTheme, codemirrorMergeKey, readOnly, isOriginalModifiable, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, }: CodeEditorRendererProps) => JSX.Element;
+export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, isOriginalModifiable, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, }: CodeEditorRendererProps) => JSX.Element;

package/dist/Common/CodeMirror/Extensions/DiffMinimap.d.ts

@@ -0,0 +1,2 @@
+import { DiffMinimapProps } from '../types';
+export declare const DiffMinimap: ({ view, diffMinimapExtensions, codeEditorTheme, theme }: DiffMinimapProps) => JSX.Element;

package/dist/Common/CodeMirror/Extensions/index.d.ts

@@ -2,3 +2,4 @@ export * from './yamlParseLinter';
 export * from './readOnlyTooltip';
 export * from './findAndReplace';
 export * from './yamlHighlight';
+export * from './DiffMinimap';

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

@@ -1,6 +1,7 @@
-import { Dispatch, FunctionComponent, Key, MutableRefObject, ReactNode, SVGProps } from 'react';
+import { Dispatch, FunctionComponent, Key, MutableRefObject, ReactNode, SetStateAction, SVGProps } from 'react';
 import { JSONSchema7 } from 'json-schema';
 import { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import { CodeMirrorMergeRef } from 'react-codemirror-merge';
 import { SearchQuery } from '@codemirror/search';
 import { MODES } from '../Constants';
 import { Never } from '../../Shared/types';
@@ -69,24 +70,12 @@ export interface FindReplaceProps {
     /** Default value for showReplaceField state. */
     defaultShowReplace: boolean;
 }
-export type CodeEditorActionTypes = 'setDiff' | 'setCode' | 'setLhsCode';
-export interface CodeEditorPayloadType {
-    type: CodeEditorActionTypes;
-    value: any;
-}
-export interface CodeEditorInitialValueType extends Pick<CodeEditorProps, 'value' | 'noParsing' | 'tabSize' | 'mode'> {
-    lhsValue: ReactCodeMirrorProps['value'];
-    diffView: boolean;
-}
-export interface CodeEditorState extends Pick<CodeEditorProps, 'noParsing'> {
-    code: CodeEditorProps['value'];
-    lhsCode: CodeEditorProps<true>['originalValue'];
+export interface CodeEditorContextProps extends Required<Pick<CodeEditorProps, 'readOnly' | 'theme'>> {
     diffMode: CodeEditorProps<boolean>['diffView'];
-}
-export interface CodeEditorContextProps extends Pick<CodeEditorProps, 'readOnly' | 'height'> {
-    state: CodeEditorState;
+    value: CodeEditorProps['value'];
+    lhsValue: CodeEditorProps<true>['originalValue'];
     hasCodeEditorContainer: boolean;
-    dispatch: Dispatch<CodeEditorPayloadType>;
+    setDiffMode: Dispatch<SetStateAction<CodeEditorProps<boolean>['diffView']>>;
 }
 export interface FindReplaceToggleButtonProps {
     isChecked: boolean;
@@ -99,11 +88,14 @@ export type CodeEditorRendererProps = Required<Pick<CodeEditorProps, 'theme' | '
     codemirrorMergeKey: Key;
     codeMirrorParentDivRef: MutableRefObject<HTMLDivElement>;
     codeEditorTheme: ReactCodeMirrorProps['theme'];
-    state: CodeEditorState;
     handleOnChange: ReactCodeMirrorProps['onChange'];
     handleLhsOnChange: ReactCodeMirrorProps['onChange'];
     originalViewExtensions: ReactCodeMirrorProps['extensions'];
     modifiedViewExtensions: ReactCodeMirrorProps['extensions'];
     extensions: ReactCodeMirrorProps['extensions'];
+    diffMinimapExtensions: ReactCodeMirrorProps['extensions'];
 };
+export interface DiffMinimapProps extends Pick<CodeEditorRendererProps, 'diffMinimapExtensions' | 'codeEditorTheme' | 'theme'> {
+    view: CodeMirrorMergeRef['view'];
+}
 export {};

package/dist/Common/CodeMirror/utils.d.ts

@@ -1,14 +1,17 @@
+import { CodeMirrorMergeRef } from 'react-codemirror-merge';
 import { SearchQuery } from '@codemirror/search';
 import { EditorView, Extension } from '@uiw/react-codemirror';
 import { CodeEditorProps, FindReplaceToggleButtonProps, GetCodeEditorHeightReturnType } from './types';
+export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
 export declare const getCodeEditorHeight: (height: CodeEditorProps["height"]) => GetCodeEditorHeightReturnType;
 export declare const getFindReplaceToggleButtonIconClass: ({ iconType, isChecked, }: Pick<FindReplaceToggleButtonProps, "iconType" | "isChecked">) => "scb-5" | "scn-7" | "fcb-5" | "fcn-7";
 export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view: EditorView) => {
     count: number;
     current: number;
 };
+export declare const updateDiffMinimapValues: (view: CodeMirrorMergeRef["view"], value: string, lhsValue: string) => void;
 export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
 export declare const getReadOnlyElement: () => HTMLDivElement;
 export declare const getRevertControlButton: () => HTMLButtonElement;
-export declare const getLanguageExtension: (mode: CodeEditorProps["mode"]) => Extension;
+export declare const getLanguageExtension: (mode: CodeEditorProps["mode"], disableLint?: boolean) => Extension;
 export declare const getValidationSchema: ({ mode, validatorSchema, schemaURI, }: Pick<CodeEditorProps, "schemaURI" | "validatorSchema" | "mode">) => Extension[];

package/dist/Common/Constants.d.ts

@@ -119,6 +119,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<any, import('./types').RJSFFormSchema, any>>>;
+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<any, import('./types').RJSFFormSchema, any>>>;

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

@@ -22,8 +22,22 @@ 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;
-    isOrgLevelRBACViewEnforced: boolean;
+    canOnlyViewPermittedEnvOrgLevel: boolean;
     viewIsPipelineRBACConfiguredNode: ReactNode;
 }
 export interface MainContextProviderProps {

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

@@ -1,6 +1,7 @@
-import { GetPolicyApiUrlProps, GetResourceApiUrlProps, UserPreferencesType } from './types';
+import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps, UserPreferencesType } 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>>;
 export declare const getUserPreferences: () => Promise<UserPreferencesType>;
 export declare const updateUserPreferences: (updatedUserPreferences: UserPreferencesType, shouldThrowError?: boolean) => Promise<boolean>;

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

@@ -1,3 +1,4 @@
+import { MainContext } from '../Providers';
 import { getUrlWithSearchParams } from '../../Common';
 import { PolicyKindType, ResourceKindType, ResourceVersionType, ViewIsPipelineRBACConfiguredRadioTabs } from '../types';
 import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
@@ -29,6 +30,11 @@ 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 interface GetUserPreferencesQueryParamsType {
     key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
 }

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>;

package/dist/Shared/types.d.ts

@@ -828,11 +828,6 @@ export declare enum ViewIsPipelineRBACConfiguredRadioTabs {
     ALL_ENVIRONMENTS = "All environments",
     ACCESS_ONLY = "Access only"
 }
-export interface EnvironmentDataValuesDTO {
-    isAirGapEnvironment: boolean;
-    isManifestScanningEnabled: boolean;
-    canOnlyViewPermittedEnvOrgLevel: boolean;
-}
 export type ComponentLayoutType = 'row' | 'column';
 export interface BorderConfigType {
     /**