Merge branch 'feat/release' of https://github.com/devtron-labs/devtron-fe-common-lib into feat/button-with-selector

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.79-beta-4",
+    "version": "0.0.79-beta-8",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -62,12 +62,12 @@ export function setImageTags(request, pipelineId: number, artifactId: number) {
     return post(`${ROUTES.IMAGE_TAGGING}/${pipelineId}/${artifactId}`, request)
 }
 
-const cdMaterialListModal = (artifacts: any[], offset: number, artifactId?: number, artifactStatus?: string) => {
+const cdMaterialListModal = (artifacts: any[], offset: number, artifactId?: number, artifactStatus?: string, disableDefaultSelection?: boolean) => {
     if (!artifacts || !artifacts.length) return []
 
     const markFirstSelected = offset === 0
     const startIndex = offset
-    let isImageMarked = false
+    let isImageMarked = disableDefaultSelection
 
     const materials = artifacts.map((material, index) => {
         let artifactStatusValue = ''
@@ -178,8 +178,8 @@ const processCDMaterialsMetaInfo = (cdMaterialsResult): CDMaterialsMetaInfo => {
     }
 
     return {
-        appReleaseTagNames: cdMaterialsResult.appReleaseTagNames,
-        tagsEditable: cdMaterialsResult.tagsEditable,
+        appReleaseTagNames: cdMaterialsResult.appReleaseTagNames ?? [],
+        tagsEditable: cdMaterialsResult.tagsEditable ?? false,
         hideImageTaggingHardDelete: cdMaterialsResult.hideImageTaggingHardDelete,
         resourceFilters: cdMaterialsResult.resourceFilters ?? [],
         totalCount: cdMaterialsResult.totalCount ?? 0,
@@ -201,11 +201,12 @@ const processImagePromotionInfo = (cdMaterialsResult): ImagePromotionMaterialInf
     }
 }
 
-const processCDMaterialServiceResponse = (
+export const processCDMaterialServiceResponse = (
     cdMaterialsResult,
     stage: DeploymentNodeType,
     offset: number,
     filter: CDMaterialFilterQuery,
+    disableDefaultSelection?: boolean,
 ): CDMaterialResponseType => {
     if (!cdMaterialsResult) {
         return {
@@ -221,6 +222,7 @@ const processCDMaterialServiceResponse = (
         offset ?? 0,
         cdMaterialsResult.latest_wf_artifact_id,
         cdMaterialsResult.latest_wf_artifact_status,
+        disableDefaultSelection,
     )
     const approvalInfo = processCDMaterialsApprovalInfo(
         stage === DeploymentNodeType.CD || stage === DeploymentNodeType.APPROVAL,
@@ -251,7 +253,7 @@ const getSanitizedQueryParams = (queryParams: CDMaterialServiceQueryParams): CDM
 export const genericCDMaterialsService = (
     serviceType: CDMaterialServiceEnum,
     /**
-     * In case of hotfix would be sending it as null
+     * In case of multiple candidates are there like promotion, would be sending it as null
      */
     cdMaterialID: number,
     /**
@@ -274,7 +276,6 @@ export const genericCDMaterialsService = (
             // Directly sending queryParams since do not need to get queryParams sanitized in case of image promotion
             URL = getUrlWithSearchParams(ROUTES.APP_ARTIFACT_PROMOTE_MATERIAL, queryParams)
             break
-
         // Meant for handling getCDMaterialList
         default:
             URL = getUrlWithSearchParams(`${ROUTES.CD_MATERIAL_GET}/${cdMaterialID}/material`, {
@@ -325,3 +326,8 @@ export function fetchChartTemplateVersions() {
 export const getDefaultConfig = (): Promise<ResponseType> => {
     return get(`${ROUTES.NOTIFIER}/channel/config`)
 }
+
+export function getWebhookEventsForEventId(eventId: string | number) {
+    const URL = `${ROUTES.GIT_HOST_EVENT}/${eventId}`
+    return get(URL)
+}

src/Assets/Icon/ic-pull-request.svg

@@ -49,6 +49,7 @@ export const ROUTES = {
     UPDATE: 'update',
     CLUSTER_NOTE: 'cluster/note',
     APPLICATION_NOTE: 'app/note',
+    GIT_HOST_EVENT: 'git/host/event',
 }
 
 export enum KEY_VALUE {

src/Assets/Icon/ic-tag.svg

@@ -1,5 +1,8 @@
 import { MaterialInfo } from '../Common'
-import { GitTriggers } from './types'
+import { GitTriggers, WebhookEventNameType } from './types'
+import { ReactComponent as ICPullRequest } from '../Assets/Icon/ic-pull-request.svg'
+import { ReactComponent as ICTag } from '../Assets/Icon/ic-tag.svg'
+import { ReactComponent as ICWebhook } from '../Assets/Icon/ic-webhook.svg'
 
 interface HighlightSearchTextProps {
     /**
@@ -69,3 +72,14 @@ export const getGitCommitInfo = (materialInfo: MaterialInfo): GitTriggers => ({
 
 export const caseInsensitiveStringComparator = (a: string, b: string): number =>
     a.toLowerCase().localeCompare(b.toLowerCase())
+
+export const getWebhookEventIcon = (eventName: WebhookEventNameType) => {
+    switch (eventName) {
+        case WebhookEventNameType.PULL_REQUEST:
+            return <ICPullRequest className="icon-dim-12" />
+        case WebhookEventNameType.TAG_CREATION:
+            return <ICTag className="icon-dim-12" />
+        default:
+            return <ICWebhook className="icon-dim-12" />
+    }
+}

src/Assets/Icon/ic-webhook.svg

@@ -0,0 +1,20 @@
+import { createContext, useContext, useMemo } from 'react'
+import { ImageSelectionUtilityContextType, ImageSelectionUtilityProviderProps } from './types'
+
+export const ImageSelectionUtilityContext = createContext<ImageSelectionUtilityContextType>(null)
+export const useImageSelectionUtilityContext = () => {
+    const context = useContext<ImageSelectionUtilityContextType>(ImageSelectionUtilityContext)
+    if (!context) {
+        throw new Error('useImageSelectionUtilityContext must be used within ImageSelectionUtilityProvider')
+    }
+
+    return context
+}
+
+export const ImageSelectionUtilityProvider = ({ children, value }: ImageSelectionUtilityProviderProps) => {
+    const memoizedValue = useMemo(() => value, [value])
+
+    return (
+        <ImageSelectionUtilityContext.Provider value={memoizedValue}>{children}</ImageSelectionUtilityContext.Provider>
+    )
+}

src/Common/Common.service.ts

@@ -0,0 +1 @@
+export * from './ImageSelectionUtility'