@devtron-labs/devtron-fe-common-lib 1.13.0 → 1.14.0-pre-0

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

@@ -0,0 +1,10 @@
+import { DEPLOYMENT_STATUS } from '../../constants';
+import { DeploymentPhaseType, DeploymentStatusTimelineType } from '../../types';
+import { WorkflowRunnerStatusDTO } from './types';
+export declare const DEPLOYMENT_STATUS_TEXT_MAP: Readonly<Record<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS], string>>;
+export declare const WFR_STATUS_DTO_TO_DEPLOYMENT_STATUS_MAP: Readonly<Record<WorkflowRunnerStatusDTO, (typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS]>>;
+export declare const PROGRESSING_DEPLOYMENT_STATUS: Readonly<(typeof DEPLOYMENT_STATUS)[keyof typeof DEPLOYMENT_STATUS][]>;
+export declare const SUCCESSFUL_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
+export declare const FAILED_DEPLOYMENT_STATUS: typeof PROGRESSING_DEPLOYMENT_STATUS;
+export declare const PHYSICAL_ENV_DEPLOYMENT_TIMELINE_ORDER: Readonly<DeploymentStatusTimelineType[]>;
+export declare const DEPLOYMENT_PHASES: Readonly<DeploymentPhaseType[]>;

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

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './types';
+export * from './utils';

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

@@ -0,0 +1,22 @@
+import { DEPLOYMENT_STATUS } from '../../constants';
+import { DeploymentStatusBreakdownItemType, DeploymentStatusDetailsType, DeploymentStatusTimelineType } from '../../types';
+export declare enum WorkflowRunnerStatusDTO {
+    PROGRESSING = "Progressing",
+    ABORTED = "Aborted",
+    FAILED = "Failed",
+    SUCCEEDED = "Succeeded",
+    TIMED_OUT = "TimedOut",
+    UNABLE_TO_FETCH = "UnableToFetch",
+    STARTING = "Starting",
+    QUEUED = "Queued",
+    INITIATING = "Initiating",
+    HEALTHY = "Healthy",
+    DEGRADED = "Degraded"
+}
+export interface ProcessUnableToFetchOrTimedOutStatusType {
+    timelineData: DeploymentStatusBreakdownItemType;
+    timelineStatusType: DeploymentStatusTimelineType;
+    deploymentStatus: typeof DEPLOYMENT_STATUS.UNABLE_TO_FETCH | typeof DEPLOYMENT_STATUS.TIMED_OUT;
+    statusLastFetchedAt: DeploymentStatusDetailsType['statusLastFetchedAt'] | null;
+    statusFetchCount: DeploymentStatusDetailsType['statusFetchCount'] | null;
+}

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

@@ -0,0 +1,20 @@
+import { DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType } from '../../types';
+/**
+ * @description
+ * This function processes the deployment status details data and returns a breakdown of the deployment status.
+ * Cases it handles:
+ * 1. If timelines are not present, say the case of helm deployment, we will parse the wfrStatus and put the status and basic deployment info [triggeredBy, deploymentStartedOn, deploymentFinishedOn] into the breakdown data and return it.
+ * 2. In case of gitops:
+ *  - There are five timelines in chronological order:
+ *    - Deployment Initiated
+ *    - Git commit
+ *    - ArgoCD Sync
+ *    - Kubectl Apply
+ *    - App Health
+ *  - Basic flow is we traverse the timelines in order, if find the last status for that specific timeline from response by traversing the timelines in reverse order.
+ *  - If element is found, we will parse the status and set the icon, display text, time, etc. for that timeline and set the next timeline to inprogress.
+ *  - If element is not found, we will parse on basis of factors like:
+ *   - If this timeline is not inprogress and deploymentStatus is progressing, we will set the current timeline to waiting.
+ *   - In similar fashion based on the deploymentStatus we will set the icon and display text for the timeline.
+ */
+export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;

package/dist/Shared/Components/Error/ErrorBar.d.ts

@@ -1,3 +1,3 @@
 import { ErrorBarType } from './types';
-declare const ErrorBar: ({ appDetails }: ErrorBarType) => JSX.Element;
+declare const ErrorBar: ({ appDetails, useParentMargin }: ErrorBarType) => JSX.Element;
 export default ErrorBar;

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

