@devtron-labs/devtron-fe-common-lib 1.12.0-beta-3 → 1.12.0-beta-5

package/dist/Common/Common.service.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -35,3 +35,4 @@ export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }:
     isCD?: boolean;
     abortControllerRef?: MutableRefObject<AbortController>;
 }) => Promise<GlobalVariableOptionType[]>;
+export declare const getAppsInfoForEnv: ({ envId, appIds }: GetAppsInfoForEnvProps) => Promise<EnvAppsMetaDTO>;

package/dist/Common/Constants.d.ts

@@ -13,6 +13,7 @@ export declare const DOCUMENTATION: {
     GLOBAL_CONFIG_BUILD_INFRA: string;
     ENTERPRISE_LICENSE: string;
     KUBE_CONFIG: string;
+    TENANT_INSTALLATION: string;
 };
 export declare const PATTERNS: {
     STRING: RegExp;
@@ -64,7 +65,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly CONFIG_DRIFT: "config-drift";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
@@ -111,6 +111,7 @@ export declare const ROUTES: {
     readonly ATTRIBUTES_CREATE: "attributes/create";
     readonly ATTRIBUTES_UPDATE: "attributes/update";
     readonly APP_LIST_MIN: "app/min";
+    readonly APP_DETAIL: "app/detail";
     readonly CLUSTER_LIST_MIN: "cluster/autocomplete";
     readonly CLUSTER_LIST_RAW: "k8s/capacity/cluster/list/raw";
     readonly PLUGIN_GLOBAL_LIST_DETAIL_V2: "plugin/global/list/detail/v2";
@@ -133,6 +134,8 @@ export declare const ROUTES: {
     readonly ENVIRONMENT_DATA: "global/environment-variables";
     readonly DASHBOARD_EVENT: "dashboard-event";
     readonly LICENSE_DATA: "license/data";
+    readonly ENV: "env";
+    readonly APP_METADATA: "app-metadata";
 };
 export declare enum KEY_VALUE {
     KEY = "key",

package/dist/Common/Drawer/index.d.ts

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

package/dist/Common/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GenericEmptyState } from './GenericEmptyState';
+export { default as GenericFilterEmptyState } from './GenericFilterEmptyState';

package/dist/Common/Helper.d.ts

@@ -95,8 +95,10 @@ export declare const flatMapOfJSONPaths: (paths: string[], json: object, resultT
 export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => any;
 /**
  * Returns a debounced variant of the function
+ * @deprecated - It should use useRef instead, pls use useDebounce
  */
 export declare const debounce: (func: any, timeout?: number) => (this: any, ...args: any[]) => void;
+export declare const useDebounce: <Callback extends (...args: any[]) => void>(cb: Callback, delay: number) => (...args: Parameters<Callback>) => void;
 /**
  * Returns a capitalized string with first letter in uppercase and rest in lowercase
  */

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,5 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
+import { CHECKBOX_VALUE } from '../Types';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, value, isControlled, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -11,5 +12,7 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     throttleOnChange?: boolean;
     shouldToggleValueOnLabelClick?: boolean;
     isLoading?: boolean;
+    value?: CHECKBOX_VALUE;
+    isControlled?: boolean;
 }) => JSX.Element;
 export default Toggle;

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, ButtonProps, ComponentLayoutType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType } 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
@@ -110,6 +110,7 @@ export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading'
     dataTestid?: string;
     children?: TippyCustomizedProps['children'];
     iconClassName?: string;
