@devtron-labs/devtron-fe-common-lib 1.13.0-redfish-preview-beta-1 → 1.14.0-beta-0

package/dist/Common/API/QueryClientProvider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const QueryClientProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;

package/dist/Common/API/index.d.ts

@@ -1,3 +1,5 @@
 export declare const post: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions, isMultipartRequest?: boolean) => Promise<import('..').ResponseType<T>>, put: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, patch: <T = any, K = object>(url: string, data: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, get: <T = any>(url: string, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>, trash: <T = any, K = object>(url: string, data?: K, options?: import('..').APIOptions) => Promise<import('..').ResponseType<T>>;
 export { default as CoreAPI } from './CoreAPI';
+export { QueryClientProvider } from './QueryClientProvider';
+export * from './useQueryClient';
 export { abortPreviousRequests, getIsRequestAborted, handleRedirectToLicenseActivation } from './utils';

package/dist/Common/API/useQueryClient.d.ts

@@ -0,0 +1,6 @@
+import { QueryKey, UseMutationOptions, UseMutationResult, useQueryClient, UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
+import { ServerErrors } from '../ServerError';
+import { ResponseType } from '../Types';
+export declare const useQuery: <TQueryFnData = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseQueryOptions<ResponseType<TQueryFnData>, ServerErrors, TData, TQueryKey>) => UseQueryResult<TData, ServerErrors>;
+export declare const useMutation: <TData = unknown, TVariables = void, TContext = unknown>(options: UseMutationOptions<ResponseType<TData>, ServerErrors, TVariables, TContext>) => UseMutationResult<ResponseType<TData>, ServerErrors, TVariables, TContext>;
+export { useQueryClient };

package/dist/Common/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../Types';
+export declare const Checkbox: ({ rootClassName, onClick, name, disabled, value, onChange, tabIndex, isChecked, id, dataTestId, children, }: CheckboxProps) => JSX.Element;

package/dist/Common/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/Common/Common.service.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions, EnvAppsMetaDTO, GetAppsInfoForEnvProps } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -21,7 +21,7 @@ export declare const getDefaultConfig: () => Promise<ResponseType>;
 export declare function getEnvironmentListMinPublic(includeAllowedDeploymentTypes?: boolean): Promise<ResponseType<any>>;
 export declare function getClusterListMin(): Promise<ResponseType<any>>;
 export declare const getResourceGroupListRaw: (clusterId: string) => Promise<ResponseType<ApiResourceType>>;
-export declare function getNamespaceListMin(clusterIdsCsv: string): Promise<EnvironmentListHelmResponse>;
+export declare function getNamespaceListMin(clusterIdsCsv: string, abortControllerRef?: APIOptions['abortControllerRef']): Promise<EnvironmentListHelmResponse>;
 export declare function getWebhookEventsForEventId(eventId: string | number): Promise<ResponseType<any>>;
 /**
  *

package/dist/Common/Constants.d.ts

@@ -5,15 +5,6 @@ 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;
-};
 export declare const PATTERNS: {
     STRING: RegExp;
     DECIMAL_NUMBERS: RegExp;
@@ -42,7 +33,6 @@ export declare const URLS: {
     readonly CREATE_JOB: "create-job";
     readonly GETTING_STARTED: "getting-started";
     readonly STACK_MANAGER_ABOUT: "/stack-manager/about";
-    readonly APP_LIST_HELM: "h";
     readonly APP_CI_DETAILS: "ci-details";
     readonly LOGS: "Logs";
     readonly CREATE: "/create";
@@ -64,7 +54,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly CONFIG_DRIFT: "config-drift";
     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";
@@ -111,6 +100,7 @@ export declare const ROUTES: {
     readonly ATTRIBUTES_CREATE: "attributes/create";
     readonly ATTRIBUTES_UPDATE: "attributes/update";
     readonly APP_LIST_MIN: "app/min";
+    readonly APP_DETAIL: "app/detail";
     readonly CLUSTER_LIST_MIN: "cluster/autocomplete";
     readonly CLUSTER_LIST_RAW: "k8s/capacity/cluster/list/raw";
     readonly PLUGIN_GLOBAL_LIST_DETAIL_V2: "plugin/global/list/detail/v2";

package/dist/Common/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/dist/Common/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GenericEmptyState } from './GenericEmptyState';
+export { default as GenericFilterEmptyState } from './GenericFilterEmptyState';

package/dist/Common/Helper.d.ts

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 import { JSONPathOptions } from 'jsonpath-plus';
 import { AsyncOptions, DeploymentNodeType, UseSearchString } from './Types';
-import { scrollableInterface } from '../Shared';
+import { scrollableInterface, AppType } from '../Shared';
 import * as Sentry from '@sentry/browser';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
@@ -95,8 +95,10 @@ export declare const flatMapOfJSONPaths: (paths: string[], json: object, resultT
 export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => any;
 /**
  * Returns a debounced variant of the function
+ * @deprecated - It should use useRef instead, pls use useDebounce
  */
 export declare const debounce: (func: any, timeout?: number) => (this: any, ...args: any[]) => void;
+export declare const useDebounce: <Callback extends (...args: any[]) => void>(cb: Callback, delay: number) => (...args: Parameters<Callback>) => void;
 /**
  * Returns a capitalized string with first letter in uppercase and rest in lowercase
  */
@@ -144,4 +146,6 @@ export declare const getGoLangFormattedDateWithTimezone: (dateFormat: string) =>
  */
 export declare const getHashedValue: (value: string) => Promise<string | null>;
 export declare const getTTLInHumanReadableFormat: (ttl: number) => string;
+export declare const getAIAnalyticsEvents: (context: string, appType?: AppType) => string;
+export declare const findRight: <T>(arr: T[], predicate: (item: T) => boolean) => T | null;
 export {};

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("R" | "Enter" | "Escape" | "." | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "Space" | "Control" | "Shift" | "Meta" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "action" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "method" | "autoComplete" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "children" | "className" | "name" | "id" | "disabled" | "tagName" | "onError" | "onChange" | "onBlur" | "onSubmit" | "target" | "onFocus" | "autoComplete" | "method" | "action" | "noValidate" | "readonly" | "uiSchema" | "schema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Common/TippyCustomized.d.ts

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

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,5 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
+import { CHECKBOX_VALUE } from '../Types';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, value, isControlled, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -11,5 +12,7 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     throttleOnChange?: boolean;
     shouldToggleValueOnLabelClick?: boolean;
     isLoading?: boolean;
+    value?: CHECKBOX_VALUE;
+    isControlled?: boolean;
 }) => JSX.Element;
 export default Toggle;

