@devtron-labs/devtron-fe-common-lib 1.20.5-pre-4 → 1.20.5-pre-6

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

@@ -6,12 +6,6 @@ declare class CoreAPI {
     host: string;
     timeout: number;
     constructor({ handleLogout, host, timeout, handleRedirectToLicenseActivation }: CoreAPIConstructorParamsType);
-    /**
-     * Constructs the final URL by detecting service paths and applying appropriate routing
-     * @param url - The endpoint URL
-     * @returns The final URL with correct base path
-     */
-    private constructUrl;
     private fetchAPI;
     /**
      * Merges multiple AbortSignals into a single AbortSignal that aborts
@@ -30,5 +24,6 @@ declare class CoreAPI {
     patch: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
     get: <T = any>(url: string, options?: APIOptions) => Promise<ResponseType<T>>;
     trash: <T = any, K = object>(url: string, data?: K, options?: APIOptions) => Promise<ResponseType<T>>;
+    setGlobalAPITimeout: (timeout: number) => void;
 }
 export default CoreAPI;

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

@@ -1,4 +1,4 @@
-export declare const post: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions, isMultipartRequest?: boolean) => Promise<import('..').ResponseType<T>>, put: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, patch: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, get: <T = any>(url: string, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, trash: <T = any, K = object>(url: string, data?: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>;
+export declare const post: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions, isMultipartRequest?: boolean) => Promise<import('..').ResponseType<T>>, put: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, patch: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, get: <T = any>(url: string, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, trash: <T = any, K = object>(url: string, data?: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, setGlobalAPITimeout: (timeout: number) => void;
 export { default as CoreAPI } from './CoreAPI';
 export { QueryClientProvider } from './QueryClientProvider';
 export * from './reactQueryHooks';

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

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { BreadcrumbTextProps } from './Types';
 export declare const BreadcrumbText: ({ heading, isActive, shouldTruncate }: BreadcrumbTextProps) => JSX.Element;
+export declare const getBreadCrumbSeparator: (sep?: string) => JSX.Element;
 declare const Store: ({ children }: {
     children: any;
 }) => JSX.Element;

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

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

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

@@ -34,3 +34,18 @@ 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;
+}

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, EnvironmentsGroupedByClustersType, AppsGroupedByProjectsType } 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: {
@@ -38,3 +38,4 @@ export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }:
 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

@@ -1,10 +1,6 @@
 import { SelectPickerOptionType } from '../Shared/Components';
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
-export declare const SERVICE_PATHS: {
-    readonly ATHENA: "athena";
-    readonly ORCHESTRATOR: "orchestrator";
-};
 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";
@@ -66,9 +62,9 @@ export declare const URLS: {
     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_CATALOG_FRAMEWORK: "/application-management/configurations/catalog-framework";
     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";
@@ -87,8 +83,11 @@ export declare const URLS: {
     readonly SECURITY_CENTER: "/security-center";
     readonly AUTOMATION_AND_ENABLEMENT: "/automation-and-enablement";
     readonly AUTOMATION_AND_ENABLEMENT_JOB: "/automation-and-enablement/job";
-    readonly BACKUP_AND_RESTORE: "/backup-and-restore";
-    readonly BACKUP_AND_RESTORE_OVERVIEW: "/backup-and-restore/overview";
+    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";
+    readonly DATA_PROTECTION_RESTORES: "/data-protection-management/restores";
+    readonly DATA_PROTECTION_BACKUP_LOCATIONS: "/data-protection-management/backup-locations";
     readonly GLOBAL_CONFIG: "/global-configuration";
     readonly GLOBAL_CONFIG_DOCKER: "/global-configuration/docker";
     readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-configuration/cluster-env/edit/:clusterId";
@@ -358,6 +357,7 @@ export declare const DATE_TIME_FORMATS: {
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
     'DD/MM/YYYY': string;
+    DD_MMM: string;
 };
 export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";
 export declare const VULNERABILITIES_SORT_PRIORITY: {

package/dist/Common/Types.d.ts

@@ -4,7 +4,8 @@ import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 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';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -40,6 +41,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;
@@ -943,4 +949,40 @@ export type EnvironmentsGroupedByClustersType = {
     clusterName: EnvironmentType['cluster'];
     envList: EnvironmentType[];
 }[];
+export type ClusterCostModuleConfigPayload = {
+    enabled: true;
+    config?: Record<string, any>;
+} | {
+    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 {};

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

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/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-Devtron-2.0/ApplicationManagement/Shared/index.d.ts

@@ -1 +1 @@
-export * from './PageHeader';
+export * from './ApplicationManagementIcon';

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/constants.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from '../../../Shared/Components';
+import { ClusterProviderType } from './types';
+export declare const CLUSTER_PROVIDER_TO_ICON_NAME: Record<ClusterProviderType, IconName | null>;
+export declare const CLUSTER_PROVIDER_TO_LABEL: Record<ClusterProviderType, string>;

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts

@@ -1 +1,2 @@
+export * from './constants';
 export * from './types';

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -1,3 +1,6 @@
+import { ReactNode } from 'react';
+import { RJSFFormSchema } from '../../../Common/RJSF';
+import { ClusterDetailListType } from '../../../Common/Types';
 export declare enum CostBreakdownViewType {
     CLUSTERS = "clusters",
     ENVIRONMENTS = "environments",
@@ -9,3 +12,20 @@ export declare enum CostBreakdownItemViewParamsType {
     VIEW = "view",
     DETAIL = "detail"
 }
+type RenderClusterFormParamsType = {
+    clusterDetails: ClusterDetailListType;
+    handleClose: () => void;
+    handleSuccess: () => void;
+};
+export interface CostVisibilityRenderContextType {
+    renderClusterForm: (params: RenderClusterFormParamsType) => JSX.Element;
+}
+export interface CostVisibilityRenderProviderProps extends CostVisibilityRenderContextType {
+    children: ReactNode;
+}
+export type ClusterProviderType = 'AWS' | 'GCP' | 'Azure' | 'Alibaba' | 'Scaleway' | 'Oracle' | 'OTC' | 'DigitalOcean' | 'Unknown';
+export interface ClusterProviderDetailsType {
+    clusterProvider: ClusterProviderType;
+    costModuleSchema: RJSFFormSchema;
+}
+export {};

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.d.ts

@@ -1,2 +1 @@
-export * from './ApplicationManagementIcon';
 export * from './InfrastructureManagementIcon';

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

@@ -39,6 +39,7 @@ export type ActionMenuItemType<T extends string | number = string | number> = Om
     trailingItem?: TrailingItemType;
     /** Prevents the menu from closing when the item is clicked. */
     doNotCloseMenuOnClick?: boolean;
+    dataAttributesId?: number;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -64,7 +64,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         itemRef?: string;
         results?: number;
         unselectable?: "on" | "off";
-        inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
+        inputMode?: "search" | "text" | "none" | "url" | "decimal" | "tel" | "email" | "numeric";
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
         "aria-autocomplete"?: "none" | "list" | "inline" | "both";

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

@@ -1,16 +1,8 @@
 import { AppThemeType } from '../../Providers';
 import { ChartColorKey } from './types';
-export declare const LEGENDS_LABEL_CONFIG: {
-    readonly usePointStyle: true;
-    readonly pointStyle: "rectRounded";
-    readonly pointStyleWidth: 0;
-    readonly font: {
-        readonly family: "'IBM Plex Sans', 'Open Sans', 'Roboto'";
-        readonly size: 13;
-        readonly lineHeight: "150%";
-        readonly weight: 400;
-    };
-};
 export declare const CHART_COLORS: Record<AppThemeType, Record<ChartColorKey, string>>;
 export declare const CHART_GRID_LINES_COLORS: Record<AppThemeType, string>;
+export declare const CHART_AXIS_COLORS: Record<AppThemeType, string>;
+export declare const CHART_AXIS_LABELS_COLOR: Record<AppThemeType, string>;
 export declare const CHART_CANVAS_BACKGROUND_COLORS: Record<AppThemeType, string>;
+export declare const LINE_DASH: number[];

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

@@ -1,3 +1,4 @@
 export { default as Chart } from './Chart.component';
 export { CHART_COLORS } from './constants';
-export type { ChartColorKey, ChartProps, ChartType, SimpleDataset, SimpleDatasetForPie } from './types';
+export type { ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, SimpleDataset, SimpleDatasetForPie, } from './types';
+export { chartColorGenerator } from './utils';

package/dist/Shared/Components/Charts/plugins.d.ts

@@ -1,5 +1,4 @@
 import { Plugin } from 'chart.js';
 import { AppThemeType } from '../../Providers';
-import { ChartType } from './types';
-export declare const getAverageLinePlugin: (averageValue: number, appTheme: AppThemeType) => Plugin;
-export declare const getSeparatorLinePlugin: (separatorIndex: number, chartType: ChartType, appTheme: AppThemeType) => Plugin;
+import { ReferenceLineConfigType } from './types';
+export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;

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

@@ -1,9 +1,11 @@
-import { ChartOptions } from 'chart.js';
+import { ReactNode } from 'react';
+import { TooltipOptions, TooltipPositionerFunction } from 'chart.js';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { AppThemeType } from '../../Providers';
 import { Never } from '../../types';
 export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
-type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
-type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
+export type VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 export type ChartColorKey = `${ColorTokensType}${VariantsType}`;
 export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
 interface BaseSimpleDataset {
@@ -11,41 +13,49 @@ interface BaseSimpleDataset {
     yAxisValues: number[];
 }
 export interface SimpleDataset extends BaseSimpleDataset {
-    backgroundColor: ChartColorKey;
+    color: ChartColorKey;
+    isClickable?: boolean;
+}
+export interface SimpleDatasetForLineAndArea extends Omit<SimpleDataset, 'isClickable'> {
+    isDashed?: boolean;
 }
 export interface SimpleDatasetForPie extends BaseSimpleDataset {
-    backgroundColor: Array<ChartColorKey>;
+    colors: Array<ChartColorKey>;
+    isClickable?: boolean[];
 }
-export interface SimpleDatasetForLine extends BaseSimpleDataset {
-    borderColor: ChartColorKey;
+export interface ReferenceLineConfigType {
+    strokeWidth?: number;
+    color?: ChartColorKey;
+    value: number;
 }
 type XYAxisMax = {
     xAxisMax?: number;
     yAxisMax?: number;
+    /**
+     * Optional reference lines to draw across the chart
+     */
+    referenceLines?: ReferenceLineConfigType[];
 };
-type TypeAndDatasetsType = ({
+type OnChartClickHandler = (datasetName: string, value: number) => void;
+export type TypeAndDatasetsType = ({
     type: 'pie';
     /**
      * Needs to be memoized
      */
     datasets: SimpleDatasetForPie;
-    separatorIndex?: never;
-    averageLineValue?: never;
+    onChartClick?: OnChartClickHandler;
 } & Never<XYAxisMax>) | ({
     type: 'line';
-    datasets: SimpleDatasetForLine[];
-    separatorIndex?: never;
-    averageLineValue?: number;
+    datasets: SimpleDatasetForLineAndArea[];
+    onChartClick?: never;
 } & XYAxisMax) | ({
     type: 'area';
-    datasets: SimpleDataset[];
-    separatorIndex?: never;
-    averageLineValue?: number;
+    datasets: SimpleDatasetForLineAndArea;
+    onChartClick?: never;
 } & XYAxisMax) | ({
     type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
     datasets: SimpleDataset[];
-    separatorIndex?: number;
-    averageLineValue?: never;
+    onChartClick?: OnChartClickHandler;
 } & XYAxisMax);
 export type ChartProps = {
     id: string;
@@ -58,10 +68,18 @@ export type ChartProps = {
      * @default false
      */
     hideAxis?: boolean;
-    /**
-     * Callback function for chart click events
-     */
-    onChartClick?: ChartOptions['onClick'];
+    hideXAxisLabels?: boolean;
+    tooltipConfig?: {
+        getTooltipContent?: (args: Parameters<TooltipOptions['external']>[0]) => ReactNode;
+        /**
+         * @default 'top'
+         */
+        placement?: TooltipProps['placement'];
+    };
+    /** A title for x axis */
+    xScaleTitle?: string;
+    /** A title for y axis */
+    yScaleTitle?: string;
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
@@ -69,17 +87,24 @@ export type TransformDatasetProps = {
     type: 'pie';
     dataset: SimpleDatasetForPie;
 } | {
-    type: 'line';
-    dataset: SimpleDatasetForLine;
+    type: 'line' | 'area';
+    dataset: SimpleDatasetForLineAndArea;
 } | {
-    type: Exclude<ChartType, 'pie' | 'line'>;
+    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
     dataset: SimpleDataset;
 });
 export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
 export type TransformDataForChartProps = {
     appTheme: AppThemeType;
 } & TypeAndDatasetsType;
-export interface GetDefaultOptionsParams extends Pick<ChartProps, 'hideAxis' | 'onChartClick' | 'type' | 'xAxisMax' | 'yAxisMax'> {
+export interface GetDefaultOptionsParams {
+    chartProps: ChartProps;
     appTheme: AppThemeType;
+    externalTooltipHandler: TooltipOptions['external'];
+}
+declare module 'chart.js' {
+    interface TooltipPositionerMap {
+        barElementCenterPositioner: TooltipPositionerFunction<'bar'>;
+    }
 }
 export {};

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

@@ -1,12 +1,70 @@
-import { ChartDataset, ChartOptions, ChartType as ChartJSChartType } from 'chart.js';
+import { ReactNode } from 'react';
+import { Chart, ChartDataset, ChartOptions, ChartType as ChartJSChartType, Point, TooltipOptions } from 'chart.js';
+import { AppThemeType } from '../../Providers';
 import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
+export declare const getLegendsLabelConfig: (type: ChartType, appTheme: AppThemeType) => {
+    usePointStyle: false;
+    boxHeight: number;
+    generateLabels: (chart: Chart<"line">) => {
+        fillStyle: string;
+        strokeStyle: string;
+        lineDash: number[];
+        lineWidth: number;
+        text: string;
+        borderRadius?: number | import('chart.js').BorderRadius;
+        datasetIndex?: number;
+        index?: number;
+        fontColor?: import('chart.js').Color;
+        hidden?: boolean;
+        lineCap?: CanvasLineCap;
+        lineDashOffset?: number;
+        lineJoin?: CanvasLineJoin;
+        pointStyle?: import('chart.js').PointStyle;
+        rotation?: number;
+        textAlign?: import('chart.js').TextAlign;
+    }[];
+    color: string;
+    font: {
+        family: string;
+        size: number;
+        lineHeight: string;
+        weight: number;
+    };
+} | {
+    usePointStyle: true;
+    boxHeight: number;
+    boxWidth: number;
+    pointStyle: "rectRounded";
+    color: string;
+    font: {
+        family: string;
+        size: number;
+        lineHeight: string;
+        weight: number;
+    };
+};
 export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
-export declare const getDefaultOptions: ({ type, appTheme, hideAxis, xAxisMax, yAxisMax, onChartClick, }: GetDefaultOptionsParams) => ChartOptions;
+export declare const getDefaultOptions: ({ chartProps, appTheme, externalTooltipHandler, }: GetDefaultOptionsParams) => ChartOptions;
 export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
+    backgroundColor?: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
+    borderColor?: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
+    pointBackgroundColor?: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
+    pointBorderColor?: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color) | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[];
+    label: string;
+    data: number[];
+} | {
+    backgroundColor: string[];
+    hoverBackgroundColor: string[];
+    borderColor: string;
+    label: string;
+    data: number[];
+} | {
+    backgroundColor: string;
+    hoverBackgroundColor: string;
+    borderColor: string;
     label: string;
     data: number[];
-    backgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
-    borderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
-    pointBackgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
-    pointBorderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
 })[];
+export declare function chartColorGenerator(): Generator<"DeepPlum500" | "DeepPlum300" | "DeepPlum100" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta500" | "Magenta300" | "Magenta100" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate500" | "Slate300" | "Slate100" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender500" | "Lavender300" | "Lavender100" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue500" | "SkyBlue300" | "SkyBlue100" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal500" | "AquaTeal300" | "AquaTeal100" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen500" | "LimeGreen300" | "LimeGreen100" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed500" | "CoralRed300" | "CoralRed100" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow500" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray500" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray500" | "Gray300" | "Gray100" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950", void, unknown>;
+export declare const buildChartTooltipFromContext: ({ title, body, labelColors: labelColorsProp, }: Pick<Parameters<TooltipOptions["external"]>[0]["tooltip"], "title" | "body" | "labelColors">) => ReactNode;
+export declare const distanceBetweenPoints: (pt1: Point, pt2: Point) => number;

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

@@ -0,0 +1,3 @@
+import { ClusterStatusIconProps } from './types';
+declare const ClusterStatusIcon: ({ clusterStatus, isVirtualCluster }: ClusterStatusIconProps) => JSX.Element;
+export default ClusterStatusIcon;

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

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

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

@@ -0,0 +1,5 @@
+import { ClusterStatusType } from '../../../Pages/ResourceBrowser';
+export interface ClusterStatusIconProps {
+    clusterStatus: ClusterStatusType;
+    isVirtualCluster: boolean;
+}

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

@@ -0,0 +1,2 @@
+import { ClusterStatusType } from '../../../Pages/ResourceBrowser';
+export declare const getBulletColorAccToStatus: (status: ClusterStatusType) => "bcg-5" | "bcr-5" | "bcy-5";