@devtron-labs/devtron-fe-common-lib 0.0.17-beta-3 → 0.0.17-beta-5

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

@@ -1,4 +1,4 @@
-import { TeamList, ResponseType } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType } from './Types';
 export declare const getTeamListMin: () => Promise<TeamList>;
 interface UserRole extends ResponseType {
     result?: {
@@ -8,4 +8,6 @@ interface UserRole extends ResponseType {
 }
 export declare function getUserRole(appName?: string): Promise<UserRole>;
 export declare function setImageTags(request: any, pipelineId: number, artifactId: number): Promise<ResponseType>;
+export declare const getCDMaterials: (cdMaterialId: any, stageType: DeploymentNodeType, abortSignal: AbortSignal, isApprovalNode?: boolean, imageTag?: string) => Promise<any>;
+export declare function extractImage(image: string): string;
 export {};

package/dist/Common/Helper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DeploymentNodeType, UseSearchString } from './Types';
+import { UseSearchString } from './Types';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
     condition: boolean;
@@ -42,6 +42,4 @@ export declare function CustomInput({ name, value, error, onChange, onBlur, onFo
 }): JSX.Element;
 export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
 export declare function useSearchString(): UseSearchString;
-export declare const getCDMaterials: (cdMaterialId: any, stageType: DeploymentNodeType, abortSignal: AbortSignal, isApprovalNode?: boolean, imageTag?: string) => Promise<any>;
-export declare function extractImage(image: string): string;
 export {};

package/dist/index.js

@@ -2162,7 +2162,6 @@ var AppNotDeployed = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAGQCAYA
 
 function GenericEmptyState(_a) {
     var title = _a.title, image = _a.image, subTitle = _a.subTitle, isButtonAvailable = _a.isButtonAvailable, classname = _a.classname, styles = _a.styles, heightToDeduct = _a.heightToDeduct, imageType = _a.imageType, renderButton = _a.renderButton, imageClassName = _a.imageClassName, children = _a.children, SvgImage = _a.SvgImage, noImage = _a.noImage;
-    console.log(image);
     return (jsxRuntime.jsxs("div", __assign({ className: "flex column empty-state ".concat(classname ? classname : ''), style: styles, "data-testid": "generic-empty-state" }, (heightToDeduct >= 0 && { style: __assign(__assign({}, styles), { height: "calc(100vh - ".concat(heightToDeduct, "px)") }) }), { children: [!SvgImage ? !noImage && jsxRuntime.jsx("img", { className: imageClassName ? imageClassName : '', src: image || AppNotDeployed, width: imageType === exports.ImageType.Medium ? '200' : '250', height: imageType === exports.ImageType.Medium ? '160' : '200', alt: "empty-state" }) : jsxRuntime.jsx(SvgImage, {}), jsxRuntime.jsx("h4", __assign({ className: "title fw-6 cn-9 mb-8" }, { children: title })), subTitle && jsxRuntime.jsx("p", __assign({ className: "subtitle" }, { children: subTitle })), isButtonAvailable && renderButton(), children] })));
 }
 
@@ -10095,71 +10094,6 @@ function useSearchString() {
         return agg;
     }, {});
     return { queryParams: queryParams, searchParams: searchParams };