package/dist/Common/Types.d.ts

@@ -3,7 +3,7 @@ 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 } from '../Shared';
-import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
+import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, DOCUMENTATION, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -75,8 +75,14 @@ export interface CheckboxProps {
     onClick?: (event: any) => void;
     id?: string;
     dataTestId?: string;
+    children?: ReactNode;
 }
-export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
+export type TippyWithBaseDocLinkTypes<T extends boolean> = {
+    isExternalLink?: T;
+    isEnterprise?: boolean;
+    documentationLink?: T extends true ? string : keyof typeof DOCUMENTATION;
+};
+export type TippyCustomizedProps<T extends boolean> = Pick<TippyProps, 'appendTo'> & TippyWithBaseDocLinkTypes<T> & {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
@@ -101,15 +107,15 @@ export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     animation?: string;
     duration?: number;
     additionalContent?: ReactNode;
-    documentationLink?: string;
     documentationLinkText?: string;
     children: React.ReactElement<any>;
     disableClose?: boolean;
-}
-export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'iconClass' | 'documentationLink' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo'> {
+};
+export interface InfoIconTippyProps<T extends boolean = false> extends Pick<TippyCustomizedProps<T>, 'heading' | 'infoText' | 'iconClass' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo' | 'documentationLink' | 'isEnterprise' | 'isExternalLink'> {
     dataTestid?: string;
-    children?: TippyCustomizedProps['children'];
+    children?: TippyCustomizedProps<T>['children'];
     iconClassName?: string;
