@devtron-labs/devtron-fe-common-lib 1.15.3 → 1.16.0-beta-5

package/dist/Common/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxProps } from '../Types';
-export declare const Checkbox: ({ rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children, }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/Common/Constants.d.ts

@@ -63,6 +63,7 @@ export declare const URLS: {
     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";
     readonly LICENSE_AUTH: "/license-auth";
+    readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
 };
 export declare const ROUTES: {
     readonly APP: "app";
@@ -293,6 +294,7 @@ export declare const API_STATUS_CODES: {
     NOT_FOUND: number;
     REQUEST_TIMEOUT: number;
     CONFLICT: number;
+    PRE_CONDITION_FAILED: number;
     EXPECTATION_FAILED: number;
     UNPROCESSABLE_ENTITY: number;
     LOCKED: number;

package/dist/Common/GenericDescription/GenericDescription.d.ts

@@ -1,3 +1,3 @@
 import { GenericDescriptionProps } from './types';
-declare const GenericDescription: ({ text, updatedBy, updatedOn, isDescriptionPreview, tabIndex, updateDescription, title, minEditorHeight, }: GenericDescriptionProps) => JSX.Element;
+declare const GenericDescription: ({ text, updatedBy, updatedOn, tabIndex, updateDescription, title, minEditorHeight, emptyStateConfig, }: GenericDescriptionProps) => JSX.Element;
 export default GenericDescription;

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

@@ -2,11 +2,14 @@ export interface GenericDescriptionProps {
     text?: string;
     updatedBy?: string;
     updatedOn?: string;
-    isDescriptionPreview: boolean;
     updateDescription: (string: any) => Promise<void>;
     title: string;
     tabIndex?: number;
     minEditorHeight?: number;
+    emptyStateConfig?: {
+        img: string;
+        subtitle: JSX.Element;
+    };
 }
 export declare enum MDEditorSelectedTabType {
     WRITE = "write",

package/dist/Common/GenericDescription/utils.d.ts

@@ -1 +1,2 @@
 export declare const getParsedUpdatedOnDate: (updatedOn: string) => string;
+export declare const getEditorCustomIcon: (commandName: string) => JSX.Element;

package/dist/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutProvider.d.ts

@@ -1,3 +1,3 @@
 import { UseRegisterShortcutProviderType } from './types';
-declare const UseRegisterShortcutProvider: ({ ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
+declare const UseRegisterShortcutProvider: ({ shouldHookOntoWindow, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
 export default UseRegisterShortcutProvider;

package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts

@@ -1,3 +1,4 @@
+import { FocusEvent, KeyboardEvent } from 'react';
 export declare const KEYBOARD_KEYS_MAP: {
     readonly Control: "Ctrl";
     readonly Shift: "⇧";
@@ -9,6 +10,7 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly K: "K";
     readonly X: "X";
     readonly A: "A";
+    readonly N: "N";
     readonly Escape: "Esc";
     readonly Enter: "↩";
     readonly ArrowLeft: "←";
@@ -54,8 +56,25 @@ export interface UseRegisterShortcutContextType {
      * Programmatically trigger a shortcut if already registered
      */
     triggerShortcut: (keys: ShortcutType['keys']) => void;
+    /**
+     * If shouldHookOntoWindow is false, these props need to be hooked onto
+     * the component that needs to listen to the shortcuts
+     */
+    targetProps?: {
+        onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+        onKeyUp: (event: KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: FocusEvent<HTMLElement>) => void;
+    };
 }
 export interface UseRegisterShortcutProviderType {
+    /**
+     * If false, the shortcuts will not be registered to the window object
+     * instead onKeyDown, onKeyUp and onBlur will be exposed as context methods
+     * which need to be hooked onto the component that needs to listen to the shortcuts
+     *
+     * defaults to true
+     */
+    shouldHookOntoWindow?: boolean;
     children: React.ReactNode;
     /**
      * Defines how long after holding the keys down do we trigger the callback in milliseconds

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("N" | "R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/Hooks/useStateFilters/types.d.ts

@@ -1,7 +1,7 @@
 import { UseUrlFiltersProps, UseUrlFiltersReturnType } from '../useUrlFilters';
-export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey'> {
+export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey' | 'defaultPageSize'> {
 }
-export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | 'isFilterApplied'> {
+export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | 'areFiltersApplied'> {
 }
 export interface PaginationType<T> extends Pick<UseUrlFiltersReturnType<T>, 'pageSize'> {
     pageNumber: number;

package/dist/Common/Hooks/useStateFilters/useStateFilters.d.ts

@@ -12,5 +12,5 @@ import { UseStateFiltersProps, UseStateFiltersReturnType } from './types';
  *
  * To be extended to be used with pagination and search as and when required
  */
-declare const useStateFilters: <T = string>({ initialSortKey, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
+declare const useStateFilters: <T = string>({ initialSortKey, defaultPageSize, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
 export default useStateFilters;

package/dist/Common/Hooks/useUrlFilters/types.d.ts

@@ -18,6 +18,7 @@ export interface UseUrlFiltersProps<T, K extends {}> {
      * @default 'replace'
      */
     redirectionMethod?: 'replace' | 'push';
+    defaultPageSize?: number;
 }
 export type UpdateSearchParamsOptionsType<T, K = {}> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
 export type UseUrlFiltersReturnType<T, K = {}> = K & {
@@ -67,5 +68,5 @@ export type UseUrlFiltersReturnType<T, K = {}> = K & {
      * Update the search params with the passed object
      */
     updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
-    isFilterApplied: boolean;
+    areFiltersApplied: boolean;
 };

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = {}>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = {}>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, defaultPageSize, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

package/dist/Common/Modals/VisibleModal.d.ts

@@ -7,6 +7,7 @@ export declare class VisibleModal extends React.Component<{
     onEscape?: (e: any) => void;
 }> {
     modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
     escFunction(event: any): void;
     componentDidMount(): void;

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -4,6 +4,7 @@ export declare class VisibleModal2 extends React.Component<{
     close?: (e: any) => void;
 }> {
     modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
     escFunction(event: any): void;
     componentDidMount(): void;

package/dist/Common/Pagination/constants.d.ts

@@ -3,3 +3,7 @@ export declare const FALLBACK_PAGE_SIZE_OPTIONS: {
     value: number;
     selected: boolean;
 }[];
+export declare const LARGE_PAGE_SIZE_OPTIONS: {
+    value: number;
+    selected: boolean;
+}[];

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

@@ -1,2 +1,3 @@
+export { LARGE_PAGE_SIZE_OPTIONS } from './constants';
 export { default as Pagination } from './Pagination';
 export type { PaginationProps } from './types';

package/dist/Common/PopupMenu.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
 declare const PopupMenu: {
     ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault, }: PopupMenuType): any;
-    Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
+    Button: React.ForwardRefExoticComponent<PopupMenuButtonType & React.RefAttributes<unknown>>;
     Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 };
 export default PopupMenu;

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

@@ -1,5 +1,5 @@
 import { TippyProps } from '@tippyjs/react';
-import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
+import { SupportedKeyboardKeysType } from '../Hooks/UseRegisterShortcut/types';
 type BaseTooltipProps = {
     /**
      * If true, show tippy on truncate

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

@@ -40,6 +40,7 @@ export interface CDFormType {
     deploymentAppType: string;
     deploymentAppName?: string;
     releaseMode: ReleaseMode;
+    isCustomChart: boolean;
     triggerType: string;
     preBuildStage?: PipelineBuildStageType;
     postBuildStage?: PipelineBuildStageType;

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/constants.d.ts

@@ -1,3 +1,11 @@
 import { SelectPickerOptionType } from '../../../../../Shared/Components';
 export declare const IO_VARIABLES_VALUE_COLUMN_BOOL_OPTIONS: SelectPickerOptionType<string>[];
 export declare const IO_VARIABLES_VALUE_COLUMN_DATE_OPTIONS: SelectPickerOptionType<string>[];
+export declare const VALUE_COLUMN_DROPDOWN_LABEL: {
+    readonly CHOICES: "Choices";
+    readonly SUPPORTED_DATE_FORMATS: "Supported date formats";
+    readonly SYSTEM_VARIABLES: "System variables";
+    readonly PRE_BUILD_STAGE: "From Pre-build Stage";
+    readonly POST_BUILD_STAGE: "From Post-build Stage";
+    readonly PREVIOUS_STEPS: "From Previous Steps";
+};

package/dist/Pages/GlobalConfigurations/BuildInfra/constants.d.ts

@@ -1,4 +1,4 @@
-import { UseBreadcrumbProps } from '@Common/BreadCrumb/Types';
+import { UseBreadcrumbProps } from '../../../Common/BreadCrumb/Types';
 import { CMSecretComponentType } from '../../../Shared/Services';
 import { BuildInfraAPIVersionType, BuildInfraConfigTypes, BuildInfraFormFieldType, BuildInfraInheritActionsOnSubValues, BuildInfraLocators, BuildInfraMetaConfigTypes, BuildInfraToleranceEffectType, BuildInfraToleranceOperatorType, HandleProfileInputChangeType, InfraConfigWithSubValues, ProfileInputErrorType, RequestLimitConfigType, TargetPlatformErrorFields, ValidateRequestLimitType } from './types';
 export declare const BUILD_INFRA_INPUT_CONSTRAINTS: {

package/dist/Pages/ResourceBrowser/ResourceBrowser.Types.d.ts

@@ -1,4 +1,7 @@
-import { RefObject } from 'react';
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+import { GroupBase } from 'react-select';
+import { ServerErrors } from '../../Common/ServerError';
+import { SelectPickerOptionType } from '../../Shared/Components';
 import { Nodes, NodeType } from '../../Shared/types';
 export interface GVKType {
     Group: string;
@@ -34,14 +37,37 @@ export interface K8sResourceListPayloadType {
     filter?: string;
     k8sRequest: ResourceListPayloadK8sRequestType;
 }
+export declare enum ResourceRecommenderHeaderType {
+    NAME = "name",
+    NAMESPACE = "namespace",
+    KIND = "kind",
+    API_VERSION = "apiVersion",
+    CONTAINER_NAME = "containerName",
+    CPU_REQUEST = "cpuRequest",
+    CPU_LIMIT = "cpuLimit",
+    MEMORY_REQUEST = "memoryRequest",
+    MEMORY_LIMIT = "memoryLimit"
+}
+export type ResourceRecommenderHeaderWithStringValue = Extract<ResourceRecommenderHeaderType, ResourceRecommenderHeaderType.NAME | ResourceRecommenderHeaderType.NAMESPACE | ResourceRecommenderHeaderType.KIND | ResourceRecommenderHeaderType.API_VERSION | ResourceRecommenderHeaderType.CONTAINER_NAME>;
+export type ResourceRecommenderHeaderWithRecommendation = Extract<ResourceRecommenderHeaderType, ResourceRecommenderHeaderType.CPU_REQUEST | ResourceRecommenderHeaderType.CPU_LIMIT | ResourceRecommenderHeaderType.MEMORY_REQUEST | ResourceRecommenderHeaderType.MEMORY_LIMIT>;
 export type K8sResourceDetailDataType = {
     [key: string]: string | number | object | boolean;
+    additionalMetadata?: Partial<Record<ResourceRecommenderHeaderWithRecommendation, {
+        current: {
+            value: string | 'none';
+        } | null;
+        recommended: {
+            value: string | 'none';
+        } | null;
+        delta: number | null;
+    }>>;
 };
 export interface K8sResourceDetailType {
     headers: string[];
     data: K8sResourceDetailDataType[];
 }
 export interface BulkSelectionActionWidgetProps {
+    isResourceRecommendationView: boolean;
     count: number;
     handleOpenBulkDeleteModal: () => void;
     handleClearBulkSelection: () => void;
@@ -49,11 +75,12 @@ export interface BulkSelectionActionWidgetProps {
     handleOpenUncordonNodeModal: () => void;
     handleOpenDrainNodeModal: () => void;
     handleOpenRestartWorkloadModal: () => void;
+    handleOpenApplyResourceRecommendationModal: () => void;
     parentRef: RefObject<HTMLDivElement>;
     showBulkRestartOption: boolean;
     showNodeListingOptions: boolean;
 }
-export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain';
+export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain' | 'applyResourceRecommendation';
 export interface CreateResourceRequestBodyType {
     appId: string;
     clusterId: number;
@@ -65,6 +92,7 @@ export interface CreateResourceRequestBodyType {
 export interface ResourceManifestDTO {
     manifestResponse: {
         manifest: Record<string, unknown>;
+        recommendedManifest?: Record<string, unknown>;
     };
     secretViewAccess: boolean;
 }
@@ -108,4 +136,20 @@ export interface NodeActionRequest {
     version: string;
     kind: string;
 }
+export interface GVKOptionValueType {
+    kind: string;
+    apiVersion: string;
+}
+export interface GetResourceRecommenderResourceListPropsType {
+    setShowAbsoluteValuesInResourceRecommender: Dispatch<SetStateAction<boolean>>;
+    showAbsoluteValuesInResourceRecommender: boolean;
+    gvkOptions: GroupBase<SelectPickerOptionType<GVKOptionValueType>>[];
+    areGVKOptionsLoading: boolean;
+    reloadGVKOptions: () => void;
+    gvkOptionsError: ServerErrors;
+}
+export interface ResourceRecommenderActionMenuProps {
+    children: ReactNode;
+    lastScannedOn: string;
+}
 export {};

package/dist/Pages/ResourceBrowser/constants.d.ts

@@ -50,3 +50,5 @@ export declare const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
     infoText: string;
     label: string;
 }[];
+export declare const GVK_FILTER_KIND_QUERY_PARAM_KEY = "gvkFilterKind";
+export declare const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = "gvkFilterApiVersion";

package/dist/Pages/ResourceBrowser/service.d.ts

@@ -2,7 +2,7 @@ import { APIOptions, ResponseType } from '../../Common/Types';
 import { CreateResourceDTO, CreateResourcePayload, K8sResourceDetailType, K8sResourceListPayloadType, NodeActionRequest, ResourceListPayloadType, ResourceType } from './ResourceBrowser.Types';
 import { ClusterDetail, NodeCordonRequest } from './types';
 export declare const getK8sResourceList: (resourceListPayload: K8sResourceListPayloadType, signal?: AbortSignal) => Promise<ResponseType<K8sResourceDetailType>>;
-export declare const createNewResource: (resourceListPayload: CreateResourcePayload) => Promise<ResponseType<CreateResourceDTO[]>>;
+export declare const createNewResource: (resourceListPayload: CreateResourcePayload, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<CreateResourceDTO[]>>;
 export declare const deleteResource: (resourceListPayload: ResourceListPayloadType, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<ResourceType[]>>;
 export declare const deleteNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const cordonNodeCapacity: (requestPayload: NodeCordonRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;

package/dist/Shared/Components/AboutDevtron/AboutDevtronBody.d.ts

@@ -1,4 +1,2 @@
-declare const AboutDevtronBody: ({ isFELibAvailable }: {
-    isFELibAvailable: boolean;
-}) => JSX.Element;
+declare const AboutDevtronBody: () => JSX.Element;
 export default AboutDevtronBody;

package/dist/Shared/Components/AboutDevtron/AboutDevtronDialog.d.ts

@@ -1,5 +1,4 @@
-declare const AboutDevtronDialog: ({ handleCloseLicenseInfoDialog, isFELibAvailable, }: {
+declare const AboutDevtronDialog: ({ handleCloseLicenseInfoDialog }: {
     handleCloseLicenseInfoDialog: () => void;
-    isFELibAvailable: boolean;
 }) => JSX.Element;
 export default AboutDevtronDialog;

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

@@ -13,7 +13,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     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>;
+    overlayProps: Omit<import('..').BackdropProps, "children">;
     popoverProps: {
         slot?: string;
         title?: string;

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

@@ -1,3 +1,3 @@
 import { AnimatedDeployButtonProps } from './types';
-declare const AnimatedDeployButton: ({ isLoading, isVirtualEnvironment, onButtonClick, exceptionUserConfig, isBulkCDTrigger, }: AnimatedDeployButtonProps) => JSX.Element;
+declare const AnimatedDeployButton: ({ text, style, disabled, isLoading, startIcon, endIcon, dataTestId, onButtonClick, tooltipContent, animateStartIcon, }: AnimatedDeployButtonProps) => JSX.Element;
 export default AnimatedDeployButton;

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

@@ -1,10 +1,6 @@
-export interface AnimatedDeployButtonProps {
-    isLoading?: boolean;
-    isVirtualEnvironment: boolean;
-    onButtonClick: (e: any, disableDeployButton: boolean) => void;
-    exceptionUserConfig?: {
-        canDeploy: boolean;
-        isImageApprover: boolean;
-    };
-    isBulkCDTrigger?: boolean;
+import { ButtonProps } from '../Button';
+export interface AnimatedDeployButtonProps extends Pick<ButtonProps, 'dataTestId' | 'text' | 'disabled' | 'isLoading' | 'startIcon' | 'endIcon' | 'style'> {
+    onButtonClick: (e?: any) => void;
+    tooltipContent?: string;
+    animateStartIcon?: boolean;
 }

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

@@ -1,3 +1,3 @@
 import { BackdropProps } from './types';
-declare const Backdrop: ({ children, onEscape }: BackdropProps) => import('react').ReactPortal;
+declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount }: BackdropProps) => import('react').ReactPortal;
 export default Backdrop;

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

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

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

@@ -1,8 +1,34 @@
-import { ReactNode } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 export interface BackdropProps {
+    /**
+     * The content to be rendered within the backdrop component.
+     */
     children: ReactNode;
     /**
-     * @param onEscape: please wrap in a useCallback, with respective dependencies or []
+     * Callback function that gets triggered when the Escape key is pressed. \
+     * Should be wrapped in useCallback to prevent unnecessary re-renders.
+     * @example
+     * const handleEscape = useCallback(() => {
+     *   // Handle escape key press
+     * }, []);
      */
     onEscape: () => void;
+    /**
+     * Callback function that gets triggered when the backdrop is clicked.
+     * Useful for dismissing modals or other overlay content.
+     * @param e - The mouse event object from the click interaction
+     */
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Determines if the backdrop should be transparent.
+     * When true, the backdrop will not have any background color or blur filter.
+     * @default false
+     */
+    hasClearBackground?: boolean;
+    /**
+     * Callback function that gets triggered when the backdrop component mounts or unmounts.
+     * This can be used to perform side effects or state updates when the backdrop's visibility changes.
+     * @param isMounted - A boolean indicating whether the backdrop is currently mounted (true) or not (false)
+     */
+    onBackdropMount?: (isMounted: boolean) => void;
 }

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

@@ -0,0 +1 @@
+export declare const createPortalContainerAndAppendToDOM: (portalContainerId: string) => HTMLDivElement;

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

@@ -0,0 +1,3 @@
+import { BadgeProps } from './types';
+declare const Badge: ({ label, bgColor, fontColor, endIconProps, startIconProps, variant, size, }: BadgeProps) => JSX.Element;
+export default Badge;

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

@@ -0,0 +1,2 @@
+export { default as Badge } from './Badge';
+export type { BadgeProps } from './types';

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

@@ -0,0 +1,18 @@
+import { ComponentSizeType } from '../../constants';
+import { IconBaseColorType } from '../../types';
+import { IconsProps } from '../Icon';
+export type BadgeVariants = 'default' | 'negative' | 'negative-grey' | 'positive' | 'warning' | 'neutral' | 'custom';
+export type BadgeProps = {
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.xxs | ComponentSizeType.xxxs>;
+    startIconProps?: Omit<IconsProps, 'color' | 'size'>;
+    endIconProps?: Omit<IconsProps, 'color' | 'size'>;
+    label: string;
+} & ({
+    variant?: Exclude<BadgeVariants, 'custom'>;
+    fontColor?: never;
+    bgColor?: never;
+} | {
+    variant: 'custom';
+    fontColor: IconBaseColorType;
+    bgColor: IconBaseColorType;
+});

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

@@ -0,0 +1,7 @@
+import { IconBaseColorType } from '../../types';
+import { BadgeProps } from './types';
+export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
+    styles: string;
+    iconColor: IconBaseColorType;
+};
+export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { APIOptions, DrawerProps } from '../../../Common/index';
-import { Entity } from '@Common/SegmentedBarChart/types';
+import { Entity } from '../../../Common/SegmentedBarChart/types';
 import { ConfirmationModalProps } from '../ConfirmationModal/types';
 import { getProgressingStateForStatus } from '../Security';
 interface BulkOperationAdditionalKeysType {

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

@@ -1,3 +1,3 @@
 import { BulkSelectionProps } from './types';
-declare const BulkSelection: <T>({ showPagination, disabled, showChevronDownIcon }: BulkSelectionProps) => JSX.Element;
+declare const BulkSelection: import('react').ForwardRefExoticComponent<BulkSelectionProps & import('react').RefAttributes<HTMLLabelElement>>;
 export default BulkSelection;

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

@@ -33,15 +33,7 @@ export interface BulkSelectionProps {
      */
     showChevronDownIcon?: boolean;
     disabled?: boolean;
-}
-export interface BulkSelectionDropdownItemsType {
-    locator: BulkSelectionEvents;
-    label: string;
-    isSelected: boolean;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    iconClass?: string;
-}
-export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<UseBulkSelectionReturnType<T>, 'handleBulkSelection'> {
+    selectAllIfNotPaginated?: boolean;
 }
 export declare enum SelectAllDialogStatus {
     OPEN = "OPEN",

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

@@ -1,6 +1,6 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
 export declare enum ButtonVariantType {
     primary = "primary",
@@ -112,7 +112,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * If true, the tooltip is shown for the button
      */
-    showTooltip: boolean;
+    showTooltip?: boolean;
     /**
      * Props for tooltip
      */

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

@@ -1,4 +1,4 @@
-import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { DeploymentConfigDiffProps } from '../../DeploymentConfigDiff';
 import { History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string, hideDiffState: boolean) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { UseUrlFiltersReturnType } from '../../../../Common/Hooks';
-import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
+import { DeploymentConfigDiffProps } from '../../DeploymentConfigDiff';
 import { EnvResourceType } from '../../../Services';
 import { History, HistoryLogsProps } from '../types';
 export interface DeploymentHistoryConfigDiffQueryParams {

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

@@ -1,4 +1,4 @@
-import { SelectPickerOptionType } from '@Shared/Components/SelectPicker';
+import { SelectPickerOptionType } from '../../SelectPicker';
 import { DeploymentHistorySingleValue, History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const getPipelineDeployments: (triggerHistory: DeploymentHistoryConfigDiffProps["triggerHistory"]) => History[];

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

@@ -1,5 +1,5 @@
 import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
-import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, TooltipProps, UserApprovalMetadataType, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, DeploymentStrategyType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';

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

@@ -1,4 +1,4 @@
-import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
 export declare const PREVIOUS_MATCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const NEXT_MATCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
 export declare const REPLACE_SHORTCUT_KEYS: SupportedKeyboardKeysType[];

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

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { FileUploadProps } from '../FileUpload';
 import { SelectPickerOptionType, SelectPickerProps, SelectPickerTextAreaProps } from '../SelectPicker';
 /**

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

@@ -1,2 +1,2 @@
-import { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue } from 'framer-motion';
-export { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue };
+import { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue };

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

@@ -1,6 +1,6 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
+import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
 import { GenericEmptyStateType } from '../../../Common/Types';
 import { APIResponseHandlerProps } from '../APIResponseHandler';
 type BaseGenericInfoCardProps = {

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalFooterProps, GenericModalHeaderProps, GenericModalProps } from './types';
+declare const GenericModal: {
+    ({ name, open, width, onClose, onEscape, closeOnBackdropClick, children, }: PropsWithChildren<GenericModalProps>): JSX.Element;
+    Header: ({ title }: GenericModalHeaderProps) => JSX.Element;
+    Body: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+    Footer: ({ leftSideElement, buttonConfig, children, }: PropsWithChildren<GenericModalFooterProps>) => JSX.Element;
+};
+export default GenericModal;

package/dist/Shared/Components/GenericModal/GenericModal.context.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalContextType } from './types';
+export declare const GenericModalProvider: ({ value, children }: PropsWithChildren<{
+    value: GenericModalContextType;
+}>) => JSX.Element;
+export declare const useGenericModalContext: () => GenericModalContextType;