@devtron-labs/devtron-fe-common-lib 0.3.9-beta-1 → 0.3.10

package/dist/Common/Drawer/Drawer.d.ts

@@ -10,5 +10,5 @@ interface drawerInterface {
     parentClassName?: string;
     onEscape?: (e?: any) => void;
 }
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, }: drawerInterface) => JSX.Element;
 export {};

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

@@ -2,14 +2,17 @@ import { ComponentProps } from 'react';
 import { default as RJSFForm } from '@rjsf/core';
 import { StrictRJSFSchema } from '@rjsf/utils';
 export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;
-interface Hidden {
-    condition: boolean;
-    match: string;
+export interface MetaHiddenType {
+    value: any;
+    path: string;
 }
+export type HiddenType = MetaHiddenType | {
+    condition: any;
+    value: string;
+} | string;
 export interface RJSFFormSchema extends StrictRJSFSchema {
     properties: {
         [key: string]: RJSFFormSchema;
     };
-    hidden: Hidden;
+    hidden: HiddenType;
 }
-export {};

package/dist/Common/RJSF/utils.d.ts

@@ -1,4 +1,5 @@
 import { TranslatableString } from '@rjsf/utils';
+import { HiddenType, MetaHiddenType } from './types';
 /**
  * Override for the TranslatableString from RJSF
  */
@@ -23,3 +24,4 @@ export declare const getRedirectionProps: (url: string) => React.AnchorHTMLAttri
  * Infers the type for json schema from value type
  */
 export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
+export declare const parseSchemaHiddenType: (hiddenSchema: HiddenType) => MetaHiddenType;

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

@@ -0,0 +1,2 @@
+import { ScanVulnerabilitiesTableProps } from '../Types';
+export default function ScanVulnerabilitiesTable({ vulnerabilities, hidePolicy, shouldStick, }: ScanVulnerabilitiesTableProps): JSX.Element;

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

@@ -0,0 +1,4 @@
+export declare enum VulnerabilitiesTableSortKeys {
+    SEVERITY = "severity",
+    PACKAGE = "package"
+}

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

@@ -0,0 +1,3 @@
+export declare const TOOLTIP_CONTENTS: {
+    INVALID_INPUT: string;
+};

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

@@ -1 +1,2 @@
 export { default as Tooltip } from './Tooltip';
+export { TOOLTIP_CONTENTS } from './constants';

package/dist/Common/index.d.ts

@@ -28,6 +28,7 @@ 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, SecurityModalSidebar, getSecurityScan, }: ImageCardAccordionProps) => JSX.Element;
+declare const ImageCardAccordion: ({ isSecurityModuleInstalled, artifactId, applicationId, environmentId, changesCard, isScanned, isScanEnabled, }: ImageCardAccordionProps) => JSX.Element;
 export default ImageCardAccordion;

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

@@ -1,7 +1,6 @@
 import { default as React, ReactNode } from 'react';
-import { CDModalTabType, ResponseType, VulnerabilityType } from '../../../Common';
+import { CDModalTabType, VulnerabilityType } from '../../../Common';
 import { MaterialSecurityInfoType } from '../../types';
-import { ApiResponseResultType, AppDetailsPayload, SidebarPropsType } from '../Security';
 export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     isSecurityModuleInstalled: boolean;
     artifactId: number;
@@ -10,8 +9,6 @@ export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     changesCard: ReactNode;
     isScanned: boolean;
     isScanEnabled: boolean;