+    buttonPadding?: string;
 }
 export interface GenericEmptyStateType {
     title: ReactNode;

package/dist/Common/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../Shared/DocLink';
 export * from './AddCDButton';
 export * from './API';
 export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb';
@@ -15,9 +16,8 @@ export { default as DevtronCopyright } from './DevtronCopyright';
 export * from './DevtronProgressing';
 export * from './Dialogs';
 export * from './DraggableWrapper';
-export * from './Drawer/Drawer';
-export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
-export { default as GenericFilterEmptyState } from './EmptyState/GenericFilterEmptyState';
+export * from './Drawer';
+export * from './EmptyState';
 export { default as ErrorScreenManager } from './ErrorScreenManager';
 export { default as ErrorScreenNotAuthorized } from './ErrorScreenNotAuthorized';
 export * from './GenericDescription';

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/index.d.ts

@@ -0,0 +1 @@
+export type { NewClusterFormFooterProps, NewClusterFormProps } from './types';

package/dist/Pages/GlobalConfigurations/ClustersAndEnvironments/types.d.ts

@@ -0,0 +1,8 @@
+export interface NewClusterFormFooterProps {
+    apiCallInProgress: boolean;
+    handleModalClose: () => void;
+    closeButtonText?: string;
+}
+export interface NewClusterFormProps extends Pick<NewClusterFormFooterProps, 'handleModalClose'> {
+    FooterComponent: React.FunctionComponent<NewClusterFormFooterProps> & Record<'CTA' | 'Start', React.FunctionComponent<{}>>;
+}

package/dist/Pages/GlobalConfigurations/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Authorization';
 export * from './BuildInfra';
+export * from './ClustersAndEnvironments';
 export * from './DeploymentCharts';
 export * from './ScopedVariables';

package/dist/Pages/ResourceBrowser/service.d.ts

@@ -7,4 +7,4 @@ export declare const deleteResource: (resourceListPayload: ResourceListPayloadTy
 export declare const deleteNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const cordonNodeCapacity: (requestPayload: NodeCordonRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const drainNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
-export declare const getClusterListRaw: () => Promise<ResponseType<ClusterDetail[]>>;
+export declare const getClusterListRaw: (abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<ClusterDetail[]>>;

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -1,11 +1,21 @@
 import { Dispatch, ReactElement, SetStateAction } from 'react';
 import { TabProps } from '../../Shared/Components';
+import { InstallationClusterType } from '../../Shared/types';
 import { NodeActionRequest } from './ResourceBrowser.Types';
 export declare enum ClusterFiltersType {
     ALL_CLUSTERS = "all",
     HEALTHY = "healthy",
     UNHEALTHY = "unhealthy"
 }
+export declare enum InstallationClusterStatus {
+    Creating = "Creating",
+    Updated = "Updated",
+    Updating = "Updating",
+    Installed = "Installed",
+    Failed = "Failed",
+    Deleting = "Deleting",
+    Deleted = "Deleted"
+}
 export declare enum ClusterStatusType {
     HEALTHY = "healthy",
     UNHEALTHY = "unhealthy",
@@ -43,6 +53,7 @@ export interface ClusterCapacityType {
     nodeErrors: Record<string, string>[];
     status?: ClusterStatusType;
     isProd: boolean;
+    installationId?: number;
 }
 export interface ClusterDetail extends ClusterCapacityType {
     id: number;
@@ -75,4 +86,31 @@ export type NodeDetailTabsInfoType = (Pick<TabProps, 'label' | 'icon'> & {
     id: string;
     renderComponent: () => JSX.Element;
 })[];
+export interface InstallationClusterStepType {
+    lastTransitionTime: string;
+    lastProbeTime: string;
+    message: string;
+    reason: string;
+    status: 'False' | 'True' | 'Unknown';
+    type: string;
+}
+export interface InstallationClusterConfigDTO {
+    installationId: number;
+    installationStatus: InstallationClusterStatus;
+    name: string;
+    values: string;
+    valuesSchema: string;
+    isProd: boolean;
+    installationType: InstallationClusterType;
+    conditions: InstallationClusterStepType[];
+    installedEntityId: number | 0;
+}
+export interface InstallationClusterConfigType extends Pick<InstallationClusterConfigDTO, 'installationType' | 'conditions'> {
+    schema: object;
+    values: object;
+    installationId: number;
+    name: string;
+    status: InstallationClusterStatus;
+    correspondingClusterId: number | 0;
+}
 export {};

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

@@ -1,3 +1,2 @@
 import { ActionMenuProps } from './types';
-declare const ActionMenu: ({ options, disableDescriptionEllipsis, children, onClick }: ActionMenuProps) => JSX.Element;
-export default ActionMenu;
+export declare const ActionMenu: <T extends string | number = string | number>({ id, options, onClick, position, alignment, width, isSearchable, disableDescriptionEllipsis, buttonProps, children, onOpen, footerConfig, }: ActionMenuProps<T>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ActionMenuItemProps } from './types';
+export declare const ActionMenuItem: <T extends string | number>({ item, itemRef, isFocused, onClick, onMouseEnter, disableDescriptionEllipsis, }: ActionMenuItemProps<T>) => JSX.Element;

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

@@ -1,2 +1,2 @@
-export { default as ActionMenu } from './ActionMenu.component';
-export type { ActionMenuProps } from './types';
+export * from './ActionMenu.component';
+export type { ActionMenuItemType, ActionMenuOptionType, ActionMenuProps } from './types';

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

@@ -1,19 +1,96 @@
-import { ReactElement } from 'react';
-import { GroupBase, OptionsOrGroups } from 'react-select';
+import { LegacyRef, Ref } from 'react';
+import { LinkProps } from 'react-router-dom';
+import { IconsProps } from '../Icon';
+import { PopoverProps, UsePopoverProps } from '../Popover';
 import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
-type ActionMenuOptionType = SelectPickerOptionType & {
+type ConditionalActionMenuComponentType = {
+    /**
+     * @default 'button'
+     */
+    componentType?: 'button';
+    href?: never;
+    to?: never;
+} | {
+    componentType?: 'anchor';
+    /** Specifies the URL for the `<a>` tag. */
+    href: string;
+    to?: never;
+} | {
+    componentType?: 'link';
+    /** Specifies the `to` property for react-router `Link` */
+    to: LinkProps['to'];
+    href?: never;
+};
+type ActionMenuItemIconType = Pick<IconsProps, 'name'> & {
+    /** @default 'N800' */
+    color?: IconsProps['color'];
+};
+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;
+    /** The text label for the menu item. */
+    label: string;
+    /** Indicates whether the menu item is disabled. */
     isDisabled?: boolean;
     /**
+     * Specifies the type of the menu item.
      * @default 'neutral'
      */
     type?: 'neutral' | 'negative';
+    /** Defines the icon to be displayed at the start of the menu item. */
+    startIcon?: ActionMenuItemIconType;
+    /** Defines the icon to be displayed at the end of the menu item. */
+    endIcon?: ActionMenuItemIconType;
+} & ConditionalActionMenuComponentType;
+export type ActionMenuOptionType<T extends string | number> = {
+    /**
+     * The label for the group of menu items. \
+     * This is optional and can be used to categorize items under a specific group.
+     */
+    groupLabel?: string;
+    /**
+     * The list of items belonging to this group.
+     */
+    items: ActionMenuItemType<T>[];
+};
+export type UseActionMenuProps<T extends string | number> = Omit<UsePopoverProps, 'onPopoverKeyDown' | 'onTriggerKeyDown'> & {
+    /**
+     * The options to display in the action menu.
+     */
+    options: ActionMenuOptionType<T>[];
+    /**
+     * Determines whether the action menu is searchable.
+     */
+    isSearchable?: boolean;
+};
+export type ActionMenuProps<T extends string | number = string | number> = UseActionMenuProps<T> & Pick<SelectPickerProps, 'disableDescriptionEllipsis'> & {
+    /**
+     * Callback function triggered when an item is clicked.
+     * @param item - The selected item.
+     */
+    onClick: (item: ActionMenuItemType<T>) => void;
+    /**
+     * Config for the footer at the bottom of action menu list. It is sticky by default
+     */
+    footerConfig?: SelectPickerProps['menuListFooterConfig'];
+} & ({
+    /**
+     * The React element to which the ActionMenu is attached.
+     * @note only use when children is not `Button` component otherwise use `buttonProps`.
+     */
+    children: NonNullable<PopoverProps['triggerElement']>;
+    buttonProps?: never;
+} | {
+    children?: never;
+    /**
+     * Properties for the button to which the Popover is attached.
+     */
+    buttonProps: NonNullable<PopoverProps['buttonProps']>;
+});
+export type ActionMenuItemProps<T extends string | number> = Pick<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis'> & {
+    item: ActionMenuItemType<T>;
+    itemRef: Ref<HTMLAnchorElement> | LegacyRef<HTMLAnchorElement | HTMLButtonElement>;
+    isFocused?: boolean;
+    onMouseEnter?: () => void;
 };
-export interface ActionMenuProps extends Pick<SelectPickerProps, 'disableDescriptionEllipsis'> {
-    children: ReactElement;
-    options: OptionsOrGroups<ActionMenuOptionType, GroupBase<ActionMenuOptionType>>;
-    onClick: (option: SelectPickerOptionType) => void;
-}
-export interface ActionMenuOptionProps extends Pick<ActionMenuProps, 'onClick' | 'disableDescriptionEllipsis'> {
-    option: ActionMenuOptionType;
-}
 export {};