@devtron-labs/devtron-fe-common-lib 1.13.0-beta-6 → 1.13.0-beta-7

package/dist/Shared/Components/Header/HeaderWithCreateButton/HeaderWithCreateButon.d.ts

@@ -1,3 +1,5 @@
-import { HeaderWithCreateButtonProps } from './types';
+export interface HeaderWithCreateButtonProps {
+    headerName: string;
+}
 export declare const HeaderWithCreateButton: ({ headerName }: HeaderWithCreateButtonProps) => JSX.Element;
 export default HeaderWithCreateButton;

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

@@ -0,0 +1,3 @@
+import { HelpNavType } from './types';
+declare const HelpNav: ({ className, setShowHelpCard, serverInfo, fetchingServerInfo, setGettingStartedClicked, showHelpCard, }: HelpNavType) => JSX.Element;
+export default HelpNav;

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

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -1,5 +1,4 @@
-import { HelpButtonActionMenuProps } from './types';
-export declare const COMMON_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];
-export declare const OSS_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];
-export declare const ENTERPRISE_TRIAL_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];
-export declare const ENTERPRISE_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];
+import { HelpOptionType } from './types';
+export declare const EnterpriseHelpOptions: HelpOptionType[];
+export declare const OSSHelpOptions: HelpOptionType[];
+export declare const TrialHelpOptions: HelpOptionType[];

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