-    SecurityModalSidebar: React.FC<SidebarPropsType>;
-    getSecurityScan: (props: Pick<AppDetailsPayload, 'appId' | 'envId' | 'artifactId'>) => Promise<ResponseType<ApiResponseResultType>>;
 }
 export interface SecurityDetailsType {
     vulnerabilities: VulnerabilityType[];

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -0,0 +1,7 @@
+import { TabProps } from './TabGroup.types';
+export declare const getTabIcon: ({ icon: Icon, showError, showWarning, className, }: Pick<TabProps, "showError" | "showWarning" | "icon"> & {
+    className: string;
+}) => JSX.Element;
+export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;
+export declare const getTabIndicator: (showIndicator: TabProps["showIndicator"]) => JSX.Element;
+export declare const getTabDescription: (description: TabProps["description"]) => JSX.Element;

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

@@ -4,7 +4,7 @@ import { DataAttributes } from '../../types';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
-     *  Type of the tab, either `button`, `link` or `navLink`.
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
      */
     tabType: 'button';
     /**
@@ -17,7 +17,7 @@ type ConditionalTabType = {
     active?: boolean;
 } | {
     /**
-     *  Type of the tab, either `button`, `link` or `navLink`.
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
      */
     tabType: 'navLink';
     /**
@@ -27,10 +27,10 @@ type ConditionalTabType = {
     /**
      * Active state is determined by matching the URL.
      */
-    active?: false;
+    active?: never | false;
 } | {
     /**
-     *  Type of the tab, either `button`, `link` or `navLink`.
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
      */
     tabType: 'link';
     /**
@@ -41,6 +41,20 @@ type ConditionalTabType = {
      * Indicates if the tab is currently active.
      */
     active?: boolean;
+} | {
+    /**
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
+     * @note When `tabType` is set to `block`, the tab becomes non-interactive. It won't be active and will not have hover states.
+     */
+    tabType: 'block';
+    /**
+     * Props passed to div component.
+     */
+    props?: TabComponentProps<Omit<React.ComponentProps<'div'>, 'className' | 'style'>>;
+    /**
+     * Indicates if the tab is currently active.
+     */
+    active?: never | false;
 };
 export type TabProps = {
     /**
@@ -51,15 +65,16 @@ export type TabProps = {
      * Text label for the tab.
      */
     label: string;
+    /**
+     * Description for the tab.
+     * @note - If passed as a `string[]`, it will be rendered with a bullet in-between strings.
+     */
+    description?: string | string[];
     /**
      * Icon component to be displayed in the tab.
      * This should be a functional component that renders an SVG.
      */
     icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    /**
-     * Type of the icon, determining whether it uses a stroke or fill style.
-     */
-    iconType?: 'stroke' | 'fill';
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */
@@ -92,7 +107,7 @@ export interface TabGroupProps {
      * Size of the tabs.
      * @default ComponentSizeType.large
      */
-    size?: ComponentSizeType.large | ComponentSizeType.medium;
+    size?: ComponentSizeType.large | ComponentSizeType.medium | ComponentSizeType.xl;
     /**
      * Optional component to be rendered on the right side of the tab list.
      */

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

@@ -1,7 +1,7 @@
-import { TabGroupProps, TabProps } from './TabGroup.types';
+import { TabGroupProps } from './TabGroup.types';
 export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorderWithContainer, }: Pick<TabGroupProps, "hideTopPadding" | "alignActiveBorderWithContainer">) => Record<TabGroupProps["size"], {
     tabClassName: string;
     iconClassName: string;
     badgeClassName: string;
 }>;
-export declare const getIconColorClassMap: ({ active }: Pick<TabProps, "active">) => Record<TabProps["iconType"], string>;
+export declare const tabGroupClassMap: Record<TabGroupProps['size'], string>;

package/dist/Shared/Components/{Security/Vulnerabilities → Vulnerabilities}/Vulnerabilities.d.ts

@@ -1,3 +1,3 @@
 import { VulnerabilitiesProps } from './types';
-declare const Vulnerabilities: ({ isScanned, isScanEnabled, artifactId, applicationId, environmentId, setVulnerabilityCount, SecurityModalSidebar, getSecurityScan, }: VulnerabilitiesProps) => JSX.Element;
+declare const Vulnerabilities: ({ isScanned, isScanEnabled, artifactId, applicationId, environmentId, setVulnerabilityCount, }: VulnerabilitiesProps) => JSX.Element;
 export default Vulnerabilities;

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

