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

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, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -21,7 +21,7 @@ export declare const getDefaultConfig: () => Promise<ResponseType>;
 export declare function getEnvironmentListMinPublic(includeAllowedDeploymentTypes?: boolean): Promise<ResponseType<any>>;
 export declare function getClusterListMin(): Promise<ResponseType<any>>;
 export declare const getResourceGroupListRaw: (clusterId: string) => Promise<ResponseType<ApiResourceType>>;
-export declare function getNamespaceListMin(clusterIdsCsv: string): Promise<EnvironmentListHelmResponse>;
+export declare function getNamespaceListMin(clusterIdsCsv: string, abortControllerRef?: APIOptions['abortControllerRef']): Promise<EnvironmentListHelmResponse>;
 export declare function getWebhookEventsForEventId(eventId: string | number): Promise<ResponseType<any>>;
 /**
  *

package/dist/Common/Constants.d.ts

@@ -13,7 +13,6 @@ export declare const DOCUMENTATION: {
     GLOBAL_CONFIG_BUILD_INFRA: string;
     ENTERPRISE_LICENSE: string;
     KUBE_CONFIG: string;
-    TENANT_INSTALLATION: string;
 };
 export declare const PATTERNS: {
     STRING: RegExp;
@@ -65,6 +64,7 @@ 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,7 +111,6 @@ 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/Helper.d.ts

@@ -95,10 +95,8 @@ 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,5 +1,4 @@
-import { CHECKBOX_VALUE } from '../Types';
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, value, isControlled, ...props }: {
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -12,7 +11,5 @@ 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

@@ -110,7 +110,6 @@ 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

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

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/index.d.ts

@@ -0,0 +1 @@
+export type { NewClusterFormFooterProps, NewClusterFormProps } from './types';

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/types.d.ts

@@ -0,0 +1,8 @@
+export interface NewClusterFormFooterProps {
+    apiCallInProgress: boolean;
+    handleModalClose: () => void;
+    closeButtonText?: string;
+}
+export interface NewClusterFormProps extends Pick<NewClusterFormFooterProps, 'handleModalClose'> {
+    FooterComponent: React.FunctionComponent<NewClusterFormFooterProps> & Record<'CTA' | 'Start', React.FunctionComponent<{}>>;
+}

package/dist/Pages/GlobalConfigurations/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Authorization';
 export * from './BuildInfra';
+export * from './ClustersAndEnvironments';
 export * from './DeploymentCharts';
 export * from './ScopedVariables';

package/dist/Pages/ResourceBrowser/service.d.ts

@@ -7,4 +7,4 @@ export declare const deleteResource: (resourceListPayload: ResourceListPayloadTy
 export declare const deleteNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const cordonNodeCapacity: (requestPayload: NodeCordonRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const drainNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
-export declare const getClusterListRaw: () => Promise<ResponseType<ClusterDetail[]>>;
+export declare const getClusterListRaw: (abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<ClusterDetail[]>>;

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -1,10 +1,20 @@
 import { Dispatch, ReactElement, SetStateAction } from 'react';
+import { InstallationClusterType } from '../../Shared/types';
 import { NodeActionRequest } from './ResourceBrowser.Types';
 export declare enum ClusterFiltersType {
     ALL_CLUSTERS = "all",
     HEALTHY = "healthy",
     UNHEALTHY = "unhealthy"
 }
+export declare enum InstallationClusterStatus {
+    Creating = "Creating",
+    Updated = "Updated",
+    Updating = "Updating",
+    Installed = "Installed",
+    Failed = "Failed",
+    Deleting = "Deleting",
+    Deleted = "Deleted"
+}
 export declare enum ClusterStatusType {
     HEALTHY = "healthy",
     UNHEALTHY = "unhealthy",
@@ -42,6 +52,7 @@ export interface ClusterCapacityType {
     nodeErrors: Record<string, string>[];
     status?: ClusterStatusType;
     isProd: boolean;
+    installationId?: number;
 }
 export interface ClusterDetail extends ClusterCapacityType {
     id: number;
@@ -70,4 +81,31 @@ export interface AdditionalConfirmationModalOptionsProps<T = unknown> {
     setOptionsData: Dispatch<SetStateAction<T>>;
     children?: ReactElement;
 }
+export interface InstallationClusterStepType {
+    lastTransitionTime: string;
+    lastProbeTime: string;
+    message: string;
+    reason: string;
+    status: 'False' | 'True' | 'Unknown';
+    type: string;
+}
+export interface InstallationClusterConfigDTO {
+    installationId: number;
+    installationStatus: InstallationClusterStatus;
+    name: string;
+    values: string;
+    valuesSchema: string;
+    isProd: boolean;
+    installationType: InstallationClusterType;
+    conditions: InstallationClusterStepType[];
+    installedEntityId: number | 0;
+}
+export interface InstallationClusterConfigType extends Pick<InstallationClusterConfigDTO, 'installationType' | 'conditions'> {
+    schema: object;
+    values: object;
+    installationId: number;
+    name: string;
+    status: InstallationClusterStatus;
+    correspondingClusterId: number | 0;
+}
 export {};

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

@@ -0,0 +1,3 @@
+import { AppStatusDetailsChartType } from './types';
+declare const AppStatusDetailsChart: ({ filterRemoveHealth, showFooter, showConfigDriftInfo, onClose, }: AppStatusDetailsChartType) => JSX.Element;
+export default AppStatusDetailsChart;

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

@@ -84,4 +84,3 @@ 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,3 +1,4 @@
+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,6 +507,12 @@ 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, useParentMargin }: ErrorBarType) => JSX.Element;
+declare const ErrorBar: ({ appDetails }: ErrorBarType) => JSX.Element;
 export default ErrorBar;

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

@@ -1,10 +1,6 @@
 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,3 +1,2 @@
 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

@@ -3,6 +3,7 @@ export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -29,6 +30,7 @@ export declare const iconMap: {
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -36,6 +38,7 @@ export declare const iconMap: {
     'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -43,9 +46,10 @@ export declare const iconMap: {
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-enterprise-tag': 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>>;
@@ -74,7 +78,6 @@ export declare const iconMap: {
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': 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, buttonPadding, }: InfoIconTippyProps) => JSX.Element;
+declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, }: InfoIconTippyProps) => JSX.Element;
 export default InfoIconTippy;

package/dist/Shared/Components/LoginBanner/Testimonials.components.d.ts

@@ -0,0 +1,3 @@
+import { TestimonialCardConfig } from './types';
+declare const TestimonialContent: ({ quote, name, designation, iconName }: TestimonialCardConfig) => JSX.Element;
+export default TestimonialContent;

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

@@ -1 +1,3 @@
+export { TESTIMONIAL_CARD_DATA } from './constants';
 export { default as LoginBanner } from './LoginBanner';
+export { default as TestimonialContent } from './Testimonials.components';

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -13,3 +13,4 @@ export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends
 export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
 export declare const renderLoadingMessage: () => JSX.Element;
+export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+export { ValueContainerWithLoadingShimmer } from './common';
 export { default as FilterSelectPicker } from './FilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';

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

@@ -16,7 +16,8 @@ export declare enum StatusType {
     PROGRESSING = "PROGRESSING",
     INPROGRESS = "INPROGRESS",
     HIBERNATING = "HIBERNATING",
-    TIMED_OUT = "TIMED_OUT"
+    TIMED_OUT = "TIMED_OUT",
+    DELETING = "DELETING"
 }
 export interface StatusComponentProps {
     /** The status to display, either a predefined StatusType or a custom string. */

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

