@devtron-labs/devtron-fe-common-lib 1.18.1 → 1.19.0-pre-1

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

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

package/dist/Common/API/reactQueryHooks.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

@@ -1,8 +1,9 @@
+import { SelectPickerOptionType } from '../Shared/Components';
 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 = "/devtron/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v1.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";
@@ -58,7 +59,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";
@@ -365,3 +365,5 @@ export declare enum SSOProvider {
     oidc = "oidc",
     openshift = "openshift"
 }
+export declare const BULK_DEPLOY_LATEST_IMAGE_TAG: SelectPickerOptionType<string>;
+export declare const BULK_DEPLOY_ACTIVE_IMAGE_TAG: SelectPickerOptionType<string>;

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

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

package/dist/Common/ErrorPage.d.ts

@@ -1,3 +1,3 @@
 import { ErrorPageType } from './Types';
-declare const ErrorPage: ({ code, image, title, subTitle, imageType, redirectURL, reload }: ErrorPageType) => JSX.Element;
+declare const ErrorPage: ({ code, image, title, subTitle, imageType, redirectURL, reload, on404Redirect }: ErrorPageType) => JSX.Element;
 export default ErrorPage;

package/dist/Common/ErrorScreenManager.d.ts

@@ -1,3 +1,3 @@
 import { ErrorScreenManagerProps } from './Types';
-declare const ErrorScreenManager: ({ code, reload, subtitle, reloadClass, redirectURL, imageType, }: ErrorScreenManagerProps) => JSX.Element;
+declare const ErrorScreenManager: ({ code, reload, subtitle, reloadClass, redirectURL, on404Redirect, imageType, }: ErrorScreenManagerProps) => JSX.Element;
 export default ErrorScreenManager;

package/dist/Common/Helper.d.ts

@@ -10,7 +10,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | 0 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;

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

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

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

@@ -1,6 +1,5 @@
-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) => React.ReactPortal;
+export declare const Modal: ({ style, children, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;

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

@@ -1,17 +1,15 @@
 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;
+    close?: (e?: any) => void;
+    onEscape?: (e?: any) => void;
+    initialFocus?: DTFocusTrapType['initialFocus'];
 }> {
-    modalRef: HTMLElement;
-    previousActiveElement: HTMLElement | null;
     constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
+    escFunction(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): React.ReactPortal;
+    render(): JSX.Element;
 }

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

@@ -1,14 +1,11 @@
 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;
+    close?: (e?: any) => void;
+    initialFocus?: DTFocusTrapType['initialFocus'];
 }> {
-    modalRef: HTMLElement;
-    previousActiveElement: HTMLElement | null;
     constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): React.ReactPortal;
+    render(): JSX.Element;
 }

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" | "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>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "tagName" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "acceptCharset" | "action" | "method" | "noValidate" | "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>>>;

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

@@ -13,7 +13,7 @@ export declare const getRedirectionProps: (url: string) => React.AnchorHTMLAttri
 /**
  * Infers the type for json schema from value type
  */
-export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "null" | "array";
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
 export declare const conformPathToPointers: (path: string) => string;
 export declare const parseSchemaHiddenType: (hiddenSchema: HiddenType) => MetaHiddenType;
 export declare const getSchemaPathToUpdatePathMap: (schema: RJSFFormSchema) => Record<string, string>;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -1,3 +1,4 @@
+import { SupportedKeyboardKeysType } from '../Hooks/UseRegisterShortcut/types';
 import { ComponentSizeType } from '../../Shared/constants';
 export interface SearchBarProps {
     /**
@@ -46,4 +47,10 @@ export interface SearchBarProps {
      * @default 'ComponentSizeType.medium'
      */
     size?: ComponentSizeType.medium | ComponentSizeType.large;
+    /**
+     * Renders the keyboard shortcut key that opens the select picker \
+     * Shortcut key needs to be defined first in order to use it.
+     * @note This is displayed in place of the dropdown indicator
+     */
+    keyboardShortcut?: SupportedKeyboardKeysType;
 }

