@devtron-labs/devtron-fe-common-lib 1.13.0-pre-1-beta-1 → 1.13.0-pre-3

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;
@@ -42,7 +43,6 @@ export declare const URLS: {
     readonly CREATE_JOB: "create-job";
     readonly GETTING_STARTED: "getting-started";
     readonly STACK_MANAGER_ABOUT: "/stack-manager/about";
-    readonly APP_LIST_HELM: "h";
     readonly APP_CI_DETAILS: "ci-details";
     readonly LOGS: "Logs";
     readonly CREATE: "/create";
@@ -64,7 +64,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 +110,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";

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

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 import { JSONPathOptions } from 'jsonpath-plus';
 import { AsyncOptions, DeploymentNodeType, UseSearchString } from './Types';
-import { scrollableInterface } from '../Shared';
+import { scrollableInterface, AppType } from '../Shared';
 import * as Sentry from '@sentry/browser';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
@@ -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
  */
@@ -144,4 +146,5 @@ export declare const getGoLangFormattedDateWithTimezone: (dateFormat: string) =>
  */
 export declare const getHashedValue: (value: string) => Promise<string | null>;
 export declare const getTTLInHumanReadableFormat: (ttl: number) => string;
+export declare const getAIAnalyticsEvents: (context: string, appType?: AppType) => string;
 export {};

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

@@ -111,6 +111,7 @@ export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading'
     dataTestid?: string;
     children?: TippyCustomizedProps['children'];
     iconClassName?: string;
+    buttonPadding?: string;
 }
 export interface GenericEmptyStateType {
     title: ReactNode;

package/dist/Common/index.d.ts

@@ -15,9 +15,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, debugWithAIButton: ExplainWithAIButton, }: 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, debugWithAIButton, }: 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,38 @@
+import { FunctionComponent } from 'react';
+import { AppDetails, ConfigDriftModalProps, IntelligenceConfig } 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>;
+    debugWithAIButton: FunctionComponent<{
+        intelligenceConfig: IntelligenceConfig;
+    }>;
+} & ({
+    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' | 'debugWithAIButton'>> {
+    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

@@ -508,12 +508,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/CICDHistory/utils.d.ts

@@ -1,6 +1,8 @@
 import { ReactElement } from 'react';
+import { DeploymentAppTypes } from '../../../Common/Types';
 import { Node } from '../../types';
-import { DeploymentHistoryResultObject, ExecutionInfoType, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
+import { TabGroupProps } from '../TabGroup';
+import { DeploymentHistoryResultObject, ExecutionInfoType, History, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
 export declare const getTriggerHistoryFilterCriteria: ({ appId, envId, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryFilterCriteriaProps) => TriggerHistoryFilterCriteriaType;
 export declare const getParsedTriggerHistory: (result: any) => DeploymentHistoryResultObject;
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
@@ -36,3 +38,4 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
 };
 export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
 export declare const getTriggerStatusIcon: (status: string) => string;
+export declare const getTriggerOutputTabs: (triggerDetails: History, deploymentAppType: DeploymentAppTypes) => TabGroupProps["tabs"];

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/GenericInfoCard/index.d.ts

@@ -1,3 +1,2 @@
 export { default as GenericInfoCard } from './GenericInfoCard.component';
-export * from './GenericInfoCardListing';
-export { GenericInfoCardBorderVariant, type GenericInfoCardListingProps, type GenericInfoCardProps } from './types';
+export { GenericInfoCardBorderVariant, type GenericInfoCardProps } from './types';

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

@@ -1,7 +1,5 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
-import { GenericEmptyStateType } from '../../../Common/Types';
 type BaseGenericInfoCardProps = {
     title: string;
     description: string;
@@ -25,12 +23,4 @@ export type GenericInfoCardProps = {
 } & Partial<Record<keyof BaseGenericInfoCardProps, never>>) | ({
     isLoading?: boolean;
 } & BaseGenericInfoCardProps));
-export interface GenericInfoCardListingProps extends Pick<GenericInfoCardProps, 'borderVariant'>, Pick<GenericFilterEmptyStateProps, 'handleClearFilters'> {
-    list: (Pick<GenericInfoCardProps, 'Icon' | 'author' | 'description' | 'linkProps' | 'onClick' | 'title'> & Record<'id', string>)[];
-    emptyStateConfig: Pick<GenericEmptyStateType, 'title' | 'subTitle' | 'image'>;
-    searchKey?: string;
-    reloadList?: () => void;
-    error?: Record<string, unknown>;
-    isLoading?: boolean;
-}
 export {};

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

@@ -54,6 +54,7 @@ export declare const iconMap: {
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-right-sm': 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>>;

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 './ActivityIndicator';
 export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
 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",