@devtron-labs/devtron-fe-common-lib 0.2.7-beta-1 → 0.2.8-beta-1

package/dist/Pages/CDPipeline/index.d.ts

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

package/dist/Pages/CDPipeline/types.d.ts

@@ -0,0 +1,84 @@
+import { BuildStageType, FormType } from '../../Common/CIPipeline.Types';
+import { DeploymentAppTypes } from '../../Common/Types';
+import { DeploymentStrategy } from '../../Shared/Components';
+import { EnvListMinDTO } from '../../Shared/types';
+
+interface ConfigSecretType {
+    label: string;
+    value: string;
+    type: string;
+}
+export interface Environment extends Pick<EnvListMinDTO, 'id' | 'active' | 'namespace' | 'isClusterCdActive'>, Partial<Pick<EnvListMinDTO, 'isVirtualEnvironment' | 'allowedDeploymentTypes' | 'description' | 'isDigestEnforcedForEnv'>> {
+    name: string;
+    clusterName: string;
+    clusterId: string;
+}
+export interface PipelineBuildStageType extends BuildStageType {
+    triggerType?: string;
+}
+export interface SavedDeploymentStrategy extends DeploymentStrategy {
+    isCollapsed?: boolean;
+    defaultConfig?: any;
+    yamlStr?: any;
+    jsonStr?: any;
+}
+export interface CustomTagType {
+    tagPattern: string;
+    counterX: string;
+}
+export declare enum ReleaseMode {
+    NEW_DEPLOYMENT = "create",
+    MIGRATE_HELM = "link"
+}
+export interface CDFormType {
+    name: string;
+    ciPipelineId: number;
+    environmentId: number;
+    environmentName: string;
+    namespace: string;
+    environments: Environment[];
+    deploymentAppType: string;
+    deploymentAppName?: string;
+    releaseMode: ReleaseMode;
+    triggerType: string;
+    preBuildStage?: PipelineBuildStageType;
+    postBuildStage?: PipelineBuildStageType;
+    strategies: DeploymentStrategy[];
+    savedStrategies: SavedDeploymentStrategy[];
+    preStageConfigMapSecretNames: {
+        configMaps: ConfigSecretType[];
+        secrets: ConfigSecretType[];
+    };
+    postStageConfigMapSecretNames: {
+        configMaps: ConfigSecretType[];
+        secrets: ConfigSecretType[];
+    };
+    requiredApprovals: string;
+    userApprovalConfig?: {
+        requiredCount: number;
+    };
+    isClusterCdActive: boolean;
+    deploymentAppCreated: boolean;
+    clusterId: string;
+    clusterName: string;
+    runPreStageInEnv: boolean;
+    runPostStageInEnv: boolean;
+    allowedDeploymentTypes: DeploymentAppTypes[];
+    containerRegistryName: string;
+    repoName: string;
+    selectedRegistry: any;
+    generatedHelmPushAction: string;
+}
+export interface PipelineFormType extends Partial<FormType>, Partial<CDFormType> {
+    name: string;
+    triggerType: string;
+    preBuildStage?: PipelineBuildStageType;
+    postBuildStage?: PipelineBuildStageType;
+    defaultTag?: string[];
+    customTag?: CustomTagType;
+    enableCustomTag?: boolean;
+    customTagStage?: string;
+    isDigestEnforcedForPipeline?: boolean;
+    isDigestEnforcedForEnv?: boolean;
+}
+export {};

package/dist/Pages/index.d.ts

@@ -1,2 +1,3 @@
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';
+export * from './CDPipeline';

package/dist/Shared/Components/CICDHistory/Artifacts.d.ts

@@ -1,5 +1,5 @@
 import { ArtifactType, CIListItemType } from './types';
 
 export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, }: CIListItemType) => JSX.Element;
-declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobView, isJobCI, imageComment, imageReleaseTags, type, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, rootClassName, renderCIListHeader, }: ArtifactType) => JSX.Element;
+declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobView, isJobCI, imageComment, imageReleaseTags, type, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, jobCIClass, renderCIListHeader, }: ArtifactType) => JSX.Element;
 export default Artifacts;

package/dist/Shared/Components/CICDHistory/LogStageAccordion.d.ts

@@ -1,4 +1,4 @@
 import { LogStageAccordionProps } from './types';
 
