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

package/dist/Common/Common.service.d.ts

@@ -17,5 +17,4 @@ export declare const genericCDMaterialsService: (serviceType: CDMaterialServiceE
 export declare function extractImage(image: string): string;
 export declare function createGitCommitUrl(url: string, revision: string): string;
 export declare function fetchChartTemplateVersions(): Promise<ResponseType<any>>;
-export declare const getDefaultConfig: () => Promise<ResponseType>;
 export {};

package/dist/Common/Constants.d.ts

@@ -17,15 +17,12 @@ export declare const URLS: {
     PERMISSION_GROUPS: string;
 };
 export declare const ROUTES: {
-    APP_ARTIFACT_PROMOTE_MATERIAL: string;
     PROJECT_LIST_MIN: string;
     USER_CHECK_ROLE: string;
     IMAGE_TAGGING: string;
     CD_MATERIAL_GET: string;
     DEPLOYMENT_TEMPLATE_LIST: string;
     INFRA_CONFIG_PROFILE: string;
-    SECURITY_SCAN_EXECUTION_DETAILS: string;
-    NOTIFIER: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -77,8 +74,7 @@ export declare enum MODES {
 }
 export declare enum APPROVAL_MODAL_TYPE {
     CONFIG = "CONFIG",
-    DEPLOYMENT = "DEPLOYMENT",
-    IMAGE_PROMOTION = "IMAGE-PROMOTION"
+    DEPLOYMENT = "DEPLOYMENT"
 }
 export declare const MAX_Z_INDEX = 2147483647;
 export declare const SELECTED_APPROVAL_TAB_STATE: {
@@ -158,4 +154,3 @@ export declare enum ReactSelectInputAction {
     removeValue = "remove-value"
 }
 export declare const ZERO_TIME_STRING = "0001-01-01T00:00:00Z";
-export declare const EXCLUDED_FALSY_VALUES: readonly [any, any, "", number];

package/dist/Common/Helper.d.ts

@@ -7,7 +7,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | 0 | -1;
 export declare const stopPropagation: (event: any) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
 export declare function getRandomColor(email: string): string;
@@ -70,8 +70,4 @@ export declare const debounce: (func: any, timeout?: number) => (this: any, ...a
  */
 export declare const capitalizeFirstLetter: (text: string) => string;
 export declare const handleRelativeDateSorting: (dateStringA: any, dateStringB: any, sortOrder: any) => number;
-/**
- * Returns a stringified YAML with default indentation & line width
- */
-export declare const YAMLStringify: (obj: object | unknown, option?: object) => string;
 export {};

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

@@ -34,7 +34,7 @@ export interface ImageButtonType {
     onHardDeleteClick?: any;
     tagId: number;
     softDeleteTags: any;
-    isSuperAdmin: boolean;
+    isSuperAdmin: any;
     duplicateTag?: boolean;
     hideHardDelete?: boolean;
 }

package/dist/Common/Markdown/MarkDown.d.ts

@@ -0,0 +1,2 @@
+declare const MarkDown: (setExpandableIcon: (arg0: boolean) => void, markdown?: string, className?: string, breaks?: boolean, disableEscapedText?: boolean, ...props: any[]) => JSX.Element;
+export default MarkDown;

package/dist/Common/Security/ScanVulnerabilitiesTable.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ScanVulnerabilitiesTableProps } from '../Types';
-export default function ScanVulnerabilitiesTable({ vulnerabilities, hidePolicy }: ScanVulnerabilitiesTableProps): JSX.Element;
+export default function ScanVulnerabilitiesTable({ vulnerabilities }: ScanVulnerabilitiesTableProps): JSX.Element;

package/dist/Common/Types.d.ts

@@ -2,7 +2,6 @@ import React, { ReactNode, CSSProperties } from 'react';
 import { Placement } from 'tippy.js';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
-import { RegistryType } from '../Shared';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -52,7 +51,6 @@ export interface CheckboxProps {
     onChange: (event: any) => void;
     isChecked: boolean;
     value: 'CHECKED' | 'INTERMEDIATE' | 'BULK_CHECKED';
-    name?: string;
     disabled?: boolean;
     tabIndex?: number;
     rootClassName?: string;
@@ -248,34 +246,6 @@ export declare enum FilterStates {
 export declare enum MaterialDataSource {
     EXTERNAL = "ext"
 }
-export declare enum ImagePromotionRuntimeState {
-    AWAITING = "AWAITING",
-    PROMOTED = "PROMOTED",
-    CANCELLED = "CANCELLED",
-    STALE = "STALE"
-}
-export interface ImagePromotionPolicyApprovalMetadata {
-    approverCount: number;
-    allowRequesterFromApprove: boolean;
-    allowImageBuilderFromApprove: boolean;
-    allowApproverFromDeploy: boolean;
-}
-export interface ImagePromotionPolicyInfoType {
-    name: string;
-    id: number;
-    description: string;
-    conditions: FilterConditionsInfo[];
-    approvalMetadata: ImagePromotionPolicyApprovalMetadata;
-}
-export interface PromotionApprovalMetadataType {
-    approvalRequestId: number;
-    approvalRuntimeState: ImagePromotionRuntimeState;
-    approvedUsersData: ApprovalUserDataType[];
-    requestedUserData: ApprovalUserDataType;
-    policy: ImagePromotionPolicyInfoType;
-    promotedFrom?: string;
-    promotedFromType?: CDMaterialResourceQuery;
-}
 export interface DeploymentWindowArtifactMetadata {
     id: number;
     name: string;
@@ -307,7 +277,7 @@ export interface CDMaterialType {
     imageReleaseTags?: ReleaseTag[];
     artifactStatus?: string;
     filterState: FilterStates;
-    registryType?: RegistryType;
+    registryType?: string;
     imagePath?: string;
     registryName?: string;
     scanToolId?: number;
@@ -317,28 +287,14 @@ export interface CDMaterialType {
     createdTime?: string;
     deployed?: boolean;
     dataSource?: MaterialDataSource;
-    /**
-     * The below two keys: `promotionApprovalMetaData`, `deployedOnEnvironments` are used in image promotion
-     * and may not be available to cater other use-cases.
-     */
-    promotionApprovalMetadata?: PromotionApprovalMetadataType;
-    deployedOnEnvironments?: string[];
     deploymentWindowArtifactMetadata?: DeploymentWindowArtifactMetadata;
 }
 export declare enum CDMaterialServiceEnum {
     ROLLBACK = "rollback",
-    CD_MATERIALS = "cd-materials",
-    IMAGE_PROMOTION = "image-promotion"
+    CD_MATERIALS = "cd-materials"
 }
 export declare enum CDMaterialResourceQuery {
-    PENDING_APPROVAL = "PENDING_APPROVAL",
-    PROMOTION_APPROVAL_PENDING_NODE = "PROMOTION_APPROVAL_PENDING_NODE",
-    CI = "CI",
-    ENVIRONMENT = "ENVIRONMENT",
-    WEBHOOK = "WEBHOOK",
-    LINKED_CI = "LINKED-CI",
-    CI_JOB = "CI-JOB",
-    LINKED_CD = "LINKED-CD"
+    PENDING_APPROVAL = "PENDING_APPROVAL"
 }
 export declare enum CDMaterialFilterQuery {
     RESOURCE = "ELIGIBLE_RESOURCES",
@@ -349,11 +305,6 @@ export interface CDMaterialServiceQueryParams {
     offset?: number;
     size?: number;
     resource?: CDMaterialResourceQuery;
-    resourceName?: string;
-    resourceId?: number;
-    workflowId?: number;
-    appId?: number;
-    pendingForCurrentUser?: boolean;
     filter?: CDMaterialFilterQuery;
 }
 export interface DownstreamNodesEnvironmentsType {
@@ -425,7 +376,6 @@ export interface CommonNodeAttr {
     deploymentAppCreated?: boolean;
     isLast?: boolean;
     downstreamEnvironments?: DownstreamNodesEnvironmentsType[];
-    cipipelineId?: number;
     isDeploymentBlocked?: boolean;
 }
 export declare enum DeploymentAppTypes {
@@ -445,7 +395,6 @@ export interface VulnerabilityType {
 }
 export interface ScanVulnerabilitiesTableProps {
     vulnerabilities: VulnerabilityType[];
-    hidePolicy?: boolean;
 }
 export interface MaterialInfo {
     revision: string;
@@ -476,7 +425,7 @@ export interface FilterConditionsListType {
 export interface CDMaterialsApprovalInfo {
     approvalUsers: string[];
     userApprovalConfig: UserApprovalConfigType;
-    canApproverDeploy: boolean;
+    requestedUserId: number;
 }
 export interface CDMaterialsMetaInfo {
     tagsEditable: boolean;
@@ -484,16 +433,9 @@ export interface CDMaterialsMetaInfo {
     hideImageTaggingHardDelete: boolean;
     resourceFilters?: FilterConditionsListType[];
     totalCount: number;
-    /**
-     * This is the ID of user that has request the material
-     */
-    requestedUserId: number;
-}
-export interface ImagePromotionMaterialInfo {
-    isApprovalPendingForPromotion: boolean;
-    imagePromotionApproverEmails: string[];
+    canApproverDeploy: boolean;
 }
-export interface CDMaterialResponseType extends CDMaterialsMetaInfo, CDMaterialsApprovalInfo, ImagePromotionMaterialInfo {
+export interface CDMaterialResponseType extends CDMaterialsMetaInfo, CDMaterialsApprovalInfo {
     materials: CDMaterialType[];
 }
 export interface InputDetailType {

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

@@ -1,3 +1,3 @@
 import { APIResponseHandlerProps } from './types';
-declare const APIResponseHandler: ({ isLoading, progressingProps, customLoader, error, notAuthorized, notFoundText, reloadProps, genericSectionErrorProps, children, }: APIResponseHandlerProps) => JSX.Element;
+declare const APIResponseHandler: ({ isLoading, progressingProps, error, notAuthorized, notFoundText, reloadProps, children, }: APIResponseHandlerProps) => JSX.Element;
 export default APIResponseHandler;

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
-import { GenericSectionErrorStateProps } from '../GenericSectionErrorState/types';
 export interface EmptyPageTextType {
     title?: GenericEmptyStateType['title'];
     subTitle?: GenericEmptyStateType['subTitle'];
@@ -14,10 +13,6 @@ export interface APIResponseHandlerProps {
      * If loading is true, would load send these props to Progressing component
      */
     progressingProps?: ProgressingProps;
-    /**
-     * If given, would show this component instead of default Progressing component
-     */
-    customLoader?: ReactNode;
     /**
      * If true and isLoading is false would show default Reload component
      * In case error code is 404 show default 404 page using GenericEmptyState
@@ -35,10 +30,6 @@ export interface APIResponseHandlerProps {
      * If given, on Error, would load these props
      */
     reloadProps?: ReloadType;
-    /**
-     * If given, would show this component instead of default Error component
-     */
-    genericSectionErrorProps?: GenericSectionErrorStateProps;
     /**
      * If no Error and no Loading, would load this component
      */

package/dist/Shared/Components/GenericSectionErrorState/GenericSectionErrorState.component.d.ts

@@ -1,3 +1,3 @@
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: ({ reload, withBorder }: GenericSectionErrorStateProps) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -2,31 +2,11 @@ export interface GenericSectionErrorStateProps {
     /**
      * Handler for reloading the section
      */
-    reload?: () => void;
+    reload: () => void;
     /**
      * If true, border is added to the section
      *
      * @default false
      */
     withBorder?: boolean;
-    /**
-     * @default 'Failed to load'
-     */
-    title?: string;
-    /**
-     * @default 'We could not load the information on this page.'
-     */
-    subTitle?: string;
-    /**
-     * @default 'Please reload or try again later'
-     */
-    description?: string;
-    /**
-     * @default 'Reload'
-     */
-    buttonText?: string;
-    /**
-     * to be applied on parent div
-     */
-    rootClassName?: string;
 }

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

@@ -12,4 +12,3 @@ export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
 export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
 export declare const SelectOption: (props: any) => JSX.Element;
 export declare const LoadingIndicator: () => JSX.Element;
-export declare const GroupHeading: (props: any) => JSX.Element;

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

@@ -1,13 +1,6 @@
 export * from './APIResponseHandler';
 export * from './ReactSelect';
 export * from './BulkSelection';
-export * from './ImageCard';
-export * from './ImageCardAccordion';
-export * from './ExcludedImageNode';
-export * from './ScannedByToolModal';
-export * from './Vulnerabilities';
 export * from './FilterChips';
-export * from './ActivityIndicator';
 export * from './GenericSectionErrorState';
 export * from './KeyValueList';
-export * from './ScannedObjectBar';

package/dist/Shared/Helpers.d.ts

@@ -1,5 +1,3 @@
-import { MaterialInfo } from '../Common';
-import { GitTriggers } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -15,9 +13,4 @@ interface HighlightSearchTextProps {
     highlightClasses?: string;
 }
 export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
-export declare const preventBodyScroll: (lock: boolean) => void;
-export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
-export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
-export declare const caseInsensitiveStringComparator: (a: string, b: string) => number;
-export declare const isNullOrUndefined: (value: unknown) => boolean;
 export {};

package/dist/Shared/index.d.ts

@@ -1,5 +1,4 @@
 export * from './Components';
 export * from './validations';
 export * from './Helpers';
-export * from './constants';
 export * from './types';

package/dist/Shared/types.d.ts

@@ -1,89 +1,3 @@
-import { CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType } from '../Common';
-export declare enum RegistryType {
-    GIT = "git",
-    GITHUB = "github",
-    GITLAB = "gitlab",
-    BITBUCKET = "bitbucket",
-    DOCKER = "docker",
-    DOCKER_HUB = "docker-hub",
-    ACR = "acr",
-    QUAY = "quay",
-    ECR = "ecr",
-    ARTIFACT_REGISTRY = "artifact-registry",
-    GCR = "gcr",
-    OTHER = "other"
-}
-export declare enum DefaultUserKey {
-    system = "system",
-    admin = "admin"
-}
-export declare enum Severity {
-    CRITICAL = "critical",
-    MODERATE = "moderate",
-    LOW = "low"
-}
-export declare enum ImagePromotionTabs {
-    REQUEST = "request",
-    PENDING = "pending"
-}
-export interface ArtifactPromotionMetadata {
-    isConfigured: boolean;
-    isApprovalPendingForPromotion: boolean;
-}
-export interface Material {
-    gitMaterialId: number;
-    materialName: string;
-}
-export interface WorkflowType {
-    id: string;
-    name: string;
-    gitMaterials?: Material[];
-    ciConfiguredGitMaterialId?: number;
-    startX: number;
-    startY: number;
-    width: number;
-    height: number;
-    nodes: CommonNodeAttr[];
-    dag: any;
-    showTippy?: boolean;
-    appId?: number;
-    isSelected?: boolean;
-    approvalConfiguredIdsMap?: Record<number, UserApprovalConfigType>;
-    imageReleaseTags: string[];
-    appReleaseTags?: string[];
-    tagsEditable?: boolean;
-    hideImageTaggingHardDelete?: boolean;
-    artifactPromotionMetadata?: ArtifactPromotionMetadata;
-}
-export declare enum ModuleStatus {
-    HEALTHY = "healthy",
-    NONE = "none",
-    UNKNOWN = "unknown",
-    UPGRADING = "upgrading",
-    UPGRADE_FAILED = "upgradeFailed",
-    INSTALLED = "installed",
-    INSTALLING = "installing",
-    INSTALL_FAILED = "installFailed",
-    NOT_INSTALLED = "notInstalled",
-    TIMEOUT = "timeout"
-}
-export interface WebHookData {
-    Id: number;
-    EventActionType: string;
-    Data: any;
-}
-export interface GitTriggers {
-    Commit: string;
-    Author: string;
-    Date: Date | string;
-    Message: string;
-    Changes: string[];
-    WebhookData: WebHookData;
-    GitRepoUrl: string;
-    GitRepoName: string;
-    CiConfigureSourceType: string;
-    CiConfigureSourceValue: string;
-}
 export interface RuntimeParamsAPIResponseType {
     envVariables: Record<string, string>;
 }
@@ -94,74 +8,3 @@ export declare enum CIMaterialSidebarType {
     CODE_SOURCE = "Code Source",
     PARAMETERS = "Parameters"
 }
-export interface LastExecutionResultType {
-    lastExecution: string;
-    severityCount: {
-        critical: number;
-        moderate: number;
-        low: number;
-    };
-    vulnerabilities: VulnerabilityType[];
-    scanExecutionId?: number;
-    appId?: number;
-    appName?: string;
-    envId?: number;
-    envName?: string;
-    pod?: string;
-    replicaSet?: string;
-    image?: string;
-    objectType?: 'app' | 'chart';
-    scanned?: boolean;
-    scanEnabled?: boolean;
-    scanToolId?: number;
-}
-export interface LastExecutionResponseType extends ResponseType<LastExecutionResultType> {
-}
-export interface MaterialSecurityInfoType {
-    isScanned: boolean;
-    isScanEnabled: boolean;
-}
-export declare enum Nodes {
-    Service = "Service",
-    Alertmanager = "Alertmanager",
-    PodSecurity = "PodSecurityPolicy",
-    ConfigMap = "ConfigMap",
-    ServiceAccount = "ServiceAccount",
-    ClusterRoleBinding = "ClusterRoleBinding",
-    RoleBinding = "RoleBinding",
-    ClusterRole = "ClusterRole",
-    Role = "Role",
-    Prometheus = "Prometheus",
-    ServiceMonitor = "ServiceMonitor",
-    Deployment = "Deployment",
-    MutatingWebhookConfiguration = "MutatingWebhookConfiguration",
-    DaemonSet = "DaemonSet",
-    Secret = "Secret",
-    ValidatingWebhookConfiguration = "ValidatingWebhookConfiguration",
-    Pod = "Pod",
-    Ingress = "Ingress",
-    ReplicaSet = "ReplicaSet",
-    Endpoints = "Endpoints",
-    Cluster = "ClusterRoleBinding",
-    PodSecurityPolicy = "PodSecurityPolicy",
-    CronJob = "CronJob",
-    Job = "Job",
-    ReplicationController = "ReplicationController",
-    StatefulSet = "StatefulSet",
-    Rollout = "Rollout",
-    PersistentVolumeClaim = "PersistentVolumeClaim",
-    PersistentVolume = "PersistentVolume",
-    Containers = "Containers",
-    InitContainers = "InitContainers",
-    EndpointSlice = "EndpointSlice",
-    NetworkPolicy = "NetworkPolicy",
-    StorageClass = "StorageClass",
-    VolumeSnapshot = "VolumeSnapshot",
-    VolumeSnapshotContent = "VolumeSnapshotContent",
-    VolumeSnapshotClass = "VolumeSnapshotClass",
-    PodDisruptionBudget = "PodDisruptionBudget",
-    Event = "Event",
-    Namespace = "Namespace",
-    Overview = "Overview"
-}
-export type NodeType = keyof typeof Nodes;

package/dist/assets/index.css

@@ -1 +1 @@
-.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:1.5;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.scanned-object__bar{height:8px;width:100%;display:flex;background-color:#e7635d}.scanned-object__critical-count{background-color:#e7635d}.scanned-object__moderate-count{background-color:#f0aa65}.scanned-object__low-count{background-color:var(--Y500)}.scanned-object__counts{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900)}.scanned-object__icon{border-radius:50%;width:10px;height:10px;display:inline-block;margin-right:5px}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.modal-body--scan-details{position:fixed;top:0;right:0;background:var(--N000);width:800px}.security-tab__table{width:100%}.security-tab__table-header{border-bottom:solid 1px var(--N200)}.security-cell-header{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:uppercase;color:var(--N500)}.dc__security-tab__table-row{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900);box-shadow:inset 0 -1px #f5f5f5}.security-tab__cell-cve,.security-tab__cell-severity,.security-tab__cell-package,.security-tab__cell-current-ver,.security-tab__cell-fixed-ver,.security-tab__cell-policy{padding:10px;max-width:120px;word-wrap:break-word}.security-tab__cell-cve{padding-left:0;text-align:left;width:20%}.security-tab__cell-policy{padding-right:0}.security-tab__cell-policy--whitelist,.security-tab__cell-policy--whitelisted{color:var(--G500);text-transform:capitalize}.security-tab__cell-policy--block{color:var(--R500);text-transform:capitalize}.scanned-object__results{margin:0 20px}.radio-group{height:30px;background:white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.rjsf-form-template__field{grid-template-columns:250px 1fr}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr minmax(20px,auto)}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.pagination-wrapper{display:flex;align-items:center;padding:0 24px;justify-content:space-between;margin:0;background-color:var(--white)}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}
+.empty-state{height:100%}.empty-state img{height:40%;max-height:200px;width:auto;max-width:250px}.empty-state svg{height:40%;max-height:200px;width:auto}.empty-state h1,.empty-state h2,.empty-state h3,.empty-state h4,.empty-state h5,.empty-state h6{color:var(--N900)}.empty-state .subtitle{font-size:13px;font-weight:400;text-align:center;line-height:1.5;margin-bottom:6px}.empty-state .subtitle--text-start{text-align:start}.empty-state .cta{height:36px}.empty-state p{text-align:center;font-size:13px;color:var(--N700)}.empty-state strong{font-size:16px;margin-bottom:4px;color:var(--N900);font-weight:400}.empty-state .select-popup{height:min-content;max-height:250px;overflow:auto;padding:8px 0}.empty-state .empty-state__loader{width:34px;height:34px;margin-bottom:16px}.empty-state .empty-state__loading-text{font-size:12px;width:200px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--N900)}.empty-state .button__icon{width:16px;height:16px;margin-left:8px}.drawer{position:absolute;overflow:hidden}.drawer.left,.drawer.right{top:0;bottom:0;width:0;transition:width .2s}.drawer.left.show,.drawer.right.show{min-width:var(--minWidth);width:var(--width);max-width:var(--maxWidth)}.drawer.top,.drawer.bottom{left:0;right:0;height:0;transition:height .2s}.drawer.top.show,.drawer.bottom.show{height:var(--height)}.drawer.right{right:0}.drawer.left{left:0}.drawer.top{top:0}.drawer.bottom{bottom:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translate(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translate(5px)}.info-bar-container .info_text .success{background-color:var(--G100)}.info-bar-container .warn{background:var(--Y100);border:solid var(--Y200)}.info-bar-container .warn .warning-icon path:nth-child(2){fill:var(--Y700)}.info-bar-container .info_bar{background-color:var(--B100);border:1px solid var(--B200)}.info-bar-container .error_bar{background-color:var(--R100);border:1px solid var(--R200)}.info-bar-container .question-bar{background-color:var(--V100);border:1px solid var(--V200)}.search-bar:focus,.search-bar:focus-within{outline:none;border:solid 1px var(--B500)!important}.search-bar__input:focus,.search-bar__input:focus-visible{border:none;outline:none}.search-bar__icon{z-index:1;top:50%;left:8px;transform:translateY(-50%)}.search-bar__clear-button{right:0;top:50%;transform:translateY(-50%);z-index:1}.toggle__switch{position:relative;display:inline-block;width:100%;height:100%}.toggle__switch.disabled,.toggle__switch.disabled .toggle__slider{cursor:not-allowed}.toggle__switch input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:all .4s ease}.toggle__slider.round{border-radius:34px}.toggle__slider.round:before{border-radius:50%}.toggle__slider:before{position:absolute;content:"";height:calc(100% - 8px);width:calc(50% - 4px);left:4px;bottom:4px;background-color:#fff;transition:all .4s ease}.toggle__slider.with-icon{background-color:var(--N000)!important}.toggle__slider.with-icon svg{position:absolute;content:"";top:-1px;left:-1px;background-color:var(--N300);transition:all .4s ease}input:checked+.toggle__slider{background-color:var(--color)}input:checked+.toggle__slider:before{transform:translate(100%)}input:checked+.toggle__slider.with-icon svg{transform:translate(100%);background-color:var(--color)}input:focus+.toggle__slider{box-shadow:0 0 1px var(--color)}.modal-body--scan-details{position:fixed;top:0;right:0;background:var(--N000);width:800px}.security-tab__table{width:100%}.security-tab__table-header{border-bottom:solid 1px var(--N200)}.security-cell-header{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:uppercase;color:var(--N500)}.dc__security-tab__table-row{font-size:13px;font-weight:400;line-height:1.54;letter-spacing:normal;color:var(--N900);box-shadow:inset 0 -1px #f5f5f5}.security-tab__cell-cve,.security-tab__cell-severity,.security-tab__cell-package,.security-tab__cell-current-ver,.security-tab__cell-fixed-ver,.security-tab__cell-policy{padding:10px;max-width:120px;word-wrap:break-word}.security-tab__cell-cve{padding-left:0;text-align:left;width:20%}.security-tab__cell-policy{padding-right:0}.security-tab__cell-policy--whitelist,.security-tab__cell-policy--whitelisted{color:var(--G500);text-transform:capitalize}.security-tab__cell-policy--block{color:var(--R500);text-transform:capitalize}.scanned-object__results{margin:0 20px}.radio-group{height:30px;background:white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px}.radio-group .label,.radio-group .radio,.radio-group .checkbox{margin:0}.radio-group .radio{height:100%;width:auto;color:var(--N400);display:flex;align-items:center}.radio-group .radio+.radio{margin-top:0}.radio-group input[type=checkbox]{display:contents;overflow:hidden;max-width:0px;height:0;opacity:0;margin:unset}.radio-group input+.radio__item-label{padding:4px 6px;height:100%;width:100%;display:flex;align-items:center;transition:all .5s;cursor:pointer}.radio-group input[type=checkbox]:checked+.radio__item-label{background:#2c3354;color:#fff;border-radius:4px}.select-button__arrow{position:absolute;right:5px}.select-button{border-radius:4px;justify-content:space-between}.select-button.default{height:40px;padding:12px 10px;background-color:#fff}.select-button:disabled{background-color:var(--N100)}.select-button--default{padding:8px 8px 8px 10px;width:100%;font-weight:500;background-color:var(--N000)}.select__label-container{display:inline-block;margin-left:auto}.select__options-container{max-height:220px;overflow:auto;color:var(--N900)}.select__option-with-subtitle{padding:9px 12px;margin-top:2px;display:flex;cursor:pointer;align-items:center}.select__option-with-subtitle--empty-state{color:var(--N500)}.select-popup{max-height:220px;overflow:auto;padding:4px 0;border-radius:4px;border:1px solid var(--N100)}.select__option{padding:10px 12px;line-height:1.5;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:var(--N000)}.select__option.selected{color:var(--B500);background-color:var(--B100)}.select-button__selected-option{display:inline-block;white-space:nowrap;text-align:left}.select__check-icon{width:16px;height:16px;margin-right:12px}.option-with-subtitle__subtitle{font-size:10px;font-weight:400;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#404040}.option-group__label{padding:8px 16px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.67;letter-spacing:normal;color:var(--N400);text-transform:uppercase}.select__sticky-bottom{position:sticky;bottom:-8px;margin-bottom:-8px;box-shadow:0 -1px 0 0 var(--N200);background-color:inherit;padding:11px 12px;width:100%;display:flex;align-items:center;cursor:pointer;color:var(--B500);font-size:13px}.select__sticky-bottom svg path{fill:var(--B500)}.select__all{height:36px;padding:4px 12px 4px 40px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;background-color:#f5f5f5}.popup-button:disabled .select-button{background-color:var(--N100)}.select__option-with-subtitle:hover,.select__option:hover{background-color:var(--window-bg)}.select__option-with-subtitle--empty-state:hover{background-color:unset}.rjsf-form-template__field{grid-template-columns:250px 1fr}.rjsf-form-template__additional-fields{grid-template-columns:1fr 1fr minmax(20px,auto)}.rjsf-form-template__array-field-item{grid-template-columns:1fr auto}.rjsf-form-template__array-field-item>:first-child{margin:0}.pagination-wrapper{display:flex;align-items:center;padding:0 24px;justify-content:space-between;margin:0;background-color:var(--white)}.pagination{margin-top:16px;margin-bottom:16px;padding:0}.select{display:flex;align-items:center;position:relative}.select__placeholder{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700);margin-right:8px}.pagination__select-menu{padding:0;list-style:none;overflow:hidden;border:solid 1px var(--N200);border-radius:4px;width:64px;position:absolute;bottom:31px;background-color:var(--white)}.select__button{width:64px;background-color:transparent;border-radius:4px;border:solid 1px var(--N200);padding:5px 10px;text-align:left}.select__item{padding:5px 10px;cursor:pointer}.select__icon{margin-left:18px}.page{margin:0 8px;display:inline-block}.page-number{font-size:12px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:var(--N700)}.page__button{width:24px;height:24px;border-radius:8px;color:var(--B500);background-color:var(--white);padding:0;user-select:none}.page__button--icon{background-color:var(--white);color:var(--B500)}.page__button--selected{color:var(--white);background-color:var(--B500)}.page__button:disabled{opacity:.5}.select__item:hover{background-color:var(--N50)}.page__button:hover~:disabled{background-color:var(--B100)}.page__button--selected:hover{color:var(--white);background-color:var(--B500)}@media (min-width: 1024px){.pagination{margin:16px auto}}.user-role-groups__table-row{grid-template-rows:36px}.user-role-groups__table-header,.user-role-groups__table-row{grid-template-columns:20px 200px minmax(300px,1fr);column-gap:16px}.user-role-groups__table-header--with-status,.user-role-groups__table-row--with-status{grid-template-columns:20px 200px minmax(300px,1fr) 185px}.user-role-groups__table-header--with-delete,.user-role-groups__table-row--with-delete{grid-template-columns:20px 200px minmax(300px,1fr) 24px}.user-role-groups__table-header--with-status-and-delete,.user-role-groups__table-row--with-status-and-delete{grid-template-columns:20px 200px minmax(300px,1fr) 185px 24px}