package/dist/Common/Types.d.ts

@@ -141,20 +141,29 @@ export interface GenericEmptyStateType {
 export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload' | 'redirectURL'> {
     code: number;
     redirectURL?: string;
+    on404Redirect?: () => void;
     reload?: () => void;
 }
-export interface ErrorScreenManagerProps {
+export type ErrorScreenManagerProps = {
     code?: number;
     imageType?: ImageType;
     reload?: (...args: any[]) => any;
     subtitle?: React.ReactChild;
     reloadClass?: string;
+} & ({
     /**
      * Would be used to redirect URL in case of 404
      * @default - APP_LIST
      */
     redirectURL?: string;
-}
+    on404Redirect?: never;
+} | {
+    redirectURL?: never;
+    on404Redirect: () => void;
+} | {
+    redirectURL?: never;
+    on404Redirect?: never;
+});
 export interface ErrorScreenNotAuthorizedProps {
     subtitle?: React.ReactChild;
     title?: string;
@@ -245,7 +254,6 @@ export interface PopupMenuBodyType {
 export interface ModalType {
     style?: React.CSSProperties;
     children?: ReactNode;
-    modal?: boolean;
     rootClassName?: string;
     onClick?: any;
     callbackRef?: (element?: any) => any;

package/dist/Pages/BulkEdit/index.d.ts

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

package/dist/Pages/BulkEdit/types.d.ts

@@ -0,0 +1,50 @@
+export interface BulkEditConfigV2Type {
+    gvk: string;
+    readme: string;
+    schema: Record<string, any>;
+}
+export interface AppEnvDetail {
+    appName: string;
+    envName?: string;
+    message: string;
+}
+export interface ObjectsWithAppEnvDetail extends AppEnvDetail {
+    names: string[];
+}
+export interface DeploymentTemplateResponse {
+    message: string[];
+    failure: AppEnvDetail[];
+    successful: AppEnvDetail[];
+}
+export interface CmCsResponse {
+    message: string[];
+    failure: ObjectsWithAppEnvDetail[];
+    successful: ObjectsWithAppEnvDetail[];
+}
+export interface BulkEditResponseType {
+    deploymentTemplate?: DeploymentTemplateResponse;
+    configMap?: CmCsResponse;
+    secret?: CmCsResponse;
+}
+export interface ImpactedDeploymentTemplate {
+    appId?: number;
+    envId?: number;
+    appName: string;
+    envName?: string;
+}
+export interface ImpactedCmCs {
+    appId?: number;
+    envId?: number;
+    appName: string;
+    envName?: string;
+    names: string[];
+}
+export interface ImpactedObjectsType {
+    deploymentTemplate?: ImpactedDeploymentTemplate[];
+    configMap?: ImpactedCmCs[];
+    secret?: ImpactedCmCs[];
+}
+export declare enum BulkEditVersion {
+    v1 = "batch/v1beta1",
+    v2 = "batch/v1beta2"
+}

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

@@ -0,0 +1,2 @@
+import { ClusterMapProps } from './types';
+export declare const ClusterMap: ({ filteredList, isLoading }: ClusterMapProps) => JSX.Element;

package/dist/Pages/ResourceBrowser/ClusterMap/index.d.ts

@@ -0,0 +1 @@
+export * from './ClusterMap';

package/dist/Pages/ResourceBrowser/ClusterMap/types.d.ts

@@ -0,0 +1,27 @@
+import { ClusterStatusType } from '../types';
+export interface ClusterStatusAndType {
+    isProd: boolean;
+    status: ClusterStatusType;
+    isVirtualCluster?: boolean;
+}
+export interface ClusterMapProps {
+    isLoading?: boolean;
+    filteredList: ClusterStatusAndType[];
+}
+export interface StatusCountEnum {
+    healthyCount: number;
+    unhealthyCount: number;
+    connectionFailedCount: number;
+    prodCount: number;
+    virtualCount: number;
+}
+export interface StatusEntity {
+    value: number;
+    label: string;
+    color: string;
+    proportionalValue: string;
+}
+export interface ClusterEntitiesTypes {
+    statusEntities: StatusEntity[];
+    deploymentEntities: StatusEntity[];
+}

package/dist/Pages/ResourceBrowser/ClusterMap/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClusterEntitiesTypes, ClusterStatusAndType, StatusCountEnum } from './types';
+/**
+ *
+ * @param filteredList
+ * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount, virtualCount
+ */
+export declare const getStatusCount: (filteredList: ClusterStatusAndType[]) => StatusCountEnum;
+/**
+ *
+ * @param filteredList
+ * @returns statusEntities, deploymentEntities
+ *
+ */
+export declare const getEntities: (filteredList: ClusterStatusAndType[]) => ClusterEntitiesTypes;

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

@@ -1,3 +1,4 @@
+export * from './ClusterMap';
 export * from './constants';
 export { default as ForceDeleteOption } from './ForceDeleteOption';
 export * from './Helper';

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

@@ -51,7 +51,7 @@ export interface ClusterCapacityType {
     serverVersion: string;
     nodeDetails?: NodeDetailsType[];
     nodeErrors: Record<string, string>[];
-    status?: ClusterStatusType;
+    status: ClusterStatusType;
     isProd: boolean;
     installationId?: number;
 }

package/dist/Pages/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Applications';
+export * from './BulkEdit';
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';

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

@@ -9,7 +9,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     }[];
     filteredOptions: import('./types').ActionMenuOptionType<T>[];
     focusedIndex: number;
-    itemsRef: import('react').MutableRefObject<RefObject<HTMLAnchorElement | HTMLButtonElement>[]>;
+    itemsRef: import('react').MutableRefObject<RefObject<HTMLButtonElement | HTMLAnchorElement>[]>;
     triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
         bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
     };
