@devtron-labs/devtron-fe-common-lib 0.3.5-beta-2 → 0.3.5-beta-3

package/dist/Common/Constants.d.ts

@@ -85,6 +85,8 @@ export declare const ROUTES: {
     PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
     PLUGIN_GLOBAL_LIST_V2: string;
     PLUGIN_GLOBAL_LIST_TAGS: string;
+    K8S_RESOURCE_SECURITY: string;
+    SCAN_RESULT: string;
     PLUGIN_LIST_MIN: string;
     DEPLOYMENT_CHARTS_LIST: string;
     USER_LIST_MIN: string;

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,2 +1,2 @@
 import { CustomInputProps } from './Types';
-export declare const CustomInput: ({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, onBlur, readOnly, noTrim, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, inputProps, }: CustomInputProps) => JSX.Element;
+export declare const CustomInput: ({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, inputProps, }: CustomInputProps) => JSX.Element;

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

@@ -17,7 +17,7 @@ export interface CustomInputProps {
     rootClassName?: string;
     error?: string[] | string;
     helperText?: ReactNode;
-    onBlur?: (e: any) => void;
+    handleOnBlur?: (e: any) => void;
     readOnly?: boolean;
     noTrim?: boolean;
     onKeyPress?: (e: any) => void;

package/dist/Common/DeleteComponentModal/types.d.ts

@@ -1,8 +1,5 @@
 export interface DeleteComponentProps {
-    /**
-     * @deprecated - Delete component internally handles loading for the `Delete Button`.
-     */
-    setDeleting?: (boolean: any) => void;
+    setDeleting: (boolean: any) => void;
     toggleConfirmation: any;
     deleteComponent: (any: any) => Promise<any>;
     title: string;

package/dist/Common/Helper.d.ts

@@ -22,6 +22,12 @@ export declare const refresh: () => void;
 export declare const reportIssue: () => void;
 export declare function useEffectAfterMount(cb: any, dependencies: any): void;
 export declare function getCookie(sKey: any): string;
+export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
+    state: any;
+    disable: boolean;
+    handleOnChange: (event: any) => void;
+    handleOnSubmit: (event: any) => void;
+};
 export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
 export declare function useSearchString(): UseSearchString;
 export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;

package/dist/Common/index.d.ts

@@ -28,7 +28,6 @@ export { default as GenericFilterEmptyState } from './EmptyState/GenericFilterEm
 export * from './SearchBar';
 export * from './SortableTableHeaderCell';
 export { default as Toggle } from './Toggle/Toggle';
-export { default as ScanVulnerabilitiesTable } from './Security/ScanVulnerabilitiesTable';
 export { default as StyledRadioGroup } from './RadioGroup/RadioGroup';
 export * from './CIPipeline.Types';
 export * from './Policy.Types';

package/dist/Pages/App/AppConfigurations/utils.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentStageType } from '../../../Shared/constants';
-export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "pre-deployment" | "post-deployment" | "deployment" | "-";
+export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "-" | "pre-deployment" | "post-deployment" | "deployment";

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

@@ -1,3 +1,3 @@
 import { ImageCardAccordionProps } from './types';
-declare const ImageCardAccordion: ({ isSecurityModuleInstalled, artifactId, applicationId, environmentId, changesCard, isScanned, isScanEnabled, }: ImageCardAccordionProps) => JSX.Element;
+declare const ImageCardAccordion: ({ isSecurityModuleInstalled, artifactId, applicationId, environmentId, changesCard, isScanned, isScanEnabled, isScanV2Enabled, }: ImageCardAccordionProps) => JSX.Element;
 export default ImageCardAccordion;

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

@@ -9,6 +9,7 @@ export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     changesCard: ReactNode;
     isScanned: boolean;
     isScanEnabled: boolean;
+    isScanV2Enabled: boolean;
 }
 export interface SecurityDetailsType {
     vulnerabilities: VulnerabilityType[];

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SecurityModalPropsType } from './types';
+/**
+ * NOTE: the security modal is split into 3 sections - ImageScan, CodeScan & Kubernetes Manifest;
+ * Each category has 1 or more subCategories from the set (Vulnerability, License, MisConfigurations & ExposedSecrets)
+ * Since each combination of category & subCategory results in the data being visualized through InfoCard & Table
+ * the components are declared & called only once and only the data (props) passed to these components differ
+ * between the different configurations of category & subCategory. Some row elements from some combinations
+ * of Category & SubCategory can allow users to view that particular data in detail (taking user to detailView)
+ * So to showcase the detail data, the data is set into detailViewData property of ModalState.
+ * For further detail please refer the types to understand the Api Response and workflow of the modal component.
+ * */
+declare const SecurityModal: React.FC<SecurityModalPropsType>;
+export default SecurityModal;

