@devtron-labs/devtron-fe-common-lib 1.16.1 → 1.17.0-beta-1

package/dist/Shared/Components/WorkflowOptionsModal/constants.d.ts

@@ -1,52 +1,86 @@
-import { PipelineType } from '../../../Common/Types';
+import { WorkflowNodeType } from '../../../Common/Types';
 import { CIPipelineNodeType } from '../../types';
-export declare const WORKFLOW_OPTIONS_MODAL: {
-    ACTION_TEXT: string;
-    ACTION_NOTE: string;
-    CHANGE_CI_TEXT: string;
-    CHANGE_CI_NOTE: string;
-};
-export declare const WORKFLOW_OPTIONS_MODAL_TYPES: {
-    DEFAULT: string;
-    RECIEVE: string;
-    JOB: string;
-};
 export declare const SOURCE_TYPE_CARD_VARIANTS: {
-    SOURCE_CODE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
-    };
-    LINKED_PIPELINE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
+    BUILD: {
+        BUILD_AND_DEPLOY_FROM_SOURCE_CODE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.CI_CD;
+            icons: ({
+                name: "ic-git-branch";
+                color: "N700";
+            } | {
+                name: "ic-build-color";
+                color: any;
+            } | {
+                name: "ic-deploy-color";
+                color: any;
+            })[];
+        };
+        BUILD_FROM_SOURCE_CODE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.CI;
+            icons: ({
+                name: "ic-git-branch";
+                color: "N700";
+            } | {
+                name: "ic-build-color";
+                color: any;
+            })[];
+        };
+        JOB: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.JOB_CI;
+            icons: {
+                name: "ic-job-color";
+                color: any;
+            }[];
+        };
     };
-    EXTERNAL_SERVICE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: PipelineType;
+    RECEIVE: {
+        EXTERNAL_SERVICE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: WorkflowNodeType.WEBHOOK;
+            icons: ({
+                name: "ic-webhook";
+                color: any;
+            } | {
+                name: "ic-deploy-color";
+                color: any;
+            })[];
+        };
+        LINKED_PIPELINE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.LINKED_CI;
+            icons: {
+                name: "ic-linked-build-color";
+                color: any;
+            }[];
+        };
     };
     JOB: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
+        JOB: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.JOB_CI;
+            icons: {
+                name: "ic-job-color";
+                color: any;
+            }[];
+        };
     };
 };
 export declare const NO_ENV_FOUND = "No environment found. Please create a CD Pipeline first.";
