@devtron-labs/devtron-fe-common-lib 1.20.2-pre-4 → 1.20.3-alpha-9

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

@@ -24,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/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

@@ -62,7 +62,6 @@ 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_NOTIFICATIONS: "/application-management/configurations/notifications";
@@ -354,6 +353,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
  *
@@ -943,4 +944,28 @@ export type EnvironmentsGroupedByClustersType = {
     clusterName: EnvironmentType['cluster'];
     envList: EnvironmentType[];
 }[];
+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;
+}
+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/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/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,4 +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,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ChartOptions, TooltipOptions } from 'chart.js';
+import { TooltipOptions, TooltipPositionerFunction } from 'chart.js';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { AppThemeType } from '../../Providers';
 import { Never } from '../../types';
@@ -13,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?: number;
+    onChartClick?: OnChartClickHandler;
 } & XYAxisMax);
 export type ChartProps = {
     id: string;
@@ -61,10 +69,6 @@ export type ChartProps = {
      */
     hideAxis?: boolean;
     hideXAxisLabels?: boolean;
-    /**
-     * Callback function for chart click events
-     */
-    onChartClick?: ChartOptions['onClick'];
     tooltipConfig?: {
         getTooltipContent?: (args: Parameters<TooltipOptions['external']>[0]) => ReactNode;
         /**
@@ -72,6 +76,10 @@ export type ChartProps = {
          */
         placement?: TooltipProps['placement'];
     };
+    /** A title for x axis */
+    xScaleTitle?: string;
+    /** A title for y axis */
+    yScaleTitle?: string;
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
@@ -79,18 +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' | 'hideXAxisLabels'> {
+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,15 +1,70 @@
 import { ReactNode } from 'react';
-import { ChartDataset, ChartOptions, ChartType as ChartJSChartType, TooltipOptions } from 'chart.js';
+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, hideXAxisLabels, xAxisMax, yAxisMax, onChartClick, externalTooltipHandler, }: 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";

package/dist/Shared/Components/ConfirmationModal/ForceDeleteConfirmationModal.d.ts

@@ -1,2 +1,2 @@
 import { ForceDeleteConfirmationProps } from './types';
-export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, }: ForceDeleteConfirmationProps) => JSX.Element;
+export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, isDeleting, }: ForceDeleteConfirmationProps) => JSX.Element;

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

@@ -135,7 +135,7 @@ export interface CannotDeleteModalProps extends Partial<Pick<DeleteConfirmationM
  * This interface extends selected properties from `DeleteConfirmationModalProps`
  * and `ConfirmationModalProps` to configure the force delete confirmation modal.
  */
