@devtron-labs/devtron-fe-common-lib 1.10.17 → 1.10.19

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

@@ -1,5 +1,5 @@
-export * from './StatusComponent';
 export * from './AppStatus';
 export * from './DeploymentStatus';
+export * from './StatusComponent';
 export * from './types';
 export { getDeploymentStatusFromStatus } from './utils';

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,5 +1,5 @@
-import { TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon: Icon, showError, showWarning, className, }: Pick<TabProps, "showError" | "showWarning" | "icon"> & {
+import { TabGroupProps, TabProps } from './TabGroup.types';
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
     className: string;
 }) => JSX.Element;
 export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;

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

@@ -1,7 +1,8 @@
 import { LinkProps, NavLinkProps } from 'react-router-dom';
+import { TooltipProps } from '@Common/Tooltip/types';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { IconName } from '../Icon';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
@@ -79,10 +80,11 @@ export type TabProps = {
      */
     description?: string | string[];
     /**
-     * Icon component to be displayed in the tab.
-     * This should be a functional component that renders an SVG.
+     * Icon to be displayed in the tab.
+     * This can either be a functional component that renders a SVG
+     * or a string representing the name of the icon to be rendered by the Icon component.
      */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */

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

@@ -1,7 +1,9 @@
+import { IconsProps } from '../Icon';
 import { TabGroupProps } from './TabGroup.types';
 export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorderWithContainer, }: Pick<TabGroupProps, "hideTopPadding" | "alignActiveBorderWithContainer">) => Record<TabGroupProps["size"], {
     tabClassName: string;
     iconClassName: string;
     badgeClassName: string;
 }>;
+export declare const TAB_ICON_SIZE_MAP: Record<TabGroupProps['size'], IconsProps['size']>;
 export declare const tabGroupClassMap: Record<TabGroupProps['size'], string>;

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

@@ -1,3 +1,3 @@
 export { default as Table } from './Table.component';
+export type { CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
 export { FiltersTypeEnum, PaginationEnum, SignalEnum as TableSignalEnum } from './types';
-export type { ViewWrapperProps as TableViewWrapperProps, Column as TableColumnType, TableProps, CellComponentProps as TableCellComponentProps, } from './types';

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

@@ -1,8 +1,8 @@
 import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction } from 'react';
-import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
+import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
 import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps } from '../../../Common/Hooks';
 import { GenericEmptyStateType } from '../../../Common/index';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
+import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
 export interface UseFiltersReturnType extends UseStateFiltersReturnType<string> {
 }

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

@@ -1,4 +1,4 @@
+export { DEVTRON_AI_URL } from './constants';
 export { default as TagsContainer } from './TagsContainer';
-export { getEmptyTagTableRow } from './utils';
 export type { TagsTableColumnsType } from './types';
-export { DEVTRON_AI_URL } from './constants';
+export { getEmptyTagTableRow } from './utils';

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

@@ -1,5 +1,5 @@
-import { CIPipelineNodeType } from '../../types';
 import { PipelineType } from '../../../Common/Types';
