@devtron-labs/devtron-fe-common-lib 1.14.2-pre-1-beta-2 → 1.14.2-pre-2-beta-2

package/dist/{@common-rjsf-D9RK1bFp.js → @common-rjsf-Cd7MF1wj.js}

@@ -1,7 +1,7 @@
 import { j as n, as as y, au as k, at as W } from "./@vendor-CmCjU670.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, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-CHYHyh2T.js";
+import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-B-pgljKM.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as se, deepEquals as ae } from "@rjsf/utils";

package/dist/Common/Constants.d.ts

@@ -2,9 +2,10 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/v/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
+export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
 export declare const PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;
@@ -25,6 +26,7 @@ export declare const PATTERNS: {
     EMAIL: RegExp;
 };
 export declare const URLS: {
+    readonly LOGIN: "/login";
     readonly LOGIN_SSO: "/login/sso";
     readonly PERMISSION_GROUPS: "/global-config/auth/groups";
     readonly APP: "/app";

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

@@ -1,8 +1,12 @@
-import { LegacyRef, Ref } from 'react';
+import { LegacyRef, MouseEvent, ReactElement, Ref } from 'react';
 import { LinkProps } from 'react-router-dom';
+import { OmitNever } from '../../types';
+import { ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
+import { NumbersCountProps } from '../NumbersCount';
 import { PopoverProps, UsePopoverProps } from '../Popover';
 import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { DTSwitchProps } from '../Switch';
 type ConditionalActionMenuComponentType = {
     /**
      * @default 'button'
@@ -25,6 +29,29 @@ type ActionMenuItemIconType = Pick<IconsProps, 'name'> & {
     /** @default 'N800' */
     color?: IconsProps['color'];
 };
+type TrailingItemType = {
+    type: 'icon';
+    config: ActionMenuItemIconType;
+} | {
+    type: 'text';
+    config: {
+        value: string;
+        icon?: ActionMenuItemIconType;
+    };
+} | {
+    type: 'counter';
+    config: {
+        value: NumbersCountProps['count'];
+    };
+} | {
+    type: 'switch';
+    config: Pick<DTSwitchProps, 'ariaLabel' | 'isChecked' | 'indeterminate' | 'isDisabled' | 'isLoading' | 'name' | 'onChange' | 'tooltipContent'>;
+} | {
+    type: 'button';
+    config: OmitNever<Omit<Extract<ButtonProps, {
+        icon: ReactElement;
+    }>, 'size' | 'variant'>>;
+};
 export type ActionMenuItemType<T extends string | number = string | number> = Omit<SelectPickerOptionType, 'label' | 'value' | 'endIcon' | 'startIcon'> & {
     /** A unique identifier for the action menu item. */
     id: T;
@@ -39,8 +66,8 @@ export type ActionMenuItemType<T extends string | number = string | number> = Om
     type?: 'neutral' | 'negative';
     /** Defines the icon to be displayed at the start of the menu item. */
     startIcon?: ActionMenuItemIconType;
-    /** Defines the icon to be displayed at the end of the menu item. */
-    endIcon?: ActionMenuItemIconType;
+    /** Defines the item to be displayed at the end of the menu item. */
+    trailingItem?: TrailingItemType;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**
@@ -68,7 +95,7 @@ export type ActionMenuProps<T extends string | number = string | number> = UseAc
      * Callback function triggered when an item is clicked.
      * @param item - The selected item.
      */
-    onClick: (item: ActionMenuItemType<T>) => void;
+    onClick: (item: ActionMenuItemType<T>, e: MouseEvent<HTMLAnchorElement> | MouseEvent<HTMLButtonElement>) => void;
     /**
      * Config for the footer at the bottom of action menu list. It is sticky by default
      */

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

@@ -10,7 +10,9 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     filteredOptions: import('./types').ActionMenuOptionType<T>[];
     focusedIndex: number;
     itemsRef: import('react').MutableRefObject<RefObject<HTMLAnchorElement | HTMLButtonElement>[]>;
-    triggerProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+        bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
+    };
     overlayProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     popoverProps: {
         slot?: string;
@@ -271,5 +273,5 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     closePopover: () => void;
     searchTerm: string;
     handleSearch: (e: ChangeEvent<HTMLInputElement>) => void;
-    scrollableRef: import('react').MutableRefObject<HTMLElement>;
+    scrollableRef: import('react').MutableRefObject<any> | import('react').LegacyRef<any>;
 };

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

@@ -63,5 +63,5 @@ import { ButtonComponentType, ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
+declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, fontWeight, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
 export default Button;

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

@@ -1,6 +1,7 @@
 import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
 export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
+export declare const BUTTON_FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<ButtonProps['fontWeight'], string>;
 export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
 export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
 export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -116,7 +116,13 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * Props for tooltip
      */
-    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, 'alwaysShowTippyOnHover'>;
 } | {
     showTooltip?: never;
     tooltipProps?: never;
@@ -136,6 +142,12 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
      * If provided, icon to be displayed at the end of the button
      */
     endIcon?: ReactElement;
+    /**
+     * Controls the font weight of the button text
+     *
+     * @default 'bold'
+     */
+    fontWeight?: 'bold' | 'normal';
 } | {
     /**
      * If provided, icon button is rendered
@@ -155,4 +167,5 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     text?: never;
     startIcon?: never;
     endIcon?: never;
+    fontWeight?: never;
 });

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

@@ -1,6 +1,6 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
 export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon"> & {
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, fontWeight, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon" | "fontWeight"> & {
     isAutoTriggerActive: boolean;
 }>) => string;

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

@@ -1,2 +1,2 @@
 import { DocLinkProps } from './types';
-export declare const DocLink: <T extends boolean = false>({ docLinkKey, text, dataTestId, showExternalIcon, onClick, size, variant, isExternalLink, openInNewTab, fullWidth, }: DocLinkProps<T>) => JSX.Element;
+export declare const DocLink: <T extends boolean = false>({ docLinkKey, text, dataTestId, startIcon, showExternalIcon, onClick, fontWeight, size, variant, isExternalLink, openInNewTab, fullWidth, }: DocLinkProps<T>) => JSX.Element;

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

@@ -13,7 +13,7 @@ export declare const DOCUMENTATION: {
     readonly APP_METRICS: "usage/applications/app-details/app-metrics";
     readonly APP_OVERVIEW_TAGS: "usage/applications/overview#manage-tags";
     readonly APP_ROLLOUT_DEPLOYMENT_TEMPLATE: "usage/applications/creating-application/deployment-template/rollout-deployment";
-    readonly BUILD_STAGE: "usage/applications/creating-application/ci-pipeline#build-stage";
+    readonly BUILD_STAGE: "usage/applications/creating-application/workflow/ci-pipeline#build-stage";
     readonly APP_TAGS: "usage/applications/create-application#tags";
     readonly BLOB_STORAGE: "configurations-overview/installation-configuration#configuration-of-blob-storage";
     readonly BULK_UPDATE: "usage/bulk-update";
@@ -39,7 +39,7 @@ export declare const DOCUMENTATION: {
     readonly GLOBAL_CONFIG_CHART: "getting-started/global-configurations/chart-repo";
     readonly GLOBAL_CONFIG_CLUSTER: "getting-started/global-configurations/cluster-and-environments";
     readonly GLOBAL_CONFIG_CUSTOM_CHART: "getting-started/global-configurations/custom-charts";
-    readonly GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES: "getting-started/global-configurations/custom-charts#prerequisites";
+    readonly GLOBAL_CONFIG_CUSTOM_CHART_PRE_REQUISITES: "global-configurations/deployment-charts#preparing-a-deployment-chart";
     readonly GLOBAL_CONFIG_DOCKER: "getting-started/global-configurations/container-registries";
     readonly GLOBAL_CONFIG_GIT: "getting-started/global-configurations/git-accounts";
     readonly GLOBAL_CONFIG_GITOPS: "global-configurations/gitops";

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

@@ -6,7 +6,7 @@ export type BaseDocLink<T extends boolean> = {
     isEnterprise?: boolean;
     docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION;
 };
-export type DocLinkProps<T extends boolean> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
+export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {
     text?: string;
     showExternalIcon?: boolean;
     onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;

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

@@ -4,7 +4,7 @@ import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
 import { DocLinkProps } from '../DocLink';
 interface BaseFeatureDescriptionModalProps {
     renderDescriptionContent?: () => ReactNode;
-    docLink?: DocLinkProps<false>['docLinkKey'];
+    docLink?: DocLinkProps['docLinkKey'];
     imageVariant?: ImageType;
     SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     imageStyles?: React.CSSProperties;

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

@@ -0,0 +1,2 @@
+import { ProfileMenuProps } from './types';
+export declare const ProfileMenu: ({ user, onClick }: ProfileMenuProps) => JSX.Element;

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

@@ -48,3 +48,7 @@ export declare enum HelpMenuItems {
     RAISE_ISSUE_REQUEST = "raise-issue-request"
 }
 export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;
+export interface ProfileMenuProps {
+    user: string;
+    onClick?: () => void;
+}

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

@@ -1,9 +1,7 @@
-import { DevtronLicenseInfo } from '../License';
 import { HelpButtonActionMenuProps } from './types';
 export declare const getDateInMilliseconds: (days: any) => number;
 export declare const handlePostHogEventUpdate: (eventName: string) => Promise<void>;
 export declare const setActionWithExpiry: (key: string, days: number) => void;
-export declare const getIsShowingLicenseData: (licenseData: DevtronLicenseInfo) => boolean;
 export declare const getHelpActionMenuOptions: ({ isEnterprise, isTrial, }: {
     isEnterprise: boolean;
     isTrial: boolean;

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

@@ -5,5 +5,5 @@ export interface ModalSidebarPanelProps {
     heading: string | null;
     icon?: JSX.Element;
     children?: ReactNode;
-    documentationLink: DocLinkProps<false>['docLinkKey'];
+    documentationLink: DocLinkProps['docLinkKey'];
 }

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

@@ -1 +1,2 @@
 export { default as NumbersCount } from './NumbersCount.component';
+export * from './types';

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

@@ -5,4 +5,4 @@ import { PopoverProps } from './types';
  * @note Use this component in conjunction with the `usePopover` hook to create a custom popover component. \
  * For example, see the `ActionMenu` component for reference.
  */
-export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;
+export declare const Popover: ({ open, popoverProps, overlayProps, triggerProps: { bounds, ...triggerProps }, buttonProps, triggerElement, children, }: PopoverProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, KeyboardEvent, MutableRefObject, ReactElement } from 'react';
+import { DetailedHTMLProps, KeyboardEvent, LegacyRef, MutableRefObject, ReactElement } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
 import { ButtonProps } from '../Button';
 export interface UsePopoverProps {
@@ -64,7 +64,9 @@ export interface UsePopoverReturnType {
      * Props to be spread onto the trigger element that opens the popover.
      * These props include standard HTML attributes for a `div` element.
      */
-    triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    triggerProps: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+        bounds: Pick<DOMRect, 'left' | 'top' | 'height' | 'width'>;
+    };
     /**
      * Props to be spread onto the overlay element of the popover.
      * These props include standard HTML attributes for a `div` element.
@@ -81,7 +83,7 @@ export interface UsePopoverReturnType {
      * A mutable reference to the scrollable element inside the popover. \
      * This reference should be assigned to the element that is scrollable.
      */
-    scrollableRef: MutableRefObject<HTMLElement>;
+    scrollableRef: MutableRefObject<any> | LegacyRef<any>;
     /**
      * A function to close the popover.
      */

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--Y500)" | "var(--G500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--G500)" | "var(--Y500)" | "var(--R700)" | "var(--O500)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

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

@@ -1,3 +1,4 @@
+import { ButtonHTMLAttributes } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { IconBaseColorType } from '../../types';
 import { IconName } from '../Icon';
@@ -78,7 +79,7 @@ export type DTSwitchProps = {
      * Callback function that is called when the switch state changes.
      * This function should handle the logic for toggling the switch.
      */
-    onChange: () => void;
+    onChange: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
     /**
      * Indicates whether the switch is disabled.
      */

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

@@ -1,3 +1,3 @@
 import { ThemeSwitcherProps } from './types';
-declare const ThemeSwitcher: ({ onChange }: ThemeSwitcherProps) => JSX.Element;
+declare const ThemeSwitcher: ({ onClick }: ThemeSwitcherProps) => JSX.Element;
 export default ThemeSwitcher;

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

@@ -1,2 +1 @@
 export { default as ThemeSwitcher } from './ThemeSwitcher.component';
-export type { ThemeSwitcherProps } from './types';

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

@@ -1,3 +1,3 @@
 export interface ThemeSwitcherProps {
-    onChange: () => void;
+    onClick?: () => void;
 }

package/dist/Shared/Providers/types.d.ts

@@ -12,8 +12,12 @@ export interface ReloadVersionConfigTypes {
     isRefreshing: boolean;
 }
 export interface SidePanelConfig {
+    /** Determines whether the side panel is visible */
     open: boolean;
-    docLink?: string | null;
+    /** Optional flag to reset/reinitialize the side panel state */
+    reinitialize?: boolean;
+    /** URL to documentation that should be displayed in the panel */
+    docLink: string | null;
 }
 export interface MainContext {
     serverMode: SERVER_MODE;

package/dist/Shared/types.d.ts

@@ -834,6 +834,26 @@ export interface UploadFileProps {
 export type Never<T> = {
     [K in keyof T]?: never;
 };
+/**
+ * A utility type that filters out properties from type `T` that are of type `never`. \
+ * This is useful when you want to remove properties that have been marked as `never` from a type,
+ * effectively creating a new type without those properties.
+ *
+ * @template T - The input type from which to filter out `never` properties.
+ * @example
+ * ```typescript
+ * type User = {
+ *   id: number;
+ *   name: string;
+ *   deleted: never;
+ * }
+ *
+ * type ActiveUser = OmitNever<User>; // { id: number; name: string; }
+ * ```
+ */
+export type OmitNever<T> = {
+    [K in keyof T as T[K] extends never ? never : K]: T[K];
+};
 export interface TargetPlatformItemDTO {
     name: string;
 }