@devtron-labs/devtron-fe-common-lib 1.16.0-beta-6 → 1.16.0-pre-0

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

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

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

@@ -1,6 +1,6 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement, Ref } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { TooltipProps } from '../../../Common/Tooltip';
+import { TooltipProps } from '../../../Common/Tooltip/types';
 import { ComponentSizeType } from '../../constants';
 export declare enum ButtonVariantType {
     primary = "primary",
@@ -24,7 +24,6 @@ export declare enum ButtonComponentType {
     anchor = "anchor"
 }
 export type ButtonProps<ComponentType extends ButtonComponentType = ButtonComponentType.button> = (ComponentType extends ButtonComponentType.link ? {
-    ref?: Ref<HTMLAnchorElement>;
     component: ButtonComponentType.link;
     /**
      * Props for the link component
@@ -34,7 +33,6 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     anchorProps?: never;
     onClick?: LinkProps['onClick'];
 } : ComponentType extends ButtonComponentType.anchor ? {
-    ref?: Ref<HTMLAnchorElement>;
     component: ButtonComponentType.anchor;
     linkProps?: never;
     buttonProps?: never;
@@ -46,7 +44,6 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     anchorProps: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'styles' | 'className' | 'onClick'>;
     onClick?: AnchorHTMLAttributes<HTMLAnchorElement>['onClick'];
 } : {
-    ref?: Ref<HTMLButtonElement>;
     /**
      * Component to be rendered from the available options
      *
@@ -115,7 +112,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * If true, the tooltip is shown for the button
      */
-    showTooltip?: boolean;
+    showTooltip: boolean;
     /**
      * Props for tooltip
      */

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

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

package/dist/Shared/Components/GettingStartedCard/GettingStarted.d.ts

@@ -1,3 +1,3 @@
 import { GettingStartedType } from './types';
-declare const GettingStartedCard: ({ hideGettingStartedCard }: GettingStartedType) => JSX.Element;
+declare const GettingStartedCard: ({ className, hideGettingStartedCard }: GettingStartedType) => JSX.Element;
 export default GettingStartedCard;

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

@@ -8,5 +8,8 @@ export interface LoginCountType extends ResponseType {
     result?: LoginCount;
 }
 export interface GettingStartedType {
+    className: string;
+    showHelpCard: boolean;
     hideGettingStartedCard: (count?: string) => void;
+    loginCount: number;
 }

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

@@ -1,2 +1,2 @@
 import { HelpButtonProps } from './types';
-export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick, hideGettingStartedCard }: HelpButtonProps) => JSX.Element;
+export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick }: HelpButtonProps) => JSX.Element;

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, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -10,6 +10,9 @@ export interface PageHeaderType {
     isBreadcrumbs?: boolean;
     breadCrumbs?: () => JSX.Element;
     renderActionButtons?: () => JSX.Element;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+    markAsBeta?: boolean;
     tippyProps?: Pick<TippyCustomizedProps<false>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
         tippyRedirectLink?: keyof typeof DOCUMENTATION;
@@ -31,7 +34,6 @@ export interface HelpButtonProps {
     serverInfo: ServerInfo;
     fetchingServerInfo: boolean;
     onClick: () => void;
-    hideGettingStartedCard: () => void;
 }
 export declare enum HelpMenuItems {
     GETTING_STARTED = "getting-started",

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

@@ -22,7 +22,6 @@ export declare const iconMap: {
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -33,13 +32,11 @@ export declare const iconMap: {
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-online': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-check-all': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-check-square': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-clean-brush': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -47,7 +44,6 @@ export declare const iconMap: {
     'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -58,8 +54,6 @@ export declare const iconMap: {
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-deploy-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-deploy-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-ai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -68,7 +62,6 @@ export declare const iconMap: {
     'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-download': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -82,7 +75,6 @@ export declare const iconMap: {
     'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-file-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -92,11 +84,9 @@ export declare const iconMap: {
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-gavel': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-git-branch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -115,7 +105,6 @@ export declare const iconMap: {
     'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-info-filled-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -130,10 +119,8 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-logs': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -158,7 +145,6 @@ export declare const iconMap: {
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-pause-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -174,7 +160,6 @@ export declare const iconMap: {
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-ai-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-speedometer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -201,7 +186,6 @@ export declare const iconMap: {
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-two-cubes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -209,7 +193,6 @@ export declare const iconMap: {
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };

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

@@ -4,5 +4,4 @@ import { InfoBlockProps } from './types';
 export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
 export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
-export declare const CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
-export declare const CONTAINER_SIZE_TO_ICON_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
+export declare const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '../../../Common/Tooltip';
+import { TooltipProps } from '../../../Common/Tooltip/types';
 export interface InvalidYAMLTippyWrapperProps {
     parsingError: string;
     restoreLastSavedYAML?: () => void;

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

@@ -1,6 +1,5 @@
 import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
-import { BackdropProps } from '../Backdrop';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
     /**
@@ -75,9 +74,9 @@ export interface UsePopoverReturnType {
     };
     /**
      * Props to be spread onto the overlay element of the popover.
-     * These props include backdrop properties.
+     * These props include standard HTML attributes for a `div` element.
      */
-    overlayProps: Omit<BackdropProps, 'children'>;
+    overlayProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Props to be spread onto the popover element itself.
      * Includes motion-related props for animations and a `ref` to the popover's `div` element.