+    buttonPadding?: string;
 }
 export interface GenericEmptyStateType {
     title: ReactNode;
@@ -949,4 +950,17 @@ export declare enum ActionTypes {
     EDIT = "edit",
     APPROVER = "approver"
 }
+export interface GetAppsInfoForEnvProps {
+    envId: number;
+    appIds?: number[];
+}
+export interface AppMeta {
+    appId: number;
+    appStatus: StatusType;
+    appName: string;
+}
+export interface EnvAppsMetaDTO {
+    appCount: number;
+    apps: AppMeta[];
+}
 export {};

package/dist/Common/index.d.ts

@@ -16,9 +16,8 @@ export { default as DevtronCopyright } from './DevtronCopyright';
 export * from './DevtronProgressing';
 export * from './Dialogs';
 export * from './DraggableWrapper';
-export * from './Drawer/Drawer';
-export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
-export { default as GenericFilterEmptyState } from './EmptyState/GenericFilterEmptyState';
+export * from './Drawer';
+export * from './EmptyState';
 export { default as ErrorScreenManager } from './ErrorScreenManager';
 export { default as ErrorScreenNotAuthorized } from './ErrorScreenNotAuthorized';
 export * from './GenericDescription';

package/dist/Shared/Components/AppStatusModal/AppStatusBody.d.ts

@@ -0,0 +1,2 @@
+import { AppStatusBodyProps } from './types';
+export declare const AppStatusBody: ({ appDetails, type, handleShowConfigDriftModal }: AppStatusBodyProps) => JSX.Element;

package/dist/Shared/Components/AppStatusModal/AppStatusContent.d.ts

@@ -0,0 +1,3 @@
+import { AppStatusContentProps } from './types';
+declare const AppStatusContent: ({ appDetails, handleShowConfigDriftModal, filterHealthyNodes, isCardLayout, }: AppStatusContentProps) => JSX.Element;
+export default AppStatusContent;

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

@@ -0,0 +1,3 @@
+import { AppStatusModalProps } from './types';
+declare const AppStatusModal: ({ titleSegments, handleClose, type, appDetails: appDetailsProp, isConfigDriftEnabled, configDriftModal: ConfigDriftModal, appId, envId, }: AppStatusModalProps) => JSX.Element;
+export default AppStatusModal;

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

@@ -0,0 +1,4 @@
+export declare const APP_STATUS_CUSTOM_MESSAGES: {
+    HIBERNATED: string;
+    'PARTIALLY HIBERNATED': string;
+};

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

@@ -0,0 +1,2 @@
+export { default as AppStatusContent } from './AppStatusContent';
+export { default as AppStatusModal } from './AppStatusModal.component';

package/dist/Shared/Components/AppStatusModal/service.d.ts

@@ -0,0 +1,3 @@
+import { APIOptions } from '../../../Common/Types';
+import { AppDetails } from '../../types';
+export declare const getAppDetails: (appId: number, envId: number, abortControllerRef: APIOptions["abortControllerRef"]) => Promise<AppDetails>;

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

@@ -0,0 +1,35 @@
+import { FunctionComponent } from 'react';
+import { AppDetails, ConfigDriftModalProps } from '../../types';
+export type AppStatusModalProps = {
+    titleSegments: string[];
+    handleClose: () => void;
+    /**
+     * If given would not poll for app details and resource tree, Polling for gitops timeline would still be done
+     */
+    appDetails?: AppDetails;
+    isConfigDriftEnabled: boolean;
+    configDriftModal: FunctionComponent<ConfigDriftModalProps>;
+} & ({
+    type: 'release';
+    appId: number;
+    envId: number;
+} | {
+    type: 'devtron-app' | 'other-apps' | 'stack-manager';
+    appId?: never;
+    envId?: never;
+});
+export interface AppStatusBodyProps extends Required<Pick<AppStatusModalProps, 'appDetails' | 'type'>> {
+    handleShowConfigDriftModal: () => void;
+}
+export interface AppStatusContentProps extends Required<Pick<AppStatusBodyProps, 'appDetails'>>, Partial<Pick<AppStatusBodyProps, 'handleShowConfigDriftModal'>> {
+    /**
+     * @default false
+     */
+    filterHealthyNodes?: boolean;
+    /**
+     * @default true
+     */
+    isCardLayout?: boolean;
+}
+export interface GetFilteredFlattenedNodesFromAppDetailsParamsType extends Pick<AppStatusContentProps, 'appDetails' | 'filterHealthyNodes'> {
+}

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

@@ -0,0 +1,5 @@
+import { AppDetails, Node } from '../../types';
+import { GetFilteredFlattenedNodesFromAppDetailsParamsType as GetFlattenedNodesFromAppDetailsParamsType } from './types';
+export declare const getAppStatusMessageFromAppDetails: (appDetails: AppDetails) => string;
+export declare const getFlattenedNodesFromAppDetails: ({ appDetails, filterHealthyNodes, }: GetFlattenedNodesFromAppDetailsParamsType) => Node[];
+export declare const getResourceKey: (nodeDetails: Node) => string;

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

@@ -84,3 +84,4 @@ export declare const PROGRESSING_STATUS: {
     readonly [x: string]: "progressing" | "starting" | "initiating" | "queued" | "running";
 };
 export declare const FAILED_WORKFLOW_STAGE_STATUS_MAP: Record<Extract<WorkflowStageStatusType, WorkflowStageStatusType.ABORTED | WorkflowStageStatusType.FAILED | WorkflowStageStatusType.TIMEOUT>, true>;
+export declare const APP_HEALTH_DROP_DOWN_LIST: string[];

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

@@ -1,4 +1,3 @@
-export { default as AppStatusDetailsChart } from './AppStatusDetailsChart';
 export { default as Artifacts } from './Artifacts';
 export { default as CDEmptyState } from './CDEmptyState';
 export * from './CiPipelineSourceConfig';

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

@@ -507,12 +507,6 @@ export interface DeploymentHistorySidebarType {
     deploymentHistoryList: DeploymentTemplateList[];
     setDeploymentHistoryList: React.Dispatch<React.SetStateAction<DeploymentTemplateList[]>>;
 }
-export interface AppStatusDetailsChartType {
-    filterRemoveHealth?: boolean;
-    showFooter: boolean;
-    showConfigDriftInfo?: boolean;
-    onClose?: () => void;
-}
 export interface StatusFilterButtonType {
     nodes: Array<Node>;
     selectedTab: string;

package/dist/Shared/Components/Error/ErrorBar.d.ts

@@ -1,3 +1,3 @@
 import { ErrorBarType } from './types';
-declare const ErrorBar: ({ appDetails }: ErrorBarType) => JSX.Element;
+declare const ErrorBar: ({ appDetails, useParentMargin }: ErrorBarType) => JSX.Element;
 export default ErrorBar;

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

@@ -1,6 +1,10 @@
 import { AppDetails } from '../../types';
 export interface ErrorBarType {
     appDetails: AppDetails;
+    /**
+     * @default true
+     */
+    useParentMargin?: boolean;
 }
 export declare enum AppDetailsErrorType {
     ERRIMAGEPULL = "errimagepull",

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

@@ -1,2 +1,3 @@
 import { AppDetails } from '../../types';
+export declare const getIsImagePullBackOff: (appDetails: AppDetails) => boolean;
 export declare const renderErrorHeaderMessage: (appDetails: AppDetails, key: string, onClickActionButton?: any) => JSX.Element;

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

@@ -45,6 +45,7 @@ export declare const iconMap: {
     '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-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -56,6 +57,7 @@ export declare const iconMap: {
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hand-pointing': 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>>;
@@ -91,6 +93,7 @@ export declare const iconMap: {
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,3 +1,3 @@
 import { InfoIconTippyProps } from '../../../Common/Types';
-declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, }: InfoIconTippyProps) => JSX.Element;
+declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, }: InfoIconTippyProps) => JSX.Element;
 export default InfoIconTippy;

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

@@ -4,6 +4,7 @@ export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
 export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
+export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
 export * from './BulkOperations';

package/dist/Shared/types.d.ts

@@ -111,6 +111,7 @@ export interface Node {
     canBeHibernated: boolean;
     isHibernated: boolean;
     hasDrift?: boolean;
+    status?: string;
 }
 export interface iNodes extends Array<iNode> {
 }
@@ -198,6 +199,10 @@ export interface AppDetails {
     fluxTemplateType?: string;
     FluxAppStatusDetail?: FluxAppStatusDetail;
 }
+export interface ConfigDriftModalProps extends Required<Pick<AppDetails, 'appId'>> {
+    envId: number;
+    handleCloseModal?: () => void;
+}
 export declare enum RegistryType {
     GIT = "git",
     GITHUB = "github",