@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/DateSelect/DateSelect.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DateSelectProps } from './DateSelect.types';
+/**
+
+ We use date selects to allow users to enter a date into a form by either
+ selecting it from a calendar or typing it into a date field.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-dateselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/date-select)
+
+ */
+export declare const DateSelect: React.ForwardRefExoticComponent<DateSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/DateSelect/DateSelect.js

@@ -0,0 +1,135 @@
+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;
+};
+var _a;
+import React from 'react';
+import { isEventSource } from '../../effects/ClickOutside';
+import { useDateTime } from '../../state/DateTime';
+import { Calendar as CalendarBase } from '../Calendar';
+import { Card } from '../Card';
+import { DateInput } from '../DateInput';
+import { isValidYearRange } from '../DateInput/DateInput';
+import { OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger';
+var enableLogs = ((_a = process.env.TZ_LOG) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
+function consoleMessageChange(_a) {
+    var date = _a.date;
+    if (enableLogs) {
+        console.log("core-react: DateInput onChange, relative start of day in destination time zone.\n", date);
+    }
+}
+var showKeys = [];
+var hideKeys = {
+    target: ['Esc', 'Escape', 'Enter'],
+    overlay: ['Esc', 'Escape'],
+};
+function lifecycleDefault() {
+    return true;
+}
+function noop() { }
+var Calendar = React.forwardRef(function Calendar(_a, ref) {
+    var onSelect = _a.onSelect, props = __rest(_a, ["onSelect"]);
+    var hide = useOverlayTriggerContext().hide;
+    return (React.createElement(Card, { ref: ref, shadowStrength: 2 },
+        React.createElement(CalendarBase, __assign({}, props, { onSelect: function (date) {
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(date);
+                hide(true);
+            } }))));
+});
+/**
+
+ We use date selects to allow users to enter a date into a form by either
+ selecting it from a calendar or typing it into a date field.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-dateselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/date-select)
+
+ */
+export var DateSelect = React.forwardRef(function DateSelect(_a, ref) {
+    var _b = _a.beforeHide, beforeHide = _b === void 0 ? lifecycleDefault : _b, _c = _a.beforeShow, beforeShow = _c === void 0 ? lifecycleDefault : _c, _d = _a.afterHide, afterHide = _d === void 0 ? noop : _d, _e = _a.afterShow, afterShow = _e === void 0 ? noop : _e, disabledDate = _a.disabledDate, _f = _a.onChange, onChange = _f === void 0 ? noop : _f, _g = _a.onClear, onClear = _g === void 0 ? noop : _g, value = _a.value, props = __rest(_a, ["beforeHide", "beforeShow", "afterHide", "afterShow", "disabledDate", "onChange", "onClear", "value"]);
+    var dateTime = useDateTime();
+    var clearRef = React.useRef(null);
+    var dateInputRef = ref;
+    React.useRef(null);
+    var monthRef = React.useRef(null);
+    var yearRef = React.useRef(null);
+    var segmentRefs = {
+        segmentThree: React.useRef(null),
+    };
+    var _h = React.useState(value), selected = _h[0], setSelected = _h[1];
+    var _j = React.useState(value || dateTime.newDate()), displayed = _j[0], setDisplayed = _j[1];
+    React.useEffect(function () {
+        setSelected(value);
+        setDisplayed(value || dateTime.newDate());
+    }, [value]);
+    var overlay = (React.createElement(Calendar, { disabledDate: disabledDate, displayDate: displayed, monthRef: monthRef, onNavigate: setDisplayed, onSelect: function (date) {
+            segmentRefs.segmentThree.current &&
+                segmentRefs.segmentThree.current.focus();
+            setDisplayed(date);
+            setSelected(date);
+            onChange(date);
+        }, selectedStart: selected, selectedEnd: selected, yearRef: yearRef }));
+    return (React.createElement(OverlayTrigger, { afterHide: afterHide, afterShow: afterShow, beforeHide: function (e) {
+            if (e instanceof KeyboardEvent) {
+                segmentRefs.segmentThree.current &&
+                    segmentRefs.segmentThree.current.focus();
+                return beforeHide(e);
+            }
+            if (isEventSource(dateInputRef, e) || isEventSource(clearRef, e)) {
+                return false;
+            }
+            return beforeHide(e);
+        }, beforeShow: function (e) {
+            if (isEventSource(clearRef, e)) {
+                return false;
+            }
+            return beforeShow(e);
+        }, clickOutsideIgnoreRefs: [monthRef, yearRef], hideKeys: hideKeys, overlay: overlay, placement: "bottom-left", ref: dateInputRef, showKeys: showKeys },
+        React.createElement(DateInput, __assign({}, props, { clearRef: clearRef, segmentRefs: segmentRefs, onChangeSegment: function (type, value) {
+                if (value === -1) {
+                    return;
+                }
+                if (type === 'month') {
+                    setDisplayed(dateTime.newDate(displayed.setMonth(value - 1)));
+                }
+                else if (type === 'year') {
+                    // isValidYearRange prevents calendar from changing, the display date
+                    if (isValidYearRange(value)) {
+                        setDisplayed(dateTime.newDate(displayed.setFullYear(value)));
+                    }
+                }
+            }, onChange: function (date) {
+                consoleMessageChange({ date: date });
+                if (date) {
+                    setSelected(date);
+                    setDisplayed(date);
+                }
+                else {
+                    setDisplayed(dateTime.newDate());
+                    setSelected(undefined);
+                }
+                onChange(date);
+            }, onClear: onClear, value: selected }))));
+});
+//# sourceMappingURL=DateSelect.js.map

package/dist/esm/components/DateSelect/DateSelect.js.map

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

package/dist/esm/components/DateSelect/DateSelect.types.d.ts

@@ -0,0 +1,15 @@
+import { DateInputProps } from '../DateInput';
+import { CalendarProps } from '../Calendar/Calendar.types';
+import { OverlayTriggerProps } from '../OverlayTrigger';
+import { VisibilityConfig } from '../../state/Visibility';
+declare type PickedDateInputProps = Pick<DateInputProps, 'className' | 'disabled' | 'error' | 'onChange' | 'onClear' | 'tabIndex' | 'variant'>;
+declare type PickedCalendarProps = Pick<CalendarProps, 'disabledDate'>;
+declare type PickedOverlayTriggerProps = Pick<OverlayTriggerProps, 'beforeHide' | 'beforeShow'>;
+declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow'>;
+export interface DateSelectProps extends PickedDateInputProps, PickedOverlayTriggerProps, PickedVisibilityProps, PickedCalendarProps {
+    /**
+     * @since 10.19.0
+     */
+    value?: Date;
+}
+export {};

package/dist/esm/components/DateSelect/DateSelect.types.js

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

package/dist/esm/components/DateSelect/DateSelect.types.js.map

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

package/dist/esm/components/DateSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { DateSelect } from './DateSelect';
+export { DateSelectProps } from './DateSelect.types';

package/dist/esm/components/DateSelect/index.js

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

package/dist/esm/components/DateSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DivAttributes } from '../../utils/types';
+import { ItemProps } from '../MenuImperative/MenuImperative.types';
+import { useOverlayTriggerContext } from '../OverlayTrigger';
+import { ConsumerProps, DropdownButtonProps, DropdownProps } from './Dropdown.types';
+export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const useDropdownContext: typeof useOverlayTriggerContext;
+/**
+ * @deprecated Please use `useDropdownContext()` instead
+ */
+export declare const consumeDropdown: typeof useOverlayTriggerContext;
+export declare function DropdownConsumer({ children }: ConsumerProps): JSX.Element;
+export declare const Dropdown: {
+    Item: React.ForwardRefExoticComponent<DivAttributes & ItemProps & React.RefAttributes<HTMLDivElement>>;
+} & React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>>;
+export default Dropdown;

package/dist/esm/components/Dropdown/Dropdown.js

@@ -0,0 +1,123 @@
+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 { MenuImperative } from '../MenuImperative/MenuImperative';
+import { OverlayTrigger, useOverlayTriggerContext } from '../OverlayTrigger';
+import { StyledDropdownButton, StyledDropdownMenu, StyledDropdownSpinner, } from './Dropdown.styles';
+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, _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.variant, variant = _e === void 0 ? 'secondary' : _e, props = __rest(_a, ["children", "arrow", "loading", "open", "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, { "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, icon: props.loading && !label ? undefined : !icon && !label ? (React.createElement(EllipsisVertical, null)) : (icon), onKeyDown: onKeyDown, variant: variant }), label)); }));
+});
+export var useDropdownContext = useOverlayTriggerContext;
+/**
+ * @deprecated Please use `useDropdownContext()` instead
+ */
+export var consumeDropdown = useDropdownContext;
+export function DropdownConsumer(_a) {
+    var children = _a.children;
+    return children(useDropdownContext());
+}
+export var Dropdown = addSubcomponents(Dropdown_, { Item: Item });
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/esm/components/Dropdown/Dropdown.js.map

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

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

@@ -0,0 +1,7 @@
+import { LegacyButtonVariant } 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: LegacyButtonVariant;
+}, never>;

package/dist/esm/components/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 { buttonBGColors, getVariant } 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      "])), buttonBGColors[getVariant(variant)].hover);
+    }
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Dropdown.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/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,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpE,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,EAAyC,WACxD,KADe,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EACxD;KACF;AACH,CAAC,CACF,CAAA"}

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

@@ -0,0 +1,157 @@
+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 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;
+}
+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/esm/components/Dropdown/Dropdown.types.js

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

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

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

package/dist/esm/components/Dropdown/index.d.ts

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

package/dist/esm/components/Dropdown/index.js

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

package/dist/esm/components/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,OAAO,EACnB,QAAQ,EACR,gBAAgB,EAChB,cAAc,GACf,MAAM,YAAY,CAAA"}

package/dist/esm/components/DropdownFlyout/DropdownFlyout.d.ts

@@ -0,0 +1,19 @@
+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>>;
+export default DropdownFlyout;

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { DropdownFlyoutProps, FlyoutOption, DropdownOption } 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;
+    openDropdown: () => void;
+    onKeyDown: (e: any) => 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;
+};