@devtron-labs/devtron-fe-common-lib 1.19.2 → 1.19.4-beta-1

package/dist/Common/CIPipeline.Types.d.ts

@@ -10,6 +10,7 @@ export interface MaterialType {
     gitProviderId: number;
     regex?: string;
     isRegex: boolean;
+    url: string;
 }
 export interface Githost {
     id: number;

package/dist/Common/Common.service.d.ts

@@ -18,7 +18,7 @@ export declare function extractImage(image: string): string;
 export declare function createGitCommitUrl(url: string, revision: string): string;
 export declare function fetchChartTemplateVersions(): Promise<ResponseType<any>>;
 export declare const getDefaultConfig: () => Promise<ResponseType>;
-export declare function getEnvironmentListMinPublic(includeAllowedDeploymentTypes?: boolean): Promise<ResponseType<any>>;
+export declare function getEnvironmentListMinPublic(includeAllowedDeploymentTypes?: boolean, options?: APIOptions): Promise<ResponseType<any>>;
 export declare function getClusterListMin(): Promise<ResponseType<any>>;
 export declare const getResourceGroupListRaw: (clusterId: string) => Promise<ResponseType<ApiResourceType>>;
 export declare function getNamespaceListMin(clusterIdsCsv: string, abortControllerRef?: APIOptions['abortControllerRef']): Promise<EnvironmentListHelmResponse>;

package/dist/Common/Constants.d.ts

@@ -1,3 +1,4 @@
+import { SelectPickerOptionType } from '../Shared/Components';
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
@@ -63,6 +64,14 @@ export declare const URLS: {
     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";
+    readonly COST_VISIBILITY_OVERVIEW: "/cost-visibility/overview";
+    readonly COST_BREAKDOWN_ROUTE: "/cost-visibility/breakdown/:breakdownViewType";
+    readonly COST_BREAKDOWN_CLUSTERS: "/cost-visibility/breakdown/clusters";
+    readonly COST_BREAKDOWN_ENVIRONMENTS: "/cost-visibility/breakdown/environments";
+    readonly COST_BREAKDOWN_PROJECTS: "/cost-visibility/breakdown/projects";
+    readonly COST_BREAKDOWN_APPLICATIONS: "/cost-visibility/breakdown/applications";
+    readonly COST_BREAKDOWN_ITEM_NAME: ":itemName";
+    readonly COST_CONFIGURATIONS: "/cost-visibility/configurations";
 };
 export declare const ROUTES: {
     readonly APP: "app";
@@ -364,3 +373,5 @@ export declare enum SSOProvider {
     oidc = "oidc",
     openshift = "openshift"
 }
+export declare const BULK_DEPLOY_LATEST_IMAGE_TAG: SelectPickerOptionType<string>;
+export declare const BULK_DEPLOY_ACTIVE_IMAGE_TAG: SelectPickerOptionType<string>;

package/dist/Common/ErrorPage.d.ts

@@ -1,3 +1,3 @@
 import { ErrorPageType } from './Types';
-declare const ErrorPage: ({ code, image, title, subTitle, imageType, redirectURL, reload }: ErrorPageType) => JSX.Element;
+declare const ErrorPage: ({ code, image, title, subTitle, imageType, redirectURL, reload, on404Redirect }: ErrorPageType) => JSX.Element;
 export default ErrorPage;

package/dist/Common/ErrorScreenManager.d.ts

@@ -1,3 +1,3 @@
 import { ErrorScreenManagerProps } from './Types';
-declare const ErrorScreenManager: ({ code, reload, subtitle, reloadClass, redirectURL, imageType, }: ErrorScreenManagerProps) => JSX.Element;
+declare const ErrorScreenManager: ({ code, reload, subtitle, reloadClass, redirectURL, on404Redirect, imageType, }: ErrorScreenManagerProps) => JSX.Element;
 export default ErrorScreenManager;

package/dist/Common/Helper.d.ts

@@ -10,7 +10,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | 0 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;

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

@@ -1,2 +1,3 @@
+export type { SupportedKeyboardKeysType } from './types';
 export { default as useRegisterShortcut } from './UseRegisterShortcut';
 export { default as UseRegisterShortcutProvider } from './UseRegisterShortcutProvider';

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

@@ -27,6 +27,7 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly Delete: "⌦";
     readonly '.': ".";
     readonly Space: "Space";
+    readonly '>': ">";
 };
 export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 export interface ShortcutType {

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

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

package/dist/Common/InteractiveCellText/InteractiveCellText.d.ts

@@ -0,0 +1,27 @@
+import { InteractiveCellTextProps } from './types';
+/**
+ * A reusable component for rendering text within a tooltip. The text can be interactive (clickable) or static.
+ *
+ * @param {Object} props - The props for the component.
+ * @param {string} props.text - The text to display inside the component. Defaults to `'-'` if not provided.
+ * @param {function} [props.onClickHandler] - Optional click handler function. If provided, the text will be rendered as a button.
+ * @param {string} [props.dataTestId] - Optional test ID for the component, useful for testing purposes.
+ * @param {string} [props.rootClassName] - Additional CSS class names to apply to the root element.
+ * @param {boolean} [props.interactive=false] - Whether the tooltip content is interactive.
+ * @param {number} [props.fontSize=13] - Font size for the text. Defaults to `13`.
+ * @param {React.ReactNode} [props.tippyContent=null] - Custom content for the tooltip. If not provided, `text` will be used.
+ * @returns {JSX.Element} The rendered `InteractiveCellText` component.
+ *
+ * @example
+ * // Example usage:
+ * <InteractiveCellText
+ *     text="Click me"
+ *     onClickHandler={() => alert('Clicked!')}
+ *     dataTestId="interactive-cell"
+ *     rootClassName="custom-class"
+ *     interactive={true}
+ *     fontSize={14}
+ *     tippyContent="Tooltip content"
+ * />
+ */
+export declare const InteractiveCellText: ({ text, onClickHandler, dataTestId, rootClassName, interactive, fontSize, tippyContent, }: InteractiveCellTextProps) => JSX.Element;

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

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

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

@@ -0,0 +1,10 @@
+import { TippyCustomizedProps } from '../Types';
+export interface InteractiveCellTextProps {
+    text: string;
+    onClickHandler?: () => void;
+    dataTestId?: string;
+    rootClassName?: string;
+    interactive?: boolean;
+    fontSize?: number;
+    tippyContent?: TippyCustomizedProps<false>['additionalContent'];
+}

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "acceptCharset" | "action" | "method" | "noValidate" | "tagName" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "tagName" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "autoComplete" | "acceptCharset" | "action" | "method" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Common/RJSF/utils.d.ts

@@ -13,7 +13,7 @@ export declare const getRedirectionProps: (url: string) => React.AnchorHTMLAttri
 /**
  * Infers the type for json schema from value type
  */
-export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "null" | "array";
+export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
 export declare const conformPathToPointers: (path: string) => string;
 export declare const parseSchemaHiddenType: (hiddenSchema: HiddenType) => MetaHiddenType;
 export declare const getSchemaPathToUpdatePathMap: (schema: RJSFFormSchema) => Record<string, string>;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, variant, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -53,4 +53,8 @@ export interface SearchBarProps {
      * @note This is displayed in place of the dropdown indicator
      */
     keyboardShortcut?: SupportedKeyboardKeysType;
+    /**
+     * @default 'default'
+     */
+    variant?: 'default' | 'sidenav';
 }

package/dist/Common/Types.d.ts

@@ -26,9 +26,6 @@ export interface ResponseType<T = any> {
 }
 export interface APIOptions {
     timeout?: number;
-    /**
-     * @deprecated Use abortController instead
-     */
     signal?: AbortSignal;
     abortControllerRef?: MutableRefObject<AbortController>;
     /**
@@ -141,20 +138,29 @@ export interface GenericEmptyStateType {
 export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload' | 'redirectURL'> {
     code: number;
     redirectURL?: string;
+    on404Redirect?: () => void;
     reload?: () => void;
 }
-export interface ErrorScreenManagerProps {
+export type ErrorScreenManagerProps = {
     code?: number;
     imageType?: ImageType;
     reload?: (...args: any[]) => any;
     subtitle?: React.ReactChild;
     reloadClass?: string;
+} & ({
     /**
      * Would be used to redirect URL in case of 404
      * @default - APP_LIST
      */
     redirectURL?: string;
-}
+    on404Redirect?: never;
+} | {
+    redirectURL?: never;
+    on404Redirect: () => void;
+} | {
+    redirectURL?: never;
+    on404Redirect?: never;
+});
 export interface ErrorScreenNotAuthorizedProps {
     subtitle?: React.ReactChild;
     title?: string;
@@ -384,6 +390,8 @@ export interface CDMaterialListModalServiceUtilProps {
     artifactId?: number;
     artifactStatus?: string;
     disableDefaultSelection?: boolean;
+    isExceptionUser: boolean;
+    isApprovalConfigured: boolean;
 }
 export interface CDMaterialType {
     index: number;

package/dist/Common/index.d.ts

@@ -25,6 +25,7 @@ export * from './Helper';
 export * from './Hooks';
 export * from './ImageTags';
 export * from './ImageTags.Types';
+export * from './InteractiveCellText';
 export * from './Markdown';
 export * from './Modals/Modal';
 export * from './Modals/VisibleModal';

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

@@ -0,0 +1,2 @@
+declare const VirtualClusterSidebar: () => JSX.Element;
+export default VirtualClusterSidebar;

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

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

package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -0,0 +1,9 @@
+export declare enum CostBreakdownViewType {
+    CLUSTERS = "clusters",
+    ENVIRONMENTS = "environments",
+    PROJECTS = "projects",
+    APPLICATIONS = "applications"
+}
+export declare enum CostBreakdownItemViewParamsType {
+    ITEM_NAME = "itemName"
+}

package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts

@@ -0,0 +1 @@
+export declare const GlobalOverview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts

@@ -0,0 +1 @@
+export declare const Overview: () => JSX.Element;

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts

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

package/dist/Pages-Devtron-2.0/index.d.ts

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

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

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

package/dist/Shared/Components/ActionMenu/useActionMenu.hook.d.ts

@@ -9,7 +9,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     }[];
     filteredOptions: import('./types').ActionMenuOptionType<T>[];
     focusedIndex: number;
-    itemsRef: import('react').MutableRefObject<RefObject<HTMLAnchorElement | HTMLButtonElement>[]>;
+    itemsRef: import('react').MutableRefObject<RefObject<HTMLButtonElement | HTMLAnchorElement>[]>;
     triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
         bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
     };
