@devtron-labs/devtron-fe-common-lib 1.16.0-pre-5 → 1.16.0-pre-7

package/dist/{@common-rjsf-Blnhi_42.js → @common-rjsf-CsyEyBJe.js}

@@ -1,7 +1,7 @@
 import { j as n, at as b, av as k, au as W } from "./@vendor-DbxoIktR.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-BM7Pz0Tl.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-Cu2Ah_WS.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/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxProps } from '../Types';
-export declare const Checkbox: ({ rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children, }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;

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: ({ shouldHookOntoWindow, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
 export default UseRegisterShortcutProvider;

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

@@ -1,3 +1,4 @@
+import { FocusEvent, KeyboardEvent } 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: "←";
@@ -54,8 +56,25 @@ export interface UseRegisterShortcutContextType {
      * Programmatically trigger a shortcut if already registered
      */
     triggerShortcut: (keys: ShortcutType['keys']) => void;
+    /**
+     * If shouldHookOntoWindow is false, these props need to be hooked onto
+     * the component that needs to listen to the shortcuts
+     */
+    targetProps?: {
+        onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+        onKeyUp: (event: KeyboardEvent<HTMLElement>) => void;
+        onBlur: (event: FocusEvent<HTMLElement>) => void;
+    };
 }
 export interface UseRegisterShortcutProviderType {
+    /**
+     * If false, the shortcuts will not be registered to the window object
+     * instead onKeyDown, onKeyUp and onBlur will be exposed as context methods
+     * which need to be hooked onto the component that needs to listen to the shortcuts
+     *
+     * defaults to true
+     */
+    shouldHookOntoWindow?: boolean;
     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/index.d.ts

@@ -1,2 +1,3 @@
+export { URL_FILTER_KEYS } from './constants';
 export type { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
 export { default as useUrlFilters } from './useUrlFilters';

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/Modals/VisibleModal.d.ts

@@ -7,6 +7,7 @@ export declare class VisibleModal extends React.Component<{
     onEscape?: (e: any) => void;
 }> {
     modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
     escFunction(event: any): void;
     componentDidMount(): void;

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -4,6 +4,7 @@ export declare class VisibleModal2 extends React.Component<{
     close?: (e: any) => void;
 }> {
     modalRef: HTMLElement;
+    previousActiveElement: HTMLElement | null;
     constructor(props: any);
     escFunction(event: any): void;
     componentDidMount(): void;

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/Pages/ResourceBrowser/ResourceBrowser.Types.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { Nodes, NodeType } from '../../Shared/types';
 export interface GVKType {
     Group: string;
@@ -34,14 +34,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 +72,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 +89,7 @@ export interface CreateResourceRequestBodyType {
 export interface ResourceManifestDTO {
     manifestResponse: {
         manifest: Record<string, unknown>;
+        recommendedManifest?: Record<string, unknown>;
     };
     secretViewAccess: boolean;
 }
@@ -108,4 +133,12 @@ export interface NodeActionRequest {
     version: string;
     kind: string;
 }
+export interface GVKOptionValueType {
+    kind: string;
+    apiVersion: string;
+}
+export interface ResourceRecommenderActionMenuProps {
+    children: ReactNode;
+    lastScannedOn: string;
+}
 export {};

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

@@ -50,3 +50,17 @@ 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";
+export declare const DUMMY_RESOURCE_GVK_VERSION = "v1";
+export declare const RESOURCE_BROWSER_ROUTES: {
+    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/:name";
+    readonly K8S_RESOURCE_DETAIL: "/resource-browser/:clusterId/:namespace/:kind/:group/:version/:name";
+    readonly K8S_RESOURCE_LIST: "/resource-browser/:clusterId/:kind/:group/:version";
+    readonly RESOURCE_RECOMMENDER: "/resource-browser/:clusterId/resource-recommender";
+};
+export declare const K8S_EMPTY_GROUP = "k8sEmptyGroup";

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/Pages/ResourceBrowser/types.d.ts

@@ -113,4 +113,21 @@ export interface InstallationClusterConfigType extends Pick<InstallationClusterC
     status: InstallationClusterStatus;
     correspondingClusterId: number | 0;
 }
+export declare enum NodeActionMenuOptionIdEnum {
+    terminal = "terminal",
+    cordon = "cordon",
+    uncordon = "uncordon",
+    drain = "drain",
+    editTaints = "edit-taints",
+    editYaml = "edit-yaml",
+    delete = "delete"
+}
+export declare enum ResourceBrowserActionMenuEnum {
+    manifest = "manifest",
+    events = "events",
+    logs = "logs",
+    terminal = "terminal",
+    delete = "delete",
+    vulnerability = "vulnerability"
+}
 export {};

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<HTMLLabelElement>>;
 export default BulkSelection;

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

@@ -33,15 +33,10 @@ 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'> {
+    /**
+     * Will act as checkbox instead of opening up popup if list is not paginated
+     */
+    selectAllIfNotPaginated?: boolean;
 }
 export declare enum SelectAllDialogStatus {
     OPEN = "OPEN",