@pisell/materials 6.6.2 → 6.6.4

package/es/components/filter/types.d.ts

@@ -1,46 +0,0 @@
-import { ModeType } from "../table/types";
-/**
- * 筛选总配置
- */
-export declare type FilterType = {
-    /** 筛选是否展示 */
-    show: boolean;
-    /** 筛选项排序按钮是否展示 */
-    sortButtonShow: boolean;
-    /** 筛选列表 */
-    list: FilterItemProps[];
-    items?: string[];
-    /** 快速筛选最大长度 */
-    quickFilterMaxLength: number;
-    /** 配置存储模式 */
-    storageMode: "" | "localStorage";
-    /** 筛选列表项dom */
-    dom?: any;
-};
-/**
- * 筛选列表项配置
- */
-export declare type FilterItemProps = {
-    type: "single" | "input" | "datePicker" | "rangePicker" | "search";
-    name?: string | string[];
-    key: string;
-    props: object;
-    label?: string;
-    sort?: boolean;
-    localFilter?: boolean;
-    other: Record<string, any>;
-    isCustom?: boolean;
-    columnKey?: string;
-    isHidden?: boolean;
-};
-/**
- * 筛选组件属性
- */
-export interface FilterProps {
-    filter: FilterType;
-    isRenderFormContent: boolean;
-    onValuesChange?: () => void;
-    tableId?: string;
-    viewMode?: ModeType;
-    isMobile?: boolean;
-}

package/es/components/icon/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface IconProps {
-    type: string;
-    className?: string;
-    size?: number;
-    color?: string;
-    rotate?: number;
-    spin?: boolean;
-    style?: React.CSSProperties;
-}
-declare const _default: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
-export default _default;

package/es/components/iconSelect/utils.d.ts

@@ -1,14 +0,0 @@
-export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
-export declare function get(obj: any, path: string, defaultValue?: any): any;
-export declare function getAntdIconList(): ({
-    name: any;
-    group: "filled" | "outlined" | "two-tone";
-    icon: any;
-} | null)[];
-interface IconItem {
-    name: string;
-    group: IconGroup;
-    icon: any;
-}
-export declare function getIconList(): IconItem[];
-export {};

package/es/components/iconfont/index.d.ts

@@ -1,8 +0,0 @@
-import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
-import React from 'react';
-interface IconFontProps extends IconComponentProps {
-    type: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-}
-declare const IconFont: React.FC<IconFontProps>;
-export default IconFont;

package/es/components/image/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ImageProps as AntdImageProps } from 'antd';
-export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
-    /**
-     * 占位图类型
-     */
-    fallbackType?: 'image' | 'avatar' | 'product';
-}
-declare const Image: React.FC<ImageProps>;
-export default Image;

package/es/components/input/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { InputProps, InputRef } from "antd";
-declare const OriginalGroup: import("react").FC<import("antd/es/input").GroupProps>, OriginalTextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, OriginalPassword: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<InputRef>>, OriginalSearch: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<InputRef>>;
-declare type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
-    Group: typeof OriginalGroup;
-    Search: typeof OriginalSearch;
-    TextArea: typeof OriginalTextArea;
-    Password: typeof OriginalPassword;
-};
-declare const Input: CompoundedComponent;
-export default Input;

package/es/components/input-number-range/index.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { InputNumberProps } from "antd/es/input-number";
-declare type ValueType = {
-    max: number | null;
-    min: number | null;
-};
-declare type InputNumberRangeProps = {
-    value?: ValueType;
-    onChange?: (value: ValueType) => void;
-    minInputNumberProps?: Omit<InputNumberProps<number>, "value" | "onChange">;
-    maxInputNumberProps?: Omit<InputNumberProps<number>, "value" | "onChange">;
-    separator?: React.ReactNode;
-};
-declare const InputNumberRange: React.FC<InputNumberRangeProps>;
-export default InputNumberRange;

