@devtron-labs/devtron-fe-common-lib 0.0.9-beta-2 → 0.0.9-beta-4

package/dist/Common/CIPipeline.Types.d.ts

@@ -218,6 +218,7 @@ export interface FormType {
     postBuildStage?: BuildStageType;
     isDockerConfigOverridden?: boolean;
     dockerConfigOverride?: DockerConfigOverrideType;
+    isOffendingMandatoryPlugin?: boolean;
 }
 export interface ErrorObj {
     isValid: boolean;

package/dist/Common/Types.d.ts

@@ -47,7 +47,8 @@ export interface TippyCustomizedProps {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
-    headingInfo?: string;
+    headingInfo?: ReactNode | string;
+    noHeadingBorder?: boolean;
     infoTextHeading?: string;
     placement: Placement;
     className?: string;
@@ -242,7 +243,7 @@ export interface CommonNodeAttr {
 }
 export interface VulnerabilityType {
     name: string;
-    severity: "CRITICAL" | "MODERATE" | "LOW";
+    severity: 'CRITICAL' | 'MODERATE' | 'LOW';
     package: string;
     version: string;
     fixedVersion: string;
@@ -293,7 +294,7 @@ export interface CDMaterialResponseType {
     userApprovalConfig: UserApprovalConfigType;
     requestedUserId: number;
 }
-export declare enum PluginRequiredStageKeys {
+export declare enum ApplyPolicyToStage {
     PRE_CI = "PRE_CI",
     POST_CI = "POST_CI",
     PRE_OR_POST_CI = "PRE_OR_POST_CI"
@@ -303,6 +304,17 @@ export declare enum PluginRequiredStage {
     POST_CI = "postBuildStage",
     PRE_OR_POST_CI = "PRE_OR_POST_CI"
 }
+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;
@@ -311,6 +323,7 @@ export interface MandatoryPluginDetailType {
     applied?: boolean;
     inputVariables?: VariableType[];
     outputVariables?: VariableType[];
+    definitionSources?: DefinitionSourceType[];
 }
 export interface MandatoryPluginDataType {
     pluginData: MandatoryPluginDetailType[];

package/dist/index.js

@@ -254,12 +254,12 @@ exports.DeploymentNodeType = void 0;
     DeploymentNodeType["POSTCD"] = "POSTCD";
     DeploymentNodeType["APPROVAL"] = "APPROVAL";
 })(exports.DeploymentNodeType || (exports.DeploymentNodeType = {}));
-exports.PluginRequiredStageKeys = void 0;
-(function (PluginRequiredStageKeys) {
-    PluginRequiredStageKeys["PRE_CI"] = "PRE_CI";
-    PluginRequiredStageKeys["POST_CI"] = "POST_CI";
-    PluginRequiredStageKeys["PRE_OR_POST_CI"] = "PRE_OR_POST_CI";
-})(exports.PluginRequiredStageKeys || (exports.PluginRequiredStageKeys = {}));
+exports.ApplyPolicyToStage = void 0;
+(function (ApplyPolicyToStage) {
+    ApplyPolicyToStage["PRE_CI"] = "PRE_CI";
+    ApplyPolicyToStage["POST_CI"] = "POST_CI";
+    ApplyPolicyToStage["PRE_OR_POST_CI"] = "PRE_OR_POST_CI";
+})(exports.ApplyPolicyToStage || (exports.ApplyPolicyToStage = {}));
 exports.PluginRequiredStage = void 0;
 (function (PluginRequiredStage) {
     PluginRequiredStage["PRE_CI"] = "preBuildStage";
@@ -8692,7 +8692,9 @@ function TippyCustomized(props) {
     };
     var getTippyContent = function () {
         var Icon = props.Icon, iconPath = props.iconPath, iconClass = props.iconClass, iconSize = props.iconSize, onImageLoadError = props.onImageLoadError, heading = props.heading, headingInfo = props.headingInfo, infoTextHeading = props.infoTextHeading, infoText = props.infoText, showCloseButton = props.showCloseButton, additionalContent = props.additionalContent, documentationLink = props.documentationLink, documentationLinkText = props.documentationLinkText;
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "dc__word-break dc__hyphens-auto flex left ".concat(isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0 top') }, { children: [iconPath ? (jsxRuntime.jsx("img", { className: "icon-dim-".concat(iconSize || 20, " mr-6 ").concat(iconClass || ''), src: iconPath, alt: "Heading", onError: onImageLoadError })) : (Icon && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize || 20, " mr-6") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize || 20, " ").concat(iconClass || '') }) })))), heading && jsxRuntime.jsx("span", __assign({ className: "fs-14 fw-6 lh-20 ".concat(showCloseButton ? 'mr-6' : '') }, { children: heading })), headingInfo && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 cursor", onClick: toggleHeadingInfo }, { children: jsxRuntime.jsx(SvgIcHelp, { className: "icon-dim-20" }) }))), showCloseButton && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 ml-auto" }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-16 cursor ".concat(isWhiteTheme ? 'fcn-9' : 'fcn-0'), onClick: closeTippy }) })))] })), showHeadingInfo && (jsxRuntime.jsxs("div", __assign({ className: "flex left bcv-1 fs-13 fw-4 lh-20 pt-8 pb-8 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: [jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 mr-8" }, { children: jsxRuntime.jsx(SvgIcHelp, { className: "icon-dim-20 fcv-5" }) })), jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto" }, { children: headingInfo }))] }))), infoTextHeading && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: infoTextHeading }))), infoText && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ".concat(isWhiteTheme
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "dc__word-break dc__hyphens-auto flex left ".concat(isWhiteTheme
+                        ? "p-12 cn-9 ".concat(props.noHeadingBorder ? '' : 'dc__border-bottom-n1')
+                        : 'pt-20 pb-12 pr-20 pl-20 cn-0 top') }, { children: [iconPath ? (jsxRuntime.jsx("img", { className: "icon-dim-".concat(iconSize || 20, " mr-6 ").concat(iconClass || ''), src: iconPath, alt: "Heading", onError: onImageLoadError })) : (Icon && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-".concat(iconSize || 20, " mr-6") }, { children: jsxRuntime.jsx(Icon, { className: "icon-dim-".concat(iconSize || 20, " ").concat(iconClass || '') }) })))), heading && jsxRuntime.jsx("span", __assign({ className: "fs-14 fw-6 lh-20 ".concat(showCloseButton ? 'mr-6' : '') }, { children: heading })), headingInfo && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 cursor", onClick: toggleHeadingInfo }, { children: jsxRuntime.jsx(SvgIcHelp, { className: "icon-dim-20" }) }))), showCloseButton && (jsxRuntime.jsx("div", __assign({ className: "icon-dim-16 ml-auto" }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-16 cursor ".concat(isWhiteTheme ? 'fcn-9' : 'fcn-0'), onClick: closeTippy }) })))] })), showHeadingInfo && (jsxRuntime.jsxs("div", __assign({ className: "flex left top bcv-1 fs-13 fw-4 lh-20 pt-8 pb-8 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: [jsxRuntime.jsx("div", __assign({ className: "icon-dim-20 mr-8" }, { children: jsxRuntime.jsx(SvgIcHelp, { className: "icon-dim-20 fcv-5" }) })), jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto" }, { children: headingInfo }))] }))), infoTextHeading && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-14 fw-6 lh-20 ".concat(isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20') }, { children: infoTextHeading }))), infoText && (jsxRuntime.jsx("div", __assign({ className: "dc__word-break dc__hyphens-auto fs-13 fw-4 lh-20 ".concat(isWhiteTheme
                         ? 'p-12'
                         : "pl-20 pr-20 pt-4 ".concat(additionalContent && documentationLink ? 'pb-12' : 'pb-20')) }, { children: infoText }))), additionalContent, documentationLink && (jsxRuntime.jsx("div", __assign({ className: "pl-12 pb-12" }, { children: jsxRuntime.jsx("a", __assign({ href: documentationLink, target: "_blank", rel: "noreferrer noopener", className: "fs-13 cb-5", onClick: closeTippy }, { children: documentationLinkText || 'Learn more' })) })))] }));
     };

package/package.json

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

package/src/Common/CIPipeline.Types.ts

@@ -235,6 +235,7 @@ export interface FormType {
     postBuildStage?: BuildStageType
     isDockerConfigOverridden?: boolean
     dockerConfigOverride?: DockerConfigOverrideType
+    isOffendingMandatoryPlugin?: boolean
 }
 
 export interface ErrorObj {
@@ -265,12 +266,12 @@ export interface FormErrorObjectType {
 }
 
 export interface PluginDetailType {
-  id: number
-  name: string
-  type: string
-  description: string
-  icon: string
-  tags: string[]
-  inputVariables?: VariableType[]
-  outputVariables?: VariableType[]
+    id: number
+    name: string
+    type: string
+    description: string
+    icon: string
+    tags: string[]
+    inputVariables?: VariableType[]
+    outputVariables?: VariableType[]
 }

package/src/Common/TippyCustomized.tsx

@@ -60,7 +60,9 @@ export function TippyCustomized(props: TippyCustomizedProps) {
             <>
                 <div
                     className={`dc__word-break dc__hyphens-auto flex left ${
-                        isWhiteTheme ? 'p-12 dc__border-bottom-n1 cn-9' : 'pt-20 pb-12 pr-20 pl-20 cn-0 top'
+                        isWhiteTheme
+                            ? `p-12 cn-9 ${props.noHeadingBorder ? '' : 'dc__border-bottom-n1'}`
+                            : 'pt-20 pb-12 pr-20 pl-20 cn-0 top'
                     }`}
                 >
                     {iconPath ? (
@@ -94,7 +96,7 @@ export function TippyCustomized(props: TippyCustomizedProps) {
                 </div>
                 {showHeadingInfo && (
                     <div
-                        className={`flex left bcv-1 fs-13 fw-4 lh-20 pt-8 pb-8 ${
+                        className={`flex left top bcv-1 fs-13 fw-4 lh-20 pt-8 pb-8 ${
                             isWhiteTheme ? 'pl-12 pr-12' : 'pl-20 pr-20'
                         }`}
                     >

package/src/Common/Types.ts

@@ -53,7 +53,8 @@ export interface TippyCustomizedProps {
     theme: TippyTheme
     visible?: boolean
     heading?: ReactNode | string
-    headingInfo?: string
+    headingInfo?: ReactNode | string
+    noHeadingBorder?: boolean
     infoTextHeading?: string
     placement: Placement
     className?: string
@@ -188,7 +189,7 @@ export enum DeploymentNodeType {
     PRECD = 'PRECD',
     CD = 'CD',
     POSTCD = 'POSTCD',
-    APPROVAL = 'APPROVAL'
+    APPROVAL = 'APPROVAL',
 }
 
 export interface UserApprovalConfigType {
@@ -264,19 +265,18 @@ export interface CommonNodeAttr {
     isVirtualEnvironment?: boolean
 }
 
-
 export interface VulnerabilityType {
-    name: string;
-    severity: "CRITICAL" | "MODERATE" | "LOW";
-    package: string;
-    version: string;
-    fixedVersion: string;
-    policy: string;
-    url?: string;
+    name: string
+    severity: 'CRITICAL' | 'MODERATE' | 'LOW'
+    package: string
+    version: string
+    fixedVersion: string
+    policy: string
+    url?: string
 }
 
 export interface ScanVulnerabilitiesTableProps {
-    vulnerabilities: VulnerabilityType[];
+    vulnerabilities: VulnerabilityType[]
 }
 
 export interface MaterialInfo {
@@ -323,28 +323,41 @@ export interface CDMaterialResponseType {
     requestedUserId: number
 }
 
-export enum PluginRequiredStageKeys {
-  PRE_CI = 'PRE_CI',
-  POST_CI = 'POST_CI',
-  PRE_OR_POST_CI = 'PRE_OR_POST_CI'
+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'
+    PRE_CI = 'preBuildStage',
+    POST_CI = 'postBuildStage',
+    PRE_OR_POST_CI = 'PRE_OR_POST_CI',
+}
+
+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[]
+    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
-}
+}