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

package/dist/Common/Constants.d.ts

@@ -2,19 +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 DOCUMENTATION: {
-    APP_METRICS: string;
-    APP_TAGS: string;
-    APP_OVERVIEW_TAGS: string;
-    BLOB_STORAGE: string;
-    GLOBAL_CONFIG_BUILD_INFRA: string;
-    ENTERPRISE_LICENSE: string;
-    KUBE_CONFIG: string;
-    TENANT_INSTALLATION: string;
-};
+export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
 export declare const PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;
@@ -32,8 +23,10 @@ export declare const PATTERNS: {
     CONFIG_MAP_AND_SECRET_KEY: RegExp;
     CONFIGMAP_AND_SECRET_NAME: RegExp;
     ALPHANUMERIC_WITH_SPECIAL_CHAR_AND_SLASH: RegExp;
+    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/Common/RJSF/widgets/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '@rjsf/utils';
-export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;
+export declare const Checkbox: ({ id, onChange, value, disabled, readonly, autofocus, }: WidgetProps) => JSX.Element;

package/dist/Common/SegmentedControl/Segment.d.ts

@@ -1,3 +1,3 @@
 import { SegmentProps } from './types';
-declare const Segment: ({ segment, isSelected, name, selectedSegmentRef, onChange, fullWidth, size, disabled, }: SegmentProps) => JSX.Element;
+declare const Segment: ({ segment, isSelected, name, onChange, fullWidth, size, disabled }: SegmentProps) => JSX.Element;
 export default Segment;

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

@@ -1,4 +1,3 @@
-import { RefObject } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
 import { ComponentSizeType } from '../../Shared/constants';
@@ -46,6 +45,9 @@ export type SegmentedControlProps = {
      * List of segments to be displayed
      */
     segments: SegmentType[];
+    /**
+     * Please make sure this is unique
+     */
     name: string;
     size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.small | ComponentSizeType.medium>;
     fullWidth?: boolean;
@@ -66,6 +68,5 @@ export type SegmentedControlProps = {
 export interface SegmentProps extends Required<Pick<SegmentedControlProps, 'name' | 'onChange' | 'fullWidth' | 'size' | 'disabled'>> {
     isSelected: boolean;
     segment: SegmentType;
-    selectedSegmentRef: RefObject<HTMLDivElement> | undefined;
 }
 export {};

package/dist/Common/TippyCustomized.d.ts

@@ -1,2 +1,2 @@
 import { TippyCustomizedProps } from './Types';
-export declare const TippyCustomized: (props: TippyCustomizedProps) => JSX.Element;
+export declare const TippyCustomized: <T extends boolean = false>(props: TippyCustomizedProps<T>) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DeploymentStrategyType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -78,7 +78,10 @@ export interface CheckboxProps {
     error?: boolean;
     children?: ReactNode;
 }
-export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
+export interface TippyWithBaseDocLinkTypes<T extends boolean> extends Pick<DocLinkProps<T>, 'isExternalLink' | 'openInNewTab'> {
+    documentationLink?: DocLinkProps<T>['docLinkKey'];
+}
+export type TippyCustomizedProps<T extends boolean> = Pick<TippyProps, 'appendTo'> & TippyWithBaseDocLinkTypes<T> & {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
@@ -103,14 +106,13 @@ export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     animation?: string;
     duration?: number;
     additionalContent?: ReactNode;
-    documentationLink?: string;
     documentationLinkText?: string;
     children: React.ReactElement<any>;
     disableClose?: boolean;
-}
-export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'iconClass' | 'documentationLink' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo'> {
+};
+export interface InfoIconTippyProps<T extends boolean = false> extends Pick<TippyCustomizedProps<T>, 'heading' | 'infoText' | 'iconClass' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo' | 'documentationLink' | 'isExternalLink' | 'openInNewTab'> {
     dataTestid?: string;
-    children?: TippyCustomizedProps['children'];
+    children?: TippyCustomizedProps<T>['children'];
     iconClassName?: string;
     buttonPadding?: string;
 }
@@ -160,48 +162,6 @@ export declare enum ImageType {
     Medium = "medium",
     SMALL = "small"
 }
-interface InfoColourBarTextConfigType {
-    /**
-     * If given would be shown above the description, in bold
-     */
-    heading?: string;
-    /**
-     * If given would be shown below the heading (if given)
-     */
-    description: string;
-    actionButtonConfig?: ButtonProps;
-}
-type InfoColourBarMessageProp = {
-    message: ReactNode;
-    linkText?: ReactNode;
-    redirectLink?: string;
-    linkOnClick?: () => void;
-    linkClass?: string;
-    internalLink?: boolean;
-    textConfig?: never;
-} | {
-    textConfig: InfoColourBarTextConfigType;
-    message?: never;
-    linkText?: never;
-    redirectLink?: never;
-    linkOnClick?: () => never;
-    linkClass?: never;
-    internalLink?: never;
-};
-export type InfoColourBarType = InfoColourBarMessageProp & {
-    classname: string;
-    Icon: any;
-    iconClass?: string;
-    iconSize?: number;
-    renderActionButton?: () => JSX.Element;
-    styles?: CSSProperties;
-    /**
-     * If true, the icon is not shown
-     *
-     * @default false
-     */
-    hideIcon?: boolean;
-};
 export interface ReloadType {
     reload?: (event?: any) => void;
     className?: string;

package/dist/Common/index.d.ts

@@ -25,7 +25,6 @@ export * from './Helper';
 export * from './Hooks';
 export * from './ImageTags';
 export * from './ImageTags.Types';
-export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';
 export * from './Markdown';
 export * from './Modals/Modal';
 export * from './Modals/VisibleModal';
@@ -47,6 +46,5 @@ export { default as Select } from './Select/Select';
 export * from './ServerError';
 export * from './SortableTableHeaderCell';
 export * from './TippyCustomized';
-export { default as Toggle } from './Toggle/Toggle';
 export * from './Tooltip';
 export * from './Types';

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/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryDiffView.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentTemplateHistoryType } from '../types';
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, codeEditorKey, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts

@@ -1,5 +1,5 @@
 import { SelectPickerOptionType } from '@Shared/Components/SelectPicker';
-import { History } from '../types';
+import { DeploymentHistorySingleValue, History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const getPipelineDeployments: (triggerHistory: DeploymentHistoryConfigDiffProps["triggerHistory"]) => History[];
 export declare const getPipelineDeploymentsWfrIds: ({ pipelineDeployments, wfrId, }: {
@@ -20,3 +20,4 @@ export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: numb
 };
 export declare const isDeploymentHistoryConfigDiffNotFoundError: <T extends unknown>(res: PromiseSettledResult<T>) => boolean;
 export declare const getDeploymentHistoryConfigDiffError: <T extends unknown>(res: PromiseSettledResult<T>) => any;
+export declare const renderDetailedValue: (parentClassName: string, singleValue: DeploymentHistorySingleValue, dataTestId: string) => JSX.Element;

package/dist/Shared/Components/CICDHistory/service.d.ts

@@ -1,5 +1,5 @@
 import { ResponseType } from '../../../Common';
-import { DeploymentConfigurationsRes, DeploymentHistoryDetail, DeploymentHistoryDetailRes, DeploymentHistoryResult, DeploymentHistorySingleValue, DeploymentStatusDetailsResponse, HistoryDiffSelectorRes, ModuleConfigResponse, TriggerDetailsResponseType, TriggerHistoryParamsType } from './types';
+import { DeploymentHistoryDetail, DeploymentHistoryResult, DeploymentStatusDetailsResponse, ModuleConfigResponse, TriggerDetailsResponseType, TriggerHistoryParamsType } from './types';
 export declare function getTriggerDetails({ appId, envId, pipelineId, triggerId, fetchIdData, }: {
     appId: any;
     envId: any;
@@ -18,12 +18,6 @@ export declare function getManualSync(params: {
     appId: string;
     envId: string;
 }): Promise<ResponseType>;
-export declare const getDeploymentHistoryList: (appId: string, pipelineId: string, triggerId: string) => Promise<DeploymentConfigurationsRes>;
-export declare const getDeploymentHistoryDetail: (appId: string, pipelineId: string, id: string, historyComponent: string, historyComponentName: string) => Promise<DeploymentHistoryDetailRes>;
-export declare const prepareDeploymentTemplateData: (rawData: any) => Record<string, DeploymentHistorySingleValue>;
-export declare const preparePipelineConfigData: (rawData: any) => Record<string, DeploymentHistorySingleValue>;
-export declare const prepareConfigMapAndSecretData: (rawData: any, type: string, historyData: DeploymentHistoryDetail, skipDecode?: boolean) => Record<string, DeploymentHistorySingleValue>;
 export declare const prepareHistoryData: (rawData: any, historyComponent: string, skipDecode?: boolean) => DeploymentHistoryDetail;
-export declare const getDeploymentDiffSelector: (pipelineId: string, historyComponent: any, baseConfigurationId: any, historyComponentName: any) => Promise<HistoryDiffSelectorRes>;
 export declare const getTriggerHistory: ({ appId, envId, pagination, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryParamsType) => Promise<Pick<DeploymentHistoryResult, "result">>;
 export declare const getModuleConfigured: (moduleName: string) => Promise<ModuleConfigResponse>;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
-import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, UserApprovalMetadataType, useScrollable } from '../../../Common';
+import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, TooltipProps, UserApprovalMetadataType, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, DeploymentStrategyType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
 import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
@@ -408,14 +408,12 @@ export interface DeploymentStatusDetailRowType extends Pick<DeploymentStatusDeta
     hideVerticalConnector?: boolean;
     deploymentDetailedData: DeploymentStatusDetailsBreakdownDataType;
 }
-export interface DeploymentConfigurationsRes extends ResponseType {
-    result?: DeploymentTemplateList[];
-}
 export interface DeploymentHistorySingleValue {
     displayName: string;
     value: string;
     variableSnapshot?: object;
     resolvedValue?: string;
+    tooltipContent?: TooltipProps['content'];
 }
 export interface DeploymentHistoryDetail {
     componentName?: string;
@@ -427,21 +425,6 @@ export interface DeploymentTemplateHistoryType {
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
     rootClassName?: string;
-    codeEditorKey?: string;
-}
-export interface DeploymentHistoryDetailRes extends ResponseType {
-    result?: DeploymentHistoryDetail;
-}
-export interface HistoryDiffSelectorList {
-    id: number;
-    deployedOn: string;
-    deployedBy: string;
-    deploymentStatus: string;
-    wfrId?: number;
-    runSource?: RunSourceType;
-}
-export interface HistoryDiffSelectorRes {
-    result?: HistoryDiffSelectorList[];
 }
 export interface DeploymentHistorySidebarType {
     deploymentHistoryList: DeploymentTemplateList[];

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

@@ -1,6 +1,6 @@
 import { CodeEditorProps } from './types';
 declare const CodeEditor: {
-    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, readOnly, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, disableSearch, }: CodeEditorProps<DiffView>): JSX.Element;
+    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, onSearchPanelOpen, onSearchBarAction, collapseUnchangedDiffView, ...resProps }: CodeEditorProps<DiffView>): JSX.Element;
     Clipboard: () => JSX.Element;
     Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => JSX.Element;
     Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;

package/dist/Shared/Components/CodeEditor/CodeEditorRenderer.d.ts

@@ -1,2 +1,2 @@
 import { CodeEditorRendererProps } from './types';
-export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, }: CodeEditorRendererProps) => JSX.Element;
+export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, collapseUnchanged, disableMinimap, }: CodeEditorRendererProps) => JSX.Element;