-export declare const CHANGE_SAME_CI = "Cannot change to same source type";
 export declare const REQUEST_IN_PROGRESS = "Request in progress";
 export declare const TOAST_MESSAGES: {
     SUCCESS_CHANGE_TO_WEBHOOK: string;

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

@@ -1 +1,2 @@
+export type { SourceTypeCardProps } from './types';
 export { default as WorkflowOptionsModal } from './WorkflowOptionsModal';

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

@@ -1,20 +1,19 @@
+import { WorkflowNodeType } from '../../../Common/Types';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
 import { AppConfigProps } from '../../../Pages/index';
-interface LinkedCDSourceVariant {
+import { GenericModalProps } from '../GenericModal';
+import { IconsProps } from '../Icon';
+export interface SourceTypeCardProps {
     title: string;
     subtitle: string;
-    image: string;
-    alt: string;
     dataTestId: string;
-    type: string;
-}
-export interface SourceTypeCardProps extends LinkedCDSourceVariant {
-    handleCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    type: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+    disabled?: boolean;
     disableInfo: string;
-    isDisabled?: boolean;
+    icons: Pick<IconsProps, 'name' | 'color'>[];
+    onCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
-    handleCloseWorkflowOptionsModal: () => void;
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>>, Pick<GenericModalProps, 'open' | 'onClose'> {
     addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void;
     addWebhookCD: (workflowId?: number | string) => void;
     addLinkedCD: (changeCIPayload?: ChangeCIPayloadType) => void;
@@ -23,7 +22,6 @@ export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps,
     changeCIPayload?: ChangeCIPayloadType;
     workflows?: WorkflowType[];
     getWorkflows?: () => void;
-    linkedCDSourceVariant?: LinkedCDSourceVariant;
+    linkedCDSourceVariant?: Pick<SourceTypeCardProps, 'title' | 'subtitle' | 'type' | 'icons' | 'dataTestId'>;
     isAppGroup?: boolean;
 }
-export {};

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

@@ -1,5 +1,6 @@
-import { PipelineType } from '../../../Common/Types';
-import { ChangeCIPayloadType } from '../../types';
+import { PipelineType, WorkflowNodeType } from '../../../Common/Types';
+import { ChangeCIPayloadType, CIPipelineNodeType } from '../../types';
+import { SourceTypeCardProps, WorkflowOptionsModalProps } from './types';
 export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloadType) => {
     appId: number;
     pipelines: {
@@ -12,3 +13,13 @@ export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloa
         switchFromCiPipelineId: number;
     }[];
 };
+export declare const getCurrentPipelineType: ({ workflows, changeCIPayload, }: Required<Pick<WorkflowOptionsModalProps, "workflows" | "changeCIPayload">>) => SourceTypeCardProps["type"];
+export declare const getBuildWorkflowCardsConfig: ({ currentPipelineType, changeCIPayload, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "changeCIPayload" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
+export declare const getReceiveWorkflowCardsConfig: ({ currentPipelineType, linkedCDSourceVariant, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "linkedCDSourceVariant" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
+export declare const getJobWorkflowCardsConfig: ({ currentPipelineType, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];

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

@@ -7,6 +7,7 @@ export * from './APIResponseHandler';
 export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
+export * from './Badge';
 export * from './BulkOperations';
 export * from './BulkSelection';
 export * from './Button';
@@ -20,6 +21,7 @@ export * from './CollapsibleList';
 export * from './CommitChipCell';
 export * from './Confetti';
 export * from './ConfirmationModal';
+export * from './ContextSwitcher';
 export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';
@@ -40,6 +42,7 @@ export * from './FlagImage';
 export * from './FloatingVariablesSuggestions';
 export * from './FramerComponents';
 export * from './GenericInfoCard';
+export * from './GenericModal';
 export * from './GenericSectionErrorState';
 export * from './GitCommitInfoGeneric';
 export * from './GitProviderIcon';
@@ -63,6 +66,7 @@ export * from './ModalSidebarPanel';
 export * from './NumbersCount';
 export * from './PhoneInput';
 export * from './Plugin';
+export * from './Popover';
 export * from './ProgressBar';
 export { default as QRCode } from './QRCode';
 export * from './ReactSelect';

package/dist/Shared/Helpers.d.ts

@@ -2,10 +2,10 @@ import { ReactElement } from 'react';
 import { PromptProps } from 'react-router-dom';
 import { StrictRJSFSchema } from '@rjsf/utils';
 import { Pair } from 'yaml';
-import { MaterialHistoryType } from '@Shared/Services/app.types';
+import { MaterialHistoryType } from './Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, PodMetadatum } from './Components';
-import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -102,4 +102,5 @@ export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, t
 export declare const clearCookieOnLogout: () => void;
 export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
+export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
 export {};

package/dist/Shared/Hooks/useUserPreferences/constants.d.ts

@@ -1 +1,3 @@
+import { PreferredResourceKindType } from './types';
 export declare const USER_PREFERENCES_ATTRIBUTE_KEY = "userPreferences";
+export declare const DEFAULT_RESOURCES_MAP: Record<PreferredResourceKindType, null>;

package/dist/Shared/Hooks/useUserPreferences/service.d.ts

@@ -5,4 +5,4 @@ import { UserPreferenceResourceProps, UserPreferencesType } from './types';
  * @throws Will throw an error if the request fails or if the result is not in the expected format.
  */
 export declare const getUserPreferences: () => Promise<UserPreferencesType>;
-export declare const updateUserPreferences: ({ path, value, shouldThrowError, }: UserPreferenceResourceProps) => Promise<boolean>;
+export declare const updateUserPreferences: ({ path, value, resourceKind, shouldThrowError, userPreferencesResponse, }: UserPreferenceResourceProps) => Promise<boolean>;

package/dist/Shared/Hooks/useUserPreferences/types.d.ts

@@ -1,6 +1,5 @@
-import { USER_PREFERENCES_ATTRIBUTE_KEY } from '@Shared/Hooks/useUserPreferences/constants';
-import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
-import { BaseAppMetaData } from '../../Services';
+import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
+import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '../../Providers/ThemeProvider/types';
 import { ResourceKindType } from '../../types';
 export interface GetUserPreferencesQueryParamsType {
     key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
@@ -12,12 +11,18 @@ export declare enum ViewIsPipelineRBACConfiguredRadioTabs {
 export declare enum UserPreferenceResourceActions {
     RECENTLY_VISITED = "recently-visited"
 }
-export interface UserResourceKindActionType {
-    [UserPreferenceResourceActions.RECENTLY_VISITED]: BaseAppMetaData[];
+export type PreferredResourceKindType = ResourceKindType.devtronApplication | ResourceKindType.job | 'app-group' | ResourceKindType.cluster;
+export interface BaseRecentlyVisitedEntitiesTypes {
+    id: number;
+    name: string;
+}
+export interface UserPreferenceRecentlyVisitedAppsTypes extends BaseRecentlyVisitedEntitiesTypes {
+    resourceKind: PreferredResourceKindType;
 }
-export interface UserPreferenceResourceType {
-    [ResourceKindType.devtronApplication]: UserResourceKindActionType;
+export interface UserResourceKindActionType {
+    [UserPreferenceResourceActions.RECENTLY_VISITED]: BaseRecentlyVisitedEntitiesTypes[];
 }
+export type UserPreferenceResourceType = Partial<Record<PreferredResourceKindType, UserResourceKindActionType>>;
 export interface GetUserPreferencesParsedDTO {
     viewPermittedEnvOnly?: boolean;
     /**
@@ -56,26 +61,34 @@ export interface UserPreferencesType {
 }
 export interface UpdatedUserPreferencesType extends UserPreferencesType, Pick<ThemeConfigType, 'appTheme'> {
 }
+export interface RecentlyVisitedFetchConfigType extends UserPreferenceRecentlyVisitedAppsTypes {
+    isDataAvailable?: boolean;
+}
 export interface UseUserPreferencesProps {
+    userPreferenceResourceKind?: PreferredResourceKindType;
     migrateUserPreferences?: (userPreferencesResponse: UserPreferencesType) => Promise<UserPreferencesType>;
+    recentlyVisitedFetchConfig?: RecentlyVisitedFetchConfigType;
 }
 export type UserPathValueMapType = {
     path: 'themePreference';
     value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
+    resourceKind?: never;
+    userPreferencesResponse?: never;
 } | {
     path: 'pipelineRBACViewSelectedTab';
     value: Required<Pick<UserPreferencesType, 'pipelineRBACViewSelectedTab'>>;
+    resourceKind?: never;
+    userPreferencesResponse?: never;
 } | {
     path: 'resources';
-    value: Required<BaseAppMetaData[]>;
+    value: Required<BaseRecentlyVisitedEntitiesTypes[]>;
+    resourceKind: PreferredResourceKindType;
+    userPreferencesResponse?: UserPreferencesType;
 };
 export type UserPreferenceResourceProps = UserPathValueMapType & {
     shouldThrowError?: boolean;
+    userPreferencesResponse?: UserPreferencesType;
 };
-export interface UserPreferenceRecentlyVisitedAppsTypes {
-    appId: number;
-    appName: string;
-}
 export interface UserPreferenceFilteredListTypes extends UserPreferenceRecentlyVisitedAppsTypes {
     userPreferencesResponse: UserPreferencesType;
 }

package/dist/Shared/Hooks/useUserPreferences/useUserPrefrences.d.ts

@@ -1,10 +1,12 @@
 import { ServerErrors } from '../../../Common/ServerError';
-import { UserPreferenceRecentlyVisitedAppsTypes, UserPreferencesType, UseUserPreferencesProps, ViewIsPipelineRBACConfiguredRadioTabs } from './types';
-export declare const useUserPreferences: ({ migrateUserPreferences }: UseUserPreferencesProps) => {
+import { BaseRecentlyVisitedEntitiesTypes, UserPreferencesType, UseUserPreferencesProps, ViewIsPipelineRBACConfiguredRadioTabs } from './types';
+export declare const useUserPreferences: ({ migrateUserPreferences, recentlyVisitedFetchConfig }: UseUserPreferencesProps) => {
     userPreferences: UserPreferencesType;
     userPreferencesError: ServerErrors;
     handleFetchUserPreferences: () => Promise<void>;
     handleUpdatePipelineRBACViewSelectedTab: (selectedTab: ViewIsPipelineRBACConfiguredRadioTabs) => void;
     handleUpdateUserThemePreference: (themePreference: UserPreferencesType["themePreference"]) => void;
-    fetchRecentlyVisitedParsedApps: ({ appId, appName }: UserPreferenceRecentlyVisitedAppsTypes) => Promise<void>;
+    fetchRecentlyVisitedParsedEntities: () => Promise<UserPreferencesType>;
+    recentlyVisitedResources: BaseRecentlyVisitedEntitiesTypes[];
+    recentResourcesLoading: boolean;
 };

package/dist/Shared/Hooks/useUserPreferences/utils.d.ts

@@ -1,4 +1,3 @@
-import { BaseAppMetaData } from '../../Services';
-import { UserPreferenceFilteredListTypes, UserPreferenceResourceType } from './types';
-export declare const getUserPreferenceResourcesMetadata: (recentlyVisited: BaseAppMetaData[]) => UserPreferenceResourceType;
-export declare const getFilteredUniqueAppList: ({ userPreferencesResponse, appId, appName, }: UserPreferenceFilteredListTypes) => BaseAppMetaData[];
+import { GetUserPreferencesParsedDTO, UserPreferenceFilteredListTypes, UserPreferencesType } from './types';
+export declare const getFilteredUniqueAppList: ({ userPreferencesResponse, id, name, resourceKind, }: UserPreferenceFilteredListTypes) => import('./types').BaseRecentlyVisitedEntitiesTypes[];
+export declare const getParsedResourcesMap: (resources: GetUserPreferencesParsedDTO["resources"]) => UserPreferencesType["resources"];

package/dist/Shared/Providers/MainContextProvider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MainContextProvider';
+export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
+export { SidePanelTab } from './types';

package/dist/Shared/Providers/{types.d.ts → MainContextProvider/types.d.ts}

@@ -1,7 +1,7 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
-import { SERVER_MODE } from '../../Common';
-import { ServerInfo } from '../Components/Header/types';
-import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..';
+import { SERVER_MODE } from '../../../Common';
+import { DevtronLicenseInfo, EnvironmentDataValuesDTO, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '../..';
+import { ServerInfo } from '../../Components/Header/types';
 export interface ReloadVersionConfigTypes {
     bgUpdated: boolean;
     handleAppUpdate: () => void;
@@ -66,7 +66,7 @@ type CommonMainContextProps = {
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
     setAIAgentContext: (aiAgentContext: AIAgentContextType) => void;
     setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>;
-};
+} & Pick<EnvironmentDataValuesDTO, 'isResourceRecommendationEnabled'>;
 export type MainContext = CommonMainContextProps & ({
     isLicenseDashboard?: never;
     serverMode: SERVER_MODE;

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

@@ -1,6 +1,4 @@
 export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
-export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
-export { SidePanelTab } from './types';
 export * from './UserEmailProvider';

package/dist/Shared/Services/types.d.ts

@@ -38,5 +38,6 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     isManifestScanningEnabled: boolean;
     canOnlyViewPermittedEnvOrgLevel: boolean;
     devtronManagedLicensingEnabled: boolean;
+    isResourceRecommendationEnabled?: boolean;
 }
 export {};

package/dist/Shared/constants.d.ts

@@ -356,6 +356,7 @@ export declare const ANSI_UP_REGEX: RegExp;
  */
 export declare enum ComponentSizeType {
     xxs_small_icon = "xxs-small-icon",
+    xxxs = "xxxs",
     xxs = "xxs",
     xs = "xs",
     small = "small",

package/dist/Shared/types.d.ts

@@ -97,7 +97,8 @@ export declare enum Nodes {
     Node = "Node",
     Overview = "Overview",
     MonitoringDashboard = "MonitoringDashboard",
-    UpgradeCluster = "UpgradeCluster"
+    UpgradeCluster = "UpgradeCluster",
+    ResourceRecommender = "ResourceRecommender"
 }
 export type NodeType = keyof typeof Nodes;
 export interface Node {
@@ -760,6 +761,15 @@ interface CommonTabArgsType {
      * @default false
      */
     shouldRemainMounted?: boolean;
+    /**
+     * @default false
+     * If true, tab would contain alpha as badge next to the title
+     */
+    isAlpha?: boolean;
+    /**
+     * On tab stop, i.e by pressing cross icon on alive tab [fixed tab expanding on click of tab and remains expanded on other tab click], tab will reset the tab to this default URL if provided
+     */
+    defaultUrl?: string | null;
 }
 export type InitTabType = Omit<CommonTabArgsType, 'type'> & ({
     type: 'fixed';
@@ -876,7 +886,8 @@ export declare enum CIPipelineNodeType {
     CI = "CI",
     LINKED_CI = "LINKED-CI",
     JOB_CI = "JOB-CI",
-    LINKED_CD = "LINKED_CD"
+    LINKED_CD = "LINKED_CD",
+    CI_CD = "CI_CD"
 }
 export interface ChangeCIPayloadType {
     appWorkflowId: number;
@@ -1043,6 +1054,7 @@ export interface DeploymentStatusDetailsType {
     timelines: DeploymentStatusDetailsTimelineType[];
     wfrStatus?: WorkflowRunnerStatusDTO;
     isDeploymentWithoutApproval: boolean;
+    deploymentAppType: DeploymentAppTypes;
 }
 export type DeploymentStatusTimelineType = TIMELINE_STATUS.DEPLOYMENT_INITIATED | TIMELINE_STATUS.GIT_COMMIT | TIMELINE_STATUS.ARGOCD_SYNC | TIMELINE_STATUS.KUBECTL_APPLY | TIMELINE_STATUS.APP_HEALTH | TIMELINE_STATUS.HELM_PACKAGE_GENERATED | TIMELINE_STATUS.HELM_MANIFEST_PUSHED_TO_HELM_REPO;
 export type DeploymentStatusBreakdownItemIconType = 'success' | 'failed' | 'unknown' | 'inprogress' | 'unreachable' | 'loading' | 'disconnect' | 'timed_out' | '';
@@ -1087,6 +1099,7 @@ export interface DeploymentStatusDetailsBreakdownDataType {
         deploymentErrorMessage: string;
         nextTimelineToProcess: DeploymentStatusTimelineType;
     } | null;
+    deploymentAppType: DeploymentAppTypes;
 }
 export interface IntelligenceConfig {
     clusterId: number;