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

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

@@ -1,7 +1,7 @@
 import { j as n, aK as v, aM as J, aL as K } from "./@vendor-DEAetXNs.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-L8xbBPsz.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-DBuop1Nw.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/Common/Constants.d.ts

@@ -85,6 +85,9 @@ 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";

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

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

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/SecurityCenterIcon.d.ts

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

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

@@ -0,0 +1 @@
+export { getSecurityCenterBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/SecurityCenter/Shared/SecurityCenterIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getSecurityCenterBreadcrumb: () => {
+    'security-center': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

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

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

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

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

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

@@ -2,3 +2,4 @@ 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, stacked bar charts (vertical/horizontal), and line charts.
+ * Supports area charts, pie charts, semi-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,7 +29,24 @@ import { ChartProps } from './types';
  *   datasets={{
  *     datasetName: 'Adoption Rate (%)',
  *     yAxisValues: [45.2, 28.7, 35.4],
- *     backgroundColor: ['SkyBlue300', 'AquaTeal400', 'LavenderPurple300']
+ *     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'
  *   }}
  * />
  *
@@ -66,9 +83,9 @@ import { ChartProps } from './types';
  * ```
  *
  * @param id - Unique identifier for the chart canvas element
- * @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 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
  *
  * @performance
  * **Memoization Recommendations:**
@@ -94,7 +111,9 @@ 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 charts expect a single dataset object instead of an array
+ * - 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
  * - 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/index.d.ts

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

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

@@ -1,6 +1,7 @@
 import { RefObject } from 'react';
 import { Plugin } from 'chart.js';
 import { AppThemeType } from '../../Providers';
-import { ChartType, ReferenceLineConfigType } from './types';
+import { CenterTextConfig, ChartType, 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' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
+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 VariantsType = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 export type ChartColorKey = `${ColorTokensType}${VariantsType}`;
-export type ChartTypeWithoutPie = Exclude<ChartType, 'pie'>;
+export type ChartTypeWithoutPie = Exclude<ChartType, 'pie' | 'semiPie'>;
 interface BaseSimpleDataset {
     datasetName: string;
     yAxisValues: number[];
@@ -28,6 +28,13 @@ export interface ReferenceLineConfigType {
     color?: ChartColorKey;
     value: number;
 }
+export interface CenterTextConfig {
+    text: string;
+    fontSize?: number;
+    fontWeight?: string | number;
+    color?: string;
+    fontFamily?: string;
+}
 type XYAxisMax = {
     xAxisMax?: number;
     yAxisMax?: number;
@@ -42,24 +49,29 @@ type ScaleTickFormatCallbacks = Partial<{
     yScaleTickFormat: (value: number, index: number) => string | string[] | number | number[];
 }>;
 export type TypeAndDatasetsType = ({
-    type: 'pie';
+    type: 'pie' | 'semiPie';
     /**
      * 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' | 'line' | 'area'>;
+    type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
     datasets: SimpleDataset[];
     onChartClick?: OnChartClickHandler;
+    centerText?: never;
 } & XYAxisMax & ScaleTickFormatCallbacks);
 export type ChartProps = {
     id: string;
@@ -89,13 +101,13 @@ export type ChartProps = {
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
 } & ({
-    type: 'pie';
+    type: 'pie' | 'semiPie';
     dataset: SimpleDatasetForPie;
 } | {
     type: 'line' | 'area';
     dataset: SimpleDatasetForLineAndArea;
 } | {
-    type: Exclude<ChartType, 'pie' | 'line' | 'area'>;
+    type: Exclude<ChartType, 'pie' | 'semiPie' | 'line' | 'area'>;
     dataset: SimpleDataset;
 });
 export type GetBackgroundAndBorderColorProps = TransformDatasetProps;

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

@@ -235,8 +235,11 @@ export declare const iconMap: {
     'ic-right-panel-collapse': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-security-fixable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-security-not-fixable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-security-policy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-security-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-security-vulnerability': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,2 +1,4 @@
+import { Severity } from '../../types';
 import { SecurityConfigType } from './types';
 export declare const SECURITY_CONFIG: SecurityConfigType;
+export declare const SEVERITY_LABEL_MAP: Record<Severity, string>;

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

@@ -1,3 +1,4 @@
+export { SEVERITY_LABEL_MAP } from './constants';
 export * from './SecurityDetailsCards';
 export * from './SecurityModal';
 export * from './utils';

package/dist/assets/ic-security-fixable.168b5bf8.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="none" viewBox="0 0 36 36">
+  <g clip-path="url(#a)">
+    <path fill="#FFF5E5" d="M0 6a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6Z"/>
+    <path fill="#C58D36" d="M24.304 18.584A5.703 5.703 0 0 1 30 24.292 5.703 5.703 0 0 1 24.304 30a5.703 5.703 0 0 1-5.698-5.708 5.703 5.703 0 0 1 5.698-5.708Zm2.656 3.702a.75.75 0 0 0-1.06.05l-2.282 2.509-.276-.23-.83-.691a.75.75 0 0 0-.96 1.151l.83.692.829.691a.75.75 0 0 0 1.035-.071l2.765-3.041a.75.75 0 0 0-.051-1.06Z"/>
+    <path fill="#C58D36" fill-rule="evenodd" d="M15.752 6.29a.75.75 0 0 1 .486 0l8.25 2.829a1.87 1.87 0 0 1 1.253 1.773v4.238c0 .546-.028 1.07-.078 1.575a7.726 7.726 0 0 0-1.36-.122l-.136.002c.048-.465.074-.95.074-1.455v-4.238a.37.37 0 0 0-.239-.354L15.995 7.79 7.99 10.538a.37.37 0 0 0-.239.354v4.238c0 7.79 6.007 10.702 7.913 11.429l.323.117.01.003.009-.003c.197-.067.499-.182.875-.347.133.488.314.956.535 1.4-.396.173-.713.293-.919.363l-.008.004a1.5 1.5 0 0 1-.986 0c-1.51-.515-9.252-3.61-9.252-12.966v-4.238A1.87 1.87 0 0 1 7.502 9.12l8.25-2.829Zm.245 14.26a.75.75 0 0 1 .75.75v.511a.75.75 0 0 1-1.5 0v-.51a.75.75 0 0 1 .75-.75Zm0-8.172a.75.75 0 0 1 .75.75v5.108a.75.75 0 0 1-1.5 0v-5.108a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h36v36H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-security-not-fixable.be099f65.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="none" viewBox="0 0 36 36">
+  <g clip-path="url(#a)">
+    <path fill="#FCF3F0" d="M0 6a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6Z"/>
+    <path fill="#FF7E5B" d="M24.243 18.465a5.764 5.764 0 0 1 5.76 5.768 5.765 5.765 0 0 1-5.76 5.77 5.765 5.765 0 0 1-5.76-5.77 5.764 5.764 0 0 1 5.76-5.768Zm2.065 3.776a.75.75 0 0 0-1.06 0l-1.004 1.003-1.003-1.003a.75.75 0 0 0-1.06 1.06l1.003 1.004-1.003 1.003a.75.75 0 0 0 1.06 1.06l1.003-1.003 1.003 1.003a.75.75 0 0 0 1.06-1.06l-1.002-1.003 1.003-1.003a.75.75 0 0 0 0-1.06Z"/>
+    <path fill="#FF7E5B" d="M15.722 6.01a.753.753 0 0 1 .366.03l8.34 2.86a1.88 1.88 0 0 1 1.261 1.784v4.284c0 .559-.029 1.096-.08 1.611a7.792 7.792 0 0 0-1.365-.122l-.132.003a14.4 14.4 0 0 0 .078-1.492v-4.284a.382.382 0 0 0-.248-.366l-8.097-2.775-8.098 2.775a.381.381 0 0 0-.247.366v4.284l.005.39c.196 7.585 6.103 10.444 8 11.167l.328.12.008.003h.008l.007-.003c.203-.07.516-.188.906-.36.133.487.312.957.534 1.401-.414.182-.744.306-.955.378h-.001a1.51 1.51 0 0 1-.991 0c-1.5-.512-9.106-3.549-9.343-12.658L6 14.968v-4.284a1.88 1.88 0 0 1 1.26-1.785l8.342-2.859.12-.03Zm.124 14.443a.75.75 0 0 1 .75.75v.517a.75.75 0 0 1-1.5 0v-.517a.75.75 0 0 1 .75-.75Zm0-8.259a.75.75 0 0 1 .75.75v5.162a.75.75 0 0 1-1.5 0v-5.162a.75.75 0 0 1 .75-.75Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h36v36H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-security-vulnerability.c954b87a.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <rect width="24" height="24" fill="#FDE7E7" rx="6"/>
+  <path fill="#F33E3E" d="m18.25 5.125-6.25-2-6.25 2a1.25 1.25 0 0 0-1.25 1.25v4.375c0 4.119 1.994 6.615 3.666 7.984 1.802 1.473 3.594 1.974 3.672 1.994.108.03.221.03.328 0 .079-.02 1.868-.521 3.672-1.994 1.668-1.37 3.662-3.865 3.662-7.984V6.375a1.25 1.25 0 0 0-1.25-1.25ZM11.375 8.5a.625.625 0 1 1 1.25 0v4.125a.624.624 0 1 1-1.25 0V8.5ZM12 16.375a.937.937 0 1 1 0-1.875.937.937 0 0 1 0 1.875Z"/>
+</svg>