@devtron-labs/devtron-fe-common-lib 1.21.1-beta-5 → 1.22.0

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

@@ -1,7 +1,7 @@
 import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
 import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
 import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
-import { APIOptions, GenericEmptyStateType } from '../../../Common/index';
+import { GenericEmptyStateType } from '../../../Common/index';
 import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
@@ -91,6 +91,7 @@ export interface BulkOperationModalProps<T extends string = string, RowData exte
 type BulkSelectionConfigType = Pick<UseBulkSelectionProps<unknown>, 'getSelectAllDialogStatus'> & {
     BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
     BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
+    disableSelectAllAcrossEvenIfPaginated?: boolean;
 } & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
 export declare enum PaginationEnum {
     PAGINATED = "paginated",
@@ -160,7 +161,10 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
     /**
      * Use this component to display additional content at the end of a row when it is hovered over.
      */
-    RowActionsOnHoverComponent?: FunctionComponent<RowActionsOnHoverComponentProps<RowData, AdditionalProps>>;
+    rowActionOnHoverConfig?: {
+        Component: FunctionComponent<RowActionsOnHoverComponentProps<RowData, AdditionalProps>>;
+        width: string | number;
+    };
     bulkSelectionReturnValue: BulkSelectionReturnValueType | null;
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType<RowData>) => void;
@@ -177,7 +181,7 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
 } | {
     rows?: never;
     /** NOTE: Sorting on frontend is only handled if rows is provided instead of getRows */
-    getRows: (props: GetRowsProps, abortControllerRef: APIOptions['abortControllerRef']) => Promise<{
+    getRows: (props: GetRowsProps, signal: AbortSignal) => Promise<{
         rows: RowsType<RowData>;
         totalRows: number;
     }>;
@@ -192,7 +196,7 @@ export type UseResizableTableConfigWrapperProps<RowData extends unknown, FilterV
 export type TableWithBulkSelectionProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<UseResizableTableConfigWrapperProps<RowData, FilterVariant, AdditionalProps>, 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow'>;
 export type VisibleColumnsWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<TableWithBulkSelectionProps<RowData, FilterVariant, AdditionalProps>, 'visibleColumns' | 'setVisibleColumns'>;
 export type FilterWrapperProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> = Omit<VisibleColumnsWrapperProps<RowData, FilterVariant, AdditionalProps>, 'filterData'>;
-export type TableProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = Pick<FilterWrapperProps<RowData, FilterVariant, AdditionalProps>, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
+export type TableProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = Pick<FilterWrapperProps<RowData, FilterVariant, AdditionalProps>, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'rowActionOnHoverConfig' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
 export type BulkActionStateType = string | null;
 export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
     count: number;
@@ -206,9 +210,11 @@ export interface GetFilteringPromiseProps<RowData extends unknown> {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType<RowData>> | RowsType<RowData>;
 }
-export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions' | 'getRows'> {
+export interface RowsResultType<RowData extends unknown> {
     filteredRows: RowsType<RowData>;
-    areFilteredRowsLoading: boolean;
     totalRows: number;
 }
+export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'rowActionOnHoverConfig' | 'pageSizeOptions' | 'getRows'>, RowsResultType<RowData> {
+    areFilteredRowsLoading: boolean;
+}
 export {};

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { OmitNever } from '../../types';
+import { ActionMenuProps } from '../ActionMenu';
 import { ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
 import { NumbersCountProps } from '../NumbersCount';
@@ -30,6 +31,9 @@ export type TrailingItemType = {
     config: OmitNever<Omit<Extract<ButtonProps, {
         icon: ReactElement;
     }>, 'size' | 'variant'>>;
+} | {
+    type: 'action-menu';
+    config: ActionMenuProps;
 };
 export type TrailingItemProps = TrailingItemType & {
     /**

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

@@ -1,3 +1,3 @@
 import { TreeViewProps } from './types';
-declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, }: TreeViewProps<DataAttributeType>) => JSX.Element;
+declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, highlightSelectedHeadingOnlyWhenCollapsed, useOverflowAuto, }: TreeViewProps<DataAttributeType>) => JSX.Element;
 export default TreeView;

package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts

@@ -1,3 +1,3 @@
 import { TreeViewNodeContentProps } from './types';
-declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, }: TreeViewNodeContentProps) => JSX.Element;
+declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, variant, }: TreeViewNodeContentProps) => JSX.Element;
 export default TreeViewNodeContent;

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

@@ -2,3 +2,6 @@ import { TreeViewProps } from './types';
 export declare const DEFAULT_NO_ITEMS_TEXT = "No items found";
 export declare const VARIANT_TO_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;
 export declare const VARIANT_TO_HOVER_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_SELECTED_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TEXT_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TREE_ITEM_ACTIVE_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;

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

@@ -96,9 +96,11 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     onClick?: (e: SyntheticEvent) => void;
     href?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 } | {
     as: 'link';
     href: string;
+    activeClassName?: string;
     /**
      * The callback function to handle click events on the nav link.
      */
@@ -113,6 +115,7 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     href?: never;
     onClick?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 });
 /**
  * Props for the TreeView component.
@@ -151,14 +154,25 @@ export type TreeViewProps<DataAttributeType = null> = {
      */
     mode?: 'navigation' | 'form';
     /**
-     * If primary the background color will be bg__primary and bg__hover--opaque, if secondary the background color will be bg__secondary bg__hover-secondary--opaque.
+     * If primary the background color will be bg__primary and bg__hover--opaque \
+     * if secondary the background color will be bg__secondary bg__hover-secondary--opaque,
+     * if sidenav the background color will be bg__transparent bg__hover-sidebar-item.
      * @default 'primary'
      */
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'sidenav';
     /**
      * @default {}
      */
     defaultExpandedMap?: Record<string, boolean>;
+    /**
+     * When true, the selected heading (`selectedId`) will be highlighted only when it is collapsed.
+     * @default false
+     */
+    highlightSelectedHeadingOnlyWhenCollapsed?: boolean;
+    /**
+     * @default true
+     */
+    useOverflowAuto?: boolean;
 } /**
  * WARNING: For internal use only.
  */ & ({
@@ -188,7 +202,7 @@ export type TreeViewProps<DataAttributeType = null> = {
     expandedMap?: never;
     isControlled?: false;
 });
-export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'> {
+export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'>, Required<Pick<TreeViewProps, 'variant'>> {
     type: 'heading' | 'item';
     isSelected: boolean;
 }

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

@@ -16,10 +16,10 @@ export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloa
 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">[];
+} & Required<Pick<WorkflowOptionsModalProps, "changeCIPayload" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "disabled" | "dataTestId" | "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">[];
+} & Required<Pick<WorkflowOptionsModalProps, "linkedCDSourceVariant" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "disabled" | "dataTestId" | "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">[];
+} & Required<Pick<WorkflowOptionsModalProps, "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "disabled" | "dataTestId" | "type" | "subtitle" | "icons">[];

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

