@devtron-labs/devtron-fe-common-lib 1.16.0-beta-1 → 1.16.0-beta-5

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

@@ -1,7 +1,8 @@
-import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction } from 'react';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
-import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps } from '../../../Common/Hooks';
+import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
+import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
+import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
 import { GenericEmptyStateType } from '../../../Common/index';
+import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
 export interface UseFiltersReturnType extends UseStateFiltersReturnType<string> {
@@ -50,11 +51,16 @@ export type RowType = {
     data: Record<string, unknown>;
 };
 export type RowsType = RowType[];
-export interface CellComponentProps extends Pick<BaseColumnType, 'field'>, AdditionalProps {
+export declare enum FiltersTypeEnum {
+    STATE = "state",
+    URL = "url",
+    NONE = "none"
+}
+export interface CellComponentProps<T = FiltersTypeEnum.NONE> extends Pick<BaseColumnType, 'field'>, AdditionalProps {
     signals: SignalsType;
     value: unknown;
     row: RowType;
-    filterData: UseFiltersReturnType;
+    filterData: T extends FiltersTypeEnum.NONE ? null : T extends FiltersTypeEnum.STATE ? UseFiltersReturnType : UseUrlFiltersReturnType<string>;
     isRowActive: boolean;
 }
 export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> & BaseColumnType & {
@@ -71,21 +77,26 @@ export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> &
     isSortable?: false;
     comparator?: never;
 });
+export interface BulkActionsComponentProps {
+    onActionClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    bulkActionsData: unknown;
+}
+type BulkSelectionReturnValueType = ReturnType<typeof useBulkSelection>;
+export interface BulkOperationModalProps<T = string> extends Pick<BulkSelectionReturnValueType, 'isBulkSelectionApplied'> {
+    action: T;
+    onClose: () => void;
+    selections: RowsType | null;
+    bulkOperationModalData: unknown;
+}
 type BulkSelectionConfigType = Pick<UseBulkSelectionProps<unknown>, 'getSelectAllDialogStatus'> & {
-    /** Make sure to wrap it in useCallback */
-    onBulkSelectionChanged: (selectedRows: RowsType) => void;
-    BulkActionsComponent: FunctionComponent<{}>;
-};
+    BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
+    BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
+} & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
 export declare enum PaginationEnum {
     PAGINATED = "paginated",
     INFINITE = "infinite",
     NOT_PAGINATED = "not-paginated"
 }
-export declare enum FiltersTypeEnum {
-    STATE = "state",
-    URL = "url",
-    NONE = "none"
-}
 export interface ConfigurableColumnsType {
     allColumns: Column[];
     visibleColumns: Column[];
@@ -93,14 +104,14 @@ export interface ConfigurableColumnsType {
 }
 interface GetRowsProps extends Pick<UseFiltersReturnType, 'offset' | 'pageSize' | 'searchKey' | 'sortBy' | 'sortOrder'> {
 }
-type AdditionalFilterPropsType<T extends Exclude<FiltersTypeEnum, FiltersTypeEnum.NONE>> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey'> : Pick<UseStateFiltersProps<string>, 'initialSortKey'>;
-export type ViewWrapperProps = PropsWithChildren<Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'> & AdditionalProps & Partial<ConfigurableColumnsType> & {
+type AdditionalFilterPropsType<T extends Exclude<FiltersTypeEnum, FiltersTypeEnum.NONE>> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey' | 'defaultPageSize'> : Pick<UseStateFiltersProps<string>, 'initialSortKey' | 'defaultPageSize'>;
+export type ViewWrapperProps<T = FiltersTypeEnum.STATE> = PropsWithChildren<(T extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType> & {
     areRowsLoading: boolean;
-}>;
+    filteredRows: RowsType | null;
+} & (T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
 export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visibleColumns' | 'setVisibleColumns'>> & {
     id: `table__${string}`;
     loading?: boolean;
-    paginationVariant: PaginationEnum;
     /**
      * Memoize columns before passing as props.
      *
@@ -136,7 +147,7 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
     RowActionsOnHoverComponent?: FunctionComponent<{
         row: RowType;
     }>;
-    bulkSelectionReturnValue: ReturnType<typeof useBulkSelection> | null;
+    bulkSelectionReturnValue: BulkSelectionReturnValueType | null;
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType) => void;
     ViewWrapper?: FunctionComponent<ViewWrapperProps>;
@@ -166,28 +177,44 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
      * If filter is only being used for sorting, then send `noop` in this prop
      */
     filter: (row: RowType, filterData: UseFiltersReturnType) => boolean;
+    clearFilters?: () => void;
 } | {
     filtersVariant: FiltersTypeEnum.STATE;
     additionalFilterProps?: AdditionalFilterPropsType<FiltersTypeEnum.STATE>;
     filter: (row: RowType, filterData: UseFiltersReturnType) => boolean;
+    clearFilters?: never;
 } | {
     filtersVariant: FiltersTypeEnum.NONE;
     additionalFilterProps?: never;
     filter?: never;
+    clearFilters?: never;
+}) & ({
+    paginationVariant: PaginationEnum.PAGINATED;
+    pageSizeOptions?: PageSizeOption[];
+} | {
+    paginationVariant: Omit<PaginationEnum, 'PAGINATED'>;
+    pageSizeOptions?: never;
 });
 export type UseResizableTableConfigWrapperProps = Omit<InternalTableProps, 'resizableConfig'>;
 export type TableWithBulkSelectionProps = Omit<UseResizableTableConfigWrapperProps, 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow'>;
 export type VisibleColumnsWrapperProps = Omit<TableWithBulkSelectionProps, 'visibleColumns' | 'setVisibleColumns'>;
 export type FilterWrapperProps = Omit<VisibleColumnsWrapperProps, 'filterData'>;
