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

package/dist/Common/API/reactQueryHooks.d.ts

@@ -1,6 +1,6 @@
 import { QueryKey, UseMutationOptions, UseMutationResult, useQueryClient, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
 import { ServerErrors } from '../ServerError';
 import { ResponseType } from '../Types';
-export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseQueryOptions<ResponseType<TQueryFnData>, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
+export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey, WrapWithResponseType extends boolean = true>(options: UseQueryOptions<WrapWithResponseType extends true ? ResponseType<TQueryFnData> : TQueryFnData, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
 export declare const useMutation: <TData = unknown, TVariables = void, TContext = unknown>(options: UseMutationOptions<ResponseType<TData>, ServerErrors, TVariables, TContext>) => UseMutationResult<ResponseType<TData>, ServerErrors, TVariables, TContext>;
 export { useQueryClient };

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

@@ -18,6 +18,6 @@ export interface FetchInTimeParamsType<Data = object> {
     options?: APIOptions;
     isMultipartRequest?: boolean;
 }
-export interface FetchAPIParamsType<Data = object> extends Omit<FetchInTimeParamsType<Data>, 'options'>, Pick<APIOptions, 'preventAutoLogout' | 'preventLicenseRedirect' | 'shouldParseServerErrorForUnauthorizedUser'> {
+export interface FetchAPIParamsType<Data = object> extends Omit<FetchInTimeParamsType<Data>, 'options'>, Pick<APIOptions, 'preventAutoLogout' | 'preventLicenseRedirect' | 'shouldParseServerErrorForUnauthorizedUser' | 'isProxyHost'> {
     signal: AbortSignal;
 }

package/dist/Common/BreadCrumb/NestedBreadCrumb.d.ts

@@ -0,0 +1,2 @@
+import { NestedBreadCrumbProps } from './Types';
+export declare const NestedBreadCrumb: ({ redirectUrl, linkText, profileName, nestedBreadCrumbsText, }: NestedBreadCrumbProps) => JSX.Element;

package/dist/Common/BreadCrumb/Types.d.ts

@@ -34,3 +34,23 @@ export interface BreadcrumbTextProps {
      */
     shouldTruncate?: boolean;
 }
+export interface NestedBreadCrumbProps {
+    /**
+     * It is the url to which the link should redirect
+     */
+    redirectUrl: string;
+    /**
+     * It is the text of the link
+     */
+    linkText: string;
+    /**
+     * It is the name of the profile
+     * If not given, would show "Create Profile"
+     */
+    profileName: string;
+    /**
+     * @default Profiles
+     * It is the text of the nested breadcrumb
+     */
+    nestedBreadCrumbsText?: string;
+}

package/dist/Common/ClipboardButton/ClipboardButton.d.ts

@@ -1,4 +1,4 @@
-import { default as ClipboardProps } from './types';
+import { ClipboardProps } from './types';
 /**
  * @param content - Content to be copied
  * @param copiedTippyText - Text to be shown in the tippy when the content is copied, default 'Copied!'
@@ -7,4 +7,4 @@ import { default as ClipboardProps } from './types';
  * @param rootClassName - additional classes to add to button
  * @param iconSize - size of svg icon to be shown, default 16 (icon-dim-16)
  */
-export declare const ClipboardButton: ({ content, initialTippyText, copiedTippyText, duration, copyToClipboardPromise, rootClassName, iconSize, handleSuccess, }: ClipboardProps) => JSX.Element;
+export declare const ClipboardButton: ({ content, initialTippyText, copiedTippyText, duration, copyToClipboardPromise, rootClassName, iconSize, handleSuccess, variant, size, }: ClipboardProps) => JSX.Element;

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

@@ -1,4 +1,14 @@
-export default interface ClipboardProps {
+import { ComponentSizeType } from '../../Shared/constants';
+export type ClipboardProps = ({
+    /**
+     * @default 'default'
+     */
+    variant?: 'default';
+    size?: never;
+} | {
+    variant: 'button--secondary';
+    size: ComponentSizeType;
+}) & {
     content: string;
     /**
      * tippy text before copying
@@ -16,4 +26,4 @@ export default interface ClipboardProps {
     rootClassName?: string;
     iconSize?: number;
     handleSuccess?: () => void;
-}
+};

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, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps, EnvironmentsGroupedByClustersType, AppsGroupedByProjectsType, ClusterDetailListType } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -36,3 +36,6 @@ export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }:
     abortControllerRef?: MutableRefObject<AbortController>;
 }) => Promise<GlobalVariableOptionType[]>;
 export declare const getAppsInfoForEnv: ({ envId, appIds }: GetAppsInfoForEnvProps) => Promise<EnvAppsMetaDTO>;
+export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
+export declare const getEnvironmentOptionsGroupedByClusters: () => Promise<EnvironmentsGroupedByClustersType>;
+export declare const getDetailedClusterList: (clusterIds?: number[], signal?: AbortSignal) => Promise<ClusterDetailListType[]>;

package/dist/Common/Constants.d.ts

@@ -3,7 +3,7 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/devtron/v1.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v2.0";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
 export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
@@ -30,11 +30,7 @@ export declare const PATTERNS: {
 export declare const URLS: {
     readonly LOGIN: "/login";
     readonly LOGIN_SSO: "/login/sso";
-    readonly PERMISSION_GROUPS: "/global-config/auth/groups";
-    readonly APP: "/app";
     readonly APP_LIST: "list";
-    readonly CHARTS_DISCOVER: "/chart-store/discover";
-    readonly JOB: "/job";
     readonly CREATE_JOB: "create-job";
     readonly GETTING_STARTED: "getting-started";
     readonly STACK_MANAGER_ABOUT: "/stack-manager/about";
@@ -49,28 +45,72 @@ export declare const URLS: {
     readonly DETAILS: "/details";
     readonly CD_DETAILS: "cd-details";
     readonly APP_TRIGGER: "trigger";
-    readonly GLOBAL_CONFIG_DOCKER: "/global-config/docker";
     readonly DEPLOYMENT_HISTORY_CONFIGURATIONS: "/configuration";
-    readonly GLOBAL_CONFIG_SCOPED_VARIABLES: "/global-config/scoped-variables";
-    readonly GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: "/global-config/deployment-charts";
-    readonly GLOBAL_CONFIG_DEPLOYMENT_CHARTS_UPLOAD_CHART: "/global-config/deployment-charts/upload-chart";
     readonly NETWORK_STATUS_INTERFACE: "/network-status-interface";
-    readonly RESOURCE_BROWSER: "/resource-browser";
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
-    readonly GLOBAL_CONFIG: "/global-config";
-    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";
     readonly LICENSE_AUTH: "/license-auth";
-    readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
+    readonly APPLICATION_MANAGEMENT: "/application-management";
+    readonly APPLICATION_MANAGEMENT_OVERVIEW: "/application-management/overview";
+    readonly APPLICATION_MANAGEMENT_APP: "/application-management/devtron-app";
+    readonly APPLICATION_MANAGEMENT_APP_LIST: "/application-management/devtron-app/list";
+    readonly APPLICATION_MANAGEMENT_CREATE_DEVTRON_APP: "/application-management/devtron-app/list/create-app";
+    readonly APPLICATION_MANAGEMENT_APPLICATION_GROUP: "/application-management/application-group";
+    readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP: "/application-management/templates/devtron-app";
+    readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_CREATE: "/application-management/templates/devtron-app/create";
+    readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_DETAIL: "/application-management/templates/devtron-app/detail/:appId";
+    readonly APPLICATION_MANAGEMENT_PROJECTS: "/application-management/projects";
+    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS: "/application-management/configurations";
+    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_DEPLOYMENT_CHARTS: "/application-management/configurations/deployment-charts";
+    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_SCOPED_VARIABLES: "/application-management/configurations/scoped-variables";
+    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_BUILD_INFRA: "/application-management/configurations/build-infra";
+    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_BUILD_INFRA_PROFILES: "/application-management/configurations/build-infra/profiles";
+    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_NOTIFICATIONS: "/application-management/configurations/notifications";
+    readonly INFRASTRUCTURE_MANAGEMENT: "/infrastructure-management";
+    readonly INFRASTRUCTURE_MANAGEMENT_OVERVIEW: "/infrastructure-management/overview";
+    readonly INFRASTRUCTURE_MANAGEMENT_APP_LIST: `/infrastructure-management/apps/:appType(${string})`;
+    readonly INFRASTRUCTURE_MANAGEMENT_APP: "/infrastructure-management/apps";
+    readonly INFRASTRUCTURE_MANAGEMENT_CHART_STORE: "/infrastructure-management/chart-store";
+    readonly INFRASTRUCTURE_MANAGEMENT_CHART_STORE_DISCOVER: "/infrastructure-management/chart-store/discover";
+    readonly INFRASTRUCTURE_MANAGEMENT_RESOURCE_BROWSER: "/infrastructure-management/resource-browser";
+    readonly INFRASTRUCTURE_MANAGEMENT_RESOURCE_WATCHER: "/infrastructure-management/resource-watcher";
+    readonly SOFTWARE_RELEASE_MANAGEMENT: "/software-release-management";
+    readonly COST_VISIBILITY: "/cost-visibility";
+    readonly COST_VISIBILITY_OVERVIEW: "/cost-visibility/overview";
+    readonly COST_BREAKDOWN_ROUTE: "/cost-visibility/breakdown/:breakdownViewType";
+    readonly COST_BREAKDOWN_CLUSTERS: "/cost-visibility/breakdown/clusters";
+    readonly COST_BREAKDOWN_ENVIRONMENTS: "/cost-visibility/breakdown/environments";
+    readonly COST_BREAKDOWN_PROJECTS: "/cost-visibility/breakdown/projects";
+    readonly COST_BREAKDOWN_APPLICATIONS: "/cost-visibility/breakdown/applications";
+    readonly COST_BREAKDOWN_DETAIL: ":itemName/:view/:detail?";
+    readonly COST_CONFIGURATIONS: "/cost-visibility/configurations";
+    readonly SECURITY_CENTER: "/security-center";
+    readonly SECURITY_CENTER_OVERVIEW: "/security-center/overview";
+    readonly SECURITY_CENTER_VULNERABILITIES: "/security-center/vulnerabilities";
+    readonly SECURITY_CENTER_VULNERABILITY_DEPLOYMENTS: "/security-center/vulnerabilities/deployments";
+    readonly SECURITY_CENTER_VULNERABILITY_CVES: "/security-center/vulnerabilities/cves";
+    readonly SECURITY_CENTER_SECURITY_ENABLEMENT: "/security-center/security-enablement";
+    readonly SECURITY_CENTER_POLICIES: "/security-center/policies";
+    readonly AUTOMATION_AND_ENABLEMENT: "/automation-and-enablement";
+    readonly AUTOMATION_AND_ENABLEMENT_JOB: "/automation-and-enablement/job";
+    readonly DATA_PROTECTION: "/data-protection-management";
+    readonly DATA_PROTECTION_OVERVIEW: "/data-protection-management/overview";
+    readonly DATA_PROTECTION_BACKUP_AND_SCHEDULE: `/data-protection-management/backup-and-schedule/:view(${string})`;
+    readonly DATA_PROTECTION_BACKUP_AND_SCHEDULE_DETAIL: `/data-protection-management/backup-and-schedule/:view(${string})/detail/:id`;
+    readonly DATA_PROTECTION_RESTORES: "/data-protection-management/restores";
+    readonly DATA_PROTECTION_RESTORES_DETAIL: "/data-protection-management/restores/:restoreId";
+    readonly DATA_PROTECTION_BACKUP_LOCATIONS: `/data-protection-management/backup-locations/:type(${string})`;
+    readonly BACKUP_LOCATION_DETAILS: "/:locationId";
+    readonly GLOBAL_CONFIG: "/global-configuration";
+    readonly GLOBAL_CONFIG_DOCKER: "/global-configuration/docker";
+    readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-configuration/cluster-env/edit/:clusterId";
+    readonly PERMISSION_GROUPS: "/global-configuration/auth/groups";
+    readonly AI_RECOMMENDATIONS: "/ai-recommendations";
+    readonly AI_RECOMMENDATIONS_OVERVIEW: "/ai-recommendations/overview";
+    readonly EXTERNAL_APPS: "ea";
     readonly OBSERVABILITY: "/observability";
     readonly OBSERVABILITY_OVERVIEW: "/observability/overview";
-    readonly OBSERVABILITY_TENANTS: "/observability/tenants";
-    readonly OBSERVABILITY_TENANT_DETAILS: "/observability/tenants/:tenantName";
-    readonly OBSERVABILITY_TENANT_OVERVIEW: "/observability/tenants/:tenantName/overview";
-    readonly OBSERVABILITY_TENANT_VMS: "/observability/tenants/:tenantName/vms";
-    readonly OBSERVABILITY_TENANT_VM_DETAILS: "/observability/tenants/:tenantName/vms/:vmName";
+    readonly OBSERVABILITY_CUSTOMER_LIST: "/observability/tenants";
 };
 export declare const ROUTES: {
     readonly APP: "app";
@@ -97,6 +137,7 @@ export declare const ROUTES: {
     readonly PATCH: "patch";
     readonly ENVIRONMENT_LIST_MIN: "env/autocomplete";
     readonly CLUSTER: "cluster";
+    readonly CLUSTER_MIN: "cluster/min";
     readonly API_RESOURCE: "k8s/api-resources";
     readonly GVK: "gvk";
     readonly NAMESPACE: "env/namespace";
@@ -334,7 +375,15 @@ export declare const DATE_TIME_FORMATS: {
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
     'DD/MM/YYYY': string;
-    FULL_DATE_WITH_TIME: string;
+    DD_MMM: string;
+    TWENTY_FOUR_HOUR_FORMAT_HOUR: string;
+    ABBREVIATED_MONTH: string;
+    DATE_WITH_ABBREVIATED_MONTH: string;
+    WEEKDAY_WITH_DATE_MONTH_AND_YEAR: string;
+    WEEKDAY_DATE_MONTH_YEAR_AND_HOUR: string;
+    DAY_OF_MONTH_WITH_ORDINAL: string;
+    ABBREVIATED_WEEKDAY: string;
+    DAY_OF_MONTH: string;
 };
 export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";
 export declare const VULNERABILITIES_SORT_PRIORITY: {

package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts

@@ -27,6 +27,7 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly Delete: "⌦";
     readonly '.': ".";
     readonly Space: "Space";
+    readonly '>': ">";
 };
 export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 export interface ShortcutType {

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("N" | "R" | "Enter" | "/" | "Alt" | "F" | "E" | "K" | "X" | "A" | "S" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("N" | "R" | "Enter" | "/" | "Alt" | "F" | "E" | "K" | "X" | "A" | "S" | "Home" | "End" | "." | "Space" | ">" | "Control" | "Shift" | "Meta" | "Escape" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, variant, isLoading, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -53,4 +53,12 @@ export interface SearchBarProps {
      * @note This is displayed in place of the dropdown indicator
      */
     keyboardShortcut?: SupportedKeyboardKeysType;
+    /**
+     * @default 'default'
+     */
+    variant?: 'default' | 'sidenav';
+    /**
+     * If true, would convert the magnifying glass icon to a loading spinner
+     */
+    isLoading?: boolean;
 }

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

@@ -1,3 +1,4 @@
+import { ComponentSizeType } from '../../Shared/constants';
 export type Entity = {
     color: string;
     label: string;
@@ -12,13 +13,20 @@ type EntityPropType = {
         label?: never;
     }>[];
 };
+type ProportionalType = {
+    isProportional?: true;
+    hideTotal?: boolean;
+} | {
+    isProportional?: false | never;
+    hideTotal?: never;
+};
 export type SegmentedBarChartProps = {
     rootClassName?: string;
     countClassName?: string;
     labelClassName?: string;
-    isProportional?: boolean;
     swapLegendAndBar?: boolean;
     showAnimationOnBar?: boolean;
     isLoading?: boolean;
-} & EntityPropType;
+    size?: ComponentSizeType;
+} & EntityPropType & ProportionalType;
 export {};

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

@@ -0,0 +1,2 @@
+import { ComponentSizeType } from '../../Shared/constants';
+export declare const getBarHeightForSize: (size: ComponentSizeType) => "h-20" | "h-12" | "h-6" | "h-8";

package/dist/Common/SegmentedControl/Segment.d.ts

@@ -1,3 +1,3 @@
 import { SegmentProps } from './types';
-declare const Segment: ({ segment, isSelected, name, onChange, fullWidth, size, disabled }: SegmentProps) => JSX.Element;
+declare const Segment: <T extends string | number>({ segment, isSelected, name, onChange, fullWidth, size, disabled, }: SegmentProps<T>) => JSX.Element;
 export default Segment;

package/dist/Common/SegmentedControl/SegmentedControl.component.d.ts

@@ -1,3 +1,3 @@
 import { SegmentedControlProps } from './types';
-declare const SegmentedControl: ({ segments, onChange, name, size, value: controlledValue, fullWidth, disabled, }: SegmentedControlProps) => JSX.Element;
+declare const SegmentedControl: <T extends string | number>({ segments, onChange, name, size, value: controlledValue, fullWidth, disabled, }: SegmentedControlProps<T>) => JSX.Element;
 export default SegmentedControl;

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

@@ -1,2 +1,2 @@
 export { default as SegmentedControl } from './SegmentedControl.component';
-export { type SegmentedControlProps } from './types';
+export { type SegmentedControlProps, type SegmentType } from './types';

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

@@ -2,7 +2,7 @@ import { TooltipProps } from '../Tooltip';
 import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
 import { ComponentSizeType } from '../../Shared/constants';
 type SegmentTooltipProps = Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo' | 'placement'>;
-export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
+export type SegmentType<T = string | number> = {
     /**
      * If true, the segment will be in error state with error icon
      */
@@ -11,6 +11,10 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
      * If true, the segment will be in disabled state
      */
     isDisabled?: boolean;
+    /**
+     * Value for the segment
+     */
+    value: T;
 } & (({
     /**
      * Label for the segment
@@ -40,16 +44,16 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
      */
     ariaLabel: string;
 });
-export type SegmentedControlProps = {
+export type SegmentedControlProps<T = string | number> = {
     /**
      * List of segments to be displayed
      */
-    segments: SegmentType[];
+    segments: SegmentType<T>[];
     /**
      * Please make sure this is unique
      */
     name: string;
-    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium>;
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium | ComponentSizeType.large>;
     fullWidth?: boolean;
     disabled?: boolean;
 } & ({
@@ -57,16 +61,16 @@ export type SegmentedControlProps = {
     /**
      * On change handler for the component
      */
-    onChange?: (selectedSegment: SegmentType) => void;
+    onChange?: (selectedSegment: SegmentType<T>) => void;
 } | {
     /**
      * If defined, the component is controlled and onChange needs to be handled by the parent
      */
-    value: SegmentType['value'];
-    onChange: (selectedSegment: SegmentType) => void;
+    value: SegmentType<T>['value'];
+    onChange: (selectedSegment: SegmentType<T>) => void;
 });
-export interface SegmentProps extends Required<Pick<SegmentedControlProps, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
+export interface SegmentProps<T> extends Required<Pick<SegmentedControlProps<T>, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
     isSelected: boolean;
-    segment: SegmentType;
+    segment: SegmentType<T>;
 }
 export {};

package/dist/Common/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from './types';
-declare const Tooltip: ({ shortcutKeyCombo, alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, ...rest }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ shortcutKeyCombo, alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, plugins, ...rest }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/Common/Types.d.ts

@@ -2,9 +2,11 @@ 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, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType, EnvironmentType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
-import { IllustrationName } from '../Shared/Components';
+import { IllustrationName, SelectPickerOptionType } from '../Shared/Components';
+import { ClusterStatusType } from '../Pages/ResourceBrowser';
+import { ClusterProviderType } from '../Pages-Devtron-2.0/CostVisibility';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -26,9 +28,6 @@ export interface ResponseType<T = any> {
 }
 export interface APIOptions {
     timeout?: number;
-    /**
-     * @deprecated Use abortController instead
-     */
     signal?: AbortSignal;
     abortControllerRef?: MutableRefObject<AbortController>;
     /**
@@ -43,6 +42,11 @@ export interface APIOptions {
      * @default false
      */
     shouldParseServerErrorForUnauthorizedUser?: boolean;
+    /**
+     * @default false
+     * @description - If true, will override the default host (orchestrator or whatever defined initially in CoreAPI constructor) with the `proxy` host
+     */
+    isProxyHost?: boolean;
 }
 export interface OptionType<T = string, K = string> {
     value: T;
@@ -935,4 +939,59 @@ export interface ClusterEnvironmentCategoryDTO {
 }
 export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {
 }
+export type AppsGroupedByProjectsType = {
+    projectId: number;
+    projectName: string;
+    appList: {
+        name: string;
+        id: number;
+    }[];
+}[];
+export type EnvironmentsGroupedByClustersType = {
+    clusterName: EnvironmentType['cluster'];
+    envList: EnvironmentType[];
+}[];
+export type ClusterCostModuleConfigPayload = {
+    enabled: true;
+    config?: Record<string, any> & {
+        detectedProvider: ClusterProviderType;
+    };
+} | {
+    enabled: false;
+    config?: never;
+};
+interface ClusterCostModuleDetailsDTO extends Pick<ClusterCostModuleConfigPayload, 'enabled' | 'config'> {
+    installationStatus: 'Success' | 'Installing' | 'Upgrading' | 'NotInstalled' | 'Failed';
+    installationError?: string;
+}
+export interface ClusterDetailDTO {
+    category: ClusterEnvironmentCategoryType;
+    cluster_name: string;
+    description: string;
+    id: number;
+    insecureSkipTlsVerify: boolean;
+    installationId: number;
+    isProd: boolean;
+    isVirtualCluster: boolean;
+    server_url: string;
+    sshTunnelConfig: any;
+    prometheus_url: string;
+    proxyUrl: string;
+    toConnectWithSSHTunnel: boolean;
+    clusterStatus: ClusterStatusType;
+    costModuleConfig: ClusterCostModuleDetailsDTO;
+}
+export interface ClusterDetailListType extends Omit<ClusterDetailDTO, 'server_url' | 'cluster_name' | 'prometheus_url' | 'id' | 'category' | 'clusterStatus'> {
+    serverUrl: ClusterDetailDTO['server_url'];
+    clusterName: ClusterDetailDTO['cluster_name'];
+    prometheusUrl: ClusterDetailDTO['prometheus_url'];
+    clusterId: ClusterDetailDTO['id'];
+    category: SelectPickerOptionType;
+    status: ClusterStatusType;
+}
+export declare enum InfrastructureManagementAppListType {
+    HELM = "helm",
+    ARGO_CD = "argocd",
+    FLUX_CD = "fluxcd"
+}
 export {};

package/dist/Common/index.d.ts

@@ -2,6 +2,7 @@ export * from './AddCDButton';
 export * from './API';
 export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb';
 export { default as BreadcrumbStore, BreadcrumbText } from './BreadCrumb/BreadcrumbStore';
+export { NestedBreadCrumb } from './BreadCrumb/NestedBreadCrumb';
 export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector';
 export * from './Checkbox';
 export * from './CIPipeline.Types';
@@ -36,7 +37,6 @@ export * from './Policy.Types';
 export { default as PopupMenu } from './PopupMenu';
 export * from './Progressing';
 export { default as RadioGroup } from './RadioGroup';
-export { default as StyledRadioGroup } from './RadioGroup/RadioGroup';
 export { default as RadioGroupItem } from './RadioGroupItem';
 export { default as Reload } from './Reload';
 export * from './RJSF';

package/dist/Pages/GlobalConfigurations/BuildInfra/Descriptor.d.ts

@@ -1,3 +1,3 @@
 import { BuildInfraDescriptorProps } from './types';
-declare const Descriptor: ({ additionalContainerClasses, breadCrumbs, children, tippyInfoText, tippyAdditionalContent, tooltipNode, tooltipHeading, }: BuildInfraDescriptorProps) => JSX.Element;
+declare const Descriptor: ({ additionalContainerClasses, children, tooltipNode, tippyInfoText, tippyAdditionalContent, tooltipHeading, profileName, }: BuildInfraDescriptorProps) => JSX.Element;
 export default Descriptor;

package/dist/Pages/GlobalConfigurations/BuildInfra/constants.d.ts

@@ -1,4 +1,3 @@
-import { UseBreadcrumbProps } from '../../../Common/BreadCrumb/Types';
 import { CMSecretComponentType } from '../../../Shared/Services';
 import { BuildInfraAPIVersionType, BuildInfraConfigTypes, BuildInfraFormFieldType, BuildInfraInheritActionsOnSubValues, BuildInfraLocators, BuildInfraMetaConfigTypes, BuildInfraToleranceEffectType, BuildInfraToleranceOperatorType, HandleProfileInputChangeType, InfraConfigWithSubValues, ProfileInputErrorType, RequestLimitConfigType, TargetPlatformErrorFields, ValidateRequestLimitType } from './types';
 export declare const BUILD_INFRA_INPUT_CONSTRAINTS: {
@@ -37,7 +36,6 @@ export declare const BUILD_INFRA_TEXT: {
     };
     readonly INVALID_FORM_MESSAGE: "Valid input is required for all mandatory fields.";
 };
-export declare const BUILD_INFRA_BREADCRUMB: UseBreadcrumbProps;
 export declare const BUILD_INFRA_LOCATOR_MARKER_MAP: Readonly<Record<BuildInfraLocators, BuildInfraFormFieldType['marker']>>;
 export declare const BUILD_INFRA_LOCATOR_LABEL_MAP: Readonly<Record<BuildInfraLocators, string>>;
 export declare const BUILD_INFRA_FORM_FIELDS: Readonly<BuildInfraFormFieldType[]>;

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

@@ -1,7 +1,6 @@
 import { FormEvent, FunctionComponent, ReactNode, SyntheticEvent } from 'react';
 import { BUILD_INFRA_INHERIT_ACTIONS, useBuildInfraForm } from '../../index';
 import { ServerErrors } from '../../../Common';
-import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
 import { CMSecretComponentType, CMSecretConfigData, CMSecretPayloadType, ConfigMapSecretUseFormProps, getUniqueId, useForm, ValidationResponseType } from '../../../Shared';
 /**
  * Unique actions that will be dispatched and,
@@ -43,21 +42,28 @@ export declare enum BuildInfraProfileVariants {
     NORMAL = "NORMAL",
     CUSTOM = "CUSTOM"
 }
-export interface BuildInfraDescriptorProps {
+export type BuildInfraDescriptorProps = {
     /**
      * In case we want to restrict the max-width
      */
     additionalContainerClasses?: string;
-    breadCrumbs: Breadcrumb[];
     /**
      * Would stick at right of div
      */
     children?: ReactNode;
-    tippyInfoText?: string;
-    tippyAdditionalContent?: ReactNode;
-    tooltipNode?: ReactNode;
+} & ({
+    tooltipNode: ReactNode;
+    tippyInfoText?: never;
+    tooltipHeading?: never;
+    tippyAdditionalContent?: never;
+    profileName?: never;
+} | {
+    tooltipNode?: never;
+    tippyInfoText: string;
     tooltipHeading?: string;
-}
+    tippyAdditionalContent?: ReactNode;
+    profileName?: string;
+});
 export type NumericBuildInfraConfigTypes = Extract<BuildInfraConfigTypes, BuildInfraConfigTypes.BUILD_TIMEOUT | BuildInfraConfigTypes.CPU_LIMIT | BuildInfraConfigTypes.CPU_REQUEST | BuildInfraConfigTypes.MEMORY_LIMIT | BuildInfraConfigTypes.MEMORY_REQUEST>;
 export interface BuildInfraActionType {
     /**

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

@@ -0,0 +1,2 @@
+declare const VirtualClusterSidebar: () => JSX.Element;
+export default VirtualClusterSidebar;

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

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

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

@@ -1,4 +1,5 @@
-import { ReactNode, RefObject } from 'react';
+import { RefObject } from 'react';
+import { FiltersTypeEnum, TableViewWrapperProps } from '../../Shared/Components';
 import { Nodes, NodeType } from '../../Shared/types';
 export interface GVKType {
     Group: string;
@@ -136,8 +137,7 @@ export interface GVKOptionValueType {
     kind: string;
     apiVersion: string;
 }
-export interface ResourceRecommenderActionMenuProps {
-    children: ReactNode;
+export interface ResourceRecommenderActionMenuProps extends Pick<TableViewWrapperProps<K8sResourceDetailDataType, FiltersTypeEnum.URL>, 'filteredRows'> {
     lastScannedOn: string;
 }
 export {};

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

@@ -53,13 +53,13 @@ export declare const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
 export declare const GVK_FILTER_KIND_QUERY_PARAM_KEY = "gvkFilterKind";
 export declare const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = "gvkFilterApiVersion";
 export declare const RESOURCE_BROWSER_ROUTES: {
-    readonly OVERVIEW: "/resource-browser/:clusterId/overview";
-    readonly MONITORING_DASHBOARD: "/resource-browser/:clusterId/monitoring-dashboard";
-    readonly TERMINAL: "/resource-browser/:clusterId/terminal";
-    readonly CLUSTER_UPGRADE: "/resource-browser/:clusterId/cluster-upgrade";
-    readonly NODE_DETAIL: "/resource-browser/:clusterId/node/detail/:name";
-    readonly K8S_RESOURCE_DETAIL: "/resource-browser/:clusterId/:namespace/:kind/:group/:name";
-    readonly K8S_RESOURCE_LIST: "/resource-browser/:clusterId/:kind/:group";
-    readonly RESOURCE_RECOMMENDER: "/resource-browser/:clusterId/resource-recommender";
+    readonly OVERVIEW: "/infrastructure-management/resource-browser/:clusterId/overview";
+    readonly MONITORING_DASHBOARD: "/infrastructure-management/resource-browser/:clusterId/monitoring-dashboard";
+    readonly TERMINAL: "/infrastructure-management/resource-browser/:clusterId/terminal";
+    readonly CLUSTER_UPGRADE: "/infrastructure-management/resource-browser/:clusterId/cluster-upgrade";
+    readonly NODE_DETAIL: "/infrastructure-management/resource-browser/:clusterId/node/detail/:name";
+    readonly K8S_RESOURCE_DETAIL: "/infrastructure-management/resource-browser/:clusterId/:namespace/:kind/:group/:name";
+    readonly K8S_RESOURCE_LIST: "/infrastructure-management/resource-browser/:clusterId/:kind/:group";
+    readonly RESOURCE_RECOMMENDER: "/infrastructure-management/resource-browser/:clusterId/resource-recommender";
 };
 export declare const K8S_EMPTY_GROUP = "k8sEmptyGroup";

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

@@ -5,7 +5,8 @@ import { NodeActionRequest } from './ResourceBrowser.Types';
 export declare enum ClusterFiltersType {
     ALL_CLUSTERS = "all",
     HEALTHY = "healthy",
-    UNHEALTHY = "unhealthy"
+    UNHEALTHY = "unhealthy",
+    CONNECTION_FAILED = "connectionFailed"
 }
 export declare enum InstallationClusterStatus {
     Creating = "Creating",