@devtron-labs/devtron-fe-common-lib 1.14.2 → 1.15.0

package/dist/Common/Constants.d.ts

@@ -2,19 +2,10 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/v/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
-export declare const DOCUMENTATION: {
-    APP_METRICS: string;
-    APP_TAGS: string;
-    APP_OVERVIEW_TAGS: string;
-    BLOB_STORAGE: string;
-    GLOBAL_CONFIG_BUILD_INFRA: string;
-    ENTERPRISE_LICENSE: string;
-    KUBE_CONFIG: string;
-    TENANT_INSTALLATION: string;
-};
+export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
 export declare const PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;
@@ -32,8 +23,10 @@ export declare const PATTERNS: {
     CONFIG_MAP_AND_SECRET_KEY: RegExp;
     CONFIGMAP_AND_SECRET_NAME: RegExp;
     ALPHANUMERIC_WITH_SPECIAL_CHAR_AND_SLASH: RegExp;
+    EMAIL: RegExp;
 };
 export declare const URLS: {
+    readonly LOGIN: "/login";
     readonly LOGIN_SSO: "/login/sso";
     readonly PERMISSION_GROUPS: "/global-config/auth/groups";
     readonly APP: "/app";

package/dist/Common/SegmentedControl/Segment.d.ts

@@ -1,3 +1,3 @@
 import { SegmentProps } from './types';
-declare const Segment: ({ segment, isSelected, name, selectedSegmentRef, onChange, fullWidth, size, disabled, }: SegmentProps) => JSX.Element;
+declare const Segment: ({ segment, isSelected, name, onChange, fullWidth, size, disabled }: SegmentProps) => JSX.Element;
 export default Segment;

package/dist/Common/SegmentedControl/types.d.ts

@@ -1,4 +1,3 @@
-import { RefObject } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
 import { ComponentSizeType } from '../../Shared/constants';
@@ -46,6 +45,9 @@ export type SegmentedControlProps = {
      * List of segments to be displayed
      */
     segments: SegmentType[];
+    /**
+     * Please make sure this is unique
+     */
     name: string;
     size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium>;
     fullWidth?: boolean;
@@ -66,6 +68,5 @@ export type SegmentedControlProps = {
 export interface SegmentProps extends Required<Pick<SegmentedControlProps, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
     isSelected: boolean;
     segment: SegmentType;
-    selectedSegmentRef: RefObject<HTMLDivElement> | undefined;
 }
 export {};

package/dist/Common/TippyCustomized.d.ts

@@ -1,2 +1,2 @@
 import { TippyCustomizedProps } from './Types';
-export declare const TippyCustomized: (props: TippyCustomizedProps) => JSX.Element;
+export declare const TippyCustomized: <T extends boolean = false>(props: TippyCustomizedProps<T>) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DeploymentStrategyType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -78,7 +78,10 @@ export interface CheckboxProps {
     error?: boolean;
     children?: ReactNode;
 }
-export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
+export interface TippyWithBaseDocLinkTypes<T extends boolean> extends Pick<DocLinkProps<T>, 'isExternalLink' | 'openInNewTab'> {
+    documentationLink?: DocLinkProps<T>['docLinkKey'];
+}
+export type TippyCustomizedProps<T extends boolean> = Pick<TippyProps, 'appendTo'> & TippyWithBaseDocLinkTypes<T> & {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
@@ -103,14 +106,13 @@ export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     animation?: string;
     duration?: number;
     additionalContent?: ReactNode;
-    documentationLink?: string;
     documentationLinkText?: string;
     children: React.ReactElement<any>;
     disableClose?: boolean;
-}
-export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'iconClass' | 'documentationLink' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo'> {
+};
+export interface InfoIconTippyProps<T extends boolean = false> extends Pick<TippyCustomizedProps<T>, 'heading' | 'infoText' | 'iconClass' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo' | 'documentationLink' | 'isExternalLink' | 'openInNewTab'> {
     dataTestid?: string;
-    children?: TippyCustomizedProps['children'];
+    children?: TippyCustomizedProps<T>['children'];
     iconClassName?: string;
     buttonPadding?: string;
 }

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

