@devtron-labs/devtron-fe-common-lib 1.13.0 → 1.14.0-beta-1

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

@@ -0,0 +1,105 @@
+import { DetailedHTMLProps, KeyboardEvent, MutableRefObject, ReactElement } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import { ButtonProps } from '../Button';
+export interface UsePopoverProps {
+    /**
+     * A unique identifier for the popover.
+     */
+    id: string;
+    /**
+     * The width of the popover.
+     * Can be a number representing the width in pixels or the string `'auto'` for automatic sizing (up to 250px).
+     * @default 'auto'
+     */
+    width?: number | 'auto';
+    /**
+     * The position of the popover relative to its trigger element.
+     * Possible values are:
+     * - `'bottom'`: Positions the popover below the trigger.
+     * - `'top'`: Positions the popover above the trigger.
+     * - `'left'`: Positions the popover to the left of the trigger.
+     * - `'right'`: Positions the popover to the right of the trigger.
+     * @default 'bottom'
+     */
+    position?: 'bottom' | 'top' | 'left' | 'right';
+    /**
+     * The alignment of the popover relative to its trigger element.
+     * Possible values are:
+     * - `'start'`: Aligns the popover to the start of the trigger.
+     * - `'middle'`: Aligns the popover to the center of the trigger.
+     * - `'end'`: Aligns the popover to the end of the trigger.
+     * @default 'start'
+     */
+    alignment?: 'start' | 'middle' | 'end';
+    /**
+     * Callback function triggered when the popover is opened or closed.
+     * @param open - A boolean indicating whether the popover is open.
+     */
+    onOpen?: (open: boolean) => void;
+    /**
+     * Callback function triggered when a key is pressed while the trigger element is focused.
+     * @param e - The keyboard event.
+     * @param openState - A boolean indicating whether the popover is currently open.
+     * @param closePopover - A function to close the popover.
+     */
+    onTriggerKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
+    /**
+     * Callback function triggered when a key is pressed while the popover is focused.
+     * @param e - The keyboard event.
+     * @param openState - A boolean indicating whether the popover is currently open.
+     * @param closePopover - A function to close the popover.
+     */
+    onPopoverKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
+}
+/**
+ * Represents the return type of the `usePopover` hook, providing properties and methods
+ * to manage and interact with a popover component.
+ */
+export interface UsePopoverReturnType {
+    /**
+     * Indicates whether the popover is currently open.
+     */
+    open: boolean;
+    /**
+     * Props to be spread onto the trigger element that opens the popover.
+     * These props include standard HTML attributes for a `div` element.
+     */
+    triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Props to be spread onto the overlay element of the popover.
+     * These props include standard HTML attributes for a `div` element.
+     */
+    overlayProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Props to be spread onto the popover element itself.
+     * Includes motion-related props for animations and a `ref` to the popover's `div` element.
+     */
+    popoverProps: HTMLMotionProps<'div'> & {
+        ref: MutableRefObject<HTMLDivElement>;
+    };
+    /**
+     * A mutable reference to the scrollable element inside the popover. \
+     * This reference should be assigned to the element that is scrollable.
+     */
+    scrollableRef: MutableRefObject<HTMLElement>;
+    /**
+     * A function to close the popover.
+     */
+    closePopover: () => void;
+}
+export type PopoverProps = Pick<UsePopoverReturnType, 'open' | 'overlayProps' | 'popoverProps' | 'triggerProps'> & {
+    /**
+     * Popover contents.
+     * This can be any React element or JSX to render inside the popover.
+     */
+    children: ReactElement;
+    /**
+     * Properties for the button to which the Popover is attached.
+     */
+    buttonProps: ButtonProps | null;
+    /**
+     * The React element to which the Popover is attached.
+     * @note only use when `triggerElement` is not `Button` component otherwise use `buttonProps`.
+     */
+    triggerElement: ReactElement | null;
+};

package/dist/Shared/Components/Popover/usePopover.hook.d.ts