package/es/components/keyboard/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type ItemValue = string | number;
-export interface Item {
-    value: ItemValue;
-    label: React.ReactNode;
-    disabled: boolean;
-    type: 'text' | 'primary';
-    style?: React.CSSProperties;
-    size?: number;
-}
-export interface KeyboardProps {
-    id?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (value?: ItemValue) => void;
-    items?: Item[];
-    rightItems?: Item[];
-    keydown?: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
-export default _default;

package/es/components/login-and-register/index.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import './index.less';
-/**
- * loginAndRegister组件的属性接口
- */
-export interface loginAndRegisterProps {
-    /** Logo相关配置 */
-    showLogo?: boolean;
-    logo?: string;
-    logoPosition?: 'left' | 'center' | 'right';
-    logoSize?: {
-        width?: number;
-        height?: number;
-    };
-    /** 标题相关配置 */
-    title?: string;
-    showTitle?: boolean;
-    titleAlign?: 'left' | 'center' | 'right';
-    /** 副标题相关配置 */
-    subtitle?: string;
-    showSubtitle?: boolean;
-    subtitleAlign?: 'left' | 'center' | 'right';
-    /** 登录方式配置 */
-    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
-    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
-    /** 表单配置 */
-    emailLabel?: string;
-    passwordLabel?: string;
-    emailPlaceholder?: string;
-    passwordPlaceholder?: string;
-    emailRules?: any[];
-    buttonText?: string;
-    rememberMeText?: string;
-    forgotPasswordText?: string;
-    showRememberMe?: boolean;
-    showForgotPassword?: boolean;
-    /** 社交登录配置 */
-    socialLoginTexts?: {
-        google?: string;
-        facebook?: string;
-        apple?: string;
-    };
-    /** 底部配置 */
-    showFooter?: boolean;
-    showSignUp?: boolean;
-    signUpText?: string;
-    signUpLink?: string;
-    signUpPosition?: 'left' | 'center' | 'right';
-    otherLinks?: Array<{
-        text: string;
-        url: string;
-    }>;
-    otherLinksPosition?: 'left' | 'center' | 'right';
-    /** 登录/注册切换配置 */
-    showTabs?: boolean;
-    loginTabText?: string;
-    registerTabText?: string;
-    /** 注册表单配置 */
-    registerEmailPlaceholder?: string;
-    registerPasswordPlaceholder?: string;
-    registerButtonText?: string;
-    /** 事件回调 */
-    onLogin?: (values: {
-        email: string;
-        loginMethod: string;
-    }) => void;
-    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
-    onSignUp?: () => void;
-    onRegister?: (values: {
-        email: string;
-        password: string;
-    }) => void;
-    /** 新增背景图片属性 */
-    backgroundImage?: string;
-}
-/**
- * Saas登录组件
- * @param props - 组件属性
- * @returns React组件
- */
-declare const loginAndRegister: React.FC<loginAndRegisterProps>;
-export default loginAndRegister;

package/es/components/modal/index.d.ts

@@ -1,2 +0,0 @@
-declare const Modal: any;
-export default Modal;

package/es/components/organizationTenantSwitcher/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import './index.less';
-interface OrganizationTenantSwitcherProps {
-    onChange?: (value: string, option: any) => void;
-    value: string;
-    options: {
-        label: string;
-        value: string;
-        logo?: string;
-    }[];
-    showLogo?: boolean;
-    showName?: boolean;
-    readOnly?: boolean;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-}
-declare const OrganizationTenantSwitcher: React.FC<OrganizationTenantSwitcherProps>;
-export default OrganizationTenantSwitcher;

package/es/components/page/index.d.ts

@@ -1,5 +0,0 @@
-import { ConfigProviderProps } from '../config-provider';
-interface PageProps extends ConfigProviderProps {
-}
-declare const Page: (props: PageProps) => JSX.Element;
-export default Page;

package/es/components/page-header/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './index.less';
-interface PageHeaderProps {
-    title?: React.ReactNode;
-    showTitle?: boolean;
-    subTitle?: React.ReactNode;
-    showSubTitle?: boolean;
-    showDivider?: boolean;
-    extra?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const PageHeader: (props: PageHeaderProps) => JSX.Element | null;
-export default PageHeader;

package/es/components/pisell-config-provider/context.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export interface PisellContextType {
-    platform: 'h5' | 'pc' | 'ipad';
-    /** 货币符号 */
-    symbol?: string;
-    /** 当前语言环境 */
-    locale?: string;
-    /** 获取货币符号 */
-    getSymbolic?: () => string;
-}
-export declare const PisellContext: import("react").Context<PisellContextType>;
-/**
- * provider外获取当前全局配置
- */
-declare class GlobalConfig {
-    private config;
-    constructor();
-    setConfig(config: PisellContextType): void;
-    getConfig(): PisellContextType;
-}
-export declare const globalConfig: GlobalConfig;
-export default PisellContext;

package/es/components/pisell-config-provider/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { PisellContextType } from './context';
-interface PisellConfigProviderType {
-    platform?: PisellContextType['platform'];
-    children: React.ReactNode;
-    /** 货币符号 */
-    symbol?: string;
-    /** 当前语言环境 */
-    locale?: string;
-    getSymbolic?: () => string;
-}
-declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
-export default PisellConfigProvider;

package/es/components/pisellAdjustPrice/index.d.ts

@@ -1,4 +0,0 @@
-import './index.less';
-import { PisellAdjustPriceProps } from './type';
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
-export default PisellAdjustPrice;

package/es/components/pisellAdjustPrice/type.d.ts

@@ -1,22 +0,0 @@
-export interface PisellAdjustPriceProps {
-    value?: number;
-    originValue: number;
-    defaultValue?: number;
-    onChange?: (val: number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    isShowMainText?: boolean;
-    mainTextColor?: string;
-    isShowSubText?: boolean;
-    subTextColor?: string;
-    resetText?: string;
-    doneText?: string;
-}

package/es/components/pisellAlert/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { AlertProps } from 'antd';
-import './index.less';
-export interface PisellAlertProps extends AlertProps {
-    /** 是否展示忽略按钮 */
-    showDismiss?: boolean;
-    /** 忽略按钮内容 */
-    dismiss?: React.ReactNode;
-    /** 是否展示行为按钮 */
-    showView?: boolean;
-    /** 行为按钮内容 */
-    view?: React.ReactNode;
-    /** 行为按钮点击事件 */
-    onViewClick?: (e: any) => void;
-}
-/**
- * PisellAlert警告提示组件
- * @param props
- * @constructor
- */
-declare const PisellAlert: (props: PisellAlertProps) => false | JSX.Element;
-export default PisellAlert;

package/es/components/pisellAnchor/index.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface Option {
-    id: string | number;
-    name: React.ReactNode;
-}
-export interface PisellAnchorProps {
-    options?: Option[];
-    tab?: string | number;
-    className?: string;
-    style?: React.CSSProperties;
-    onChange?: (key: string | number) => void;
-    onTabClick?: () => void;
-    containerRef?: React.RefObject<HTMLElement>;
-    /**
-     * 平台类型，仅用于样式调整，不再影响锚点滚动功能
-     * 无论pc还是h5模式，点击锚点都会自动滚动到对应内容
-     * @default 'pc'
-     */
-    platform?: 'pc' | 'h5';
-}
-declare const PisellAnchor: React.FC<PisellAnchorProps>;
-export default PisellAnchor;

package/es/components/pisellAppCard/PisellAppCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PisellAppCardProps } from './types';
-import './PisellAppCard.less';
-declare const PisellAppCard: React.FC<PisellAppCardProps>;
-export default PisellAppCard;

package/es/components/pisellAppCard/index.d.ts

@@ -1,3 +0,0 @@
-import PisellAppCard from './PisellAppCard';
-export default PisellAppCard;
-export type { PisellAppCardProps } from './types';

package/es/components/pisellAppCard/types.d.ts

@@ -1,34 +0,0 @@
-import { CSSProperties } from 'react';
-export interface PisellAppCardProps {
-    /** 类名 */
-    className?: string;
-    /** 样式 */
-    style?: CSSProperties;
-    /** 头像地址 */
-    avatar?: string;
-    /** icon */
-    icon?: string;
-    /** 标签列表 */
-    tags?: Array<{
-        label: string;
-        color?: 'success' | 'warning' | 'error' | 'gray';
-        type: 'pill_color' | 'pill_outline';
-    }>;
-    /** 标题 */
-    title: string;
-    /** 描述 */
-    description?: string;
-    /** 底部按钮列表 */
-    bottomButtons?: Array<{
-        label: string;
-        onClick?: () => void;
-        type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
-        hidden: boolean;
-    }>;
-    /** 右侧更多操作列表 */
-    moreActions?: Array<{
-        label: string;
-        onClick?: () => void;
-        icon?: React.ReactNode;
-    }>;
-}

package/es/components/pisellAvatar/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { AvatarProps } from 'antd';
-import './index.less';
-export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-export interface PisellAvatarProps extends Omit<AvatarProps, 'size' | 'shape'> {
-    shape?: 'circle' | 'square';
-    size?: AvatarSize;
-    src?: string;
-    alt?: string;
-    icon?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    useTextAvatar?: boolean;
-    borderRadius?: number;
-    onError?: () => boolean;
-}
-declare const PisellAvatar: React.FC<PisellAvatarProps>;
-export default PisellAvatar;

package/es/components/pisellCard/index.d.ts

@@ -1,19 +0,0 @@
-import { CardProps } from 'antd';
-import './index.less';
-export interface PisellCardProps extends CardProps {
-    bordered?: boolean;
-    selected?: boolean;
-    loading?: boolean;
-    padding?: number;
-    borderRadius?: number;
-    disabled?: boolean;
-    onClick?: () => void;
-    isClickable?: boolean;
-}
-/**
- * Pisell 卡片容器组件
- * @param props
- * @constructor
- */
-declare const PisellCard: (props: PisellCardProps) => JSX.Element;
-export default PisellCard;

package/es/components/pisellCardList/index.d.ts

@@ -1,107 +0,0 @@
-import React from 'react';
-import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
-import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps, FormatOption } from '../pisellWalletPassCard';
-import './index.less';
-export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
-    platform?: PisellContextType['platform'];
-    /** 当用户查看完所有记录时，底部会显示此消息 */
-    endMessage?: React.ReactNode;
-    /** 加载下次数据时的加载站位 */
-    loader?: React.ReactNode;
-    /** 是否有更多数据 */
-    hasMore: boolean;
-    /** 加载更多数据回调 */
-    loadMoreData?: () => Promise<void>;
-    /** 当前list数据 */
-    data: PisellWalletPassCardProps[];
-    /** list空数据时展示内容 */
-    empty?: React.ReactNode;
-    /** 是否展示空状态 */
-    showEmpty?: boolean;
-    /** 是否展示卡片名称 */
-    showName?: boolean;
-    /** 是否展示店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示核销金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示编码 */
-    showCode?: boolean;
-    /** 是否展示到期时间 */
-    showValidDate?: boolean;
-    /** 使用日程信息计算有效期 */
-    validDateBySchedule?: boolean;
-    /** 日程列表 */
-    scheduleList?: any[];
-    /** 是否展示详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示二维码 */
-    showQrCode?: boolean;
-    /** 是否展示封面图 */
-    showCover?: boolean;
-    /** 是否余额货币单位 */
-    showBalanceSymbol?: boolean;
-    /** 卡片大小 */
-    type?: 'default' | 'mini';
-    /** 展示操作按钮 */
-    showActions?: boolean;
-    /** 操作按钮配置 */
-    actions?: {
-        /** 按钮展示方式 */
-        layout: 'expanded' | 'collapsed';
-        /** detail 按钮配置 */
-        detail?: {
-            visible: boolean;
-            iconColor: string;
-        };
-        /** edit按钮配置 */
-        edit?: {
-            visible: boolean;
-            iconColor: string;
-            dialogTitle: string;
-            enableDialog: boolean;
-            fields: {
-                name: string;
-                label: string;
-            };
-        };
-    };
-    /** 编辑编辑按钮后，弹窗展示之前 */
-    beforeEdit?: (value: any, index: number) => Promise<any> | boolean | void;
-    /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any, index: number, data: any) => void;
-    /** 是否展示状态标识 */
-    showStatus?: boolean;
-    /** 名称标题字号字重颜色配置 */
-    nameTitleStyle?: {
-        fontSize: number;
-        fontWeight: number;
-        color: string;
-    };
-    /** 开启编辑金额 */
-    enableEditAmount?: boolean;
-    /** 编辑金额事件 */
-    onConfirmEditAmount?: (value: number, index: number, data: any) => void;
-    /** 是否使用外部详情处理 */
-    useExternalDetail?: boolean;
-    /** 详情事件 */
-    onDetail?: (value: any, index: number) => void;
-    /** 自定义余额格式化函数，如果提供则优先使用 */
-    formatBalance?: (balance?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义余额标题格式化函数，如果提供则优先使用 */
-    formatBalanceTitle?: (balanceTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额格式化函数，如果提供则优先使用 */
-    formatRedeem?: (redeem?: number, option?: FormatOption) => React.ReactNode;
-    /** 自定义使用金额标题格式化函数，如果提供则优先使用 */
-    formatRedeemTitle?: (redeemTitle?: string, option?: FormatOption) => React.ReactNode;
-    /** 编辑金额前事件 */
-    onBeforeEditAmount?: (value: any, index: number, data: any) => Promise<any> | boolean | void;
-    /** 选项点击事件 */
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: any) => void;
-    /** 是否展示选中状态的背景色 */
-    showActiveBackground?: boolean;
-}
-declare const _default: React.NamedExoticComponent<PisellCardListProps>;
-export default _default;