@@ -1,8 +1,12 @@
-import { LegacyRef, Ref } from 'react';
+import { LegacyRef, MouseEvent, ReactElement, Ref } from 'react';
 import { LinkProps } from 'react-router-dom';
+import { OmitNever } from '../../types';
+import { ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
+import { NumbersCountProps } from '../NumbersCount';
 import { PopoverProps, UsePopoverProps } from '../Popover';
 import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { DTSwitchProps } from '../Switch';
 type ConditionalActionMenuComponentType = {
     /**
      * @default 'button'
@@ -25,6 +29,29 @@ type ActionMenuItemIconType = Pick<IconsProps, 'name'> & {
     /** @default 'N800' */
     color?: IconsProps['color'];
 };
+type TrailingItemType = {
+    type: 'icon';
+    config: ActionMenuItemIconType;
+} | {
+    type: 'text';
+    config: {
+        value: string;
+        icon?: ActionMenuItemIconType;
+    };
+} | {
+    type: 'counter';
+    config: {
+        value: NumbersCountProps['count'];
+    };
+} | {
+    type: 'switch';
+    config: Pick<DTSwitchProps, 'ariaLabel' | 'isChecked' | 'indeterminate' | 'isDisabled' | 'isLoading' | 'name' | 'onChange' | 'tooltipContent'>;
+} | {
+    type: 'button';
+    config: OmitNever<Omit<Extract<ButtonProps, {
+        icon: ReactElement;
+    }>, 'size' | 'variant'>>;
+};
 export type ActionMenuItemType<T extends string | number = string | number> = Omit<SelectPickerOptionType, 'label' | 'value' | 'endIcon' | 'startIcon'> & {
     /** A unique identifier for the action menu item. */
     id: T;
@@ -39,8 +66,8 @@ export type ActionMenuItemType<T extends string | number = string | number> = Om
     type?: 'neutral' | 'negative';
     /** Defines the icon to be displayed at the start of the menu item. */
     startIcon?: ActionMenuItemIconType;
-    /** Defines the icon to be displayed at the end of the menu item. */
-    endIcon?: ActionMenuItemIconType;
+    /** Defines the item to be displayed at the end of the menu item. */
+    trailingItem?: TrailingItemType;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**
@@ -68,7 +95,7 @@ export type ActionMenuProps<T extends string | number = string | number> = UseAc
      * Callback function triggered when an item is clicked.
      * @param item - The selected item.
      */
-    onClick: (item: ActionMenuItemType<T>) => void;
+    onClick: (item: ActionMenuItemType<T>, e: MouseEvent<HTMLAnchorElement> | MouseEvent<HTMLButtonElement>) => void;
     /**
      * Config for the footer at the bottom of action menu list. It is sticky by default
      */

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -10,7 +10,9 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     filteredOptions: import('./types').ActionMenuOptionType<T>[];
     focusedIndex: number;
     itemsRef: import('react').MutableRefObject<RefObject<HTMLAnchorElement | HTMLButtonElement>[]>;
-    triggerProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+        bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
+    };
     overlayProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     popoverProps: {
         slot?: string;
@@ -271,5 +273,5 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     closePopover: () => void;
     searchTerm: string;
     handleSearch: (e: ChangeEvent<HTMLInputElement>) => void;
-    scrollableRef: import('react').MutableRefObject<HTMLElement>;
+    scrollableRef: import('react').MutableRefObject<any> | import('react').LegacyRef<any>;
 };

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

@@ -63,5 +63,5 @@ import { ButtonComponentType, ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
+declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, fontWeight, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
 export default Button;

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

@@ -1,6 +1,7 @@
 import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
 export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
+export declare const BUTTON_FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<ButtonProps['fontWeight'], string>;
 export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
 export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
 export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -116,7 +116,13 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * Props for tooltip
      */
-    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, 'alwaysShowTippyOnHover'>;
 } | {
     showTooltip?: never;
     tooltipProps?: never;
@@ -136,6 +142,12 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
      * If provided, icon to be displayed at the end of the button
      */
     endIcon?: ReactElement;
+    /**
+     * Controls the font weight of the button text
+     *
+     * @default 'bold'
+     */
+    fontWeight?: 'bold' | 'normal';
 } | {
     /**
      * If provided, icon button is rendered
@@ -155,4 +167,5 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     text?: never;
     startIcon?: never;
     endIcon?: never;
+    fontWeight?: never;
 });

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

@@ -1,6 +1,6 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
 export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon"> & {
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, fontWeight, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon" | "fontWeight"> & {
     isAutoTriggerActive: boolean;
 }>) => string;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryDiffView.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentTemplateHistoryType } from '../types';
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, codeEditorKey, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

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

@@ -427,7 +427,6 @@ export interface DeploymentTemplateHistoryType {
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
     rootClassName?: string;
-    codeEditorKey?: string;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
     result?: DeploymentHistoryDetail;

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

@@ -1,6 +1,6 @@
 import { CodeEditorProps } from './types';
 declare const CodeEditor: {
-    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, readOnly, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, disableSearch, }: CodeEditorProps<DiffView>): JSX.Element;
+    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, onSearchPanelOpen, onSearchBarAction, collapseUnchangedDiffView, ...resProps }: CodeEditorProps<DiffView>): JSX.Element;
     Clipboard: () => JSX.Element;
     Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => JSX.Element;
     Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;

package/dist/Shared/Components/CodeEditor/CodeEditorRenderer.d.ts

@@ -1,2 +1,2 @@
 import { CodeEditorRendererProps } from './types';
-export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, }: CodeEditorRendererProps) => JSX.Element;
+export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, collapseUnchanged, disableMinimap, }: CodeEditorRendererProps) => JSX.Element;

package/dist/Shared/Components/CodeEditor/Extensions/findAndReplace.d.ts

@@ -1,2 +1,3 @@
 import { EditorView, Panel } from '@uiw/react-codemirror';
-export declare const codeEditorFindReplace: (view: EditorView) => Panel;
+import { CodeEditorProps } from '../types';
+export declare const getCodeEditorFindReplace: (onSearchBarAction: CodeEditorProps["onSearchBarAction"]) => (view: EditorView) => Panel;

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

@@ -29,6 +29,12 @@ type CodeEditorDiffBaseProps = {
     originalValue?: ReactCodeMirrorProps['value'];
     modifiedValue?: ReactCodeMirrorProps['value'];
     isOriginalModifiable?: boolean;
+    /**
+     * When true, renders a diff view in readOnly mode with collapsed unchanged diffs.
+     * This disables the minimap, code-editor search functionality, and language linting.
+     * @default false
+     */
+    collapseUnchangedDiffView?: boolean;
 };
 type CodeEditorPropsBasedOnDiffView<DiffView extends boolean> = DiffView extends true ? CodeEditorDiffBaseProps & Never<CodeEditorBaseProps> : CodeEditorBaseProps & Never<CodeEditorDiffBaseProps>;
 export type CodeEditorProps<DiffView extends boolean = false> = {
@@ -52,6 +58,11 @@ export type CodeEditorProps<DiffView extends boolean = false> = {
     disableSearch?: boolean;
     diffView?: DiffView;
     theme?: AppThemeType;
+    onSearchPanelOpen?: () => void;
+    /**
+     * This method is triggered when user types something in the search/replace bar or applies a search or replace action.
+     */
+    onSearchBarAction?: () => void;
 } & CodeEditorPropsBasedOnDiffView<DiffView>;
 export interface GetCodeEditorHeightReturnType {
     codeEditorParentClassName: string;
@@ -63,7 +74,7 @@ export type HoverTexts = {
     typeInfo: string;
 };
 export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
-export interface FindReplaceProps {
+export interface FindReplaceProps extends Pick<CodeEditorProps, 'onSearchBarAction'> {
     view: EditorView;
     /** Default value for Search Query state. */
     defaultQuery: SearchQuery;
@@ -94,6 +105,8 @@ export type CodeEditorRendererProps = Required<Pick<CodeEditorProps, 'theme' | '
     modifiedViewExtensions: ReactCodeMirrorProps['extensions'];
     extensions: ReactCodeMirrorProps['extensions'];
     diffMinimapExtensions: ReactCodeMirrorProps['extensions'];
+    collapseUnchanged?: boolean;
+    disableMinimap?: boolean;
 };
 export interface DiffMinimapProps extends Pick<CodeEditorRendererProps, 'theme'> {
     view: MergeView;

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

@@ -1,6 +1,5 @@
 import { AppEnvDeploymentConfigListParams, DeploymentConfigDiffProps } from '..';
 import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, TemplateListDTO } from '../../Services/app.types';
-import { DiffViewerProps } from '../DiffViewer/types';
 export declare const getDeploymentTemplateData: (data: DeploymentTemplateDTO) => any;
 /**
  * Retrieves the draft data from the given configuration data object.
@@ -38,4 +37,3 @@ export declare const getDefaultVersionAndPreviousDeploymentOptions: (data: Templ
     previousDeployments: TemplateListDTO[];
     defaultVersions: TemplateListDTO[];
 };
-export declare const renderDiffViewNoDifferenceState: (lhsValue: string, rhsValue: string) => DiffViewerProps["codeFoldMessageRenderer"];

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

@@ -0,0 +1,2 @@
+import { DocLinkProps } from './types';
+export declare const DocLink: <T extends boolean = false>({ docLinkKey, text, dataTestId, startIcon, showExternalIcon, onClick, fontWeight, size, variant, isExternalLink, openInNewTab, fullWidth, }: DocLinkProps<T>) => JSX.Element;

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

@@ -0,0 +1,94 @@
+export declare const DOCUMENTATION: {
+    readonly ADMIN_PASSWORD: "install/install-devtron#devtron-admin-credentials";
+    readonly APP_CI_CONFIG_BUILD_WITHOUT_DOCKER: "usage/applications/creating-application/docker-build-configuration#build-docker-image-without-dockerfile";
+    readonly APP_CREATE: "usage/applications/create-application";
+    readonly APP_CREATE_CI_CONFIG: "usage/applications/creating-application/docker-build-configuration";
+    readonly APP_CREATE_CONFIG_MAP: "usage/applications/creating-application/config-maps";
+    readonly APP_CREATE_ENVIRONMENT_OVERRIDE: "usage/applications/creating-application/environment-overrides";
+    readonly APP_CREATE_MATERIAL: "usage/applications/creating-application/git-material";
+    readonly APP_CREATE_SECRET: "usage/applications/creating-application/secrets";
+    readonly APP_CREATE_WORKFLOW: "usage/applications/creating-application/workflow";
+    readonly APP_DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template";
+    readonly APP_EPHEMERAL_CONTAINER: "usage/applications/app-details/ephemeral-containers";
+    readonly APP_METRICS: "usage/applications/app-details/app-metrics";
+    readonly APP_OVERVIEW_TAGS: "usage/applications/overview#manage-tags";
+    readonly APP_ROLLOUT_DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template/rollout-deployment";
+    readonly BUILD_STAGE: "usage/applications/creating-application/workflow/ci-pipeline#build-stage";
+    readonly APP_TAGS: "usage/applications/create-application#tags";
+    readonly BLOB_STORAGE: "configurations-overview/installation-configuration#configuration-of-blob-storage";
+    readonly BULK_UPDATE: "usage/bulk-update";
+    readonly CHART_GROUP: "usage/deploy-chart/chart-group";
+    readonly CHART_LIST: "usage/deploy-chart/overview-of-charts";
+    readonly CHART_STORE_METRICS_SERVER: "dashboard//chart-store/discover?appStoreName=metrics-server";
+    readonly CUSTOM_VALUES: "usage/deploy-chart/overview-of-charts#custom-values";
+    readonly DEPLOYMENT: "usage/applications/creating-application/deployment-template/deployment";
+    readonly DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template";
+    readonly DEVTRON_UPGRADE: "getting-started/upgrade";
+    readonly CONFIGURING_WEBHOOK: "usage/applications/creating-application/workflow/ci-pipeline#configuring-webhook";
+    readonly ENTERPRISE_LICENSE: "enterprise-license";
+    readonly EXECUTE_CUSTOM_SCRIPT: "usage/applications/creating-application/workflow/ci-pipeline/ci-build-pre-post-plugins#execute-custom-script";
+    readonly EXTERNAL_LINKS: "getting-started/global-configurations/external-links";
+    readonly EXTERNAL_SECRET: "usage/applications/creating-application/secrets#external-secrets";
+    readonly HOME_PAGE: "https://devtron.ai";
+    readonly DOC_HOME_PAGE: "https://docs.devtron.ai";
+    readonly KUBE_CONFIG: "usage/resource-browser#running-kubectl-commands-locally";
+    readonly JOBS: "usage/jobs";
+    readonly TAINT: "usage/resource-browser#taint-a-node";
+    readonly GLOBAL_CONFIG_API_TOKEN: "getting-started/global-configurations/authorization/api-tokens";
+    readonly GLOBAL_CONFIG_BUILD_INFRA: "global-configurations/build-infra";
+    readonly GLOBAL_CONFIG_CHART: "getting-started/global-configurations/chart-repo";
+    readonly GLOBAL_CONFIG_CLUSTER: "getting-started/global-configurations/cluster-and-environments";
+    readonly GLOBAL_CONFIG_CUSTOM_CHART: "getting-started/global-configurations/custom-charts";
+    readonly GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES: "global-configurations/deployment-charts#preparing-a-deployment-chart";
+    readonly GLOBAL_CONFIG_DOCKER: "getting-started/global-configurations/container-registries";
+    readonly GLOBAL_CONFIG_GIT: "getting-started/global-configurations/git-accounts";
+    readonly GLOBAL_CONFIG_GITOPS: "global-configurations/gitops";
+    readonly GLOBAL_CONFIG_GITOPS_GITHUB: "global-configurations/gitops#github";
+    readonly GLOBAL_CONFIG_GITOPS_GITLAB: "global-configurations/gitops#gitlab";
+    readonly GLOBAL_CONFIG_GITOPS_AZURE: "global-configurations/gitops#azure";
+    readonly GLOBAL_CONFIG_GITOPS_BITBUCKET: "global-configurations/gitops#bitbucket";
+    readonly GLOBAL_CONFIG_GROUPS: "getting-started/global-configurations/authorization/permission-groups";
+    readonly GLOBAL_CONFIG_HOST_URL: "global-configurations/host-url";
+    readonly GLOBAL_CONFIG_NOTIFICATION: "getting-started/global-configurations/manage-notification";
+    readonly GLOBAL_CONFIG_PERMISSION: "global-configurations/authorization/user-access#devtron-apps-permissions";
+    readonly GLOBAL_CONFIG_PROJECT: "global-configurations/projects";
+    readonly GLOBAL_CONFIG_SSO: "getting-started/global-configurations/sso-login";
+    readonly GLOBAL_CONFIG_SCOPED_VARIABLES: "getting-started/global-configurations/scoped-variables";
+    readonly GLOBAL_CONFIG_USER: "getting-started/global-configurations/authorization/user-access";
+    readonly HYPERION: "usage/applications#view-external-helm-app-listing";
+    readonly JOB_CRONJOB: "usage/applications/creating-application/deployment-template/job-and-cronjob";
+    readonly JOB_SOURCE_CODE: "usage/jobs/configuration-job";
+    readonly JOB_WORKFLOW_EDITOR: "usage/jobs/workflow-editor-job";
+    readonly K8S_RESOURCES_PERMISSIONS: "global-configurations/authorization/user-access#kubernetes-resources-permissions";
+    readonly PRE_POST_BUILD_STAGE: "usage/applications/creating-application/ci-pipeline/ci-build-pre-post-plugins";
+    readonly ROLLOUT: "usage/applications/creating-application/deployment-template/rollout-deployment";
+    readonly SECURITY: "usage/security-features";
+    readonly SPECIFY_IMAGE_PULL_SECRET: "getting-started/global-configurations/container-registries#specify-image-pull-secret";
+    readonly TENANT_INSTALLATION: "usage/software-distribution-hub/tenants";
+    readonly CEL: "https://github.com/google/cel-spec/blob/master/doc/langdef.md";
+    readonly KUBERNETES_LABELS: "https://kubernetes.io/docs/concepts/overview/working-with-objects/labels";
+    readonly IMAGE_PROMOTION: "global-configurations/image-promotion-policy";
+    readonly IMAGE_PROMOTION_ASSIGN_TO: "global-configurations/image-promotion-policy#applying-an-image-promotion-policy";
+    readonly TAGS: "usage/applications/create-application#tags";
+    readonly TAGS_POLICY: "global-configurations/tags-policy";
+    readonly RESOURCE_WATCHER: "usage/resource-watcher";
+    readonly GITOPS_BITBUCKET: "global-configurations/gitops#bitbucket";
+    readonly DEPLOYMENT_CONFIGS: "resources/glossary#base-deployment-template";
+    readonly RJSF_PLAYGROUND: "https://rjsf-team.github.io/react-jsonschema-form/";
+    readonly GLOBAL_CONFIG_DEPLOYMENT_WINDOW: "global-configurations/deployment-window";
+    readonly GLOBAL_CONFIG_CATALOG_FRAMEWORK: "global-configurations/catalog-framework";
+    readonly GLOBAL_CONFIG_DEVTRON_APP_TEMPLATES: "global-configurations";
+    readonly GLOBAL_CONFIG_FILTER_CONDITION: "global-configurations/filter-condition";
+    readonly GLOBAL_CONFIG_LOCK_DEPLOYMENT_CONFIG: "global-configurations/lock-deployment-config";
+    readonly GLOBAL_CONFIG_PLUGINS_POLICY: "global-configurations/plugins-policy";
+    readonly GLOBAL_CONFIG_APPROVAL_POLICY: "global-configurations/approval-policy";
+    readonly GLOBAL_CONFIG_SSO_LOGIN_LDAP: "global-configurations/authorization/sso-login/ldap";
+    readonly GLOBAL_CONFIG_SSO_LOGIN_MICROSOFT: "global-configurations/authorization/sso-login/microsoft";
+    readonly GLOBAL_CONFIG_PULL_IMAGE_DIGEST: "global-configurations/pull-image-digest";
+    readonly GLOBAL_CONFIG_TAGS: "getting-started/global-configurations/tags-policy";
+    readonly SOFTWARE_DISTRIBUTION_HUB: "usage/software-distribution-hub";
+    readonly RELEASE_TRACKS: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
+    readonly RELEASES: "usage/software-distribution-hub/release-hub#creating-release-tracks-and-versions";
+    readonly TENANTS: "usage/software-distribution-hub/tenants#adding-installation";
+    readonly TENANTS_INSTALLATION: "usage/software-distribution-hub/tenants";
+};

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

@@ -0,0 +1,4 @@
+export { DOCUMENTATION } from './constants';
+export { DocLink } from './DocLink';
+export type { DocLinkProps } from './types';
+export { getDocumentationUrl } from './utils';

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

@@ -0,0 +1,18 @@
+import { MouseEvent } from 'react';
+import { ButtonComponentType, ButtonProps } from '..';
+import { DOCUMENTATION } from './constants';
+export type BaseDocLink<T extends boolean> = {
+    isExternalLink?: T;
+    isEnterprise?: boolean;
+    docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION;
+};
+export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
+    text?: string;
+    showExternalIcon?: boolean;
+    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * If `true`, the documentation will open in a new browser tab instead of the side panel.
+     * @default false
+     */
+    openInNewTab?: boolean;
+};

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

@@ -0,0 +1,2 @@
+import { BaseDocLink } from './types';
+export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, }: BaseDocLink<T>) => string;

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

@@ -1,2 +1,2 @@
 import { DynamicDataTableProps } from './types';
-export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, onRowAdd, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -1,2 +1,2 @@
 import { DynamicDataTableRowProps } from './types';
-export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, isAddRowButtonClicked, setIsAddRowButtonClicked, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, shouldAutoFocusOnMount, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
 import { TooltipProps } from '@Common/Tooltip/types';
@@ -166,11 +166,15 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
      * @default 'first column key'
      */
     focusableFieldKey?: K;
+    /**
+     * When true, the table will automatically focus the first focusable cell
+     * or cell key denoted by `focusableFieldKey` when the component mounts.
+     * @default false
+     */
+    shouldAutoFocusOnMount?: boolean;
 };
 export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'addBtnTooltip' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
 }
