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

package/dist/Common/Constants.d.ts

@@ -2,10 +2,19 @@ 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 = "/devtron/v0.7";
+export declare const DOCUMENTATION_VERSION = "/v/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 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 PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;
@@ -23,10 +32,8 @@ 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/SegmentedControl/Segment.d.ts

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

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

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { IconsProps, SelectPickerOptionType } from '../../Shared/Components';
 import { ComponentSizeType } from '../../Shared/constants';
@@ -45,9 +46,6 @@ 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;
@@ -68,5 +66,6 @@ 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: <T extends boolean = false>(props: TippyCustomizedProps<T>) => JSX.Element;
+export declare const TippyCustomized: (props: TippyCustomizedProps) => 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, DocLinkProps, DeploymentStrategyType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, 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,10 +78,7 @@ export interface CheckboxProps {
     error?: boolean;
     children?: ReactNode;
 }
-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> & {
+export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
@@ -106,13 +103,14 @@ export type TippyCustomizedProps<T extends boolean> = Pick<TippyProps, 'appendTo
     animation?: string;
     duration?: number;
     additionalContent?: ReactNode;
+    documentationLink?: string;
     documentationLinkText?: string;
     children: React.ReactElement<any>;
     disableClose?: boolean;
-};
-export interface InfoIconTippyProps<T extends boolean = false> extends Pick<TippyCustomizedProps<T>, 'heading' | 'infoText' | 'iconClass' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo' | 'documentationLink' | 'isExternalLink' | 'openInNewTab'> {
+}
+export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'iconClass' | 'documentationLink' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo'> {
     dataTestid?: string;
-    children?: TippyCustomizedProps<T>['children'];
+    children?: TippyCustomizedProps['children'];
     iconClassName?: string;
     buttonPadding?: string;
 }

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

@@ -1,12 +1,8 @@
-import { LegacyRef, MouseEvent, ReactElement, Ref } from 'react';
+import { LegacyRef, 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'
@@ -29,29 +25,6 @@ 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;
@@ -66,8 +39,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 item to be displayed at the end of the menu item. */
-    trailingItem?: TrailingItemType;
+    /** Defines the icon to be displayed at the end of the menu item. */
+    endIcon?: ActionMenuItemIconType;
 } & ConditionalActionMenuComponentType;
 export type ActionMenuOptionType<T extends string | number> = {
     /**
@@ -95,7 +68,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>, e: MouseEvent<HTMLAnchorElement> | MouseEvent<HTMLButtonElement>) => void;
+    onClick: (item: ActionMenuItemType<T>) => 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,9 +10,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>[]>;
-    triggerProps: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-        bounds: Pick<DOMRect, "left" | "top" | "height" | "width">;
-    };
+    triggerProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     overlayProps: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     popoverProps: {
         slot?: string;
@@ -273,5 +271,5 @@ export declare const useActionMenu: <T extends string | number>({ id, position,
     closePopover: () => void;
     searchTerm: string;
     handleSearch: (e: ChangeEvent<HTMLInputElement>) => void;
-    scrollableRef: import('react').MutableRefObject<any> | import('react').LegacyRef<any>;
+    scrollableRef: import('react').MutableRefObject<HTMLElement>;
 };

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, fontWeight, 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, 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,7 +1,6 @@
 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,13 +116,7 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
     /**
      * Props for tooltip
      */
-    tooltipProps: Omit<Extract<TooltipProps, {
-        alwaysShowTippyOnHover: boolean;
-    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
-        alwaysShowTippyOnHover?: boolean;
-    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
-        alwaysShowTippyOnHover?: never;
-    }>, 'alwaysShowTippyOnHover'>;
+    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
 } | {
     showTooltip?: never;
     tooltipProps?: never;
@@ -142,12 +136,6 @@ 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
@@ -167,5 +155,4 @@ 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, fontWeight, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon" | "fontWeight"> & {
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon"> & {
     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, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, codeEditorKey, }: 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,20 +425,7 @@ export interface DeploymentTemplateHistoryType {
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
     rootClassName?: 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[];
+    codeEditorKey?: string;
 }
 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, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, onSearchPanelOpen, onSearchBarAction, collapseUnchangedDiffView, ...resProps }: CodeEditorProps<DiffView>): JSX.Element;
+    <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;
     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, collapseUnchanged, disableMinimap, }: 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, }: CodeEditorRendererProps) => JSX.Element;

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

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

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

