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

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,
@@ -435,3 +420,5 @@ export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWi
 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

@@ -1131,4 +1131,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;