-declare const LogStageAccordion: ({ stage, isOpen, logs, endTime, startTime, status, handleStageClose, handleStageOpen, stageIndex, isLoading, fullScreenView, }: LogStageAccordionProps) => JSX.Element;
+declare const LogStageAccordion: ({ stage, isOpen, logs, endTime, startTime, status, handleStageClose, handleStageOpen, stageIndex, isLoading, }: LogStageAccordionProps) => JSX.Element;
 export default LogStageAccordion;

package/dist/Shared/Components/CICDHistory/LogsRenderer.d.ts

@@ -1,4 +1,4 @@
 import { LogsRendererType } from './types';
 
-export declare const LogsRenderer: ({ triggerDetails, isBlobStorageConfigured, parentType, fullScreenView, }: LogsRendererType) => JSX.Element;
+export declare const LogsRenderer: ({ triggerDetails, isBlobStorageConfigured, parentType, }: LogsRendererType) => JSX.Element;
 export default LogsRenderer;

package/dist/Shared/Components/CICDHistory/TriggerOutput.d.ts

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { TriggerDetailsType, TriggerOutputProps } from './types';
 
 export declare const TriggerDetails: React.MemoExoticComponent<({ status, startedOn, finishedOn, triggeredBy, triggeredByEmail, ciMaterials, gitTriggers, message, podStatus, type, stage, artifact, environmentName, isJobView, workerPodName, triggerMetadata, renderDeploymentHistoryTriggerMetaText, }: TriggerDetailsType) => JSX.Element>;
-declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, scrollToTop, scrollToBottom, }: TriggerOutputProps) => JSX.Element;
+declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, }: TriggerOutputProps) => JSX.Element;
 export default TriggerOutput;

package/dist/Shared/Components/CICDHistory/types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder } from '../../../Common';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, SortingOrder } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
 