@@ -13,8 +13,11 @@ export * from './BulkSelection';
 export * from './Button';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './Card';
+export * from './Charts';
 export * from './Chip';
 export * from './CICDHistory';
+export * from './ClusterStatusIcon';
 export * from './CMCS';
 export * from './CodeEditor';
 export * from './Collapse';
@@ -36,6 +39,7 @@ export * from './EditImageFormField';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';
+export * from './ExportToCsv';
 export * from './FeatureDescription';
 export * from './FileUpload';
 export * from './FilterChips';
@@ -59,6 +63,7 @@ export * from './ImageWithFallback';
 export * from './InfoBlock';
 export * from './InfoIconTippy';
 export * from './InvalidYAMLTippy';
+export * from './KeyboardShortcut';
 export * from './KeyValueTable';
 export * from './License';
 export { default as LoadingCard } from './LoadingCard';
@@ -71,6 +76,7 @@ export * from './Plugin';
 export * from './Popover';
 export * from './PortalContainer';
 export * from './ProgressBar';
+export * from './PrometheusConfigurations';
 export { default as QRCode } from './QRCode';
 export * from './ReactSelect';
 export * from './RegistryIcon';
@@ -78,6 +84,7 @@ export * from './ScannedByToolModal';
 export * from './Security';
 export * from './SelectPicker';
 export * from './ShowMoreText';
