@devtron-labs/devtron-fe-common-lib 1.18.0-pre-0 → 1.18.1

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

@@ -7,17 +7,6 @@ declare class CoreAPI {
     timeout: number;
     constructor({ handleLogout, host, timeout, handleRedirectToLicenseActivation }: CoreAPIConstructorParamsType);
     private fetchAPI;
-    /**
-     * Merges multiple AbortSignals into a single AbortSignal that aborts
-     * as soon as any of the input signals abort.
-     *
-     * This is useful when you want to race multiple async cancellation signals,
-     * for example, to support both a global timeout and a user-triggered abort.
-     *
-     * @param signals - AbortSignals to merge.
-     * @returns An AbortSignal that aborts if any input signal aborts.
-     */
-    private static mergeAbortSignals;
     private fetchInTime;
     post: <T = any, K = object>(url: string, data: K, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType<T>>;
     put: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;

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

@@ -1,5 +1,3 @@
 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 './reactQueryHooks';
 export { abortPreviousRequests, getIsRequestAborted, handleRedirectToLicenseActivation } from './utils';

package/dist/Common/Drawer/Drawer.d.ts

@@ -1,5 +1,4 @@
-import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
-export interface DrawerProps extends Pick<DTFocusTrapType, 'initialFocus'> {
+export interface DrawerProps {
     position: 'left' | 'right' | 'bottom' | 'top';
     children?: any;
     backdrop?: boolean;
@@ -12,4 +11,4 @@ export interface DrawerProps extends Pick<DTFocusTrapType, 'initialFocus'> {
     onEscape?: (e?: any) => void;
     disableTransition?: boolean;
 }
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, disableTransition, initialFocus, }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, disableTransition, }: DrawerProps) => JSX.Element;

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

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { ModalType } from '../Types';
 /**
  * @deprecated Use VisibleModal instead
  */
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;
+export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;

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

@@ -1,15 +1,17 @@
 import { default as React, SyntheticEvent } from 'react';
-import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
 export declare class VisibleModal extends React.Component<{
     className?: string;
     parentClassName?: string;
     noBackground?: boolean;
-    close?: (e?: any) => void;
-    onEscape?: (e?: any) => void;
-    initialFocus?: DTFocusTrapType['initialFocus'];
+    close?: (e: any) => void;
+    onEscape?: (e: any) => void;
 }> {
+    modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
-    escFunction(): void;
+    escFunction(event: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): JSX.Element;
+    render(): React.ReactPortal;
 }

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

@@ -1,11 +1,14 @@
 import { default as React, SyntheticEvent } from 'react';
-import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
 export declare class VisibleModal2 extends React.Component<{
     className?: string;
-    close?: (e?: any) => void;
-    initialFocus?: DTFocusTrapType['initialFocus'];
+    close?: (e: any) => void;
 }> {
+    modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
+    escFunction(event: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): JSX.Element;
+    render(): React.ReactPortal;
 }

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "acceptCharset" | "action" | "method" | "noValidate" | "tagName" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "method" | "action" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

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

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

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

@@ -1,10 +1,18 @@
 import { MouseEvent, ReactNode } from 'react';
-import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
+export interface BackdropProps {
     /**
      * The content to be rendered within the backdrop component.
      */
     children: ReactNode;
+    /**
+     * 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.

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

@@ -73,7 +73,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
     onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -100,7 +99,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -108,7 +107,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
     onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -135,7 +133,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -143,7 +141,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
     onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -164,7 +161,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
@@ -172,7 +169,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
     onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -193,7 +189,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -201,7 +197,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -228,7 +223,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -236,7 +231,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -263,7 +257,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -271,7 +265,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -292,7 +285,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLButtonElement>;
     component?: ButtonComponentType.button;
     buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
@@ -300,7 +293,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -321,7 +313,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -329,7 +321,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -356,7 +347,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -364,7 +355,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -391,7 +381,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -399,7 +389,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -420,7 +409,7 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: import('react').ReactElement;
     endIcon?: import('react').ReactElement;
     fontWeight?: "bold" | "normal";
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
@@ -428,7 +417,6 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     anchorProps?: never;
     onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
-    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -449,5 +437,5 @@ declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
     startIcon?: never;
     endIcon?: never;
     fontWeight?: never;
-}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+}, "style" | "text" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "fullWidth" | "fontWeight" | "ariaLabel" | "icon" | "onClick" | "component" | "buttonProps" | "linkProps" | "anchorProps" | "isLoading" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;

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

@@ -61,10 +61,6 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     anchorProps?: never;
     onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
 }) & {
-    /**
-     * id of button
-     */
-    id?: string;
     /**
      * Variant of the button
      *

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

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

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

@@ -4,7 +4,6 @@ import { ActionMenuProps } from '../ActionMenu';
 import { DOCUMENTATION } from '../DocLink';
 export interface PageHeaderType {
     headerName?: string;
-    headerImage?: string;
     showTabs?: boolean;
     additionalHeaderInfo?: () => JSX.Element;
     renderHeaderTabs?: () => JSX.Element;
@@ -18,7 +17,6 @@ export interface PageHeaderType {
         tippyMessage?: string;
         onClickTippyButton?: () => void;
     };
-    onClose?: () => void;
 }
 export interface ServerInfo {
     currentVersion: string;

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

@@ -56,10 +56,6 @@ export interface UsePopoverProps {
      * @default 'menu'
      */
     variant?: 'menu' | 'overlay';
-    /**
-     * Disable popover close
-     */
-    disableClose?: boolean;
 }
 /**
  * Represents the return type of the `usePopover` hook, providing properties and methods

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

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

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

@@ -88,5 +88,5 @@ export declare const getPopoverActualPositionAlignment: ({ position, alignment,
     popoverRect: DOMRect;
 }) => {
     fallbackPosition: "top" | "bottom" | "right" | "left";
-    fallbackAlignment: "start" | "middle" | "end";
+    fallbackAlignment: "middle" | "end" | "start";
 };

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

@@ -85,7 +85,6 @@ export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';
 export * from './TargetPlatforms';
-export * from './TempAppWindow';
 export * from './Textarea';
 export * from './ThemeSwitcher';
 export * from './ToggleResolveScopedVariables';

package/dist/Shared/Helpers.d.ts

@@ -5,7 +5,7 @@ import { Pair } from 'yaml';
 import { MaterialHistoryType } from './Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, PodMetadatum } from './Components';
-import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -23,6 +23,7 @@ interface HighlightSearchTextProps {
 export declare const escapeRegExp: (text: string) => string;
 export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
 export declare const preventBodyScroll: (lock: boolean) => void;
+export declare const preventOutsideFocus: ({ identifier, preventFocus }: PreventOutsideFocusProps) => void;
 export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;

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

@@ -1,3 +1,3 @@
 export * from './MainContextProvider';
-export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig, TempAppWindowConfig } from './types';
+export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
 export { SidePanelTab } from './types';

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

@@ -26,20 +26,6 @@ type AIAgentContextType = {
     path: string;
     context: Record<string, string>;
 };
-export interface TempAppWindowConfig {
-    /** Whether the temporary window is open */
-    open: boolean;
-    /** Title of the temporary window */
-    title: string;
-    /** URL to load in iframe in the window */
-    url?: string;
-    /** Image URL to display in the window header */
-    image?: string;
-    /** Whether to show an "Open in new tab" button */
-    showOpenInNewTab?: boolean;
-    /** React component to render in the window */
-    component?: JSX.Element;
-}
 type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
