@devtron-labs/devtron-fe-common-lib 1.15.3-beta-3 → 1.15.3-beta-4

package/dist/{@common-rjsf-ISOYbod5.js → @common-rjsf-DBpYEd_9.js}

@@ -1,7 +1,7 @@
 import { j as n, as as b, au as k, at as W } from "./@vendor-CA9d7Ztm.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-Dz8a1qww.js";
+import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-CPkXInuA.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as $, getTemplate as B, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as ae, deepEquals as se } from "@rjsf/utils";

package/dist/Common/Constants.d.ts

@@ -63,6 +63,7 @@ export declare const URLS: {
     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 GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
 };
 export declare const ROUTES: {
     readonly APP: "app";
@@ -293,6 +294,7 @@ export declare const API_STATUS_CODES: {
     NOT_FOUND: number;
     REQUEST_TIMEOUT: number;
     CONFLICT: number;
+    PRE_CONDITION_FAILED: number;
     EXPECTATION_FAILED: number;
     UNPROCESSABLE_ENTITY: number;
     LOCKED: number;

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

@@ -1,3 +1,3 @@
 import { UseRegisterShortcutProviderType } from './types';
-declare const UseRegisterShortcutProvider: ({ ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
+declare const UseRegisterShortcutProvider: ({ containerRef, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
 export default UseRegisterShortcutProvider;

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

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 export declare const KEYBOARD_KEYS_MAP: {
     readonly Control: "Ctrl";
     readonly Shift: "⇧";
@@ -9,6 +10,7 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly K: "K";
     readonly X: "X";
     readonly A: "A";
+    readonly N: "N";
     readonly Escape: "Esc";
     readonly Enter: "↩";
     readonly ArrowLeft: "←";
@@ -56,6 +58,7 @@ export interface UseRegisterShortcutContextType {
     triggerShortcut: (keys: ShortcutType['keys']) => void;
 }
 export interface UseRegisterShortcutProviderType {
+    containerRef?: RefObject<HTMLElement>;
     children: React.ReactNode;
     /**
      * Defines how long after holding the keys down do we trigger the callback in milliseconds

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

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("N" | "R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

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

@@ -1,7 +1,7 @@
 import { UseUrlFiltersProps, UseUrlFiltersReturnType } from '../useUrlFilters';
-export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey'> {
+export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey' | 'defaultPageSize'> {
 }
-export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | 'isFilterApplied'> {
+export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | 'areFiltersApplied'> {
 }
 export interface PaginationType<T> extends Pick<UseUrlFiltersReturnType<T>, 'pageSize'> {
     pageNumber: number;

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

@@ -12,5 +12,5 @@ import { UseStateFiltersProps, UseStateFiltersReturnType } from './types';
  *
  * To be extended to be used with pagination and search as and when required
  */
-declare const useStateFilters: <T = string>({ initialSortKey, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
+declare const useStateFilters: <T = string>({ initialSortKey, defaultPageSize, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
 export default useStateFilters;

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

@@ -18,6 +18,7 @@ export interface UseUrlFiltersProps<T, K extends {}> {
      * @default 'replace'
      */
     redirectionMethod?: 'replace' | 'push';
+    defaultPageSize?: number;
 }
 export type UpdateSearchParamsOptionsType<T, K = {}> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
 export type UseUrlFiltersReturnType<T, K = {}> = K & {
@@ -67,5 +68,5 @@ export type UseUrlFiltersReturnType<T, K = {}> = K & {
      * Update the search params with the passed object
      */
     updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
-    isFilterApplied: boolean;
+    areFiltersApplied: boolean;
 };

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

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

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

@@ -3,3 +3,7 @@ export declare const FALLBACK_PAGE_SIZE_OPTIONS: {
     value: number;
     selected: boolean;
 }[];
+export declare const LARGE_PAGE_SIZE_OPTIONS: {
+    value: number;
+    selected: boolean;
+}[];

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

@@ -1,2 +1,3 @@
+export { LARGE_PAGE_SIZE_OPTIONS } from './constants';
 export { default as Pagination } from './Pagination';
 export type { PaginationProps } from './types';

package/dist/Common/PopupMenu.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
 declare const PopupMenu: {
     ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault, }: PopupMenuType): any;
-    Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
+    Button: React.ForwardRefExoticComponent<PopupMenuButtonType & React.RefAttributes<unknown>>;
     Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 };
 export default PopupMenu;

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

@@ -1,4 +1,7 @@
-import { RefObject } from 'react';
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+import { GroupBase } from 'react-select';
+import { ServerErrors } from '../../Common/ServerError';
+import { SelectPickerOptionType } from '../../Shared/Components';
 import { Nodes, NodeType } from '../../Shared/types';
 export interface GVKType {
     Group: string;
@@ -34,14 +37,37 @@ export interface K8sResourceListPayloadType {
     filter?: string;
     k8sRequest: ResourceListPayloadK8sRequestType;
 }
+export declare enum ResourceRecommenderHeaderType {
+    NAME = "name",
+    NAMESPACE = "namespace",
+    KIND = "kind",
+    API_VERSION = "apiVersion",
+    CONTAINER_NAME = "containerName",
+    CPU_REQUEST = "cpuRequest",
+    CPU_LIMIT = "cpuLimit",
+    MEMORY_REQUEST = "memoryRequest",
+    MEMORY_LIMIT = "memoryLimit"
+}
+export type ResourceRecommenderHeaderWithStringValue = Extract<ResourceRecommenderHeaderType, ResourceRecommenderHeaderType.NAME | ResourceRecommenderHeaderType.NAMESPACE | ResourceRecommenderHeaderType.KIND | ResourceRecommenderHeaderType.API_VERSION | ResourceRecommenderHeaderType.CONTAINER_NAME>;
+export type ResourceRecommenderHeaderWithRecommendation = Extract<ResourceRecommenderHeaderType, ResourceRecommenderHeaderType.CPU_REQUEST | ResourceRecommenderHeaderType.CPU_LIMIT | ResourceRecommenderHeaderType.MEMORY_REQUEST | ResourceRecommenderHeaderType.MEMORY_LIMIT>;
 export type K8sResourceDetailDataType = {
     [key: string]: string | number | object | boolean;
+    additionalMetadata?: Partial<Record<ResourceRecommenderHeaderWithRecommendation, {
+        current: {
+            value: string | 'none';
+        } | null;
+        recommended: {
+            value: string | 'none';
+        } | null;
+        delta: number | null;
+    }>>;
 };
 export interface K8sResourceDetailType {
     headers: string[];
     data: K8sResourceDetailDataType[];
 }
 export interface BulkSelectionActionWidgetProps {
+    isResourceRecommendationView: boolean;
     count: number;
     handleOpenBulkDeleteModal: () => void;
     handleClearBulkSelection: () => void;
@@ -49,11 +75,12 @@ export interface BulkSelectionActionWidgetProps {
     handleOpenUncordonNodeModal: () => void;
     handleOpenDrainNodeModal: () => void;
     handleOpenRestartWorkloadModal: () => void;
+    handleOpenApplyResourceRecommendationModal: () => void;
     parentRef: RefObject<HTMLDivElement>;
     showBulkRestartOption: boolean;
     showNodeListingOptions: boolean;
 }
-export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain';
+export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain' | 'applyResourceRecommendation';
 export interface CreateResourceRequestBodyType {
     appId: string;
     clusterId: number;
@@ -65,6 +92,7 @@ export interface CreateResourceRequestBodyType {
 export interface ResourceManifestDTO {
     manifestResponse: {
         manifest: Record<string, unknown>;
+        recommendedManifest?: Record<string, unknown>;
     };
     secretViewAccess: boolean;
 }
@@ -108,4 +136,20 @@ export interface NodeActionRequest {
     version: string;
     kind: string;
 }
+export interface GVKOptionValueType {
+    kind: string;
+    apiVersion: string;
+}
+export interface GetResourceRecommenderResourceListPropsType {
+    setShowAbsoluteValuesInResourceRecommender: Dispatch<SetStateAction<boolean>>;
+    showAbsoluteValuesInResourceRecommender: boolean;
+    gvkOptions: GroupBase<SelectPickerOptionType<GVKOptionValueType>>[];
+    areGVKOptionsLoading: boolean;
+    reloadGVKOptions: () => void;
+    gvkOptionsError: ServerErrors;
+}
+export interface ResourceRecommenderActionMenuProps {
+    children: ReactNode;
+    lastScannedOn: string;
+}
 export {};

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

@@ -50,3 +50,5 @@ export declare const NODE_DRAIN_OPTIONS_CHECKBOX_CONFIG: {
     infoText: string;
     label: string;
 }[];
+export declare const GVK_FILTER_KIND_QUERY_PARAM_KEY = "gvkFilterKind";
+export declare const GVK_FILTER_API_VERSION_QUERY_PARAM_KEY = "gvkFilterApiVersion";

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

@@ -2,7 +2,7 @@ import { APIOptions, ResponseType } from '../../Common/Types';
 import { CreateResourceDTO, CreateResourcePayload, K8sResourceDetailType, K8sResourceListPayloadType, NodeActionRequest, ResourceListPayloadType, ResourceType } from './ResourceBrowser.Types';
 import { ClusterDetail, NodeCordonRequest } from './types';
 export declare const getK8sResourceList: (resourceListPayload: K8sResourceListPayloadType, signal?: AbortSignal) => Promise<ResponseType<K8sResourceDetailType>>;
-export declare const createNewResource: (resourceListPayload: CreateResourcePayload) => Promise<ResponseType<CreateResourceDTO[]>>;
+export declare const createNewResource: (resourceListPayload: CreateResourcePayload, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<CreateResourceDTO[]>>;
 export declare const deleteResource: (resourceListPayload: ResourceListPayloadType, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<ResourceType[]>>;
 export declare const deleteNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const cordonNodeCapacity: (requestPayload: NodeCordonRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;

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

@@ -1,3 +1,3 @@
 import { BulkSelectionProps } from './types';
-declare const BulkSelection: <T>({ showPagination, disabled, showChevronDownIcon }: BulkSelectionProps) => JSX.Element;
+declare const BulkSelection: import('react').ForwardRefExoticComponent<BulkSelectionProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default BulkSelection;

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

@@ -33,15 +33,7 @@ export interface BulkSelectionProps {
      */
     showChevronDownIcon?: boolean;
     disabled?: boolean;
-}
-export interface BulkSelectionDropdownItemsType {
-    locator: BulkSelectionEvents;
-    label: string;
-    isSelected: boolean;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    iconClass?: string;
-}
-export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<UseBulkSelectionReturnType<T>, 'handleBulkSelection'> {
+    selectAllIfNotPaginated?: boolean;
 }
 export declare enum SelectAllDialogStatus {
     OPEN = "OPEN",

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

@@ -22,6 +22,7 @@ export declare const iconMap: {
     'ic-book-open': 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-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -32,11 +33,14 @@ export declare const iconMap: {
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-online': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-check-all': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-check-square': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-webhook': 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-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>>;
@@ -44,6 +48,7 @@ export declare const iconMap: {
     '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-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>>;
     'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -62,6 +67,7 @@ export declare const iconMap: {
     'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -75,6 +81,7 @@ export declare const iconMap: {
     'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-file-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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>>;
@@ -84,6 +91,7 @@ export declare const iconMap: {
     'ic-flask': 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-gavel': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -105,6 +113,7 @@ export declare const iconMap: {
     'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-info-filled-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -121,6 +130,7 @@ export declare const iconMap: {
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': 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-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>>;
@@ -145,6 +155,7 @@ export declare const iconMap: {
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-pause-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -160,6 +171,7 @@ export declare const iconMap: {
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-ai-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-speedometer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -186,6 +198,7 @@ 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-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>>;
     'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -4,4 +4,5 @@ import { InfoBlockProps } from './types';
 export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
 export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
 export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
-export declare const CONTAINER_SIZE_TO_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
+export declare const CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
+export declare const CONTAINER_SIZE_TO_ICON_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;

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

@@ -1,3 +1,3 @@
 import { BulkSelectionActionWidgetProps } from './types';
-declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, }: BulkSelectionActionWidgetProps) => JSX.Element;
+declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, bulkActionsData, setBulkActionState, }: BulkSelectionActionWidgetProps) => JSX.Element;
 export default BulkSelectionActionWidget;

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

@@ -1,3 +1,3 @@
 import { InternalTableProps } from './types';
-declare const InternalTable: ({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, }: InternalTableProps) => JSX.Element;
+declare const InternalTable: ({ 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) => JSX.Element;
 export default InternalTable;

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

@@ -0,0 +1,3 @@
+import { TableContentProps } from './types';
+declare const TableContent: ({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, }: TableContentProps) => JSX.Element;
+export default TableContent;

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

@@ -5,3 +5,4 @@ export declare const BULK_ACTION_GUTTER_LABEL = "bulk-action-gutter";
 export declare const EVENT_TARGET: EventTarget;
 export declare const DRAG_SELECTOR_IDENTIFIER = "table-drag-selector";
 export declare const SHIMMER_DUMMY_ARRAY: number[];
+export declare const NO_ROWS_OR_GET_ROWS_ERROR: Error;

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 type { BulkActionsComponentProps as TableBulkActionsComponentProps, BulkOperationModalProps as TableBulkOperationModalProps, CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
 export { FiltersTypeEnum, PaginationEnum, SignalEnum as TableSignalEnum } from './types';

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

@@ -1,7 +1,8 @@
-import { Dispatch, FunctionComponent, PropsWithChildren, SetStateAction } from 'react';
+import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
 import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
-import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps } from '../../../Common/Hooks';
+import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
 import { GenericEmptyStateType } from '../../../Common/index';
+import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
 export interface UseFiltersReturnType extends UseStateFiltersReturnType<string> {
@@ -50,11 +51,16 @@ export type RowType = {
     data: Record<string, unknown>;
 };
 export type RowsType = RowType[];
-export interface CellComponentProps extends Pick<BaseColumnType, 'field'>, AdditionalProps {
+export declare enum FiltersTypeEnum {
+    STATE = "state",
+    URL = "url",
+    NONE = "none"
+}
+export interface CellComponentProps<T = FiltersTypeEnum.NONE> extends Pick<BaseColumnType, 'field'>, AdditionalProps {
     signals: SignalsType;
     value: unknown;
     row: RowType;
-    filterData: UseFiltersReturnType;
+    filterData: T extends FiltersTypeEnum.NONE ? null : T extends FiltersTypeEnum.STATE ? UseFiltersReturnType : UseUrlFiltersReturnType<string>;
     isRowActive: boolean;
 }
 export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> & BaseColumnType & {
@@ -71,21 +77,26 @@ export type Column = Pick<SortableTableHeaderCellProps, 'showTippyOnTruncate'> &
     isSortable?: false;
     comparator?: never;
 });
+export interface BulkActionsComponentProps {
+    onActionClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    bulkActionsData: unknown;
+}
+type BulkSelectionReturnValueType = ReturnType<typeof useBulkSelection>;
+export interface BulkOperationModalProps<T = string> extends Pick<BulkSelectionReturnValueType, 'isBulkSelectionApplied'> {
+    action: T;
+    onClose: () => void;
+    selections: RowsType | null;
+    bulkOperationModalData: unknown;
+}
 type BulkSelectionConfigType = Pick<UseBulkSelectionProps<unknown>, 'getSelectAllDialogStatus'> & {
-    /** Make sure to wrap it in useCallback */
-    onBulkSelectionChanged: (selectedRows: RowsType) => void;
-    BulkActionsComponent: FunctionComponent<{}>;
-};
+    BulkActionsComponent: FunctionComponent<BulkActionsComponentProps>;
+    BulkOperationModal: FunctionComponent<BulkOperationModalProps>;
+} & Pick<BulkActionsComponentProps, 'bulkActionsData'> & Pick<BulkOperationModalProps, 'bulkOperationModalData'>;
 export declare enum PaginationEnum {
     PAGINATED = "paginated",
     INFINITE = "infinite",
     NOT_PAGINATED = "not-paginated"
 }
-export declare enum FiltersTypeEnum {
-    STATE = "state",
-    URL = "url",
-    NONE = "none"
-}
 export interface ConfigurableColumnsType {
     allColumns: Column[];
     visibleColumns: Column[];
@@ -93,14 +104,14 @@ export interface ConfigurableColumnsType {
 }
 interface GetRowsProps extends Pick<UseFiltersReturnType, 'offset' | 'pageSize' | 'searchKey' | 'sortBy' | 'sortOrder'> {
 }
-type AdditionalFilterPropsType<T extends Exclude<FiltersTypeEnum, FiltersTypeEnum.NONE>> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey'> : Pick<UseStateFiltersProps<string>, 'initialSortKey'>;
-export type ViewWrapperProps = PropsWithChildren<Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'> & AdditionalProps & Partial<ConfigurableColumnsType> & {
+type AdditionalFilterPropsType<T extends Exclude<FiltersTypeEnum, FiltersTypeEnum.NONE>> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey' | 'defaultPageSize'> : Pick<UseStateFiltersProps<string>, 'initialSortKey' | 'defaultPageSize'>;
+export type ViewWrapperProps<T = FiltersTypeEnum.STATE> = PropsWithChildren<(T extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType> & {
     areRowsLoading: boolean;
-}>;
+    filteredRows: RowsType | null;
+} & (T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
 export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visibleColumns' | 'setVisibleColumns'>> & {
     id: `table__${string}`;
     loading?: boolean;
-    paginationVariant: PaginationEnum;
     /**
      * Memoize columns before passing as props.
      *
@@ -136,7 +147,7 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
     RowActionsOnHoverComponent?: FunctionComponent<{
         row: RowType;
     }>;
-    bulkSelectionReturnValue: ReturnType<typeof useBulkSelection> | null;
+    bulkSelectionReturnValue: BulkSelectionReturnValueType | null;
     handleClearBulkSelection: () => void;
     handleToggleBulkSelectionOnRow: (row: RowType) => void;
     ViewWrapper?: FunctionComponent<ViewWrapperProps>;
@@ -166,28 +177,44 @@ export type InternalTableProps = Required<Pick<ConfigurableColumnsType, 'visible
      * If filter is only being used for sorting, then send `noop` in this prop
      */
     filter: (row: RowType, filterData: UseFiltersReturnType) => boolean;
+    clearFilters?: () => void;
 } | {
     filtersVariant: FiltersTypeEnum.STATE;
     additionalFilterProps?: AdditionalFilterPropsType<FiltersTypeEnum.STATE>;
     filter: (row: RowType, filterData: UseFiltersReturnType) => boolean;
+    clearFilters?: never;
 } | {
     filtersVariant: FiltersTypeEnum.NONE;
     additionalFilterProps?: never;
     filter?: never;
+    clearFilters?: never;
+}) & ({
+    paginationVariant: PaginationEnum.PAGINATED;
+    pageSizeOptions?: PageSizeOption[];
+} | {
+    paginationVariant: Omit<PaginationEnum, 'PAGINATED'>;
+    pageSizeOptions?: never;
 });
 export type UseResizableTableConfigWrapperProps = Omit<InternalTableProps, 'resizableConfig'>;
 export type TableWithBulkSelectionProps = Omit<UseResizableTableConfigWrapperProps, 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow'>;
 export type VisibleColumnsWrapperProps = Omit<TableWithBulkSelectionProps, 'visibleColumns' | 'setVisibleColumns'>;
 export type FilterWrapperProps = Omit<VisibleColumnsWrapperProps, 'filterData'>;
-export type TableProps = Pick<FilterWrapperProps, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper'>;
-export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent'> {
+export type TableProps = Pick<FilterWrapperProps, 'additionalFilterProps' | 'bulkSelectionConfig' | 'areColumnsConfigurable' | 'emptyStateConfig' | 'filtersVariant' | 'filter' | 'additionalProps' | 'columns' | 'getRows' | 'rows' | 'paginationVariant' | 'stylesConfig' | 'id' | 'RowActionsOnHoverComponent' | 'loading' | 'ViewWrapper' | 'pageSizeOptions' | 'clearFilters'>;
+export type BulkActionStateType = string | null;
+export interface BulkSelectionActionWidgetProps extends Pick<BulkSelectionConfigType, 'BulkActionsComponent' | 'bulkActionsData'> {
     count: number;
     handleClearBulkSelection: () => void;
     parentRef: React.RefObject<HTMLDivElement>;
+    /** If it is null, we can say no bulk action has been selected yet */
+    setBulkActionState: Dispatch<SetStateAction<BulkActionStateType>>;
 }
 export type ConfigurableColumnsConfigType = Record<string, ConfigurableColumnsType['visibleColumns']>;
 export interface GetFilteringPromiseProps {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType> | RowsType;
 }
+export interface TableContentProps extends Pick<InternalTableProps, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions'> {
+    filteredRows: RowsType;
+    areFilteredRowsLoading: boolean;
+}
 export {};

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

@@ -1,5 +1,5 @@
 import { InternalTableProps, RowsType } from './types';
-declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType) => {
+declare const useTableWithKeyboardShortcuts: ({ bulkSelectionConfig, handleToggleBulkSelectionOnRow, bulkSelectionReturnValue, }: Pick<InternalTableProps, "bulkSelectionConfig" | "bulkSelectionReturnValue" | "handleToggleBulkSelectionOnRow">, visibleRows: RowsType, showPagination: boolean, bulkSelectionButtonRef: React.RefObject<HTMLButtonElement>) => {
     activeRowIndex: number;
     setActiveRowIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
 };

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

@@ -4,3 +4,8 @@ export declare const getVisibleColumnsFromLocalStorage: ({ allColumns, id, }: Pi
 export declare const setVisibleColumnsToLocalStorage: ({ id, visibleColumns, }: Pick<ConfigurableColumnsType, "visibleColumns"> & Pick<TableProps, "id">) => void;
 export declare const getVisibleColumns: ({ areColumnsConfigurable, columns, id, }: Pick<TableProps, "areColumnsConfigurable" | "columns" | "id">) => Column[];
 export declare const getFilteringPromise: ({ searchSortTimeoutRef, callback }: GetFilteringPromiseProps) => Promise<RowsType>;
+export declare const getStickyColumnConfig: (gridTemplateColumns: string, columnIndex: number) => {
+    className: string;
+    left: string;
+};
+export declare const scrollToShowActiveElementIfNeeded: (activeElement: HTMLDivElement, parent: HTMLDivElement, topMargin: number) => void;

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

@@ -64,6 +64,7 @@ export * from './ModalSidebarPanel';
 export * from './NumbersCount';
 export * from './PhoneInput';
 export * from './Plugin';
+export * from './Popover';
 export * from './ProgressBar';
 export { default as QRCode } from './QRCode';
 export * from './ReactSelect';

package/dist/Shared/Helpers.d.ts

@@ -5,7 +5,7 @@ import { Pair } from 'yaml';
 import { MaterialHistoryType } from './Services/app.types';
 import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
 import { AggregatedNodes, PodMetadatum } from './Components';
-import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -102,4 +102,5 @@ export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, t
 export declare const clearCookieOnLogout: () => void;
 export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
+export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
 export {};

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

@@ -5,4 +5,4 @@ import { UserPreferenceResourceProps, UserPreferencesType } from './types';
  * @throws Will throw an error if the request fails or if the result is not in the expected format.
  */
 export declare const getUserPreferences: () => Promise<UserPreferencesType>;
-export declare const updateUserPreferences: ({ path, value, resourceKind, shouldThrowError, userPreferencesResponse, }: UserPreferenceResourceProps) => Promise<boolean>;
+export declare const updateUserPreferences: ({ path, value, shouldThrowError, }: UserPreferenceResourceProps) => Promise<boolean>;