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

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

@@ -7,6 +7,17 @@ declare class CoreAPI {
     timeout: number;
     constructor({ handleLogout, host, timeout, handleRedirectToLicenseActivation }: CoreAPIConstructorParamsType);
     private fetchAPI;
+    /**
+     * Merges multiple AbortSignals into a single AbortSignal that aborts
+     * as soon as any of the input signals abort.
+     *
+     * This is useful when you want to race multiple async cancellation signals,
+     * for example, to support both a global timeout and a user-triggered abort.
+     *
+     * @param signals - AbortSignals to merge.
+     * @returns An AbortSignal that aborts if any input signal aborts.
+     */
+    private static mergeAbortSignals;
     private fetchInTime;
     post: <T = any, K = object>(url: string, data: K, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType<T>>;
     put: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const QueryClientProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;

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

@@ -1,3 +1,5 @@
 export declare const post: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions, isMultipartRequest?: boolean) => Promise<import('..').ResponseType<T>>, put: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, patch: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, get: <T = any>(url: string, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, trash: <T = any, K = object>(url: string, data?: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>;
 export { default as CoreAPI } from './CoreAPI';
+export { QueryClientProvider } from './QueryClientProvider';
+export * from './reactQueryHooks';
 export { abortPreviousRequests, getIsRequestAborted, handleRedirectToLicenseActivation } from './utils';

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

@@ -0,0 +1,6 @@
+import { QueryKey, UseMutationOptions, UseMutationResult, useQueryClient, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import { ServerErrors } from '../ServerError';
+import { ResponseType } from '../Types';
+export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseQueryOptions<ResponseType<TQueryFnData>, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
+export declare const useMutation: <TData = unknown, TVariables = void, TContext = unknown>(options: UseMutationOptions<ResponseType<TData>, ServerErrors, TVariables, TContext>) => UseMutationResult<ResponseType<TData>, ServerErrors, TVariables, TContext>;
+export { useQueryClient };

package/dist/Common/Constants.d.ts

@@ -2,7 +2,7 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v1.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
 export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
@@ -58,7 +58,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";

package/dist/Common/Drawer/Drawer.d.ts

@@ -1,4 +1,5 @@
-export interface DrawerProps {
+import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
+export interface DrawerProps extends Pick<DTFocusTrapType, 'initialFocus'> {
     position: 'left' | 'right' | 'bottom' | 'top';
     children?: any;
     backdrop?: boolean;
@@ -11,4 +12,4 @@ export interface DrawerProps {
     onEscape?: (e?: any) => void;
     disableTransition?: boolean;
 }
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, disableTransition, }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, disableTransition, initialFocus, }: DrawerProps) => JSX.Element;

package/dist/Common/Modals/Modal.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { ModalType } from '../Types';
 /**
  * @deprecated Use VisibleModal instead
  */
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;
+export declare const Modal: ({ style, children, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;

package/dist/Common/Modals/VisibleModal.d.ts

@@ -1,17 +1,15 @@
 import { default as React, SyntheticEvent } from 'react';
+import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
 export declare class VisibleModal extends React.Component<{
     className?: string;
     parentClassName?: string;
     noBackground?: boolean;
-    close?: (e: any) => void;
-    onEscape?: (e: any) => void;
+    close?: (e?: any) => void;
+    onEscape?: (e?: any) => void;
+    initialFocus?: DTFocusTrapType['initialFocus'];
 }> {
-    modalRef: HTMLElement;
-    previousActiveElement: HTMLElement | null;
     constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
+    escFunction(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): React.ReactPortal;
+    render(): JSX.Element;
 }

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -1,14 +1,11 @@
 import { default as React, SyntheticEvent } from 'react';
+import { DTFocusTrapType } from '../../Shared/Components/DTFocusTrap';
 export declare class VisibleModal2 extends React.Component<{
     className?: string;
-    close?: (e: any) => void;
+    close?: (e?: any) => void;
+    initialFocus?: DTFocusTrapType['initialFocus'];
 }> {
-    modalRef: HTMLElement;
-    previousActiveElement: HTMLElement | null;
     constructor(props: any);
-    escFunction(event: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
     handleBodyClick: (e: SyntheticEvent) => void;
-    render(): React.ReactPortal;
+    render(): JSX.Element;
 }

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

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "method" | "action" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "acceptCharset" | "action" | "method" | "noValidate" | "tagName" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

package/dist/Common/SearchBar/types.d.ts

@@ -1,3 +1,4 @@
+import { SupportedKeyboardKeysType } from '../Hooks/UseRegisterShortcut/types';
 import { ComponentSizeType } from '../../Shared/constants';
 export interface SearchBarProps {
     /**
@@ -46,4 +47,10 @@ export interface SearchBarProps {
      * @default 'ComponentSizeType.medium'
      */
     size?: ComponentSizeType.medium | ComponentSizeType.large;
+    /**
+     * Renders the keyboard shortcut key that opens the select picker \
+     * Shortcut key needs to be defined first in order to use it.
+     * @note This is displayed in place of the dropdown indicator
+     */
+    keyboardShortcut?: SupportedKeyboardKeysType;
 }

package/dist/Common/Types.d.ts

@@ -245,7 +245,6 @@ export interface PopupMenuBodyType {
 export interface ModalType {
     style?: React.CSSProperties;
     children?: ReactNode;
-    modal?: boolean;
     rootClassName?: string;
     onClick?: any;
     callbackRef?: (element?: any) => any;

package/dist/Pages/BulkEdit/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

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

@@ -0,0 +1,50 @@
+export interface BulkEditConfigV2Type {
+    gvk: string;
+    readme: string;
+    schema: Record<string, any>;
+}
+export interface AppEnvDetail {
+    appName: string;
+    envName?: string;
+    message: string;
+}
+export interface ObjectsWithAppEnvDetail extends AppEnvDetail {
+    names: string[];
+}
+export interface DeploymentTemplateResponse {
+    message: string[];
+    failure: AppEnvDetail[];
+    successful: AppEnvDetail[];
+}
+export interface CmCsResponse {
+    message: string[];
+    failure: ObjectsWithAppEnvDetail[];
+    successful: ObjectsWithAppEnvDetail[];
+}
+export interface BulkEditResponseType {
+    deploymentTemplate?: DeploymentTemplateResponse;
+    configMap?: CmCsResponse;
+    secret?: CmCsResponse;
+}
+export interface ImpactedDeploymentTemplate {
+    appId?: number;
+    envId?: number;
+    appName: string;
+    envName?: string;
+}
+export interface ImpactedCmCs {
+    appId?: number;
+    envId?: number;
+    appName: string;
+    envName?: string;
+    names: string[];
+}
+export interface ImpactedObjectsType {
+    deploymentTemplate?: ImpactedDeploymentTemplate[];
+    configMap?: ImpactedCmCs[];
+    secret?: ImpactedCmCs[];
+}
+export declare enum BulkEditVersion {
+    v1 = "batch/v1beta1",
+    v2 = "batch/v1beta2"
+}

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

@@ -0,0 +1,2 @@
+import { ClusterMapProps } from './types';
+export declare const ClusterMap: ({ filteredList, isLoading }: ClusterMapProps) => JSX.Element;

package/dist/Pages/ResourceBrowser/ClusterMap/index.d.ts

@@ -0,0 +1 @@
+export * from './ClusterMap';

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

@@ -0,0 +1,27 @@
+import { ClusterStatusType } from '../types';
+export interface ClusterStatusAndType {
+    isProd: boolean;
+    status: ClusterStatusType;
+    isVirtualCluster?: boolean;
+}
+export interface ClusterMapProps {
+    isLoading?: boolean;
+    filteredList: ClusterStatusAndType[];
+}
+export interface StatusCountEnum {
+    healthyCount: number;
+    unhealthyCount: number;
+    connectionFailedCount: number;
+    prodCount: number;
+    virtualCount: number;
+}
+export interface StatusEntity {
+    value: number;
+    label: string;
+    color: string;
+    proportionalValue: string;
+}
+export interface ClusterEntitiesTypes {
+    statusEntities: StatusEntity[];
+    deploymentEntities: StatusEntity[];
+}

package/dist/Pages/ResourceBrowser/ClusterMap/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClusterEntitiesTypes, ClusterStatusAndType, StatusCountEnum } from './types';
+/**
+ *
+ * @param filteredList
+ * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount, virtualCount
+ */
+export declare const getStatusCount: (filteredList: ClusterStatusAndType[]) => StatusCountEnum;
+/**
+ *
+ * @param filteredList
+ * @returns statusEntities, deploymentEntities
+ *
+ */
+export declare const getEntities: (filteredList: ClusterStatusAndType[]) => ClusterEntitiesTypes;

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

@@ -1,3 +1,4 @@
+export * from './ClusterMap';
 export * from './constants';
 export { default as ForceDeleteOption } from './ForceDeleteOption';
 export * from './Helper';

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

@@ -51,7 +51,7 @@ export interface ClusterCapacityType {
     serverVersion: string;
     nodeDetails?: NodeDetailsType[];
     nodeErrors: Record<string, string>[];
-    status?: ClusterStatusType;
+    status: ClusterStatusType;
     isProd: boolean;
     installationId?: number;
 }

package/dist/Pages/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Applications';
+export * from './BulkEdit';
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';

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

@@ -1,3 +1,3 @@
 import { BackdropProps } from './types';
-declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount }: BackdropProps) => import('react').ReactPortal;
+declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, }: BackdropProps) => import('react').ReactPortal;
 export default Backdrop;

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

@@ -1,18 +1,10 @@
 import { MouseEvent, ReactNode } from 'react';
-export interface BackdropProps {
+import { DTFocusTrapType } from '../DTFocusTrap';
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
     /**
      * The content to be rendered within the backdrop component.
      */
     children: ReactNode;
-    /**
-     * Callback function that gets triggered when the Escape key is pressed. \
-     * Should be wrapped in useCallback to prevent unnecessary re-renders.
-     * @example
-     * const handleEscape = useCallback(() => {
-     *   // Handle escape key press
-     * }, []);
-     */
-    onEscape: () => void;
     /**
      * Callback function that gets triggered when the backdrop is clicked.
      * Useful for dismissing modals or other overlay content.

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

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

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

@@ -61,6 +61,10 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     anchorProps?: never;
     onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
 }) & {
+    /**
+     * id of button
+     */
+    id?: string;
     /**
      * Variant of the button
      *

package/dist/Shared/Components/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';