+export * from './SideNavigation';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
 export * from './Switch';

package/dist/Shared/Helpers.d.ts

@@ -104,5 +104,16 @@ 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 declare const YAMLtoJSON: (yamlString: string) => string;
+export declare const formatNumberToCurrency: (value: number, currency: string, minimumFractionDigits?: number) => string;
+/**
+ * Returns the human readable explanation of the expression
+ * NOTE: expectation is that the expression is valid
+ *
+ * @throws Error - if given expression is incorrect
+ * @param expression
+ * @returns string - helper text explaining the expression in a human readable format
+ */
+export declare const explainCronExpression: (expression: string) => string;
 export declare const getGVKTitle: (gvk: GVKType) => string;
 export {};

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

@@ -1,7 +1,2 @@
 import { Teams } from '../../../Common/Types';
-import { ClusterType } from '../../Services';
-import { AppsGroupedByProjectsType, EnvironmentsGroupedByClustersType } from './types';
-export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
 export declare const getProjectOptions: () => Promise<Pick<Teams, "id" | "name">[]>;
-export declare const getClusterOptions: () => Promise<ClusterType[]>;
-export declare const getEnvironmentOptionsGroupedByClusters: () => Promise<EnvironmentsGroupedByClustersType>;

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

@@ -1,24 +1,9 @@
+import { getAppOptionsGroupedByProjects } from '../../../Common/Common.service';
 import { ServerErrors } from '../../../Common/ServerError';
-import { EnvironmentType, ResourceKindType } from '../../types';
-import { getAppOptionsGroupedByProjects, getClusterOptions, getProjectOptions } from './service';
-export interface AppType {
-    name: string;
-}
-export type AppsGroupedByProjectsType = {
-    projectId: number;
-    projectName: string;
-    appList: AppType[];
-}[];
-export type EnvironmentsGroupedByClustersType = {
-    clusterName: EnvironmentType['cluster'];
-    envList: EnvironmentType[];
-}[];
-export interface ClusterDTO {
-    id: number;
-    cluster_name: string;
-    isVirtualCluster: boolean;
-    isProd: boolean;
-}
+import { EnvironmentsGroupedByClustersType } from '../../../Common/Types';
+import { getClusterOptions } from '../../index';
+import { ResourceKindType } from '../../types';
+import { getProjectOptions } from './service';
 export interface UseGetResourceKindsOptionsProps {
     resourcesToFetch: Extract<ResourceKindType, ResourceKindType.devtronApplication | ResourceKindType.project | ResourceKindType.cluster | ResourceKindType.environment>[];
 }

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

