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

package/dist/Common/Constants.d.ts

@@ -5,6 +5,16 @@ export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
 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 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;
@@ -22,7 +32,6 @@ 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_SSO: "/login/sso";
@@ -55,7 +64,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
@@ -65,7 +73,6 @@ export declare const ROUTES: {
     readonly APP: "app";
     readonly APP_ARTIFACT_PROMOTE_MATERIAL: "app/artifact/promotion-request/material";
     readonly APP_TEMPLATE_DATA: "app/template/data";
-    readonly ENVIRONMENT_CATEGORIES: "env/categories";
     readonly PROJECT_LIST_MIN: "team/autocomplete";
     readonly USER_CHECK_ROLE: "user/check/roles";
     readonly IMAGE_TAGGING: "app/image-tagging";
@@ -293,6 +300,7 @@ export declare const API_STATUS_CODES: {
     EXPECTATION_FAILED: number;
     UNPROCESSABLE_ENTITY: number;
     LOCKED: number;
+    FAILED_DEPENDENCY: number;
 };
 export declare enum SERVER_MODE {
     EA_ONLY = "EA_ONLY",

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 } 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
@@ -75,12 +75,10 @@ export interface CheckboxProps {
     onClick?: (event: any) => void;
     id?: string;
     dataTestId?: string;
+    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;
@@ -105,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;
 }
@@ -714,7 +713,7 @@ export interface AppEnvironment {
     ciArtifactId?: number;
 }
 export interface Strategy {
-    deploymentTemplate: string;
+    deploymentTemplate: DeploymentStrategyType;
     config: any;
     default?: boolean;
 }
@@ -957,11 +956,4 @@ export interface EnvAppsMetaDTO {
     appCount: number;
     apps: AppMeta[];
 }
-export interface ClusterEnvironmentCategoryDTO {
-    id: number;
-    name: string;
-    description?: string;
-}
-export interface ClusterEnvironmentCategoryType extends ClusterEnvironmentCategoryDTO {
-}
 export {};

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/services.d.ts

@@ -6,4 +6,4 @@ export declare const uploadCDPipelineFile: ({ file, appId, envId, allowedExtensi
     envId: number;
     abortControllerRef?: MutableRefObject<AbortController>;
 }) => Promise<UploadFileDTO>;
-export declare const triggerCDNode: ({ pipelineId, ciArtifactId, appId, stageType, deploymentWithConfig, wfrId, runtimeParamsPayload, abortControllerRef, skipIfHibernated, isRollbackTrigger, }: TriggerCDNodeServiceProps) => Promise<import('../../../../../Common/Types').ResponseType<any>>;
+export declare const triggerCDNode: ({ pipelineId, ciArtifactId, appId, stageType, deploymentWithConfig, wfrId, runtimeParamsPayload, abortControllerRef, skipIfHibernated, isRollbackTrigger, strategy, }: TriggerCDNodeServiceProps) => Promise<import('../../../../../Common/Types').ResponseType<any>>;

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/types.d.ts

@@ -1,7 +1,7 @@
 import { BuildStageType, FormType } from '../../../../../Common/CIPipeline.Types';
 import { APIOptions, DeploymentAppTypes, DeploymentNodeType } from '../../../../../Common/Types';
 import { DeploymentStrategy } from '../../../../../Shared/Components';
-import { EnvListMinDTO, RuntimeParamsTriggerPayloadType } from '../../../../../Shared/types';
+import { DeploymentStrategyType, EnvListMinDTO, RuntimeParamsTriggerPayloadType } from '../../../../../Shared/types';
 import { STAGE_MAP } from '../../../../index';
 interface ConfigSecretType {
     label: string;
@@ -108,6 +108,7 @@ export interface TriggerCDNodeServiceProps extends Pick<APIOptions, 'abortContro
      */
     runtimeParamsPayload?: RuntimeParamsTriggerPayloadType;
     isRollbackTrigger?: boolean;
+    strategy?: DeploymentStrategyType;
 }
 export interface TriggerCDPipelinePayloadType extends Pick<TriggerCDNodeServiceProps, 'pipelineId' | 'appId' | 'ciArtifactId' | 'runtimeParamsPayload' | 'deploymentWithConfig'>, Partial<Pick<TriggerCDNodeServiceProps, 'skipIfHibernated'>> {
     cdWorkflowType: (typeof STAGE_MAP)[keyof typeof STAGE_MAP];

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

@@ -2,7 +2,7 @@ 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 { DeploymentStageType } from '../../constants';
-import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
+import { AggregationKeys, AppDetails, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, DeploymentStatusTimelineType, DeploymentStrategyType, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
 import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
 export declare enum HistoryComponentType {
     CI = "CI",
@@ -593,7 +593,6 @@ export interface DeploymentHistory {
     ci_artifact_id?: number;
     runSource?: RunSourceType;
 }
-type DeploymentStrategyType = 'CANARY' | 'ROLLING' | 'RECREATE' | 'BLUE_GREEN';
 export interface DeploymentStrategy {
     deploymentTemplate: DeploymentStrategyType;
     config: any;

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.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/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<false>['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';

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

@@ -1,8 +1,5 @@
 import { MouseEventHandler, ReactElement } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { GenericFilterEmptyStateProps } from '@Common/EmptyState/types';
-import { GenericEmptyStateType } from '../../../Common/Types';
-import { APIResponseHandlerProps } from '../APIResponseHandler';
 type BaseGenericInfoCardProps = {
     title: string;
     description: string;
@@ -26,14 +23,4 @@ export type GenericInfoCardProps = {
 } & Partial<Record<keyof BaseGenericInfoCardProps, never>>) | ({
     isLoading?: boolean;
 } & BaseGenericInfoCardProps));
-export interface GenericInfoCardListingProps extends Pick<GenericInfoCardProps, 'borderVariant'>, Pick<GenericFilterEmptyStateProps, 'handleClearFilters'> {
-    list: (Pick<GenericInfoCardProps, 'Icon' | 'author' | 'description' | 'linkProps' | 'onClick' | 'title'> & Record<'id', string>)[];
-    emptyStateConfig: Pick<GenericEmptyStateType, 'title' | 'subTitle' | 'image' | 'renderButton' | 'renderButton'>;
-    searchKey?: string;
-    reloadList: () => void;
-    error?: APIResponseHandlerProps['error'];
-    isLoading?: boolean;
-}
-export interface GenericInfoListSkeletonProps extends Partial<Pick<GenericInfoCardProps, 'borderVariant'>> {
-}
 export {};

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

@@ -1,7 +1,11 @@
-import { InstallationType, ModuleStatus } from '../../types';
+import { ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
 import { ActionMenuProps } from '../ActionMenu';
-import { DOCUMENTATION } from '../DocLink';
+export declare enum InstallationType {
+    OSS_KUBECTL = "oss_kubectl",
+    OSS_HELM = "oss_helm",
+    ENTERPRISE = "enterprise"
+}
 export interface PageHeaderType {
     headerName?: string;
     showTabs?: boolean;
@@ -13,9 +17,9 @@ export interface PageHeaderType {
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps<false>, 'additionalContent'> & {
+    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
         isTippyCustomized?: boolean;
-        tippyRedirectLink?: keyof typeof DOCUMENTATION;
+        tippyRedirectLink?: string;
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;

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

@@ -6,10 +6,10 @@ export declare const iconMap: {
     'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-app-template': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -38,7 +38,6 @@ export declare const iconMap: {
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -51,29 +50,28 @@ export declare const iconMap: {
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-email': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-environment-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-fast-forward': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -93,6 +91,7 @@ export declare const iconMap: {
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hibernate-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -101,15 +100,16 @@ export declare const iconMap: {
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-key-enter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-megaphone-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -120,6 +120,7 @@ export declare const iconMap: {
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-more-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -130,11 +131,12 @@ export declare const iconMap: {
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -142,10 +144,18 @@ export declare const iconMap: {
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-blue-green-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-canary': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-recreate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-rolling-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-strategy-rolling': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -155,6 +165,7 @@ export declare const iconMap: {
     'ic-thumb-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timeout-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,6 +1,6 @@
 import { FC, SVGProps } from 'react';
-import { TooltipProps } from '@Common/Tooltip/types';
-import { IconBaseColorType, IconBaseSizeType } from '../../index';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { IconBaseColorType, IconBaseSizeType } from '../../types';
 type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
 export interface IconBaseProps {
     /**

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

@@ -1,3 +1,3 @@
 import { InfoIconTippyProps } from '../../../Common/Types';
-declare const InfoIconTippy: <T extends boolean = false>({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, isExternalLink, openInNewTab, }: InfoIconTippyProps<T>) => JSX.Element;
+declare const InfoIconTippy: ({ heading, infoText, iconClass, documentationLink, documentationLinkText, additionalContent, iconClassName, placement, dataTestid, children, headingInfo, buttonPadding, }: InfoIconTippyProps) => JSX.Element;
 export default InfoIconTippy;

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

@@ -1,2 +1,2 @@
 import { KeyValueTableProps } from './KeyValueTable.types';
-export declare const KeyValueTable: ({ headerLabel, rows: initialRows, placeholder, maskValue, isSortable, headerComponent, onChange, isAdditionNotAllowed, shouldAutoFocusOnMount, readOnly, showError, validationSchema: parentValidationSchema, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps) => JSX.Element;
+export declare const KeyValueTable: ({ headerLabel, rows: initialRows, placeholder, maskValue, isSortable, headerComponent, onChange, isAdditionNotAllowed, readOnly, showError, validationSchema: parentValidationSchema, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps) => JSX.Element;