-export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'closeConfirmationModal'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
+export interface ForceDeleteConfirmationProps extends Partial<Pick<DeleteConfirmationModalProps, 'onDelete' | 'closeConfirmationModal' | 'isDeleting'>>, Partial<Pick<ConfirmationModalProps, 'title' | 'subtitle'>> {
 }
 export interface ConfirmationModalContextType {
     settersRef: MutableRefObject<{

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

@@ -0,0 +1,3 @@
+import { ExportToCsvProps } from './types';
+declare const ExportToCsv: <HeaderItemType extends string>({ apiPromise, fileName, triggerElementConfig, disabled, modalConfig, headers, downloadRequestId, }: ExportToCsvProps<HeaderItemType>) => JSX.Element;
+export default ExportToCsv;

package/dist/Shared/Components/ExportToCsv/ExportToCsvDialog.d.ts

@@ -0,0 +1,3 @@
+import { ExportToCsvDialogProps } from './types';
+declare const ExportToCsvDialog: ({ exportDataError, isLoading, initiateDownload, handleCancelRequest, }: ExportToCsvDialogProps) => JSX.Element;
+export default ExportToCsvDialog;

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

@@ -0,0 +1,2 @@
+export { default as ExportToCsv } from './ExportToCsv';
+export * from './types';

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

@@ -0,0 +1,64 @@
+import { ServerErrors } from '../../../Common/ServerError';
+import { APIOptions } from '../../../Common/Types';
+import { ButtonProps } from '../Button';
+type TriggerElementConfigType = {
+    buttonProps: ButtonProps;
+    showOnlyIcon?: boolean;
+    customButton?: never;
+    isExternalTrigger?: false;
+} | {
+    customButton: {
+        content: JSX.Element;
+        className: string;
+    };
+    buttonProps?: never;
+    showOnlyIcon?: false;
+    isExternalTrigger?: false;
+} | {
+    isExternalTrigger: true;
+    showOnlyIcon?: false;
+    buttonProps?: never;
+    customButton?: never;
+} | {
+    showOnlyIcon: true;
+    buttonProps?: never;
+    customButton?: never;
+    isExternalTrigger?: false;
+};
+export interface ExportToCsvProps<HeaderItemKeyType extends string> {
+    headers: {
+        label: string;
+        key: HeaderItemKeyType;
+    }[];
+    apiPromise: ({ signal, }: Pick<APIOptions, 'signal'>) => Promise<Record<HeaderItemKeyType, string | number | boolean>[]>;
+    fileName: string;
+    /**
+     * If nothing given will render a Button with "Export CSV" text
+     */
+    triggerElementConfig?: TriggerElementConfigType;
+    /**
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If not given would show default dialog
+     */
+    modalConfig?: {
+        hideDialog: false;
+        renderCustomModal?: (proceedWithDownload: (shouldProceed: boolean) => void) => JSX.Element;
+    } | {
+        hideDialog: true;
+        renderCustomModal?: never;
+    };
+    /**
+     * If given, would trigger export on when this changes and has some value
+     */
+    downloadRequestId?: string | number;
+}
+export interface ExportToCsvDialogProps {
+    isLoading: boolean;
+    exportDataError: ServerErrors;
+    initiateDownload: () => void;
+    handleCancelRequest: () => void;
+}
+export {};

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

@@ -10,6 +10,7 @@ export declare const iconMap: {
     'ic-app-template': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-argocd-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrow-line-down': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -27,6 +28,7 @@ export declare const iconMap: {
     'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -91,6 +93,7 @@ export declare const iconMap: {
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-download': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-edit-lines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -104,6 +107,7 @@ export declare const iconMap: {
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-file-download': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -131,7 +135,6 @@ export declare const iconMap: {
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-graph-negative': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -201,6 +204,7 @@ export declare const iconMap: {
     'ic-pause-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-priority-medium-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ratings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -16,6 +16,7 @@ export * from './ButtonWithSelector';
 export * from './Charts';
 export * from './Chip';
 export * from './CICDHistory';
+export * from './ClusterStatusIcon';
 export * from './CMCS';
 export * from './CodeEditor';
 export * from './Collapse';
@@ -37,6 +38,7 @@ export * from './EditImageFormField';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';
+export * from './ExportToCsv';
 export * from './FeatureDescription';
 export * from './FileUpload';
 export * from './FilterChips';

package/dist/Shared/Helpers.d.ts

@@ -104,4 +104,5 @@ export declare const getAppDetailsURL: (appId: number | string, envId?: number |
 export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
 export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
 export declare const YAMLtoJSON: (yamlString: string) => string;
+export declare const formatNumberToCurrency: (value: number, currency: string) => string;
 export {};

package/dist/assets/ic-arrow-line-down.b6a98848.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 3.25V17.5m0 0-6.75-6.75M12 17.5l6.75-6.75m-15 9.75h16.5"/>
+</svg>

package/dist/assets/{ic-bg-build.7de825b3.svg → ic-bg-build.8609d0ea.svg}

@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
   <g clip-path="url(#a)">
-    <rect width="24" height="24" fill="#FFE5DE" rx="6"/>
+    <rect width="24" height="24" fill="var(--O100)" rx="6"/>
     <path fill="#8898A6" fill-rule="evenodd" d="M17.396 6.271 15.98 7.67a.452.452 0 0 0 0 .643l1.052 1.04c.18.177.47.177.65 0l1.416-1.4a.18.18 0 0 1 .298.08c.268.98.014 2.07-.764 2.838a2.986 2.986 0 0 1-3.13.672l-6.125 6.62a1.646 1.646 0 0 1-2.362.052 1.603 1.603 0 0 1 .06-2.343l6.713-5.984a2.902 2.902 0 0 1 .656-3.156 2.986 2.986 0 0 1 2.871-.755.175.175 0 0 1 .08.294Zm-9.679 10.79c0 .267.22.484.49.484s.49-.217.49-.485a.487.487 0 0 0-.49-.483c-.27 0-.49.216-.49.483Z" clip-rule="evenodd"/>
     <path fill="#F4910D" fill-rule="evenodd" d="m8.355 10.166 1.679-1.659 8.104 8.011c.32.316.32.829 0 1.145l-.52.514a.826.826 0 0 1-1.158 0l-8.105-8.011Z" clip-rule="evenodd"/>
     <path fill="#66757F" fill-rule="evenodd" d="m7.1 11.927.47-.465.044-.31a.485.485 0 0 1 .654-.38l2.098-2.074-.083-.655a1.49 1.49 0 0 1 .432-1.246 1.8 1.8 0 0 1 1.266-.518h.833c-1.312-1.296-2.55-1.368-3.716-.216L6.212 8.916a.826.826 0 0 1-.627.236L5.21 9.13l-.47.464a.803.803 0 0 0 0 1.145l1.201 1.188a.826.826 0 0 0 1.158 0Z" clip-rule="evenodd"/>

package/dist/assets/{ic-bg-production-pipelines.5965401c.svg → ic-bg-production-pipelines.2951cdc0.svg}

@@ -3,7 +3,7 @@
     <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
     <path fill="#FF6B6B" d="M7.273 13.64c-1.055.055-2.858.653-2.684 1.903.44 3.172-3.027 4.19 1.588 4.19 2.321 0 3.785-1.018 4.006-3.155l-.627-2.423-2.283-.515Z"/>
     <path fill="#FFC266" d="M8.103 14.479c-.49.025-1.327.303-1.247.884.205 1.473-1.406 1.946.738 1.946 1.078 0 1.759-.473 1.861-1.466l-.237-1.197-1.115-.168Z"/>
-    <path fill="#F33E3E" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.652 3.652 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
+    <path fill="#C73232" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.64 3.64 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
     <path fill="#FFB549" d="M8.964 15.349c-.23.712-.859 1.053-1.776 1.053a8.38 8.38 0 0 1-.47-.01c-.27.676-.657.918.876.918.715 0 1.255-.208 1.568-.638.125-.173.214-.38.262-.625a1.87 1.87 0 0 0 .031-.203l-.49-.495Z"/>
     <path fill="#B6E9D3" d="m8.55 11.901-1.377.808c-.276.162-.23.597-.01.82l.11.11.83.84 1.352 1.364.728.735.38.383c.22.222.651.268.812-.01l.8-1.39-.905-3.519-2.72-.14Zm11.148-8.108c-.662-.122-1.867.006-3.335.508l.66 2.45 2.683.916c.5-1.491.625-2.713.498-3.376-.073-.387-.12-.426-.506-.498Z"/>
     <path fill="#1DAD70" d="M12.14 6.521c-1.838-.67-3.26-.364-4.703.954-.67.65-1.783 1.504-.863 2.432l1.143 1.154 3.286-1.675L12.14 6.52Zm5.365 5.416-3.09 1.289-1.408 3.175 1.143 1.155c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.945-4.748Z"/>
@@ -11,7 +11,8 @@
     <path fill="#7ACCAA" d="M19.49 3.765c.065.695-.08 1.815-.528 3.152l.744.75c.5-1.491.624-2.713.498-3.376-.073-.387-.12-.427-.506-.498a2.132 2.132 0 0 0-.208-.028Z"/>
     <path fill="#D0D4D9" d="M18.7 7.634a16.87 16.87 0 0 1-1.94 3.553 18.227 18.227 0 0 1-1.27 1.59 18.82 18.82 0 0 1-1.566 1.559c-.511.452-1.064.893-1.66 1.315l.516.522.227.229a18.857 18.857 0 0 0 4.497-4.465 16.884 16.884 0 0 0 1.942-3.553c.096-.244.183-.484.26-.717l-.744-.75a13.42 13.42 0 0 1-.261.717Z"/>
     <path fill="#7ACCAA" d="m11.268 14.646-.799 1.39c-.16.279-.592.233-.813.01l.527.533.38.383c.22.222.651.268.812-.01l.8-1.39-.907-.915Z"/>
-    <path fill="#168859" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Zm.847 6.395-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
+    <path fill="#168859" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Z"/>
+    <path fill="#95D199" d="m11.822 12.615-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
   </g>
   <defs>
     <clipPath id="a">