+import { CIPipelineNodeType } from '../../types';
 export declare const WORKFLOW_OPTIONS_MODAL: {
     ACTION_TEXT: string;
     ACTION_NOTE: string;

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

@@ -1,5 +1,5 @@
-import { AppConfigProps } from '../../../Pages/index';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
+import { AppConfigProps } from '../../../Pages/index';
 interface LinkedCDSourceVariant {
     title: string;
     subtitle: string;

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

@@ -1,80 +1,81 @@
-export * from './APIResponseHandler';
-export * from './ReactSelect';
-export * from './BulkSelection';
-export * from './ImageCard';
-export * from './ImageCardAccordion';
-export * from './ExcludedImageNode';
-export * from './ScannedByToolModal';
-export * from './FilterChips';
+export * from './ActionMenu';
 export * from './ActivityIndicator';
-export * from './GenericSectionErrorState';
-export * from './InfoIconTippy';
-export * from './EditableTextArea';
-export * from './Header';
+export * from './AnimatedDeployButton';
 export * from './AnnouncementBanner';
+export * from './APIResponseHandler';
+export * from './ArtifactInfoModal';
+export * from './Backdrop';
+export * from './BulkOperations';
+export * from './BulkSelection';
+export * from './Button';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './CICDHistory';
+export * from './CMCS';
+export * from './CodeEditorWrapper';
+export * from './Collapse';
+export * from './CollapsibleList';
+export * from './CommitChipCell';
+export * from './Confetti';
+export * from './ConfirmationModal';
+export * from './CountrySelect';
+export * from './CustomInput';
+export * from './DatePicker';
+export * from './DeploymentConfigDiff';
+export * from './DetectBottom';
+export * from './DevtronLicenseCard';
+export * from './DiffViewer';
+export * from './DynamicDataTable';
+export * from './EditableTextArea';
+export * from './EditImageFormField';
+export * from './EnterpriseTag';
 export * from './EnvironmentSelector';
-export * from './ModalSidebarPanel';
-export * from './ImageWithFallback';
+export * from './Error';
+export * from './ExcludedImageNode';
 export * from './FeatureDescription';
-export * from './CICDHistory';
+export * from './FileUpload';
+export * from './FilterChips';
+export * from './FlagImage';
+export * from './FloatingVariablesSuggestions';
+export * from './FramerComponents';
+export * from './GenericInfoCard';
+export * from './GenericSectionErrorState';
 export * from './GitCommitInfoGeneric';
-export * from './Error';
-export * from './DatePicker';
-export * from './CommitChipCell';
+export * from './GitProviderIcon';
+export * from './GraphVisualizer';
+export * from './Header';
+export * from './Icon';
+export * from './IframeContainer';
+export * from './ImageCard';
+export * from './ImageCardAccordion';
 export * from './ImageChipCell';
-export * from './ArtifactInfoModal';
+export * from './ImageWithFallback';
+export * from './InfoBlock';
+export * from './InfoIconTippy';
+export * from './InvalidYAMLTippy';
+export * from './KeyValueTable';
+export * from './LoginBanner';
 export * from './MaterialHistory';
-export * from './IframeContainer';
+export * from './ModalSidebarPanel';
+export * from './NumbersCount';
+export * from './PhoneInput';
 export * from './Plugin';
-export * from './KeyValueTable';
+export * from './ReactSelect';
+export * from './RegistryIcon';
+export * from './ScannedByToolModal';
+export * from './Security';
 export * from './SelectPicker';
 export * from './ShowMoreText';
-export * from './CollapsibleList';
-export * from './DeploymentConfigDiff';
-export * from './DetectBottom';
+export * from './SSOProviderIcon';
+export * from './StatusComponent';
 export * from './TabGroup';
-export * from './EditImageFormField';
-export * from './Collapse';
-export * from './Security';
-export * from './Button';
-export * from './InvalidYAMLTippy';
-export * from './NumbersCount';
-export * from './EnterpriseTag';
-export * from './ConfirmationModal';
-export * from './DiffViewer';
-export * from './DynamicDataTable';
+export * from './Table';
 export * from './TagsKeyValueTable';
-export * from './FileUpload';
-export * from './AnimatedDeployButton';
-export * from './CMCS';
-export * from './FloatingVariablesSuggestions';
-export * from './ToggleResolveScopedVariables';
-export * from './BulkOperations';
-export * from './WorkflowOptionsModal';
-export * from './VirtualizedList';
+export * from './TargetPlatforms';
 export * from './Textarea';
 export * from './ThemeSwitcher';
-export * from './TargetPlatforms';
+export * from './ToggleResolveScopedVariables';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
-export * from './GraphVisualizer';
-export * from './GenericInfoCard';
-export * from './Icon';
-export * from './StatusComponent';
-export * from './RegistryIcon';
-export * from './GitProviderIcon';
-export * from './CustomInput';
-export * from './InfoBlock';
-export * from './CodeEditorWrapper';
-export * from './SSOProviderIcon';
-export * from './Table';
-export * from './Backdrop';
-export * from './CountrySelect';
-export * from './PhoneInput';
-export * from './FlagImage';
-export * from './DevtronLicenseCard';
-export * from './LoginBanner';
-export * from './Confetti';
-export * from './ActionMenu';
+export * from './VirtualizedList';
+export * from './WorkflowOptionsModal';

package/dist/Shared/Helpers.d.ts

@@ -1,11 +1,11 @@
 import { ReactElement } from 'react';
 import { PromptProps } from 'react-router-dom';
-import { Pair } from 'yaml';
 import { StrictRJSFSchema } from '@rjsf/utils';
+import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
-import { MaterialInfo, SortingOrder, UserApprovalConfigType, ApprovalConfigDataType, UserApprovalInfo } from '../Common';
-import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
+import { BorderConfigType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted

package/dist/Shared/Hooks/UseDownload/index.d.ts

@@ -1,2 +1,2 @@
-export { default as useDownload } from './UseDownload';
 export * from './types';
+export { default as useDownload } from './UseDownload';

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

@@ -1,6 +1,7 @@
-export * from './UsePrompt';
-export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
 export * from './useForm';
+export * from './useGetResourceKindsOptions';
+export * from './useOneTimePrompt';
+export * from './UsePrompt';
 export * from './useStickyEvent';
 export * from './useUserPreferences';

package/dist/Shared/Hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
 import { BaseSyntheticEvent, ChangeEvent } from 'react';
-import { UseFormSubmitHandler, UseFormValidations, UseFormErrorHandler } from './useForm.types';
+import { UseFormErrorHandler, UseFormSubmitHandler, UseFormValidations } from './useForm.types';
 /**
  * A custom hook to manage form state, validation, and submission handling.
  *
@@ -57,6 +57,8 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         shouldDirty?: boolean;
         /** A boolean indicating whether to mark the field as touched after setting the value. */
         shouldTouch?: boolean;
+        /** A boolean indicating whether to trigger validation after setting the value. */
+        triggerError?: boolean;
     }) => void;
     reset: (formData: T, resetOptions?: {
         /** A boolean indicating whether to retain the current dirty state of the form fields. */
@@ -67,8 +69,14 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         keepErrors?: boolean;
         /** A boolean indicating whether the form should check for dirty state upon reset. */
         triggerDirty?: boolean;
+        /** A boolean indicating whether the form should check for errors upon reset. */
+        triggerError?: boolean;
         /** A boolean indicating whether the initial values of the form should be retained after reset. If false, provided formData will become initial data. */
         keepInitialValues?: boolean;
+        /** Partial initial values to override the current initial values upon reset.
+         * @note `keepInitialValues` will have no effect when this is provided.
+         */
+        formInitialValues?: Partial<T>;
     }) => void;
     /** An object representing additional form state. */
     formState: {

package/dist/Shared/Hooks/useGetResourceKindsOptions/index.d.ts

@@ -1,2 +1,2 @@
+export type { UseGetResourceKindOptionsReturnType, UseGetResourceKindsOptionsProps } from './types';
 export { default as useGetResourceKindsOptions } from './useGetResourceKindsOptions';
-export type { UseGetResourceKindsOptionsProps, UseGetResourceKindOptionsReturnType } from './types';

package/dist/Shared/Hooks/useGetResourceKindsOptions/types.d.ts

@@ -1,5 +1,5 @@
-import { EnvironmentType, ResourceKindType } from '../../types';
 import { ServerErrors } from '../../../Common/ServerError';
+import { EnvironmentType, ResourceKindType } from '../../types';
 import { getAppOptionsGroupedByProjects, getClusterOptions, getProjectOptions } from './service';
 export interface AppType {
     name: string;

package/dist/Shared/Hooks/useOneTimePrompt/constants.d.ts

@@ -0,0 +1 @@
+export declare const ONE_TIME_PROMPT_LOCAL_STORAGE_KEY = "one-time-prompt-do-not-show-again";

package/dist/Shared/Hooks/useOneTimePrompt/index.d.ts

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

package/dist/Shared/Hooks/useOneTimePrompt/types.d.ts

@@ -0,0 +1,3 @@
+export interface UseOneTimePromptProps {
+    localStorageKey: string;
+}

package/dist/Shared/Hooks/useOneTimePrompt/useOneTimePrompt.d.ts

@@ -0,0 +1,6 @@
+import { UseOneTimePromptProps } from './types';
+export declare const useOneTimePrompt: ({ localStorageKey }: UseOneTimePromptProps) => {
+    showPrompt: boolean;
+    handleClose: () => void;
+    handleDoNotShowAgainClose: () => void;
+};

package/dist/Shared/Hooks/useUserPreferences/index.d.ts

@@ -1,4 +1,4 @@
-export { useUserPreferences } from './useUserPrefrences';
 export * from './constants';
+export { getUserPreferences, updateUserPreferences } from './service';
 export * from './types';
-export { updateUserPreferences, getUserPreferences } from './service';
+export { useUserPreferences } from './useUserPrefrences';

package/dist/Shared/Hooks/useUserPreferences/service.d.ts

@@ -1,4 +1,4 @@
-import { UserPreferencesType, UserPreferenceResourceProps } from './types';
+import { UserPreferenceResourceProps, UserPreferencesType } from './types';
 /**
  * @returns UserPreferencesType
  * @description This function fetches the user preferences from the server. It uses the `get` method to make a request to the server and retrieves the user preferences based on the `USER_PREFERENCES_ATTRIBUTE_KEY`. The result is parsed and returned as a `UserPreferencesType` object.

package/dist/Shared/Hooks/useUserPreferences/types.d.ts

@@ -1,6 +1,7 @@
-import { AppThemeType, BaseAppMetaData, ResourceKindType } from '../../index';
-import { ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
 import { USER_PREFERENCES_ATTRIBUTE_KEY } from '@Shared/Hooks/useUserPreferences/constants';
+import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
+import { BaseAppMetaData } from '../../Services';
+import { ResourceKindType } from '../../types';
 export interface GetUserPreferencesQueryParamsType {
     key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
 }

package/dist/Shared/Hooks/useUserPreferences/utils.d.ts

@@ -1,4 +1,4 @@
-import { BaseAppMetaData } from '../../index';
+import { BaseAppMetaData } from '../../Services';
 import { UserPreferenceFilteredListTypes, UserPreferenceResourceType } from './types';
 export declare const getUserPreferenceResourcesMetadata: (recentlyVisited: BaseAppMetaData[]) => UserPreferenceResourceType;
 export declare const getFilteredUniqueAppList: ({ userPreferencesResponse, appId, appName, }: UserPreferenceFilteredListTypes) => BaseAppMetaData[];

package/dist/Shared/Providers/ThemeProvider/index.d.ts

@@ -1,4 +1,4 @@
+export { THEME_PREFERENCE_STORAGE_KEY } from './constants';
 export * from './ThemeProvider';
 export { AppThemeType } from './types';
 export { getComponentSpecificThemeClass, getThemePreferenceText } from './utils';
-export { THEME_PREFERENCE_STORAGE_KEY } from './constants';

package/dist/Shared/Providers/ThemeProvider/utils.d.ts

@@ -1,4 +1,4 @@
-import { AppThemeType, ThemePreferenceType, ThemeConfigType } from './types';
+import { AppThemeType, ThemeConfigType, ThemePreferenceType } from './types';
 export declare const getAppThemeForAutoPreference: () => AppThemeType;
 export declare const setThemePreferenceInLocalStorage: (themePreference: ThemePreferenceType) => void;
 export declare const logThemeToAnalytics: ({ appTheme, themePreference }: ThemeConfigType) => void;

package/dist/Shared/Providers/UserEmailProvider/index.d.ts

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

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

@@ -1,5 +1,5 @@
-export * from './MainContextProvider';
 export * from './ImageSelectionUtility';
+export * from './MainContextProvider';
 export * from './ThemeProvider';
-export * from './UserEmailProvider';
 export type { MainContext } from './types';
+export * from './UserEmailProvider';

package/dist/Shared/Providers/types.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
-import { ServerInfo } from '../Components/Header/types';
 import { SERVER_MODE } from '../../Common';
+import { ServerInfo } from '../Components/Header/types';
 import { DevtronLicenseInfo, LicenseInfoDialogType } from '..';
 export interface MainContext {
     serverMode: SERVER_MODE;

package/dist/Shared/Services/ToastManager/constants.d.ts

@@ -1,4 +1,4 @@
-import { ToastOptions, ToastContainerProps } from 'react-toastify';
+import { ToastContainerProps, ToastOptions } from 'react-toastify';
 import { ToastProps, ToastVariantType } from './types';
 export declare const TOAST_BASE_CONFIG: ToastContainerProps;
 export declare const TOAST_VARIANT_TO_CONFIG_MAP: Record<ToastVariantType, Required<Pick<ToastProps, 'icon' | 'title' | 'progressBarBg'>> & Pick<ToastOptions, 'type'>>;

package/dist/Shared/Services/ToastManager/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ToastManager, ToastManagerContainer } from './toastManager.service';
-export { ToastVariantType } from './types';
 export type { ToastProps } from './types';
+export { ToastVariantType } from './types';

package/dist/Shared/Services/ToastManager/types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonComponentType, ButtonProps } from '../../Components';
 import { ReactElement } from 'react';
+import { ButtonComponentType, ButtonProps } from '../../Components';
 export declare enum ToastVariantType {
     info = "info",
     success = "success",

package/dist/Shared/Services/app.service.d.ts

@@ -1,6 +1,6 @@
 import { AppConfigProps } from '../../Pages/index';
 import { ResponseType } from '../../Common';
-import { CIMaterialInfoType, GetCITriggerInfoParamsType, AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType } from './app.types';
+import { AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType, CIMaterialInfoType, GetCITriggerInfoParamsType } from './app.types';
 export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => Promise<CIMaterialInfoType>;
 /**
  * The only difference between this and getCITriggerInfo is it doesn't have env and trigger related meta info

package/dist/Shared/Services/app.types.d.ts

@@ -1,6 +1,6 @@
-import { OverrideMergeStrategyType } from '../../Pages/Applications';
 import { TargetPlatformsDTO } from '../types';
-import { ReleaseTag, UserApprovalMetadataType, ResponseType } from '../../Common';
+import { OverrideMergeStrategyType } from '../../Pages/Applications';
+import { ReleaseTag, ResponseType, UserApprovalMetadataType } from '../../Common';
 interface WebhookDataType {
     id: number;
     eventActionType: string;

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

@@ -1,7 +1,7 @@
-export * from './types';
-export * from './app.types';
 export * from './app.service';
+export * from './app.types';
 export * from './common.service';
+export * from './template.service';
 export * from './ToastManager';
+export * from './types';
 export * from './utils';
-export * from './template.service';

package/dist/Shared/Store/IndexStore.d.ts

@@ -1,6 +1,6 @@
-import { AppDetails, AppType, EnvDetails, Node, PodMetaData, iNode } from '../types';
+import { AppDetails, AppType, EnvDetails, iNode, Node, PodMetaData } from '../types';
 export declare function getiNodesByRootNodeWithChildNodes(_nodes: Array<Node>, rootNodes: Array<iNode>, podMetadata?: Array<PodMetaData>): Array<iNode>;
-export declare const reduceKindStatus: (aggregatedStatus: string, newStatus: string) => "progressing" | "healthy" | "degraded";
+export declare const reduceKindStatus: (aggregatedStatus: string, newStatus: string) => "healthy" | "progressing" | "degraded";
 export declare function getiNodesByKindWithChildNodes(_nodes: Array<Node>, _kind: string): Array<iNode>;
 export declare function getPodsRootParentNameAndStatus(_nodes: Array<Node>): Array<[string, string]>;
 export declare const getPodsForRootNodeName: (_rootNode: string, _treeNodes: Array<Node>) => Array<iNode>;

package/dist/Shared/index.d.ts

@@ -1,11 +1,11 @@
+export * from './Analytics';
+export * from './API';
 export * from './Components';
-export * from './validations';
+export * from './constants';
 export * from './Helpers';
-export * from './types';
+export * from './Hooks';
 export * from './Providers';
-export * from './constants';
 export * from './Services';
 export * from './Store';
-export * from './Hooks';
-export * from './API';
-export * from './Analytics';
+export * from './types';
+export * from './validations';

package/dist/Shared/types.d.ts

@@ -1,9 +1,9 @@
+import { ParsedCountry } from 'react-international-phone';
 import { Dayjs } from 'dayjs';
 import { APIOptions, ApprovalConfigDataType } from '../Common/Types';
-import { ParsedCountry } from 'react-international-phone';
-import { OptionType, CommonNodeAttr, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, RefVariableType, PluginType, SegmentedControlProps } from '../Common';
-import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
+import { CommonNodeAttr, DeploymentAppTypes, OptionType, PluginType, RefVariableType, SegmentedControlProps, ServerErrors, SortingParams, TriggerBlockType, ValueConstraintType, VariableType, VulnerabilityType } from '../Common';
 import { SelectPickerOptionType } from './Components';
+import { BASE_CONFIGURATION_ENV_ID, EnvironmentTypeEnum, PatchOperationType } from './constants';
 export declare enum EnvType {
     CHART = "helm_charts",
     APPLICATION = "apps"
@@ -340,8 +340,7 @@ export declare enum CDMaterialSidebarType {
  * }
  * ```
  *
- * @example Usage with `PatchOperationType.remove`
- * Note: Value is not allowed for remove operation
+ * @example Usage with `PatchOperationType.remove` without value
  *
  * ```ts
  * const query: PatchQueryType<string> = {
@@ -349,8 +348,18 @@ export declare enum CDMaterialSidebarType {
  *  path: 'name'
  * }
  * ```
+ *
+ * @example Usage with `PatchOperationType.remove` with value
+ *
+ * ```ts
+ * const query: PatchQueryType<string, number, true> = {
+ *  op: PatchOperationType.remove,
+ *  path: 'name'
+ *  value: 1
+ * }
+ * ```
  */
-export type PatchQueryType<T extends string, K = unknown> = {
+export type PatchQueryType<T extends string, K = unknown, IsRemoveValueEnabled extends boolean = false> = {
     /**
      * The path of the json to be patched
      */
@@ -369,7 +378,7 @@ export type PatchQueryType<T extends string, K = unknown> = {
      * Operation type for patch
      */
     op: PatchOperationType.remove;
-    value?: never;
+    value?: IsRemoveValueEnabled extends true ? K : never;
 } | {
     /**
      * Operation type for add