@@ -29,12 +29,6 @@ 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> = {
@@ -58,11 +52,6 @@ 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;
@@ -74,7 +63,7 @@ export type HoverTexts = {
     typeInfo: string;
 };
 export type FindReplaceQuery = Partial<Pick<SearchQuery, 'search' | 'wholeWord' | 'regexp' | 'replace' | 'caseSensitive'>>;
-export interface FindReplaceProps extends Pick<CodeEditorProps, 'onSearchBarAction'> {
+export interface FindReplaceProps {
     view: EditorView;
     /** Default value for Search Query state. */
     defaultQuery: SearchQuery;
@@ -105,8 +94,6 @@ 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,5 +1,6 @@
 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.
@@ -37,3 +38,4 @@ 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/DiffViewer/DiffViewer.component.d.ts

@@ -0,0 +1,41 @@
+import { DiffViewerProps } from './types';
+/**
+ * Component for showing diff between two string or object.
+ *
+ * Note: Pass down the object as stringified for optimized performance.
+ *
+ * @example Usage
+ *
+ * ```tsx
+ * <DiffViewer
+ *   oldValue={oldValue}
+ *   newValue={newValue}
+ * />
+ * ```
+ *
+ * @example With left/right title for lhs/rhs
+ *
+ * ```tsx
+ * <DiffViewer
+ *   oldValue={oldValue}
+ *   newValue={newValue}
+ *   leftTitle="Title for LHS"
+ *   rightTitle={
+ *     <span>Title for RHS</span>
+ *   }
+ * />
+ * ```
+ *
+ * @example With custom message for folded code
+ * Note: the entire section would be clickable
+ *
+ * ```tsx
+ * <DiffViewer
+ *   oldValue={oldValue}
+ *   newValue={newValue}
+ *   codeFoldMessageRenderer={(totalFoldedLines, leftStartLineNumber, rightStartLineNumber) => <span>Custom text</span>}
+ * />
+ * ```
+ */
+declare const DiffViewer: ({ oldValue, newValue, leftTitle, rightTitle, ...props }: DiffViewerProps) => JSX.Element;
+export default DiffViewer;

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

@@ -0,0 +1,2 @@
+import { ReactDiffViewerProps } from 'react-diff-viewer-continued';
+export declare const diffViewerStyles: ReactDiffViewerProps['styles'];

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

@@ -0,0 +1 @@
+export { default as DiffViewer } from './DiffViewer.component';

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ReactDiffViewerProps } from 'react-diff-viewer-continued';
+export interface DiffViewerProps extends Pick<ReactDiffViewerProps, 'oldValue' | 'newValue' | 'codeFoldMessageRenderer'> {
+    leftTitle?: ReactDiffViewerProps['leftTitle'] | ReactNode;
+    rightTitle?: ReactDiffViewerProps['rightTitle'] | ReactNode;
+}
+export interface DiffViewTitleWrapperProps {
+    title: DiffViewerProps['leftTitle'];
+}

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

@@ -1,2 +1,2 @@
 import { DynamicDataTableProps } from './types';
-export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTable: <K extends string, CustomStateType = Record<string, unknown>>({ headers, onRowAdd, ...props }: DynamicDataTableProps<K, CustomStateType>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -1,2 +1,2 @@
 import { DynamicDataTableRowProps } from './types';
-export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, shouldAutoFocusOnMount, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, buttonCellWrapComponent, focusableFieldKey, isAddRowButtonClicked, setIsAddRowButtonClicked, }: DynamicDataTableRowProps<K, CustomStateType>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { DetailedHTMLProps, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { UseStateFiltersReturnType } from '../../../Common/Hooks';
 import { TooltipProps } from '@Common/Tooltip/types';
@@ -166,15 +166,11 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
      * @default 'first column key'
      */
     focusableFieldKey?: K;
-    /**
-     * When true, the table will automatically focus the first focusable cell
-     * or cell key denoted by `focusableFieldKey` when the component mounts.
-     * @default false
-     */
-    shouldAutoFocusOnMount?: boolean;
 };
 export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'addBtnTooltip' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
 }
-export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey' | 'shouldAutoFocusOnMount'> {
+export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent' | 'focusableFieldKey'> {
+    isAddRowButtonClicked: boolean;
+    setIsAddRowButtonClicked: Dispatch<SetStateAction<boolean>>;
 }
 export {};

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

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

package/dist/Shared/Components/FramerComponents/MotionDiv.d.ts

@@ -0,0 +1,2 @@
+import { HTMLMotionProps } from 'framer-motion';
+export declare const MotionDiv: (props: HTMLMotionProps<"div">) => JSX.Element;

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

@@ -1,2 +1,3 @@
-import { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue } from 'framer-motion';
-export { animate, AnimatePresence, motion, useMotionTemplate, useMotionValue };
+import { AnimatePresence, motion } from 'framer-motion';
+export * from './MotionDiv';
+export { AnimatePresence, motion };

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

@@ -1,4 +1,2 @@
 export { default as GenericInfoCard } from './GenericInfoCard.component';
-export * from './GenericInfoCardListing';
-export { GenericInfoListSkeleton } from './GenericInfoListSkeleton';
-export { GenericInfoCardBorderVariant, type GenericInfoCardListingProps, type GenericInfoCardProps } from './types';
+export { GenericInfoCardBorderVariant, type GenericInfoCardProps } from './types';