@devtron-labs/devtron-fe-common-lib 1.1.5 → 1.1.6-beta-1

package/dist/Common/CustomTagSelector/Types.d.ts

@@ -4,6 +4,16 @@ export interface SuggestedTagOptionType extends OptionType {
     description: string;
     propagate: boolean;
 }
+export declare enum DeploymentPolicy {
+    ALLOW = "allow",
+    BLOCK = "block",
+    BLOCK_PROD = "block-prod",
+    BLOCK_NON_PROD = "block-non-prod"
+}
+export interface VariableValueConstraintTypes {
+    choices?: string[];
+    blockCustomValue?: boolean;
+}
 export interface TagType {
     id?: number;
     key: string;
@@ -15,6 +25,8 @@ export interface TagType {
     isInvalidValue?: boolean;
     isSuggested?: boolean;
     isPropagateDisabled?: boolean;
+    deploymentPolicy?: DeploymentPolicy;
+    valueConstraint?: VariableValueConstraintTypes;
 }
 export interface TagErrorType {
     isValid: boolean;

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

@@ -3,11 +3,12 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly Shift: "⇧";
     readonly Meta: "⌘" | "Win";
     readonly Alt: "⌥" | "Alt";
-    readonly Escape: "Escape";
     readonly F: "F";
     readonly E: "E";
     readonly R: "R";
     readonly K: "K";
+    readonly Escape: "Escape";
+    readonly Enter: "Enter";
 };
 export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 export interface ShortcutType {

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" | "Escape" | "F" | "E" | "R" | "K" | "Control" | "Shift" | "Meta")[];
+    keys: ("Alt" | "F" | "E" | "R" | "K" | "Escape" | "Enter" | "Control" | "Shift" | "Meta")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

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" | "children" | "className" | "disabled" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "method" | "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" | "children" | "className" | "disabled" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "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/Shared/Components/Backdrop/Backdrop.d.ts

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

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

@@ -0,0 +1 @@
+export { default as Backdrop } from './Backdrop';

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface BackdropProps {
+    children: ReactNode;
+    /**
+     * @param onEscape: please wrap in a useCallback, with respective dependencies or []
+     */
+    onEscape: () => void;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { default as ConfirmationModal } from './ConfirmationModal';
+export { ConfirmationModalVariantType } from './types';

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

@@ -0,0 +1,50 @@
+import { FunctionComponent, ReactNode, SVGProps, SyntheticEvent } from 'react';
+import { ButtonProps } from '../Button';
+export declare enum ConfirmationModalVariantType {
+    info = "info",
+    delete = "delete",
+    warning = "warning",
+    custom = "custom"
+}
+interface CommonButtonProps extends Pick<ButtonProps, 'text'>, Partial<Pick<ButtonProps, 'startIcon' | 'endIcon'>> {
+    onClick: (e?: SyntheticEvent) => void;
+}
+interface CustomInputConfig {
+    identifier: string;
+    confirmationKeyword: string;
+}
+type ButtonConfig<PrimaryButtonConfig, SecondaryButtonConfig> = {
+    primaryButtonConfig: PrimaryButtonConfig & CommonButtonProps;
+    secondaryButtonConfig: SecondaryButtonConfig & CommonButtonProps;
+} | {
+    primaryButtonConfig: PrimaryButtonConfig & CommonButtonProps;
+    secondaryButtonConfig?: never;
+} | {
+    primaryButtonConfig?: never;
+    secondaryButtonConfig?: SecondaryButtonConfig & CommonButtonProps;
+};
+type CustomInputConfigOrChildrenType = {
+    customInputConfig: CustomInputConfig;
+    children?: never;
+} | {
+    customInputConfig?: never;
+    children: ReactNode;
+} | {
+    customInputConfig?: never;
+    children?: never;
+};
+export type ConfirmationModalProps = {
+    title: string;
+    subtitle: ReactNode;
+    handleClose: (e?: SyntheticEvent) => void;
+    showConfirmationModal: boolean;
+} & ({
+    variant: Exclude<ConfirmationModalVariantType, ConfirmationModalVariantType.custom>;
+    Icon?: never;
+    buttonConfig: ButtonConfig<Pick<ButtonProps, 'isLoading' | 'disabled'>, Pick<ButtonProps, 'disabled'>>;
+} | {
+    variant: ConfirmationModalVariantType.custom;
+    Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
+    buttonConfig: ButtonConfig<Pick<ButtonProps, 'isLoading' | 'disabled' | 'style'>, Pick<ButtonProps, 'disabled' | 'style'>>;
+}) & CustomInputConfigOrChildrenType;
+export {};

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

@@ -0,0 +1,6 @@
+import { FunctionComponent, ReactNode, SVGProps } from 'react';
+import { ConfirmationModalVariantType } from './types';
+import { ButtonStyleType } from '../Button';
+export declare const getIconFromVariant: (variant: ConfirmationModalVariantType) => FunctionComponent<SVGProps<SVGSVGElement>>;
+export declare const getConfirmationLabel: (confirmationKeyword: string) => ReactNode;
+export declare const getPrimaryButtonStyleFromVariant: (variant: ConfirmationModalVariantType) => ButtonStyleType;

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

@@ -0,0 +1,2 @@
+import { DynamicDataTableProps } from './types';
+export declare const DynamicDataTable: <K extends string>({ headers, ...props }: DynamicDataTableProps<K>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DynamicDataTableHeaderProps } from './types';
+export declare const DynamicDataTableHeader: <K extends string>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DynamicDataTableRowProps } from './types';
+export declare const DynamicDataTableRow: <K extends string>({ rows, headers, maskValue, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, validationSchema, showError, errorMessages, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, }: DynamicDataTableRowProps<K>) => JSX.Element;

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

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

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

@@ -0,0 +1,161 @@
+import { DetailedHTMLProps, ReactNode } from 'react';
+import { SortingOrder } from '../../../Common/Constants';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { MultipleResizableTextAreaProps } from '../MultipleResizableTextArea';
+import { SelectTextAreaProps } from '../SelectTextArea';
+/**
+ * Interface representing a key-value header.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableHeaderType<K extends string> = {
+    /** The label of the header. */
+    label: string;
+    /** The key associated with the header. */
+    key: K;
+    /** */
+    width: string;
+    /** An optional boolean indicating if the column is sortable. */
+    isSortable?: boolean;
+    /** An optional boolean to hide the column */
+    isHidden?: boolean;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button"
+}
+/**
+ * Type representing a key-value row.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableRowType<K extends string> = {
+    data: {
+        [key in K]: {
+            value: string;
+            disabled?: boolean;
+            /** An optional boolean indicating if an asterisk should be shown. */
+            required?: boolean;
+        } & ({
+            type?: DynamicDataTableRowDataType.TEXT;
+            props?: Omit<MultipleResizableTextAreaProps, 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRefs'>;
+        } | {
+            type?: DynamicDataTableRowDataType.DROPDOWN;
+            props?: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
+        } | {
+            type?: DynamicDataTableRowDataType.SELECT_TEXT;
+            props?: Omit<SelectTextAreaProps, 'value' | 'onChange' | 'inputId' | 'isDisabled' | 'dependentRefs' | 'refVar' | 'textAreaProps'> & {
+                textAreaProps?: Omit<SelectTextAreaProps['textAreaProps'], 'className' | 'disableOnBlurResizeToMinHeight' | 'minHeight' | 'maxHeight'>;
+            };
+        } | ({
+            type?: DynamicDataTableRowDataType.BUTTON;
+            props: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
+                icon?: ReactNode;
+                text: ReactNode;
+            };
+        } & ({
+            wrap: true;
+            wrapRenderer: (props: {
+                children: JSX.Element;
+                customState?: Record<string, any>;
+            }) => JSX.Element;
+        } | {
+            wrap?: false;
+            wrapRenderer?: never;
+        })));
+    };
+    id: string | number;
+    /** */
+    customState?: Record<string, any>;
+};
+/**
+ * Type representing a mask for key-value pairs.
+ * @template K - A string representing the key type.
+ */
+type DynamicDataTableMask<K extends string> = {
+    [key in K]?: boolean;
+};
+type DynamicDataTableCellIcon<K extends string> = {
+    [key in K]?: (rowId: string | number) => ReactNode;
+};
+/**
+ * Interface representing the properties for a key-value table component.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableProps<K extends string> = {
+    /** An array containing two key-value headers. */
+    headers: DynamicDataTableHeaderType<K>[];
+    /** An array of key-value rows. */
+    rows: DynamicDataTableRowType<K>[];
+    /** */
+    sortingConfig?: {
+        sortBy: K;
+        sortOrder: SortingOrder;
+        handleSorting: () => void;
+    };
+    /** An optional mask for the key-value pairs. */
+    maskValue?: DynamicDataTableMask<K>;
+    /** */
+    leadingCellIcon?: DynamicDataTableCellIcon<K>;
+    /** */
+    trailingCellIcon?: DynamicDataTableCellIcon<K>;
+    /** An optional React node for a custom header component. */
+    headerComponent?: ReactNode;
+    /** When true, data addition field will not be shown. */
+    isAdditionNotAllowed?: boolean;
+    /** When true, data addition field will not be shown. */
+    isDeletionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
+    /** */
+    onRowAdd: () => void;
+    /**
+     * Function to handle changes in the table rows.
+     * @param row - The row that changed.
+     * @param headerKey - The key of the header that changed.
+     * @param value - The value of the cell.
+     */
+    onRowEdit: (row: DynamicDataTableRowType<K>, headerKey: K, value: string, extraData: {
+        selectedValue?: SelectPickerOptionType<string>;
+    }) => void;
+    /**
+     * Function to handle row deletions.
+     * @param row - The row that was deleted.
+     */
+    onRowDelete: (row: DynamicDataTableRowType<K>) => void;
+    /** */
+    actionButtonConfig?: {
+        renderer: (row: DynamicDataTableRowType<K>) => ReactNode;
+        key?: K;
+        /**
+         * @default '32px'
+         */
+        width?: string;
+        /**
+         * @default 'start'
+         */
+        position?: 'start' | 'end';
+    };
+    /**
+     * Indicates whether to show errors.
+     */
+    showError?: boolean;
+    /**
+     * An array of error messages to be displayed in the cell error tooltip.
+     */
+    errorMessages?: string[];
+    /**
+     * The function to use to validate the value of the cell.
+     * @param value - The value to validate.
+     * @param key - The row key of the value.
+     * @param rowId - The id of the row.
+     * @returns Return true if the value is valid, otherwise false
+     * and set `showError` to `true` and provide errorMessages array to show error message.
+     */
+    validationSchema?: (value: string, key: K, rowId: string | number) => boolean;
+};
+export interface DynamicDataTableHeaderProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
+}
+export interface DynamicDataTableRowProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'rows' | 'headers' | 'maskValue' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'showError' | 'errorMessages' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon'> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { DynamicDataTableHeaderType, DynamicDataTableProps, DynamicDataTableRowDataType } from './types';
+export declare const getActionButtonPosition: <K extends string>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K>, "headers" | "actionButtonConfig">) => number;
+export declare const getHeaderGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const getRowGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;

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

