@devtron-labs/devtron-fe-common-lib 1.6.0 → 1.6.1-beta-1

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

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

package/dist/Common/CodeEditor/CodeEditor.components.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { CodeEditorHeaderProps, CodeEditorStatusBarProps } from './types';
+export declare const Header: ({ children, className, hideDefaultSplitHeader }: CodeEditorHeaderProps) => JSX.Element;
+export declare const Warning: ({ className, text, children }: CodeEditorStatusBarProps) => JSX.Element;
+export declare const ErrorBar: ({ className, text, children }: CodeEditorStatusBarProps) => JSX.Element;
+export declare const Information: ({ className, children, text }: CodeEditorStatusBarProps) => JSX.Element;
+export declare const Clipboard: () => JSX.Element;
+export declare const Container: ({ children, flexExpand }: {
+    children: ReactNode;
+    flexExpand?: boolean;
+}) => JSX.Element;

package/dist/Common/CodeEditor/CodeEditor.constants.d.ts

@@ -0,0 +1,7 @@
+import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
+export declare const PREVIOUS_MATCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
+export declare const NEXT_MATCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
+export declare const REPLACE_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
+export declare const REPLACE_ALL_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
+export declare const SELECT_ALL_SHORTCUT_KEYS: SupportedKeyboardKeysType[];
+export declare const CLOSE_SEARCH_SHORTCUT_KEYS: SupportedKeyboardKeysType[];

package/dist/Common/CodeEditor/CodeEditor.context.d.ts

@@ -0,0 +1,3 @@
+import { CodeEditorContextProps } from './types';
+export declare const CodeEditorContext: import('react').Context<CodeEditorContextProps>;
+export declare const useCodeEditorContext: () => CodeEditorContextProps;

package/dist/Common/CodeEditor/CodeEditor.d.ts

@@ -1,4 +1,14 @@
-import { default as React } from 'react';
-import { CodeEditorComposition, CodeEditorInterface } from './types';
-declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
+import { CodeEditorProps } from './types';
+declare const CodeEditor: {
+    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, readOnly, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, disableSearch, }: CodeEditorProps<DiffView>): JSX.Element;
+    Clipboard: () => JSX.Element;
+    Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => JSX.Element;
+    Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
+    ErrorBar: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
+    Information: ({ className, children, text }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
+    Container: ({ children, flexExpand }: {
+        children: import('react').ReactNode;
+        flexExpand?: boolean;
+    }) => JSX.Element;
+};
 export default CodeEditor;

package/dist/Common/CodeEditor/CodeEditor.reducer.d.ts

@@ -1,48 +1,4 @@
-import { MODES } from '../Constants';
-import { Action, CodeEditorInitialValueType, CodeEditorState } from './types';
-export declare const CodeEditorReducer: (state: CodeEditorState, action: Action) => {
-    mode: any;
-    diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
-    code: string;
-    defaultCode: string;
-    noParsing: boolean;
-} | {
-    diffMode: any;
-    mode: MODES;
-    theme: import('./types').CodeEditorThemesKeys;
-    code: string;
-    defaultCode: string;
-    noParsing: boolean;
-} | {
-    theme: any;
-    mode: MODES;
-    diffMode: boolean;
-    code: string;
-    defaultCode: string;
-    noParsing: boolean;
-} | {
-    code: any;
-    mode: MODES;
-    diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
-    defaultCode: string;
-    noParsing: boolean;
-} | {
-    defaultCode: any;
-    mode: MODES;
-    diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
-    code: string;
-    noParsing: boolean;
-} | {
-    height: any;
-    mode: MODES;
-    diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
-    code: string;
-    defaultCode: string;
-    noParsing: boolean;
-};
+import { CodeEditorPayloadType, CodeEditorInitialValueType, CodeEditorState } from './types';
+export declare const CodeEditorReducer: (state: CodeEditorState, action: CodeEditorPayloadType) => CodeEditorState;
 export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