package/dist/Shared/Components/Security/SecurityModal/components/IndexedTextDisplay.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IndexedTextDisplayPropsType } from '../types';
+declare const IndexedTextDisplay: React.FC<IndexedTextDisplayPropsType>;
+export default IndexedTextDisplay;

package/dist/Shared/Components/Security/SecurityModal/components/InfoCard.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { InfoCardPropsType } from '../types';
+declare const InfoCard: React.FC<InfoCardPropsType>;
+export default InfoCard;

package/dist/Shared/Components/Security/SecurityModal/components/OpenDetailViewButton.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { OpenDetailViewButtonProps } from '../types';
+declare const OpenDetailViewButton: ({ children, detailViewData, setDetailViewData, }: PropsWithChildren<OpenDetailViewButtonProps>) => JSX.Element;
+export default OpenDetailViewButton;

package/dist/Shared/Components/Security/SecurityModal/components/Sidebar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SidebarPropsType } from '../types';
+declare const Sidebar: React.FC<SidebarPropsType>;
+export default Sidebar;

package/dist/Shared/Components/Security/SecurityModal/components/Table.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TablePropsType } from '../types';
+declare const Table: React.FC<TablePropsType>;
+export default Table;

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

@@ -0,0 +1,4 @@
+export { default as Sidebar } from './Sidebar';
+export { default as Table } from './Table';
+export { default as InfoCard } from './InfoCard';
+export { default as OpenDetailViewButton } from './OpenDetailViewButton';

package/dist/Shared/Components/Security/SecurityModal/config/CodeScan.d.ts

