@devtron-labs/devtron-fe-common-lib 1.15.3-beta-2 → 1.15.3-beta-4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{@code-editor-CrTgpLX6.js → @code-editor-CPkXInuA.js} +8761 -8620
- package/dist/{@common-rjsf-DJeflKOl.js → @common-rjsf-DBpYEd_9.js} +1 -1
- package/dist/Common/Constants.d.ts +2 -0
- package/dist/Common/Hooks/UseRegisterShortcut/UseRegisterShortcutProvider.d.ts +1 -1
- package/dist/Common/Hooks/UseRegisterShortcut/types.d.ts +3 -0
- package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts +1 -1
- package/dist/Common/Hooks/useStateFilters/types.d.ts +2 -2
- package/dist/Common/Hooks/useStateFilters/useStateFilters.d.ts +1 -1
- package/dist/Common/Hooks/useUrlFilters/types.d.ts +2 -1
- package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts +1 -1
- package/dist/Common/Pagination/constants.d.ts +4 -0
- package/dist/Common/Pagination/index.d.ts +1 -0
- package/dist/Common/PopupMenu.d.ts +2 -1
- package/dist/Pages/ResourceBrowser/ResourceBrowser.Types.d.ts +46 -2
- package/dist/Pages/ResourceBrowser/constants.d.ts +2 -0
- package/dist/Pages/ResourceBrowser/service.d.ts +1 -1
- package/dist/Shared/Components/Backdrop/Backdrop.d.ts +1 -1
- package/dist/Shared/Components/Backdrop/index.d.ts +0 -1
- package/dist/Shared/Components/Backdrop/types.d.ts +2 -16
- package/dist/Shared/Components/BulkSelection/BulkSelection.d.ts +1 -1
- package/dist/Shared/Components/BulkSelection/types.d.ts +1 -9
- package/dist/Shared/Components/Button/types.d.ts +2 -2
- package/dist/Shared/Components/DynamicDataTable/types.d.ts +1 -1
- package/dist/Shared/Components/Icon/Icon.d.ts +14 -5
- package/dist/Shared/Components/InfoBlock/constants.d.ts +2 -1
- package/dist/Shared/Components/InvalidYAMLTippy/types.d.ts +1 -1
- package/dist/Shared/Components/SelectPicker/common.d.ts +1 -1
- package/dist/Shared/Components/SelectPicker/type.d.ts +1 -1
- package/dist/Shared/Components/TabGroup/TabGroup.types.d.ts +1 -1
- package/dist/Shared/Components/Table/BulkSelectionActionWidget.d.ts +1 -1
- package/dist/Shared/Components/Table/InternalTable.d.ts +1 -1
- package/dist/Shared/Components/Table/TableContent.d.ts +3 -0
- package/dist/Shared/Components/Table/constants.d.ts +1 -0
- package/dist/Shared/Components/Table/index.d.ts +1 -1
- package/dist/Shared/Components/Table/types.d.ts +47 -20
- package/dist/Shared/Components/Table/useTableWithKeyboardShortcuts.d.ts +1 -1
- package/dist/Shared/Components/Table/utils.d.ts +5 -0
- package/dist/Shared/Components/TargetPlatforms/types.d.ts +1 -1
- package/dist/Shared/Components/WorkflowOptionsModal/SourceTypeCard.d.ts +1 -1
- package/dist/Shared/Components/WorkflowOptionsModal/WorkflowOptionsModal.d.ts +1 -1
- package/dist/Shared/Components/WorkflowOptionsModal/constants.d.ts +41 -75
- package/dist/Shared/Components/WorkflowOptionsModal/index.d.ts +0 -1
- package/dist/Shared/Components/WorkflowOptionsModal/types.d.ts +12 -10
- package/dist/Shared/Components/WorkflowOptionsModal/utils.d.ts +2 -13
- package/dist/Shared/Components/index.d.ts +1 -1
- package/dist/Shared/Helpers.d.ts +2 -1
- package/dist/Shared/Providers/types.d.ts +2 -2
- package/dist/Shared/Services/types.d.ts +1 -0
- package/dist/Shared/types.d.ts +12 -3
- package/dist/assets/@code-editor.css +1 -1
- package/dist/assets/@common-rjsf.css +1 -1
- package/dist/assets/change-source.abc9d12f.png +0 -0
- package/dist/assets/ic-bug.8a8dc1fc.svg +3 -0
- package/dist/assets/ic-check-all.fdea6b38.svg +5 -0
- package/dist/assets/ic-check-square.e355731d.svg +4 -0
- package/dist/assets/ic-ci-webhook.a2ab6db6.svg +42 -0
- package/dist/assets/ic-clean-brush.c21cbe1e.svg +3 -0
- package/dist/assets/ic-container.92a4c33a.svg +3 -0
- package/dist/assets/ic-download.468a0cb7.svg +3 -0
- package/dist/assets/ic-file-code.0926d194.svg +3 -0
- package/dist/assets/ic-gavel.a3b064b5.svg +3 -0
- package/dist/assets/ic-info-filled-color.47953fcf.svg +8 -0
- package/dist/assets/ic-logs.d310db72.svg +3 -0
- package/dist/assets/{ic-minus.416da21b.svg → ic-minus.aac464f7.svg} +1 -1
- package/dist/assets/ic-pause-circle.f9405070.svg +3 -0
- package/dist/assets/ic-source-build.7d776b10.svg +22 -0
- package/dist/assets/ic-source-job.a40f06cf.svg +26 -0
- package/dist/assets/ic-source-linked-build.f24ecbed.svg +24 -0
- package/dist/assets/ic-source-webhook.ee64a29a.svg +22 -0
- package/dist/assets/ic-speedometer.3ecaae3b.svg +3 -0
- package/dist/assets/ic-two-cubes.056d1333.svg +3 -0
- package/dist/assets/select-image-source.fb911f42.png +0 -0
- package/dist/index.js +710 -704
- package/package.json +1 -1
- package/dist/Shared/Components/Backdrop/utils.d.ts +0 -1
- package/dist/Shared/Components/BulkSelection/BulkSelectionDropdownItems.d.ts +0 -3
- package/dist/Shared/Components/GenericModal/GenericModal.component.d.ts +0 -9
- package/dist/Shared/Components/GenericModal/GenericModal.context.d.ts +0 -6
- package/dist/Shared/Components/GenericModal/constants.d.ts +0 -2
- package/dist/Shared/Components/GenericModal/index.d.ts +0 -2
- package/dist/Shared/Components/GenericModal/types.d.ts +0 -37
- package/dist/assets/ic-check-all.0376437d.svg +0 -21
- package/dist/assets/ic-check-square.2a3d3fb9.svg +0 -20
- package/dist/assets/ic-deploy-color.73a8df48.svg +0 -14
- package/dist/assets/ic-deploy-sync.6b1cf1b1.svg +0 -16
- package/dist/assets/ic-git-branch.d6b3d950.svg +0 -3
- package/dist/assets/ic-linked-build-color.d1df5ce1.svg +0 -7
- package/dist/assets/ic-webhook.ffd8ded6.svg +0 -21
- package/dist/assets/workflow-options-modal-header.0444485e.svg +0 -38
- /package/dist/assets/{ic-container.4e1e6455.svg → ic-container-registry.4e1e6455.svg} +0 -0
@@ -1,7 +1,7 @@
|
|
1
1
|
import { j as n, as as b, au as k, at as W } from "./@vendor-CA9d7Ztm.js";
|
2
2
|
import V, { forwardRef as J, useMemo as P } from "react";
|
3
3
|
import K, { getDefaultRegistry as q } from "@rjsf/core";
|
4
|
-
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-
|
4
|
+
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";
|
5
5
|
import Q, { components as D } from "react-select";
|
6
6
|
import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
|
7
7
|
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";
|
@@ -63,6 +63,7 @@ export declare const URLS: {
|
|
63
63
|
readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
|
64
64
|
readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
|
65
65
|
readonly LICENSE_AUTH: "/license-auth";
|
66
|
+
readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
|
66
67
|
};
|
67
68
|
export declare const ROUTES: {
|
68
69
|
readonly APP: "app";
|
@@ -293,6 +294,7 @@ export declare const API_STATUS_CODES: {
|
|
293
294
|
NOT_FOUND: number;
|
294
295
|
REQUEST_TIMEOUT: number;
|
295
296
|
CONFLICT: number;
|
297
|
+
PRE_CONDITION_FAILED: number;
|
296
298
|
EXPECTATION_FAILED: number;
|
297
299
|
UNPROCESSABLE_ENTITY: number;
|
298
300
|
LOCKED: number;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { UseRegisterShortcutProviderType } from './types';
|
2
|
-
declare const UseRegisterShortcutProvider: ({ ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
|
2
|
+
declare const UseRegisterShortcutProvider: ({ containerRef, ignoreTags, preventDefault, shortcutTimeout, children, }: UseRegisterShortcutProviderType) => JSX.Element;
|
3
3
|
export default UseRegisterShortcutProvider;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { RefObject } from 'react';
|
1
2
|
export declare const KEYBOARD_KEYS_MAP: {
|
2
3
|
readonly Control: "Ctrl";
|
3
4
|
readonly Shift: "⇧";
|
@@ -9,6 +10,7 @@ export declare const KEYBOARD_KEYS_MAP: {
|
|
9
10
|
readonly K: "K";
|
10
11
|
readonly X: "X";
|
11
12
|
readonly A: "A";
|
13
|
+
readonly N: "N";
|
12
14
|
readonly Escape: "Esc";
|
13
15
|
readonly Enter: "↩";
|
14
16
|
readonly ArrowLeft: "←";
|
@@ -56,6 +58,7 @@ export interface UseRegisterShortcutContextType {
|
|
56
58
|
triggerShortcut: (keys: ShortcutType['keys']) => void;
|
57
59
|
}
|
58
60
|
export interface UseRegisterShortcutProviderType {
|
61
|
+
containerRef?: RefObject<HTMLElement>;
|
59
62
|
children: React.ReactNode;
|
60
63
|
/**
|
61
64
|
* Defines how long after holding the keys down do we trigger the callback in milliseconds
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ShortcutType } from './types';
|
2
2
|
export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
|
3
|
-
keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
|
3
|
+
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")[];
|
4
4
|
id: string;
|
5
5
|
};
|
6
6
|
export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { UseUrlFiltersProps, UseUrlFiltersReturnType } from '../useUrlFilters';
|
2
|
-
export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey'> {
|
2
|
+
export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey' | 'defaultPageSize'> {
|
3
3
|
}
|
4
|
-
export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | '
|
4
|
+
export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch' | 'areFiltersApplied'> {
|
5
5
|
}
|
6
6
|
export interface PaginationType<T> extends Pick<UseUrlFiltersReturnType<T>, 'pageSize'> {
|
7
7
|
pageNumber: number;
|
@@ -12,5 +12,5 @@ import { UseStateFiltersProps, UseStateFiltersReturnType } from './types';
|
|
12
12
|
*
|
13
13
|
* To be extended to be used with pagination and search as and when required
|
14
14
|
*/
|
15
|
-
declare const useStateFilters: <T = string>({ initialSortKey, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
|
15
|
+
declare const useStateFilters: <T = string>({ initialSortKey, defaultPageSize, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
|
16
16
|
export default useStateFilters;
|
@@ -18,6 +18,7 @@ export interface UseUrlFiltersProps<T, K extends {}> {
|
|
18
18
|
* @default 'replace'
|
19
19
|
*/
|
20
20
|
redirectionMethod?: 'replace' | 'push';
|
21
|
+
defaultPageSize?: number;
|
21
22
|
}
|
22
23
|
export type UpdateSearchParamsOptionsType<T, K = {}> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
|
23
24
|
export type UseUrlFiltersReturnType<T, K = {}> = K & {
|
@@ -67,5 +68,5 @@ export type UseUrlFiltersReturnType<T, K = {}> = K & {
|
|
67
68
|
* Update the search params with the passed object
|
68
69
|
*/
|
69
70
|
updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
|
70
|
-
|
71
|
+
areFiltersApplied: boolean;
|
71
72
|
};
|
@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
|
|
16
16
|
* ```
|
17
17
|
*
|
18
18
|
*/
|
19
|
-
declare const useUrlFilters: <T = string, K = {}>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
|
19
|
+
declare const useUrlFilters: <T = string, K = {}>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, defaultPageSize, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
|
20
20
|
export default useUrlFilters;
|
@@ -1,7 +1,8 @@
|
|
1
|
+
import { default as React } from 'react';
|
1
2
|
import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
|
2
3
|
declare const PopupMenu: {
|
3
4
|
({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault, }: PopupMenuType): any;
|
4
|
-
Button:
|
5
|
+
Button: React.ForwardRefExoticComponent<PopupMenuButtonType & React.RefAttributes<unknown>>;
|
5
6
|
Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
|
6
7
|
};
|
7
8
|
export default PopupMenu;
|
@@ -1,4 +1,7 @@
|
|
1
|
-
import { RefObject } from 'react';
|
1
|
+
import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
|
2
|
+
import { GroupBase } from 'react-select';
|
3
|
+
import { ServerErrors } from '../../Common/ServerError';
|
4
|
+
import { SelectPickerOptionType } from '../../Shared/Components';
|
2
5
|
import { Nodes, NodeType } from '../../Shared/types';
|
3
6
|
export interface GVKType {
|
4
7
|
Group: string;
|
@@ -34,14 +37,37 @@ export interface K8sResourceListPayloadType {
|
|
34
37
|
filter?: string;
|
35
38
|
k8sRequest: ResourceListPayloadK8sRequestType;
|
36
39
|
}
|
40
|
+
export declare enum ResourceRecommenderHeaderType {
|
41
|
+
NAME = "name",
|
42
|
+
NAMESPACE = "namespace",
|
43
|
+
KIND = "kind",
|
44
|
+
API_VERSION = "apiVersion",
|
45
|
+
CONTAINER_NAME = "containerName",
|
46
|
+
CPU_REQUEST = "cpuRequest",
|
47
|
+
CPU_LIMIT = "cpuLimit",
|
48
|
+
MEMORY_REQUEST = "memoryRequest",
|
49
|
+
MEMORY_LIMIT = "memoryLimit"
|
50
|
+
}
|
51
|
+
export type ResourceRecommenderHeaderWithStringValue = Extract<ResourceRecommenderHeaderType, ResourceRecommenderHeaderType.NAME | ResourceRecommenderHeaderType.NAMESPACE | ResourceRecommenderHeaderType.KIND | ResourceRecommenderHeaderType.API_VERSION | ResourceRecommenderHeaderType.CONTAINER_NAME>;
|
52
|
+
export type ResourceRecommenderHeaderWithRecommendation = Extract<ResourceRecommenderHeaderType, ResourceRecommenderHeaderType.CPU_REQUEST | ResourceRecommenderHeaderType.CPU_LIMIT | ResourceRecommenderHeaderType.MEMORY_REQUEST | ResourceRecommenderHeaderType.MEMORY_LIMIT>;
|
37
53
|
export type K8sResourceDetailDataType = {
|
38
54
|
[key: string]: string | number | object | boolean;
|
55
|
+
additionalMetadata?: Partial<Record<ResourceRecommenderHeaderWithRecommendation, {
|
56
|
+
current: {
|
57
|
+
value: string | 'none';
|
58
|
+
} | null;
|
59
|
+
recommended: {
|
60
|
+
value: string | 'none';
|
61
|
+
} | null;
|
62
|
+
delta: number | null;
|
63
|
+
}>>;
|
39
64
|
};
|
40
65
|
export interface K8sResourceDetailType {
|
41
66
|
headers: string[];
|
42
67
|
data: K8sResourceDetailDataType[];
|
43
68
|
}
|
44
69
|
export interface BulkSelectionActionWidgetProps {
|
70
|
+
isResourceRecommendationView: boolean;
|
45
71
|
count: number;
|
46
72
|
handleOpenBulkDeleteModal: () => void;
|
47
73
|
handleClearBulkSelection: () => void;
|
@@ -49,11 +75,12 @@ export interface BulkSelectionActionWidgetProps {
|
|
49
75
|
handleOpenUncordonNodeModal: () => void;
|
50
76
|
handleOpenDrainNodeModal: () => void;
|
51
77
|
handleOpenRestartWorkloadModal: () => void;
|
78
|
+
handleOpenApplyResourceRecommendationModal: () => void;
|
52
79
|
parentRef: RefObject<HTMLDivElement>;
|
53
80
|
showBulkRestartOption: boolean;
|
54
81
|
showNodeListingOptions: boolean;
|
55
82
|
}
|
56
|
-
export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain';
|
83
|
+
export type RBBulkOperationType = 'restart' | 'delete' | 'cordon' | 'uncordon' | 'drain' | 'applyResourceRecommendation';
|
57
84
|
export interface CreateResourceRequestBodyType {
|
58
85
|
appId: string;
|
59
86
|
clusterId: number;
|
@@ -65,6 +92,7 @@ export interface CreateResourceRequestBodyType {
|
|
65
92
|
export interface ResourceManifestDTO {
|
66
93
|
manifestResponse: {
|
67
94
|
manifest: Record<string, unknown>;
|
95
|
+
recommendedManifest?: Record<string, unknown>;
|
68
96
|
};
|
69
97
|
secretViewAccess: boolean;
|
70
98
|
}
|
@@ -108,4 +136,20 @@ export interface NodeActionRequest {
|
|
108
136
|
version: string;
|
109
137
|
kind: string;
|
110
138
|
}
|
139
|
+
export interface GVKOptionValueType {
|
140
|
+
kind: string;
|
141
|
+
apiVersion: string;
|
142
|
+
}
|
143
|
+
export interface GetResourceRecommenderResourceListPropsType {
|
144
|
+
setShowAbsoluteValuesInResourceRecommender: Dispatch<SetStateAction<boolean>>;
|
145
|
+
showAbsoluteValuesInResourceRecommender: boolean;
|
146
|
+
gvkOptions: GroupBase<SelectPickerOptionType<GVKOptionValueType>>[];
|
147
|
+
areGVKOptionsLoading: boolean;
|
148
|
+
reloadGVKOptions: () => void;
|
149
|
+
gvkOptionsError: ServerErrors;
|
150
|
+
}
|
151
|
+
export interface ResourceRecommenderActionMenuProps {
|
152
|
+
children: ReactNode;
|
153
|
+
lastScannedOn: string;
|
154
|
+
}
|
111
155
|
export {};
|
@@ -2,7 +2,7 @@ import { APIOptions, ResponseType } from '../../Common/Types';
|
|
2
2
|
import { CreateResourceDTO, CreateResourcePayload, K8sResourceDetailType, K8sResourceListPayloadType, NodeActionRequest, ResourceListPayloadType, ResourceType } from './ResourceBrowser.Types';
|
3
3
|
import { ClusterDetail, NodeCordonRequest } from './types';
|
4
4
|
export declare const getK8sResourceList: (resourceListPayload: K8sResourceListPayloadType, signal?: AbortSignal) => Promise<ResponseType<K8sResourceDetailType>>;
|
5
|
-
export declare const createNewResource: (resourceListPayload: CreateResourcePayload) => Promise<ResponseType<CreateResourceDTO[]>>;
|
5
|
+
export declare const createNewResource: (resourceListPayload: CreateResourcePayload, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<CreateResourceDTO[]>>;
|
6
6
|
export declare const deleteResource: (resourceListPayload: ResourceListPayloadType, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<ResourceType[]>>;
|
7
7
|
export declare const deleteNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
|
8
8
|
export declare const cordonNodeCapacity: (requestPayload: NodeCordonRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
|
@@ -1,22 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { ReactNode } from 'react';
|
2
2
|
export interface BackdropProps {
|
3
|
-
/**
|
4
|
-
* The content to be rendered within the backdrop component.
|
5
|
-
*/
|
6
3
|
children: ReactNode;
|
7
4
|
/**
|
8
|
-
*
|
9
|
-
* Should be wrapped in useCallback to prevent unnecessary re-renders.
|
10
|
-
* @example
|
11
|
-
* const handleEscape = useCallback(() => {
|
12
|
-
* // Handle escape key press
|
13
|
-
* }, []);
|
5
|
+
* @param onEscape: please wrap in a useCallback, with respective dependencies or []
|
14
6
|
*/
|
15
7
|
onEscape: () => void;
|
16
|
-
/**
|
17
|
-
* Callback function that gets triggered when the backdrop is clicked.
|
18
|
-
* Useful for dismissing modals or other overlay content.
|
19
|
-
* @param e - The mouse event object from the click interaction
|
20
|
-
*/
|
21
|
-
onClick?: (e: MouseEvent<HTMLDivElement>) => void;
|
22
8
|
}
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { BulkSelectionProps } from './types';
|
2
|
-
declare const BulkSelection: <
|
2
|
+
declare const BulkSelection: import('react').ForwardRefExoticComponent<BulkSelectionProps & import('react').RefAttributes<HTMLButtonElement>>;
|
3
3
|
export default BulkSelection;
|
@@ -33,15 +33,7 @@ export interface BulkSelectionProps {
|
|
33
33
|
*/
|
34
34
|
showChevronDownIcon?: boolean;
|
35
35
|
disabled?: boolean;
|
36
|
-
|
37
|
-
export interface BulkSelectionDropdownItemsType {
|
38
|
-
locator: BulkSelectionEvents;
|
39
|
-
label: string;
|
40
|
-
isSelected: boolean;
|
41
|
-
icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
42
|
-
iconClass?: string;
|
43
|
-
}
|
44
|
-
export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<UseBulkSelectionReturnType<T>, 'handleBulkSelection'> {
|
36
|
+
selectAllIfNotPaginated?: boolean;
|
45
37
|
}
|
46
38
|
export declare enum SelectAllDialogStatus {
|
47
39
|
OPEN = "OPEN",
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement } from 'react';
|
2
2
|
import { LinkProps } from 'react-router-dom';
|
3
|
-
import { TooltipProps } from '../../../Common/Tooltip';
|
3
|
+
import { TooltipProps } from '../../../Common/Tooltip/types';
|
4
4
|
import { ComponentSizeType } from '../../constants';
|
5
5
|
export declare enum ButtonVariantType {
|
6
6
|
primary = "primary",
|
@@ -112,7 +112,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
|
|
112
112
|
/**
|
113
113
|
* If true, the tooltip is shown for the button
|
114
114
|
*/
|
115
|
-
showTooltip
|
115
|
+
showTooltip: boolean;
|
116
116
|
/**
|
117
117
|
* Props for tooltip
|
118
118
|
*/
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
|
2
2
|
import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
|
3
3
|
import { UseStateFiltersReturnType } from '../../../Common/Hooks';
|
4
|
-
import { TooltipProps } from '../../../Common/Tooltip';
|
4
|
+
import { TooltipProps } from '../../../Common/Tooltip/types';
|
5
5
|
import { FileUploadProps } from '../FileUpload';
|
6
6
|
import { SelectPickerOptionType, SelectPickerProps, SelectPickerTextAreaProps } from '../SelectPicker';
|
7
7
|
/**
|
@@ -22,6 +22,7 @@ export declare const iconMap: {
|
|
22
22
|
'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
23
23
|
'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
24
24
|
'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
25
|
+
'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
25
26
|
'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
26
27
|
'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
27
28
|
'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -32,10 +33,14 @@ export declare const iconMap: {
|
|
32
33
|
'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
33
34
|
'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
34
35
|
'ic-chat-circle-online': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
36
|
+
'ic-check-all': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
37
|
+
'ic-check-square': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
35
38
|
'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
36
39
|
'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
37
40
|
'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
41
|
+
'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
38
42
|
'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
43
|
+
'ic-clean-brush': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
39
44
|
'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
40
45
|
'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
41
46
|
'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -43,6 +48,7 @@ export declare const iconMap: {
|
|
43
48
|
'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
44
49
|
'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
45
50
|
'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
51
|
+
'ic-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
46
52
|
'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
47
53
|
'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
48
54
|
'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -53,8 +59,6 @@ export declare const iconMap: {
|
|
53
59
|
'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
54
60
|
'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
55
61
|
'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
56
|
-
'ic-deploy-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
57
|
-
'ic-deploy-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
58
62
|
'ic-devtron-ai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
59
63
|
'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
60
64
|
'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -63,6 +67,7 @@ export declare const iconMap: {
|
|
63
67
|
'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
64
68
|
'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
65
69
|
'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
70
|
+
'ic-download': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
66
71
|
'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
67
72
|
'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
68
73
|
'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -76,6 +81,7 @@ export declare const iconMap: {
|
|
76
81
|
'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
77
82
|
'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
78
83
|
'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
84
|
+
'ic-file-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
79
85
|
'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
80
86
|
'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
81
87
|
'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -85,10 +91,10 @@ export declare const iconMap: {
|
|
85
91
|
'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
86
92
|
'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
87
93
|
'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
94
|
+
'ic-gavel': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
88
95
|
'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
89
96
|
'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
90
97
|
'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
91
|
-
'ic-git-branch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
92
98
|
'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
93
99
|
'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
94
100
|
'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -107,6 +113,7 @@ export declare const iconMap: {
|
|
107
113
|
'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
108
114
|
'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
109
115
|
'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
116
|
+
'ic-info-filled-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
110
117
|
'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
111
118
|
'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
112
119
|
'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -121,9 +128,9 @@ export declare const iconMap: {
|
|
121
128
|
'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
122
129
|
'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
123
130
|
'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
124
|
-
'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
125
131
|
'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
126
132
|
'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
133
|
+
'ic-logs': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
127
134
|
'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
128
135
|
'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
129
136
|
'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -148,6 +155,7 @@ export declare const iconMap: {
|
|
148
155
|
'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
149
156
|
'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
150
157
|
'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
158
|
+
'ic-pause-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
151
159
|
'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
152
160
|
'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
153
161
|
'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -163,6 +171,7 @@ export declare const iconMap: {
|
|
163
171
|
'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
164
172
|
'ic-sparkle-ai-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
165
173
|
'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
174
|
+
'ic-speedometer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
166
175
|
'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
167
176
|
'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
168
177
|
'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -189,6 +198,7 @@ export declare const iconMap: {
|
|
189
198
|
'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
190
199
|
'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
191
200
|
'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
201
|
+
'ic-two-cubes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
192
202
|
'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
193
203
|
'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
194
204
|
'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
@@ -196,7 +206,6 @@ export declare const iconMap: {
|
|
196
206
|
'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
197
207
|
'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
198
208
|
'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
199
|
-
'ic-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
200
209
|
'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
201
210
|
'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
|
202
211
|
};
|
@@ -4,4 +4,5 @@ import { InfoBlockProps } from './types';
|
|
4
4
|
export declare const VARIANT_TO_ICON_MAP: Record<InfoBlockVariant, InfoBlockProps['customIcon']>;
|
5
5
|
export declare const CONTAINER_SIZE_TO_CLASS_MAP: Record<InfoBlockProps['size'], string>;
|
6
6
|
export declare const SIZE_TO_ICON_CLASS_MAP: Record<InfoBlockProps['size'], string>;
|
7
|
-
export declare const
|
7
|
+
export declare const CONTAINER_SIZE_TO_TEXT_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
|
8
|
+
export declare const CONTAINER_SIZE_TO_ICON_BUTTON_SIZE: Record<InfoBlockProps['size'], ButtonProps['size']>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
|
2
|
-
import { TooltipProps } from '../../../Common/Tooltip';
|
2
|
+
import { TooltipProps } from '../../../Common/Tooltip/types';
|
3
3
|
import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
|
4
4
|
export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
|
5
5
|
export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
|
@@ -3,7 +3,7 @@ import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance
|
|
3
3
|
import { CreatableProps } from 'react-select/creatable';
|
4
4
|
import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
|
5
5
|
import { ServerErrors } from '../../../Common/ServerError';
|
6
|
-
import { TooltipProps } from '../../../Common/Tooltip';
|
6
|
+
import { TooltipProps } from '../../../Common/Tooltip/types';
|
7
7
|
import { OptionType } from '../../../Common/Types';
|
8
8
|
import { ComponentSizeType } from '../../constants';
|
9
9
|
import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { LinkProps, NavLinkProps } from 'react-router-dom';
|
2
|
-
import { TooltipProps } from '../../../Common/Tooltip';
|
2
|
+
import { TooltipProps } from '../../../Common/Tooltip/types';
|
3
3
|
import { ComponentSizeType } from '../../constants';
|
4
4
|
import { DataAttributes } from '../../types';
|
5
5
|
import { IconName } from '../Icon';
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { BulkSelectionActionWidgetProps } from './types';
|
2
|
-
declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, }: BulkSelectionActionWidgetProps) => JSX.Element;
|
2
|
+
declare const BulkSelectionActionWidget: ({ count, handleClearBulkSelection, parentRef, BulkActionsComponent, bulkActionsData, setBulkActionState, }: BulkSelectionActionWidgetProps) => JSX.Element;
|
3
3
|
export default BulkSelectionActionWidget;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { InternalTableProps } from './types';
|
2
|
-
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;
|
2
|
+
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;
|
3
3
|
export default InternalTable;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { TableContentProps } from './types';
|
2
|
+
declare const TableContent: ({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, }: TableContentProps) => JSX.Element;
|
3
|
+
export default TableContent;
|
@@ -5,3 +5,4 @@ export declare const BULK_ACTION_GUTTER_LABEL = "bulk-action-gutter";
|
|
5
5
|
export declare const EVENT_TARGET: EventTarget;
|
6
6
|
export declare const DRAG_SELECTOR_IDENTIFIER = "table-drag-selector";
|
7
7
|
export declare const SHIMMER_DUMMY_ARRAY: number[];
|
8
|
+
export declare const NO_ROWS_OR_GET_ROWS_ERROR: Error;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
export { default as Table } from './Table.component';
|
2
|
-
export type { CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
|
2
|
+
export type { BulkActionsComponentProps as TableBulkActionsComponentProps, BulkOperationModalProps as TableBulkOperationModalProps, CellComponentProps as TableCellComponentProps, Column as TableColumnType, TableProps, ViewWrapperProps as TableViewWrapperProps, } from './types';
|
3
3
|
export { FiltersTypeEnum, PaginationEnum, SignalEnum as TableSignalEnum } from './types';
|