@@ -1,6 +1,10 @@
 import { AppDetails } from '../../types';
 export interface ErrorBarType {
     appDetails: AppDetails;
+    /**
+     * @default true
+     */
+    useParentMargin?: boolean;
 }
 export declare enum AppDetailsErrorType {
     ERRIMAGEPULL = "errimagepull",

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

@@ -1,2 +1,3 @@
 import { AppDetails } from '../../types';
+export declare const getIsImagePullBackOff: (appDetails: AppDetails) => boolean;
 export declare const renderErrorHeaderMessage: (appDetails: AppDetails, key: string, onClickActionButton?: any) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { FeatureDescriptionModalProps } from './types';
-export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, }: FeatureDescriptionModalProps) => JSX.Element;
+export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, tabsConfig, isEnterprise, }: FeatureDescriptionModalProps) => JSX.Element;

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

@@ -1,3 +1,3 @@
 import { DescriptorProps } from './types';
-declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, }: DescriptorProps) => JSX.Element;
+declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, showInfoIconTippy, docLinkText, dataTestId, additionalContent, showInfoIcon, tabsConfig, isEnterprise, }: DescriptorProps) => JSX.Element;
 export default FeatureTitleWithInfo;

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

@@ -1,9 +1,10 @@
 import { default as React, ReactNode } from 'react';
+import { DocLinkProps } from '@Shared/DocLink/types';
 import { ImageType } from '../../../Common';
 import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