@@ -0,0 +1,4 @@
+export declare const NO_VULNERABILITY_TEXT: {
+    SECURED: string;
+    NO_VULNERABILITY_FOUND: string;
+};

package/dist/Shared/Components/{Security/Vulnerabilities → Vulnerabilities}/index.d.ts

@@ -1,3 +1,2 @@
 export { default as Vulnerabilities } from './Vulnerabilities';
 export * from './utils';
-export * from './service';

package/dist/Shared/Components/{Security/Vulnerabilities → Vulnerabilities}/service.d.ts

@@ -1,2 +1,2 @@
-import { LastExecutionResponseType } from '../../../types';
+import { LastExecutionResponseType } from '../../types';
 export declare function getLastExecutionByArtifactAppEnv(artifactId: string | number, appId: number | string, envId: number | string): Promise<LastExecutionResponseType>;

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

@@ -0,0 +1,7 @@
+import { MaterialSecurityInfoType } from '../../types';
+export interface VulnerabilitiesProps extends MaterialSecurityInfoType {
+    artifactId: number;
+    applicationId: number;
+    environmentId: number;
+    setVulnerabilityCount: React.Dispatch<React.SetStateAction<number>>;
+}

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

@@ -0,0 +1,4 @@
+import { LastExecutionResponseType, LastExecutionResultType } from '../../types';
+export declare const getSortedVulnerabilities: (vulnerabilities: any) => any;
+export declare const getParsedScanResult: (scanResult: any) => LastExecutionResultType;
+export declare const parseLastExecutionResponse: (response: any) => LastExecutionResponseType;

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

@@ -5,6 +5,7 @@ export * from './ImageCard';
 export * from './ImageCardAccordion';
 export * from './ExcludedImageNode';
 export * from './ScannedByToolModal';
+export * from './Vulnerabilities';
 export * from './FilterChips';
 export * from './ActivityIndicator';
 export * from './GenericSectionErrorState';
@@ -38,6 +39,4 @@ export * from './DetectBottom';
 export * from './TabGroup';
 export * from './EditImageFormField';
 export * from './Collapse';
-export * from './FilterButton';
-export * from './Security';
 export * from './Button';

package/dist/Shared/Helpers.d.ts

@@ -24,7 +24,7 @@ export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[])
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
 export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
-export declare function versionComparatorBySortOrder(a: Record<string, any>, b: Record<string, any>, compareKey: string, orderBy: SortingOrder): any;
+export declare function versionComparatorBySortOrder(a: string, b: string, orderBy?: SortingOrder): number;
 export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
 export declare const yamlComparatorBySortOrder: (a: Pair, b: Pair, sortOrder?: SortingOrder) => number;
 export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
@@ -49,4 +49,5 @@ export declare const getIsManualApprovalSpecific: (userApprovalConfig?: Pick<Use
  * @param url - url to be opened in new tab
  */
 export declare const getHandleOpenURL: (url: string) => () => void;
+export declare const getDefaultValueFromType: (value: unknown) => {};
 export {};

package/dist/Shared/constants.d.ts

@@ -14,10 +14,6 @@ export declare const STAGE_TYPE: {
     ROLLBACK: string;
 };
 export declare const SCAN_TOOL_ID_TRIVY = 3;
-/**
- * @description This is only used to show mapping for clair, scan tool id for clair can be either 1 or 2
- *   */
-export declare const SCAN_TOOL_ID_CLAIR = 2;
 export declare const IMAGE_SCAN_TOOL: {
     Clair: string;
     Trivy: string;

package/dist/Shared/types.d.ts

@@ -413,7 +413,6 @@ export interface LastExecutionResultType {
     scanned?: boolean;
     scanEnabled?: boolean;
     scanToolId?: number;
-    imageScanDeployInfoId?: number;
 }
 export interface LastExecutionResponseType extends ResponseType<LastExecutionResultType> {
 }