@@ -0,0 +1,2 @@
+import { UsePopoverProps, UsePopoverReturnType } from './types';
+export declare const usePopover: ({ id, position, alignment, width, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;

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

@@ -0,0 +1,92 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { UsePopoverProps } from './types';
+export declare const getPopoverAlignmentStyle: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
+    right: number;
+    left?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    left: string;
+    right?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    left: number;
+    right?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+} | {
+    bottom: number;
+    right?: undefined;
+    left?: undefined;
+    top?: undefined;
+} | {
+    top: string;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+} | {
+    top: number;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+};
+export declare const getPopoverPositionStyle: ({ position }: Pick<UsePopoverProps, "position">) => {
+    bottom: string;
+    marginBottom: number;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    right: string;
+    marginRight: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    left: string;
+    marginLeft: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+    top?: undefined;
+    marginTop?: undefined;
+} | {
+    top: string;
+    marginTop: number;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+};
+export declare const getPopoverFramerProps: ({ position, alignment }: Pick<UsePopoverProps, "position" | "alignment">) => {
+    initial: {
+        [x: string]: number;
+        opacity: number;
+    };
+    animate: {
+        [x: string]: number;
+        opacity: number;
+    };
+    exit: {
+        [x: string]: number;
+        opacity: number;
+    };
+    transformTemplate: HTMLMotionProps<"div">["transformTemplate"];
+};
+export declare const getPopoverActualPositionAlignment: ({ position, alignment, triggerRect, popoverRect, }: Pick<UsePopoverProps, "position" | "alignment"> & {
+    triggerRect: DOMRect;
+    popoverRect: DOMRect;
+}) => {
+    fallbackPosition: "top" | "right" | "bottom" | "left";
+    fallbackAlignment: "start" | "middle" | "end";
+};

package/dist/Shared/Components/Security/SecurityModal/types.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SegmentedBarChartProps } from '../../../../Common/SegmentedBarChart';
+import { Entity } from '@Common/SegmentedBarChart/types';
 import { ServerErrors } from '../../../../Common/ServerError';
 import { GenericEmptyStateType } from '../../../../Common/Types';
 import { LastExecutionResultType, Nodes, NodeType } from '../../../types';
