@devtron-labs/devtron-fe-common-lib 1.7.1 → 1.7.2-beta-2

package/dist/Common/Constants.d.ts

@@ -117,6 +117,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/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/InfoColorBar/InfoColourbar.d.ts

@@ -1,3 +1,6 @@
 import { InfoColourBarType } from '../Types';
+/**
+ * @deprecated Use InfoBlock instead
+ */
 declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, hideIcon, textConfig, }: InfoColourBarType) => JSX.Element;
 export default InfoColourBar;

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" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "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 } 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
@@ -118,7 +118,7 @@ export interface GenericEmptyStateType {
     /**
      * @default 'column'
      */
-    layout?: 'row' | 'column';
+    layout?: ComponentLayoutType;
     contentClassName?: string;
 }
 export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload' | 'redirectURL'> {
@@ -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/FormFieldWrapper/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+import { BorderConfigType, ComponentLayoutType } from '../../types';
 export type LabelOrAriaLabelType = {
     label: ReactNode;
     ariaLabel?: never;
@@ -18,7 +19,7 @@ export type FormFieldLabelProps = LabelOrAriaLabelType & {
     /**
      * Layout of the field
      */
-    layout?: 'row' | 'column';
+    layout?: ComponentLayoutType;
 };
 export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
     /**
@@ -46,30 +47,5 @@ export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label'
      */
     fullWidth?: boolean;
     children: ReactElement;
-    borderRadiusConfig?: {
-        /**
-         * If false, the top border radius is not applied
-         *
-         * @default true
-         */
-        top?: boolean;
-        /**
-         * If false, the right border radius is not applied
-         *
-         * @default true
-         */
-        right?: boolean;
-        /**
-         * If false, the bottom border radius is not applied
-         *
-         * @default true
-         */
-        bottom?: boolean;
-        /**
-         * If false, the left border radius is not applied
-         *
-         * @default true
-         */
-        left?: boolean;
-    };
+    borderRadiusConfig?: BorderConfigType;
 }

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

@@ -1,4 +1,4 @@
-import { FormFieldInfoProps, FormFieldLabelProps, FormFieldWrapperProps } from './types';
+import { FormFieldInfoProps, FormFieldLabelProps } from './types';
 export declare const getFormErrorElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
 export declare const getFormLabelElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
 export declare const getFormHelperTextElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
@@ -15,4 +15,3 @@ export declare const getFormFieldAriaAttributes: ({ inputId, label, ariaLabel, r
     'aria-describedby'?: string;
     'aria-required': boolean;
 };
-export declare const getFormFieldBorderClassName: (borderRadiusConfig?: FormFieldWrapperProps["borderRadiusConfig"]) => string;

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

@@ -0,0 +1,3 @@
+import { InfoBlockProps } from './types';
+declare const InfoBlock: ({ layout, variant, size, customIcon, buttonProps, heading, description, borderRadiusConfig, borderConfig, }: InfoBlockProps) => JSX.Element;
+export default InfoBlock;

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

@@ -0,0 +1,5 @@
+import { InfoBlockProps } from './types';
+export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockProps['variant'], InfoBlockProps['customIcon']>;
+export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
+export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;

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

@@ -0,0 +1,2 @@
+export { default as InfoBlock } from './InfoBlock.component';
+export * from './types';

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

@@ -0,0 +1,40 @@
+import { ComponentSizeType } from '../../constants';
+import { BorderConfigType, ComponentLayoutType } from '../../types';
+import { ReactElement, ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export type InfoBlockProps = {
+    /**
+     * @default 'row'
+     */
+    layout?: ComponentLayoutType;
+    /**
+     * @default 'information'
+     */
+    variant?: 'error' | 'help' | 'information' | 'success' | 'warning';
+    /**
+     * @default ComponentSizeType.large
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.large | ComponentSizeType.medium>;
+    /**
+     * If given would override the default icon derived from type
+     */
+    customIcon?: ReactElement;
+    buttonProps?: ButtonProps;
+    borderConfig?: BorderConfigType;
+    borderRadiusConfig?: BorderConfigType;
+} & ({
+    /**
+     * If string, would apply h tag with necessary classes
+     */
+    heading: ReactNode;
+    /**
+     * If string, would apply p tag with necessary classes
+     */
+    description: ReactNode;
+} | {
+    heading?: never;
+    description: ReactNode;
+} | {
+    heading: ReactNode;
+    description?: 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/index.d.ts

@@ -60,3 +60,4 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './InfoBlock';

package/dist/Shared/Helpers.d.ts

@@ -4,7 +4,7 @@ import { Pair } from 'yaml';
 import { StrictRJSFSchema } from '@rjsf/utils';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { MaterialInfo, SortingOrder, UserApprovalConfigType, ApprovalConfigDataType, UserApprovalInfo } from '../Common';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 interface HighlightSearchTextProps {
     /**
@@ -95,4 +95,6 @@ export declare const checkIfPathIsMatching: (currentPathName: string, customMess
 export declare const sanitizeTargetPlatforms: (targetPlatforms: TargetPlatformsDTO["targetPlatforms"]) => TargetPlatformItemDTO[];
 export declare const isAWSCodeCommitURL: (url?: string) => boolean;
 export declare const renderMaterialIcon: (url?: string) => JSX.Element;
+export declare const deriveBorderRadiusClassFromConfig: (borderRadiusConfig?: BorderConfigType) => string;
+export declare const deriveBorderClassFromConfig: (borderConfig?: BorderConfigType) => string;
 export {};

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

package/dist/Shared/types.d.ts

@@ -824,4 +824,31 @@ export declare const TriggerType: {
     readonly Auto: "AUTOMATIC";
     readonly Manual: "MANUAL";
 };
+export type ComponentLayoutType = 'row' | 'column';
+export interface BorderConfigType {
+    /**
+     * If false, (border-radius/border)-top is not applied
+     *
+     * @default true
+     */
+    top?: boolean;
+    /**
+     * If false, (border-radius/border)-right is not applied
+     *
+     * @default true
+     */
+    right?: boolean;
+    /**
+     * If false, (border-radius/border)-bottom is not applied
+     *
+     * @default true
+     */
+    bottom?: boolean;
+    /**
+     * If false, (border-radius/border)-left is not applied
+     *
+     * @default true
+     */
+    left?: boolean;
+}
 export {};