-interface BaseFeatureDescriptionModalProps {
+interface BaseFeatureDescriptionModalProps<T extends boolean = false> {
     renderDescriptionContent?: () => ReactNode;
-    docLink?: string;
+    docLink?: DocLinkProps<T>['docLinkKey'];
     imageVariant?: ImageType;
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     imageStyles?: React.CSSProperties;
@@ -33,6 +34,7 @@ export type FeatureDescriptionModalProps = {
     title: string;
     closeModalText?: string;
     closeModal?: () => void;
+    isEnterprise?: boolean;
 } & ((BaseFeatureDescriptionModalProps & {
     tabsConfig?: never;
 }) | FeatureDescriptionModalWithTabsConfig);
@@ -53,5 +55,6 @@ export type DescriptorProps = ((Omit<FeatureDescriptionModalProps, 'tabsConfig'>
      * @default false
      */
     showInfoIcon?: boolean;
+    isEnterprise?: boolean;
 };
 export {};

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

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

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/HeaderWithCreateButton/HeaderWithCreateButon.d.ts

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

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

@@ -0,0 +1,10 @@
+import { ActionMenuProps } from '@Shared/Components/ActionMenu';
+export interface HeaderWithCreateButtonProps {
+    headerName: string;
+}
+export declare enum CreateActionMenuItems {
+    CUSTOM_APP = "create-custom-app",
+    CHART_STORE = "create-from-chart-store",
+    JOB = "create-job"
+}
+export type CreateActionMenuProps = ActionMenuProps<CreateActionMenuItems>;

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

@@ -0,0 +1,2 @@
+import { CreateActionMenuProps } from './types';
+export declare const getCreateActionMenuOptions: (createCustomAppURL: string) => CreateActionMenuProps["options"];

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

@@ -0,0 +1,2 @@
+import { HelpButtonProps } from './types';
+export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick }: HelpButtonProps) => JSX.Element;

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, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, isEnterprise, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -1,4 +1,5 @@
-import { HelpOptionType } from './types';
-export declare const EnterpriseHelpOptions: HelpOptionType[];
-export declare const OSSHelpOptions: HelpOptionType[];
-export declare const TrialHelpOptions: HelpOptionType[];
+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'];

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

@@ -1,11 +1,12 @@
 import { ModuleStatus } from '../../types';
-import { ResponseType, TippyCustomizedProps } from '../../../Common';
+import { DOCUMENTATION, ResponseType, TippyCustomizedProps } from '../../../Common';
+import { ActionMenuProps } from '../ActionMenu';
 export declare enum InstallationType {
     OSS_KUBECTL = "oss_kubectl",
     OSS_HELM = "oss_helm",
     ENTERPRISE = "enterprise"
 }
-export interface PageHeaderType {
+export interface PageHeaderType<T extends boolean = false> {
     headerName?: string;
     showTabs?: boolean;
     additionalHeaderInfo?: () => JSX.Element;
@@ -16,14 +17,14 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    showAnnouncementHeader?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
+    tippyProps?: Pick<TippyCustomizedProps<T>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
-        tippyRedirectLink?: string;
+        tippyRedirectLink?: keyof typeof DOCUMENTATION;
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
     };
+    isEnterprise?: boolean;
 }
 export interface ServerInfo {
     currentVersion: string;
@@ -34,16 +35,21 @@ export interface ServerInfo {
 export interface ServerInfoResponse extends ResponseType {
     result?: ServerInfo;
 }
-export interface HelpNavType {
-    className: string;
-    setShowHelpCard: React.Dispatch<React.SetStateAction<boolean>>;
+export interface HelpButtonProps {
     serverInfo: ServerInfo;
     fetchingServerInfo: boolean;
-    setGettingStartedClicked: (isClicked: boolean) => void;
-    showHelpCard: boolean;
+    onClick: () => void;
 }
-export interface HelpOptionType {
-    name: string;
-    link: string;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+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 type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;

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

@@ -1,6 +1,10 @@
 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 getHelpOptions: (isEnterprise: boolean, isTrial: boolean) => import('./types').HelpOptionType[];
+export declare const getHelpActionMenuOptions: ({ isEnterprise, isTrial, }: {
+    isEnterprise: boolean;
+    isTrial: boolean;
+}) => HelpButtonActionMenuProps["options"];

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

@@ -3,12 +3,16 @@ 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-app-template': 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>>;
@@ -19,9 +23,12 @@ 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>>;
@@ -30,6 +37,8 @@ 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>>;
@@ -37,24 +46,40 @@ 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-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron-job': 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-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-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>>;
@@ -68,20 +93,27 @@ 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-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-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>>;
@@ -91,6 +123,7 @@ 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-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -101,6 +134,7 @@ 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>>;
@@ -108,15 +142,20 @@ export declare const iconMap: {
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-terminal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-thermometer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-thumb-down': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-thumb-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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 }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, }: IconBaseProps) => JSX.Element;

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

@@ -3,22 +3,44 @@ 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;
-    /** The map containing all available icons. */
+    /**
+     * A map containing all available icons.
+     */
     iconMap: IconMap;
     /**
-     * The size of the icon in pixels.
+     * The size of the icon in pixels. If not provided, the default size is `16px`.
+     *
      * @default 16
      */
-    size?: IconBaseSizeType;
-    /** Props to configure the tooltip when hovering over the icon. */
+    size?: IconBaseSizeType | null;
+    /**
+     * Configuration for the tooltip displayed when hovering over the icon.
+     */
     tooltipProps?: TooltipProps;
     /**
-     * The color of the icon (color tokens). \
-     * If `null`, the default color present in icon is used.
-     * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
+     * 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'
      */
     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_BG_MAP: Record<InfoBlockProps['variant'], string>;
-export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockProps['variant'], InfoBlockProps['customIcon']>;
+export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, 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 } from '../../constants';
+import { ComponentSizeType, InfoBlockVariantType } 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?: 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+    variant?: InfoBlockVariantType;
     /**
      * @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, }: InfoIconTippyProps) => JSX.Element;
+declare const InfoIconTippy: <T extends boolean = false>({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, isEnterprise, isExternalLink, }: InfoIconTippyProps<T>) => 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 } from './utils';
+export { parseDevtronLicenseData, parseDevtronLicenseDTOIntoLicenseCardData } from './utils';

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

@@ -1,8 +1,9 @@
 import { DevtronLicenseDTO } from '../../types';
-import { DevtronLicenseInfo, LicenseStatus } from './types';
+import { DevtronLicenseCardProps, 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/LoginBanner/Testimonials.components.d.ts

@@ -0,0 +1,3 @@
+import { TestimonialCardConfig } from './types';
+declare const TestimonialContent: ({ quote, name, designation, iconName }: TestimonialCardConfig) => JSX.Element;
+export default TestimonialContent;

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

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

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

@@ -1,3 +1,3 @@
 import { ModalSidebarPanelProps } from './types';
-declare const ModalSidebarPanel: ({ rootClassName, heading, icon, children, documentationLink, }: ModalSidebarPanelProps) => JSX.Element;
+declare const ModalSidebarPanel: ({ rootClassName, heading, icon, children, documentationLink, isEnterprise, }: ModalSidebarPanelProps) => JSX.Element;
 export default ModalSidebarPanel;

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

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
-export interface ModalSidebarPanelProps {
+import { DocLinkProps } from '@Shared/DocLink/types';
+import { PageHeaderType } from '../Header/types';
+export interface ModalSidebarPanelProps<T extends boolean = false> extends Pick<PageHeaderType, 'isEnterprise'> {
     rootClassName?: string;
     heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
-    documentationLink: string;
+    documentationLink: DocLinkProps<T>['docLinkKey'];
 }

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

@@ -0,0 +1,8 @@
+import { PopoverProps } from './types';
+/**
+ * Popover Component \
+ * This component serves as a base for creating popovers. It is not intended to be used directly.
+ * @note Use this component in conjunction with the `usePopover` hook to create a custom popover component. \
+ * For example, see the `ActionMenu` component for reference.
+ */
+export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './Popover.component';
+export * from './types';
+export * from './usePopover.hook';