@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
36 lines • 1.91 kB
TypeScript
import { BoundingBox } from '../../utils/scrollable-containers';
import { LogicalDOMRect } from './dropdown-position';
export interface DropdownPosition {
blockSize: string;
inlineSize: string;
dropBlockStart: boolean;
dropInlineStart: boolean;
insetInlineStart: string;
}
export interface InteriorDropdownPosition extends DropdownPosition {
insetBlockEnd: string;
insetBlockStart: string;
}
export declare const defaultMaxDropdownWidth: number;
export declare const hasEnoughSpaceToStretchBeyondTriggerWidth: ({ triggerElement, dropdownElement, desiredMinWidth, expandToViewport, stretchWidth, stretchHeight, isMobile, }: {
triggerElement: HTMLElement;
dropdownElement: HTMLElement;
desiredMinWidth?: number | undefined;
expandToViewport: boolean;
stretchWidth: boolean;
stretchHeight: boolean;
isMobile: boolean;
}) => boolean;
export declare const getDropdownPosition: ({ triggerElement, dropdownElement, overflowParents, minWidth: desiredMinWidth, preferCenter, stretchWidth, stretchHeight, isMobile, stretchBeyondTriggerWidth, }: {
triggerElement: HTMLElement;
dropdownElement: HTMLElement;
overflowParents: ReadonlyArray<BoundingBox>;
minWidth?: number | undefined;
preferCenter?: boolean | undefined;
stretchWidth?: boolean | undefined;
stretchHeight?: boolean | undefined;
isMobile?: boolean | undefined;
stretchBeyondTriggerWidth?: boolean | undefined;
}) => DropdownPosition;
export declare const calculatePosition: (dropdownElement: HTMLDivElement, triggerElement: HTMLDivElement, verticalContainerElement: HTMLDivElement, interior: boolean, expandToViewport: boolean, preferCenter: boolean, stretchWidth: boolean, stretchHeight: boolean, isMobile: boolean, minWidth?: number, stretchBeyondTriggerWidth?: boolean) => [DropdownPosition, LogicalDOMRect];
//# sourceMappingURL=dropdown-fit-handler.d.ts.map