@devtron-labs/devtron-fe-common-lib 0.0.7 → 0.0.9-beta-1

package/dist/Common/PopupMenu.d.ts

@@ -1,25 +1,8 @@
 /// <reference types="react" />
-declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition }: {
-    children?: any;
-    onToggleCallback?: any;
-    autoClose?: boolean;
-    autoPosition?: boolean;
-}): any;
+import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
+declare function PopupMenu({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
 declare namespace PopupMenu {
-    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, }: {
-        children?: any;
-        disabled?: boolean;
-        rootClassName?: string;
-        tabIndex?: number;
-        onHover?: boolean;
-        isKebab?: boolean;
-    }) => JSX.Element;
-    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable }: {
-        children?: any;
-        rootClassName?: string;
-        style?: {};
-        autoWidth?: boolean;
-        preventWheelDisable?: boolean;
-    }) => JSX.Element;
+    var Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
+    var Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 }
 export default PopupMenu;

package/dist/Common/Progressing.d.ts

@@ -1,13 +1,4 @@
-import React from 'react';
-interface ProgressingProps {
-    pageLoader?: boolean;
-    loadingText?: string;
-    size?: number;
-    fullHeight?: boolean;
-    theme?: 'white' | 'default';
-    styles?: React.CSSProperties;
-    children?: React.ReactNode;
-}
-export declare function Progressing({ pageLoader, size, theme, styles }: ProgressingProps): JSX.Element;
-export declare function DetailsProgressing({ loadingText, size, fullHeight, children, styles, }: ProgressingProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { ProgressingProps } from './Types';
+export declare function Progressing({ pageLoader, size, theme, styles, fillColor }: ProgressingProps): JSX.Element;
+export declare function DetailsProgressing({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps): JSX.Element;

package/dist/Common/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './radioGroup.scss';
+interface RadioGroupInterface {
+    name: string;
+    onChange: any;
+    className?: string;
+    initialTab: string;
+    disabled: boolean;
+    showTippy?: boolean;
+    tippyContent?: any;
+    dataTestId?: string;
+}
+interface RadioGroupComposition {
+    Radio?: React.FC<any>;
+}
+declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
+export default RadioGroup;

package/dist/Common/RadioGroup.d.ts

@@ -1,17 +1,8 @@
 import { Component } from 'react';
-export interface RadioGroupItemProps {
-    value: string;
-}
+import { RadioGroupItemProps, RadioGroupProps } from './Types';
 export declare class RadioGroupItem extends Component<RadioGroupItemProps> {
     render(): JSX.Element;
 }
-export interface RadioGroupProps {
-    value: string;
-    name: string;
-    disabled?: boolean;
-    onChange: (event: any) => void;
-    className?: string;
-}
 export declare class RadioGroup extends Component<RadioGroupProps> {
     render(): JSX.Element;
 }

package/dist/Common/Reload.d.ts

@@ -1,5 +1,3 @@
 /// <reference types="react" />
-export default function Reload({ reload, className }: {
-    reload?: any;
-    className?: string;
-}): JSX.Element;
+import { ReloadType } from './Types';
+export default function Reload({ reload, className }: ReloadType): JSX.Element;

package/dist/Common/Security/ScanVulnerabilitiesTable.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ScanVulnerabilitiesTableProps } from '../Types';
+import './scanVulnerabilities.css';
+export default function ScanVulnerabilitiesTable({ vulnerabilities }: ScanVulnerabilitiesTableProps): JSX.Element;

package/dist/Common/TippyCustomized.d.ts

@@ -1,32 +1,4 @@
-import React, { ReactNode } from 'react';
-import { Placement } from 'tippy.js';
+/// <reference types="react" />
 import 'tippy.js/animations/shift-toward-subtle.css';
-import { TippyTheme } from './Types';
-interface TippyCustomizedProps {
-    theme: TippyTheme;
-    visible?: boolean;
-    heading?: string;
-    infoTextHeading?: string;
-    placement: Placement;
-    className?: string;
-    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    iconPath?: string;
-    iconClass?: string;
-    iconSize?: number;
-    onImageLoadError?: (e: any) => void;
-    onClose?: () => void;
-    infoText?: string;
-    showCloseButton?: boolean;
-    arrow?: boolean;
-    interactive?: boolean;
-    showOnCreate?: boolean;
-    trigger?: string;
-    animation?: string;
-    duration?: number;
-    additionalContent?: ReactNode;
-    documentationLink?: string;
-    documentationLinkText?: string;
-    children: React.ReactElement<any>;
-}
+import { TippyCustomizedProps } from './Types';
 export declare function TippyCustomized(props: TippyCustomizedProps): JSX.Element;
-export {};

package/dist/Common/Toggle/Toggle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './Toggle.scss';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, ...props }: {
+    [x: string]: any;
+    selected?: boolean;
+    onSelect?: any;
+    color?: string;
+    rootClassName?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+}) => JSX.Element;
+export default Toggle;

