@devtron-labs/devtron-fe-common-lib 0.0.48-beta-4 → 0.0.48-beta-6

package/dist/Common/AddCDButton/AddCDButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AddCDButtonProps } from './types';
+export default function AddCDButton({ position, addCDButtons, endNode, startNode, handleAddCD, tooltipContent, }: Readonly<AddCDButtonProps>): JSX.Element;

package/dist/Common/AddCDButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AddCDButton } from './AddCDButton';
+export { handleAddCD } from './utils';

package/dist/Common/AddCDButton/types.d.ts

@@ -0,0 +1,26 @@
+import { AddCDPositions, AddPipelineType, EdgeEndNodeType, EdgeNodeType, Point } from '../Types';
+export interface AddCDButtonProps {
+    position: AddCDPositions;
+    addCDButtons: AddCDPositions[];
+    endNode: Point & EdgeEndNodeType;
+    startNode: Point & EdgeNodeType;
+    handleAddCD: (position: AddCDPositions) => void;
+    tooltipContent?: string;
+}
+export interface HandleAddCD {
+    position: AddCDPositions;
+    handleCDSelect: (workflowId: number | string, ciPipelineId: number | string, parentPipelineType: string, parentPipelineId: number | string, isWebhookCD?: boolean, childPipelineId?: number | string, addType?: AddPipelineType) => void;
+    startNode: EdgeNodeType;
+    endNode: EdgeEndNodeType;
+    workflowId: number | string;
+    ciPipelineId: number | string;
+    isWebhookCD: boolean;
+    isParallelEdge: boolean;
+}
+export interface GetPipelineType {
+    isWebhookCD: boolean;
+    startNode: EdgeNodeType;
+}
+export interface TooltipContentProps {
+    tooltipContent?: string;
+}

package/dist/Common/AddCDButton/utils.d.ts

@@ -0,0 +1,2 @@
+import { HandleAddCD } from './types';
+export declare const handleAddCD: ({ position, handleCDSelect, startNode, endNode, workflowId, ciPipelineId, isWebhookCD, isParallelEdge, }: HandleAddCD) => void;

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