-export type TableProps = Pick<FilterWrapperProps, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper'>;
-export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent'> {
+export type TableProps = Pick<FilterWrapperProps, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
+export type BulkActionStateType = string | null;
+export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
     count: number;
     handleClearBulkSelection: () => void;
     parentRef: React.RefObject<HTMLDivElement>;
+    /** If it is null, we can say no bulk action has been selected yet */
+    setBulkActionState: Dispatch<SetStateAction<BulkActionStateType>>;
 }
 export type ConfigurableColumnsConfigType = Record<string, ConfigurableColumnsType['visibleColumns']>;
 export interface GetFilteringPromiseProps {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType> | RowsType;
 }
+export interface TableContentProps extends Pick<InternalTableProps, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions'> {
+    filteredRows: RowsType;
+    areFilteredRowsLoading: boolean;
+}
 export {};

package/dist/Shared/Components/Table/useTableWithKeyboardShortcuts.d.ts

@@ -1,6 +1,11 @@
 import { InternalTableProps, RowsType } from './types';
-declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType) => {
+declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType, showPagination: boolean, bulkSelectionButtonRef: React.RefObject<HTMLLabelElement>) => {
     activeRowIndex: number;
     setActiveRowIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+    shortcutContainerProps: {
+        onKeyDown: (event: import('react').KeyboardEvent<HTMLElement>) => void;
+        onKeyUp: (event: import('react').KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: import('react').FocusEvent<HTMLElement>) => void;
+    };
 };
 export default useTableWithKeyboardShortcuts;

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

@@ -4,3 +4,8 @@ export declare const getVisibleColumnsFromLocalStorage: ({ allColumns, id, }: Pi
 export declare const setVisibleColumnsToLocalStorage: ({ id, visibleColumns, }: Pick<ConfigurableColumnsType, "visibleColumns"> & Pick<TableProps, "id">) => void;
 export declare const getVisibleColumns: ({ areColumnsConfigurable, columns, id, }: Pick<TableProps, "areColumnsConfigurable" | "columns" | "id">) => Column[];
 export declare const getFilteringPromise: ({ searchSortTimeoutRef, callback }: GetFilteringPromiseProps) => Promise<RowsType>;
+export declare const getStickyColumnConfig: (gridTemplateColumns: string, columnIndex: number) => {
+    className: string;
+    left: string;
+};
+export declare const scrollToShowActiveElementIfNeeded: (activeElement: HTMLDivElement, parent: HTMLDivElement, topMargin: number) => void;

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }

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

@@ -1,3 +1,3 @@
 import { SourceTypeCardProps } from './types';
-declare const SourceTypeCard: ({ title, subtitle, image, alt, dataTestId, type, handleCardAction, disableInfo, isDisabled, }: Readonly<SourceTypeCardProps>) => JSX.Element;
+declare const SourceTypeCard: ({ title, subtitle, dataTestId, icons, type, disableInfo, disabled, onCardAction, }: SourceTypeCardProps) => JSX.Element;
 export default SourceTypeCard;

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

@@ -1,3 +1,3 @@
 import { WorkflowOptionsModalProps } from './types';
-declare const WorkflowOptionsModal: ({ handleCloseWorkflowOptionsModal, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
+declare const WorkflowOptionsModal: ({ open, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, onClose, }: Readonly<WorkflowOptionsModalProps>) => JSX.Element;
 export default WorkflowOptionsModal;

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';
@@ -40,6 +41,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 +65,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/types.d.ts

@@ -1,5 +1,5 @@
-import { USER_PREFERENCES_ATTRIBUTE_KEY } from '@Shared/Hooks/useUserPreferences/constants';
-import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
+import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
+import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '../../Providers/ThemeProvider/types';
 import { BaseAppMetaData } from '../../Services';
 import { ResourceKindType } from '../../types';
 export interface GetUserPreferencesQueryParamsType {

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,7 +1054,6 @@ 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' | '';
@@ -1088,7 +1098,6 @@ export interface DeploymentStatusDetailsBreakdownDataType {
         deploymentErrorMessage: string;
         nextTimelineToProcess: DeploymentStatusTimelineType;
     } | null;
-    deploymentAppType: DeploymentAppTypes;
 }
 export interface IntelligenceConfig {
     clusterId: number;