@@ -104,8 +90,6 @@ export type MainContext = CommonMainContextProps & ({
      */
     isFELibAvailable: boolean;
     aiAgentContext: AIAgentContextType;
-    tempAppWindowConfig: TempAppWindowConfig;
-    setTempAppWindowConfig: Dispatch<SetStateAction<TempAppWindowConfig>>;
 } | {
     isLicenseDashboard: true;
     serverMode: null;
@@ -121,8 +105,6 @@ export type MainContext = CommonMainContextProps & ({
     isEnterprise: false;
     isFELibAvailable: false;
     aiAgentContext: null;
-    tempAppWindowConfig: null;
-    setTempAppWindowConfig: null;
 });
 export interface MainContextProviderProps {
     children: ReactNode;

package/dist/Shared/types.d.ts

@@ -798,6 +798,10 @@ export interface ResourceApprovalPolicyConfigType extends Omit<ResourceApprovalP
     approvalConfigurationMap: Record<ApprovalConfigDataType['kind'], ApprovalConfigDataType>;
 }
 export type ResourceIdToResourceApprovalPolicyConfigMapType = Record<ResourceApprovalPolicyConfigType['envId'] | typeof BASE_CONFIGURATION_ENV_ID, Pick<ResourceApprovalPolicyConfigType, 'isApprovalApplicable' | 'approvalConfigurationMap'>>;
+export interface PreventOutsideFocusProps {
+    identifier: string;
+    preventFocus: boolean;
+}
 export interface PolicyBlockInfo {
     isBlocked: boolean;
     blockedBy: TriggerBlockType;

package/dist/index.d.ts

@@ -166,6 +166,11 @@ export interface customEnv {
      * @default false
      */
     FEATURE_GROUPED_APP_LIST_FILTERS_ENABLE?: boolean;
+    /**
+     * Show rollout progress if true, else canary step count in status
+     * @default true
+     */
+    FEATURE_CANARY_ROLLOUT_PROGRESS_ENABLE?: boolean;
 }
 declare global {
     interface Window {
@@ -174,22 +179,6 @@ declare global {
         _env_: customEnv;
     }
 }
-declare module '@tanstack/react-query' {
-    interface QueryMeta {
-        /**
-         * Optional flag indicating whether to display a toast notification for errors.
-         * @default true
-         */
-        showToastError?: boolean;
-    }
-    interface MutationMeta {
-        /**
-         * Optional flag indicating whether to display a toast notification for errors.
-         * @default true
-         */
-        showToastError?: boolean;
-    }
-}
 export * from './Common';
 export * from './Pages';
 export * from './Shared';