@devtron-labs/devtron-fe-common-lib 1.20.3-pre-1 → 1.20.3-pre-3

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

@@ -1,6 +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, WrapWithResponseType extends boolean = true>(options: UseQueryOptions<WrapWithResponseType extends true ? ResponseType<TQueryFnData> : TQueryFnData, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
+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/Common.service.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps, EnvironmentsGroupedByClustersType, AppsGroupedByProjectsType } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -36,5 +36,3 @@ export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }:
     abortControllerRef?: MutableRefObject<AbortController>;
 }) => Promise<GlobalVariableOptionType[]>;
 export declare const getAppsInfoForEnv: ({ envId, appIds }: GetAppsInfoForEnvProps) => Promise<EnvAppsMetaDTO>;
-export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
-export declare const getEnvironmentOptionsGroupedByClusters: () => Promise<EnvironmentsGroupedByClustersType>;

package/dist/Common/Constants.d.ts

@@ -30,7 +30,11 @@ export declare const PATTERNS: {
 export declare const URLS: {
     readonly LOGIN: "/login";
     readonly LOGIN_SSO: "/login/sso";
+    readonly PERMISSION_GROUPS: "/global-config/auth/groups";
+    readonly APP: "/app";
     readonly APP_LIST: "list";
+    readonly CHARTS_DISCOVER: "/chart-store/discover";
+    readonly JOB: "/job";
     readonly CREATE_JOB: "create-job";
     readonly GETTING_STARTED: "getting-started";
     readonly STACK_MANAGER_ABOUT: "/stack-manager/about";
@@ -45,51 +49,21 @@ export declare const URLS: {
     readonly DETAILS: "/details";
     readonly CD_DETAILS: "cd-details";
     readonly APP_TRIGGER: "trigger";
+    readonly GLOBAL_CONFIG_DOCKER: "/global-config/docker";
     readonly DEPLOYMENT_HISTORY_CONFIGURATIONS: "/configuration";
+    readonly GLOBAL_CONFIG_SCOPED_VARIABLES: "/global-config/scoped-variables";
+    readonly GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: "/global-config/deployment-charts";
+    readonly GLOBAL_CONFIG_DEPLOYMENT_CHARTS_UPLOAD_CHART: "/global-config/deployment-charts/upload-chart";
     readonly NETWORK_STATUS_INTERFACE: "/network-status-interface";
+    readonly RESOURCE_BROWSER: "/resource-browser";
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
+    readonly GLOBAL_CONFIG: "/global-config";
+    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";
     readonly LICENSE_AUTH: "/license-auth";
-    readonly APPLICATION_MANAGEMENT: "/application-management";
-    readonly APPLICATION_MANAGEMENT_OVERVIEW: "/application-management/overview";
-    readonly APPLICATION_MANAGEMENT_APP: "/application-management/app";
-    readonly APPLICATION_MANAGEMENT_APPLICATION_GROUP: "/application-management/application-group";
-    readonly APPLICATION_MANAGEMENT_CHART_STORE: "/application-management/chart-store";
-    readonly APPLICATION_MANAGEMENT_CHART_STORE_DISCOVER: "/application-management/chart-store/discover";
-    readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP: "/application-management/templates/devtron-app";
-    readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_CREATE: "/application-management/templates/devtron-app/create";
-    readonly APPLICATION_MANAGEMENT_TEMPLATES_DEVTRON_APP_DETAIL: "/application-management/templates/devtron-app/detail/:appId";
-    readonly APPLICATION_MANAGEMENT_PROJECTS: "/application-management/projects";
-    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS: "/application-management/configurations";
-    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_DEPLOYMENT_CHARTS: "/application-management/configurations/deployment-charts";
-    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_SCOPED_VARIABLES: "/application-management/configurations/scoped-variables";
-    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_BUILD_INFRA: "/application-management/configurations/build-infra";
-    readonly APPLICATION_MANAGEMENT_CONFIGURATIONS_NOTIFICATIONS: "/application-management/configurations/notifications";
-    readonly INFRASTRUCTURE_MANAGEMENT: "/infrastructure-management";
-    readonly INFRASTRUCTURE_MANAGEMENT_OVERVIEW: "/infrastructure-management/overview";
-    readonly INFRASTRUCTURE_MANAGEMENT_RESOURCE_BROWSER: "/infrastructure-management/resource-browser";
-    readonly INFRASTRUCTURE_MANAGEMENT_RESOURCE_WATCHER: "/infrastructure-management/resource-watcher";
-    readonly SOFTWARE_RELEASE_MANAGEMENT: "/software-release-management";
-    readonly COST_VISIBILITY: "/cost-visibility";
-    readonly COST_VISIBILITY_OVERVIEW: "/cost-visibility/overview";
-    readonly COST_BREAKDOWN_ROUTE: "/cost-visibility/breakdown/:breakdownViewType";
-    readonly COST_BREAKDOWN_CLUSTERS: "/cost-visibility/breakdown/clusters";
-    readonly COST_BREAKDOWN_ENVIRONMENTS: "/cost-visibility/breakdown/environments";
-    readonly COST_BREAKDOWN_PROJECTS: "/cost-visibility/breakdown/projects";
-    readonly COST_BREAKDOWN_APPLICATIONS: "/cost-visibility/breakdown/applications";
-    readonly COST_BREAKDOWN_DETAIL: ":itemName/:view/:detail?";
-    readonly COST_CONFIGURATIONS: "/cost-visibility/configurations";
-    readonly SECURITY_CENTER: "/security-center";
-    readonly AUTOMATION_AND_ENABLEMENT: "/automation-and-enablement";
-    readonly AUTOMATION_AND_ENABLEMENT_JOB: "/automation-and-enablement/job";
-    readonly BACKUP_AND_RESTORE: "/backup-and-restore";
-    readonly BACKUP_AND_RESTORE_OVERVIEW: "/backup-and-restore/overview";
-    readonly GLOBAL_CONFIG: "/global-configuration";
-    readonly GLOBAL_CONFIG_DOCKER: "/global-configuration/docker";
-    readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-configuration/cluster-env/edit/:clusterId";
-    readonly PERMISSION_GROUPS: "/global-configuration/auth/groups";
-    readonly AI_RECOMMENDATIONS: "/ai-recommendations";
-    readonly AI_RECOMMENDATIONS_OVERVIEW: "/ai-recommendations/overview";
+    readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
 };
 export declare const ROUTES: {
     readonly APP: "app";

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

@@ -27,7 +27,6 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly Delete: "⌦";
     readonly '.': ".";
     readonly Space: "Space";
-    readonly '>': ">";
 };
 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: ("N" | "R" | "Enter" | "/" | "Alt" | "F" | "E" | "K" | "X" | "A" | "S" | "Home" | "End" | "." | "Space" | ">" | "Control" | "Shift" | "Meta" | "Escape" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("N" | "R" | "Enter" | "/" | "Alt" | "F" | "E" | "K" | "X" | "A" | "S" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

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, keyboardShortcut, variant, isLoading, }: 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

@@ -53,12 +53,4 @@ export interface SearchBarProps {
      * @note This is displayed in place of the dropdown indicator
      */
     keyboardShortcut?: SupportedKeyboardKeysType;
-    /**
-     * @default 'default'
-     */
-    variant?: 'default' | 'sidenav';
-    /**
-     * If true, would convert the magnifying glass icon to a loading spinner
-     */
-    isLoading?: boolean;
 }

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

@@ -1,4 +1,3 @@
-import { ComponentSizeType } from '../../Shared/constants';
 export type Entity = {
     color: string;
     label: string;
@@ -21,6 +20,5 @@ export type SegmentedBarChartProps = {
     swapLegendAndBar?: boolean;
     showAnimationOnBar?: boolean;
     isLoading?: boolean;
-    size?: ComponentSizeType;
 } & EntityPropType;
 export {};

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType, EnvironmentType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 import { IllustrationName } from '../Shared/Components';
 /**
@@ -26,6 +26,9 @@ export interface ResponseType<T = any> {
 }
 export interface APIOptions {
     timeout?: number;
+    /**
+     * @deprecated Use abortController instead
+     */
     signal?: AbortSignal;
     abortControllerRef?: MutableRefObject<AbortController>;
     /**
@@ -932,15 +935,4 @@ export interface ClusterEnvironmentCategoryDTO {
 }
 export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {
 }
-export type AppsGroupedByProjectsType = {
-    projectId: number;
-    projectName: string;
-    appList: {
-        name: string;
-    }[];
-}[];
-export type EnvironmentsGroupedByClustersType = {
-    clusterName: EnvironmentType['cluster'];
-    envList: EnvironmentType[];
-}[];
 export {};

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/index.d.ts

@@ -1 +1 @@
-export { default as VirtualClusterSidebar } from './VirtualClusterSidebar';
+export type { NewClusterFormFooterProps, NewClusterFormProps } from './types';

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/types.d.ts

@@ -0,0 +1,8 @@
+export interface NewClusterFormFooterProps {
+    apiCallInProgress: boolean;
+    handleModalClose: () => void;
+    closeButtonText?: string;
+}
+export interface NewClusterFormProps extends Pick<NewClusterFormFooterProps, 'handleModalClose'> {
+    FooterComponent: React.FunctionComponent<NewClusterFormFooterProps> & Record<'CTA' | 'Start', React.FunctionComponent<{}>>;
+}

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

@@ -53,13 +53,13 @@ export declare const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
 export declare const GVK_FILTER_KIND_QUERY_PARAM_KEY = "gvkFilterKind";
 export declare const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = "gvkFilterApiVersion";
 export declare const RESOURCE_BROWSER_ROUTES: {
-    readonly OVERVIEW: "/infrastructure-management/resource-browser/:clusterId/overview";
-    readonly MONITORING_DASHBOARD: "/infrastructure-management/resource-browser/:clusterId/monitoring-dashboard";
-    readonly TERMINAL: "/infrastructure-management/resource-browser/:clusterId/terminal";
-    readonly CLUSTER_UPGRADE: "/infrastructure-management/resource-browser/:clusterId/cluster-upgrade";
-    readonly NODE_DETAIL: "/infrastructure-management/resource-browser/:clusterId/node/detail/:name";
-    readonly K8S_RESOURCE_DETAIL: "/infrastructure-management/resource-browser/:clusterId/:namespace/:kind/:group/:name";
-    readonly K8S_RESOURCE_LIST: "/infrastructure-management/resource-browser/:clusterId/:kind/:group";
-    readonly RESOURCE_RECOMMENDER: "/infrastructure-management/resource-browser/:clusterId/resource-recommender";
+    readonly OVERVIEW: "/resource-browser/:clusterId/overview";
+    readonly MONITORING_DASHBOARD: "/resource-browser/:clusterId/monitoring-dashboard";
+    readonly TERMINAL: "/resource-browser/:clusterId/terminal";
+    readonly CLUSTER_UPGRADE: "/resource-browser/:clusterId/cluster-upgrade";
+    readonly NODE_DETAIL: "/resource-browser/:clusterId/node/detail/:name";
+    readonly K8S_RESOURCE_DETAIL: "/resource-browser/:clusterId/:namespace/:kind/:group/:name";
+    readonly K8S_RESOURCE_LIST: "/resource-browser/:clusterId/:kind/:group";
+    readonly RESOURCE_RECOMMENDER: "/resource-browser/:clusterId/resource-recommender";
 };
 export declare const K8S_EMPTY_GROUP = "k8sEmptyGroup";

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

@@ -37,8 +37,6 @@ export type ActionMenuItemType<T extends string | number = string | number> = Om
     startIcon?: ActionMenuItemIconType;
     /** Defines the item to be displayed at the end of the menu item. */
     trailingItem?: TrailingItemType;
-    /** Prevents the menu from closing when the item is clicked. */
-    doNotCloseMenuOnClick?: boolean;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**

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

@@ -1,3 +1,3 @@
 import { BackdropProps } from './types';
-declare const Backdrop: ({ children, onEscape, onClick, hasClearBackground, onBackdropMount, deactivateFocusOnEscape, initialFocus, returnFocusOnDeactivate, }: 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,6 +1,6 @@
 import { MouseEvent, ReactNode } from 'react';
 import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
     /**
      * The content to be rendered within the backdrop component.
      */

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

@@ -1,8 +1,7 @@
-import { IconBaseColorType, IconBaseSizeType } from '../../types';
+import { IconBaseColorType } from '../../types';
 import { BadgeProps } from './types';
 export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
     styles: string;
     iconColor: IconBaseColorType;
 };
 export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";
-export declare const COMPONENT_SIZE_TO_ICON_SIZE_MAP: Record<BadgeProps['size'], IconBaseSizeType>;

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

@@ -4,5 +4,5 @@ export declare const useFocusTrapControl: () => {
     disableFocusTrap: typeof noop;
     resumeFocusTrap: typeof noop;
 };
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, }: DTFocusTrapType) => JSX.Element;
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
 export default DTFocusTrap;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { Props as FocusTrapProps } from 'focus-trap-react';
 type FocusTargetValue = HTMLElement | SVGElement | string;
 type FocusTargetValueOrFalse = FocusTargetValue | false;
 /**
@@ -8,7 +7,7 @@ type FocusTargetValueOrFalse = FocusTargetValue | false;
  * an opt-out, or a function that returns a DOM node or `false`.
  */
 type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
-export interface DTFocusTrapType extends Pick<FocusTrapProps['focusTrapOptions'], 'returnFocusOnDeactivate'> {
+export interface DTFocusTrapType {
     /**
      * Callback function that gets triggered when the Escape key is pressed. \
      * Should be wrapped in useCallback to prevent unnecessary re-renders.

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

@@ -31,7 +31,7 @@ type FeatureDescriptionModalWithTabsConfig = {
     imageStyles?: never;
 };
 export type FeatureDescriptionModalProps = {
-    title: React.ReactNode;
+    title: string;
     closeModalText?: string;
     closeModal?: () => void;
 } & ((BaseFeatureDescriptionModalProps & {

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

@@ -1,2 +1,2 @@
-import { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
-export { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue };
+import { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue };

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

@@ -1,4 +1,3 @@
-import { ButtonComponentType } from '../Button';
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: <T extends ButtonComponentType = ButtonComponentType.button>({ reload, buttonProps, customIcon, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps<T>) => JSX.Element;
+declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
-import { ButtonComponentType, ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
-export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {
+export type GenericSectionErrorStateProps = {
+    /**
+     * Handler for reloading the section
+     */
+    reload?: () => void;
     /**
      * If true, border is added to the section
      *
@@ -34,7 +37,6 @@ export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType
      */
     progressingProps: Omit<IconsProps, 'name'>;
     useInfoIcon?: false;
-    customIcon?: never;
 } | {
     progressingProps?: never;
     /**
@@ -43,25 +45,7 @@ export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType
      * @default false
      */
     useInfoIcon: true;
-    customIcon?: never;
-} | {
-    progressingProps?: never;
-    useInfoIcon?: never;
-    customIcon?: never;
 } | {
-    customIcon: JSX.Element;
     progressingProps?: never;
     useInfoIcon?: never;
-}) & ({
-    /**
-     * Handler for reloading the section
-     */
-    reload: () => void;
-    buttonProps?: never;
-} | {
-    reload?: never;
-    buttonProps: ButtonProps<ButtonType>;
-} | {
-    reload?: never;
-    buttonProps?: never;
 });

package/dist/Shared/Components/Header/HeaderWithCreateButton/HeaderWithCreateButon.d.ts

@@ -1,3 +1,3 @@
 import { HeaderWithCreateButtonProps } from './types';
-export declare const HeaderWithCreateButton: ({ isJobView }: HeaderWithCreateButtonProps) => JSX.Element;
+export declare const HeaderWithCreateButton: ({ headerName, additionalHeaderInfo }: HeaderWithCreateButtonProps) => JSX.Element;
 export default HeaderWithCreateButton;

package/dist/Shared/Components/Header/HeaderWithCreateButton/types.d.ts

@@ -1,6 +1,8 @@
 import { ActionMenuProps } from '../../ActionMenu';
+import { PageHeaderType } from '../types';
 export interface HeaderWithCreateButtonProps {
-    isJobView?: boolean;
+    headerName: string;
+    additionalHeaderInfo: PageHeaderType['additionalHeaderInfo'];
 }
 export declare enum CreateActionMenuItems {
     CUSTOM_APP = "create-custom-app",

package/dist/Shared/Components/Header/PageHeader.d.ts

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, closeIcon, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -17,10 +17,8 @@ export interface PageHeaderType {
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
-        tippyHeader?: string;
     };
     onClose?: () => void;
-    closeIcon?: JSX.Element;
 }
 export interface ServerInfo {
     currentVersion: string;

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

@@ -4,11 +4,9 @@ export declare const iconMap: {
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-activity': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-alibaba': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-template': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-argocd-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -17,25 +15,17 @@ export declare const iconMap: {
     'ic-asterisk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aws-codecommit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-aws': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bg-build': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bg-deploy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-bot': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-building': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -52,17 +42,13 @@ export declare const iconMap: {
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clean-brush': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-clipboard': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-clock-counterclockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-coins': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -70,7 +56,6 @@ export declare const iconMap: {
     'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-database-backup': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -81,7 +66,6 @@ export declare const iconMap: {
     'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-devtron-text': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-diff-added': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-diff-deleted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -91,7 +75,6 @@ export declare const iconMap: {
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-download': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-edit-lines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -108,13 +91,10 @@ export declare const iconMap: {
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-files-changed': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-floppy-disk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-fluxcd-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -128,11 +108,9 @@ export declare const iconMap: {
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-google-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-graph-negative': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -158,7 +136,6 @@ export declare const iconMap: {
     'ic-key-enter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-kubernetes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -171,7 +148,6 @@ export declare const iconMap: {
     'ic-locked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logs': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-magic-wand': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -193,8 +169,6 @@ export declare const iconMap: {
     'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-openai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-oracle-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-otc-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -206,7 +180,6 @@ export declare const iconMap: {
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ratings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-right-panel-collapse': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -237,7 +210,6 @@ export declare const iconMap: {
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-symbol-greater-than': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -249,7 +221,6 @@ export declare const iconMap: {
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-trend-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-two-cubes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,2 +1,2 @@
 import { IconBaseProps } from './types';
-export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, flip, }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, }: IconBaseProps) => JSX.Element;

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

@@ -38,12 +38,6 @@ export interface IconBaseProps {
      * @example 90, 180, 270
      */
     rotateBy?: number;
-    /**
-     * Flips the icon in the specified direction
-     *
-     * @default undefined
-     */
-    flip?: 'horizontal' | 'vertical';
     /**
      * If true, the icon will expand to fill the available space of its container.
      */

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

@@ -5,7 +5,6 @@ export declare const illustrationMap: {
     'img-devtron-freemium': string;
     'img-man-on-rocket': string;
     'img-no-result': string;
-    'no-cluster-cost-enabled': string;
 };
 export type IllustrationName = keyof typeof illustrationMap;
 export interface IllustrationProps extends Omit<IllustrationBaseProps, 'name' | 'illustrationMap'> {

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

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default InternalTable;

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

@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
 import { OmitNever } from '../../types';
-import { ActionMenuProps } from '../ActionMenu';
 import { ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
 import { NumbersCountProps } from '../NumbersCount';
@@ -31,9 +30,6 @@ export type TrailingItemType = {
     config: OmitNever<Omit<Extract<ButtonProps, {
         icon: ReactElement;
     }>, 'size' | 'variant'>>;
-} | {
-    type: 'action-menu';
-    config: ActionMenuProps;
 };
 export type TrailingItemProps = TrailingItemType & {
     /**