@@ -4,7 +4,7 @@ import { PreferredResourceKindType, UserPreferenceFilteredListTypes, UserPrefere
  * @description This function fetches the user preferences from the server. It uses the `get` method to make a request to the server and retrieves the user preferences based on the `USER_PREFERENCES_ATTRIBUTE_KEY`. The result is parsed and returned as a `UserPreferencesType` object.
  * @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 getUserPreferences: (signal?: AbortSignal) => Promise<UserPreferencesType>;
 export declare const updateUserPreferences: ({ path, value, resourceKind, shouldThrowError, userPreferencesResponse, }: UserPreferenceResourceProps) => Promise<boolean>;
 /**
  * Optimized function to get updated user preferences with resource filtering

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

@@ -1,6 +1,7 @@
 import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
 import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '../../Providers/ThemeProvider/types';
 import { ResourceKindType } from '../../types';
+import { NavigationItemID, NavigationSubMenuItemID } from '../../../Pages-Devtron-2.0/Navigation';
 export interface GetUserPreferencesQueryParamsType {
     key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
 }
@@ -23,6 +24,7 @@ export interface UserResourceKindActionType {
     [UserPreferenceResourceActions.RECENTLY_VISITED]: BaseRecentlyVisitedEntitiesTypes[];
 }
 export type UserPreferenceResourceType = Partial<Record<PreferredResourceKindType, UserResourceKindActionType>>;
+export type CommandBarAdditionalItemsId = 'app-management-devtron-app-list' | 'app-management-helm-app-list' | 'app-management-flux-app-list' | 'app-management-argo-app-list' | `app-management-devtron-app-list-${number}` | 'search-app-list-view' | `chart-list-${number}` | 'search-chart-list-view' | `helm-app-list-${number}` | 'search-helm-app-list-view' | `cluster-list-${number}` | 'search-cluster-list-view';
 export interface GetUserPreferencesParsedDTO {
     viewPermittedEnvOnly?: boolean;
     /**
@@ -36,13 +38,18 @@ export interface GetUserPreferencesParsedDTO {
      *
      */
     resources?: UserPreferenceResourceType;
+    commandBar: {
+        recentNavigationActions: {
+            id: NavigationItemID | NavigationSubMenuItemID | CommandBarAdditionalItemsId;
+        }[];
+    };
 }
 export interface UserPreferencesPayloadValueType extends GetUserPreferencesParsedDTO {
 }
 export interface UpdateUserPreferencesPayloadType extends Pick<GetUserPreferencesQueryParamsType, 'key'> {
     value: string;
 }
