@devtron-labs/devtron-fe-common-lib 0.0.9-beta-6 → 0.0.9-beta-8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.9-beta-6",
+    "version": "0.0.9-beta-8",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {
@@ -33,6 +33,7 @@
         "@svgr/rollup": "6.5.1",
         "@rollup/plugin-url": "8.0.1",
         "@rollup/plugin-commonjs": "24.0.1",
+        "moment": "^2.29.4",
         "typescript": "^4.9.4",
         "react-toastify": "^8.2.0",
         "@tippyjs/react": "^4.2.0",

package/src/Common/Helper.tsx

@@ -5,6 +5,7 @@ import * as Sentry from '@sentry/browser'
 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';
 
 toast.configure({
     autoClose: 3000,
@@ -331,3 +332,17 @@ export function CustomInput({
         </div>
     )
 }
+
+export function handleUTCTime(ts: string, isRelativeTime = false) {
+  let timestamp = "";
+  try {
+      if (ts && ts.length) {
+          let date = moment(ts);
+          if (isRelativeTime) timestamp = date.fromNow();
+          else timestamp = date.format("ddd DD MMM YYYY HH:mm:ss");
+      }
+  } catch (error) {
+      console.error("Error Parsing Date:", ts);
+  }
+  return timestamp;
+}

package/src/Common/Policy.Types.ts

@@ -0,0 +1,51 @@
+import { VariableType } from "./CIPipeline.Types"
+
+export enum ApplyPolicyToStage {
+  PRE_CI = 'PRE_CI',
+  POST_CI = 'POST_CI',
+  PRE_OR_POST_CI = 'PRE_OR_POST_CI',
+}
+
+export enum PluginRequiredStage {
+  PRE_CI = 'preBuildStage',
+  POST_CI = 'postBuildStage',
+  PRE_OR_POST_CI = 'PRE_OR_POST_CI',
+}
+
+export interface DefinitionSourceType {
+  projectName: string
+  isDueToProductionEnvironment: boolean
+  isDueToLinkedPipeline: boolean
+  policyName: string
+  appName?: string
+  clusterName?: string
+  environmentName?: string
+  branchNames?: string[]
+  ciPipelineName?: string
+}
+export interface MandatoryPluginDetailType {
+  id: number
+  name: string
+  description?: string
+  requiredIn: PluginRequiredStage
+  applied?: boolean
+  inputVariables?: VariableType[]
+  outputVariables?: VariableType[]
+  definitionSources?: DefinitionSourceType[]
+}
+export interface MandatoryPluginDataType {
+  pluginData: MandatoryPluginDetailType[]
+  isValidPre: boolean
+  isValidPost: boolean
+}
+
+export enum ConsequenceAction {
+  BLOCK = 'BLOCK',
+  ALLOW_UNTIL_TIME = 'ALLOW_UNTIL_TIME',
+  ALLOW_FOREVER = 'ALLOW_FOREVER',
+}
+
+export interface ConsequenceType {
+  action: ConsequenceAction
+  metadataField: string
+}

package/src/Common/TippyCustomized.tsx

@@ -2,6 +2,7 @@ import React, { useRef, useState } from 'react'
 import Tippy from '@tippyjs/react'
 import { ReactComponent as CloseIcon } from '../Assets/Icon/ic-cross.svg'
 import { ReactComponent as QuestionFilled } from '../Assets/Icon/ic-help.svg'
+import { ReactComponent as Question } from '../Assets/Icon/ic-help-outline.svg'
 import 'tippy.js/animations/shift-toward-subtle.css'
 import { TippyCustomizedProps, TippyTheme } from './Types'
 import { not } from './Helper'
@@ -82,7 +83,7 @@ export function TippyCustomized(props: TippyCustomizedProps) {
                     {heading && <span className={`fs-14 fw-6 lh-20 ${showCloseButton ? 'mr-6' : ''}`}>{heading}</span>}
                     {headingInfo && (
                         <div className="icon-dim-20 cursor" onClick={toggleHeadingInfo}>
-                            <QuestionFilled className="icon-dim-20" />
+                            <Question className="icon-dim-20" />
                         </div>
                     )}
                     {showCloseButton && (

package/src/Common/Types.ts

@@ -1,6 +1,5 @@
 import { ReactNode, CSSProperties } from 'react'
 import { Placement } from 'tippy.js'
-import { VariableType } from './CIPipeline.Types'
 export interface ResponseType {
     code: number
     status: string
@@ -326,43 +325,4 @@ export interface CDMaterialResponseType {
     materials: any[]
     userApprovalConfig: UserApprovalConfigType
     requestedUserId: number
-}
-
-export enum ApplyPolicyToStage {
-    PRE_CI = 'PRE_CI',
-    POST_CI = 'POST_CI',
-    PRE_OR_POST_CI = 'PRE_OR_POST_CI',
-}
-
-export enum PluginRequiredStage {
-    PRE_CI = 'preBuildStage',
-    POST_CI = 'postBuildStage',
-    PRE_OR_POST_CI = 'PRE_OR_POST_CI',
-}
-
-export interface DefinitionSourceType {
-    projectName: string
-    isDueToProductionEnvironment: boolean
-    isDueToLinkedPipeline: boolean
-    policyName: string
-    appName?: string
-    clusterName?: string
-    environmentName?: string
-    branchName?: string
-    ciPipelineName?: string
-}
-export interface MandatoryPluginDetailType {
-    id: number
-    name: string
-    description?: string
-    requiredIn: PluginRequiredStage
-    applied?: boolean
-    inputVariables?: VariableType[]
-    outputVariables?: VariableType[]
-    definitionSources?: DefinitionSourceType[]
-}
-export interface MandatoryPluginDataType {
-    pluginData: MandatoryPluginDetailType[]
-    isValidPre: boolean
-    isValidPost: boolean
-}
+}

package/src/Common/index.ts

@@ -30,4 +30,5 @@ 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'
 export { default as DeleteComponent } from './DeleteComponentModal/DeleteComponent'