@devtron-labs/devtron-fe-common-lib 1.20.3-pre-9 → 1.20.3-pre-11

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, 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/PrometheusConfigurations/PrometheusConfigCard.d.ts

@@ -1,3 +1,3 @@
 import { PromoetheusConfigProps } from './types';
-declare const PromoetheusConfigCard: ({ prometheusConfig, isCostPrometheus, handleOnChange, onPrometheusAuthTypeChange, }: PromoetheusConfigProps) => JSX.Element;
+declare const PromoetheusConfigCard: ({ prometheusConfig, handleOnChange, onPrometheusAuthTypeChange, }: PromoetheusConfigProps) => JSX.Element;
 export default PromoetheusConfigCard;

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

@@ -16,6 +16,5 @@ export interface PromoetheusConfigProps {
     prometheusConfig: PromoetheusConfig;
     handleOnChange: (event: SyntheticEvent) => void;
     onPrometheusAuthTypeChange: (event: SyntheticEvent) => void;
-    isCostPrometheus?: boolean;
 }
 export {};