@@ -26,12 +26,16 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         about?: string;
         is?: string;
         security?: string;
+        hidden?: boolean;
+        prefix?: string;
+        resource?: string;
+        draggable?: boolean | "true" | "false";
+        onClick?: import('react').MouseEventHandler<HTMLDivElement>;
         onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement>;
         "aria-describedby"?: string;
         "aria-errormessage"?: string;
         "aria-label"?: string;
         "aria-labelledby"?: string;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement>;
         defaultChecked?: boolean;
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
@@ -39,8 +43,6 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         contentEditable?: "inherit" | (boolean | "true" | "false");
         contextMenu?: string;
         dir?: string;
-        draggable?: boolean | "true" | "false";
-        hidden?: boolean;
         lang?: string;
         placeholder?: string;
         spellCheck?: boolean | "true" | "false";
@@ -49,9 +51,7 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         radioGroup?: string;
         datatype?: string;
         inlist?: any;
-        prefix?: string;
         property?: string;
-        resource?: string;
         typeof?: string;
         vocab?: string;
         autoCapitalize?: string;
@@ -67,14 +67,14 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal";
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
         "aria-busy"?: boolean | "true" | "false";
         "aria-checked"?: boolean | "true" | "false" | "mixed";
         "aria-colcount"?: number;
         "aria-colindex"?: number;
         "aria-colspan"?: number;
         "aria-controls"?: string;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+        "aria-current"?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date";
         "aria-details"?: string;
         "aria-disabled"?: boolean | "true" | "false";
         "aria-dropeffect"?: "link" | "none" | "popup" | "copy" | "execute" | "move";

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

@@ -1,6 +1,15 @@
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode, SyntheticEvent } from 'react';
 import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus'> {
+    /**
+     * Callback function that gets triggered when the Escape key is pressed. \
+     * Should be wrapped in useCallback to prevent unnecessary re-renders.
+     * @example
+     * const handleEscape = useCallback(() => {
+     *   // Handle escape key press
+     * }, []);
+     */
+    onEscape: (e?: SyntheticEvent) => void;
     /**
      * The content to be rendered within the backdrop component.
      */