-}
-var getCDMaterials = function (cdMaterialId, stageType, abortSignal, isApprovalNode, imageTag) {
-    var URL = (!imageTag) ? "app/cd-pipeline/".concat(cdMaterialId, "/material?stage=APPROVAL") : "app/cd-pipeline/".concat(cdMaterialId, "/material?stage=APPROVAL&search=").concat(imageTag);
-    return get(URL, {
-        signal: abortSignal,
-    }).then(function (response) {
-        var _a;
-        var artifacts = (_a = response.result.ci_artifacts) !== null && _a !== void 0 ? _a : [];
-        if (!response.result) {
-            return {
-                materials: [],
-            };
-        }
-        else {
-            var materials = artifacts.map(function (material, index) {
-                var artifactStatusValue = '';
-                return {
-                    index: index,
-                    id: material.id,
-                    deployedTime: material.deployed_time
-                        ? moment(material.deployed_time).format('ddd, DD MMM YYYY, hh:mm A')
-                        : 'Not Deployed',
-                    deployedBy: material.deployedBy,
-                    wfrId: material.wfrId,
-                    image: extractImage(material.image),
-                    showChanges: false,
-                    vulnerabilities: [],
-                    buildTime: material.build_time || '',
-                    showSourceInfo: false,
-                    deployed: material.deployed || false,
-                    latest: material.latest || false,
-                    vulnerabilitiesLoading: true,
-                    scanned: material.scanned,
-                    scanEnabled: material.scanEnabled,
-                    vulnerable: material.vulnerable,
-                    runningOnParentCd: material.runningOnParentCd,
-                    artifactStatus: artifactStatusValue,
-                    userApprovalMetadata: material.userApprovalMetadata,
-                    triggeredBy: material.triggeredBy,
-                    isVirtualEnvironment: material.isVirtualEnvironment,
-                    imageComment: material.imageComment,
-                    imageReleaseTags: material.imageReleaseTags,
-                    materialInfo: material.material_info
-                        ? material.material_info.map(function (mat) {
-                            return {
-                                author: mat.author || '',
-                                message: mat.message || '',
-                                revision: mat.revision || '',
-                                tag: mat.tag || '',
-                                webhookData: mat.webhookData || '',
-                                url: mat.url || '',
-                                type: material.ciConfigureSourceType || '',
-                            };
-                        })
-                        : [],
-                };
-            });
-            return {
-                materials: materials
-            };
-        }
-    });
-};
-function extractImage(image) {
-    return image ? image.split(':').pop() : '';
 }
 
 function Progressing(_a) {
@@ -22610,6 +22544,71 @@ function getUserRole(appName) {
 }
 function setImageTags(request, pipelineId, artifactId) {
     return post("".concat(ROUTES.IMAGE_TAGGING, "/").concat(pipelineId, "/").concat(artifactId), request);
+}
+var getCDMaterials = function (cdMaterialId, stageType, abortSignal, isApprovalNode, imageTag) {
+    var URL = (!imageTag) ? "app/cd-pipeline/".concat(cdMaterialId, "/material?stage=APPROVAL") : "app/cd-pipeline/".concat(cdMaterialId, "/material?stage=APPROVAL&search=").concat(imageTag);
+    return get(URL, {
+        signal: abortSignal,
+    }).then(function (response) {
+        var _a;
+        var artifacts = (_a = response.result.ci_artifacts) !== null && _a !== void 0 ? _a : [];
+        if (!response.result) {
+            return {
+                materials: [],
+            };
+        }
+        else {
+            var materials = artifacts.map(function (material, index) {
+                var artifactStatusValue = '';
+                return {
+                    index: index,
+                    id: material.id,
+                    deployedTime: material.deployed_time
+                        ? moment(material.deployed_time).format('ddd, DD MMM YYYY, hh:mm A')
+                        : 'Not Deployed',
+                    deployedBy: material.deployedBy,
+                    wfrId: material.wfrId,
+                    image: extractImage(material.image),
+                    showChanges: false,
+                    vulnerabilities: [],
+                    buildTime: material.build_time || '',
+                    showSourceInfo: false,
+                    deployed: material.deployed || false,
+                    latest: material.latest || false,
+                    vulnerabilitiesLoading: true,
+                    scanned: material.scanned,
+                    scanEnabled: material.scanEnabled,
+                    vulnerable: material.vulnerable,
+                    runningOnParentCd: material.runningOnParentCd,
+                    artifactStatus: artifactStatusValue,
+                    userApprovalMetadata: material.userApprovalMetadata,
+                    triggeredBy: material.triggeredBy,
+                    isVirtualEnvironment: material.isVirtualEnvironment,
+                    imageComment: material.imageComment,
+                    imageReleaseTags: material.imageReleaseTags,
+                    materialInfo: material.material_info
+                        ? material.material_info.map(function (mat) {
+                            return {
+                                author: mat.author || '',
+                                message: mat.message || '',
+                                revision: mat.revision || '',
+                                tag: mat.tag || '',
+                                webhookData: mat.webhookData || '',
+                                url: mat.url || '',
+                                type: material.ciConfigureSourceType || '',
+                            };
+                        })
+                        : [],
+                };
+            });
+            return {
+                materials: materials
+            };
+        }
+    });
+};
+function extractImage(image) {
+    return image ? image.split(':').pop() : '';
 }
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.17-beta-3",
+    "version": "0.0.17-beta-5",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/Common.service.ts

@@ -1,7 +1,8 @@
+import moment from 'moment';
 import {get, post} from './Api';
 import { ROUTES } from './Constants'
 import { sortCallback } from './Helper';
-import { TeamList ,ResponseType } from './Types';
+import { TeamList ,ResponseType, DeploymentNodeType } from './Types';
 
 export const getTeamListMin = (): Promise<TeamList> => {
   // ignore active field
@@ -35,4 +36,76 @@ export function getUserRole(appName?: string): Promise<UserRole> {
 
 export function setImageTags(request, pipelineId: number, artifactId: number){
     return post(`${ROUTES.IMAGE_TAGGING}/${pipelineId}/${artifactId}`,request )
+}
+
+export const getCDMaterials = (
+    cdMaterialId,
+    stageType: DeploymentNodeType,
+    abortSignal: AbortSignal,
+    isApprovalNode?: boolean,
+    imageTag?: string): Promise<any> => {
+    const URL = (!imageTag) ? `app/cd-pipeline/${cdMaterialId}/material?stage=APPROVAL` : `app/cd-pipeline/${cdMaterialId}/material?stage=APPROVAL&search=${imageTag}`
+
+    return get(URL, {
+        signal: abortSignal,
+    }).then((response) => {
+        let artifacts = response.result.ci_artifacts ?? []
+        if (!response.result) {
+            return {
+                materials: [],
+            }
+        }
+        else {
+            const materials = artifacts.map((material, index) => {
+                let artifactStatusValue = ''
+                return {
+                    index,
+                    id: material.id,
+                    deployedTime: material.deployed_time
+                        ? moment(material.deployed_time).format('ddd, DD MMM YYYY, hh:mm A')
+                        : 'Not Deployed',
+                    deployedBy: material.deployedBy,
+                    wfrId: material.wfrId,
+                    image: extractImage(material.image),
+                    showChanges: false,
+                    vulnerabilities: [],
+                    buildTime: material.build_time || '',
+                    showSourceInfo: false,
+                    deployed: material.deployed || false,
+                    latest: material.latest || false,
+                    vulnerabilitiesLoading: true,
+                    scanned: material.scanned,
+                    scanEnabled: material.scanEnabled,
+                    vulnerable: material.vulnerable,
+                    runningOnParentCd: material.runningOnParentCd,
+                    artifactStatus: artifactStatusValue,
+                    userApprovalMetadata: material.userApprovalMetadata,
+                    triggeredBy: material.triggeredBy,
+                    isVirtualEnvironment: material.isVirtualEnvironment,
+                    imageComment: material.imageComment,
+                    imageReleaseTags: material.imageReleaseTags,
+                    materialInfo: material.material_info
+                        ? material.material_info.map((mat) => {
+                            return {
+                                author: mat.author || '',
+                                message: mat.message || '',
+                                revision: mat.revision || '',
+                                tag: mat.tag || '',
+                                webhookData: mat.webhookData || '',
+                                url: mat.url || '',
+                                type: material.ciConfigureSourceType || '',
+                            }
+                        })
+                        : [],
+                }
+            })
+            return {
+                materials: materials
+            }
+        }
+    })
+}
+
+export function extractImage(image: string): string {
+    return image ? image.split(':').pop() : ''
 }

package/src/Common/EmptyState/GenericEmptyState.tsx

@@ -19,7 +19,6 @@ function GenericEmptyState({
     SvgImage,
     noImage
 }: GenericEmptyStateType): JSX.Element {
-    console.log(image);
     
     return (
         <div

package/src/Common/Helper.tsx

@@ -6,9 +6,8 @@ import { toastAccessDenied } from './ToastBody'
 import { ERROR_EMPTY_SCREEN, TOKEN_COOKIE_NAME } from './Constants'
 import { ReactComponent as FormError } from '../Assets/Icon/ic-warning.svg'
 import moment from 'moment';
-import { DeploymentNodeType, UseSearchString } from './Types'
+import { UseSearchString } from './Types'
 import { useLocation } from 'react-router-dom'
-import { get } from './Api'
 
 toast.configure({
     autoClose: 3000,
@@ -369,74 +368,4 @@ export function useSearchString(): UseSearchString {
     return { queryParams, searchParams }
 }
 
-export const getCDMaterials = (
-    cdMaterialId,
-    stageType: DeploymentNodeType,
-    abortSignal: AbortSignal,
-    isApprovalNode?: boolean,
-    imageTag?: string): Promise<any> => {
-    const URL = (!imageTag) ? `app/cd-pipeline/${cdMaterialId}/material?stage=APPROVAL` : `app/cd-pipeline/${cdMaterialId}/material?stage=APPROVAL&search=${imageTag}`
-
-    return get(URL, {
-        signal: abortSignal,
-    }).then((response) => {
-        let artifacts = response.result.ci_artifacts ?? []
-        if (!response.result) {
-            return {
-                materials: [],
-            }
-        }
-        else {
-            const materials = artifacts.map((material, index) => {
-                let artifactStatusValue = ''
-                return {
-                    index,
-                    id: material.id,
-                    deployedTime: material.deployed_time
-                        ? moment(material.deployed_time).format('ddd, DD MMM YYYY, hh:mm A')
-                        : 'Not Deployed',
-                    deployedBy: material.deployedBy,
-                    wfrId: material.wfrId,
-                    image: extractImage(material.image),
-                    showChanges: false,
-                    vulnerabilities: [],
-                    buildTime: material.build_time || '',
-                    showSourceInfo: false,
-                    deployed: material.deployed || false,
-                    latest: material.latest || false,
-                    vulnerabilitiesLoading: true,
-                    scanned: material.scanned,
-                    scanEnabled: material.scanEnabled,
-                    vulnerable: material.vulnerable,
-                    runningOnParentCd: material.runningOnParentCd,
-                    artifactStatus: artifactStatusValue,
-                    userApprovalMetadata: material.userApprovalMetadata,
-                    triggeredBy: material.triggeredBy,
-                    isVirtualEnvironment: material.isVirtualEnvironment,
-                    imageComment: material.imageComment,
-                    imageReleaseTags: material.imageReleaseTags,
-                    materialInfo: material.material_info
-                        ? material.material_info.map((mat) => {
-                            return {
-                                author: mat.author || '',
-                                message: mat.message || '',
-                                revision: mat.revision || '',
-                                tag: mat.tag || '',
-                                webhookData: mat.webhookData || '',
-                                url: mat.url || '',
-                                type: material.ciConfigureSourceType || '',
-                            }
-                        })
-                        : [],
-                }
-            })
-            return {
-                materials: materials
-            }
-        }
-    })
-}
 
-export function extractImage(image: string): string {
-    return image ? image.split(':').pop() : ''
-}