-export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey'> {
-    isAddRowButtonClicked: boolean;
-    setIsAddRowButtonClicked: Dispatch<SetStateAction<boolean>>;
+export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey' | 'shouldAutoFocusOnMount'> {
 }
 export {};

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

@@ -1,9 +1,10 @@
 import { default as React, ReactNode } from 'react';
 import { ImageType } from '../../../Common';
 import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
+import { DocLinkProps } from '../DocLink';
 interface BaseFeatureDescriptionModalProps {
     renderDescriptionContent?: () => ReactNode;
-    docLink?: string;
+    docLink?: DocLinkProps['docLinkKey'];
     imageVariant?: ImageType;
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     imageStyles?: React.CSSProperties;

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

@@ -1,3 +1,2 @@
-import { AnimatePresence, motion } from 'framer-motion';
-export * from './MotionDiv';
-export { AnimatePresence, motion };
+import { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue };

package/dist/Shared/Components/GenericInfoCard/GenericInfoCardListing.d.ts

@@ -0,0 +1,2 @@
+import { GenericInfoCardListingProps } from './types';
+export declare const GenericInfoCardListing: ({ isLoading, error, list, searchKey, reloadList, borderVariant, handleClearFilters, emptyStateConfig, }: GenericInfoCardListingProps) => JSX.Element;

package/dist/Shared/Components/GenericInfoCard/GenericInfoListSkeleton.d.ts

@@ -0,0 +1,2 @@
+import { GenericInfoListSkeletonProps } from './types';
+export declare const GenericInfoListSkeleton: ({ borderVariant }: GenericInfoListSkeletonProps) => JSX.Element;

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

@@ -1,2 +1,4 @@
 export { default as GenericInfoCard } from './GenericInfoCard.component';
-export { GenericInfoCardBorderVariant, type GenericInfoCardProps } from './types';
+export * from './GenericInfoCardListing';
+export { GenericInfoListSkeleton } from './GenericInfoListSkeleton';
+export { GenericInfoCardBorderVariant, type GenericInfoCardListingProps, type GenericInfoCardProps } from './types';

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

@@ -1,5 +1,8 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
+import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
+import { GenericEmptyStateType } from '../../../Common/Types';
+import { APIResponseHandlerProps } from '../APIResponseHandler';
 type BaseGenericInfoCardProps = {
     title: string;
     description: string;
@@ -23,4 +26,14 @@ export type GenericInfoCardProps = {
 } & Partial<Record<keyof BaseGenericInfoCardProps, never>>) | ({
     isLoading?: boolean;
 } & BaseGenericInfoCardProps));
