@devtron-labs/devtron-fe-common-lib 1.14.1-pre-7-beta-1 → 1.14.2-beta-0

package/dist/Common/API/QueryClientProvider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const QueryClientProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;

package/dist/Common/API/index.d.ts

@@ -1,3 +1,5 @@
 export declare const post: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions, isMultipartRequest?: boolean) => Promise<import('..').ResponseType<T>>, put: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, patch: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, get: <T = any>(url: string, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, trash: <T = any, K = object>(url: string, data?: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>;
 export { default as CoreAPI } from './CoreAPI';
+export { QueryClientProvider } from './QueryClientProvider';
+export * from './useQueryClient';
 export { abortPreviousRequests, getIsRequestAborted, handleRedirectToLicenseActivation } from './utils';

package/dist/Common/API/useQueryClient.d.ts

@@ -0,0 +1,6 @@
+import { QueryKey, UseMutationOptions, UseMutationResult, useQueryClient, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import { ServerErrors } from '../ServerError';
+import { ResponseType } from '../Types';
+export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseQueryOptions<ResponseType<TQueryFnData>, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
+export declare const useMutation: <TData = unknown, TVariables = void, TContext = unknown>(options: UseMutationOptions<ResponseType<TData>, ServerErrors, TVariables, TContext>) => UseMutationResult<ResponseType<TData>, ServerErrors, TVariables, TContext>;
+export { useQueryClient };

package/dist/Common/Constants.d.ts

@@ -2,9 +2,10 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/v/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
+export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
 export declare const PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;
@@ -25,6 +26,7 @@ export declare const PATTERNS: {
     EMAIL: RegExp;
 };
 export declare const URLS: {
+    readonly LOGIN: "/login";
     readonly LOGIN_SSO: "/login/sso";
     readonly PERMISSION_GROUPS: "/global-config/auth/groups";
     readonly APP: "/app";
@@ -55,7 +57,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
@@ -65,7 +66,6 @@ export declare const ROUTES: {
     readonly APP: "app";
     readonly APP_ARTIFACT_PROMOTE_MATERIAL: "app/artifact/promotion-request/material";
     readonly APP_TEMPLATE_DATA: "app/template/data";
-    readonly ENVIRONMENT_CATEGORIES: "env/categories";
     readonly PROJECT_LIST_MIN: "team/autocomplete";
     readonly USER_CHECK_ROLE: "user/check/roles";
     readonly IMAGE_TAGGING: "app/image-tagging";
@@ -293,6 +293,7 @@ export declare const API_STATUS_CODES: {
     EXPECTATION_FAILED: number;
     UNPROCESSABLE_ENTITY: number;
     LOCKED: number;
+    FAILED_DEPENDENCY: number;
 };
 export declare enum SERVER_MODE {
     EA_ONLY = "EA_ONLY",

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DocLinkProps } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -75,6 +75,7 @@ export interface CheckboxProps {
     onClick?: (event: any) => void;
     id?: string;
     dataTestId?: string;
+    error?: boolean;
     children?: ReactNode;
 }
 export interface TippyWithBaseDocLinkTypes<T extends boolean> extends Pick<DocLinkProps<T>, 'isExternalLink' | 'openInNewTab'> {
@@ -714,7 +715,7 @@ export interface AppEnvironment {
     ciArtifactId?: number;
 }
 export interface Strategy {
-    deploymentTemplate: string;
+    deploymentTemplate: DeploymentStrategyType;
     config: any;
     default?: boolean;
 }
@@ -957,11 +958,4 @@ export interface EnvAppsMetaDTO {
     appCount: number;
     apps: AppMeta[];
 }
-export interface ClusterEnvironmentCategoryDTO {
-    id: number;
-    name: string;
-    description?: string;
-}
-export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {
-}
 export {};

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/services.d.ts

@@ -6,4 +6,4 @@ export declare const uploadCDPipelineFile: ({ file, appId, envId, allowedExtensi
     envId: number;
     abortControllerRef?: MutableRefObject<AbortController>;
 }) => Promise<UploadFileDTO>;
-export declare const triggerCDNode: ({ pipelineId, ciArtifactId, appId, stageType, deploymentWithConfig, wfrId, runtimeParamsPayload, abortControllerRef, skipIfHibernated, isRollbackTrigger, }: TriggerCDNodeServiceProps) => Promise<import('../../../../../Common/Types').ResponseType<any>>;
+export declare const triggerCDNode: ({ pipelineId, ciArtifactId, appId, stageType, deploymentWithConfig, wfrId, runtimeParamsPayload, abortControllerRef, skipIfHibernated, isRollbackTrigger, strategy, }: TriggerCDNodeServiceProps) => Promise<import('../../../../../Common/Types').ResponseType<any>>;

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/types.d.ts

@@ -1,7 +1,7 @@
 import { BuildStageType, FormType } from '../../../../../Common/CIPipeline.Types';
 import { APIOptions, DeploymentAppTypes, DeploymentNodeType } from '../../../../../Common/Types';
 import { DeploymentStrategy } from '../../../../../Shared/Components';
-import { EnvListMinDTO, RuntimeParamsTriggerPayloadType } from '../../../../../Shared/types';
+import { DeploymentStrategyType, EnvListMinDTO, RuntimeParamsTriggerPayloadType } from '../../../../../Shared/types';
 import { STAGE_MAP } from '../../../../index';
 interface ConfigSecretType {
     label: string;
@@ -108,6 +108,7 @@ export interface TriggerCDNodeServiceProps extends Pick<APIOptions, 'abortContro
      */
     runtimeParamsPayload?: RuntimeParamsTriggerPayloadType;
     isRollbackTrigger?: boolean;
+    strategy?: DeploymentStrategyType;
 }
 export interface TriggerCDPipelinePayloadType extends Pick<TriggerCDNodeServiceProps, 'pipelineId' | 'appId' | 'ciArtifactId' | 'runtimeParamsPayload' | 'deploymentWithConfig'>, Partial<Pick<TriggerCDNodeServiceProps, 'skipIfHibernated'>> {
     cdWorkflowType: (typeof STAGE_MAP)[keyof typeof STAGE_MAP];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@ import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react'
 import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, UserApprovalMetadataType, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
-import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
+import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, DeploymentStrategyType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
 import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
 export declare enum HistoryComponentType {
     CI = "CI",
@@ -427,7 +427,6 @@ export interface DeploymentTemplateHistoryType {
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
     rootClassName?: string;
-    codeEditorKey?: string;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
     result?: DeploymentHistoryDetail;
@@ -593,7 +592,6 @@ export interface DeploymentHistory {
     ci_artifact_id?: number;
     runSource?: RunSourceType;
 }
-type DeploymentStrategyType = 'CANARY' | 'ROLLING' | 'RECREATE' | 'BLUE_GREEN';
 export interface DeploymentStrategy {
     deploymentTemplate: DeploymentStrategyType;
     config: any;

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

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

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

@@ -13,7 +13,7 @@ export declare const DOCUMENTATION: {
     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 BUILD_STAGE: "usage/applications/creating-application/workflow/ci-pipeline#build-stage";
     readonly APP_TAGS: "usage/applications/create-application#tags";
     readonly BLOB_STORAGE: "configurations-overview/installation-configuration#configuration-of-blob-storage";
     readonly BULK_UPDATE: "usage/bulk-update";
@@ -39,7 +39,7 @@ export declare const DOCUMENTATION: {
     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_CUSTOM_CHART_PRE_REQUISITES: "global-configurations/deployment-charts#preparing-a-deployment-chart";
     readonly GLOBAL_CONFIG_DOCKER: "getting-started/global-configurations/container-registries";
     readonly GLOBAL_CONFIG_GIT: "getting-started/global-configurations/git-accounts";
     readonly GLOBAL_CONFIG_GITOPS: "global-configurations/gitops";

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

@@ -6,7 +6,7 @@ export type BaseDocLink<T extends boolean> = {
     isEnterprise?: boolean;
     docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION;
 };
-export type DocLinkProps<T extends boolean> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
+export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
     text?: string;
     showExternalIcon?: boolean;
     onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;

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

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

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

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

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

@@ -48,3 +48,7 @@ export declare enum HelpMenuItems {
     RAISE_ISSUE_REQUEST = "raise-issue-request"
 }
 export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;
+export interface ProfileMenuProps {
+    user: string;
+    onClick?: () => void;
+}

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

@@ -1,9 +1,7 @@
-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;

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

@@ -10,6 +10,7 @@ export declare const iconMap: {
     '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-clockwise': 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>>;
@@ -38,7 +39,6 @@ export declare const iconMap: {
     '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-isolated': 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>>;
@@ -64,16 +64,18 @@ export declare const iconMap: {
     '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-environment-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-environment': 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-fast-forward': 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-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-filter': 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>>;
@@ -93,6 +95,7 @@ export declare const iconMap: {
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -106,10 +109,12 @@ export declare const iconMap: {
     '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-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>>;
@@ -120,6 +125,7 @@ export declare const iconMap: {
     '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-more-vertical': 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>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -130,11 +136,12 @@ export declare const iconMap: {
     '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-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -145,7 +152,16 @@ export declare const iconMap: {
     'ic-spray-can': 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-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-rolling-color': 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-sun': 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>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -155,6 +171,7 @@ export declare const iconMap: {
     '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-traffic-signal': 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>>;

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

@@ -1,6 +1,6 @@
 import { FC, SVGProps } from 'react';
-import { TooltipProps } from '@Common/Tooltip/types';
-import { IconBaseColorType, IconBaseSizeType } from '../../index';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { IconBaseColorType, IconBaseSizeType } from '../../types';
 type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
 export interface IconBaseProps {
     /**

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/ModalSidebarPanel/types.d.ts

@@ -5,5 +5,5 @@ export interface ModalSidebarPanelProps {
     heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
-    documentationLink: DocLinkProps<false>['docLinkKey'];
+    documentationLink: DocLinkProps['docLinkKey'];
 }

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

@@ -1 +1,2 @@
 export { default as NumbersCount } from './NumbersCount.component';
+export * from './types';

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

@@ -5,4 +5,4 @@ import { PopoverProps } from './types';
  * @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;
+export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps: { bounds, ...triggerProps }, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, KeyboardEvent, MutableRefObject, ReactElement } from 'react';
+import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
@@ -64,7 +64,9 @@ export interface UsePopoverReturnType {
      * 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>;
+    triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        bounds: Pick<DOMRect, 'left' | 'top' | 'height' | 'width'>;
+    };
     /**
      * Props to be spread onto the overlay element of the popover.
      * These props include standard HTML attributes for a `div` element.
@@ -81,7 +83,7 @@ export interface UsePopoverReturnType {
      * A mutable reference to the scrollable element inside the popover. \
      * This reference should be assigned to the element that is scrollable.
      */
-    scrollableRef: MutableRefObject<HTMLElement>;
+    scrollableRef: MutableRefObject<any> | LegacyRef<any>;
     /**
      * A function to close the popover.
      */

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

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

@@ -1,2 +1,2 @@
 import { AppStatusProps } from './types';
-export declare const AppStatus: ({ status, isJobView, isVirtualEnv, ...restProps }: AppStatusProps) => JSX.Element;
+export declare const AppStatus: ({ status, isJobView, isVirtualEnv, hideMessage, ...restProps }: AppStatusProps) => JSX.Element;

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

@@ -1,3 +1,3 @@
 import { DTSwitchProps } from './types';
-declare const Switch: ({ ariaLabel, dataTestId, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
+declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
 export default Switch;

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

@@ -1,3 +1,4 @@
+import { ButtonHTMLAttributes } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { IconBaseColorType } from '../../types';
 import { IconName } from '../Icon';
@@ -63,10 +64,6 @@ export type DTSwitchProps = {
      * Used in forms to identify the switch.
      */
     name: string;
-    /**
-     * A unique identifier for testing purposes.
-     */
-    dataTestId: string;
     /**
      * The visual variant of the switch.
      *
@@ -82,7 +79,7 @@ export type DTSwitchProps = {
      * Callback function that is called when the switch state changes.
      * This function should handle the logic for toggling the switch.
      */
-    onChange: () => void;
+    onChange: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
     /**
      * Indicates whether the switch is disabled.
      */

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

@@ -1,3 +1,3 @@
 import { ThemeSwitcherProps } from './types';
-declare const ThemeSwitcher: ({ onChange }: ThemeSwitcherProps) => JSX.Element;
+declare const ThemeSwitcher: ({ onClick }: ThemeSwitcherProps) => JSX.Element;
 export default ThemeSwitcher;

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

@@ -1,2 +1 @@
 export { default as ThemeSwitcher } from './ThemeSwitcher.component';
-export type { ThemeSwitcherProps } from './types';

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

@@ -1,3 +1,3 @@
 export interface ThemeSwitcherProps {
-    onChange: () => void;
+    onClick?: () => void;
 }