@@ -72,7 +72,7 @@ export interface StatusType {
     scanToolUrl: string;
 }
 export interface InfoCardPropsType extends Pick<StatusType, 'scanToolName' | 'scanToolUrl'> {
-    entities: SegmentedBarChartProps['entities'];
+    entities: NonNullable<Entity[]>;
     lastScanTimeString?: string;
 }
 export type DetailViewDataType = {

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "var(--R700)";
+    color: "var(--Y500)" | "var(--R700)" | "var(--R500)" | "var(--G500)" | "var(--N300)" | "var(--O500)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -8,8 +8,10 @@ export declare const SelectPickerControl: <OptionValue>(props: ControlProps<Sele
 export declare const SelectPickerInput: <OptionValue>(props: InputProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => JSX.Element;
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
+export declare const SelectPickerMenuListFooter: ({ menuListFooterConfig, }: Required<Pick<SelectPickerProps, "menuListFooterConfig">>) => JSX.Element;
 export declare const SelectPickerMenuList: <OptionValue>(props: MenuListProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;
 export declare const renderLoadingMessage: () => JSX.Element;
+export declare const ValueContainerWithLoadingShimmer: (props: ValueContainerProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+export { ValueContainerWithLoadingShimmer } from './common';
 export { default as FilterSelectPicker } from './FilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -40,6 +40,10 @@ type MenuListFooterConfigType = {
     buttonProps: {
         variant: ButtonVariantType.primary | ButtonVariantType.borderLess;
     } & Omit<ButtonProps<ButtonComponentType>, 'size' | 'fullWidth' | 'icon' | 'endIcon' | 'variant' | 'style'>;
+} | {
+    type: 'customNode';
+    value: ReactElement;
+    buttonProps?: never;
 };
 declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {

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

@@ -16,7 +16,8 @@ export declare enum StatusType {
     PROGRESSING = "PROGRESSING",
     INPROGRESS = "INPROGRESS",
     HIBERNATING = "HIBERNATING",
-    TIMED_OUT = "TIMED_OUT"
+    TIMED_OUT = "TIMED_OUT",
+    DELETING = "DELETING"
 }
 export interface StatusComponentProps {
     /** The status to display, either a predefined StatusType or a custom string. */

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,5 +1,5 @@
 import { TabGroupProps, TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, iconElement, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active" | "iconElement"> & Pick<TabGroupProps, "size"> & {
     className: string;
 }) => JSX.Element;
 export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;

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

@@ -65,6 +65,38 @@ type TabTooltipProps = {
     shouldWrapTooltip?: never;
     tooltipProps?: never;
 };
+/**
+ * Represents the properties for defining an icon in a tab group.
+ * This type allows for three configurations:
+ *
+ * 1. **Icon as a functional component or string**:
+ *    - Use the `icon` property to specify either a functional component that renders an SVG or a string representing the name of the icon.
+ *    - The `iconElement` property must not be provided in this case.
+ *
+ * 2. **Icon as a JSX element**:
+ *    - Use the `iconElement` property to specify a JSX element representing the icon.
+ *    - The `icon` property must not be provided in this case.
+ *
+ * 3. **No icon**:
+ *    - Neither `icon` nor `iconElement` is provided, resulting in no icon being displayed.
+ *
+ */
+type TabGroupIconProp = {
+    /**
+     * A functional component rendering an SVG or a string representing the icon name. Mutually exclusive with `iconElement`.
+     */
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
+    iconElement?: never;
+} | {
+    icon?: never;
+    /**
+     * A JSX element representing the icon. Mutually exclusive with `icon`.
+     */
+    iconElement: JSX.Element;
+} | {
+    icon?: never;
+    iconElement?: never;
+};
 export type TabProps = {
     /**
      * Unique identifier for the tab.
@@ -79,12 +111,6 @@ export type TabProps = {
      * @note - If passed as a `string[]`, it will be rendered with a bullet in-between strings.
      */
     description?: string | string[];
-    /**
-     * Icon to be displayed in the tab.
-     * This can either be a functional component that renders a SVG
-     * or a string representing the name of the icon to be rendered by the Icon component.
-     */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */
@@ -107,7 +133,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps;
+} & ConditionalTabType & TabTooltipProps & TabGroupIconProp;
 export interface TabGroupProps {
     /**
      * Array of tabs to be rendered.

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

@@ -1,3 +1,3 @@
 import { TargetPlatformListTooltipProps } from './types';
-declare const TargetPlatformListTooltip: ({ targetPlatforms, children }: TargetPlatformListTooltipProps) => JSX.Element;
+declare const TargetPlatformListTooltip: ({ targetPlatforms, children, appendTo }: TargetPlatformListTooltipProps) => JSX.Element;
 export default TargetPlatformListTooltip;

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

@@ -2,6 +2,5 @@ import { TooltipProps } from '@Common/Tooltip/types';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }
-export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'> {
-    children: TooltipProps['children'];
+export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'>, Pick<TooltipProps, 'children' | 'appendTo'> {
 }

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

@@ -3,8 +3,8 @@ export * from './ActionMenu';
 export * from './ActivityIndicator';
 export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
-export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
+export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
 export * from './BulkOperations';
@@ -24,12 +24,12 @@ export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';
 export * from './DeploymentConfigDiff';
+export * from './DeploymentStatusBreakdown';
 export * from './DetectBottom';
 export * from './DiffViewer';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
-export * from './EnterpriseTag';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';

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

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

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

@@ -0,0 +1,91 @@
+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/ci-pipeline#build-stage";
+    readonly APP_TAGS: "usage/applications/create-application#tags";
+    readonly BLOB_STORAGE: "getting-started/install/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 KUBE_CONFIG: "usage/resource-browser#running-kubectl-commands-locally";
+    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: "getting-started/global-configurations/custom-charts#prerequisites";
+    readonly GLOBAL_CONFIG_DOCKER: "getting-started/global-configurations/container-registries";
+    readonly GLOBAL_CONFIG_GIT: "getting-started/global-configurations/git-accounts";
+    readonly GLOBAL_CONFIG_GITOPS: "getting-started/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: "getting-started/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: "getting-started/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/DocLink/index.d.ts

@@ -0,0 +1,3 @@
+export { DOCUMENTATION } from './constants';
+export { DocLink } from './DocLink';
+export { getDocumentationUrl } from './utils';

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

@@ -0,0 +1,11 @@
+import { ButtonComponentType, ButtonProps } from '../Components';
+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> = Pick<ButtonProps<ButtonComponentType.anchor>, 'onClick' | 'dataTestId' | 'size' | 'variant'> & BaseDocLink<T> & {
+    text?: string;
+    showExternalIcon?: boolean;
+};

package/dist/Shared/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/Helpers.d.ts

@@ -4,7 +4,7 @@ import { StrictRJSFSchema } from '@rjsf/utils';
 import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
-import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
+import { AggregatedNodes, PodMetadatum } from './Components';
 import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
@@ -36,7 +36,6 @@ export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;
 export declare const getKeyToBooleanMapFromArray: <T extends string | number>(arr?: T[]) => Record<T, boolean>;
 export declare const renderValidInputButtonTippy: (children: ReactElement) => JSX.Element;
-export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
 export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
@@ -101,4 +100,5 @@ export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig
 }) => string;
 export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
 export declare const clearCookieOnLogout: () => void;
+export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export {};

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

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

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

@@ -1,7 +1,16 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { SERVER_MODE } from '../../Common';
 import { ServerInfo } from '../Components/Header/types';
-import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType } from '..';
+import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..';
+export interface ReloadVersionConfigTypes {
+    bgUpdated: boolean;
+    handleAppUpdate: () => void;
+    doesNeedRefresh: boolean;
+    updateServiceWorker: () => Promise<void>;
+    handleControllerChange: () => void;
+    updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
+    isRefreshing: boolean;
+}
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -46,6 +55,7 @@ export interface MainContext {
     licenseData: DevtronLicenseInfo;
     setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
     canFetchHelmAppStatus: boolean;
+    reloadVersionConfig: ReloadVersionConfigTypes;
     intelligenceConfig: IntelligenceConfig;
     setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
 }

package/dist/Shared/constants.d.ts

@@ -1,5 +1,6 @@
-import { OptionType } from '../Common/Types';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType } from './types';
+import { DeploymentNodeType, OptionType } from '../Common/Types';
+import { InfoBlockProps } from './Components';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -50,28 +51,6 @@ export declare enum EnvironmentTypeEnum {
     production = "Production",
     nonProduction = "Non-Production"
 }
-export declare enum TIMELINE_STATUS {
-    DEPLOYMENT_INITIATED = "DEPLOYMENT_INITIATED",
-    GIT_COMMIT = "GIT_COMMIT",
-    GIT_COMMIT_FAILED = "GIT_COMMIT_FAILED",
-    ARGOCD_SYNC = "ARGOCD_SYNC",
-    ARGOCD_SYNC_FAILED = "ARGOCD_SYNC_FAILED",
-    KUBECTL_APPLY = "KUBECTL_APPLY",
-    KUBECTL_APPLY_STARTED = "KUBECTL_APPLY_STARTED",
-    KUBECTL_APPLY_SYNCED = "KUBECTL_APPLY_SYNCED",
-    HEALTHY = "HEALTHY",
-    APP_HEALTH = "APP_HEALTH",
-    DEPLOYMENT_FAILED = "FAILED",
-    FETCH_TIMED_OUT = "TIMED_OUT",
-    UNABLE_TO_FETCH_STATUS = "UNABLE_TO_FETCH_STATUS",
-    DEGRADED = "DEGRADED",
-    DEPLOYMENT_SUPERSEDED = "DEPLOYMENT_SUPERSEDED",
-    ABORTED = "ABORTED",
-    INPROGRESS = "INPROGRESS",
-    HELM_PACKAGE_GENERATED = "HELM_PACKAGE_GENERATED",
-    HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
-    HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
-}
 /**
  * Constants for NO MATCHING result
  */
@@ -435,3 +414,18 @@ export declare const Routes: {
 };
 export declare const ENTERPRISE_SUPPORT_LINK = "enterprise@devtron.ai";
 export declare const INVALID_LICENSE_KEY = "inValid";
+export declare enum InfoBlockVariant {
+    ERROR = "error",
+    HELP = "help",
+    INFORMATION = "information",
+    SUCCESS = "success",
+    WARNING = "warning",
+    NEUTRAL = "neutral"
+}
+export type InfoBlockVariantType = 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const VARIANT_TO_ICON_COLOR_MAP: Record<InfoBlockProps['variant'], IconBaseColorType>;
+export declare const VARIANT_TO_BORDER_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const DEPLOYMENT_STAGE_TO_NODE_MAP: Readonly<Record<DeploymentStageType, DeploymentNodeType>>;
+export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
+export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;