@devtron-labs/devtron-fe-common-lib 4.0.2 → 4.0.3-pre-0

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

@@ -0,0 +1,71 @@
+import { ReactElement, ReactNode } from 'react';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { InfoIconTippyProps } from '../../../Common/Types';
+import { BorderConfigType, ComponentLayoutType } from '../../types';
+import { IconsProps } from '../Icon';
+export type LabelOrAriaLabelType = {
+    label: ReactNode;
+    ariaLabel?: never;
+} | {
+    label?: never;
+    ariaLabel: string;
+};
+export type FormFieldLabelProps<Layout extends ComponentLayoutType = ComponentLayoutType> = LabelOrAriaLabelType & {
+    /**
+     * If true, the field is required and * is shown with the label
+     */
+    required?: boolean;
+    /**
+     * Id of the input element
+     */
+    inputId: string;
+    /**
+     * Layout of the field
+     */
+    layout?: Layout;
+} & (Layout extends 'row' ? {
+    /**
+     * Tooltip configuration for the label in row layout
+     */
+    labelTooltipConfig?: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'>;
+    labelTippyCustomizedConfig?: never;
+} : {
+    labelTooltipConfig?: never;
+    /**
+     * Tippy configuration for the label in column layout
+     */
+    labelTippyCustomizedConfig?: Required<Pick<InfoIconTippyProps, 'heading' | 'infoText'>> & Pick<InfoIconTippyProps, 'documentationLink' | 'documentationLinkText'>;
+});
+export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
+    /**
+     * Error message for the field
+     */
+    error?: ReactNode;
+    /**
+     * Helper text for the field
+     */
+    helperText?: ReactNode;
+    /**
+     * Warning message for the field
+     */
+    warningText?: ReactNode;
+}
+export interface FormInfoItemProps {
+    id: FormFieldLabelProps['inputId'];
+    text: FormFieldInfoProps['error'];
+    textClass: string;
+    icon: IconsProps['name'];
+}
+export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required' | 'ariaLabel' | 'layout' | 'labelTippyCustomizedConfig' | 'labelTooltipConfig'>, FormFieldInfoProps {
+    /**
+     * If true, the field takes the full width of the parent
+     */
+    fullWidth?: boolean;
+    children: ReactElement;
+    borderRadiusConfig?: BorderConfigType;
+    borderConfig?: BorderConfigType;
+    /**
+     * @default false
+     */
+    hideFormFieldInfo?: boolean;
+}

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

@@ -0,0 +1,17 @@
+import { FormFieldInfoProps, FormFieldLabelProps } from './types';
+export declare const getFormErrorElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
+export declare const getFormLabelElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
+export declare const getFormHelperTextElementId: (inputId: FormFieldLabelProps["inputId"]) => string;
+export declare const getFormFieldAriaAttributes: ({ inputId, label, ariaLabel, required, error, helperText, }: Required<Pick<FormFieldLabelProps, "label" | "ariaLabel" | "required" | "inputId"> & Pick<FormFieldInfoProps, "error" | "helperText">>) => {
+    'aria-labelledby': string;
+    'aria-errormessage'?: string;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+    'aria-required': boolean;
+} | {
+    'aria-label': string;
+    'aria-errormessage'?: string;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+    'aria-required': boolean;
+};

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

@@ -0,0 +1,2 @@
+import { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue };

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

@@ -0,0 +1,3 @@
+import { GenericInfoCardProps } from './types';
+declare const GenericInfoCard: ({ title, description, author, isLoading, borderVariant, Icon, onClick, linkProps, }: GenericInfoCardProps) => import("react/jsx-runtime").JSX.Element;
+export default GenericInfoCard;

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

