@renderlesskit/react
Version:
Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by Reakit
44 lines (43 loc) • 3.08 kB
TypeScript
/// <reference types="react" />
import { DialogDisclosureHTMLProps, DialogDisclosureOptions } from "../dialog";
import { PopoverStateReturn } from "./PopoverState";
export declare type PopoverDisclosureOptions = DialogDisclosureOptions & Pick<PopoverStateReturn, "setAnchor">;
export declare type PopoverDisclosureHTMLProps = DialogDisclosureHTMLProps;
export declare type PopoverDisclosureProps = PopoverDisclosureOptions & PopoverDisclosureHTMLProps;
export declare const usePopoverDisclosure: {
(options?: PopoverDisclosureOptions | undefined, htmlProps?: import("reakit/ts").ButtonHTMLProps | undefined, unstable_ignoreUseOptions?: boolean | undefined): import("reakit/ts").ButtonHTMLProps;
unstable_propsAreEqual: (prev: import("reakit/ts").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<import("..").DisclosureStateReturn, "baseId" | "visible" | "toggle"> & Pick<Partial<import("../dialog").DialogStateReturn>, "disclosureRef"> & Pick<PopoverStateReturn, "setAnchor"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").ButtonHTMLAttributes<any>, next: import("reakit/ts").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<import("..").DisclosureStateReturn, "baseId" | "visible" | "toggle"> & Pick<Partial<import("../dialog").DialogStateReturn>, "disclosureRef"> & Pick<PopoverStateReturn, "setAnchor"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").ButtonHTMLAttributes<any>) => boolean;
__keys: readonly any[];
__useOptions: (options: PopoverDisclosureOptions, htmlProps: import("reakit/ts").ButtonHTMLProps) => PopoverDisclosureOptions;
};
export declare const PopoverDisclosure: import("../system").Component<"button", import("reakit/ts").RoleOptions & {
disabled?: boolean | undefined;
focusable?: boolean | undefined;
} & {
unstable_clickOnEnter?: boolean | undefined;
unstable_clickOnSpace?: boolean | undefined;
} & Pick<import("..").DisclosureStateReturn, "baseId" | "visible" | "toggle"> & Pick<Partial<import("../dialog").DialogStateReturn>, "disclosureRef"> & Pick<PopoverStateReturn, "setAnchor"> & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
} & {
disabled?: boolean | undefined;
} & import("react").ButtonHTMLAttributes<any>>;