UNPKG

monday-ui-react-core

Version:

Official monday.com UI resources for application development in React.js

65 lines (64 loc) 3.16 kB
import React, { ReactElement } from "react"; import { SplitButtonSecondaryContentPosition } from "./SplitButtonConstants"; import { DialogPosition } from "../../constants"; import { ButtonProps } from "../Button/Button"; import DialogContentContainer from "../DialogContentContainer/DialogContentContainer"; export interface SplitButtonProps extends ButtonProps { secondaryDialogContent?: ReactElement | (() => string | ReactElement); onSecondaryDialogDidShow?: () => void; onSecondaryDialogDidHide?: () => void; zIndex?: number; secondaryDialogClassName?: string; secondaryDialogPosition?: DialogPosition | SplitButtonSecondaryContentPosition; dialogPaddingSize?: (typeof DialogContentContainer.sizes)[keyof typeof DialogContentContainer.sizes]; /** * the container selector in which to append the dialog * for examples: "body" , ".my-class", "#my-id" */ dialogContainerSelector?: string; shouldCloseOnClickInsideDialog?: boolean; } declare const _default: ((import("../../types/VibeComponent").default<SplitButtonProps, unknown> & Partial<{ secondaryPositions: typeof SplitButtonSecondaryContentPosition; secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition; sizes: { readonly SMALL: "small"; readonly MEDIUM: "medium"; readonly LARGE: "large"; readonly XXS: "xxs"; readonly XS: "xs"; }; colors: typeof import("../Button/ButtonConstants").ButtonColor; kinds: typeof import("../Button/ButtonConstants").ButtonType; inputTags: typeof import("../Button/ButtonConstants").ButtonInputType; dialogPaddingSizes: typeof import("../DialogContentContainer/DialogContentContainerConstants").DialogSize; }>) | (React.FC<SplitButtonProps> & Partial<{ secondaryPositions: typeof SplitButtonSecondaryContentPosition; secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition; sizes: { readonly SMALL: "small"; readonly MEDIUM: "medium"; readonly LARGE: "large"; readonly XXS: "xxs"; readonly XS: "xs"; }; colors: typeof import("../Button/ButtonConstants").ButtonColor; kinds: typeof import("../Button/ButtonConstants").ButtonType; inputTags: typeof import("../Button/ButtonConstants").ButtonInputType; dialogPaddingSizes: typeof import("../DialogContentContainer/DialogContentContainerConstants").DialogSize; }>)) & { secondaryPositions: typeof SplitButtonSecondaryContentPosition; secondaryDialogPositions: typeof SplitButtonSecondaryContentPosition; sizes: { readonly SMALL: "small"; readonly MEDIUM: "medium"; readonly LARGE: "large"; readonly XXS: "xxs"; readonly XS: "xs"; }; colors: typeof import("../Button/ButtonConstants").ButtonColor; kinds: typeof import("../Button/ButtonConstants").ButtonType; inputTags: typeof import("../Button/ButtonConstants").ButtonInputType; dialogPaddingSizes: typeof import("../DialogContentContainer/DialogContentContainerConstants").DialogSize; }; export default _default;