@@ -10,6 +10,7 @@ export interface DeleteDialogProps {
     dataTestId?: string;
     buttonPrimaryText?: string;
     shouldStopPropagation?: boolean;
+    disabled?: boolean;
 }
 export interface ForceDeleteDialogType {
     onClickDelete: () => void;

package/dist/Common/Types.d.ts

@@ -261,6 +261,10 @@ export interface CDMaterialServiceQueryParams {
     resource?: CDMaterialResourceQuery;
     filter?: CDMaterialFilterQuery;
 }
+export interface DownstreamNodesEnvironmentsType {
+    environmentId: number;
+    environmentName: string;
+}
 export interface CommonNodeAttr {
     connectingCiPipelineId?: number;
     parents: string | number[] | string[];
@@ -322,6 +326,9 @@ export interface CommonNodeAttr {
     };
     appReleaseTagNames?: string[];
     tagsEditable?: boolean;
+    deploymentAppCreated?: boolean;
+    isLast?: boolean;
+    downstreamEnvironments?: DownstreamNodesEnvironmentsType[];
 }
 export declare enum DeploymentAppTypes {
     HELM = "helm",
@@ -563,15 +570,6 @@ export interface CiPipeline {
     isOffendingMandatoryPlugin?: boolean;
     pipelineType?: string;
 }
-export interface DeploymentChartVersionType {
-    chartRefId: number;
-    chartVersion: string;
-    chartType: string;
-    type: number;
-}
-export interface ChartVersionAndTypeSelectorProps {
-    setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>;
-}
 export interface InformationBarProps {
     text: string;
     className?: string;
@@ -586,7 +584,7 @@ export interface CodeEditorInterface {
     onFocus?: () => void;
     children?: any;
     defaultValue?: string;
-    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile' | 'plaintext';
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile';
     tabSize?: number;
     readOnly?: boolean;
     noParsing?: boolean;
@@ -627,4 +625,53 @@ export interface CodeEditorHeaderInterface {
     className?: string;
     hideDefaultSplitHeader?: boolean;
 }
+export interface DeploymentChartVersionType {
+    chartRefId: number;
+    chartVersion: string;
+    chartType: string;
+    type: number;
+}
+export interface ChartVersionAndTypeSelectorProps {
+    setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>;
+}
+export declare enum PipelineType {
+    CI_PIPELINE = "CI_PIPELINE",
+    CD_PIPELINE = "CD_PIPELINE",
+    WEBHOOK = "WEBHOOK",
+    LINKED_CD = "LINKED_CD"
+}
+export declare enum WorkflowNodeType {
+    GIT = "GIT",
+    CI = "CI",
+    WEBHOOK = "WEBHOOK",
+    PRE_CD = "PRECD",
+    CD = "CD",
+    POST_CD = "POSTCD"
+}
+export declare enum AddCDPositions {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export interface SelectedNode {
+    nodeType: WorkflowNodeType;
+    id: string;
+}
+export declare enum AddPipelineType {
+    SEQUENTIAL = "SEQUENTIAL",
+    PARALLEL = "PARALLEL"
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface EdgeNodeType {
+    height: number;
+    width: number;
+    userApprovalConfig?: UserApprovalConfigType;
+    type?: any;
+    id?: number | string;
+}
+export interface EdgeEndNodeType extends EdgeNodeType {
+    userApprovalConfig?: UserApprovalConfigType;
+}
 export {};

package/dist/Common/index.d.ts

@@ -43,4 +43,5 @@ export { AppStatus } from './AppStatus';
 export * from './RJSF';
 export * from './DevtronProgressing';
 export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector';
+export * from './AddCDButton';
 export * from './CustomInput';

package/dist/index.js

@@ -465,7 +465,33 @@ exports.FilterConditionType = void 0;
 (function (FilterConditionType) {
     FilterConditionType[FilterConditionType["PASS"] = 1] = "PASS";
     FilterConditionType[FilterConditionType["FAIL"] = 0] = "FAIL";
-})(exports.FilterConditionType || (exports.FilterConditionType = {}));
+})(exports.FilterConditionType || (exports.FilterConditionType = {}));
+exports.PipelineType = void 0;
+(function (PipelineType) {
+    PipelineType["CI_PIPELINE"] = "CI_PIPELINE";
+    PipelineType["CD_PIPELINE"] = "CD_PIPELINE";
+    PipelineType["WEBHOOK"] = "WEBHOOK";
+    PipelineType["LINKED_CD"] = "LINKED_CD";
+})(exports.PipelineType || (exports.PipelineType = {}));
+exports.WorkflowNodeType = void 0;
+(function (WorkflowNodeType) {
+    WorkflowNodeType["GIT"] = "GIT";
+    WorkflowNodeType["CI"] = "CI";
+    WorkflowNodeType["WEBHOOK"] = "WEBHOOK";
+    WorkflowNodeType["PRE_CD"] = "PRECD";
+    WorkflowNodeType["CD"] = "CD";
+    WorkflowNodeType["POST_CD"] = "POSTCD";
+})(exports.WorkflowNodeType || (exports.WorkflowNodeType = {}));
+exports.AddCDPositions = void 0;
+(function (AddCDPositions) {
+    AddCDPositions["LEFT"] = "left";
+    AddCDPositions["RIGHT"] = "right";
+})(exports.AddCDPositions || (exports.AddCDPositions = {}));
+exports.AddPipelineType = void 0;
+(function (AddPipelineType) {
+    AddPipelineType["SEQUENTIAL"] = "SEQUENTIAL";
+    AddPipelineType["PARALLEL"] = "PARALLEL";
+})(exports.AddPipelineType || (exports.AddPipelineType = {}));
 
 var responseMessages = {
     100: 'Continue',
@@ -16673,7 +16699,7 @@ var DeleteDialog = function (props) {
         }
         props.closeDelete();
     };
-    return (jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: warn }), jsxRuntime.jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxRuntime.jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsxs("div", __assign({ className: "flex right" }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: handleModalClose, disabled: props.apiCallInProgress, "data-testid": "dialog-cancel" }, { children: "Cancel" })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: handleDelete, disabled: props.apiCallInProgress, "data-testid": "dialog-delete" }, { children: props.apiCallInProgress ? (jsxRuntime.jsx(Progressing, {})) : ("".concat(props.deletePrefix || '').concat(props.buttonPrimaryText ? props.buttonPrimaryText : 'Delete').concat(props.deletePostfix || '')) }))] })) })] })));
+    return (jsxRuntime.jsxs(ConfirmationDialog, __assign({ className: "confirmation-dialog__body--w-400" }, { children: [jsxRuntime.jsx(ConfirmationDialog.Icon, { src: warn }), jsxRuntime.jsx(ConfirmationDialog.Body, __assign({ title: props.title }, { children: jsxRuntime.jsxs("div", __assign({ className: "fs-13 cn-7 lh-1-54 w-100" }, { children: [props.description ? props.description : null, props.children] })) })), jsxRuntime.jsx(ConfirmationDialog.ButtonGroup, { children: jsxRuntime.jsxs("div", __assign({ className: "flex right" }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel cta-cd-delete-modal ml-16", onClick: handleModalClose, disabled: props.apiCallInProgress, "data-testid": "dialog-cancel" }, { children: "Cancel" })), jsxRuntime.jsx("button", __assign({ type: "button", className: "cta delete cta-cd-delete-modal ml-16", onClick: handleDelete, disabled: props.apiCallInProgress || props.disabled, "data-testid": "dialog-delete" }, { children: props.apiCallInProgress ? (jsxRuntime.jsx(Progressing, {})) : ("".concat(props.deletePrefix || '').concat(props.buttonPrimaryText ? props.buttonPrimaryText : 'Delete').concat(props.deletePostfix || '')) }))] })) })] })));
 };
 function DeleteDialogDescription(props) {
     return jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
@@ -28250,6 +28276,48 @@ var ChartVersionAndTypeSelector = function (_a) {
     return (jsxRuntime.jsxs("div", __assign({ className: "flex" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "chart-type-options flex", "data-testid": "chart-type-options" }, { children: [jsxRuntime.jsx("span", __assign({ className: "chart-type-options-label mr-4" }, { children: "Chart Type" })), jsxRuntime.jsx(ReactSelect, { value: selectedChartType !== null && selectedChartType !== void 0 ? selectedChartType : chartTypeOptions[0], options: chartTypeOptions, onChange: handleChartTypeChange, styles: customStyles })] })), jsxRuntime.jsxs("div", __assign({ className: "chart-version-options flex", "data-testid": "chart-version-options" }, { children: [jsxRuntime.jsx("span", __assign({ className: "chart-version-options-label mr-4" }, { children: "Chart Version" })), jsxRuntime.jsx(ReactSelect, { value: selectedChartVersion !== null && selectedChartVersion !== void 0 ? selectedChartVersion : chartVersionOptions[0], options: chartVersionOptions, onChange: handleChartVersionChange, styles: customStyles })] }))] })));
 };
 
+function TooltipContent(_a) {
+    var tooltipContent = _a.tooltipContent;
+    if (tooltipContent) {
+        return (jsxRuntime.jsxs("div", __assign({ className: "dc__white-space-pre-wrap" }, { children: [jsxRuntime.jsx("p", __assign({ className: "m-0 cn-0 fs-12 fw-6 lh-18" }, { children: "Click to add" })), tooltipContent] })));
+    }
+    return jsxRuntime.jsx("div", __assign({ className: "dc__white-space-pre-wrap" }, { children: "Click to add here" }));
+}
+function AddCDButton(_a) {
+    var position = _a.position, addCDButtons = _a.addCDButtons, endNode = _a.endNode, startNode = _a.startNode, handleAddCD = _a.handleAddCD, tooltipContent = _a.tooltipContent;
+    var referenceNode = position === exports.AddCDPositions.RIGHT ? endNode : startNode;
+    var handleAddCDClick = function () {
+        handleAddCD(position);
+    };
+    if (addCDButtons === null || addCDButtons === void 0 ? void 0 : addCDButtons.includes(position)) {
+        return (jsxRuntime.jsx(Tippy, __assign({ placement: "top", content: jsxRuntime.jsx(TooltipContent, { tooltipContent: tooltipContent }), className: "default-tt", arrow: false }, { children: jsxRuntime.jsxs("svg", __assign({ x: referenceNode.x + (position === exports.AddCDPositions.RIGHT ? -20 - 5 : referenceNode.width + 5), 
+                // Here 10 is the height of the button / 2
+                y: referenceNode.y + referenceNode.height / 2 - 10, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "add-cd-to-".concat(position), onClick: handleAddCDClick, className: "dc__outline-none-imp" }, { children: [jsxRuntime.jsx("rect", { width: "20", height: "20", rx: "10", fill: "#664BEE", className: "add-cd-edge-btn" }), jsxRuntime.jsx("path", { d: "M6.5 10H13.5M10 6.5V13.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
+    }
+    return null;
+}
+
+var getPipelineType = function (_a) {
+    var isWebhookCD = _a.isWebhookCD, startNode = _a.startNode;
+    if (isWebhookCD) {
+        return exports.PipelineType.WEBHOOK;
+    }
+    if (startNode.type === exports.WorkflowNodeType.CI) {
+        return exports.PipelineType.CI_PIPELINE;
+    }
+    return exports.PipelineType.CD_PIPELINE;
+};
+var handleAddCD = function (_a) {
+    var position = _a.position, handleCDSelect = _a.handleCDSelect, startNode = _a.startNode, endNode = _a.endNode, workflowId = _a.workflowId, ciPipelineId = _a.ciPipelineId, isWebhookCD = _a.isWebhookCD, isParallelEdge = _a.isParallelEdge;
+    if (!handleCDSelect) {
+        return;
+    }
+    var pipelineType = getPipelineType({ isWebhookCD: isWebhookCD, startNode: startNode });
+    var addPipelineType = isParallelEdge && position === exports.AddCDPositions.RIGHT ? exports.AddPipelineType.PARALLEL : exports.AddPipelineType.SEQUENTIAL;
+    var endNodeId = !isParallelEdge && position === exports.AddCDPositions.RIGHT ? endNode.id : null;
+    handleCDSelect(workflowId, ciPipelineId, pipelineType, startNode.id, isWebhookCD, endNodeId, addPipelineType);
+};
+
 function CustomInput(_a) {
     var name = _a.name, value = _a.value, error = _a.error, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? function (e) { } : _b, label = _a.label, _c = _a.type, type = _c === void 0 ? 'text' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.labelClassName, labelClassName = _e === void 0 ? '' : _e, _f = _a.placeholder, placeholder = _f === void 0 ? '' : _f, _g = _a.tabIndex, tabIndex = _g === void 0 ? 1 : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? '' : _h, _j = _a.isRequiredField, isRequiredField = _j === void 0 ? false : _j, _k = _a.autoFocus, autoFocus = _k === void 0 ? false : _k, _l = _a.rootClassName, rootClassName = _l === void 0 ? '' : _l, _m = _a.autoComplete, autoComplete = _m === void 0 ? 'off' : _m, _o = _a.helperText, helperText = _o === void 0 ? '' : _o, handleOnBlur = _a.handleOnBlur, _p = _a.readOnly, readOnly = _p === void 0 ? false : _p, _q = _a.noTrim, noTrim = _q === void 0 ? false : _q, ref = _a.ref, onKeyPress = _a.onKeyPress, defaultValue = _a.defaultValue, onKeyDown = _a.onKeyDown, required = _a.required, additionalErrorInfo = _a.additionalErrorInfo;
     function handleError(error) {
@@ -28306,6 +28374,7 @@ function CustomInput(_a) {
                 }, onBlur: onBlur, onFocus: onFocus, placeholder: placeholder, value: value, disabled: disabled, tabIndex: tabIndex, autoFocus: autoFocus, readOnly: readOnly, ref: ref, onKeyPress: onKeyPress, defaultValue: defaultValue, onKeyDown: onKeyDown, required: required }), getInputError(), helperText && (jsxRuntime.jsxs("div", __assign({ className: "form__text-field-info" }, { children: [jsxRuntime.jsx(SvgIcInfoFilled, { className: "form__icon form__icon--info" }), jsxRuntime.jsx("p", __assign({ className: "sentence-case" }, { children: helperText }))] })))] })));
 }
 
+exports.AddCDButton = AddCDButton;
 exports.AppStatus = AppStatus;
 exports.BreadCrumb = BreadCrumb;
 exports.BreadcrumbStore = Store;
@@ -28402,6 +28471,7 @@ exports.getTeamListMin = getTeamListMin;
 exports.getUnlockedJSON = getUnlockedJSON;
 exports.getUrlWithSearchParams = getUrlWithSearchParams;
 exports.getUserRole = getUserRole;
+exports.handleAddCD = handleAddCD;
 exports.handleUTCTime = handleUTCTime;
 exports.logExceptionToSentry = logExceptionToSentry;
 exports.multiSelectStyles = multiSelectStyles;

package/package.json

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

package/src/Common/AddCDButton/AddCDButton.tsx

@@ -0,0 +1,68 @@
+import React from 'react'
+import Tippy from '@tippyjs/react'
+import { AddCDButtonProps, TooltipContentProps } from './types'
+import { AddCDPositions } from '../Types'
+
+function TooltipContent({ tooltipContent }: TooltipContentProps) {
+    if (tooltipContent) {
+        return (
+            <div className="dc__white-space-pre-wrap">
+                <p className="m-0 cn-0 fs-12 fw-6 lh-18">Click to add</p>
+
+                {tooltipContent}
+            </div>
+        )
+    }
+
+    return <div className="dc__white-space-pre-wrap">Click to add here</div>
+}
+
+export default function AddCDButton({
+    position,
+    addCDButtons,
+    endNode,
+    startNode,
+    handleAddCD,
+    tooltipContent,
+}: Readonly<AddCDButtonProps>) {
+    const referenceNode = position === AddCDPositions.RIGHT ? endNode : startNode
+    const handleAddCDClick = () => {
+        handleAddCD(position)
+    }
+
+    if (addCDButtons?.includes(position)) {
+        return (
+            <Tippy
+                placement="top"
+                content={<TooltipContent tooltipContent={tooltipContent} />}
+                className="default-tt"
+                arrow={false}
+            >
+                <svg
+                    x={referenceNode.x + (position === AddCDPositions.RIGHT ? -20 - 5 : referenceNode.width + 5)}
+                    // Here 10 is the height of the button / 2
+                    y={referenceNode.y + referenceNode.height / 2 - 10}
+                    width="20"
+                    height="20"
+                    viewBox="0 0 20 20"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                    data-testid={`add-cd-to-${position}`}
+                    onClick={handleAddCDClick}
+                    className="dc__outline-none-imp"
+                >
+                    <rect width="20" height="20" rx="10" fill="#664BEE" className="add-cd-edge-btn" />
+                    <path
+                        d="M6.5 10H13.5M10 6.5V13.5"
+                        stroke="white"
+                        strokeWidth="1.5"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                    />
+                </svg>
+            </Tippy>
+        )
+    }
+
+    return null
+}

package/src/Common/AddCDButton/index.ts

@@ -0,0 +1,2 @@
+export { default as AddCDButton } from './AddCDButton'
+export { handleAddCD } from './utils'

package/src/Common/AddCDButton/types.ts

@@ -0,0 +1,38 @@
+import { AddCDPositions, AddPipelineType, EdgeEndNodeType, EdgeNodeType, Point } from '../Types'
+
+export interface AddCDButtonProps {
+    position: AddCDPositions
+    addCDButtons: AddCDPositions[]
+    endNode: Point & EdgeEndNodeType
+    startNode: Point & EdgeNodeType
+    handleAddCD: (position: AddCDPositions) => void
+    tooltipContent?: string
+}
+
+export interface HandleAddCD {
+    position: AddCDPositions
+    handleCDSelect: (
+        workflowId: number | string,
+        ciPipelineId: number | string,
+        parentPipelineType: string,
+        parentPipelineId: number | string,
+        isWebhookCD?: boolean,
+        childPipelineId?: number | string,
+        addType?: AddPipelineType,
+    ) => void
+    startNode: EdgeNodeType
+    endNode: EdgeEndNodeType
+    workflowId: number | string
+    ciPipelineId: number | string
+    isWebhookCD: boolean
+    isParallelEdge: boolean
+}
+
+export interface GetPipelineType {
+    isWebhookCD: boolean
+    startNode: EdgeNodeType
+}
+
+export interface TooltipContentProps {
+    tooltipContent?: string
+}

package/src/Common/AddCDButton/utils.tsx

@@ -0,0 +1,35 @@
+import { AddCDPositions, AddPipelineType, PipelineType, WorkflowNodeType } from '../Types'
+import { HandleAddCD, GetPipelineType } from './types'
+
+const getPipelineType = ({ isWebhookCD, startNode }: GetPipelineType) => {
+    if (isWebhookCD) {
+        return PipelineType.WEBHOOK
+    }
+
+    if (startNode.type === WorkflowNodeType.CI) {
+        return PipelineType.CI_PIPELINE
+    }
+
+    return PipelineType.CD_PIPELINE
+}
+
+export const handleAddCD = ({
+    position,
+    handleCDSelect,
+    startNode,
+    endNode,
+    workflowId,
+    ciPipelineId,
+    isWebhookCD,
+    isParallelEdge,
+}: HandleAddCD) => {
+    if (!handleCDSelect) {
+        return
+    }
+    const pipelineType = getPipelineType({ isWebhookCD, startNode })
+    const addPipelineType =
+        isParallelEdge && position === AddCDPositions.RIGHT ? AddPipelineType.PARALLEL : AddPipelineType.SEQUENTIAL
+    const endNodeId = !isParallelEdge && position === AddCDPositions.RIGHT ? endNode.id : null
+
+    handleCDSelect(workflowId, ciPipelineId, pipelineType, startNode.id, isWebhookCD, endNodeId, addPipelineType)
+}

package/src/Common/Dialogs/DeleteDialog.tsx

@@ -45,7 +45,7 @@ export const DeleteDialog: React.FC<DeleteDialogProps> & { Description?: React.F
                         type="button"
                         className="cta delete cta-cd-delete-modal ml-16"
                         onClick={handleDelete}
-                        disabled={props.apiCallInProgress}
+                        disabled={props.apiCallInProgress || props.disabled}
                         data-testid="dialog-delete"
                     >
                         {props.apiCallInProgress ? (

package/src/Common/Dialogs/Types.ts

@@ -11,6 +11,7 @@ export interface DeleteDialogProps {
     dataTestId?: string
     buttonPrimaryText?: string
     shouldStopPropagation?: boolean
+    disabled?: boolean
 }
 
 export interface ForceDeleteDialogType {

package/src/Common/Types.ts

@@ -293,6 +293,11 @@ export interface CDMaterialServiceQueryParams {
     filter?: CDMaterialFilterQuery
 }
 
+export interface DownstreamNodesEnvironmentsType {
+    environmentId: number
+    environmentName: string
+}
+
 export interface CommonNodeAttr {
     connectingCiPipelineId?: number
     parents: string | number[] | string[]
@@ -354,6 +359,9 @@ export interface CommonNodeAttr {
     }
     appReleaseTagNames?: string[]
     tagsEditable?: boolean
+    deploymentAppCreated?: boolean
+    isLast?: boolean
+    downstreamEnvironments?: DownstreamNodesEnvironmentsType[]
 }
 
 export enum DeploymentAppTypes {
@@ -623,18 +631,6 @@ export interface CiPipeline {
     isOffendingMandatoryPlugin?: boolean
     pipelineType?: string
 }
-
-export interface DeploymentChartVersionType {
-    chartRefId: number 
-    chartVersion: string
-    chartType: string
-    type: number
-}
-
-export interface ChartVersionAndTypeSelectorProps {
-    setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>
-}
-
 export interface InformationBarProps {
     text: string
     className?: string
@@ -650,7 +646,7 @@ export interface CodeEditorInterface {
     onFocus?: () => void
     children?: any
     defaultValue?: string
-    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile' | 'plaintext'
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile'
     tabSize?: number
     readOnly?: boolean
     noParsing?: boolean
@@ -692,4 +688,63 @@ export interface CodeEditorHeaderInterface {
     children?: any;
     className?: string
     hideDefaultSplitHeader?: boolean;
-}
+}
+
+export interface DeploymentChartVersionType {
+    chartRefId: number 
+    chartVersion: string
+    chartType: string
+    type: number
+}
+
+export interface ChartVersionAndTypeSelectorProps {
+    setSelectedChartRefId: React.Dispatch<React.SetStateAction<number>>
+}
+
+export enum PipelineType {
+    CI_PIPELINE = 'CI_PIPELINE',
+    CD_PIPELINE = 'CD_PIPELINE',
+    WEBHOOK = 'WEBHOOK',
+    LINKED_CD = 'LINKED_CD',
+}
+
+export enum WorkflowNodeType {
+    GIT = 'GIT',
+    CI = 'CI',
+    WEBHOOK = 'WEBHOOK',
+    PRE_CD = 'PRECD',
+    CD = 'CD',
+    POST_CD = 'POSTCD',
+}
+
+export enum AddCDPositions {
+    LEFT = 'left',
+    RIGHT = 'right',
+}
+
+export interface SelectedNode {
+    nodeType: WorkflowNodeType
+    id: string
+}
+
+export enum AddPipelineType {
+    SEQUENTIAL = 'SEQUENTIAL',
+    PARALLEL = 'PARALLEL',
+}
+
+export interface Point {
+    x: number
+    y: number
+}
+
+export interface EdgeNodeType {
+    height: number
+    width: number
+    userApprovalConfig?: UserApprovalConfigType
+    type?: any
+    id?: number | string
+}
+
+export interface EdgeEndNodeType extends EdgeNodeType {
+    userApprovalConfig?: UserApprovalConfigType
+}

package/src/Common/index.ts

@@ -43,4 +43,5 @@ export { AppStatus } from './AppStatus'
 export * from './RJSF'
 export * from './DevtronProgressing'
 export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector'
+export * from './AddCDButton'
 export * from './CustomInput'