@devtron-labs/devtron-fe-common-lib 0.2.24-beta-7 → 0.2.24-beta-8

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

@@ -49,5 +49,5 @@ import { ButtonProps } from './types';
  * ```
  *
  */
-declare const Button: ({ variant, size, style, text, startIcon, endIcon, disabled, isLoading, showTippy, tippyContent, type, dataTestId, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, ...props }: ButtonProps) => JSX.Element;
 export default Button;

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

@@ -1,6 +1,7 @@
 import { TooltipProps } from '@Common/Tooltip/types';
 import { ComponentSizeType } from '../../constants';
 import { ButtonHTMLAttributes, ReactElement } from 'react';
+import { LinkProps } from 'react-router-dom';
 export declare enum ButtonVariantType {
     primary = "primary",
     secondary = "secondary",
@@ -14,23 +15,48 @@ export declare enum ButtonStyleType {
     warning = "warning",
     neutral = "neutral"
 }
-export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'styles' | 'className'> & {
+export declare enum ButtonComponentType {
+    button = "button",
+    link = "link"
+}
+export type ButtonProps = ({
+    /**
+     * Component to be rendered from the available options
+     *
+     * @default ButtonComponentType.button
+     */
+    component?: ButtonComponentType.button | never;
+    /**
+     * Props for the button component
+     */
+    buttonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'styles' | 'className' | 'disabled' | 'onClick'>;
+    linkProps?: never;
+    onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
+} | {
+    component: ButtonComponentType.link;
+    /**
+     * Props for the link component
+     */
+    linkProps: Omit<LinkProps, 'children' | 'styles' | 'className' | 'onClick'>;
+    buttonProps?: never;
+    onClick?: LinkProps['onClick'];
+}) & {
     /**
      * Variant of the button
      *
-     * @default 'ButtonVariantType.primary'
+     * @default ButtonVariantType.primary
      */
     variant?: ButtonVariantType;
     /**
      * Size of the button
      *
-     * @default 'ComponentSizeType.large'
+     * @default ComponentSizeType.large
      */
     size?: ComponentSizeType;
     /**
      * Style to be applied on the button
      *
-     * @default 'ButtonStyleType.default'
+     * @default ButtonStyleType.default
      */
     style?: ButtonStyleType;
     /**
@@ -49,17 +75,26 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'childre
      * If true, the loading state is shown for the button with disabled
      */
     isLoading?: boolean;
+    /**
+     * Test id for the component
+     */
     dataTestId: string;
+    /**
+     * If true, the button is disabled
+     *
+     * @default false
+     */
+    disabled?: boolean;
 } & ({
     /**
-     * If true, the tippy is shown for the button
+     * If true, the tooltip is shown for the button
      */
-    showTippy: boolean;
+    showTooltip: boolean;
     /**
-     * Tippy content to be shown for use cases like disabled etc
+     * Props for tooltip
      */
-    tippyContent: TooltipProps['content'];
+    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate'>;
 } | {
-    showTippy?: never;
-    tippyContent?: never;
+    showTooltip?: never;
+    tooltipProps?: never;
 });