-export declare const initialState: ({ mode, theme, value, defaultValue, diffView, noParsing, tabSize, appTheme, }: CodeEditorInitialValueType) => CodeEditorState;
+export declare const initialState: ({ mode, value, lhsValue, diffView, noParsing, tabSize, }: CodeEditorInitialValueType) => CodeEditorState;

package/dist/Common/CodeEditor/CodeEditor.theme.d.ts

@@ -0,0 +1 @@
+export declare const getCodeEditorTheme: (isDark: boolean) => import('@codemirror/state').Extension;

package/dist/Common/CodeEditor/CodeEditorRenderer.d.ts

@@ -0,0 +1,2 @@
+import { CodeEditorRendererProps } from './types';
+export declare const CodeEditorRenderer: ({ loading, customLoader, height, state, codeEditorTheme, codemirrorMergeKey, isDarkTheme, readOnly, isOriginalModifiable, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, }: CodeEditorRendererProps) => JSX.Element;

package/dist/Common/CodeEditor/Extensions/findAndReplace.d.ts

@@ -0,0 +1,2 @@
+import { EditorView, Panel } from '@uiw/react-codemirror';
+export declare const codeEditorFindReplace: (view: EditorView) => Panel;

package/dist/Common/CodeEditor/Extensions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './yamlParseLinter';
+export * from './readOnlyTooltip';
+export * from './findAndReplace';

package/dist/Common/CodeEditor/Extensions/readOnlyTooltip.d.ts

@@ -0,0 +1,6 @@
+import { Extension } from '@uiw/react-codemirror';
+/**
+ * The read-only tooltip extension for CodeMirror. \
+ * Displays a tooltip at the cursor position when the editor is read-only and focused.
+ */
+export declare const readOnlyTooltip: Extension;

package/dist/Common/CodeEditor/Extensions/yamlParseLinter.d.ts

@@ -0,0 +1,3 @@
+import { EditorView } from '@uiw/react-codemirror';
+import { Diagnostic } from '@codemirror/lint';
+export declare const yamlParseLinter: () => (view: EditorView) => Diagnostic[];

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

@@ -1,2 +1,2 @@
 export { default as CodeEditor } from './CodeEditor';
-export * from './types';
+export type { CodeEditorProps } from './types';

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