@@ -0,0 +1,100 @@
+import { ApiResponseResultType, CodeScan, DetailViewDataType, EmptyStateType, InfoCardPropsType, OpenDetailViewButtonProps, SecurityModalStateType, StatusType, TablePropsType } from '../types';
+export declare const getCodeScanVulnerabilities: (data: CodeScan["vulnerability"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+        defaultSortOrder?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: import('../types').SeveritiesDTO, b: import('../types').SeveritiesDTO) => number;
+        defaultSortOrder: import('../types').SortOrderEnum;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: {
+            component: JSX.Element;
+            cellContent: string;
+        }[];
+    }[];
+    defaultSortIndex: number;
+};
+export declare const getCodeScanLicense: (data: CodeScan["license"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+        defaultSortOrder?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: import('../types').SeveritiesDTO, b: import('../types').SeveritiesDTO) => number;
+        defaultSortOrder: import('../types').SortOrderEnum;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: {
+            component: JSX.Element;
+            cellContent: string;
+        }[];
+    }[];
+    defaultSortIndex: number;
+};
+export declare const getCodeScanMisconfigurations: (data: CodeScan["misConfigurations"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: Record<import('../types').SeveritiesDTO, number>, b: Record<import('../types').SeveritiesDTO, number>) => number;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: ({
+            component: JSX.Element;
+            cellContent: string;
+        } | {
+            component: JSX.Element;
+            cellContent: Partial<Record<import('../types').SeveritiesDTO, number>>;
+        })[];
+    }[];
+};
+export declare const getCodeScanExposedSecrets: (data: CodeScan["exposedSecrets"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"], lastScanTimeString: string, status: StatusType["status"], scanToolName: StatusType["scanToolName"]) => {
+    headers: ({
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc?: undefined;
+    } | {
+        headerText: string;
+        isSortable: boolean;
+        width: number;
+        compareFunc: (a: Record<import('../types').SeveritiesDTO, number>, b: Record<import('../types').SeveritiesDTO, number>) => number;
+    })[];
+    rows: {
+        id: number;
+        expandableComponent: any;
+        cells: ({
+            component: JSX.Element;
+            cellContent: string;
+        } | {
+            component: JSX.Element;
+            cellContent: Partial<Record<import('../types').SeveritiesDTO, number>>;
+        })[];
+    }[];
+};
+export declare const getCodeScanTableData: (data: CodeScan, subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;
+export declare const getCodeScanInfoCardData: (data: CodeScan, subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;
+export declare const getCodeScanEmptyState: (data: ApiResponseResultType, subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/EmptyState.d.ts

@@ -0,0 +1,2 @@
+import { ApiResponseResultType, DetailViewDataType, SecurityModalStateType } from '../types';
+export declare const getEmptyStateValues: (data: ApiResponseResultType, category: SecurityModalStateType["category"], subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => import('../types').EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/ImageScan.d.ts

@@ -0,0 +1,4 @@
+import { DetailViewDataType, ImageScan, SecurityModalStateType, TablePropsType, InfoCardPropsType, EmptyStateType, ApiResponseResultType, OpenDetailViewButtonProps } from '../types';
+export declare const getImageScanTableData: (data: ImageScan, subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;
+export declare const getImageScanInfoCardData: (data: ImageScan, subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;
+export declare const getImageScanEmptyState: (data: ApiResponseResultType, subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/InfoCard.d.ts

@@ -0,0 +1,2 @@
+import { InfoCardPropsType, ApiResponseResultType, SecurityModalStateType } from '../types';
+export declare const getInfoCardData: (data: ApiResponseResultType, category: SecurityModalStateType["category"], subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;

package/dist/Shared/Components/Security/SecurityModal/config/KubernetesManifest.d.ts

@@ -0,0 +1,4 @@
+import { ApiResponseResultType, DetailViewDataType, EmptyStateType, InfoCardPropsType, KubernetesManifest, OpenDetailViewButtonProps, SecurityModalStateType, TablePropsType } from '../types';
+export declare const getKubernetesManifestTableData: (data: KubernetesManifest, subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;
+export declare const getKubernetesManifestInfoCardData: (data: KubernetesManifest, subCategory: SecurityModalStateType["subCategory"]) => InfoCardPropsType;
+export declare const getKubernetesManifestEmptyState: (data: ApiResponseResultType, subCategory: SecurityModalStateType["subCategory"], detailViewData: DetailViewDataType) => EmptyStateType;

package/dist/Shared/Components/Security/SecurityModal/config/Sidebar.d.ts

@@ -0,0 +1,2 @@
+import { SidebarDataType } from '../types';
+export declare const SIDEBAR_DATA: SidebarDataType[];

package/dist/Shared/Components/Security/SecurityModal/config/Table.d.ts

@@ -0,0 +1,2 @@
+import { ApiResponseResultType, OpenDetailViewButtonProps, SecurityModalStateType, TablePropsType } from '../types';
+export declare const getTableData: (data: ApiResponseResultType, category: SecurityModalStateType["category"], subCategory: SecurityModalStateType["subCategory"], setDetailViewData: OpenDetailViewButtonProps["setDetailViewData"]) => TablePropsType;

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

@@ -0,0 +1,3 @@
+export { getTableData } from './Table';
+export { getInfoCardData } from './InfoCard';
+export { SIDEBAR_DATA } from './Sidebar';

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

@@ -0,0 +1,56 @@
+import { SeveritiesDTO, SortOrderEnum, EmptyStateType, StatusType } from './types';
+export declare const DEFAULT_SECURITY_MODAL_STATE: {
+    category: "imageScan";
+    subCategory: "vulnerability";
+    detailViewData: any;
+};
+export declare const CATEGORY_LABELS: {
+    readonly IMAGE_SCAN: "Image Scan";
+    readonly CODE_SCAN: "Code Scan";
+    readonly KUBERNETES_MANIFEST: "Kubernetes Manifest";
+};
+export declare const SUB_CATEGORY_LABELS: {
+    readonly VULNERABILITIES: "Vulnerability";
+    readonly LICENSE: "License Risks";
+    readonly MISCONFIGURATIONS: "Misconfigurations";
+    readonly EXPOSED_SECRETS: "Exposed Secrets";
+};
+export declare const SEVERITIES: {
+    readonly CRITICAL: {
+        readonly label: "Critical";
+        readonly color: "#B21212";
+    };
+    readonly HIGH: {
+        readonly label: "High";
+        readonly color: "#F33E3E";
+    };
+    readonly MEDIUM: {
+        readonly label: "Medium";
+        readonly color: "#FF7E5B";
+    };
+    readonly LOW: {
+        readonly label: "Low";
+        readonly color: "#FFB549";
+    };
+    readonly UNKNOWN: {
+        readonly label: "Unknown";
+        readonly color: "#B1B7BC";
+    };
+    readonly fail: {
+        readonly label: "Failures";
+        readonly color: "#F33E3E";
+    };
+    readonly success: {
+        readonly label: "Successes";
+        readonly color: "#1DAD70";
+    };
+    readonly exceptions: {
+        readonly label: "Exceptions";
+        readonly color: "#B1B7BC";
+    };
+};
+export declare const ORDERED_SEVERITY_KEYS: readonly [SeveritiesDTO.CRITICAL, SeveritiesDTO.HIGH, SeveritiesDTO.MEDIUM, SeveritiesDTO.LOW, SeveritiesDTO.UNKNOWN, SeveritiesDTO.FAILURES, SeveritiesDTO.EXCEPTIONS, SeveritiesDTO.SUCCESSES];
+export declare const SEVERITY_DEFAULT_SORT_ORDER = SortOrderEnum['DESC'];
+export declare const SCAN_FAILED_EMPTY_STATE: EmptyStateType;
+export declare const SCAN_IN_PROGRESS_EMPTY_STATE: EmptyStateType;
+export declare const MAP_SCAN_TOOL_NAME_TO_SCAN_TOOL_ID: Record<StatusType['scanToolName'], number>;

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

@@ -0,0 +1,4 @@
+export { default as SecurityModal } from './SecurityModal';
+export { getSecurityScan } from './service';
+export { getSecurityScanSeveritiesCount } from './utils';
+export type { AppDetailsPayload, ExecutionDetailsPayload, ApiResponseResultType } from './types';

package/dist/Shared/Components/Security/SecurityModal/service.d.ts

@@ -0,0 +1,5 @@
+import { ResponseType } from '../../../../Common/Types';
+import { ApiResponseResultType, GetResourceScanDetailsPayloadType, SecurityModalPropsType } from './types';
+export declare const getExecutionDetails: (executionDetailPayload: SecurityModalPropsType["executionDetailsPayload"]) => Promise<ResponseType<ApiResponseResultType>>;
+export declare const getResourceScanDetails: ({ name, namespace, clusterId, group, version, kind, appId, appType, deploymentType, isAppDetailView, }: GetResourceScanDetailsPayloadType) => Promise<ResponseType<ApiResponseResultType>>;
+export declare const getSecurityScan: ({ appId, envId, installedAppId, artifactId, installedAppVersionHistoryId, }: SecurityModalPropsType["appDetailsPayload"]) => Promise<ResponseType<ApiResponseResultType>>;

package/dist/Shared/Components/Security/SecurityModal/types.d.ts

@@ -0,0 +1,269 @@
+import { default as React } from 'react';
+import { GenericEmptyStateType } from '../../../../Common/Types';
+import { LastExecutionResultType, NodeType, Nodes } from '../../../types';
+import { SegmentedBarChartProps } from '../../../../Common/SegmentedBarChart';
+export interface GetResourceScanDetailsPayloadType {
+    name: string;
+    namespace: string;
+    group: string;
+    version: string;
+    kind: Nodes | NodeType;
+    clusterId: number;
+    appId?: string;
+    appType?: number;
+    deploymentType?: number;
+    isAppDetailView?: boolean;
+}
+interface SecurityModalBaseProps {
+    handleModalClose: (event?: React.MouseEvent<HTMLElement>) => void;
+    isExternalCI?: boolean;
+}
+export interface AppDetailsPayload {
+    appId?: number | string;
+    envId?: number | string;
+    installedAppId?: number | string;
+    artifactId?: number | string;
+    installedAppVersionHistoryId?: number | string;
+}
+export interface ExecutionDetailsPayload extends Partial<Pick<AppDetailsPayload, 'appId' | 'envId'>> {
+    imageScanDeployInfoId?: number | string;
+    artifactId?: number | string;
+}
+interface SecurityModalAppDetailsPropsType {
+    appDetailsPayload: AppDetailsPayload;
+    resourceScanPayload?: never;
+    executionDetailsPayload?: never;
+}
+interface SecurityModalResourceScanPropsType {
+    appDetailsPayload?: never;
+    resourceScanPayload: GetResourceScanDetailsPayloadType;
+    executionDetailsPayload?: never;
+}
+interface SecurityModalExecutionDetailsPropsType {
+    appDetailsPayload?: never;
+    resourceScanPayload?: never;
+    executionDetailsPayload: ExecutionDetailsPayload;
+}
+export type SecurityModalPropsType = SecurityModalBaseProps & (SecurityModalAppDetailsPropsType | SecurityModalResourceScanPropsType | SecurityModalExecutionDetailsPropsType);
+export declare const CATEGORIES: {
+    readonly IMAGE_SCAN: "imageScan";
+    readonly CODE_SCAN: "codeScan";
+    readonly KUBERNETES_MANIFEST: "kubernetesManifest";
+};
+export declare const SUB_CATEGORIES: {
+    readonly VULNERABILITIES: "vulnerability";
+    readonly LICENSE: "license";
+    readonly MISCONFIGURATIONS: "misConfigurations";
+    readonly EXPOSED_SECRETS: "exposedSecrets";
+};
+export declare enum SortOrderEnum {
+    'ASC' = 1,
+    'DESC' = -1
+}
+export type TableRowCellType = {
+    component: React.ReactNode | JSX.Element;
+    cellContent: string | object;
+};
+export type TableHeaderCellType = {
+    headerText: string;
+    isSortable: boolean;
+    width: number;
+    compareFunc?: (a: TableRowCellType['cellContent'], b: TableRowCellType['cellContent']) => number;
+    defaultSortOrder?: SortOrderEnum;
+};
+export interface TableRowType {
+    id: string | number;
+    cells: Array<TableRowCellType>;
+    expandableComponent: React.ReactNode | JSX.Element;
+}
+export interface TablePropsType {
+    headers: Array<TableHeaderCellType>;
+    rows: Array<TableRowType>;
+    defaultSortIndex?: number;
+    hasExpandableRows?: boolean;
+    headerTopPosition?: number;
+}
+export type TableSortStateType = {
+    index: number;
+    order: SortOrderEnum;
+};
+export interface InfoCardPropsType {
+    entities: SegmentedBarChartProps['entities'];
+    lastScanTimeString?: string;
+    scanToolId?: number;
+}
+export interface StatusType {
+    status: 'Completed' | 'Running' | 'Failed' | 'Progressing';
+    StartedOn: string;
+    scanToolName: 'TRIVY' | 'CLAIR';
+}
+export type DetailViewDataType = {
+    titlePrefix: string;
+    title: string;
+    status: StatusType['status'];
+} & TablePropsType & InfoCardPropsType;
+export type SecurityModalStateType = {
+    category: (typeof CATEGORIES)[keyof typeof CATEGORIES];
+    subCategory: (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+    detailViewData: DetailViewDataType[];
+};
+export interface SidebarPropsType extends Pick<SecurityModalBaseProps, 'isExternalCI'> {
+    isHelmApp: boolean;
+    modalState: SecurityModalStateType;
+    setModalState: React.Dispatch<React.SetStateAction<SecurityModalStateType>>;
+}
+export declare enum SeveritiesDTO {
+    CRITICAL = "CRITICAL",
+    HIGH = "HIGH",
+    MEDIUM = "MEDIUM",
+    LOW = "LOW",
+    UNKNOWN = "UNKNOWN",
+    FAILURES = "fail",
+    SUCCESSES = "success",
+    EXCEPTIONS = "exceptions"
+}
+type Summary<T extends 'severities' | 'status'> = Record<T, Partial<Record<SeveritiesDTO, number>>>;
+type GenericGroupType<T> = {
+    list: T[];
+};
+type GenericGroupTypeWithSummary<T> = {
+    summary: Summary<'severities'>;
+} & GenericGroupType<T>;
+type GenericGroupTypeWithMisConfSummary<T> = {
+    misConfSummary: Summary<'status'>;
+} & GenericGroupType<T>;
+export interface CodeScanVulnerabilityType {
+    cveId: string;
+    severity: SeveritiesDTO;
+    package: string;
+    currentVersion: string;
+    fixedInVersion: string;
+}
+export interface ImageScanVulnerabilityType extends CodeScanVulnerabilityType {
+    target?: string;
+}
+export interface ImageScanVulnerabilityListType extends StatusType {
+    image: string;
+    summary: Summary<'severities'>;
+    list: ImageScanVulnerabilityType[];
+}
+export interface CodeScanLicenseType {
+    classification: string;
+    severity: string;
+    license: string;
+    package: string;
+    source: string;
+}
+export interface ImageScanLicenseListType extends StatusType {
+    image: string;
+    summary: Summary<'severities'>;
+    list: CodeScanLicenseType[];
+}
+export type ImageScan = {
+    [SUB_CATEGORIES.VULNERABILITIES]: GenericGroupTypeWithSummary<ImageScanVulnerabilityListType>;
+    [SUB_CATEGORIES.LICENSE]: GenericGroupTypeWithSummary<ImageScanLicenseListType>;
+};
+export interface Line {
+    number: number;
+    content: string;
+    isCause: boolean;
+    truncated: boolean;
+}
+export interface CauseMetadata {
+    startLine: number;
+    EndLine: number;
+    lines?: Line[];
+}
+export interface CodeScanMisconfigurationsDetailListType {
+    id: string;
+    title: string;
+    message: string;
+    resolution: string;
+    status: string;
+    severity: string;
+    causeMetadata: CauseMetadata;
+}
+export interface CodeScanMisconfigurationsListType {
+    filePath: string;
+    link: string;
+    type: string;
+    misConfSummary: Summary<'status'>;
+    summary: Summary<'severities'>;
+    list: CodeScanMisconfigurationsDetailListType[];
+}
+export interface CodeScanExposedSecretsDetailListType {
+    severity: string;
+    ruleId: string;
+    category: string;
+    startLine: number;
+    EndLine: number;
+    title: string;
+    lines: Line[];
+}
+export interface CodeScanExposedSecretsListType {
+    filePath: string;
+    link: string;
+    summary: Summary<'severities'>;
+    list: CodeScanExposedSecretsDetailListType[];
+}
+export type CodeScan = {
+    [SUB_CATEGORIES.VULNERABILITIES]: GenericGroupTypeWithSummary<CodeScanVulnerabilityType>;
+    [SUB_CATEGORIES.LICENSE]: GenericGroupTypeWithSummary<CodeScanLicenseType>;
+    [SUB_CATEGORIES.MISCONFIGURATIONS]: GenericGroupTypeWithMisConfSummary<CodeScanMisconfigurationsListType>;
+    [SUB_CATEGORIES.EXPOSED_SECRETS]: GenericGroupTypeWithSummary<CodeScanExposedSecretsListType>;
+} & StatusType;
+export type KubernetesManifest = {
+    [SUB_CATEGORIES.MISCONFIGURATIONS]: GenericGroupTypeWithMisConfSummary<CodeScanMisconfigurationsListType>;
+    [SUB_CATEGORIES.EXPOSED_SECRETS]: GenericGroupTypeWithSummary<CodeScanExposedSecretsListType>;
+} & StatusType;
+export type ApiResponseResultType = {
+    scanned: boolean;
+    [CATEGORIES.IMAGE_SCAN]: ImageScan;
+    [CATEGORIES.CODE_SCAN]: CodeScan;
+    [CATEGORIES.KUBERNETES_MANIFEST]: KubernetesManifest;
+};
+export interface IndexedTextDisplayPropsType {
+    title: string;
+    lines: Line[];
+    link: string;
+}
+export type SidebarDataChildType = {
+    label: string;
+    value: {
+        category: (typeof CATEGORIES)[keyof typeof CATEGORIES];
+        subCategory: (typeof SUB_CATEGORIES)[keyof typeof SUB_CATEGORIES];
+    };
+};
+export type SidebarDataType = {
+    label: string;
+    isExpanded: boolean;
+    children: NonNullable<SidebarDataChildType[]>;
+    hideInHelmApp?: boolean;
+};
+export type EmptyStateType = Pick<GenericEmptyStateType, 'image' | 'SvgImage' | 'subTitle' | 'title' | 'children'>;
+export declare const VulnerabilityState: {
+    readonly [-1]: "Failed";
+    readonly 0: "Progressing";
+    readonly 1: "Completed";
+};
+export interface ImageVulnerabilityType {
+    image: string;
+    state: keyof typeof VulnerabilityState;
+    error?: string;
+    scanResult: LastExecutionResultType | null;
+}
+export interface VulnerabilityCountType {
+    unknownVulnerabilitiesCount: number;
+    lowVulnerabilitiesCount: number;
+    mediumVulnerabilitiesCount: number;
+    highVulnerabilitiesCount: number;
+    criticalVulnerabilitiesCount: number;
+}
+export interface GetResourceScanDetailsResponseType extends VulnerabilityCountType {
+    imageVulnerabilities: ImageVulnerabilityType[];
+}
+export interface OpenDetailViewButtonProps {
+    detailViewData: DetailViewDataType;
+    setDetailViewData: (detailViewData: DetailViewDataType) => void;
+}
+export {};

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -0,0 +1,34 @@
+import { ApiResponseResultType, SeveritiesDTO, GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, VulnerabilityCountType } from './types';
+import { SEVERITIES } from './constants';
+export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
+    color: "#B1B7BC" | "#B21212" | "#F33E3E" | "#FF7E5B" | "#FFB549" | "#1DAD70";
+    label: "Critical" | "High" | "Medium" | "Low" | "Unknown" | "Failures" | "Successes" | "Exceptions";
+    value: number;
+}[];
+export declare const stringifySeverities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => string;
+export declare const getSeverityWeight: (severity: SeveritiesDTO) => number;
+export declare const compareSeverity: (a: SeveritiesDTO, b: SeveritiesDTO) => number;
+export declare const getSecurityScanSeveritiesCount: (data: ApiResponseResultType) => {
+    critical: number;
+    high: number;
+    medium: number;
+    low: number;
+    unknown: number;
+};
+export declare const compareSeverities: (a: Record<SeveritiesDTO, number>, b: Record<SeveritiesDTO, number>) => number;
+export declare const getScanCompletedEmptyState: (scanToolId: number) => {
+    SvgImage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    title: string;
+    children: JSX.Element;
+};
+export declare const compareStringAndObject: (a: string | object, b: string | object) => number;
+export declare const parseExecutionDetailResponse: (scanResult: any) => ApiResponseResultType;
+export declare const parseGetResourceScanDetailsResponse: (data: GetResourceScanDetailsResponseType) => ApiResponseResultType;
+export declare const getTotalVulnerabilityCount: (scannedResult: ImageVulnerabilityType[]) => VulnerabilityCountType;
+export declare const groupByTarget: (list: ImageScanVulnerabilityType[]) => {
+    source: string;
+    list: ImageScanVulnerabilityType[];
+    summary: {
+        severities: Partial<Record<SeveritiesDTO, number>>;
+    };
+}[];

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

@@ -0,0 +1,3 @@
+import { SecuritySummaryCardProps } from './types';
+declare const SecuritySummaryCard: ({ severityCount, scanToolId, rootClassName, appDetailsPayload, executionDetailsPayload, }: SecuritySummaryCardProps) => JSX.Element;
+export default SecuritySummaryCard;

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

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