@@ -143,8 +143,12 @@ export interface CurrentStatusType {
     status: string;
     finishedOn: string;
     artifact: string;
+    message: string;
+    podStatus: string;
     stage: DeploymentStageType;
     type: HistoryComponentType;
+    isJobView?: boolean;
+    workerPodName?: string;
 }
 export interface StartDetailsType {
     startedOn: string;
@@ -180,8 +184,12 @@ export interface TriggerDetailsType {
 }
 export interface ProgressingStatusType {
     status: string;
+    message: string;
+    podStatus: string;
     stage: DeploymentStageType;
     type: HistoryComponentType;
+    finishedOn?: string;
+    workerPodName?: string;
 }
 export interface WorkerStatusType {
     message: string;
@@ -198,6 +206,12 @@ export interface FinishedType {
 }
 export interface TriggerDetailsStatusIconType {
     status: string;
+    isDeploymentWindowInfo?: boolean;
+}
+export interface LogsRendererType {
+    triggerDetails: History;
+    isBlobStorageConfigured: boolean;
+    parentType: HistoryComponentType;
 }
 export interface SyncStageResourceDetail {
     id: number;
@@ -316,21 +330,6 @@ export interface TriggerOutputProps extends RenderRunSourceType {
     deploymentHistoryResult: Pick<DeploymentHistoryResult, 'result'>;
     setFetchTriggerIdData: React.Dispatch<React.SetStateAction<FetchIdDataStatus>>;
     setTriggerHistory: React.Dispatch<React.SetStateAction<Map<Number, History>>>;
-    scrollToTop: ReturnType<typeof useScrollable>[1];
-    scrollToBottom: ReturnType<typeof useScrollable>[2];
-}
-export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentHistoryList' | 'setDeploymentHistoryList' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView'> {
-    triggerDetails: History;
-    loading: boolean;
-    userApprovalMetadata: UserApprovalMetadataType;
-    triggeredByEmail: string;
-    artifactId: number;
-    ciPipelineId: number;
-    resourceId?: number;
-    renderRunSource: (runSource: RunSourceType, isDeployedInThisResource: boolean) => JSX.Element;
-}
-export interface LogsRendererType extends Pick<HistoryLogsProps, 'fullScreenView' | 'triggerDetails' | 'isBlobStorageConfigured'> {
-    parentType: HistoryComponentType;
 }
 export interface DeploymentStatusDetailBreakdownType {
     deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;
@@ -483,7 +482,7 @@ export interface ArtifactType {
     appReleaseTagNames?: string[];
     tagsEditable?: boolean;
     hideImageTaggingHardDelete?: boolean;
-    rootClassName?: string;
+    jobCIClass?: string;
     renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
 }
 export interface CIListItemType extends Pick<GitChangesType, 'promotionApprovalMetadata' | 'selectedEnvironmentName'> {
@@ -525,7 +524,7 @@ export interface DeploymentHistory {
     runSource?: RunSourceType;
 }
 type DeploymentStrategyType = 'CANARY' | 'ROLLING' | 'RECREATE' | 'BLUE_GREEN';
-interface DeploymentStrategy {
+export interface DeploymentStrategy {
     deploymentTemplate: DeploymentStrategyType;
     config: any;
     default: boolean;
@@ -605,7 +604,7 @@ export interface StageDetailType extends Pick<StageInfoDTO, 'stage' | 'startTime
     logs: string[];
     isOpen: boolean;
 }
-export interface LogStageAccordionProps extends StageDetailType, Pick<LogsRendererType, 'fullScreenView'> {
+export interface LogStageAccordionProps extends StageDetailType {
     handleStageClose: (index: number) => void;
     handleStageOpen: (index: number) => void;
     stageIndex: number;

package/dist/Shared/Components/CICDHistory/utils.d.ts

@@ -5,4 +5,3 @@ export declare const getParsedTriggerHistory: (result: any) => DeploymentHistory
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
 export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
-export declare const getTriggerStatusIcon: (triggerDetailStatus: string) => JSX.Element;

package/dist/Shared/Components/CommitChipCell/types.d.ts

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from 'react';
 
 export interface CommitChipCellProps {
-    handleClick?: (e: SyntheticEvent) => void;
+    handleClick: (e: SyntheticEvent) => void;
     commits?: string[];
 }

package/dist/Shared/Components/ImageChipCell/ImageChipCell.component.d.ts

@@ -1,4 +1,4 @@
 import { ImageChipCellProps } from './types';
 
-declare const ImageChipCell: ({ imagePath, registryType, handleClick, isExpanded: isExpandedProp, placement, }: ImageChipCellProps) => JSX.Element;
+declare const ImageChipCell: ({ handleClick, imagePath, isExpanded, registryType }: ImageChipCellProps) => JSX.Element;
 export default ImageChipCell;

package/dist/Shared/Components/ImageChipCell/types.d.ts

@@ -1,17 +1,9 @@
-import { default as Tippy } from '@tippyjs/react';
-import { ComponentProps, SyntheticEvent } from 'react';
+import { SyntheticEvent } from 'react';
 import { RegistryType } from '../../types';
 
-type ImageChipCellButtonActionProps = {
+export interface ImageChipCellProps {
     handleClick: (e: SyntheticEvent) => void;
-    isExpanded: boolean;
-} | {
-    handleClick?: never;
-    isExpanded?: never;
-};
-export type ImageChipCellProps = {
     imagePath: string;
-    registryType?: RegistryType;
-    placement?: ComponentProps<typeof Tippy>['placement'];
-} & ImageChipCellButtonActionProps;
-export {};
+    isExpanded: boolean;
+    registryType: RegistryType;
+}

package/dist/Shared/Components/ShowMoreText/ShowMoreText.d.ts

@@ -1,6 +1,5 @@
 interface ShowMoreTextProps {
     text: string;
-    textClass?: string;
 }
-declare const ShowMoreText: ({ text, textClass }: ShowMoreTextProps) => JSX.Element;
-export default ShowMoreText;
+export declare const ShowMoreText: ({ text }: ShowMoreTextProps) => JSX.Element;
+export {};

package/dist/Shared/Components/TabGroup/TabGroup.component.d.ts

@@ -0,0 +1,3 @@
+import { TabGroupProps } from './TabGroup.types';
+
+export declare const TabGroup: ({ tabs, size, rightComponent, alignActiveBorderWithContainer, hideTopPadding, }: TabGroupProps) => JSX.Element;

package/dist/Shared/Components/TabGroup/TabGroup.types.d.ts

@@ -0,0 +1,108 @@
+import { LinkProps, NavLinkProps } from 'react-router-dom';
+import { ComponentSizeType } from '../../constants';
+import { DataAttributes } from '../../types';
+
+type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
+type ConditionalTabType = {
+    /**
+     *  Type of the tab, either `button`, `link` or `navLink`.
+     */
+    tabType: 'button';
+    /**
+     * Props passed to button component.
+     */
+    props?: TabComponentProps<Omit<React.ComponentProps<'button'>, 'className' | 'style'>>;
+    /**
+     * Indicates if the tab is currently active.
+     */
+    active?: boolean;
+} | {
+    /**
+     *  Type of the tab, either `button`, `link` or `navLink`.
+     */
+    tabType: 'navLink';
+    /**
+     * Props passed to nav link component.
+     */
+    props: TabComponentProps<Omit<NavLinkProps, 'className' | 'style' | 'activeClassName'>>;
+    /**
+     * Active state is determined by matching the URL.
+     */
+    active?: false;
+} | {
+    /**
+     *  Type of the tab, either `button`, `link` or `navLink`.
+     */
+    tabType: 'link';
+    /**
+     * Props passed to link component.
+     */
+    props: TabComponentProps<Omit<LinkProps, 'className' | 'style'>>;
+    /**
+     * Indicates if the tab is currently active.
+     */
+    active?: boolean;
+};
+export type TabProps = {
+    /**
+     * Unique identifier for the tab.
+     */
+    id: string | number;
+    /**
+     * Text label for the tab.
+     */
+    label: string;
+    /**
+     * Icon component to be displayed in the tab.
+     * This should be a functional component that renders an SVG.
+     */
+    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    /**
+     * Type of the icon, determining whether it uses a stroke or fill style.
+     */
+    iconType?: 'stroke' | 'fill';
+    /**
+     * Badge number to be displayed on the tab, typically for notifications.
+     */
+    badge?: number;
+    /**
+     * Indicates if an indicator should be shown on the tab.
+     */
+    showIndicator?: boolean;
+    /**
+     * Indicates if a warning state should be displayed on the tab.
+     * @note error state will take precedence over warning state.
+     */
+    showWarning?: boolean;
+    /**
+     * Indicates if an error state should be displayed on the tab.
+     * @note error state will take precedence over warning state.
+     */
+    showError?: boolean;
+} & ConditionalTabType;
+export interface TabGroupProps {
+    /**
+     * Array of tabs to be rendered.
+     */
+    tabs: TabProps[];
+    /**
+     * Size of the tabs.
+     * @default ComponentSizeType.large
+     */
+    size?: ComponentSizeType.large | ComponentSizeType.medium;
+    /**
+     * Optional component to be rendered on the right side of the tab list.
+     */
+    rightComponent?: React.ReactNode;
+    /**
+     * Set to `true` to align the active tab's border with the bottom border of the parent container.
+     * @default false
+     */
+    alignActiveBorderWithContainer?: boolean;
+    /**
+     * Determines if the top padding of the tab group should be hidden.
+     * @default false
+     */
+    hideTopPadding?: boolean;
+}
+export {};

package/dist/Shared/Components/TabGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabGroup.component';
+export * from './TabGroup.types';

package/dist/Shared/Components/index.d.ts

@@ -32,9 +32,9 @@ export * from './IframeContainer';
 export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
-export * from './ShowMoreText';
 export * from './CollapsibleList';
 export * from './DeploymentConfigDiff';
 export * from './DetectBottom';
+export * from './TabGroup';
 export * from './Collapse';
 export * from './FilterButton';

package/dist/Shared/Helpers.d.ts

@@ -38,9 +38,4 @@ export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
 export declare const getTimeDifference: (startTime: string, endTime: string) => string;
 export declare const getFileNameFromHeaders: (headers: Headers) => string;
-/**
- * @description - Function to open a new tab with the given url
- * @param url - url to be opened in new tab
- */
-export declare const getHandleOpenURL: (url: string) => () => void;
 export {};

package/dist/Shared/constants.d.ts

@@ -347,9 +347,6 @@ export declare const statusColor: {
     unabletofetch: string;
     hibernating: string;
 };
-export declare const PULSATING_STATUS_MAP: {
-    [key in keyof typeof statusColor]?: boolean;
-};
 export declare const APP_STATUS_HEADERS: string[];
 export declare const MATERIAL_EXCLUDE_TIPPY_TEXT = "Not available for build as this commit contains changes in excluded files or folders";
 export declare const AppListConstants: {

package/dist/Shared/types.d.ts

@@ -566,4 +566,5 @@ export type BaseFilterQueryParams<T> = {
      */
     showAll?: boolean;
 } & SortingParams<T>;
+export type DataAttributes = Record<`data-${string}`, unknown>;
 export {};