@@ -4,7 +4,6 @@ export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
 export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
-export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
 export * from './BulkOperations';
@@ -29,7 +28,6 @@ export * from './DiffViewer';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
-export * from './EnterpriseTag';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';

package/dist/Shared/types.d.ts

@@ -111,7 +111,6 @@ export interface Node {
     canBeHibernated: boolean;
     isHibernated: boolean;
     hasDrift?: boolean;
-    status?: string;
 }
 export interface iNodes extends Array<iNode> {
 }
@@ -199,10 +198,6 @@ 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",
@@ -408,6 +403,7 @@ export declare enum ResourceKindType {
     releaseChannel = "release-channel",
     tenant = "tenant",
     installation = "installation",
+    infrastructureInstallation = "installations",
     environment = "environment",
     cdPipeline = "cd-pipeline",
     ciPipeline = "ci-pipeline",
@@ -944,6 +940,10 @@ export type CountryISO2Type = ParsedCountry['iso2'];
 export declare enum ResponseHeaders {
     LICENSE_STATUS = "X-License-Status"
 }
+export declare enum InstallationClusterType {
+    EKS_AUTO_CLUSTER = "eksAutoCluster",
+    EKS_MANUAL_CLUSTER = "eksManualCluster"
+}
 export type IconBaseSizeType = 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
 export type IconBaseColorType = `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
 export interface GetTimeDifferenceParamsType {