@@ -26,12 +26,16 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         about?: string;
         is?: string;
         security?: string;
+        hidden?: boolean;
+        prefix?: string;
+        resource?: string;
+        draggable?: boolean | "true" | "false";
+        onClick?: import('react').MouseEventHandler<HTMLDivElement>;
         onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement>;
         "aria-describedby"?: string;
         "aria-errormessage"?: string;
         "aria-label"?: string;
         "aria-labelledby"?: string;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement>;
         defaultChecked?: boolean;
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
@@ -39,8 +43,6 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         contentEditable?: "inherit" | (boolean | "true" | "false");
         contextMenu?: string;
         dir?: string;
-        draggable?: boolean | "true" | "false";
-        hidden?: boolean;
         lang?: string;
         placeholder?: string;
         spellCheck?: boolean | "true" | "false";
@@ -49,9 +51,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         radioGroup?: string;
         datatype?: string;
         inlist?: any;
-        prefix?: string;
         property?: string;
-        resource?: string;
         typeof?: string;
         vocab?: string;
         autoCapitalize?: string;
@@ -67,14 +67,14 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
         "aria-busy"?: boolean | "true" | "false";
         "aria-checked"?: boolean | "true" | "false" | "mixed";
         "aria-colcount"?: number;
         "aria-colindex"?: number;
         "aria-colspan"?: number;
         "aria-controls"?: string;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        "aria-current"?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date";
         "aria-details"?: string;
         "aria-disabled"?: boolean | "true" | "false";
         "aria-dropeffect"?: "link" | "none" | "popup" | "copy" | "execute" | "move";

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

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

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

@@ -1,18 +1,10 @@
 import { MouseEvent, ReactNode } from 'react';
-export interface BackdropProps {
+import { DTFocusTrapType } from '../DTFocusTrap';
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
     /**
      * 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.