@procore/core-react 11.20.0-vite.1 → 11.21.0

package/dist/Dropdown/Dropdown.js

@@ -0,0 +1,134 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { CaretDown, CaretUp, EllipsisVertical } from '@procore/core-icons/dist';
+import classNames from 'classnames';
+import React from 'react';
+import { MenuImperative, useMenuImperativeControlNavigation, } from '../MenuImperative/MenuImperative';
+import { OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger/OverlayTrigger';
+import { useI18nContext } from '../_hooks/I18n';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { StyledDropdownButton, StyledDropdownMenu, StyledDropdownSpinner, } from './Dropdown.styles';
+function noop() { }
+function isFunction(obj) {
+    return typeof obj === 'function';
+}
+function isOpen(_a) {
+    var _b = _a.open, open = _b === void 0 ? false : _b;
+    return open;
+}
+var Item = React.forwardRef(function Item(_a, ref) {
+    var _b = _a.restoreFocus, restoreFocus = _b === void 0 ? false : _b, props = __rest(_a, ["restoreFocus"]);
+    return (React.createElement(MenuImperative.Item, __assign({ ref: ref, restoreFocus: restoreFocus }, props)));
+});
+export var DropdownButton = React.forwardRef(function DropdownButton(_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.arrow, arrow = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.open, open = _d === void 0 ? false : _d, _e = _a.focus, focus = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? 'secondary' : _f, props = __rest(_a, ["children", "className", "arrow", "loading", "open", "focus", "variant"]);
+    var caret = arrow && (open ? React.createElement(CaretUp, { size: "sm" }) : React.createElement(CaretDown, { size: "sm" }));
+    var icon = loading ? (React.createElement(StyledDropdownSpinner, { size: "xs", variant: variant === 'primary' ? 'light' : '' })) : (caret);
+    return (React.createElement(StyledDropdownButton, __assign({}, props, { className: classNames(className, {
+            focus: isFunction(focus) ? focus({ open: open }) : focus,
+        }), "aria-busy": loading || undefined, iconRight: icon, "$loading": loading, variant: variant, ref: ref }), children));
+});
+var DropdownMenu = React.forwardRef(function DropdownMenu(_a, ref) {
+    var children = _a.children, footer = _a.footer, i18nScope = _a.i18nScope, menuRef = _a.menuRef, onSearch_ = _a.onSearch, _b = _a.onSelect, onSelect_ = _b === void 0 ? noop : _b, id = _a.id;
+    var overlayTriggerContext = useOverlayTriggerContext();
+    var _c = React.useState(''), search = _c[0], setSearch = _c[1];
+    var _d = useMenuImperativeControlNavigation(menuRef, Boolean(onSearch_), {
+        menuId: id,
+    }), menuProps = _d.menuProps, menuNavigationTriggerProps = _d.menuNavigationTriggerProps;
+    function onSelect(selection) {
+        overlayTriggerContext.hide({ restoreFocus: selection.restoreFocus });
+        onSelect_(selection);
+    }
+    function onSearch(e) {
+        setSearch(e.target.value);
+        onSearch_ === null || onSearch_ === void 0 ? void 0 : onSearch_(e);
+    }
+    React.useEffect(function () {
+        var _a;
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+    }, [menuRef, search]);
+    function onKeyDown(e) {
+        // This is disconnected from the OverlayTrigger closing on Escape.
+        // Closing a dropdown with Escape will not close a Modal, because stopP.
+        // It is called only once because the menu component is unmounted.
+        // The next Escape will propagate.
+        if (e.key === 'Escape' || e.key === 'Esc') {
+            // only let parent listeners (modal, overlay) know when empty
+            e.stopPropagation();
+        }
+    }
+    return (React.createElement(StyledDropdownMenu, { ref: ref, shadowStrength: 2 },
+        React.createElement(MenuImperative, __assign({}, menuProps, { ref: menuRef, onKeyDown: onKeyDown, onSelect: onSelect, role: "menu" }),
+            onSearch_ && (React.createElement(MenuImperative.Search, __assign({}, menuNavigationTriggerProps, { onChange: onSearch, i18nScope: i18nScope }))),
+            React.createElement(MenuImperative.Options, null, children),
+            footer && React.createElement(MenuImperative.Footer, null, footer))));
+});
+/**
+
+ Dropdowns display a list of actions in a menu that opens and closes. We use
+ dropdowns most commonly to trigger an action or to redirect the user to
+ a new page or modal.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdown--demo)
+
+ @see [Design Guidelines](https://design.procore.com/dropdown)
+
+ */
+var Dropdown_ = React.forwardRef(function Dropdown(_a, ref) {
+    var afterHide_ = _a.afterHide, afterShow = _a.afterShow, beforeHide = _a.beforeHide, beforeShow = _a.beforeShow, children = _a.children, error = _a.error, footer = _a.footer, _b = _a.i18nScope, i18nScope = _b === void 0 ? 'core.dropdown' : _b, icon = _a.icon, label = _a.label, _c = _a.onKeyDown, onKeyDown = _c === void 0 ? noop : _c, onSearch = _a.onSearch, _d = _a.onSelect, onSelect = _d === void 0 ? noop : _d, _e = _a.placement, placement = _e === void 0 ? 'bottom-left' : _e, _f = _a.restoreFocusOnHide, restoreFocusOnHide = _f === void 0 ? false : _f, _g = _a.variant, variant = _g === void 0 ? 'secondary' : _g, _h = _a.hasTabbableElements, hasTabbableElements = _h === void 0 ? false : _h, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "children", "error", "footer", "i18nScope", "icon", "label", "onKeyDown", "onSearch", "onSelect", "placement", "restoreFocusOnHide", "variant", "hasTabbableElements"]);
+    var menuRef = React.useRef(null);
+    var buttonRef = React.useRef(null);
+    var isDialog = Boolean(onSearch) || hasTabbableElements;
+    function afterHide(e) {
+        var _a;
+        // @ts-expect-error
+        if ((e === null || e === void 0 ? void 0 : e.key) === 'Escape' || (e === null || e === void 0 ? void 0 : e.restoreFocus)) {
+            (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        afterHide_ === null || afterHide_ === void 0 ? void 0 : afterHide_(e);
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch({
+            target: { value: '' },
+        });
+    }
+    var I18n = useI18nContext();
+    var ariaLabel = props['aria-label'] ||
+        label ||
+        I18n.t("core.dropdown.".concat(props.loading ? 'loading' : 'moreOptions'));
+    return (React.createElement(OverlayTrigger, { role: isDialog ? 'dialog' : 'menu', passA11yPropsToOverlay: !isDialog, autoFocus: true, afterHide: afterHide, afterShow: afterShow, beforeHide: beforeHide, beforeShow: beforeShow, overlay: React.createElement(DropdownMenu, { footer: footer, i18nScope: i18nScope, menuRef: menuRef, onSearch: onSearch, onSelect: onSelect }, children), placement: placement, ref: mergeRefs(ref, buttonRef), restoreFocusOnHide: restoreFocusOnHide },
+        React.createElement(DropdownButton, __assign({}, props, { "aria-label": ariaLabel, arrow: label !== undefined, focus: onSearch ? false : isOpen, icon: props.loading && !label ? undefined : !icon && !label ? (React.createElement(EllipsisVertical, null)) : (icon), onKeyDown: onKeyDown, variant: variant }), label)));
+});
+export var useDropdownContext = useOverlayTriggerContext;
+export function DropdownConsumer(_a) {
+    var children = _a.children;
+    return children(useDropdownContext());
+}
+Dropdown_.displayName = 'Dropdown';
+Item.displayName = 'Dropdown.Item';
+export var Dropdown = addSubcomponents({
+    Item: Item,
+    Group: MenuImperative.Group,
+}, Dropdown_);
+//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/Dropdown/Dropdown.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ButtonVariant } from '../Button/Button.types';
+export declare const StyledDropdownMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDropdownSpinner: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDropdownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button.types").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    $loading: boolean;
+    variant: ButtonVariant;
+}, never>;

package/dist/Dropdown/Dropdown.styles.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { Button } from '../Button/Button';
+import { getBGColor } from '../Button/Button.styles';
+import { Card } from '../Card/Card';
+import { Spinner } from '../Spinner/Spinner';
+export var StyledDropdownMenu = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  max-height: 40vh;\n  max-width: 248px;\n  min-width: inherit;\n"], ["\n  display: flex;\n  max-height: 40vh;\n  max-width: 248px;\n  min-width: inherit;\n"])));
+export var StyledDropdownSpinner = styled(Spinner)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0 6px; // TODO one-off\n"], ["\n  margin: 0 6px; // TODO one-off\n"])));
+export var StyledDropdownButton = styled(Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  pointer-events: ", ";\n\n  ", "\n"], ["\n  pointer-events: ", ";\n\n  ", "\n"])), function (_a) {
+    var disabled = _a.disabled, $loading = _a.$loading;
+    return disabled || $loading ? 'none' : 'inherit';
+}, function (_a) {
+    var $loading = _a.$loading, variant = _a.variant;
+    if ($loading) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), getBGColor(variant).hover);
+    }
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Dropdown.styles.js.map

package/dist/Dropdown/Dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,0JAAA,uFAK7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAC,yGAAA,sCAEnD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,0GAGhD,sBACkB,EACyB,SAEzC,EAMD,IACF,KAVmB,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACrC,OAAA,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;AAAzC,CAAyC,EAEzC,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IACpB,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,wGAAA,wBACM,EAAyB,WACxC,KADe,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EACxC;KACF;AACH,CAAC,CACF,CAAA"}

package/dist/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,184 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button/Button.types';
+import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
+import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
+import { Placement } from '../_utils/types';
+declare type HTMLButtonProps = React.ComponentPropsWithoutRef<'button'>;
+declare type HTMLDivProps = React.ComponentPropsWithoutRef<'div'>;
+export declare type DropdownPlacement = Extract<Placement, 'bottom' | 'bottom-left' | 'bottom-right' | 'top' | 'top-left' | 'top-right'>;
+export interface DropdownProps extends Omit<HTMLButtonProps, 'onSelect'> {
+    /**
+     * @since 10.19.0
+     */
+    afterHide?: OverlayTriggerProps['afterHide'];
+    /**
+     * @since 10.19.0
+     */
+    afterShow?: OverlayTriggerProps['afterShow'];
+    /**
+     * @since 10.19.0
+     */
+    beforeHide?: OverlayTriggerProps['beforeHide'];
+    /**
+     * @since 10.19.0
+     */
+    beforeShow?: OverlayTriggerProps['beforeShow'];
+    /**
+     * @since 10.19.0
+     */
+    block?: ButtonProps['block'];
+    /**
+     * @since 10.19.0
+     */
+    className?: ButtonProps['className'];
+    /**
+     * @since 10.19.0
+     */
+    disabled?: ButtonProps['disabled'];
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * Content to render in a footer.
+     * @since 10.19.0
+     */
+    footer?: React.ReactNode;
+    /**
+     * The i18n key to use for the dropdowns's configurable strings.
+     * Defaults to using the core library's default strings.
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @remarks string icons have been deprecated, please pass a component from `@procore/core-icons`
+     * @since 10.19.0
+     */
+    icon?: ButtonProps['icon'];
+    /**
+     * The button text.
+     * @since 10.19.0
+     */
+    label?: string;
+    /**
+     * @since 10.19.0
+     */
+    loading?: ButtonProps['loading'];
+    /**
+     * Adds a search bar to the dropdown.
+     * @since 10.19.0
+     */
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * <div>
+     *  <div>Callback for selecting an item from the menu
+     *    <CodeBlock>
+     *    { '({ event: ReactEvent, item: Menu.Item.props.item, group: bool }) => void' }
+     *    </CodeBlock>
+     *  </div>
+     *  <div>
+     *    <Code>item</Code> will be the <Code>item</Code> prop supplied to the{' '}
+     *    <Code>Item</Code> component
+     *  </div>
+     * </div>
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => void;
+    /**
+     * The placement of the overlay.
+     * @default 'bottom-left'
+     * @since 10.19.0
+     */
+    placement?: DropdownPlacement;
+    /**
+     * If focus should return to the button after selection.
+     * @ally Dropdowns hold no value and take an action. Focus is expected
+     * to be moved from a Dropdown to something else, to continue the user flow .
+     * If all actions are inert and does not move focus, set this to `true`.
+     * If some actions are inert consider using `restoreFocus` on `Dropdown.Item`.
+     * Closing Dropdown via `Escape` always restores focus.
+     * @default false
+     * @since 11.13.0
+     */
+    restoreFocusOnHide?: OverlayTriggerProps['restoreFocusOnHide'];
+    /**
+     * The button size
+     * @default 'md'
+     * @since 10.19.0
+     */
+    size?: ButtonProps['size'];
+    /**
+     * @since 10.19.0
+     */
+    trigger?: OverlayTriggerProps['trigger'];
+    /**
+     * @since 10.19.0
+     */
+    type?: ButtonProps['type'];
+    /**
+     * @default 'secondary'
+     * @since 10.19.0
+     */
+    variant?: ButtonProps['variant'];
+    /**
+     * Whether to act as modal dialog.
+     * Should be used when Dropdown has tabbable elements (e.g. buttons in footer).
+     * @default 'false'
+     * @since 11.5.0
+     */
+    hasTabbableElements?: boolean;
+}
+export interface DropdownButtonProps extends ButtonProps {
+    /**
+     * Shows the arrow when activated
+     * @since 10.19.0
+     */
+    arrow?: boolean;
+    /**
+     * Shows the button spinner
+     * @since 10.19.0
+     */
+    loading?: boolean;
+    /**
+     * Changes the direction of the arrow if shown
+     * @since 10.19.0
+     */
+    open?: boolean;
+    /**
+     * @since 11.9.0
+     * If the component should apply a focus appeareance. This is
+     * not DOM focus management, and purely visual.
+     */
+    focus?: boolean | ((obj: {
+        open: boolean;
+    }) => boolean);
+}
+export interface DropdownMenuProps extends Omit<HTMLDivProps, 'onSelect'> {
+    /**
+     * @since 10.19.0
+     */
+    footer?: React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    menuRef: React.RefObject<MenuRef>;
+    /**
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * @since 10.19.0
+     */
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (selection: Selection) => void;
+}
+export interface ConsumerProps {
+    /**
+     * @since 10.19.0
+     */
+    children: (api: any) => JSX.Element;
+}
+export {};

package/dist/Dropdown/Dropdown.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Dropdown.types.js.map

package/dist/Dropdown/Dropdown.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.types.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.types.ts"],"names":[],"mappings":""}

package/dist/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropdown, DropdownConsumer } from './Dropdown';
+export { DropdownProps } from './Dropdown.types';

package/dist/Dropdown/index.js

@@ -0,0 +1,2 @@
+export { Dropdown, DropdownConsumer } from './Dropdown';
+//# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}

package/dist/DropdownFlyout/DropdownFlyout.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DropdownFlyoutProps, FlyoutCaptionProps, FlyoutItemProps, FlyoutListProps } from './DropdownFlyout.types';
+export declare const FlyoutCaption: React.ForwardRefExoticComponent<FlyoutCaptionProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FlyoutItem({ option }: FlyoutItemProps): JSX.Element;
+export declare function FlyoutList({ options, placement, referenceEl, overlayRef: overlayElRef, offset, }: FlyoutListProps): JSX.Element;
+/**
+
+  The dropdown flyout allows for additional menu items to be nested within
+  parent items, which allows more menu options for users.
+  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected
+    to be moved from a Dropdown to something else, to continue the user flow.
+    If the action is inert and does not move focus, this is left to be added
+    by the consumer.
+  @since 10.19.0
+
+  @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdownflyout--demo)
+
+  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)
+
+ */
+export declare const DropdownFlyout: React.ForwardRefExoticComponent<DropdownFlyoutProps & React.RefAttributes<HTMLDivElement>>;

package/dist/DropdownFlyout/DropdownFlyout.helpers.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { DropdownFlyoutProps, DropdownOption, FlyoutOption } from './DropdownFlyout.types';
+export declare function noop(): void;
+export declare function returnFalse(): boolean;
+export declare function hasChildren(option: DropdownOption): boolean;
+export declare function transformOption(options: DropdownOption[], parentId: FlyoutOption['parentId']): FlyoutOption[];
+export declare function useDropdownFlyout({ flyoutOptions, onClick: _onClick, onKeyDown: _onKeyDown, }: Pick<DropdownFlyoutProps, 'onClick' | 'onKeyDown'> & {
+    flyoutOptions: FlyoutOption[];
+}): {
+    isFocused: boolean;
+    isMouseOver: boolean;
+    isOpen: boolean;
+    options: FlyoutOption[];
+    expanded: string[];
+    highlighted: FlyoutOption;
+    expand: (option: FlyoutOption) => void;
+    collapse: (option: FlyoutOption) => void;
+    isHighlighted: (option: FlyoutOption) => boolean;
+    isExpanded: (option: FlyoutOption) => boolean;
+    closeDropdown: () => void;
+    closeSelectedDropdown: (e: Event | React.FocusEvent) => void;
+    openDropdown: () => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    onClick: (option: FlyoutOption) => void;
+    setMouseOver: (isMouseOver: boolean) => void;
+    setFocused: (isFocused: boolean) => void;
+};
+export declare function defaultOptionRenderer(option: DropdownOption): JSX.Element;
+export declare const DropdownFlyoutContext: React.Context<{
+    onClick: (option: FlyoutOption) => void;
+    expand: (option: FlyoutOption) => void;
+    collapse: (option: FlyoutOption) => void;
+    optionRenderer: (option: DropdownOption) => React.ReactNode;
+    isExpanded: (option: FlyoutOption) => boolean;
+    isHighlighted: (option: FlyoutOption) => boolean;
+}>;
+export declare const useDropdownFlyoutContext: () => {
+    onClick: (option: FlyoutOption) => void;
+    expand: (option: FlyoutOption) => void;
+    collapse: (option: FlyoutOption) => void;
+    optionRenderer: (option: DropdownOption) => React.ReactNode;
+    isExpanded: (option: FlyoutOption) => boolean;
+    isHighlighted: (option: FlyoutOption) => boolean;
+};