@devtron-labs/devtron-fe-common-lib 0.3.5-beta-6 → 0.3.6-beta-1

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/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/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/DeploymentConfigDiff/DeploymentConfigDiff.component.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffProps } from './types';
-export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;
+import { DeploymentConfigDiffProps } from './DeploymentConfigDiff.types';
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/{types.d.ts → DeploymentConfigDiff.types.d.ts}

@@ -1,5 +1,5 @@
 import { SortingOrder } from '../../../Common/Constants';
-import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO } from '../../Services';
+import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType, ManifestTemplateDTO } from '../../Services';
 import { DeploymentHistoryDetail } from '../CICDHistory';
 import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
 import { SelectPickerProps } from '../SelectPicker';
@@ -35,6 +35,11 @@ export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<Coll
 }
 export interface DeploymentConfigDiffProps {
     isLoading?: boolean;
+    errorConfig?: {
+        error: boolean;
+        code: number;
+        reload: () => void;
+    };
     configList: DeploymentConfigListItem[];
     headerText?: string;
     scrollIntoViewId?: string;
@@ -52,10 +57,15 @@ export interface DeploymentConfigDiffProps {
     goBackURL?: string;
     navHeading: string;
     navHelpText?: string;
+    tabConfig?: {
+        tabs: string[];
+        activeTab: string;
+        onClick: (tab: string) => void;
+    };
 }
-export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText'> {
+export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText' | 'tabConfig'> {
 }
-export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig'> {
+export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'errorConfig' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig'> {
 }
 export interface DeploymentConfigDiffAccordionProps extends Pick<CollapseProps, 'onTransitionEnd'> {
     id: string;
@@ -66,3 +76,15 @@ export interface DeploymentConfigDiffAccordionProps extends Pick<CollapseProps,
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export type DiffHeadingDataType<DeploymentTemplate> = DeploymentTemplate extends true ? DeploymentTemplateDTO : ConfigMapSecretDataConfigDatumDTO;
+export type AppEnvDeploymentConfigListParams<IsManifestView> = (IsManifestView extends true ? {
+    currentList: ManifestTemplateDTO;
+    compareList: ManifestTemplateDTO;
+    sortOrder?: never;
+} : {
+    currentList: AppEnvDeploymentConfigDTO;
+    compareList: AppEnvDeploymentConfigDTO;
+    sortOrder?: SortingOrder;
+}) & {
+    getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string;
+    isManifestView?: IsManifestView;
+};

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

@@ -1,6 +1,5 @@
-import { SortingOrder } from '../../../Common/Constants';
-import { DeploymentConfigDiffProps } from '..';
-import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, EnvResourceType, TemplateListDTO } from '../../Services/app.types';
+import { AppEnvDeploymentConfigListParams, DeploymentConfigDiffProps } from '..';
+import { ConfigMapSecretDataConfigDatumDTO, TemplateListDTO } from '../../Services/app.types';
 /**
  * Retrieves the draft data from the given configuration data object.
  *
@@ -19,14 +18,16 @@ export declare const mergeConfigDataArraysByName: (primaryArray: ConfigMapSecret
 /**
  * Generates a list of deployment configurations for application environments and identifies changes between the current and compare lists.
  *
- * @param currentList - The current deployment configuration list.
- * @param compareList - The deployment configuration list to compare against.
- * @param getNavItemHref - A function to generate navigation item URLs based on the resource type and resource name.
- * @param sortOrder - (Optional) The order in which to sort the deployment templates.
+ * @param params - An object containing the following properties:
+ * @param params.currentList - The current deployment configuration list.
+ * @param params.compareList - The deployment configuration list to compare against.
+ * @param params.getNavItemHref - A function to generate navigation item URLs based on the resource type and resource name.
+ * @param params.isManifestView - A boolean that, when true, modifies the output for a manifest view.
+ * @param params.sortOrder - (Optional) The order in which to sort the deployment templates.
  *
  * @returns An object containing the combined deployment configuration list, a collapsible navigation list, and a navigation list.
  */
-export declare const getAppEnvDeploymentConfigList: (currentList: AppEnvDeploymentConfigDTO, compareList: AppEnvDeploymentConfigDTO, getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string, sortOrder?: SortingOrder) => {
+export declare const getAppEnvDeploymentConfigList: <ManifestView extends boolean = false>({ currentList, compareList, getNavItemHref, isManifestView, sortOrder, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
     configList: DeploymentConfigDiffProps["configList"];
     navList: DeploymentConfigDiffProps["navList"];
     collapsibleNavList: DeploymentConfigDiffProps["collapsibleNavList"];

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffAccordion.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffAccordionProps } from './types';
+import { DeploymentConfigDiffAccordionProps } from './DeploymentConfigDiff.types';
 export declare const DeploymentConfigDiffAccordion: import('react').ForwardRefExoticComponent<DeploymentConfigDiffAccordionProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffMain.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffMainProps } from './types';
-export declare const DeploymentConfigDiffMain: ({ isLoading, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, }: DeploymentConfigDiffMainProps) => JSX.Element;
+import { DeploymentConfigDiffMainProps } from './DeploymentConfigDiff.types';
+export declare const DeploymentConfigDiffMain: ({ isLoading, errorConfig, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, }: DeploymentConfigDiffMainProps) => JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffNavigation.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffNavigationProps } from './types';
-export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, }: DeploymentConfigDiffNavigationProps) => JSX.Element;
+import { DeploymentConfigDiffNavigationProps } from './DeploymentConfigDiff.types';
+export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, }: DeploymentConfigDiffNavigationProps) => JSX.Element;

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

@@ -1,3 +1,3 @@
 export * from './DeploymentConfigDiff.component';
-export * from './types';
+export * from './DeploymentConfigDiff.types';
 export * from './DeploymentConfigDiff.utils';

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, isScanV2Enabled, 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,9 +9,6 @@ export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     changesCard: ReactNode;
     isScanned: boolean;
     isScanEnabled: boolean;
-    isScanV2Enabled: boolean;
-    SecurityModalSidebar: React.FC<SidebarPropsType>;
-    getSecurityScan: ({ appId, envId, artifactId }: AppDetailsPayload) => Promise<ResponseType<ApiResponseResultType>>;
 }
 export interface SecurityDetailsType {
     vulnerabilities: VulnerabilityType[];

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,6 +65,11 @@ 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.
@@ -92,7 +111,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

@@ -5,3 +5,4 @@ export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorder
     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/Vulnerabilities/Vulnerabilities.d.ts

@@ -0,0 +1,3 @@
+import { VulnerabilitiesProps } from './types';
+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';
@@ -39,5 +40,4 @@ export * from './TabGroup';
 export * from './EditImageFormField';
 export * from './Collapse';
 export * from './FilterButton';
-export * from './Security';
 export * from './Button';

package/dist/Shared/Services/app.types.d.ts

@@ -197,6 +197,11 @@ export interface TemplateListDTO {
     status?: string;
     pipelineId?: number;
 }
+export interface ManifestTemplateDTO {
+    data: string;
+    resolvedData: string;
+    variableSnapshot: null;
+}
 export declare enum DraftState {
     Init = 1,
     Discarded = 2,
@@ -206,6 +211,7 @@ export declare enum DraftState {
 export declare enum EnvResourceType {
     ConfigMap = "configmap",
     Secret = "secrets",
-    DeploymentTemplate = "deployment-template"
+    DeploymentTemplate = "deployment-template",
+    Manifest = "manifest"
 }
 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> {
 }