@devtron-labs/devtron-fe-common-lib 1.22.8-beta-13 → 1.22.8-beta-14

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

@@ -1,6 +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 = readonly unknown[], WrapWithResponseType extends boolean = true>(options: UseQueryOptions<WrapWithResponseType extends true ? ResponseType<TQueryFnData> : TQueryFnData, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
+export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey, WrapWithResponseType extends boolean = true>(options: UseQueryOptions<WrapWithResponseType extends true ? ResponseType<TQueryFnData> : 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/Checkbox/Checkbox.d.ts

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

package/dist/Common/DevtronProgressing/DevtronProgressing.d.ts

@@ -1,3 +1,2 @@
-import { JSX } from 'react';
 import { DevtronProgressingProps } from './types';
 export declare const DevtronProgressing: ({ classes, parentClasses }: DevtronProgressingProps) => JSX.Element;

package/dist/Common/EmptyState/GenericEmptyState.d.ts

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { GenericEmptyStateType } from '../Types';
 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/GenericDescription/types.d.ts

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 export interface GenericDescriptionProps {
     text?: string;
     updatedBy?: string;

package/dist/Common/Progressing.d.ts

@@ -1,4 +1,3 @@
 import { ProgressingProps } from './Types';
-import { JSX } from 'react';
 export declare const Progressing: ({ pageLoader, size, theme, styles, fillColor }: ProgressingProps) => JSX.Element;
 export declare const DetailsProgressing: ({ loadingText, size, fullHeight, styles, fillColor, children, }: ProgressingProps) => JSX.Element;

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

@@ -1,2 +1,3 @@
+import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: ({ ref, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Omit<FormProps, "ref"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Common/Types.d.ts

@@ -1,4 +1,4 @@
-import { default as React, CSSProperties, JSX, MutableRefObject, ReactElement, ReactNode, Ref } from 'react';
+import { default as React, CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { TippyProps } from '@tippyjs/react';
 import { IllustrationName, SelectPickerOptionType } from '../Shared/Components';
@@ -83,7 +83,6 @@ export interface CheckboxProps {
     dataTestId?: string;
     error?: boolean;
     children?: ReactNode;
-    ref?: Ref<HTMLLabelElement>;
 }
 export interface TippyWithBaseDocLinkTypes<T extends boolean> extends Pick<DocLinkProps<T>, 'isExternalLink' | 'openInNewTab'> {
     documentationLink?: DocLinkProps<T>['docLinkKey'];
@@ -153,7 +152,7 @@ export type ErrorScreenManagerProps = {
     code?: number;
     imageType?: ImageType;
     reload?: (...args: any[]) => any;
-    subtitle?: React.ReactElement | number | string;
+    subtitle?: React.ReactChild;
     reloadClass?: string;
 } & ({
     /**
@@ -176,7 +175,7 @@ export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'ti
     reload?: () => void;
 }
 export interface ErrorScreenNotAuthorizedProps {
-    subtitle?: React.ReactElement | number | string;
+    subtitle?: React.ReactChild;
     title?: string;
 }
 export interface ReloadType {

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

@@ -1,4 +1,4 @@
-import { Dispatch, JSX, ReactElement, SetStateAction } from 'react';
+import { Dispatch, ReactElement, SetStateAction } from 'react';
 import { TabProps } from '../../Shared/Components';
 import { InstallationClusterType } from '../../Shared/types';
 import { NodeActionRequest } from './ResourceBrowser.Types';

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -1,4 +1,4 @@
-import { JSX, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { RJSFFormSchema } from '../../../Common/RJSF';
 import { ClusterDetailListType } from '../../../Common/Types';
 export declare enum CostBreakdownViewType {

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

@@ -9,13 +9,13 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     }[];
     filteredOptions: import('./types').ActionMenuOptionType<T>[];
     focusedIndex: number;
-    itemsRef: RefObject<RefObject<HTMLAnchorElement | HTMLButtonElement>[]>;
+    itemsRef: import('react').MutableRefObject<RefObject<HTMLAnchorElement | HTMLButtonElement>[]>;
     triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
         bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
     };
     overlayProps: Omit<import('..').BackdropProps, "children">;
     popoverProps: {
-        ref?: import('react').Ref<HTMLDivElement>;
+        children?: import('react').ReactNode;
         className?: string;
         content?: string;
         role?: import('react').AriaRole;
@@ -68,10 +68,6 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         results?: number;
         security?: string;
         unselectable?: "off" | "on";
-        popover?: "" | "auto" | "manual" | "hint";
-        popoverTargetAction?: "toggle" | "show" | "hide";
-        popoverTarget?: string;
-        inert?: boolean;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         exportparts?: string;
@@ -144,18 +140,18 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement>;
         onBlur?: import('react').FocusEventHandler<HTMLDivElement>;
         onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement>;
-        onChange?: import('react').ChangeEventHandler<HTMLDivElement, Element>;
-        onChangeCapture?: import('react').ChangeEventHandler<HTMLDivElement, Element>;
+        onChange?: import('react').FormEventHandler<HTMLDivElement>;
+        onChangeCapture?: import('react').FormEventHandler<HTMLDivElement>;
         onBeforeInput?: import('react').InputEventHandler<HTMLDivElement>;
-        onBeforeInputCapture?: import('react').InputEventHandler<HTMLDivElement>;
-        onInput?: import('react').InputEventHandler<HTMLDivElement>;
-        onInputCapture?: import('react').InputEventHandler<HTMLDivElement>;
-        onReset?: import('react').ReactEventHandler<HTMLDivElement>;
-        onResetCapture?: import('react').ReactEventHandler<HTMLDivElement>;
-        onSubmit?: import('react').SubmitEventHandler<HTMLDivElement>;
-        onSubmitCapture?: import('react').SubmitEventHandler<HTMLDivElement>;
-        onInvalid?: import('react').ReactEventHandler<HTMLDivElement>;
-        onInvalidCapture?: import('react').ReactEventHandler<HTMLDivElement>;
+        onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement>;
+        onInput?: import('react').FormEventHandler<HTMLDivElement>;
+        onInputCapture?: import('react').FormEventHandler<HTMLDivElement>;
+        onReset?: import('react').FormEventHandler<HTMLDivElement>;
+        onResetCapture?: import('react').FormEventHandler<HTMLDivElement>;
+        onSubmit?: import('react').FormEventHandler<HTMLDivElement>;
+        onSubmitCapture?: import('react').FormEventHandler<HTMLDivElement>;
+        onInvalid?: import('react').FormEventHandler<HTMLDivElement>;
+        onInvalidCapture?: import('react').FormEventHandler<HTMLDivElement>;
         onLoad?: import('react').ReactEventHandler<HTMLDivElement>;
         onLoadCapture?: import('react').ReactEventHandler<HTMLDivElement>;
         onError?: import('react').ReactEventHandler<HTMLDivElement>;
@@ -271,8 +267,6 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement>;
         onScroll?: import('react').UIEventHandler<HTMLDivElement>;
         onScrollCapture?: import('react').UIEventHandler<HTMLDivElement>;
-        onScrollEnd?: import('react').UIEventHandler<HTMLDivElement>;
-        onScrollEndCapture?: import('react').UIEventHandler<HTMLDivElement>;
         onWheel?: import('react').WheelEventHandler<HTMLDivElement>;
         onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement>;
         onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement>;
@@ -280,17 +274,8 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement>;
         onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement>;
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement>;
-        onToggle?: import('react').ToggleEventHandler<HTMLDivElement>;
-        onBeforeToggle?: import('react').ToggleEventHandler<HTMLDivElement>;
-        onTransitionCancel?: import('react').TransitionEventHandler<HTMLDivElement>;
-        onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLDivElement>;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement>;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement>;
-        onTransitionRun?: import('react').TransitionEventHandler<HTMLDivElement>;
-        onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement>;
-        onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement>;
-        onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement>;
-        key?: import('react').Key;
     } & import('framer-motion').MotionProps & {
         ref: import('react').MutableRefObject<HTMLDivElement>;
     };

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

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

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

@@ -1,4 +1,3 @@
-import { Ref } from 'react';
 import { CHECKBOX_VALUE } from '../../../Common';
 export declare enum BulkSelectionEvents {
     CLEAR_ALL_SELECTIONS = "CLEAR_ALL_SELECTIONS",
@@ -38,7 +37,6 @@ export interface BulkSelectionProps {
      * Will act as checkbox instead of opening up popup if list is not paginated
      */
     selectAllIfNotPaginated?: boolean;
-    ref?: Ref<HTMLLabelElement>;
 }
 export declare enum SelectAllDialogStatus {
     OPEN = "OPEN",

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

@@ -1,4 +1,6 @@
-import { ButtonComponentType, ButtonProps } from './types';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { ComponentSizeType } from '../../constants';
+import { ButtonComponentType, ButtonStyleType, ButtonVariantType } from './types';
 /**
  * Generic component for Button.
  * Should be used in combination of variant, size and style.
@@ -63,5 +65,389 @@ import { ButtonComponentType, ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, fontWeight, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ref, ...props }: ButtonProps<ButtonComponentType>) => import("react/jsx-runtime").JSX.Element;
+declare const Button: import('react').ForwardRefExoticComponent<(Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
+    linkProps?: never;
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: boolean;
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, "alwaysShowTippyOnHover"> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, "alwaysShowTippyOnHover">;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon?: never;
+    ariaLabel?: never;
+    showAriaLabelInTippy?: never;
+    text: string;
+    startIcon?: import('react').ReactElement;
+    endIcon?: import('react').ReactElement;
+    fontWeight?: "bold" | "normal";
+}, "ref"> | Omit<{
+    ref?: import('react').Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: import('react-router-dom').LinkProps["onClick"];
+} & {
+    id?: string;
+    variant?: ButtonVariantType;
+    size?: ComponentSizeType;
+    style?: ButtonStyleType;
+    isLoading?: boolean;
+    dataTestId: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    isOpacityHoverChild?: boolean;
+    triggerAutoClickTimestamp?: number | null;
+} & {
+    showTooltip?: never;
+    tooltipProps?: never;
+} & {
+    icon: import('react').ReactElement;
+    showAriaLabelInTippy?: boolean;
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
+    fontWeight?: never;
+}, "ref">) & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;

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

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { BuildAndTaskSummaryTooltipCardProps } from './types';
 declare const BuildAndTaskSummaryTooltipCard: import('react').MemoExoticComponent<({ workflowExecutionStages, triggeredByEmail, namespace, podName, stage, gitTriggers, ciMaterials, }: BuildAndTaskSummaryTooltipCardProps) => JSX.Element>;
 export default BuildAndTaskSummaryTooltipCard;

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

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { DeploymentSummaryTooltipCardType } from './types';
 declare const GitTriggerList: import('react').MemoExoticComponent<({ ciMaterials, gitTriggers, addMarginTop, }: Pick<DeploymentSummaryTooltipCardType, "ciMaterials" | "gitTriggers"> & {
     addMarginTop?: boolean;

package/dist/Shared/Components/CICDHistory/History.components.d.ts

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { GitChangesType, LogResizeButtonType, ScrollerType } from './types';
 export declare const LogResizeButton: ({ shortcutCombo, showOnlyWhenPathIncludesLogs, fullScreenView, setFullScreenView, }: LogResizeButtonType) => JSX.Element;
 export declare const Scroller: ({ scrollToTop, scrollToBottom, style }: ScrollerType) => JSX.Element;

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

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { WorkerStatusType } from './types';
 declare const WorkerStatus: import('react').MemoExoticComponent<({ message, podStatus, stage, workerPodName, finishedOn, clusterId, namespace, workerMessageContainerClassName, titleClassName, viewWorkerPodClassName, hideShowMoreMessageButton, children, }: WorkerStatusType) => JSX.Element | null>;
 export default WorkerStatus;

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

@@ -1,4 +1,4 @@
-import { CSSProperties, JSX, MutableRefObject, ReactElement, ReactNode } from 'react';
+import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
 import { GVKType } from '../../../Pages/ResourceBrowser';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, TooltipProps, UserApprovalMetadataType, useScrollable } from '../../../Common';

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

@@ -1,4 +1,4 @@
-import { JSX, ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { DeploymentAppTypes } from '../../../Common/Types';
 import { DeploymentStatusBreakdownItemType, Node } from '../../types';
 import { TabGroupProps } from '../TabGroup';

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

@@ -1,4 +1,4 @@
-import { Dispatch, FunctionComponent, JSX, Key, MutableRefObject, ReactNode, SetStateAction, SVGProps } from 'react';
+import { Dispatch, FunctionComponent, Key, MutableRefObject, ReactNode, SetStateAction, SVGProps } from 'react';
 import { MergeView } from '@codemirror/merge';
 import { SearchQuery } from '@codemirror/search';
 import { EditorView, Extension, ReactCodeMirrorProps } from '@uiw/react-codemirror';

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

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { ServerErrors } from '../../../Common/ServerError';
 import { APIOptions } from '../../../Common/Types';
 import { ButtonProps } from '../Button';

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

@@ -1,4 +1,4 @@
-import { JSX, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ButtonComponentType, ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
 export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {