import * as React from "react"; import { Boundary } from "../../common/boundary"; import { Props } from "../../common/props"; import { MenuItemProps } from "../menu/menuItem"; import { IPopoverProps } from "../popover/popover"; /** @deprecated use OverflowList */ export declare type CollapsibleListProps = ICollapsibleListProps; /** @deprecated use OverflowList */ export interface ICollapsibleListProps extends Props { /** Contents to collapse. */ children?: React.ReactNode; /** * Element to render as dropdown target with `CLICK` interaction to show collapsed menu. */ dropdownTarget: JSX.Element; /** * Props to pass to the dropdown. */ dropdownProps?: IPopoverProps; /** * Callback invoked to render each visible item. The item will be wrapped in an `li` with * the optional `visibleItemClassName` prop. */ visibleItemRenderer: (props: MenuItemProps, index: number) => JSX.Element; /** * Which direction the items should collapse from: start or end of the children. * * @default Boundary.START */ collapseFrom?: Boundary; /** * CSS class names to add to `