package/dist/Common/Types.d.ts

@@ -1,3 +1,6 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Placement } from 'tippy.js';
+import { VariableType } from './CIPipeline.Types';
 export interface ResponseType {
     code: number;
     status: string;
@@ -25,3 +28,293 @@ export interface Teams {
     name: string;
     active: boolean;
 }
+export declare enum CHECKBOX_VALUE {
+    CHECKED = "CHECKED",
+    INTERMEDIATE = "INTERMEDIATE"
+}
+export interface CheckboxProps {
+    onChange: (event: any) => void;
+    isChecked: boolean;
+    value: 'CHECKED' | 'INTERMEDIATE';
+    disabled?: boolean;
+    tabIndex?: number;
+    rootClassName?: string;
+    onClick?: (event: any) => void;
+    id?: string;
+    dataTestId?: string;
+}
+export interface TippyCustomizedProps {
+    theme: TippyTheme;
+    visible?: boolean;
+    heading?: ReactNode | string;
+    headingInfo?: string;
+    infoTextHeading?: string;
+    placement: Placement;
+    className?: string;
+    Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    iconPath?: string;
+    iconClass?: string;
+    iconSize?: number;
+    onImageLoadError?: (e: any) => void;
+    onClose?: () => void;
+    infoText?: string;
+    showCloseButton?: boolean;
+    arrow?: boolean;
+    interactive?: boolean;
+    showOnCreate?: boolean;
+    trigger?: string;
+    animation?: string;
+    duration?: number;
+    additionalContent?: ReactNode;
+    documentationLink?: string;
+    documentationLinkText?: string;
+    children: React.ReactElement<any>;
+}
+export interface GenericEmptyStateType {
+    title: ReactNode;
+    image?: any;
+    classname?: string;
+    subTitle?: ReactNode;
+    isButtonAvailable?: boolean;
+    styles?: CSSProperties;
+    heightToDeduct?: number;
+    imageType?: string;
+    renderButton?: () => JSX.Element;
+    imageClassName?: string;
+    children?: ReactNode;
+    noImage?: boolean;
+}
+export declare enum ImageType {
+    Large = "large",
+    Medium = "medium"
+}
+export interface InfoColourBarType {
+    message: React.ReactNode;
+    classname: string;
+    Icon: any;
+    iconClass?: string;
+    iconSize?: number;
+    renderActionButton?: () => JSX.Element;
+    linkText?: React.ReactNode;
+    redirectLink?: string;
+    linkOnClick?: () => void;
+    linkClass?: string;
+    internalLink?: boolean;
+    styles?: CSSProperties;
+}
+export interface ReloadType {
+    reload?: (event?: any) => void;
+    className?: string;
+}
+export interface RadioGroupItemProps {
+    value: string;
+    dataTestId?: string;
+}
+export interface RadioGroupProps {
+    value: string;
+    name: string;
+    disabled?: boolean;
+    onChange: (event: any) => void;
+    className?: string;
+}
+export interface ProgressingProps {
+    pageLoader?: boolean;
+    loadingText?: string;
+    size?: number;
+    fullHeight?: boolean;
+    theme?: 'white' | 'default';
+    styles?: React.CSSProperties;
+    children?: React.ReactNode;
+    fillColor?: string;
+}
+export interface PopupMenuType {
+    children?: any;
+    onToggleCallback?: (isOpen: boolean) => void;
+    autoClose?: boolean;
+    autoPosition?: boolean;
+}
+export interface PopupMenuButtonType {
+    children?: ReactNode;
+    disabled?: boolean;
+    rootClassName?: string;
+    tabIndex?: number;
+    onHover?: boolean;
+    isKebab?: boolean;
+    dataTestId?: string;
+}
+export interface PopupMenuBodyType {
+    children?: ReactNode;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    autoWidth?: boolean;
+    preventWheelDisable?: boolean;
+    noBackDrop?: boolean;
+}
+export interface ModalType {
+    style?: React.CSSProperties;
+    children?: ReactNode;
+    modal?: boolean;
+    rootClassName?: string;
+    onClick?: any;
+    callbackRef?: (element?: any) => any;
+    preventWheelDisable?: boolean;
+    noBackDrop?: boolean;
+}
+export type CDModalTabType = 'SECURITY' | 'CHANGES';
+export declare const CDModalTab: {
+    Security: CDModalTabType;
+    Changes: CDModalTabType;
+};
+export declare enum DeploymentNodeType {
+    PRECD = "PRECD",
+    CD = "CD",
+    POSTCD = "POSTCD",
+    APPROVAL = "APPROVAL"
+}
+export interface UserApprovalConfigType {
+    requiredCount: number;
+}
+interface ApprovalUserDataType {
+    dataId: number;
+    userActionTime: string;
+    userComment: string;
+    userEmail: string;
+    userId: number;
+    userResponse: number;
+}
+export interface UserApprovalMetadataType {
+    approvalRequestId: number;
+    approvalRuntimeState: number;
+    approvedUsersData: ApprovalUserDataType[];
+    requestedUserData: ApprovalUserDataType;
+}
+export interface CommonNodeAttr {
+    connectingCiPipelineId?: number;
+    parents: string | number[] | string[];
+    x: number;
+    y: number;
+    title: string;
+    description?: string;
+    triggerType?: string;
+    id: string;
+    icon?: string;
+    status?: string;
+    isSource: boolean;
+    isGitSource: boolean;
+    isRoot: boolean;
+    downstreams: string[];
+    type: 'CI' | 'GIT' | 'PRECD' | 'CD' | 'POSTCD' | 'WEBHOOK';
+    parentCiPipeline?: number;
+    parentAppId?: number;
+    url?: string;
+    branch?: string;
+    sourceType?: string;
+    colorCode?: string;
+    isExternalCI?: boolean;
+    isLinkedCI?: boolean;
+    environmentName?: string;
+    environmentId?: number;
+    inputMaterialList?: any[];
+    rollbackMaterialList?: any[];
+    linkedCount?: number;
+    deploymentStrategy?: string;
+    height: number;
+    width: number;
+    preNode?: CommonNodeAttr;
+    postNode?: CommonNodeAttr;
+    stageIndex?: number;
+    sourceNodes?: Array<CommonNodeAttr>;
+    downstreamNodes?: Array<CommonNodeAttr>;
+    parentPipelineId?: string;
+    parentPipelineType?: string;
+    parentEnvironmentName?: string;
+    isRegex?: boolean;
+    regex?: string;
+    primaryBranchAfterRegex?: string;
+    storageConfigured?: boolean;
+    deploymentAppDeleteRequest?: boolean;
+    approvalUsers?: string[];
+    userApprovalConfig?: UserApprovalConfigType;
+    requestedUserId?: number;
+    showPluginWarning?: boolean;
+    helmPackageName?: string;
+    isVirtualEnvironment?: boolean;
+}
+export interface VulnerabilityType {
+    name: string;
+    severity: "CRITICAL" | "MODERATE" | "LOW";
+    package: string;
+    version: string;
+    fixedVersion: string;
+    policy: string;
+    url?: string;
+}
+export interface ScanVulnerabilitiesTableProps {
+    vulnerabilities: VulnerabilityType[];
+}
+export interface MaterialInfo {
+    revision: string;
+    modifiedTime: string | Date;
+    author: string;
+    message: string;
+    commitLink: string;
+    tag: string;
+    webhookData: string;
+    branch: string;
+    url?: string;
+    type?: string;
+}
+export interface CDMaterialType {
+    index: number;
+    id: string;
+    materialInfo: MaterialInfo[];
+    tab: CDModalTabType;
+    scanEnabled: boolean;
+    scanned: boolean;
+    vulnerabilitiesLoading: boolean;
+    lastExecution: string;
+    vulnerabilities: VulnerabilityType[];
+    vulnerable: boolean;
+    deployedTime: string;
+    deployedBy?: string;
+    wfrId?: number;
+    buildTime: string;
+    image: string;
+    isSelected: boolean;
+    showSourceInfo: boolean;
+    latest: boolean;
+    runningOnParentCd?: boolean;
+    userApprovalMetadata?: UserApprovalMetadataType;
+    triggeredBy?: number;
+}
+export interface CDMaterialResponseType {
+    approvalUsers: string[];
+    materials: any[];
+    userApprovalConfig: UserApprovalConfigType;
+    requestedUserId: number;
+}
+export declare enum PluginRequiredStageKeys {
+    PRE_CI = "PRE_CI",
+    POST_CI = "POST_CI",
+    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+}
+export declare enum PluginRequiredStage {
+    PRE_CI = "preBuildStage",
+    POST_CI = "postBuildStage",
+    PRE_OR_POST_CI = "PRE_OR_POST_CI"
+}
+export interface MandatoryPluginDetailType {
+    id: number;
+    name: string;
+    description?: string;
+    requiredIn: PluginRequiredStage;
+    applied?: boolean;
+    inputVariables?: VariableType[];
+    outputVariables?: VariableType[];
+}
+export interface MandatoryPluginDataType {
+    pluginData: MandatoryPluginDetailType[];
+    isValidPre: boolean;
+    isValidPost: boolean;
+}
+export {};

package/dist/Common/index.d.ts

@@ -4,7 +4,7 @@ export * from './Types';
 export * from './Api';
 export * from './EmptyState/EmptyState';
 export * from './ToastBody';
-export * from './Reload';
+export { default as Reload } from './Reload';
 export * from './Error';
 export * from './Helper';
 export * from './Progressing';
@@ -25,3 +25,9 @@ export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';
 export * from './Common.service';
 export * from './Checkbox';
 export { default as EmptyState } from './EmptyState/EmptyState';
+export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
+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 { default as DeleteComponent } from './DeleteComponentModal/DeleteComponent';