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

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

@@ -66,13 +66,14 @@ import { ButtonComponentType, ButtonStyleType, ButtonVariantType } from './types
  * ```
  */
 declare const Button: import('react').ForwardRefExoticComponent<(Pick<{
-    ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.anchor;
+    ref?: import('react').Ref<HTMLButtonElement>;
+    component?: ButtonComponentType.button;
+    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
     linkProps?: never;
-    buttonProps?: never;
-    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
-    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -99,14 +100,15 @@ 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<{
-    ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.anchor;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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;
-    buttonProps?: never;
-    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
-    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -133,14 +135,15 @@ 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<{
-    ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.anchor;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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;
-    buttonProps?: never;
-    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
-    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -161,14 +164,15 @@ 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<{
-    ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.anchor;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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;
-    buttonProps?: never;
-    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
-    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
+    anchorProps?: never;
+    onClick?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -189,14 +193,15 @@ 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<{
-    ref?: import('react').Ref<HTMLButtonElement>;
-    component?: ButtonComponentType.button;
-    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
-    linkProps?: never;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -223,14 +228,15 @@ 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<{
-    ref?: import('react').Ref<HTMLButtonElement>;
-    component?: ButtonComponentType.button;
-    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
-    linkProps?: never;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -257,14 +263,15 @@ 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<{
-    ref?: import('react').Ref<HTMLButtonElement>;
-    component?: ButtonComponentType.button;
-    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
-    linkProps?: never;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -285,14 +292,15 @@ 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<{
-    ref?: import('react').Ref<HTMLButtonElement>;
-    component?: ButtonComponentType.button;
-    buttonProps?: Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "children" | "styles" | "className" | "disabled" | "onClick">;
-    linkProps?: never;
+}, "style" | "text" | "id" | "size" | "tooltipProps" | "dataTestId" | "disabled" | "startIcon" | "endIcon" | "variant" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "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').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
+    onClick?: import('react-router-dom').LinkProps["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -313,14 +321,15 @@ 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" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.link;
-    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
     buttonProps?: never;
-    anchorProps?: never;
-    onClick?: import('react-router-dom').LinkProps["onClick"];
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -347,14 +356,15 @@ 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" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.link;
-    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
     buttonProps?: never;
-    anchorProps?: never;
-    onClick?: import('react-router-dom').LinkProps["onClick"];
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -381,14 +391,15 @@ 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" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.link;
-    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
     buttonProps?: never;
-    anchorProps?: never;
-    onClick?: import('react-router-dom').LinkProps["onClick"];
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
 } & {
+    id?: string;
     variant?: ButtonVariantType;
     size?: ComponentSizeType;
     style?: ButtonStyleType;
@@ -409,14 +420,15 @@ 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" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy"> | Pick<{
     ref?: import('react').Ref<HTMLAnchorElement>;
-    component: ButtonComponentType.link;
-    linkProps: Omit<import('react-router-dom').LinkProps, "children" | "styles" | "className" | "onClick">;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
     buttonProps?: never;
-    anchorProps?: never;
-    onClick?: import('react-router-dom').LinkProps["onClick"];
+    anchorProps: Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "styles" | "className" | "onClick">;
+    onClick?: import('react').AnchorHTMLAttributes<HTMLAnchorElement>["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" | "ariaLabel" | "icon" | "buttonProps" | "isLoading" | "onClick" | "fullWidth" | "fontWeight" | "component" | "linkProps" | "anchorProps" | "isOpacityHoverChild" | "triggerAutoClickTimestamp" | "showTooltip" | "showAriaLabelInTippy">) & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 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/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts

@@ -13,7 +13,7 @@ export declare const getPipelineDeploymentsOptions: ({ pipelineDeployments, wfrI
     wfrId: number;
 }) => {
     currentDeployment: string;
-    pipelineDeploymentsOptions: SelectPickerOptionType<number>[];
+    pipelineDeploymentsOptions: SelectPickerOptionType<number, import('react').ReactNode>[];
 };
 export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: number) => (searchParams: URLSearchParams) => {
     compareWfrId: number;

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

@@ -0,0 +1,3 @@
+import { ChipProps } from './types';
+declare const Chip: ({ label, startIconProps, startIcon, size: userSize, value, onRemove, style, type, onClick, capitalizeLabel, href, }: ChipProps) => JSX.Element;
+export default Chip;

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

@@ -0,0 +1,2 @@
+export { default as Chip } from './Chip.component';
+export type { ChipProps } from './types';

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

@@ -0,0 +1,64 @@
+import { MouseEvent, PropsWithChildren } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { IconsProps } from '../Icon';
+import { SelectPickerOptionType } from '../SelectPicker';
+export type ChipProps = {
+    /**
+     * The label to be displayed on the chip.
+     * This is a required field and should be a string.
+     */
+    label: string;
+    /**
+     * The size of the chip, which determines its padding and icon size.
+     * @default ComponentSizeType.xs
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.xxs>;
+    /**
+     * If style is 'error', an error icon will be displayed.
+     * If style is 'neutral', a start icon can be provided.
+     * @default 'neutral'
+     */
+    style?: 'neutral' | 'error';
+    capitalizeLabel?: boolean;
+} & ({
+    type: 'button';
+    href?: never;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    value?: never;
+    onRemove?: () => void;
+} | {
+    type: 'link';
+    href: string;
+    onClick?: never;
+    value?: never;
+    onRemove?: never;
+} | {
+    /**
+     * The type of the chip, which can be 'button', 'link', or 'non-interactive'.
+     * This determines the behavior of the chip when clicked.
+     * @default 'non-interactive'
+     */
+    type?: 'non-interactive';
+    href?: never;
+    onClick?: never;
+    /**
+     * The value to be displayed in the chip, if any.
+     * This is optional and can be used to show additional information.
+     * @default undefined
+     */
+    value?: string | number;
+    /**
+     * A function that will be called when the remove button is clicked.
+     * This is optional and can be used to handle the removal of the chip.
+     */
+    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
+}) & ({
+    startIconProps?: Pick<IconsProps, 'name' | 'color'>;
+    startIcon?: never;
+} | {
+    startIconProps?: never;
+    startIcon?: SelectPickerOptionType['startIcon'];
+});
+export interface GetIconPropsType extends Pick<ChipProps, 'style' | 'startIconProps' | 'size'> {
+}
+export type ChipWrapperProps = PropsWithChildren<Required<Pick<ChipProps, 'type' | 'style' | 'onClick' | 'href' | 'size'>>>;

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

@@ -0,0 +1,6 @@
+import { ComponentSizeType } from '../../constants';
+import { ChipProps } from './types';
+export declare const getIconSize: (size: ChipProps["size"]) => 14 | 16;
+export declare const getPadding: (size: ChipProps["size"]) => "px-4 py-2" | "px-6 py-2";
+export declare const getFontSize: (size: ChipProps["size"]) => "fs-12 lh-16" | "fs-12 lh-20";
+export declare const getSupportedChipSizes: (size: ComponentSizeType) => ComponentSizeType.xxs | ComponentSizeType.xs;

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

@@ -10,7 +10,7 @@ export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view:
     current: number;
 };
 export declare const updateDiffMinimapValues: (view: MergeView, transactions: readonly Transaction[], side: "a" | "b") => void;
-export declare const getScanLimit: (lhsValue: string, value: string) => 500 | 10000 | 5000 | 15000 | 20000;
+export declare const getScanLimit: (lhsValue: string, value: string) => 10000 | 500 | 5000 | 15000 | 20000;
 export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
 export declare const getReadOnlyElement: () => HTMLDivElement;
 export declare const getRevertControlButton: () => HTMLButtonElement;

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

@@ -0,0 +1,8 @@
+import { noop } from '../../../Common/Helper';
+import { DTFocusTrapType } from './types';
+export declare const useFocusTrapControl: () => {
+    disableFocusTrap: typeof noop;
+    resumeFocusTrap: typeof noop;
+};
+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, useFocusTrapControl } 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/FilterChips/types.d.ts

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 export interface FilterChipProps {
     /**
      * Filter label
@@ -15,11 +14,11 @@ export interface FilterChipProps {
     /**
      * If passed, the label will be formatted accordingly
      */
-    getFormattedLabel?: (filterKey: string) => ReactNode;
+    getFormattedLabel?: (filterKey: string) => string;
     /**
      * If passed, the label will be formatted accordingly
      */
-    getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
+    getFormattedValue?: (filterKey: string, filterValue: unknown) => string;
     showRemoveIcon: boolean;
     /**
      * If true, would hide the label

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;

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

@@ -18,6 +18,7 @@ export declare const iconMap: {
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -66,6 +67,9 @@ export declare const iconMap: {
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-diff-added': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-diff-deleted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-diff-updated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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>>;
@@ -107,6 +111,8 @@ export declare const iconMap: {
     'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hand-pointing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,9 +139,11 @@ 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-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-locked': 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>>;
@@ -168,6 +176,7 @@ export declare const iconMap: {
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -185,6 +194,7 @@ export declare const iconMap: {
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stop-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-storage': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-blue-green-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -196,6 +206,7 @@ export declare const iconMap: {
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -213,6 +224,9 @@ export declare const iconMap: {
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-visibility-off': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-visibility-on': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-warning-fill': 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>>;

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

@@ -1,3 +1,3 @@
 import { MaterialHistoryProps } from './types';
-declare const MaterialHistory: ({ material, pipelineName, ciPipelineId, selectCommit, isCommitInfoModal, }: MaterialHistoryProps) => JSX.Element;
+declare const MaterialHistory: ({ material, pipelineName, selectCommit, isCommitInfoModal }: MaterialHistoryProps) => JSX.Element;
 export default MaterialHistory;

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

@@ -2,7 +2,6 @@ import { CIMaterialType } from '../../Services/app.types';
 export interface MaterialHistoryProps {
     material: CIMaterialType;
     pipelineName: string;
-    ciPipelineId?: string;
-    selectCommit?: (materialId: string, commit: string, ciPipelineId?: string) => void;
+    selectCommit?: (commitId: string) => void;
     isCommitInfoModal?: boolean;
 }

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

@@ -56,6 +56,10 @@ export interface UsePopoverProps {
      * @default 'menu'
      */
     variant?: 'menu' | 'overlay';
+    /**
+     * Disable popover close
+     */
+    disableClose?: boolean;
 }
 /**
  * Represents the return type of the `usePopover` hook, providing properties and methods

package/dist/Shared/Components/Popover/usePopover.hook.d.ts

@@ -1,2 +1,2 @@
 import { UsePopoverProps, UsePopoverReturnType } from './types';
-export declare const usePopover: ({ id, position, alignment, width, variant, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;
+export declare const usePopover: ({ id, position, alignment, width, variant, onOpen, onPopoverKeyDown, onTriggerKeyDown, disableClose, }: UsePopoverProps) => UsePopoverReturnType;

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

@@ -87,6 +87,6 @@ export declare const getPopoverActualPositionAlignment: ({ position, alignment,
     triggerRect: DOMRect;
     popoverRect: DOMRect;
 }) => {
-    fallbackPosition: "top" | "bottom" | "right" | "left";
-    fallbackAlignment: "middle" | "end" | "start";
+    fallbackPosition: "top" | "right" | "bottom" | "left";
+    fallbackAlignment: "start" | "middle" | "end";
 };