@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/Dropdown/Dropdown.js

@@ -0,0 +1,129 @@
+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 React from 'react';
+import { addSubcomponents } from '../_utils/addSubcomponents';
+import { UNSAFE_Menu as MenuImperative } from '../MenuImperative';
+import { Group } from '../MenuImperative/MenuImperative';
+import { OverlayTrigger } from '../OverlayTrigger';
+import { useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
+import { StyledDropdownButton, StyledDropdownMenu, StyledDropdownSpinner, } from './Dropdown.styles';
+import { DropdownFocusTarget, } from './Dropdown.types';
+var classnames = require('classnames/bind');
+var cx = classnames.bind();
+function noop() { }
+var Item = React.forwardRef(function Item(props, ref) {
+    return React.createElement(MenuImperative.Item, __assign({ ref: ref }, 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.focusTarget, focusTarget = _e === void 0 ? DropdownFocusTarget.search : _e, _f = _a.variant, variant = _f === void 0 ? 'secondary' : _f, props = __rest(_a, ["children", "className", "arrow", "loading", "open", "focusTarget", "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: cx({ focus: open && focusTarget === DropdownFocusTarget.button }, className), "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;
+    var overlayTriggerContext = useOverlayTriggerContext();
+    var _c = React.useState(''), search = _c[0], setSearch = _c[1];
+    function onSelect(selection) {
+        overlayTriggerContext.hide(null);
+        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]);
+    return (React.createElement(StyledDropdownMenu, { ref: ref, shadowStrength: 2 },
+        React.createElement(MenuImperative, { ref: menuRef, onSelect: onSelect },
+            onSearch_ && (React.createElement(MenuImperative.Search, { onChange: onSearch, autoFocus: true, autoComplete: "false", 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/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.variant, variant = _f === void 0 ? 'secondary' : _f, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "children", "error", "footer", "i18nScope", "icon", "label", "onKeyDown", "onSearch", "onSelect", "placement", "variant"]);
+    var menuRef = React.useRef(null);
+    function onKeyDown(e) {
+        var _a, _b, _c;
+        if (e.key === 'Up' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.prev();
+        }
+        else if (e.key === 'Down' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            (_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.next();
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.select(e);
+        }
+        onKeyDown_(e);
+    }
+    // Safari has an issue with giving focus to buttons after clicking on them
+    // if the button or menu do not have focus, the keyboard navigation does not work,
+    // so just focus the menu when we open it. This isn't an issue on other components because
+    // they use a div instead of a button as the trigger
+    function afterShow() {
+        var _a, _b;
+        afterShow_ === null || afterShow_ === void 0 ? void 0 : afterShow_();
+        if (!onSearch) {
+            (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.el) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    }
+    function afterHide() {
+        afterHide_ === null || afterHide_ === void 0 ? void 0 : afterHide_();
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch({
+            target: { value: '' },
+        });
+    }
+    return (React.createElement(OverlayTrigger, { 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: ref, restoreFocusOnHide: false }, function () { return (React.createElement(DropdownButton, __assign({}, props, { arrow: label !== undefined, focusTarget: onSearch ? DropdownFocusTarget.search : DropdownFocusTarget.button, 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';
+Group.displayName = 'Dropdown.Group';
+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("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDropdownSpinner: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Spinner").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledDropdownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").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';
+import { getBGColor } from '../Button/Button.styles';
+import { Card } from '../Card';
+import { Spinner } from '../Spinner';
+export var StyledDropdownMenu = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  max-height: 40vh;\n  max-width: 248px;\n"], ["\n  display: flex;\n  max-height: 40vh;\n  max-width: 248px;\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,WAAW,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,mIAAA,gEAI7C,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,167 @@
+/// <reference types="react" />
+import { Placement } from '../_utils/types';
+import { ButtonProps } from '../Button';
+import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
+import { OverlayTriggerProps } from '../OverlayTrigger';
+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;
+    /**
+     * 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'];
+}
+export declare enum DropdownFocusTarget {
+    button = "button",
+    search = "search"
+}
+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;
+    /**
+     * Determines what target should be focused if shown
+     * @since 10.28.0
+     */
+    focusTarget?: DropdownFocusTarget;
+}
+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.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.types.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AA6HA,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,wCAAiB,CAAA;IACjB,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B"}

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,18 @@
+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, container, placement }: FlyoutItemProps): JSX.Element;
+export declare function FlyoutList({ options, targetRef, overlayRef: ref, container, placement, ...props }: FlyoutListProps): JSX.Element;
+/**
+
+ The dropdown flyout allows for additional menu items to be nested within
+ parent items, which allows more menu options for users.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFlyout.helpers.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.helpers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,EAML,MAAM,GAEP,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,MAAM,UAAU,IAAI,KAAI,CAAC;AAEzB,MAAM,UAAU,WAAW;IACzB,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,QAAQ,CAAgB,GAAQ;IACvC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAA;AACf,CAAC;AACD,SAAS,YAAY,CAAC,QAAwB;IAC5C,OAAO,QAAQ,KAAK,MAAM,CAAA;AAC5B,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,MAAsB;IAChD,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AACvC,CAAC;AAED,SAAS,OAAO,CAAC,KAAY,EAAE,MAAc;IAC3C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,WAAW;YACd,6BACK,KAAK,KACR,WAAW,EAAE,MAAM,CAAC,MAAM,IAC3B;QACH,KAAK,QAAQ;YACX,6BACK,KAAK,KACR,WAAW,EAAE,MAAM,CAAC,MAAM,EAC1B,QAAQ,kCACH,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;oBACpD,MAAM,CAAC,MAAM,CAAC,EAAE;6BAEnB;QACH,KAAK,UAAU;YACb,6BACK,KAAK,KACR,WAAW,EAAE,MAAM,CAAC,MAAM,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAC5D;QACH,KAAK,OAAO;YACV,6BACK,KAAK,KACR,QAAQ,EAAE,EAAE,EACZ,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EACpC,MAAM,EAAE,KAAK,IACd;QACH,KAAK,MAAM;YACT,6BACK,KAAK,KACR,MAAM,EAAE,IAAI,IACb;QACH,KAAK,cAAc;YACjB,6BACK,KAAK,KACR,WAAW,EAAE,MAAM,CAAC,WAAW,IAChC;QACH,KAAK,YAAY;YACf,6BACK,KAAK,KACR,SAAS,EAAE,MAAM,CAAC,SAAS,IAC5B;QACH;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC;AAED,SAAS,QAAQ,CACf,OAAuB,EACvB,QAA4B,EAC5B,YAA8C;IAA9C,6BAAA,EAAA,eAA6B,QAAQ,CAAC,OAAO,CAAC;IAE9C,OAAO,OAAO,CAAC,MAAM,CAAC,UAAC,MAAM,EAAE,OAAO;QACpC,IAAI,OAAO,CAAC,EAAE,KAAK,QAAQ,EAAE;YAC3B,OAAO,OAAO,CAAA;SACf;QAED,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;SACpD;QAED,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,YAAY,CAAC,CAAA;AAClB,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,OAAyB,EACzB,QAAkC;IAElC,OAAO,OAAO,CAAC,MAAM,CAAiB,UAAC,GAAG,EAAE,MAAM;QAChD,IAAM,EAAE,GAAG,IAAI,EAAE,CAAA;QACjB,IAAM,aAAa,cACjB,EAAE,IAAA,EACF,QAAQ,UAAA,EACR,MAAM,EAAE,MAAM,IACX,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI;YACpC,QAAQ,EAAE,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;SAC/C,CAAC,CACH,CAAA;QAED,uCAAW,GAAG,UAAE,aAAa,UAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC;AAED,SAAS,gBAAgB,CACvB,OAAuB,EACvB,QAA4B;IAE5B,IAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IAE1C,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QAClC,uCAAW,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,UAAE,MAAM,CAAC,QAAQ,UAAC;KACxE;IACD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAMjC;QALC,aAAa,mBAAA,EACb,eAAwB,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACb,UAAU,eAAA;IAIf,IAAA,KAGF,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE;QAC5B,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC;QACpC,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,KAAK;KACd,CAAC,EATA,UAAkE,EAAhE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA,EAChE,QAAQ,QAQR,CAAA;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,UAAC,WAAoB,IAAK,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,aAAA,EAAE,CAAC,EAA/C,CAA+C,EACzE,EAAE,CACH,CAAA;IAED,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,SAAkB,IAAK,OAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,WAAA,EAAE,CAAC,EAA3C,CAA2C,EACnE,EAAE,CACH,CAAA;IAED,IAAM,UAAU,GAAG,UAAC,MAAoB,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAA5B,CAA4B,CAAA;IAEzE,IAAM,aAAa,GAAG,UAAC,MAAoB;QACzC,IAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,CAAA;QAC3D,IAAM,WAAW,GACf,MAAM,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,IAAI,SAAS,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,MAAM,CAAC,EAAE,EAAhB,CAAgB,CAAC,CAAA;QAC1E,OAAO,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,WAAW,CAAA;IAClD,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,UAAC,EAAkB,IAAK,OAAA,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,EAArB,CAAqB,EAC7C,CAAC,OAAO,CAAC,CACV,CAAA;IAED,IAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,UAAC,MAAoB;QACnB,OAAA,QAAQ,CAAC;YACP,IAAI,EAAE,QAAQ;YACd,MAAM,QAAA;SACP,CAAC;IAHF,CAGE,EACJ,EAAE,CACH,CAAA;IAED,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,UAAC,MAAoB;QACnB,OAAA,QAAQ,CAAC;YACP,IAAI,EAAE,UAAU;YAChB,MAAM,QAAA;SACP,CAAC;IAHF,CAGE,EACJ,EAAE,CACH,CAAA;IAED,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,UAAC,MAAoB;QACnB,OAAA,QAAQ,CAAC;YACP,IAAI,EAAE,WAAW;YACjB,MAAM,QAAA;SACP,CAAC;IAHF,CAGE,EACJ,EAAE,CACH,CAAA;IAED,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,UAAC,IAA6C;QAC5C,IAAM,IAAI,GAAG,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC;YAC7C,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAA;QACvD,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,EAA1B,CAA0B,CAAC,CAAA;QAExE,QAAQ,IAAI,EAAE;YACZ,KAAK,MAAM;gBACT,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAA;gBAEtE,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;gBAC1B,MAAK;YACP,KAAK,MAAM;gBACT,IAAM,SAAS,GACb,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAA;gBAEzD,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;gBAC1B,MAAK;YACP,KAAK,UAAU;gBACb,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE;oBACvC,MAAM,CAAC,WAAW,CAAC,CAAA;oBAEnB,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAA;iBAC1C;gBACD,MAAK;YACP,KAAK,QAAQ;gBACX,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE;oBACvC,IAAM,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;oBACzD,QAAQ,CAAC,YAAY,CAAC,CAAA;iBACvB;gBACD,MAAK;YACP;gBACE,OAAM;SACT;IACH,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,CACpE,CAAA;IAED,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;QACtC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,UAAC,CAA2B;QAC1B,IACE,CAAC;YACD,CAAC,CAAC,IAAI,KAAK,OAAO;YAClB,CAAE,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,MAAM,EACzC;YACA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;SAC5B;IACH,CAAC,EACD,EAAE,CACH,CAAA;IAED,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;QACrC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,UAAC,MAAoB;QACnB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;YAC/B,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACvB,aAAa,EAAE,CAAA;SAChB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAA;IAED,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,UAAC,CAAC;QACQ,IAAA,GAAG,GAAK,CAAC,IAAN,CAAM;QAEjB,QAAQ,GAAG,EAAE;YACX,KAAK,OAAO;gBACV,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE;oBACxB,YAAY,EAAE,CAAA;iBACf;qBAAM;oBACL,IAAI,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;wBACnC,mBAAmB,CAAC,UAAU,CAAC,CAAA;qBAChC;yBAAM;wBACL,OAAO,CAAC,WAAW,CAAC,CAAA;qBACrB;iBACF;gBACD,MAAK;YACP,KAAK,QAAQ,CAAC;YACd,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE;oBACtC,aAAa,EAAE,CAAA;iBAChB;qBAAM;oBACL,mBAAmB,CAAC,QAAQ,CAAC,CAAA;iBAC9B;gBACD,MAAK;YACP,KAAK,WAAW,CAAC;YACjB,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,mBAAmB,CAAC,MAAM,CAAC,CAAA;gBAC3B,MAAK;YACP,KAAK,SAAS,CAAC;YACf,KAAK,IAAI;gBACP,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,mBAAmB,CAAC,MAAM,CAAC,CAAA;gBAC3B,MAAK;SACR;QACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAA;IACjB,CAAC,EACD;QACE,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,WAAW;QACX,MAAM;QACN,SAAS;QACT,OAAO;QACP,UAAU;KACX,CACF,CAAA;IAED,OAAO;QACL,SAAS,WAAA;QACT,WAAW,aAAA;QACX,MAAM,QAAA;QACN,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,WAAW,aAAA;QACX,MAAM,QAAA;QACN,QAAQ,UAAA;QACR,aAAa,eAAA;QACb,UAAU,YAAA;QACV,aAAa,eAAA;QACb,qBAAqB,uBAAA;QACrB,YAAY,cAAA;QACZ,SAAS,WAAA;QACT,OAAO,SAAA;QACP,YAAY,cAAA;QACZ,UAAU,YAAA;KACX,CAAA;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,MAAsB;IAC1D,OAAO,CACL;QACE,oBAAC,yBAAyB,2BACvB,MAAM,CAAC,KAAK,CACa;QAC3B,WAAW,CAAC,MAAM,CAAC,IAAI,CACtB,oBAAC,8BAA8B,eAAS,yCAAyC,GAAG,CACrF,CACA,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CASrD;IACD,OAAO,EAAE,IAAI;IAEb,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,qBAAqB;IAErC,UAAU,EAAE,WAAW;IACvB,aAAa,EAAE,WAAW;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,OAAA,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC;AAAvC,CAAuC,CAAA"}

package/dist/DropdownFlyout/DropdownFlyout.js

@@ -0,0 +1,140 @@
+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 { EllipsisVertical } from '@procore/core-icons/dist';
+import React from 'react';
+import { useClickOutside } from '../_hooks/ClickOutside';
+import { Trigger } from '../_hooks/Trigger';
+import { Card } from '../Card';
+import { DropdownButton } from '../Dropdown/Dropdown';
+import { Overlay } from '../Overlay';
+import { StyledDropdownFlyout, StyledDropdownFlyoutItem, } from './DropdownFlyout.styles';
+import { rootId, } from './DropdownFlyout.types';
+import { defaultOptionRenderer, noop, useDropdownFlyout, transformOption, DropdownFlyoutContext, useDropdownFlyoutContext, } from './DropdownFlyout.helpers';
+export var FlyoutCaption = React.forwardRef(function FlyoutCaption(_a, ref) {
+    var option = _a.option, highlighted = _a.highlighted, optionRenderer = _a.optionRenderer, props = __rest(_a, ["option", "highlighted", "optionRenderer"]);
+    return (React.createElement(StyledDropdownFlyoutItem, __assign({}, props, { ref: ref, "data-highlighted": highlighted }), optionRenderer(option)));
+});
+FlyoutCaption.displayName = 'FlyoutCaption';
+export function FlyoutItem(_a) {
+    var option = _a.option, container = _a.container, placement = _a.placement;
+    var captionRef = React.useRef(null);
+    var overlayRef = React.useRef(null);
+    var _b = useDropdownFlyoutContext(), isHighlighted = _b.isHighlighted, isExpanded = _b.isExpanded, _onClick = _b.onClick, expand = _b.expand, collapse = _b.collapse, optionRenderer = _b.optionRenderer;
+    var onMouseEnter = React.useCallback(function () { return expand(option); }, [option, expand]);
+    var onMouseLeave = React.useCallback(function (e) {
+        var _a;
+        if (e.relatedTarget instanceof Node &&
+            !((_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
+            collapse(option);
+        }
+    }, [collapse, option]);
+    var onClick = React.useCallback(function () { return _onClick(option); }, [_onClick, option]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FlyoutCaption, { ref: captionRef, option: option.origin, onClick: onClick, optionRenderer: optionRenderer, highlighted: isHighlighted(option), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }),
+        Array.isArray(option.children) && isExpanded(option) ? (React.createElement(FlyoutList, { options: option.children, overlayRef: overlayRef, targetRef: captionRef, container: container, placement: placement })) : null));
+}
+export function FlyoutList(_a) {
+    var options = _a.options, targetRef = _a.targetRef, ref = _a.overlayRef, container = _a.container, placement = _a.placement, props = __rest(_a, ["options", "targetRef", "overlayRef", "container", "placement"]);
+    var overlayRef = React.useRef(null);
+    return (React.createElement(Overlay, __assign({}, __assign(__assign({ ref: ref, overlayRef: overlayRef, targetRef: targetRef, placement: placement, container: container, padding: 0 }, props), { isFlyout: true })),
+        React.createElement(Card, { shadowStrength: 2 },
+            React.createElement(StyledDropdownFlyout, null, options.map(function (option) { return (React.createElement(FlyoutItem, { key: option.id, option: option, container: container, placement: placement })); })))));
+}
+var DefaultButton = React.forwardRef(function DefaultButton(_a, ref) {
+    var children = _a.children, icon = _a.icon, props = __rest(_a, ["children", "icon"]);
+    return (React.createElement(DropdownButton, __assign({}, props, { icon: props.loading ? undefined : !icon && !children ? (React.createElement(EllipsisVertical, null)) : (icon), arrow: !children ? false : true, ref: ref }), children));
+});
+/**
+
+ The dropdown flyout allows for additional menu items to be nested within
+ parent items, which allows more menu options for users.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-dropdownflyout--demo)
+
+ @see [Design Guidelines](https://design.procore.com/dropdown-flyout)
+
+ */
+export var DropdownFlyout = React.forwardRef(function DropdownFlyout(_a, ref) {
+    var disabled = _a.disabled, icon = _a.icon, label = _a.label, loading = _a.loading, _options = _a.options, _b = _a.onClick, _onClick = _b === void 0 ? noop : _b, _c = _a.optionRenderer, optionRenderer = _c === void 0 ? defaultOptionRenderer : _c, children = _a.children, _d = _a.placement, placement = _d === void 0 ? 'right-bottom' : _d, _onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, onMouseDown = _a.onMouseDown, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, size = _a.size, _e = _a.variant, variant = _e === void 0 ? 'secondary' : _e, props = __rest(_a, ["disabled", "icon", "label", "loading", "options", "onClick", "optionRenderer", "children", "placement", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "onMouseEnter", "onMouseLeave", "size", "variant"]);
+    var innerRef = React.useRef(null);
+    var container = ref || innerRef;
+    var overlayRef = React.useRef(null);
+    var targetRef = React.useRef(null);
+    var flyoutOptions = React.useMemo(function () { return transformOption(_options, rootId); }, [_options]);
+    var _f = useDropdownFlyout({
+        flyoutOptions: flyoutOptions,
+        onClick: _onClick,
+        onKeyDown: _onKeyDown,
+    }), options = _f.options, collapse = _f.collapse, expand = _f.expand, closeDropdown = _f.closeDropdown, closeSelectedDropdown = _f.closeSelectedDropdown, openDropdown = _f.openDropdown, isOpen = _f.isOpen, onClick = _f.onClick, onKeyDown = _f.onKeyDown, setMouseOver = _f.setMouseOver, setFocused = _f.setFocused, isExpanded = _f.isExpanded, isHighlighted = _f.isHighlighted;
+    useClickOutside({
+        onClickOutside: closeSelectedDropdown,
+        refs: [container],
+    });
+    var element = typeof children === 'function' ? children({ isOpen: isOpen }) : children;
+    var trigger = React.isValidElement(element) ? (element) : (React.createElement(DefaultButton, { children: label, disabled: disabled, loading: loading, icon: icon, size: size, variant: variant }));
+    return (React.createElement("div", __assign({}, props, { ref: container, onKeyDown: onKeyDown, onMouseEnter: function (e) {
+            setMouseOver(true);
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }, onMouseLeave: function (e) {
+            setMouseOver(false);
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }, onFocus: function (e) {
+            setFocused(true);
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        }, onMouseDown: function (e) {
+            var _a, _b;
+            // Discard firing of blur event
+            // when click was inside the dropdown
+            if (e.target.dataset.flyout) {
+                e.preventDefault();
+                return;
+            }
+            if (e.target instanceof Node && ((_a = container.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+                e.preventDefault();
+                (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+        }, onBlur: function (e) {
+            setFocused(false);
+            closeSelectedDropdown(e);
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        } }),
+        React.createElement(Trigger, __assign({}, {
+            isEnabled: isOpen,
+            enable: openDropdown,
+            disable: closeDropdown,
+            trigger: ['click'],
+            triggerRef: targetRef,
+        }), React.cloneElement(trigger, __assign(__assign({}, trigger.props), { tabIndex: 0 }))),
+        React.createElement(DropdownFlyoutContext.Provider, { value: {
+                expand: expand,
+                collapse: collapse,
+                onClick: onClick,
+                isExpanded: isExpanded,
+                isHighlighted: isHighlighted,
+                optionRenderer: optionRenderer,
+            } }, isOpen && (React.createElement(FlyoutList, { options: options, targetRef: targetRef, overlayRef: overlayRef, placement: placement, container: document.body || undefined, padding: 4 })))));
+});
+//# sourceMappingURL=DropdownFlyout.js.map

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFlyout.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EACL,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAKL,MAAM,GACP,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,qBAAqB,EACrB,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,0BAA0B,CAAA;AAEjC,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,SAAS,aAAa,CACtB,EAAiD,EACjD,GAAG;IADD,IAAA,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAK,KAAK,cAA/C,2CAAiD,CAAF;IAG/C,OAAO,CACL,oBAAC,wBAAwB,eACnB,KAAK,IACT,GAAG,EAAE,GAAG,sBACU,WAAW,KAE5B,cAAc,CAAC,MAAM,CAAC,CACE,CAC5B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,UAAU,UAAU,CAAC,EAAiD;QAA/C,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IACvD,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACrD,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,IAAA,KAOF,wBAAwB,EAAE,EAN5B,aAAa,mBAAA,EACb,UAAU,gBAAA,EACD,QAAQ,aAAA,EACjB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,cAAc,oBACc,CAAA;IAE9B,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,MAAM,CAAC,MAAM,CAAC,EAAd,CAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC9E,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,UAAC,CAAmC;;QAClC,IACE,CAAC,CAAC,aAAa,YAAY,IAAI;YAC/B,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAqB,CAAC,CAAA,EACtD;YACA,QAAQ,CAAC,MAAM,CAAC,CAAA;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAA;IAED,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,EAAhB,CAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7E,OAAO,CACL;QACE,oBAAC,aAAa,IACZ,GAAG,EAAE,UAAU,EACf,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,EAClC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC1B;QACD,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACtD,oBAAC,UAAU,IACT,OAAO,EAAE,MAAM,CAAC,QAAQ,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAOT;IANhB,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACG,GAAG,gBAAA,EACf,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cANiB,gEAO1B,CADS;IAER,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IAErD,OAAO,CACL,oBAAC,OAAO,mCAEJ,GAAG,KAAA,EACH,UAAU,YAAA,EACV,SAAS,WAAA,EACT,SAAS,WAAA,EACT,SAAS,WAAA,EACT,OAAO,EAAE,CAAC,IACP,KAAK,KACR,QAAQ,EAAE,IAAI;QAGhB,oBAAC,IAAI,IAAC,cAAc,EAAE,CAAC;YACrB,oBAAC,oBAAoB,QAClB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,oBAAC,UAAU,IACT,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,EAPwB,CAOxB,CAAC,CACmB,CAClB,CACC,CACX,CAAA;AACH,CAAC;AAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,aAAa,CAAC,EAA4B,EAAE,GAAG;IAA/B,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAC/C,OAAO,CACL,oBAAC,cAAc,eACT,KAAK,IACT,IAAI,EACF,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC/C,oBAAC,gBAAgB,OAAG,CACrB,CAAC,CAAC,CAAC,CACF,IAAI,CACL,EAEH,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC/B,GAAG,EAAE,GAAG,KAEP,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CACvB,EAmBC,EACD,GAAG;IAnBD,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACE,QAAQ,aAAA,EACjB,eAAwB,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACxB,sBAAsC,EAAtC,cAAc,mBAAG,qBAAqB,KAAA,EACtC,QAAQ,cAAA,EACR,iBAA0B,EAA1B,SAAS,mBAAG,cAAc,KAAA,EACf,UAAU,eAAA,EACrB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EAClB,KAAK,cAlBV,6MAmBC,CADS;IAIV,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,IAAM,SAAS,GAAI,GAAyC,IAAI,QAAQ,CAAA;IACxE,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACrD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAA;IAEjD,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,cAAM,OAAA,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAjC,CAAiC,EACvC,CAAC,QAAQ,CAAC,CACX,CAAA;IAEK,IAAA,KAcF,iBAAiB,CAAC;QACpB,aAAa,eAAA;QACb,OAAO,EAAE,QAAQ;QACjB,SAAS,EAAE,UAAU;KACtB,CAAC,EAjBA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,aAAa,mBAKb,CAAA;IAEF,eAAe,CAAC;QACd,cAAc,EAAE,qBAAqB;QACrC,IAAI,EAAE,CAAC,SAAS,CAAC;KAClB,CAAC,CAAA;IAEF,IAAM,OAAO,GACX,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAElE,IAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC9C,OAAO,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;IACD,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,UAAC,CAAC;YACd,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,YAAY,EAAE,UAAC,CAAC;YACd,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,OAAO,EAAE,UAAC,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;QACd,CAAC,EACD,WAAW,EAAE,UAAC,CAAC;;YACb,+BAA+B;YAC/B,qCAAqC;YACrC,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC5C,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,OAAM;aACP;YACD,IAAI,CAAC,CAAC,MAAM,YAAY,IAAI,KAAI,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA,EAAE;gBACrE,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;aAC3B;YACD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAA;QAClB,CAAC,EACD,MAAM,EAAE,UAAC,CAAC;YACR,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,qBAAqB,CAAC,CAAC,CAAC,CAAA;YACxB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAA;QACb,CAAC;QAED,oBAAC,OAAO,eACF;YACF,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,CAAC,OAAO,CAAC;YAClB,UAAU,EAAE,SAAS;SACtB,GAEA,KAAK,CAAC,YAAY,CAAC,OAAO,wBACtB,OAAO,CAAC,KAAK,KAChB,QAAQ,EAAE,CAAC,IACX,CACM;QACV,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;gBACL,MAAM,QAAA;gBACN,QAAQ,UAAA;gBACR,OAAO,SAAA;gBACP,UAAU,YAAA;gBACV,aAAa,eAAA;gBACb,cAAc,gBAAA;aACf,IAEA,MAAM,IAAI,CACT,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,QAAQ,CAAC,IAAI,IAAI,SAAS,EACrC,OAAO,EAAE,CAAC,GACV,CACH,CAC8B,CAC7B,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -0,0 +1,16 @@
+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 from 'styled-components';
+import { arrowRight } from '../_styles/arrows';
+import { colors } from '../_styles/colors';
+import { getEllipsis } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+export var StyledDropdownFlyout = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column;\n  width: 100%;\n  max-height: 855px;\n  padding: ", "px 0;\n"])), spacing.sm);
+export var StyledDropdownFlyoutItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ", "px ", "px;\n  color: ", ";\n  ", "\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  width: 100%;\n  padding: ", "px ", "px;\n  color: ", ";\n  ", "\n\n  &[data-highlighted='true'],\n  &:hover {\n    background-color: ", ";\n  }\n"])), spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
+export var StyledDropdownFlyoutLabel = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis());
+export var StyledDropdownFlyoutExpandIcon = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ", "px;\n  white-space: nowrap;\n\n  ", "\n"], ["\n  position: relative;\n  display: inline-flex;\n  align-self: center;\n  flex-shrink: 0;\n  margin-left: ", "px;\n  white-space: nowrap;\n\n  ", "\n"])), spacing.lg, arrowRight(4, 'black'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/DropdownFlyout/DropdownFlyout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownFlyout.styles.js","sourceRoot":"","sources":["../../src/DropdownFlyout/DropdownFlyout.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,oMAAA,sHAMjC,EAAU,SACtB,KADY,OAAO,CAAC,EAAE,CACtB,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,uSAAA,4GAOrC,EAAU,KAAM,EAAU,gBAC5B,EAAa,OACpB,EAA2B,wEAIP,EAAa,UAEpC,KARY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAC5B,MAAM,CAAC,MAAM,EACpB,mBAAmB,CAAC,MAAM,CAAC,EAIP,MAAM,CAAC,MAAM,CAEpC,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,+EAAA,MAChD,EAAa,IAChB,KADG,WAAW,EAAE,CAChB,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,IAAI,2NAAA,6GAKxC,EAAU,mCAGvB,EAAsB,IACzB,KAJgB,OAAO,CAAC,EAAE,EAGvB,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,CACzB,CAAA"}