@@ -0,0 +1,2 @@
+import { GenericInfoCardListingProps } from './types';
+export declare const GenericInfoCardListing: ({ isLoading, error, list, searchKey, reloadList, borderVariant, handleClearFilters, emptyStateConfig, }: GenericInfoCardListingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { GenericInfoListSkeletonProps } from './types';
+export declare const GenericInfoListSkeleton: ({ borderVariant }: GenericInfoListSkeletonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,39 @@
+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;
+    author: string;
+    Icon: ReactElement;
+} & ({
+    onClick?: never;
+    linkProps?: Pick<LinkProps, 'to' | 'target' | 'rel'>;
+} | {
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    linkProps?: never;
+});
+export declare enum GenericInfoCardBorderVariant {
+    ROUNDED = "rounded",
+    NONE = "none"
+}
+export type GenericInfoCardProps = {
+    borderVariant: GenericInfoCardBorderVariant;
+} & (({
+    isLoading: true;
+} & 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/GenericInfoCard/utils.d.ts

@@ -0,0 +1,2 @@
+import { GenericInfoCardBorderVariant } from './types';
+export declare const getClassNameForBorderVariant: (variant: GenericInfoCardBorderVariant) => "" | "dc__border-n1";

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalFooterProps, GenericModalHeaderProps, GenericModalProps } from './types';
+declare const GenericModal: {
+    ({ name, open, width, borderRadius, onClose, onEscape, closeOnBackdropClick, children, borderVariant, alignCenter, }: PropsWithChildren<GenericModalProps>): import("react/jsx-runtime").JSX.Element;
+    Header: ({ title }: GenericModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ leftSideElement, buttonConfig, children, }: PropsWithChildren<GenericModalFooterProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export default GenericModal;

package/dist/Shared/Components/GenericModal/GenericModal.context.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { GenericModalContextType } from './types';
+export declare const GenericModalProvider: ({ value, children }: PropsWithChildren<{
+    value: GenericModalContextType;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const useGenericModalContext: () => GenericModalContextType;

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

@@ -0,0 +1,3 @@
+import { BorderVariantType, GenericModalProps } from './types';
+export declare const MODAL_WIDTH_TO_CLASS_NAME_MAP: Record<GenericModalProps['width'], string>;
+export declare const BORDER_VARIANT_TO_CLASS_NAME_MAP: Record<BorderVariantType, string>;

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

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

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

@@ -0,0 +1,41 @@
+import { BackdropProps } from '../Backdrop';
+import { ButtonProps } from '../Button';
+export type BorderVariantType = 'secondary' | 'none' | 'secondary-translucent' | 'primary';
+export interface GenericModalProps extends Partial<Pick<BackdropProps, 'onEscape'>> {
+    /** Unique identifier for the modal */
+    name: string;
+    /** Controls whether the modal is visible or hidden */
+    open: boolean;
+    /** Callback function triggered when the modal is closed */
+    onClose: () => void;
+    /**
+     * Width of the modal (in pixels).
+     * @default 600
+     */
+    width?: 450 | 500 | 600 | 800;
+    borderRadius?: 8 | 12 | 16;
+    /**
+     * Determines if the modal should close when the user clicks outside of it (on the backdrop).
+     * @default false
+     */
+    closeOnBackdropClick?: boolean;
+    borderVariant?: BorderVariantType;
+    alignCenter?: boolean;
+}
+export interface GenericModalContextType extends Pick<GenericModalProps, 'name' | 'onClose'> {
+}
+export interface GenericModalHeaderProps {
+    /** Title text displayed in the modal header */
+    title: string;
+}
+export interface GenericModalFooterProps {
+    /** Configuration for the buttons displayed in the modal footer */
+    buttonConfig?: {
+        /** Properties for the primary action button */
+        primaryButton?: ButtonProps;
+        /** Properties for the secondary action button */
+        secondaryButton?: ButtonProps;
+    };
+    /** Optional element to be displayed on the left side of the footer */
+    leftSideElement?: React.ReactNode;
+}

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

@@ -1,3 +1,4 @@
+import { ButtonComponentType } from '../Button';
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: <T extends ButtonComponentType = ButtonComponentType.button>({ reload, buttonProps, customIcon, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1,8 +1,7 @@
-export interface GenericSectionErrorStateProps {
-    /**
-     * Handler for reloading the section
-     */
-    reload?: () => void;
+import { JSX, ReactNode } from 'react';
+import { ButtonComponentType, ButtonProps } from '../Button';
+import { IconsProps } from '../Icon';
+export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {
     /**
      * If true, border is added to the section
      *
@@ -16,11 +15,11 @@ export interface GenericSectionErrorStateProps {
     /**
      * @default 'We could not load the information on this page.'
      */
-    subTitle?: string;
+    subTitle?: ReactNode;
     /**
      * @default 'Please reload or try again later'
      */
-    description?: string;
+    description?: ReactNode;
     /**
      * @default 'Reload'
      */
@@ -29,10 +28,40 @@ export interface GenericSectionErrorStateProps {
      * to be applied on parent div
      */
     rootClassName?: string;
+} & ({
+    /**
+     * If provided, Icon with ic-circle-loader
+     */
+    progressingProps: Omit<IconsProps, 'name'>;
+    useInfoIcon?: false;
+    customIcon?: never;
+} | {
+    progressingProps?: never;
     /**
      * If true, info icon would be used instead of error
      *
      * @default false
      */
-    useInfoIcon?: boolean;
-}
+    useInfoIcon: true;
+    customIcon?: never;
+} | {
+    progressingProps?: never;
+    useInfoIcon?: never;
+    customIcon?: never;
+} | {
+    customIcon: JSX.Element;
+    progressingProps?: never;
+    useInfoIcon?: never;
+}) & ({
+    /**
+     * Handler for reloading the section
+     */
+    reload: () => void;
+    buttonProps?: never;
+} | {
+    reload?: never;
+    buttonProps: ButtonProps<ButtonType>;
+} | {
+    reload?: never;
+    buttonProps?: never;
+});

package/dist/Shared/Components/GettingStartedCard/GettingStarted.d.ts

@@ -1,3 +1,3 @@
 import { GettingStartedType } from './types';
-declare const GettingStartedCard: ({ className, hideGettingStartedCard }: GettingStartedType) => JSX.Element;
+declare const GettingStartedCard: ({ hideGettingStartedCard }: GettingStartedType) => import("react/jsx-runtime").JSX.Element;
 export default GettingStartedCard;

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

@@ -8,8 +8,5 @@ export interface LoginCountType extends ResponseType {
     result?: LoginCount;
 }
 export interface GettingStartedType {
-    className: string;
-    showHelpCard: boolean;
     hideGettingStartedCard: (count?: string) => void;
-    loginCount: number;
 }

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

@@ -1,3 +1,3 @@
 import { GitCommitInfoGenericProps } from './types';
-declare const GitCommitInfoGeneric: ({ materialSourceType, materialSourceValue, commitInfo, selectedCommitInfo, materialUrl, showMaterialInfoHeader, canTriggerBuild, index, isExcluded, }: GitCommitInfoGenericProps) => JSX.Element;
+declare const GitCommitInfoGeneric: ({ materialSourceType, materialSourceValue, commitInfo, selectedCommitInfo, materialUrl, showMaterialInfoHeader, index, isExcluded, }: GitCommitInfoGenericProps) => import("react/jsx-runtime").JSX.Element;
 export default GitCommitInfoGeneric;

package/dist/Shared/Components/GitCommitInfoGeneric/GitMaterialInfoHeader.d.ts

@@ -5,5 +5,5 @@ declare const GitMaterialInfoHeader: ({ index, repoUrl, materialType, materialVa
     materialType?: string;
     materialValue?: string;
     style?: {};
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default GitMaterialInfoHeader;

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

@@ -0,0 +1,2 @@
+import { GitProviderIconProps } from './types';
+export declare const GitProviderIcon: ({ gitProvider, size, gitRepoUrl }: GitProviderIconProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+import { GitProviderType } from '../../../Common/Constants';
+import { IconsProps } from '../Icon';
+export type GitProviderIconProps = {
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+} & ({
+    gitProvider: GitProviderType;
+    gitRepoUrl?: never;
+} | {
+    gitProvider?: never;
+    gitRepoUrl: string;
+});

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

@@ -0,0 +1,3 @@
+import { IconName } from '../Icon';
+export declare const isAWSCodeCommitURL: (url?: string) => boolean;
+export declare const getGitIconName: (repoUrl: string) => IconName;

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

@@ -0,0 +1,2 @@
+import { GraphVisualizerProps } from './types';
+export declare const GraphVisualizer: ({ nodes: initialNodes, edges: initialEdges, setNodes, setEdges, }: GraphVisualizerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/BaseNode.d.ts

@@ -0,0 +1,2 @@
+import { BaseNodeProps } from './types';
+export declare const BaseNode: ({ id, className, isConnectable, children }: BaseNodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/DropdownNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { DropdownNodeProps } from './types';
+export declare const DropdownNode: ({ id, data, isConnectable }: NodeProps<DropdownNodeProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/IconNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { IconNodeProps } from './types';
+export declare const IconNode: ({ data, id, isConnectable }: NodeProps<IconNodeProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/TextNode.d.ts

@@ -0,0 +1,3 @@
+import { NodeProps } from '@xyflow/react';
+import { TextNodeProps } from './types';
+export declare const TextNode: ({ id, data, isConnectable }: NodeProps<TextNodeProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/GraphVisualizer/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DropdownNode';
+export * from './IconNode';
+export * from './TextNode';
+export * from './types';

package/dist/Shared/Components/GraphVisualizer/components/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from 'react';
+import { Node } from '@xyflow/react';
+import { SelectPickerProps } from '../../SelectPicker';
+export interface BaseNodeProps {
+    id: string;
+    className?: string;
+    isConnectable: boolean;
+    children: ReactNode;
+}
+export type IconNodeProps = Node<{
+    icon: ReactElement;
+}, 'iconNode'>;
+export type TextNodeProps = Node<{
+    icon?: ReactElement;
+    text: string;
+}, 'textNode'>;
+export type DropdownNodeProps = Node<Omit<SelectPickerProps<string | number, false>, 'variant' | 'fullWidth' | 'classNamePrefix' | 'menuPosition' | 'menuSize' | 'menuPortalTarget' | 'error'> & {
+    isError?: boolean;
+}, 'dropdownNode'>;

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

@@ -0,0 +1,15 @@
+import { NodeTypes, Viewport } from '@xyflow/react';
+declare const nodeTypes: {
+    iconNode: ({ data, id, isConnectable }: import('@xyflow/react').NodeProps<import('./components').IconNodeProps>) => import("react/jsx-runtime").JSX.Element;
+    textNode: ({ id, data, isConnectable }: import('@xyflow/react').NodeProps<import('./components').TextNodeProps>) => import("react/jsx-runtime").JSX.Element;
+    dropdownNode: ({ id, data, isConnectable }: import('@xyflow/react').NodeProps<import('./components').DropdownNodeProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NODE_TYPES: NodeTypes;
+export declare const NODE_WIDTH_MAP: Record<keyof typeof nodeTypes, number>;
+export declare const NODE_HEIGHT_MAP: Record<keyof typeof nodeTypes, number>;
+export declare const PADDING_X = 16;
+export declare const PADDING_Y = 20;
+export declare const NODE_GAP_X = 50;
+export declare const NODE_GAP_Y = 12;
+export declare const DEFAULT_VIEWPORT: Viewport;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './GraphVisualizer';
+export type { GraphVisualizerEdge, GraphVisualizerNode, GraphVisualizerProps } from './types';

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

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Edge } from '@xyflow/react';
+import { DropdownNodeProps, IconNodeProps, TextNodeProps } from './components';
+export type GraphVisualizerExtendedNode = IconNodeProps | TextNodeProps | DropdownNodeProps;
+export type GraphVisualizerNode = Omit<IconNodeProps, 'position'> | Omit<TextNodeProps, 'position'> | Omit<DropdownNodeProps, 'position'>;
+export type GraphVisualizerEdge = Omit<Edge, 'type'>;
+export interface GraphVisualizerProps {
+    nodes: GraphVisualizerNode[];
+    setNodes: Dispatch<SetStateAction<GraphVisualizerNode[]>>;
+    edges: GraphVisualizerEdge[];
+    setEdges: Dispatch<SetStateAction<GraphVisualizerEdge[]>>;
+}

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

@@ -0,0 +1,17 @@
+import { Edge } from '@xyflow/react';
+import { GraphVisualizerExtendedNode, GraphVisualizerProps } from './types';
+/**
+ * Processes edges by assigning a default type and customizing the marker (arrow style).
+ *
+ * @param edges - List of all edges representing connections between nodes.
+ * @returns A new array of edges with updated properties.
+ */
+export declare const processEdges: (edges: GraphVisualizerProps["edges"]) => Edge[];
+/**
+ * Processes nodes by calculating their positions based on parent-child relationships.
+ *
+ * @param nodes - List of all nodes in the graph.
+ * @param edges - List of all edges representing parent-child relationships.
+ * @returns A new array of nodes with computed positions.
+ */
+export declare const processNodes: (nodes: GraphVisualizerProps["nodes"], edges: GraphVisualizerProps["edges"]) => GraphVisualizerExtendedNode[];

package/dist/Shared/Components/Header/HeaderWithCreateButton/HeaderWithCreateButon.d.ts

@@ -1,5 +1,3 @@
-export interface HeaderWithCreateButtonProps {
-    headerName: string;
-}
-export declare const HeaderWithCreateButton: ({ headerName }: HeaderWithCreateButtonProps) => JSX.Element;
+import { HeaderWithCreateButtonProps } from './types';
+export declare const HeaderWithCreateButton: ({ viewType }: HeaderWithCreateButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderWithCreateButton;

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

@@ -0,0 +1,10 @@
+import { ActionMenuProps } from '../../ActionMenu';
+export interface HeaderWithCreateButtonProps {
+    viewType?: 'jobs' | 'apps' | 'infra-apps';
+}
+export declare enum CreateActionMenuItems {
+    CUSTOM_APP = "create-custom-app",
+    CHART_STORE = "create-from-chart-store",
+    JOB = "create-job"
+}
+export type CreateActionMenuProps = ActionMenuProps<CreateActionMenuItems>;

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

@@ -0,0 +1,2 @@
+import { CreateActionMenuProps } from './types';
+export declare const getCreateActionMenuOptions: (createCustomAppURL: string, createJobURL: string) => CreateActionMenuProps["options"];

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

@@ -0,0 +1,2 @@
+import { HelpButtonProps } from './types';
+export declare const HelpButton: ({ serverInfo, fetchingServerInfo, onClick, hideGettingStartedCard, docPath, }: HelpButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const IframePromoButton: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
 import { PageHeaderType } from './types';
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, headerImage, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, onClose, tippyProps, closeIcon, docPath, }: PageHeaderType) => import("react/jsx-runtime").JSX.Element;
 export default PageHeader;

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

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

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

@@ -1,3 +1,5 @@
-import { HelpOptionType } from './types';
-export declare const EnterpriseHelpOptions: HelpOptionType[];
-export declare const OSSHelpOptions: HelpOptionType[];
+import { HelpButtonActionMenuProps, PageHeaderType } from './types';
+export declare const getCommonHelpActionMenuItems: ({ docPath, }: Pick<PageHeaderType, "docPath">) => HelpButtonActionMenuProps["options"][number]["items"];
+export declare const OSS_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];
+export declare const ENTERPRISE_TRIAL_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];
+export declare const ENTERPRISE_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options'][number]['items'];

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

@@ -1,2 +1,3 @@
-export { default as PageHeader } from './PageHeader';
 export * from './HeaderWithCreateButton';
+export { default as PageHeader } from './PageHeader';
+export * from './utils';

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

@@ -1,29 +1,28 @@
-import { ModuleStatus } from '../../types';
+import { JSX } from 'react';
+import { InstallationType, ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
-export declare enum InstallationType {
-    OSS_KUBECTL = "oss_kubectl",
-    OSS_HELM = "oss_helm",
-    ENTERPRISE = "enterprise"
-}
+import { ActionMenuProps } from '../ActionMenu';
+import { DOCUMENTATION } from '../DocLink';
 export interface PageHeaderType {
     headerName?: string;
+    headerImage?: string;
     showTabs?: boolean;
     additionalHeaderInfo?: () => JSX.Element;
     renderHeaderTabs?: () => JSX.Element;
     isBreadcrumbs?: boolean;
     breadCrumbs?: () => JSX.Element;
     renderActionButtons?: () => JSX.Element;
-    showCloseButton?: boolean;
-    onClose?: () => void;
-    markAsBeta?: boolean;
-    showAnnouncementHeader?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
+    tippyProps?: Pick<TippyCustomizedProps<false>, 'additionalContent'> & {
         isTippyCustomized?: boolean;
-        tippyRedirectLink?: string;
+        tippyRedirectLink?: keyof typeof DOCUMENTATION;
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
+        tippyHeader?: string;
     };
+    onClose?: () => void;
+    closeIcon?: JSX.Element;
+    docPath?: string;
 }
 export interface ServerInfo {
     currentVersion: string;
@@ -34,17 +33,32 @@ export interface ServerInfo {
 export interface ServerInfoResponse extends ResponseType {
     result?: ServerInfo;
 }
-export interface HelpNavType {
-    className: string;
-    setShowHelpCard: React.Dispatch<React.SetStateAction<boolean>>;
+export interface HelpButtonProps extends Pick<PageHeaderType, 'docPath'> {
     serverInfo: ServerInfo;
     fetchingServerInfo: boolean;
-    setGettingStartedClicked: (isClicked: boolean) => void;
-    showHelpCard: boolean;
+    onClick: () => void;
+    hideGettingStartedCard: () => void;
+}
+export declare enum HelpMenuItems {
+    GETTING_STARTED = "getting-started",
+    VIEW_DOCUMENTATION = "view-documentation",
+    JOIN_DISCORD_COMMUNITY = "join-discord-community",
+    ABOUT_DEVTRON = "about-devtron",
+    REQUEST_SUPPORT = "request-support",
+    OPEN_NEW_TICKET = "open-new-ticket",
+    VIEW_ALL_TICKETS = "view-all-tickets",
+    GIVE_FEEDBACK = "give-feedback",
+    CHAT_WITH_SUPPORT = "chat-with-support",
+    RAISE_ISSUE_REQUEST = "raise-issue-request",
+    UPGRADE_TO_OSS_PLUS = "upgrade-to-oss-plus",
+    DEVTRON_GPT = "devtron-gpt"
+}
+export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>;
+export interface ProfileMenuProps {
+    user: string;
+    onClick?: () => void;
 }
-export interface HelpOptionType {
-    name: string;
-    link: string;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    showSeparator?: boolean;
+export interface HelpActionOptionTypes extends Pick<PageHeaderType, 'docPath'> {
+    isEnterprise: boolean;
+    isTrialOrFreemium: boolean;
 }

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

@@ -1,3 +1,5 @@
+import { HelpActionOptionTypes, HelpButtonActionMenuProps } from './types';
 export declare const getDateInMilliseconds: (days: any) => number;
-export declare const handlePostHogEventUpdate: (e: any, eventName?: string) => Promise<void>;
+export declare const handlePostHogEventUpdate: (eventName: string) => Promise<void>;
 export declare const setActionWithExpiry: (key: string, days: number) => void;
+export declare const getHelpActionMenuOptions: ({ isEnterprise, isTrialOrFreemium, docPath, }: HelpActionOptionTypes) => HelpButtonActionMenuProps["options"];