@devtron-labs/devtron-fe-common-lib 1.20.6-pre-39 → 1.20.6-pre-40

package/dist/{@common-rjsf-Mldh3D5a.js → @common-rjsf-D13pdzrK.js}

@@ -1,7 +1,7 @@
-import { j as n, aK as v, aM as J, aL as K } from "./@vendor-DEAetXNs.js";
+import { j as n, aK as v, aM as J, aL as K } from "./@vendor-DceGoESd.js";
 import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
 import z, { getDefaultRegistry as Q } from "@rjsf/core";
-import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-DBuop1Nw.js";
+import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-BLFW7ibH.js";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
 import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";

package/dist/{@framer-motion-BbD0XILR.js → @framer-motion-DMkBQPN0.js}

@@ -1,4 +1,4 @@
-import { aW as m, aX as lt, aY as R, aZ as Zr, a_ as Le, a$ as oe, b0 as T, b1 as $e, b2 as at, b3 as Gt, b4 as Q, b5 as $r, b6 as oi, b7 as si, b8 as ui, b9 as li, ba as fi, bb as ci, bc as vi, bd as di, be as qr, bf as pi, bg as hi, bh as mi, bi as gi, bj as yi, bk as Jr, bl as Pt, bm as he, bn as X, bo as bi, bp as Qr, bq as z, br as tn, bs as me, bt as Z, bu as Pi, bv as Ot, bw as Vi, bx as Ti, by as en, bz as Ft, bA as O, bB as ge, bC as Si, bD as se, bE as xi, bF as Ci } from "./@vendor-DEAetXNs.js";
+import { aW as m, aX as lt, aY as R, aZ as Zr, a_ as Le, a$ as oe, b0 as T, b1 as $e, b2 as at, b3 as Gt, b4 as Q, b5 as $r, b6 as oi, b7 as si, b8 as ui, b9 as li, ba as fi, bb as ci, bc as vi, bd as di, be as qr, bf as pi, bg as hi, bh as mi, bi as gi, bj as yi, bk as Jr, bl as Pt, bm as he, bn as X, bo as bi, bp as Qr, bq as z, br as tn, bs as me, bt as Z, bu as Pi, bv as Ot, bw as Vi, bx as Ti, by as en, bz as Ft, bA as O, bB as ge, bC as Si, bD as se, bE as xi, bF as Ci } from "./@vendor-DceGoESd.js";
 import * as Y from "react";
 import Re, { createContext as St, useContext as F, useLayoutEffect as Ai, useEffect as N, useState as De, useRef as $, useCallback as ye, useMemo as Vt, forwardRef as wi, createElement as Ei, cloneElement as Li, Children as Ri, isValidElement as Di } from "react";
 var qe = "production", Me = typeof process > "u" || process.env === void 0 ? qe : process.env.NODE_ENV || qe, tt = function(t) {

package/dist/{@react-dates-DLCF81bK.js → @react-dates-BjZWpiVv.js}

@@ -1,5 +1,5 @@
 import Te from "react";
-import { bG as he, bH as Ke, bI as we, bJ as cn, bK as Le, bL as Je, bM as tt, bN as at, bO as et, bP as lt, bQ as nt, bR as so, bS as fn, bT as uo, bU as bt, bV as ei, bW as hn, bX as co, bY as fo, bZ as ho, b_ as vn, b$ as Fe, c0 as pn, c1 as ti, c2 as wn, c3 as ai, c4 as ni, c5 as ri, c6 as Rt, c7 as oi, c8 as ii, c9 as li } from "./@vendor-DEAetXNs.js";
+import { bG as he, bH as Ke, bI as we, bJ as cn, bK as Le, bL as Je, bM as tt, bN as at, bO as et, bP as lt, bQ as nt, bR as so, bS as fn, bT as uo, bU as bt, bV as ei, bW as hn, bX as co, bY as fo, bZ as ho, b_ as vn, b$ as Fe, c0 as pn, c1 as ti, c2 as wn, c3 as ai, c4 as ni, c5 as ri, c6 as Rt, c7 as oi, c8 as ii, c9 as li } from "./@vendor-DceGoESd.js";
 import { r as Ne, h as si, g as di } from "./@moment-CGWt8tF2.js";
 import './assets/@react-dates.css';var Wt = {}, jt = {}, zt = {}, Nn;
 function Ve() {

package/dist/{@react-select-CK9Bxd-k.js → @react-select-DtwlfcIG.js}

@@ -1,4 +1,4 @@
-import { ca as xt, cb as v, b_ as re, cc as h, c5 as f, cd as Y, ce as U, cf as xe, cg as Bt, ch as Ue, ci as Ft, cj as Vt, ck as Et, cl as yt, cm as Wt, cn as Xt, co as ne, cp as Zt } from "./@vendor-DEAetXNs.js";
+import { ca as xt, cb as v, b_ as re, cc as h, c5 as f, cd as Y, ce as U, cf as xe, cg as Bt, ch as Ue, ci as Ft, cj as Vt, ck as Et, cl as yt, cm as Wt, cn as Xt, co as ne, cp as Zt } from "./@vendor-DceGoESd.js";
 import * as y from "react";
 import { useRef as j, useState as ee, useMemo as q, useCallback as D, createContext as Nt, useContext as St, Component as Rt, Fragment as Be, useEffect as Qe, forwardRef as Ht } from "react";
 import { createPortal as Tt } from "react-dom";

package/dist/{@react-virtualized-sticky-tree-J61SX97M.js → @react-virtualized-sticky-tree-M81Af3Qs.js}

@@ -2,7 +2,7 @@ var v = Object.defineProperty;
 var E = (a, h, e) => h in a ? v(a, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[h] = e;
 var f = (a, h, e) => E(a, typeof h != "symbol" ? h + "" : h, e);
 import u, { createRef as k } from "react";
-import { cq as x } from "./@vendor-DEAetXNs.js";
+import { cq as x } from "./@vendor-DceGoESd.js";
 const b = () => typeof navigator < "u" && /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor) ? "-webkit-sticky" : "sticky";
 var g;
 (function(a) {

package/dist/{@vendor-DEAetXNs.js → @vendor-DceGoESd.js}

@@ -80412,46 +80412,46 @@ const C9e = Object.freeze(JSON.parse('{"colors":{"activityBar.activeBorder":"#1c
   default: D9e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  V5 as $,
-  aFe as A,
-  cFe as B,
-  ts as C,
+  ade as $,
+  cFe as A,
+  ts as B,
+  GIe as C,
   AIe as D,
   De as E,
   OIe as F,
-  GIe as G,
-  YIe as H,
-  uFe as I,
-  fle as J,
-  jIe as K,
-  ch as L,
-  ZV as M,
-  oy as N,
-  iy as O,
-  eH as P,
+  YIe as G,
+  uFe as H,
+  fle as I,
+  jIe as J,
+  ch as K,
+  ZV as L,
+  oy as M,
+  iy as N,
+  eH as O,
+  MA as P,
   _n as Q,
-  MA as R,
+  j5 as R,
   bn as S,
   Wn as T,
-  j5 as U,
+  Wb as U,
   dn as V,
-  Wb as W,
-  MIe as X,
-  $e as Y,
-  spe as Z,
-  UIe as _,
+  MIe as W,
+  $e as X,
+  spe as Y,
+  UIe as Z,
+  V5 as _,
   lpe as a,
   aj as a$,
-  ade as a0,
-  ap as a1,
-  zIe as a2,
-  Xc as a3,
-  LIe as a4,
-  BIe as a5,
-  WIe as a6,
-  ht as a7,
-  VIe as a8,
-  Gce as a9,
+  ap as a0,
+  zIe as a1,
+  Xc as a2,
+  LIe as a3,
+  BIe as a4,
+  WIe as a5,
+  ht as a6,
+  VIe as a7,
+  Gce as a8,
+  pFe as a9,
   gb as aA,
   wMe as aB,
   BFe as aC,
@@ -80479,28 +80479,28 @@ export {
   U9e as aY,
   H9e as aZ,
   Rb as a_,
-  pFe as aa,
-  mFe as ab,
-  gFe as ac,
-  yFe as ad,
-  cu as ae,
-  w8 as af,
-  C8 as ag,
-  Hx as ah,
-  Zx as ai,
-  Wx as aj,
-  Du as ak,
-  Qx as al,
-  ag as am,
-  dg as an,
-  ub as ao,
-  _Fe as ap,
-  CFe as aq,
-  wFe as ar,
-  xFe as as,
-  LY as at,
-  uf as au,
-  ko as av,
+  mFe as aa,
+  gFe as ab,
+  yFe as ac,
+  cu as ad,
+  w8 as ae,
+  C8 as af,
+  Hx as ag,
+  Zx as ah,
+  Wx as ai,
+  Du as aj,
+  Qx as ak,
+  ag as al,
+  dg as am,
+  ub as an,
+  _Fe as ao,
+  CFe as ap,
+  wFe as aq,
+  xFe as ar,
+  LY as as,
+  uf as at,
+  ko as au,
+  j9e as av,
   LFe as aw,
   jFe as ax,
   vb as ay,
@@ -80601,25 +80601,25 @@ export {
   gD as cr,
   KIe as d,
   ZIe as e,
-  j9e as f,
+  QIe as f,
   dpe as g,
-  QIe as h,
+  Cme as h,
   q9e as i,
   ce as j,
   xR as k,
   NIe as l,
-  Cme as m,
+  Zle as m,
   dIe as n,
   $A as o,
-  Zle as p,
-  JIe as q,
+  JIe as p,
+  fFe as q,
   nH as r,
   qIe as s,
   K as t,
-  fFe as u,
-  hFe as v,
-  dFe as w,
-  Ype as x,
+  hFe as u,
+  dFe as v,
+  Ype as w,
+  lFe as x,
   XIe as y,
-  lFe as z
+  aFe as z
 };

package/dist/Common/Constants.d.ts

@@ -74,6 +74,7 @@ export declare const URLS: {
     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 INFRASTRUCTURE_MANAGEMENT_AUDIT_LOGS: "/infrastructure-management/audit-logs";
     readonly SOFTWARE_RELEASE_MANAGEMENT: "/software-release-management";
     readonly COST_VISIBILITY: "/cost-visibility";
     readonly COST_VISIBILITY_OVERVIEW: "/cost-visibility/overview";
@@ -85,9 +86,6 @@ export declare const URLS: {
     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_SCANS: "/security-center/scans";
-    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";
@@ -103,8 +101,9 @@ export declare const URLS: {
     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 AI_RECOMMENDATIONS_NOTIFICATIONS: "/ai-recommendations/notifications";
     readonly EXTERNAL_APPS: "ea";
+    readonly AI_RECOMMENDATIONS_RUNBOOKS: "/ai-recommendations/runbooks";
 };
 export declare const ROUTES: {
     readonly APP: "app";
@@ -131,7 +130,6 @@ 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";

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

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts

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

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

@@ -0,0 +1 @@
+export * from './Overview';

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

@@ -1 +1,2 @@
+export * from './Overview';
 export * from './Shared';

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts

@@ -1 +1 @@
-export * from './Shared';
+export * from './Overview';

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

@@ -2,4 +2,3 @@ export * from './ApplicationManagement';
 export * from './CostVisibility';
 export * from './DataProtectionManagement';
 export * from './InfrastructureManagement';
-export * from './SecurityCenter';

package/dist/Shared/Components/Charts/Chart.component.d.ts

@@ -1,7 +1,7 @@
 import { ChartProps } from './types';
 /**
  * A versatile Chart component that renders different types of charts using Chart.js.
- * Supports area charts, pie charts, semi-pie charts, stacked bar charts (vertical/horizontal), and line charts.
+ * Supports area charts, pie charts, stacked bar charts (vertical/horizontal), and line charts.
  *
  * The component automatically adapts to theme changes and provides consistent styling
  * across all chart types. Colors are provided by the user through the CHART_COLORS constant
@@ -29,24 +29,7 @@ import { ChartProps } from './types';
  *   datasets={{
  *     datasetName: 'Adoption Rate (%)',
  *     yAxisValues: [45.2, 28.7, 35.4],
- *     colors: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
- *   }}
- * />
- *
- * [Semi-Pie Chart Example with Center Text]
- * <Chart
- *   id="performance-metrics"
- *   type="semiPie"
- *   xAxisLabels={['Good', 'Average', 'Poor']}
- *   datasets={{
- *     datasetName: 'Performance Score (%)',
- *     yAxisValues: [65, 25, 10],
- *     colors: ['LimeGreen500', 'GoldenYellow400', 'CoralRed400']
- *   }}
- *   centerText={{
- *     text: '85%',
- *     fontSize: 24,
- *     fontWeight: '600'
+ *     backgroundColor: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
  *   }}
  * />
  *
@@ -83,9 +66,11 @@ import { ChartProps } from './types';
  * ```
  *
  * @param id - Unique identifier for the chart canvas element
- * @param type - Chart type: 'area', 'pie', 'semiPie', 'stackedBar', 'stackedBarHorizontal', or 'line'
- * @param xAxisLabels - Array of labels for the x-axis (or categories for pie/semi-pie charts)
- * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie/semi-pie charts
+ * @param type - Chart type: 'area', 'pie', 'stackedBar', 'stackedBarHorizontal', or 'line'
+ * @param xAxisLabels - Array of labels for the x-axis (or categories for pie charts)
+ * @param datasets - Chart data: array of datasets for most charts, single dataset object for pie charts
+ * @param xAxisConfig
+ * @param yAxisConfig
  *
  * @performance
  * **Memoization Recommendations:**
@@ -111,9 +96,7 @@ import { ChartProps } from './types';
  * @notes
  * - Chart automatically re-renders when theme changes (light/dark mode)
  * - Line charts are rendered as non-stacked and non-filled by default
- * - Pie and semi-pie charts expect a single dataset object instead of an array
- * - Semi-pie charts render as half-circles, ideal for gauges or progress indicators
- * - Center text can be added to pie and semi-pie charts using the centerText prop
+ * - Pie charts expect a single dataset object instead of an array
  * - Colors should reference CHART_COLORS tokens for consistency
  * - Component destroys and recreates Chart.js instance on prop changes for optimal performance
  */

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

@@ -7,4 +7,3 @@ 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[];
 export declare const MAX_BAR_THICKNESS = 96;
-export declare const DIS_JOINT_CHART_POINT_RADIUS = 4;

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 { CenterTextConfig, ChartColorKey, ChartProps, ChartType, ReferenceLineConfigType, 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,7 +1,4 @@
-import { RefObject } from 'react';
 import { Plugin } from 'chart.js';
 import { AppThemeType } from '../../Providers';
-import { CenterTextConfig, ChartType, ReferenceLineConfigType } from './types';
+import { ReferenceLineConfigType } from './types';
 export declare const drawReferenceLine: (config: ReferenceLineConfigType, id: string, appTheme: AppThemeType) => Plugin;
-export declare const htmlLegendPlugin: (id: string, ref: RefObject<HTMLDivElement>, type: ChartType) => Plugin;
-export declare const drawCenterText: (config: CenterTextConfig, appTheme: AppThemeType) => Plugin;

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

@@ -3,11 +3,11 @@ import { TooltipOptions, TooltipPositionerFunction } from 'chart.js';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { AppThemeType } from '../../Providers';
 import { Never } from '../../types';
-export type ChartType = 'area' | 'pie' | 'semiPie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
-export type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray' | 'SunsetOrange';
+export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
+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' | 'semiPie'>;
+export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
 interface BaseSimpleDataset {
     datasetName: string;
     yAxisValues: number[];
@@ -28,12 +28,15 @@ export interface ReferenceLineConfigType {
     color?: ChartColorKey;
     value: number;
 }
-export interface CenterTextConfig {
-    text: string;
-    fontSize?: number;
-    fontWeight?: string | number;
-    color?: string;
-    fontFamily?: string;
+export interface AxisConfig {
+    title?: string;
+    unit?: string;
+    unitPosition?: 'prefix' | 'suffix';
+    labelFormatter?: (value: number | string, index: number) => string | string[] | number | number[];
+    hide?: boolean;
+    max?: number;
+    min?: number;
+    stepSize?: number;
 }
 type XYAxisMax = {
     xAxisMax?: number;
@@ -42,6 +45,8 @@ type XYAxisMax = {
      * Optional reference lines to draw across the chart
      */
     referenceLines?: ReferenceLineConfigType[];
+    xAxisConfig?: AxisConfig;
+    yAxisConfig?: AxisConfig;
 };
 type OnChartClickHandler = (datasetName: string, value: number) => void;
 type ScaleTickFormatCallbacks = Partial<{
@@ -49,29 +54,24 @@ type ScaleTickFormatCallbacks = Partial<{
     yScaleTickFormat: (value: number, index: number) => string | string[] | number | number[];
 }>;
 export type TypeAndDatasetsType = ({
-    type: 'pie' | 'semiPie';
+    type: 'pie';
     /**
      * Needs to be memoized
      */
     datasets: SimpleDatasetForPie;
     onChartClick?: OnChartClickHandler;
-    /** Configuration for center text (only for doughnut/pie charts) */
-    centerText?: CenterTextConfig;
 } & Never<XYAxisMax> & Never<ScaleTickFormatCallbacks>) | ({
     type: 'line';
     datasets: SimpleDatasetForLineAndArea[];
     onChartClick?: never;
-    centerText?: never;
 } & XYAxisMax & ScaleTickFormatCallbacks) | ({
     type: 'area';
     datasets: SimpleDatasetForLineAndArea;
     onChartClick?: never;
-    centerText?: never;
 } & XYAxisMax & ScaleTickFormatCallbacks) | ({
-    type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
+    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
     datasets: SimpleDataset[];
     onChartClick?: OnChartClickHandler;
-    centerText?: never;
 } & XYAxisMax & ScaleTickFormatCallbacks);
 export type ChartProps = {
     id: string;
@@ -93,21 +93,19 @@ export type ChartProps = {
         placement?: TooltipProps['placement'];
         datasetValueFormatter?: (value: number) => string | number;
     };
-    /** A title for x axis */
     xScaleTitle?: string;
-    /** A title for y axis */
     yScaleTitle?: string;
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
 } & ({
-    type: 'pie' | 'semiPie';
+    type: 'pie';
     dataset: SimpleDatasetForPie;
 } | {
     type: 'line' | 'area';
     dataset: SimpleDatasetForLineAndArea;
 } | {
-    type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
+    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
     dataset: SimpleDataset;
 });
 export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
@@ -125,11 +123,4 @@ declare module 'chart.js' {
         barElementCenterPositioner: TooltipPositionerFunction<'bar'>;
     }
 }
-export interface HTMLLegendProps {
-    backgroundColor: string;
-    label: string;
-    onClick: () => void;
-    strikeThrough: boolean;
-    variant: 'line' | 'square';
-}
 export {};

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

@@ -1,6 +1,48 @@
 import { ReactNode } from 'react';
-import { ChartDataset, ChartOptions, ChartType as ChartJSChartType, Point, 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: ({ chartProps, appTheme, externalTooltipHandler, setTooltipVisible, }: GetDefaultOptionsParams) => ChartOptions;
 export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
@@ -14,17 +56,15 @@ export declare const transformDataForChart: (props: TransformDataForChartProps)
     backgroundColor: string[];
     hoverBackgroundColor: string[];
     borderColor: string;
-    borderWidth: number;
     label: string;
     data: number[];
 } | {
     backgroundColor: string;
     hoverBackgroundColor: string;
     borderColor: string;
-    borderWidth?: undefined;
     label: string;
     data: number[];
 })[];
-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" | "SunsetOrange500" | "SunsetOrange300" | "SunsetOrange100" | "SunsetOrange50" | "SunsetOrange600" | "SunsetOrange400" | "SunsetOrange200" | "SunsetOrange700" | "SunsetOrange800" | "SunsetOrange900" | "SunsetOrange950", void, unknown>;
+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/DocLink/constants.d.ts

@@ -90,6 +90,7 @@ export declare const DOCUMENTATION: {
     readonly GLOBAL_CONFIG_SSO_LOGIN_MICROSOFT: "global-configurations/authorization/sso-login/microsoft";
     readonly GLOBAL_CONFIG_PULL_IMAGE_DIGEST: "global-configurations/pull-image-digest";
     readonly GLOBAL_CONFIG_TAGS: "getting-started/global-configurations/tags-policy";
+    readonly SAMPLE_RUNBOOK_LINK: "https://docs.devtron.ai/user-guide/ai-recommendations/runbook#add-runbook-spec";
     readonly SOFTWARE_DISTRIBUTION_HUB: "usage/software-distribution-hub";
     readonly RELEASE_TRACKS: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
     readonly RELEASES: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";