package/dist/Shared/Components/CodeEditor/Extensions/findAndReplace.d.ts

@@ -1,2 +1,3 @@
 import { EditorView, Panel } from '@uiw/react-codemirror';
-export declare const codeEditorFindReplace: (view: EditorView) => Panel;
+import { CodeEditorProps } from '../types';
+export declare const getCodeEditorFindReplace: (onSearchBarAction: CodeEditorProps["onSearchBarAction"]) => (view: EditorView) => Panel;

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

@@ -29,6 +29,12 @@ type CodeEditorDiffBaseProps = {
     originalValue?: ReactCodeMirrorProps['value'];
     modifiedValue?: ReactCodeMirrorProps['value'];
     isOriginalModifiable?: boolean;
+    /**
+     * When true, renders a diff view in readOnly mode with collapsed unchanged diffs.
+     * This disables the minimap, code-editor search functionality, and language linting.
+     * @default false
+     */
+    collapseUnchangedDiffView?: boolean;
 };
 type CodeEditorPropsBasedOnDiffView<DiffView extends boolean> = DiffView extends true ? CodeEditorDiffBaseProps & Never<CodeEditorBaseProps> : CodeEditorBaseProps & Never<CodeEditorDiffBaseProps>;
 export type CodeEditorProps<DiffView extends boolean = false> = {
@@ -52,6 +58,11 @@ export type CodeEditorProps<DiffView extends boolean = false> = {
     disableSearch?: boolean;
     diffView?: DiffView;
     theme?: AppThemeType;
+    onSearchPanelOpen?: () => void;
+    /**
+     * This method is triggered when user types something in the search/replace bar or applies a search or replace action.
+     */
+    onSearchBarAction?: () => void;
 } & CodeEditorPropsBasedOnDiffView<DiffView>;
 export interface GetCodeEditorHeightReturnType {
     codeEditorParentClassName: string;
@@ -63,7 +74,7 @@ export type HoverTexts = {
     typeInfo: string;
 };
 export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
-export interface FindReplaceProps {
+export interface FindReplaceProps extends Pick<CodeEditorProps, 'onSearchBarAction'> {
     view: EditorView;
     /** Default value for Search Query state. */
     defaultQuery: SearchQuery;
@@ -94,6 +105,8 @@ export type CodeEditorRendererProps = Required<Pick<CodeEditorProps, 'theme' | '
     modifiedViewExtensions: ReactCodeMirrorProps['extensions'];
     extensions: ReactCodeMirrorProps['extensions'];
     diffMinimapExtensions: ReactCodeMirrorProps['extensions'];
+    collapseUnchanged?: boolean;
+    disableMinimap?: boolean;
 };
 export interface DiffMinimapProps extends Pick<CodeEditorRendererProps, 'theme'> {
     view: MergeView;

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

@@ -1,10 +1,11 @@
 import { SortingOrder } from '../../../Common/Constants';
+import { RadioGroupItemProps, RadioGroupProps } from '../../../Common/Types';
 import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType, TemplateListDTO } from '../../Services';
 import { ManifestTemplateDTO } from '../../../Pages/Applications';
 import { DeploymentHistoryDetail } from '../CICDHistory';
 import { CollapseProps } from '../Collapse';
 import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
-import { SelectPickerProps } from '../SelectPicker';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
 export declare enum DeploymentConfigDiffState {
     NO_DIFF = "noDiff",
     HAS_DIFF = "hasDiff",
@@ -26,6 +27,15 @@ export interface DeploymentConfigListItem {
     singleView?: boolean;
     groupHeader?: string;
 }
+interface DeploymentConfigDiffRadioConfig extends Pick<RadioGroupProps, 'name' | 'onChange'> {
+    title: string;
+    options: (Pick<RadioGroupItemProps, 'disabled'> & Pick<SelectPickerOptionType<string>, 'label' | 'value' | 'description' | 'tooltipProps'>)[];
+    groupValue: string;
+}
+export interface DeploymentConfigDiffRadioSelectConfig {
+    triggerElementTitle: string;
+    radioGroupConfig: DeploymentConfigDiffRadioConfig[];
+}
 export type DeploymentConfigDiffSelectPickerProps = {
     type: 'string';
     id: string;
@@ -36,6 +46,12 @@ export type DeploymentConfigDiffSelectPickerProps = {
     id: string;
     text?: never;
     selectPickerProps: SelectPickerProps;
+} | {
+    type: 'radio-group';
+    id: string;
+    text?: never;
+    radioSelectConfig: DeploymentConfigDiffRadioSelectConfig;
+    selectPickerProps?: never;
 };
 export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem<'navLink'>, 'href' | 'title' | 'onClick'> {
     Icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
@@ -115,3 +131,4 @@ export type AppEnvDeploymentConfigListParams<IsManifestView> = (IsManifestView e
     isManifestView?: IsManifestView;
     convertVariables?: boolean;
 };
+export {};

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

@@ -1,6 +1,5 @@
 import { AppEnvDeploymentConfigListParams, DeploymentConfigDiffProps } from '..';
 import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, TemplateListDTO } from '../../Services/app.types';
-import { DiffViewerProps } from '../DiffViewer/types';
 export declare const getDeploymentTemplateData: (data: DeploymentTemplateDTO) => any;
 /**
  * Retrieves the draft data from the given configuration data object.
@@ -38,4 +37,3 @@ export declare const getDefaultVersionAndPreviousDeploymentOptions: (data: Templ
     previousDeployments: TemplateListDTO[];
     defaultVersions: TemplateListDTO[];
 };
-export declare const renderDiffViewNoDifferenceState: (lhsValue: string, rhsValue: string) => DiffViewerProps["codeFoldMessageRenderer"];

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffRadioSelect.d.ts

@@ -0,0 +1,7 @@
+import { UsePopoverProps } from '../Popover';
+import { DeploymentConfigDiffRadioSelectConfig } from './DeploymentConfigDiff.types';
+declare const DeploymentConfigDiffRadioSelect: ({ radioSelectConfig, position, }: {
+    radioSelectConfig: DeploymentConfigDiffRadioSelectConfig;
+    position?: UsePopoverProps["position"];
+}) => JSX.Element;
+export default DeploymentConfigDiffRadioSelect;

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

@@ -2,3 +2,4 @@ export * from './DeploymentConfigDiff.component';
 export * from './DeploymentConfigDiff.constants';
 export * from './DeploymentConfigDiff.types';
 export * from './DeploymentConfigDiff.utils';
+export { default as DeploymentConfigDiffRadioSelect } from './DeploymentConfigDiffRadioSelect';

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

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