package/es/components/pisellCheckboxGroup/index.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellCheckboxGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    error?: boolean;
-    [key: string]: any;
-}
-declare type PisellCheckboxGroupValue = string | string[] | any;
-export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    direction?: 'horizontal' | 'vertical';
-    fullWidth?: boolean;
-    gap?: number;
-    padding?: number;
-    options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
-    value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
-    rowKey?: string;
-    mode?: 'multiple' | 'single';
-    iconPosition?: 'left' | 'right' | 'hide';
-    optionClassName?: string;
-    optionActiveClassName?: string;
-    onChangeDebounce?: boolean;
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: PisellCheckboxGroupOption) => void;
-    showActiveBackground?: boolean;
-}
-/**
- * @title: PisellCheckboxGroup
- * @description: 选中组件
- * @param {PisellCheckboxGroupProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:34
- */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
-export default PisellCheckboxGroup;

package/es/components/pisellCheckboxGroup/mock.d.ts

@@ -1,4 +0,0 @@
-export declare const mockList: {
-    label: string;
-    value: string;
-}[];

package/es/components/pisellCountdown/utils.d.ts

@@ -1,7 +0,0 @@
-/**
- * 格式化时间字符串函数
- * 该函数将给定的持续时间（以秒为单位）格式化为指定格式的时间字符串
- * @param duration - 持续时间，单位为秒。
- * @param format - 时间格式字符串，其中包含要显示的时间单位及其格式。例如："[HH] hours, [mm] minutes, [ss] seconds"。
- */
-export declare function formatTimeStr(duration: number, format: string): string;

package/es/components/pisellDraggable/components/Action/Action.d.ts

@@ -1,10 +0,0 @@
-import React, { CSSProperties } from 'react';
-import './Action.less';
-export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
-    active?: {
-        fill: string;
-        background: string;
-    };
-    cursor?: CSSProperties['cursor'];
-}
-export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

package/es/components/pisellDraggable/components/Action/index.d.ts

@@ -1,2 +0,0 @@
-export { Action } from './Action';
-export type { Props as ActionProps } from './Action';

package/es/components/pisellDraggable/components/Handle/Handle.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ActionProps } from '../Action';
-export declare const Handle: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<HTMLButtonElement>>;