@@ -1,6 +1,5 @@
 import { ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
-import { ActionMenuProps } from '../ActionMenu';
 export declare enum InstallationType {
     OSS_KUBECTL = "oss_kubectl",
     OSS_HELM = "oss_helm",
@@ -17,6 +16,7 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
+    showAnnouncementHeader?: boolean;
     tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
         isTippyCustomized?: boolean;
         tippyRedirectLink?: string;
@@ -34,21 +34,16 @@ export interface ServerInfo {
 export interface ServerInfoResponse extends ResponseType {
     result?: ServerInfo;
 }
-export interface HelpButtonProps {
+export interface HelpNavType {
+    className: string;
+    setShowHelpCard: React.Dispatch<React.SetStateAction<boolean>>;
     serverInfo: ServerInfo;
     fetchingServerInfo: boolean;
-    onClick: () => void;
+    setGettingStartedClicked: (isClicked: boolean) => void;
+    showHelpCard: boolean;
 }
-export declare enum HelpMenuItems {
-    GETTING_STARTED = "getting-started",
-    VIEW_DOCUMENTATION = "view-documentation",
-    JOIN_DISCORD_COMMUNITY = "join-discord-community",
-    ABOUT_DEVTRON = "about-devtron",
-    REQUEST_SUPPORT = "request-support",
-    OPEN_NEW_TICKET = "open-new-ticket",
-    VIEW_ALL_TICKETS = "view-all-tickets",
-    GIVE_FEEDBACK = "give-feedback",
-    CHAT_WITH_SUPPORT = "chat-with-support",
-    RAISE_ISSUE_REQUEST = "raise-issue-request"
+export interface HelpOptionType {
+    name: string;
+    link: string;
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
 }
-export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;

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

@@ -1,10 +1,6 @@
 import { DevtronLicenseInfo } from '../License';
-import { HelpButtonActionMenuProps } from './types';
 export declare const getDateInMilliseconds: (days: any) => number;
 export declare const handlePostHogEventUpdate: (eventName: string) => Promise<void>;
 export declare const setActionWithExpiry: (key: string, days: number) => void;
 export declare const getIsShowingLicenseData: (licenseData: DevtronLicenseInfo) => boolean;
-export declare const getHelpActionMenuOptions: ({ isEnterprise, isTrial, }: {
-    isEnterprise: boolean;
-    isTrial: boolean;
-}) => HelpButtonActionMenuProps["options"];
+export declare const getHelpOptions: (isEnterprise: boolean, isTrial: boolean) => import('./types').HelpOptionType[];

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

@@ -3,15 +3,12 @@ export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -22,12 +19,9 @@ export declare const iconMap: {
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-caret-down-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-caret-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-chat-circle-online': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -36,8 +30,6 @@ export declare const iconMap: {
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -45,38 +37,26 @@ export declare const iconMap: {
     'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hand-pointing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -90,27 +70,22 @@ export declare const iconMap: {
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-megaphone-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-megaphone-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -120,8 +95,8 @@ export declare const iconMap: {
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -131,10 +106,13 @@ export declare const iconMap: {
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-rolling': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -144,13 +122,10 @@ export declare const iconMap: {
     'ic-timeout-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

package/dist/Shared/Components/Icon/IconBase.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from './types';
-export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color }: IconBaseProps) => JSX.Element;

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

@@ -3,44 +3,22 @@ import { TooltipProps } from '@Common/Tooltip/types';
 import { IconBaseColorType, IconBaseSizeType } from '../../index';
 type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
 export interface IconBaseProps {
-    /**
-     * The name of the icon to render.
-     */
+    /** The name of the icon to render. */
     name: keyof IconMap;
-    /**
-     * A map containing all available icons.
-     */
+    /** The map containing all available icons. */
     iconMap: IconMap;
     /**
-     * The size of the icon in pixels. If not provided, the default size is `16px`.
-     *
+     * The size of the icon in pixels.
      * @default 16
      */
-    size?: IconBaseSizeType | null;
-    /**
-     * Configuration for the tooltip displayed when hovering over the icon.
-     */
+    size?: IconBaseSizeType;
+    /** Props to configure the tooltip when hovering over the icon. */
     tooltipProps?: TooltipProps;
     /**
-     * The color of the icon, specified using predefined color tokens.
-     * If set to `null`, the icon's default color will be used.
-     *
-     * @example 'B500', 'N200', 'G50', 'R700'
+     * The color of the icon (color tokens). \
+     * If `null`, the default color present in icon is used.
+     * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
      */
     color: IconBaseColorType;
-    /**
-     * A unique identifier for testing purposes, typically used in test automation.
-     */
-    dataTestId?: string;
-    /**
-     * Rotates the icon by the specified number of degrees.
-     *
-     * @example 90, 180, 270
-     */
-    rotateBy?: number;
-    /**
-     * If true, the icon will expand to fill the available space of its container.
-     */
-    fillSpace?: boolean;
 }
 export {};

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

@@ -1,7 +1,7 @@
-import { InfoBlockVariant } from '../../constants';
 import { ButtonProps } from '../Button';
 import { InfoBlockProps } from './types';
-export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
+export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockProps['variant'], InfoBlockProps['customIcon']>;
 export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;

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

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { ComponentSizeType, InfoBlockVariantType } from '../../constants';
+import { ComponentSizeType } from '../../constants';
 import { BorderConfigType, ComponentLayoutType } from '../../types';
 import { ButtonComponentType, ButtonProps } from '../Button';
 export type InfoBlockProps = {
@@ -10,7 +10,7 @@ export type InfoBlockProps = {
     /**
      * @default 'information'
      */
-    variant?: InfoBlockVariantType;
+    variant?: 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
     /**
      * @default ComponentSizeType.large
      */

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

@@ -1,3 +1,3 @@
 import { InfoIconTippyProps } from '../../../Common/Types';
-declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, }: InfoIconTippyProps) => JSX.Element;
+declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, }: InfoIconTippyProps) => JSX.Element;
 export default InfoIconTippy;

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

@@ -2,4 +2,4 @@ export { default as ActivateLicenseDialog } from './ActivateLicenseDialog';
 export { default as DevtronLicenseCard } from './DevtronLicenseCard';
 export { ICDevtronWithBorder, default as InstallationFingerprintInfo } from './License.components';
 export * from './types';
-export { parseDevtronLicenseData, parseDevtronLicenseDTOIntoLicenseCardData } from './utils';
+export { parseDevtronLicenseData } from './utils';

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

@@ -1,9 +1,8 @@
 import { DevtronLicenseDTO } from '../../types';
-import { DevtronLicenseCardProps, DevtronLicenseInfo, LicenseStatus } from './types';
+import { DevtronLicenseInfo, LicenseStatus } from './types';
 export declare const getLicenseColorsAccordingToStatus: (licenseStatus: LicenseStatus) => {
     bgColor: string;
     textColor: string;
 };
-export declare const parseDevtronLicenseDTOIntoLicenseCardData: <isCentralDashboard extends boolean = false>(licenseDTO: DevtronLicenseDTO<isCentralDashboard>, currentUserEmail?: isCentralDashboard extends true ? string : never) => Omit<DevtronLicenseCardProps, "appTheme">;
 export declare const parseDevtronLicenseData: (result: DevtronLicenseDTO) => DevtronLicenseInfo;
 export declare const getGateKeeperUrl: (fingerprint: string) => string;

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

@@ -0,0 +1,5 @@
+interface LoadingCardType {
+    wider?: boolean;
+}
+declare const LoadingCard: ({ wider }: LoadingCardType) => JSX.Element;
+export default LoadingCard;

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

@@ -1,3 +1 @@
-export { TESTIMONIAL_CARD_DATA } from './constants';
 export { default as LoginBanner } from './LoginBanner';
-export { default as TestimonialContent } from './Testimonials.components';

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(--Y500)" | "var(--G500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "var(--R700)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

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

@@ -8,10 +8,8 @@ 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,4 +1,3 @@
-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,10 +40,6 @@ 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,8 +16,7 @@ export declare enum StatusType {
     PROGRESSING = "PROGRESSING",
     INPROGRESS = "INPROGRESS",
     HIBERNATING = "HIBERNATING",
-    TIMED_OUT = "TIMED_OUT",
-    DELETING = "DELETING"
+    TIMED_OUT = "TIMED_OUT"
 }
 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, iconElement, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active" | "iconElement"> & Pick<TabGroupProps, "size"> & {
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & 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,38 +65,6 @@ 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.
@@ -111,6 +79,12 @@ 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.
      */
@@ -133,7 +107,7 @@ export type TabProps = {
      * Disables the tab, preventing interaction and indicating an inactive state.
      */
     disabled?: boolean;
-} & ConditionalTabType & TabTooltipProps & TabGroupIconProp;
+} & ConditionalTabType & TabTooltipProps;
 export interface TabGroupProps {
     /**
      * Array of tabs to be rendered.

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';
@@ -56,6 +56,7 @@ export * from './InfoIconTippy';
 export * from './InvalidYAMLTippy';
 export * from './KeyValueTable';
 export * from './License';
+export { default as LoadingCard } from './LoadingCard';
 export * from './LoginBanner';
 export * from './MaterialHistory';
 export * from './ModalSidebarPanel';

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, PodMetadatum } from './Components';
+import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
@@ -36,6 +36,7 @@ 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;
@@ -100,5 +101,4 @@ 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, ReloadVersionConfigTypes } from './types';
+export type { MainContext } from './types';
 export * from './UserEmailProvider';

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

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