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

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/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/EmptyState/GenericEmptyState.d.ts

@@ -1,3 +1,3 @@
 import { GenericEmptyStateType } from '../Types';
-declare const GenericEmptyState: ({ title, image, subTitle, isButtonAvailable, classname, styles, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, }: GenericEmptyStateType) => JSX.Element;
+declare const GenericEmptyState: ({ title, image, subTitle, isButtonAvailable, classname, styles, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, imgName, }: GenericEmptyStateType) => JSX.Element;
 export default GenericEmptyState;

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

@@ -0,0 +1,5 @@
+declare const useIsTextTruncated: () => {
+    isTextTruncated: boolean;
+    handleMouseEnterEvent: import('react').MouseEventHandler<Element>;
+};
+export default useIsTextTruncated;

package/dist/Common/Hooks/UseIsTextTruncated/constants.d.ts

@@ -0,0 +1 @@
+export declare const SUB_PIXEL_ERROR = 1;

package/dist/Common/Hooks/UseIsTextTruncated/index.d.ts

@@ -0,0 +1 @@
+export { default as useIsTextTruncated } from './UseIsTextTruncated';

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

@@ -1,5 +1,6 @@
 export { useClickOutside } from './UseClickOutside/UseClickOutside';
 export { useGetUserRoles } from './UseGetUserRoles';
+export { useIsTextTruncated } from './UseIsTextTruncated';
 export * from './UseRegisterShortcut';
 export * from './useStateFilters';
 export * from './useUrlFilters';

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, modal, 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" | "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>>>;

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

@@ -9,3 +9,4 @@ export declare const HIDE_SUBMIT_BUTTON_UI_SCHEMA: {
         norender: boolean;
     };
 };
+export declare const RJSF_FORM_SELECT_PORTAL_TARGET_ID = "rjsf-form-select-portal-target";

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" | "array" | "null";
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "null" | "array";
 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/Tooltip/constants.d.ts

@@ -1,4 +1,3 @@
 export declare const TOOLTIP_CONTENTS: {
     INVALID_INPUT: string;
 };
-export declare const SUB_PIXEL_ERROR = 1;

package/dist/Common/Types.d.ts

@@ -4,6 +4,7 @@ import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
+import { IllustrationName } from '../Shared/Components';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -118,6 +119,7 @@ export interface InfoIconTippyProps<T extends boolean = false> extends Pick<Tipp
 }
 export interface GenericEmptyStateType {
     title: ReactNode;
+    imgName?: IllustrationName;
     image?: any;
     classname?: string;
     subTitle?: ReactNode;

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

@@ -17,7 +17,6 @@ export interface ApiResourceType {
 }
 export interface K8SObjectBaseType {
     name: string;
-    isExpanded: boolean;
 }
 interface K8sRequestResourceIdentifierType {
     groupVersionKind: GVKType;

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

@@ -1,12 +1,8 @@
-import { LegacyRef, MouseEvent, ReactElement, Ref } from 'react';
+import { LegacyRef, MouseEvent, 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';
+import { ActionMenuItemIconType, TrailingItemType } from '../TrailingItem';
 type ConditionalActionMenuComponentType = {
     /**
      * @default 'button'
@@ -25,33 +21,6 @@ type ConditionalActionMenuComponentType = {
     to: LinkProps['to'];
     href?: never;
 };
-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;

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.

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

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

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

@@ -61,6 +61,10 @@ 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/CollapsibleList/CollapsibleList.component.d.ts

@@ -1,2 +1,5 @@
 import { CollapsibleListProps, TabOptions } from './CollapsibleList.types';
+/**
+ * @deprecated - Please use `TreeView` component instead.
+ */
 export declare const CollapsibleList: <TabType extends TabOptions>({ config, tabType, onCollapseBtnClick, }: CollapsibleListProps<TabType>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ContextSwitcherTypes } from './types';
+export declare const ContextSwitcher: ({ inputId, options, inputValue, onInputChange, isLoading, value, onChange, placeholder, filterOption, formatOptionLabel, optionListError, reloadOptionList, classNamePrefix, }: ContextSwitcherTypes) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export { ContextSwitcher } from './ContextSwitcher';
+export type { ContextSwitcherTypes, RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types';
+export { getMinCharSearchPlaceholderGroup } from './utils';

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

@@ -0,0 +1,14 @@
+import { GroupBase } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+export interface ContextSwitcherTypes extends Pick<SelectPickerProps, 'placeholder' | 'onChange' | 'value' | 'isLoading' | 'onInputChange' | 'inputValue' | 'inputId' | 'formatOptionLabel' | 'filterOption' | 'optionListError' | 'reloadOptionList' | 'classNamePrefix'> {
+    options: GroupBase<SelectPickerOptionType<string | number>>[];
+    isAppDataAvailable?: boolean;
+}
+export interface RecentlyVisitedOptions extends SelectPickerOptionType<number> {
+    isDisabled?: boolean;
+    isRecentlyVisited?: boolean;
+}
+export interface RecentlyVisitedGroupedOptionsType extends GroupBase<SelectPickerOptionType<number>> {
+    label: string;
+    options: RecentlyVisitedOptions[];
+}

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

@@ -0,0 +1,5 @@
+import { SelectPickerProps } from '../SelectPicker';
+import { RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types';
+export declare const getDisabledOptions: (option: RecentlyVisitedOptions) => SelectPickerProps["isDisabled"];
+export declare const customSelectFilterOption: SelectPickerProps['filterOption'];
+export declare const getMinCharSearchPlaceholderGroup: (resourceKind: string) => RecentlyVisitedGroupedOptionsType;

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

@@ -0,0 +1,3 @@
+import { DTFocusTrapType } from './types';
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
+export default DTFocusTrap;

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

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

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

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+type FocusTargetValue = HTMLElement | SVGElement | string;
+type FocusTargetValueOrFalse = FocusTargetValue | false;
+/**
+ * A DOM node, a selector string (which will be passed to
+ * `document.querySelector()` to find the DOM node), `false` to explicitly indicate
+ * an opt-out, or a function that returns a DOM node or `false`.
+ */
+type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
+export interface DTFocusTrapType {
+    /**
+     * 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: (e?: KeyboardEvent | MouseEvent) => void;
+    /**
+     * If focus should be deactivated on escape, pass false when escape is disabled or has no action
+     * true for cases when we are closing modals or dialogs
+     * @default true
+     */
+    deactivateFocusOnEscape?: boolean;
+    children: ReactNode;
+    /**
+     * With this option, you can specify an element to receive the initial focus, or use false for no initially focused element at all.
+     * Setting this option to undefined (or to a function that returns undefined) will result in the first element in the focus trap's tab order receiving focus.
+     */
+    initialFocus?: FocusTargetOrFalse | undefined | (() => void);
+}
+export {};

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

@@ -17,3 +17,7 @@ export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonCom
      */
     openInNewTab?: boolean;
 };
+export interface URLWithUTMSource {
+    isEnterprise: BaseDocLink<false>['isEnterprise'];
+    link?: string;
+}

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

@@ -1,2 +1,3 @@
-import { BaseDocLink } from './types';
+import { BaseDocLink, URLWithUTMSource } from './types';
+export declare const getUTMPathAppended: ({ isEnterprise, link }: URLWithUTMSource) => string;
 export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, isLicenseDashboard, }: BaseDocLink<T>) => string;

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

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

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

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