-export interface UserPreferencesType {
+export interface UserPreferencesType extends Pick<GetUserPreferencesParsedDTO, 'commandBar'> {
     /**
      * Preferred theme for the user
      * If null, would forcibly show user theme switcher dialog for user to select
@@ -69,7 +76,7 @@ export interface UseUserPreferencesProps {
     migrateUserPreferences?: (userPreferencesResponse: UserPreferencesType) => Promise<UserPreferencesType>;
     recentlyVisitedFetchConfig?: RecentlyVisitedFetchConfigType;
 }
-export type UserPathValueMapType = {
+type UserPathValueMapType = {
     path: 'themePreference';
     value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
     resourceKind?: never;
@@ -84,7 +91,28 @@ export type UserPathValueMapType = {
     value: Required<BaseRecentlyVisitedEntitiesTypes[]>;
     resourceKind: PreferredResourceKindType;
     userPreferencesResponse?: UserPreferencesType;
+} | {
+    path: 'commandBar.recentNavigationActions';
+    value: UserPreferencesType['commandBar']['recentNavigationActions'];
+    resourceKind?: never;
+    userPreferencesResponse?: never;
 };
+export type GetUserPreferencePayloadParams = {
+    userPreferencesResponse: UserPreferencesType;
+    resourceKind?: PreferredResourceKindType;
+} & ({
+    path: 'themePreference';
+    value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
+} | {
+    path: 'pipelineRBACViewSelectedTab';
+    value: Required<Pick<UserPreferencesType, 'pipelineRBACViewSelectedTab'>>;
+} | {
+    path: 'resources';
+    value: Required<BaseRecentlyVisitedEntitiesTypes[]>;
+} | {
+    path: 'commandBar.recentNavigationActions';
+    value: UserPreferencesType['commandBar']['recentNavigationActions'];
+});
 export type UserPreferenceResourceProps = UserPathValueMapType & {
     shouldThrowError?: boolean;
     userPreferencesResponse?: UserPreferencesType;
@@ -92,3 +120,4 @@ export type UserPreferenceResourceProps = UserPathValueMapType & {
 export interface UserPreferenceFilteredListTypes extends UserPreferenceRecentlyVisitedAppsTypes {
     userPreferencesResponse?: UserPreferencesType;
 }
+export {};

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

@@ -21,6 +21,7 @@ export interface SidePanelConfig {
     reinitialize?: boolean;
     /** URL to documentation that should be displayed in the panel */
     docLink: string | null;
+    aiSessionId?: string;
 }
 type AIAgentContextType = {
     path: string;
@@ -39,6 +40,14 @@ export interface TempAppWindowConfig {
     showOpenInNewTab?: boolean;
     /** React component to render in the window */
     component?: JSX.Element;
+    customCloseConfig?: {
+        /**
+         * Provide this method if you want to do something before temp window closes
+         * Provide noop if not relevant
+         * */
+        beforeClose: () => void;
+        icon: JSX.Element;
+    };
 }
 type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void;

package/dist/Shared/Services/common.service.d.ts

@@ -1,6 +1,9 @@
 import { AppConfigProps } from '../../Pages/index';
+import { AllClusterListMinItemDTO, ClusterType } from '..';
 import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types';
 export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
 export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;
 export declare const saveCDPipeline: (request: any, { isTemplateView }: Required<Pick<AppConfigProps, "isTemplateView">>) => Promise<import('../../Common').ResponseType<any>>;
 export declare const getEnvironmentData: () => Promise<import('../../Common').ResponseType<EnvironmentDataValuesDTO>>;
+export declare const getClusterOptions: (signal?: AbortSignal) => Promise<ClusterType[]>;
+export declare const getAllClusterListMin: (signal: AbortSignal) => Promise<import('../../Common').ResponseType<AllClusterListMinItemDTO[]>>;

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

@@ -1,5 +1,5 @@
 import { MainContext } from '../Providers';
-import { getUrlWithSearchParams } from '../../Common';
+import { ClusterDetailDTO, getUrlWithSearchParams } from '../../Common';
 import { PolicyKindType, ResourceKindType, ResourceVersionType } from '../types';
 export interface BaseAppMetaData {
     appId: number;
@@ -40,4 +40,13 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     devtronManagedLicensingEnabled: boolean;
     isResourceRecommendationEnabled?: boolean;
 }
+export interface ClusterMinDTO {
+    id: number;
+    cluster_name: string;
+    isVirtualCluster: boolean;
+    isProd: boolean;
+}
+export type AllClusterListMinItemDTO = Pick<ClusterDetailDTO, 'id' | 'cluster_name' | 'isVirtualCluster' | 'isProd'> & {
+    costModuleConfig: Pick<ClusterDetailDTO['costModuleConfig'], 'enabled' | 'installationStatus'>;
+};
 export {};

package/dist/Shared/constants.d.ts

@@ -1,6 +1,6 @@
 import { DeploymentNodeType, OptionType } from '../Common/Types';
 import { InfoBlockProps } from './Components';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, DeploymentStrategyTypeWithDefault, IconBaseColorType } from './types';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, DeploymentStrategyTypeWithDefault, IconBaseColorType, RemoteConnectionType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -322,27 +322,12 @@ 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: {
     SAMPLE_NODE_REPO_URL: string;
-    CREATE_DEVTRON_APP_URL: string;
     AppTabs: {
         DEVTRON_APPS: string;
         HELM_APPS: string;
         ARGO_APPS: string;
         FLUX_APPS: string;
     };
-    AppType: {
-        DEVTRON_APPS: string;
-        HELM_APPS: string;
-        ARGO_APPS: string;
-        FLUX_APPS: string;
-    };
-    FilterType: {
-        PROJECT: string;
-        CLUTSER: string;
-        NAMESPACE: string;
-        ENVIRONMENT: string;
-        APP_STATUS: string;
-        TEMPLATE_TYPE: string;
-    };
 };
 export declare enum K8sResourcePayloadAppType {
     DEVTRON_APP = 0,
@@ -434,4 +419,5 @@ export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
 export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWithDefault, string>;
 export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];
 export declare const ALLOW_ACTION_OUTSIDE_FOCUS_TRAP = "allow-action-outside-focus-trap";
-export declare const LICENSE_KEY_QUERY_PARAM = "licenseKey";
+export declare const REMOTE_CONNECTION_TYPE_LABEL_MAP: Record<RemoteConnectionType, string>;
+export declare const TARGET_K8S_VERSION_SEARCH_KEY = "targetK8sVersion";

package/dist/Shared/types.d.ts

@@ -941,10 +941,18 @@ export interface LicenseErrorStruct {
     code: LicensingErrorCodes;
     userMessage: string;
 }
-export type DevtronLicenseBaseDTO = {
+export interface DevtronLicenseBaseDTO {
     fingerprint: string | null;
     isTrial: boolean | null;
     isFreemium: boolean | null;
+    /**
+     * In timestamp format
+     */
+    expiry: string | null;
+    /**
+     * Can be negative, depicts time left in seconds for license to expire
+     */
+    ttl: number | null;
     /**
      * Show a reminder after these many DAYS left for license to expire, i.e,
      * Show if `ttl` is less than `reminderThreshold` [converted to seconds]
@@ -955,28 +963,7 @@ export type DevtronLicenseBaseDTO = {
         domain: string | null;
     } | null;
     license: string | null;
-} & ({
-    isSaasInstance: true;
-    /**
-     * In seconds
-     */
-    timeElapsedSinceCreation: number;
-    creationTime: string;
-    ttl?: never;
-    expiry?: never;
-} | {
-    isSaasInstance?: false;
-    timeElapsedSinceCreation?: never;
-    creationTime?: never;
-    /**
-     * Can be negative, depicts time left in seconds for license to expire
-     */
-    ttl: number | null;
-    /**
-     * In timestamp format
-     */
-    expiry: string | null;
-});
+}
 export type DevtronLicenseDTO<isCentralDashboard extends boolean = false> = DevtronLicenseBaseDTO & (isCentralDashboard extends true ? {
     claimedByUserDetails: {
         firstName: string | null;
@@ -986,13 +973,8 @@ export type DevtronLicenseDTO<isCentralDashboard extends boolean = false> = Devt
     showLicenseData?: never;
     licenseStatusError?: never;
     moduleLimits?: never;
-    instanceData: {
-        devtronUrl: string;
-        devtronPassword: string;
-    } | null;
 } : {
     claimedByUserDetails?: never;
-    instanceData?: never;
     showLicenseData: boolean;
     licenseStatusError?: LicenseErrorStruct;
     moduleLimits: {
@@ -1131,4 +1113,24 @@ export interface PipelineDeploymentStrategy {
     strategies: Strategy[];
     error: ServerError;
 }
+export declare enum RemoteConnectionType {
+    Direct = "DIRECT",
+    Proxy = "PROXY",
+    SSHTunnel = "SSH"
+}
+export declare enum AuthenticationType {
+    BASIC = "BASIC",
+    ANONYMOUS = "ANONYMOUS",
+    IAM = "IAM"
+}
+/**
+ * Makes all props in T optional and set to never when isLoading is true.
+ * Used for components with loading states.
+ * @example See usage in CostVisibility -> cards
+ */
+export type PropsTypeWithIsLoading<T extends Record<string, any>> = (Partial<Record<keyof T, never>> & {
+    isLoading: true;
+}) | ({
+    isLoading?: false;
+} & T);
 export {};

package/dist/Shared/validations.d.ts

@@ -60,3 +60,5 @@ export declare const validateCMVolumeMountPath: (value: string) => {
 };
 export declare const validateYAML: (yamlString: string, isRequired?: boolean) => ValidationResponseType;
 export declare const validateEmail: (email: string) => ValidationResponseType;
+export declare const getIsRegexValid: (regexString: string) => ValidationResponseType;
+export declare const validateCronExpression: (expression: string) => ValidationResponseType;