@@ -0,0 +1,2 @@
+import { MultipleResizableTextAreaProps } from './types';
+export declare const MultipleResizableTextArea: ({ value, minHeight, maxHeight, dataTestId, onChange, onBlur, onFocus, refVar, dependentRefs, className, disableOnBlurResizeToMinHeight, ...resProps }: MultipleResizableTextAreaProps) => JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, MutableRefObject, TextareaHTMLAttributes } from 'react';
+export interface MultipleResizableTextAreaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    minHeight?: number;
+    maxHeight?: number;
+    dataTestId?: string;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRefs?: Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
+    disableOnBlurResizeToMinHeight?: boolean;
+}

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -24,6 +24,10 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
     tooltipProps?: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
 }
 type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
+export declare enum SelectPickerVariantType {
+    DEFAULT = "default",
+    BORDER_LESS = "border-less"
+}
 declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
         /**
@@ -55,12 +59,9 @@ declare module 'react-select/base' {
          * @default 'true'
          */
         showSelectedOptionIcon?: boolean;
+        variant?: SelectPickerVariantType;
     }
 }
-export declare enum SelectPickerVariantType {
-    DEFAULT = "default",
-    BORDER_LESS = "border-less"
-}
 export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'>> & {
     /**
      * Error message for the select

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

@@ -0,0 +1,2 @@
+import { SelectTextAreaProps } from './types';
+export declare const SelectTextArea: ({ value, selectedOptionIcon: Icon, onChange, options, inputId, placeholder, refVar, dependentRefs, disabled, selectPickerProps, textAreaProps, }: SelectTextAreaProps) => JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { MultipleResizableTextAreaProps } from '../MultipleResizableTextArea';
+export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<MultipleResizableTextAreaProps, 'refVar' | 'dependentRefs'> & {
+    value: string;
+    selectedOptionIcon?: ReactElement;
+    onChange?: (selectedValue: SelectPickerOptionType<string>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    textAreaProps?: Omit<MultipleResizableTextAreaProps, 'refVar' | 'dependentRefs' | 'id' | 'value' | 'onChange' | 'placeholder' | 'disabled'>;
+    selectPickerProps?: Omit<SelectPickerProps<string, false>, 'inputId' | 'options' | 'isDisabled' | 'onChange' | 'variant' | 'isCreatable' | 'value' | 'placeholder' | 'fullWidth' | 'selectRef' | 'onCreateOption' | 'isMulti'>;
+};

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

@@ -41,4 +41,7 @@ export * from './Collapse';
 export * from './Security';
 export * from './Button';
 export * from './InvalidYAMLTippy';
+export * from './ConfirmationModal';
 export * from './DiffViewer';
+export * from './MultipleResizableTextArea';
+export * from './DynamicDataTable';

package/dist/Shared/Helpers.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { MaterialInfo, SortingOrder, UserApprovalConfigType } from '../Common';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
+import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 interface HighlightSearchTextProps {
     /**
@@ -21,6 +21,7 @@ interface HighlightSearchTextProps {
 export declare const escapeRegExp: (text: string) => string;
 export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
 export declare const preventBodyScroll: (lock: boolean) => void;
+export declare const preventOutsideFocus: ({ identifier, preventFocus }: PreventOutsideFocusProps) => void;
 export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;

package/dist/Shared/constants.d.ts

@@ -417,3 +417,4 @@ export declare const ALL_RESOURCE_KIND_FILTER = "all";
 export declare const OPEN_NEW_TICKET = "https://enterprise.devtron.ai/portal/en/newticket";
 export declare const VIEW_ALL_TICKETS = "https://enterprise.devtron.ai/portal/en/myarea";
 export declare const RAISE_ISSUE = "https://github.com/devtron-labs/devtron/issues/new/choose";
+export declare const DEVTRON_BASE_MAIN_ID = "devtron-base-main-identifier";

package/dist/Shared/types.d.ts

@@ -735,4 +735,8 @@ export interface DynamicTabType extends CommonTabArgsType {
      */
     lastActiveTabId: string | null;
 }
+export interface PreventOutsideFocusProps {
+    identifier: string;
+    preventFocus: boolean;
+}
 export {};