@@ -1,100 +1,107 @@
-import { AppThemeType } from '../../Shared/Providers';
+import { Dispatch, FunctionComponent, Key, MutableRefObject, ReactNode, SVGProps } from 'react';
+import { JSONSchema7 } from 'json-schema';
+import { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import { SearchQuery } from '@codemirror/search';
 import { MODES } from '../Constants';
-export interface InformationBarProps {
+import { Never } from '../../Shared/types';
+import { AppThemeType } from '../../Shared/Providers';
+export interface CodeEditorStatusBarProps {
     text: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
-export declare enum CodeEditorThemesKeys {
-    vsDarkDT = "vs-dark--dt",
-    vs = "vs",
-    networkStatusInterface = "network-status-interface"
+export interface CodeEditorHeaderProps {
+    className?: string;
+    hideDefaultSplitHeader?: boolean;
+    children?: ReactNode;
 }
-interface CodeEditorBaseInterface {
-    value?: string;
-    lineDecorationsWidth?: number;
-    responseType?: string;
-    onChange?: (value: string, defaultValue: string) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    children?: any;
-    defaultValue?: string;
-    mode?: MODES | string;
+type CodeEditorBaseProps = Partial<Pick<ReactCodeMirrorProps, 'onBlur' | 'onFocus' | 'autoFocus'>> & {
+    value?: ReactCodeMirrorProps['value'];
+    onChange?: (value: string) => void;
+    shebang?: string | JSX.Element;
+    validatorSchema?: JSONSchema7;
+    schemaURI?: string;
+};
+type CodeEditorDiffBaseProps = {
+    onOriginalValueChange?: (originalValue: string) => void;
+    onModifiedValueChange?: (modifiedValue: string) => void;
+    originalValue?: ReactCodeMirrorProps['value'];
+    modifiedValue?: ReactCodeMirrorProps['value'];
+    isOriginalModifiable?: boolean;
+};
+type CodeEditorPropsBasedOnDiffView<DiffView extends boolean> = DiffView extends true ? CodeEditorDiffBaseProps & Never<CodeEditorBaseProps> : CodeEditorBaseProps & Never<CodeEditorDiffBaseProps>;
+export type CodeEditorProps<DiffView extends boolean = false> = {
+    /**
+     * @default 450
+     */
+    height?: 'auto' | '100%' | 'fitToParent' | number;
+    children?: ReactNode;
+    mode?: MODES;
     tabSize?: number;
     readOnly?: boolean;
+    placeholder?: string;
     noParsing?: boolean;
-    inline?: boolean;
-    shebang?: string | JSX.Element;
-    diffView?: boolean;
     loading?: boolean;
     customLoader?: JSX.Element;
-    theme?: CodeEditorThemesKeys;
-    original?: string;
-    focus?: boolean;
-    validatorSchema?: any;
-    isKubernetes?: boolean;
     cleanData?: boolean;
-    schemaURI?: string;
     /**
-     * If true, disable the in-built search of monaco editor
+     * If true, disables the in-built search
      * @default false
      */
     disableSearch?: boolean;
+    diffView?: DiffView;
+    theme?: AppThemeType;
+} & CodeEditorPropsBasedOnDiffView<DiffView>;
+export interface GetCodeEditorHeightReturnType {
+    codeEditorParentClassName: string;
+    codeEditorClassName: string;
+    codeEditorHeight: string;
 }
-export type CodeEditorInterface = CodeEditorBaseInterface & ({
-    adjustEditorHeightToContent?: boolean;
-    height?: never;
-} | {
-    adjustEditorHeightToContent?: never;
-    height?: number | string;
-});
-export interface CodeEditorHeaderInterface {
-    children?: any;
-    className?: string;
-    hideDefaultSplitHeader?: boolean;
-}
-export interface CodeEditorComposition {
-    Header?: React.FC<any>;
-    LanguageChanger?: React.FC<any>;
-    ThemeChanger?: React.FC<any>;
-    ValidationError?: React.FC<any>;
-    Clipboard?: React.FC<any>;
-    Warning?: React.FC<InformationBarProps>;
-    ErrorBar?: React.FC<InformationBarProps>;
-    Information?: React.FC<InformationBarProps>;
-}
-export interface CodeEditorHeaderComposition {
-    LanguageChanger?: React.FC<any>;
-    ThemeChanger?: React.FC<any>;
-    ValidationError?: React.FC<any>;
-    Clipboard?: React.FC<any>;
+export type HoverTexts = {
+    message: string;
+    typeInfo: string;
+};
+export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
+export interface FindReplaceProps {
+    view: EditorView;
+    defaultQuery: SearchQuery;
 }
-export type ActionTypes = 'changeLanguage' | 'setDiff' | 'setTheme' | 'setCode' | 'setDefaultCode' | 'setHeight';
-export interface Action {
-    type: ActionTypes;
+export type CodeEditorActionTypes = 'setDiff' | 'setCode' | 'setLhsCode';
+export interface CodeEditorPayloadType {
+    type: CodeEditorActionTypes;
     value: any;
 }
-export interface CodeEditorInitialValueType extends Pick<CodeEditorBaseInterface, 'theme'> {
-    mode: string;
+export interface CodeEditorInitialValueType extends Pick<CodeEditorProps, 'value' | 'noParsing' | 'tabSize' | 'mode'> {
+    lhsValue: ReactCodeMirrorProps['value'];
     diffView: boolean;
-    value: string;
-    defaultValue: string;
-    noParsing?: boolean;
-    tabSize: number;
-    appTheme: AppThemeType;
 }
-export interface CodeEditorState {
-    mode: MODES;
-    diffMode: boolean;
-    theme: CodeEditorThemesKeys;
-    code: string;
-    defaultCode: string;
-    noParsing: boolean;
+export interface CodeEditorState extends Pick<CodeEditorProps, 'noParsing'> {
+    code: CodeEditorProps['value'];
+    lhsCode: CodeEditorProps<true>['originalValue'];
+    diffMode: CodeEditorProps<boolean>['diffView'];
+}
+export interface CodeEditorContextProps extends Pick<CodeEditorProps, 'readOnly' | 'height'> {
+    state: CodeEditorState;
+    hasCodeEditorContainer: boolean;
+    dispatch: Dispatch<CodeEditorPayloadType>;
 }
-export declare enum CodeEditorActionTypes {
-    reInit = "reInit",
-    submitLoading = "submitLoading",
-    overrideLoading = "overrideLoading",
-    success = "success"
+export interface FindReplaceToggleButtonProps {
+    isChecked: boolean;
+    Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
+    onChange: (isChecked: boolean) => void;
+    iconType?: 'stroke' | 'fill';
+    tooltipText: string;
 }
+export type CodeEditorRendererProps = Required<Pick<CodeEditorProps, 'loading' | 'customLoader' | 'height' | 'readOnly' | 'shebang' | 'placeholder' | 'onBlur' | 'onFocus' | 'autoFocus'>> & Required<Pick<CodeEditorDiffBaseProps, 'isOriginalModifiable'>> & {
+    codemirrorMergeKey: Key;
+    codeMirrorParentDivRef: MutableRefObject<HTMLDivElement>;
+    codeEditorTheme: ReactCodeMirrorProps['theme'];
+    isDarkTheme: boolean;
+    state: CodeEditorState;
+    handleOnChange: ReactCodeMirrorProps['onChange'];
+    handleLhsOnChange: ReactCodeMirrorProps['onChange'];
+    originalViewExtensions: ReactCodeMirrorProps['extensions'];
+    modifiedViewExtensions: ReactCodeMirrorProps['extensions'];
+    extensions: ReactCodeMirrorProps['extensions'];
+};
 export {};

package/dist/Common/CodeEditor/utils.d.ts

@@ -1,3 +1,13 @@
-import { AppThemeType } from '../../Shared/Providers';
-import { CodeEditorInterface } from './types';
-export declare const getCodeEditorThemeFromAppTheme: (editorTheme: CodeEditorInterface["theme"], appTheme: AppThemeType) => CodeEditorInterface["theme"];
+import { SearchQuery } from '@codemirror/search';
+import { EditorView, Extension } from '@uiw/react-codemirror';
+import { CodeEditorProps, FindReplaceToggleButtonProps, GetCodeEditorHeightReturnType } from './types';
+export declare const getCodeEditorHeight: (height: CodeEditorProps["height"]) => GetCodeEditorHeightReturnType;
+export declare const getFindReplaceToggleButtonIconClass: ({ iconType, isChecked, }: Pick<FindReplaceToggleButtonProps, "iconType" | "isChecked">) => "scb-5" | "scn-7" | "fcb-5" | "fcn-7";
+export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view: EditorView) => {
+    count: number;
+    current: number;
+};
+export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
+export declare const getReadOnlyElement: () => HTMLDivElement;
+export declare const getLanguageExtension: (mode: CodeEditorProps["mode"]) => Extension;
+export declare const getValidationSchema: ({ mode, validatorSchema, schemaURI, }: Pick<CodeEditorProps, "schemaURI" | "validatorSchema" | "mode">) => Extension[];

package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts

@@ -7,7 +7,7 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly E: "E";
     readonly R: "R";
     readonly K: "K";
-    readonly Escape: "Escape";
+    readonly Escape: "Esc";
     readonly Enter: "↩";
 };
 export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("Alt" | "F" | "E" | "R" | "K" | "Escape" | "Control" | "Shift" | "Meta" | "Enter")[];
+    keys: ("Alt" | "F" | "E" | "R" | "K" | "Control" | "Shift" | "Meta" | "Escape" | "Enter")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/Hooks/useUrlFilters/types.d.ts

@@ -8,8 +8,18 @@ export interface UseUrlFiltersProps<T, K> {
      * Callback function for parsing the search params
      */
     parseSearchParams?: (searchParams: URLSearchParams) => K;
+    /**
+     * Local storage key to store the filters
+     */
     localStorageKey?: `${string}__${string}`;
+    /**
+     * Method to be used for redirection in case of filter update
+     *
+     * @default 'replace'
+     */
+    redirectionMethod?: 'replace' | 'push';
 }
+export type UpdateSearchParamsOptionsType<T, K = unknown> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
 export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Currently applied page size
@@ -56,5 +66,5 @@ export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Update the search params with the passed object
      */
-    updateSearchParams: (paramsToSerialize: Partial<K>) => void;
+    updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
 };

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

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, "name" | "id" | "children" | "className" | "disabled" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "autoComplete" | "tagName" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "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<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "className" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "action" | "autoComplete" | "tagName" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "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<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;

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

@@ -1,2 +1,3 @@
 export { default as Tooltip } from './Tooltip';
 export { TOOLTIP_CONTENTS } from './constants';
+export type { TooltipProps } from './types';

package/dist/Common/Types.d.ts

@@ -673,19 +673,6 @@ export interface UseSearchString {
         [key: string]: string;
     };
 }
-export interface ResizableTextareaProps {
-    minHeight?: number;
-    maxHeight?: number;
-    value?: string;
-    onChange?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    name?: string;
-    dataTestId?: string;
-}
 export interface AsyncState<T> {
     loading: boolean;
     result: T;

package/dist/Common/index.d.ts

@@ -34,7 +34,6 @@ export * from './Policy.Types';
 export { default as DeleteComponent } from './DeleteComponentModal/DeleteComponent';
 export * from './ImageTags';
 export * from './ImageTags.Types';
-export * from './ResizableTextarea';
 export { default as DebouncedSearch } from './DebouncedSearch/DebouncedSearch';
 export { default as Grid } from './Grid/Grid';
 export { default as Select } from './Select/Select';
@@ -44,7 +43,6 @@ export * from './RJSF';
 export * from './DevtronProgressing';
 export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector';
 export * from './AddCDButton';
-export * from './CustomInput';
 export * from './DraggableWrapper';
 export * from './Pagination';
 export * from './Markdown';

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from './types';
+import { ButtonComponentType, ButtonProps } from './types';
 /**
  * Generic component for Button.
  * Should be used in combination of variant, size and style.
@@ -63,5 +63,5 @@ import { ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, ...props }: ButtonProps) => JSX.Element;
+declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
 export default Button;

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

@@ -20,27 +20,27 @@ export declare enum ButtonComponentType {
     button = "button",
     link = "link"
 }
-export type ButtonProps = ({
+export type ButtonProps<ComponentType extends ButtonComponentType = ButtonComponentType.button> = (ComponentType extends ButtonComponentType.link ? {
+    component: ButtonComponentType.link;
+    /**
+     * Props for the link component
+     */
+    linkProps: Omit<LinkProps, 'children' | 'styles' | 'className' | 'onClick'>;
+    buttonProps?: never;
+    onClick?: LinkProps['onClick'];
+} : {
     /**
      * Component to be rendered from the available options
      *
      * @default ButtonComponentType.button
      */
-    component?: ButtonComponentType.button | never;
+    component?: ComponentType | 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
@@ -86,6 +86,10 @@ export type ButtonProps = ({
      * @default false
      */
     isOpacityHoverChild?: boolean;
+    /**
+     * If provided, the button is clicked automatically after the pre-defined time
+     */
+    triggerAutoClickTimestamp?: number | null;
 } & ({
     /**
      * If true, the tooltip is shown for the button

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

@@ -1,4 +1,6 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
 export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon">) => string;
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon"> & {
+    isAutoTriggerActive: boolean;
+}>) => string;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryDiffView.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentTemplateHistoryType } from '../types';
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, codeEditorKey, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

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

@@ -423,7 +423,6 @@ export interface DeploymentTemplateHistoryType {
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
     rootClassName?: string;
-    codeEditorKey?: React.Key;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
     result?: DeploymentHistoryDetail;

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

@@ -1,7 +1,6 @@
 import { CollapseProps } from './types';
 /**
  * Collapse component for smoothly expanding or collapsing its content.
- * Dynamically calculates the content height and applies smooth transitions.
  * It also supports a callback when the transition ends.
  */
 export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { CustomInputProps } from './types';
+declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, ...props }: CustomInputProps) => JSX.Element;
+export default CustomInput;

package/dist/Shared/Components/CustomInput/PasswordField.d.ts

@@ -0,0 +1,3 @@
+import { PasswordFieldProps } from './types';
+declare const PasswordField: ({ onFocus, onBlur, shouldShowDefaultPlaceholderOnBlur, ...props }: PasswordFieldProps) => JSX.Element;
+export default PasswordField;

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../Button';
+import { CustomInputProps } from './types';
+export declare const CUSTOM_INPUT_TO_ICON_BUTTON_SIZE_MAP: Record<CustomInputProps['size'], ButtonProps['size']>;

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

@@ -0,0 +1,3 @@
+export { default as CustomInput } from './CustomInput';
+export { default as PasswordField } from './PasswordField';
+export type { CustomInputProps, PasswordFieldProps } from './types';

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

@@ -0,0 +1,36 @@
+import { InputHTMLAttributes } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { FormFieldWrapperProps } from '../FormFieldWrapper';
+import { ButtonComponentType, ButtonProps } from '../Button';
+export interface CustomInputProps extends Omit<FormFieldWrapperProps, 'children' | 'inputId'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'disabled' | 'autoFocus' | 'onFocus' | 'onKeyDown'>, Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'onChange' | 'value' | 'name'>> {
+    /**
+     * If false, the input is not trimmed on blur
+     *
+     * @default true
+     */
+    shouldTrim?: boolean;
+    /**
+     * Size of the textarea
+     *
+     * @default ComponentSizeType.large
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+    /**
+     * Type for the input
+     *
+     * Note: For password field, use PasswordField component
+     *
+     * @default 'text'
+     */
+    type?: Exclude<InputHTMLAttributes<HTMLInputElement>['type'], 'password'>;
+    /**
+     * End icon button configuration
+     */
+    endIconButtonConfig?: Required<Pick<ButtonProps<ButtonComponentType.button>, 'icon' | 'onClick' | 'ariaLabel'>> & Pick<ButtonProps<ButtonComponentType.button>, 'disabled' | 'showAriaLabelInTippy' | 'style'>;
+}
+export interface PasswordFieldProps extends Omit<CustomInputProps, 'endIconButtonConfig' | 'type'> {
+    /**
+     * If true, the value is cleared & default placeholder is shown on blur
+     */
+    shouldShowDefaultPlaceholderOnBlur: boolean;
+}

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

@@ -10,7 +10,6 @@ interface ValidationRule<T> {
 }
 export interface EditableTextAreaProps {
     placeholder?: string;
-    rows: number;
     updateContent: (value: string) => Promise<void>;
     initialText?: string;
     validations?: {

package/dist/Shared/Components/FormFieldWrapper/FormFieldInfo.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldInfoProps } from './types';
+declare const FormFieldInfo: ({ error, helperText, warningText, inputId }: FormFieldInfoProps) => JSX.Element;
+export default FormFieldInfo;

package/dist/Shared/Components/FormFieldWrapper/FormFieldLabel.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldLabelProps } from './types';
+declare const FormFieldLabel: ({ label, inputId, required, layout, labelTooltipConfig, labelTippyCustomizedConfig, }: FormFieldLabelProps) => JSX.Element;
+export default FormFieldLabel;

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

@@ -0,0 +1,3 @@
+import { FormFieldWrapperProps } from './types';
+declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, labelTippyCustomizedConfig, labelTooltipConfig, }: Required<FormFieldWrapperProps>) => JSX.Element;
+export default FormFieldWrapper;