+export interface GenericInfoCardListingProps extends Pick<GenericInfoCardProps, 'borderVariant'>, Pick<GenericFilterEmptyStateProps, 'handleClearFilters'> {
+    list: (Pick<GenericInfoCardProps, 'Icon' | 'author' | 'description' | 'linkProps' | 'onClick' | 'title'> & Record<'id', string>)[];
+    emptyStateConfig: Pick<GenericEmptyStateType, 'title' | 'subTitle' | 'image' | 'renderButton' | 'renderButton'>;
+    searchKey?: string;
+    reloadList: () => void;
+    error?: APIResponseHandlerProps['error'];
+    isLoading?: boolean;
+}
+export interface GenericInfoListSkeletonProps extends Partial<Pick<GenericInfoCardProps, 'borderVariant'>> {
+}
 export {};

package/dist/Shared/Components/Header/ProfileMenu.d.ts

@@ -0,0 +1,2 @@
+import { ProfileMenuProps } from './types';
+export declare const ProfileMenu: ({ user, onClick }: ProfileMenuProps) => JSX.Element;

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

@@ -1,11 +1,7 @@
-import { ModuleStatus } from '../../types';
+import { InstallationType, ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
 import { ActionMenuProps } from '../ActionMenu';
-export declare enum InstallationType {
-    OSS_KUBECTL = "oss_kubectl",
-    OSS_HELM = "oss_helm",
-    ENTERPRISE = "enterprise"
-}
+import { DOCUMENTATION } from '../DocLink';
 export interface PageHeaderType {
     headerName?: string;
     showTabs?: boolean;
@@ -17,9 +13,9 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
+    tippyProps?: Pick<TippyCustomizedProps<false>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
-        tippyRedirectLink?: string;
+        tippyRedirectLink?: keyof typeof DOCUMENTATION;
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
@@ -52,3 +48,7 @@ export declare enum HelpMenuItems {
     RAISE_ISSUE_REQUEST = "raise-issue-request"
 }
 export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;
+export interface ProfileMenuProps {
+    user: string;
+    onClick?: () => void;
+}