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

package/dist/esm/components/TieredSelect/TierSelectionTieredSelect.js

@@ -0,0 +1,307 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { ChevronRight, Home, Plus } from '@procore/core-icons/dist';
+import React from 'react';
+import { isEventSource } from '../../effects/ClickOutside';
+import { Box } from '../../layouts/Box';
+import { FlexList } from '../../layouts/FlexList';
+import { useI18nContext } from '../../state/I18n';
+import { Breadcrumbs } from '../Breadcrumbs';
+import { Button } from '../Button';
+import { Input } from '../Input';
+import { MenuImperative } from '../MenuImperative';
+import { CloseOnFocus, OverlayTrigger, useOverlayTriggerContext, } from '../OverlayTrigger';
+import { Button as SelectButton } from '../Select';
+import Spinner from '../Spinner';
+import { Typography } from '../Typography/Typography';
+import { TieredSelectContext, useHighlightItemEffects } from './TieredSelect';
+import { StyledTieredSelect, StyledTieredSelectArrowButton, StyledTieredSelectBreadcrumbs, StyledTieredSelectHome, StyledTieredSelectLoadingMore, StyledTieredSelectOption, StyledTieredSelectOverlay, StyledTieredSelectSpinnerOverlay, } from './TieredSelect.styles';
+var empty = [];
+var hideKeys = {
+    overlay: ['Escape', 'Esc'],
+    target: ['Escape', 'Esc'],
+};
+function ArrowButton(_a) {
+    var onClick = _a.onClick, props = __rest(_a, ["onClick"]);
+    return (React.createElement(StyledTieredSelectArrowButton, __assign({}, props, { icon: React.createElement(ChevronRight, null), onClick: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            onClick && onClick(event);
+        }, size: "sm", tabIndex: -1, variant: "tertiary" })));
+}
+var QuickCreateInput = React.forwardRef(function QuickCreateInput(_a, ref) {
+    var autoFocus = _a.autoFocus, onSubmit = _a.onSubmit, placeholder = _a.placeholder;
+    function onKeyDown(e) {
+        if (e.key === 'Enter') {
+            onSubmit(e.currentTarget.value);
+        }
+    }
+    return (React.createElement(Box, { flexGrow: "1", justifyContent: "center", padding: "md" },
+        React.createElement(Input, { autoFocus: autoFocus, onKeyDown: onKeyDown, placeholder: placeholder, ref: ref })));
+});
+function Options(_a) {
+    var children = _a.children, emptyMessage = _a.emptyMessage, props = __rest(_a, ["children", "emptyMessage"]);
+    if (React.Children.count(children) === 0) {
+        return (React.createElement(MenuImperative.Options, null,
+            React.createElement(Box, __assign({ paddingLeft: "lg" }, props),
+                React.createElement(Typography, { color: "gray45", intent: "small", italic: true }, emptyMessage))));
+    }
+    return React.createElement(MenuImperative.Options, null, children);
+}
+var TieredSelectMenu = React.forwardRef(function TieredSelectMenu(_a, ref) {
+    var children = _a.children, currentTier = _a.currentTier, loading = _a.loading, loadingMore = _a.loadingMore, menuRef = _a.menuRef, onNavigate = _a.onNavigate, onSearch = _a.onSearch, onChange = _a.onChange, _b = _a.options, options = _b === void 0 ? empty : _b, value = _a.value, previousValue = _a.previousValue, props = __rest(_a, ["children", "currentTier", "loading", "loadingMore", "menuRef", "onNavigate", "onSearch", "onChange", "options", "value", "previousValue"]);
+    var _c = React.useContext(TieredSelectContext), getGroupId = _c.getGroupId, getId = _c.getId, getLabel = _c.getLabel, getNextGroupId = _c.getNextGroupId, i18nScope = _c.i18nScope, onQuickCreate = _c.onQuickCreate, onScrollBottom = _c.onScrollBottom;
+    var quickCreateRef = React.useRef(null);
+    var hide = useOverlayTriggerContext().hide;
+    var I18n = useI18nContext();
+    var _d = React.useState(false), isQuickCreating = _d[0], setIsQuickCreating = _d[1];
+    var _e = React.useState(''), searchValue = _e[0], setSearchValue = _e[1];
+    var searchIsEmpty = searchValue === '';
+    var lastEntryInValue = value[value.length - 1];
+    var internalOnSearch = React.useCallback(function (e) {
+        setSearchValue(e.target.value);
+        onSearch && onSearch(e);
+    }, [onSearch]);
+    // When searching (all options have been flattened) we dont filter by id
+    var filteredOptions = React.useMemo(function () {
+        return searchIsEmpty
+            ? options.filter(function (tier) {
+                return getGroupId(tier) === currentTier;
+            })
+            : options;
+    }, [currentTier, getGroupId, options, searchIsEmpty]);
+    useHighlightItemEffects({
+        currentTier: currentTier,
+        searchValue: searchValue,
+        menuRef: menuRef,
+        loading: loading,
+        loadingMore: loadingMore,
+    });
+    var onNavigateHome = React.useCallback(function () {
+        var _a;
+        onNavigate(null, []);
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+    }, [menuRef, onNavigate]);
+    var onBreadCrumbNavigate = React.useCallback(function (tier) {
+        var _a;
+        var newTier = value.indexOf(tier);
+        onNavigate(getNextGroupId(tier), value.slice(0, newTier + 1));
+        (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+    }, [getNextGroupId, menuRef, onNavigate, value]);
+    function onNavigateForward(tier) {
+        var _a;
+        if (searchIsEmpty && !isQuickCreating && tier) {
+            var newValue = __spreadArray(__spreadArray([], value, true), [tier], false);
+            onNavigate(getNextGroupId(tier), newValue);
+            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+        }
+    }
+    /**
+     * need to skip back two levels if coming from a leaf node;
+     * out from the leaf and then out of the parent. this is because
+     * when tiers aren't selectectable we show the parent of the leaf
+     */
+    function onNavigateBackward() {
+        var _a;
+        if (value.length !== 0 && searchIsEmpty) {
+            var newValue = value.slice(0, Math.max(0, value.length - 1));
+            var newTier = value[value.length - 1];
+            !isQuickCreating && onNavigate(getGroupId(newTier), newValue);
+            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
+        }
+    }
+    function onKeyDown(e) {
+        var _a;
+        var tier = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlighted();
+        if (e.key === 'Right' || e.key === 'ArrowRight') {
+            onNavigateForward(tier);
+        }
+        else if (e.key === 'Left' || e.key === 'ArrowLeft') {
+            onNavigateBackward();
+        }
+    }
+    function onTierSelect(selection) {
+        var isSameGroup = value.length
+            ? getGroupId(lastEntryInValue) === getGroupId(selection.item)
+            : false;
+        // if the selection is in the same group as the old selection, replace the old selection
+        var newValue = isSameGroup
+            ? __spreadArray(__spreadArray([], value.slice(0, value.length - 1), true), [selection.item], false) : __spreadArray(__spreadArray([], value, true), [selection.item], false);
+        onChange(__assign(__assign({}, selection), { value: newValue }));
+        searchValue &&
+            internalOnSearch({
+                target: { value: '' },
+            });
+        hide(selection.event);
+    }
+    function showBreadcrumbs() {
+        return value.length && searchIsEmpty;
+    }
+    var menuEmptyMessage = searchIsEmpty
+        ? I18n.t('emptyMessage', { scope: i18nScope })
+        : I18n.t('searchEmptyMessage', { scope: i18nScope });
+    var handleQuickCreate = React.useCallback(function (e) {
+        // stops menu from selecting item and closing on enter press
+        e.stopPropagation();
+        if (e.key === 'Enter') {
+            setIsQuickCreating(true);
+        }
+    }, [setIsQuickCreating]);
+    var onQuickCreateSubmit = React.useCallback(function () {
+        onQuickCreate &&
+            quickCreateRef.current &&
+            onQuickCreate(quickCreateRef.current.value);
+        setIsQuickCreating(false);
+    }, [onQuickCreate, quickCreateRef, setIsQuickCreating]);
+    function isTierSelected(tier) {
+        if (previousValue.length) {
+            return getId(tier) === getId(previousValue[previousValue.length - 1]);
+        }
+        return false;
+    }
+    return (React.createElement(StyledTieredSelectOverlay, { ref: ref, shadowStrength: 2 },
+        React.createElement(StyledTieredSelectSpinnerOverlay, { "data-qa": "tiered-select-loading", "data-loading": loading, loading: loading, label: I18n.t('spinnerLabel', { scope: i18nScope }) || '', size: "md" },
+            React.createElement(StyledTieredSelect, __assign({ onKeyDown: onKeyDown, onScrollBottom: onScrollBottom, onSelect: onTierSelect, ref: menuRef }, props),
+                React.createElement(MenuImperative.Header, null,
+                    !isQuickCreating && (React.createElement(MenuImperative.Search, { autoComplete: "false", autoFocus: true, onChange: internalOnSearch, placeholder: I18n.t('searchPlaceholder', {
+                            scope: i18nScope,
+                        }) })),
+                    showBreadcrumbs() ? (React.createElement(StyledTieredSelectBreadcrumbs, { "$nonInteractive": isQuickCreating },
+                        React.createElement(Breadcrumbs.Crumb, { onClick: onNavigateHome },
+                            React.createElement(StyledTieredSelectHome, { alignItems: "center", justifyContent: "center" },
+                                React.createElement(Home, { "data-qa": "tiered-select-home" }))),
+                        value.map(function (tier, index, array) {
+                            return (React.createElement(Breadcrumbs.Crumb, { active: index === array.length - 1, key: "".concat(getId(tier), "-").concat(index), onClick: function () { return onBreadCrumbNavigate(tier); } }, getLabel(tier)));
+                        }))) : null),
+                !isQuickCreating ? (React.createElement(Options, { emptyMessage: menuEmptyMessage }, filteredOptions
+                    .map(function (tier, index) {
+                    return (React.createElement(StyledTieredSelectOption, { item: tier, key: "".concat(getId(tier), "-").concat(index), selected: isTierSelected(tier) },
+                        getLabel(tier),
+                        (getNextGroupId(tier) || onQuickCreate) && (React.createElement(Box, { paddingLeft: "sm" },
+                            React.createElement(ArrowButton, { "data-qa": "tiered-select-arrow", onClick: function () { return onNavigateForward(tier); } })))));
+                })
+                    .concat(loadingMore && !loading
+                    ? [
+                        React.createElement(StyledTieredSelectLoadingMore, { "data-qa": "tiered-select-loading-more", key: 'tiered-select-loading-more' },
+                            React.createElement(Spinner, { size: "sm" })),
+                    ]
+                    : []))) : (React.createElement(QuickCreateInput, { autoFocus: isQuickCreating, onSubmit: onQuickCreateSubmit, placeholder: I18n.t('quickCreatePlaceholder', {
+                        scope: i18nScope,
+                    }), ref: quickCreateRef })),
+                onQuickCreate && (React.createElement(MenuImperative.Footer, null, isQuickCreating ? (React.createElement(FlexList, { size: "xs", justifyContent: "flex-end" },
+                    React.createElement(Button, { onClick: function () { return setIsQuickCreating(false); }, size: "sm", variant: "tertiary" }, I18n.t('quickCreateCancelLabel', {
+                        scope: i18nScope,
+                    })),
+                    React.createElement(Button, { onClick: onQuickCreateSubmit, size: "sm" }, I18n.t('quickCreateCreateLabel', {
+                        scope: i18nScope,
+                    })))) : (React.createElement(Button, { block: true, icon: React.createElement(Plus, { size: "md" }), onClick: function () { return setIsQuickCreating(true); }, onKeyDown: handleQuickCreate, size: "sm" }, I18n.t('quickCreateActionLabel', {
+                    scope: i18nScope,
+                }))))),
+                React.createElement(CloseOnFocus, { hide: hide })))));
+});
+export var TierSelectionTieredSelect = React.forwardRef(function TierSelectionTieredSelect(_a, ref) {
+    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, onKeyDown = _a.onKeyDown, _e = _a.options, options = _e === void 0 ? empty : _e, _f = _a.value, value = _f === void 0 ? empty : _f, props = __rest(_a, ["className", "disabled", "error", "loading", "onKeyDown", "options", "value"]);
+    var _g = React.useContext(TieredSelectContext), afterHide = _g.afterHide, afterShow = _g.afterShow, beforeHide = _g.beforeHide, beforeShow = _g.beforeShow, block = _g.block, getLabel = _g.getLabel, getNextGroupId = _g.getNextGroupId, getValueString = _g.getValueString, i18nScope = _g.i18nScope, isLeaf = _g.isLeaf, onChange = _g.onChange, onClear = _g.onClear, onNavigate = _g.onNavigate, onSearch = _g.onSearch, tabIndex = _g.tabIndex;
+    var I18n = useI18nContext();
+    var tieredSelectMenuRef = React.useRef(null);
+    var tieredSelectButtonRef = React.useRef(null);
+    var clearRef = React.createRef();
+    var _h = React.useState(''), valueString = _h[0], setValueString = _h[1];
+    var _j = React.useState(null), currentTier = _j[0], setCurrentTier = _j[1];
+    // internal value used for navigation
+    var _k = React.useState(value), internalValue = _k[0], setInternalValue = _k[1];
+    // value to reset to if navigation occurs but no selection has been made
+    var _l = React.useState(value), previousValue = _l[0], setPreviousValue = _l[1];
+    // if value prop changes, update value state, current tier, and set button label
+    // else open to root
+    React.useEffect(function () {
+        var lastEntryInValue = value[value.length - 1];
+        if (value.length > 0) {
+            setInternalValue(value);
+            setPreviousValue(value);
+            setValueString(getValueString(value));
+            // show children of last tier in value
+            setCurrentTier(getNextGroupId(lastEntryInValue));
+        }
+        else {
+            setCurrentTier(null);
+            setInternalValue([]);
+            setPreviousValue([]);
+            setValueString('');
+        }
+    }, [getValueString, getNextGroupId, isLeaf, value]);
+    var internalOnChange = React.useCallback(function (selection) {
+        setInternalValue(selection.value);
+        setPreviousValue(selection.value);
+        setValueString(getValueString(selection.value));
+        setCurrentTier(getNextGroupId(selection.item));
+        onChange(selection);
+    }, [getNextGroupId, getValueString, onChange]);
+    var internalOnNavigate = React.useCallback(function (nextGroupId, value) {
+        setInternalValue(value);
+        setCurrentTier(nextGroupId);
+        onNavigate && onNavigate(nextGroupId, value);
+    }, [onNavigate]);
+    var internalOnClear = React.useCallback(function (event) {
+        setValueString('');
+        setInternalValue([]);
+        setPreviousValue([]);
+        internalOnNavigate(null, []);
+        onClear && onClear(event);
+    }, [internalOnNavigate, onClear]);
+    var internalOnSearch = React.useCallback(function (event) {
+        onSearch && onSearch(event);
+    }, [onSearch]);
+    var internalBeforeHide = React.useCallback(function (e) {
+        var _a;
+        var isEscapeKey = e instanceof KeyboardEvent && (e.key === 'Escape' || e.key === 'Esc');
+        var isClickOutside = e instanceof MouseEvent &&
+            !isEventSource({ current: (_a = tieredSelectMenuRef === null || tieredSelectMenuRef === void 0 ? void 0 : tieredSelectMenuRef.current) === null || _a === void 0 ? void 0 : _a.el }, e);
+        var lastValue = previousValue[previousValue.length - 1];
+        if (valueString && (isClickOutside || isEscapeKey)) {
+            setInternalValue(previousValue);
+            setCurrentTier(getNextGroupId(lastValue));
+        }
+        return beforeHide && beforeHide(e);
+    }, [
+        beforeHide,
+        getNextGroupId,
+        tieredSelectMenuRef,
+        previousValue,
+        valueString,
+    ]);
+    return (React.createElement(OverlayTrigger, { afterHide: afterHide, afterShow: afterShow, beforeHide: internalBeforeHide, beforeShow: function (e) {
+            return beforeShow && e.target !== clearRef.current && beforeShow(e);
+        }, canFlip: true, hideKeys: hideKeys, overlay: React.createElement(TieredSelectMenu, __assign({ currentTier: currentTier, options: options, loading: loading, menuRef: tieredSelectMenuRef, onNavigate: internalOnNavigate, onSearch: internalOnSearch, onChange: internalOnChange, value: internalValue, previousValue: previousValue }, props)), placement: "bottom-left", ref: ref, trigger: "click" },
+        React.createElement(SelectButton, { block: block, className: className, clearRef: clearRef, disabled: disabled, error: error, label: valueString, loading: loading, placeholder: I18n.t('placeholder', { scope: i18nScope }), onClear: internalOnClear, ref: tieredSelectButtonRef, tabIndex: tabIndex }, valueString || I18n.t('placeholder', { scope: i18nScope }))));
+});
+//# sourceMappingURL=TierSelectionTieredSelect.js.map

package/dist/esm/components/TieredSelect/TierSelectionTieredSelect.js.map

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

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { MenuRef } from '../MenuImperative/MenuImperative.types';
+import { Id, TieredSelectApi, TieredSelectProps } from './TieredSelect.types';
+export declare const useHighlightItemEffects: ({ currentTier, searchValue, menuRef, loading, loadingMore, }: {
+    currentTier: Id;
+    searchValue: string;
+    menuRef: React.RefObject<MenuRef>;
+    loading: TieredSelectProps['loading'];
+    loadingMore: TieredSelectProps['loadingMore'];
+}) => void;
+export declare const TieredSelectContext: React.Context<TieredSelectApi>;
+/**
+
+ We use tiered selects to allow users to choose a single parent or child option
+ that is nested within a tiered list. For example, choosing a location from
+ within a list of tiered locations. We typically see these selects on forms.
+
+ Other select components are group select, multi select, and select.
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-tieredselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tiered-select)
+
+ */
+export declare const TieredSelect: React.ForwardRefExoticComponent<TieredSelectProps & React.RefAttributes<HTMLDivElement>>;
+export default TieredSelect;

package/dist/esm/components/TieredSelect/TieredSelect.js

@@ -0,0 +1,146 @@
+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 React from 'react';
+import { LeafSelectionTieredSelect } from './LeafSelectionTieredSelect';
+import { TierSelectionTieredSelect } from './TierSelectionTieredSelect';
+function defaultGetGroupId(tier) {
+    return tier.groupId;
+}
+function defaultGetId(tier) {
+    return tier.id;
+}
+function defaultGetLabel(tier) {
+    return tier.label;
+}
+function defaultGetNextGroupId(tier) {
+    return tier.nextGroupId;
+}
+function getFullPath(getLabel) {
+    if (getLabel === void 0) { getLabel = defaultGetLabel; }
+    return function getValueString(value) {
+        return value.map(function (tier) { return getLabel(tier); }).join(' > ');
+    };
+}
+function getLeafOnly(getLabel) {
+    if (getLabel === void 0) { getLabel = defaultGetLabel; }
+    return function getValueString(value) {
+        return value.length ? getLabel(value[value.length - 1]) : '';
+    };
+}
+function getValueStringFn(valueStringResolution, getLabel) {
+    if (getLabel === void 0) { getLabel = defaultGetLabel; }
+    if (valueStringResolution === 'full-path') {
+        return getFullPath(getLabel);
+    }
+    if (valueStringResolution === 'leaf-only') {
+        return getLeafOnly(getLabel);
+    }
+    return valueStringResolution;
+}
+function noop() { }
+function always() {
+    return true;
+}
+export var useHighlightItemEffects = function (_a) {
+    var currentTier = _a.currentTier, searchValue = _a.searchValue, menuRef = _a.menuRef, loading = _a.loading, loadingMore = _a.loadingMore;
+    var _b = React.useState(), previousTier = _b[0], setPreviousTier = _b[1];
+    React.useEffect(function () {
+        setPreviousTier(currentTier);
+    }, [currentTier]);
+    var _c = React.useState(''), previousSearch = _c[0], setPreviousSearch = _c[1];
+    React.useEffect(function () {
+        setPreviousSearch(searchValue);
+    }, [searchValue]);
+    var currentMenuRef = menuRef.current;
+    React.useEffect(function () {
+        if (previousSearch !== searchValue || previousTier !== currentTier) {
+            currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlightFirst();
+        }
+    }, [currentMenuRef, currentTier, previousTier, searchValue, previousSearch]);
+    React.useEffect(function () {
+        if (loadingMore) {
+            currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlightLast(false);
+        }
+    }, [currentMenuRef, loadingMore]);
+    React.useEffect(function () {
+        if (!loading && !(currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlighted())) {
+            currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlightFirst();
+        }
+    }, [currentMenuRef, loading]);
+};
+export var TieredSelectContext = React.createContext({
+    afterHide: noop,
+    afterShow: noop,
+    beforeHide: always,
+    beforeShow: always,
+    getGroupId: defaultGetGroupId,
+    getId: defaultGetId,
+    getLabel: defaultGetLabel,
+    getNextGroupId: defaultGetNextGroupId,
+    getValueString: getFullPath(defaultGetLabel),
+    i18nScope: 'core.tieredSelect',
+    onChange: noop,
+});
+/**
+
+ We use tiered selects to allow users to choose a single parent or child option
+ that is nested within a tiered list. For example, choosing a location from
+ within a list of tiered locations. We typically see these selects on forms.
+
+ Other select components are group select, multi select, and select.
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-tieredselect--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tiered-select)
+
+ */
+export var TieredSelect = React.forwardRef(function TieredSelect(_a, ref) {
+    var _b = _a.afterHide, afterHide = _b === void 0 ? noop : _b, _c = _a.afterShow, afterShow = _c === void 0 ? noop : _c, _d = _a.beforeHide, beforeHide = _d === void 0 ? always : _d, _e = _a.beforeShow, beforeShow = _e === void 0 ? always : _e, block = _a.block, _f = _a.getGroupId, getGroupId = _f === void 0 ? defaultGetGroupId : _f, _g = _a.getId, getId = _g === void 0 ? defaultGetId : _g, _h = _a.getLabel, getLabel = _h === void 0 ? defaultGetLabel : _h, _j = _a.getNextGroupId, getNextGroupId = _j === void 0 ? defaultGetNextGroupId : _j, _k = _a.getValueString, getValueString = _k === void 0 ? getFullPath(getLabel) : _k, _l = _a.i18nScope, i18nScope = _l === void 0 ? 'core.tieredSelect' : _l, _m = _a.onChange, onChange = _m === void 0 ? noop : _m, onClear = _a.onClear, onNavigate = _a.onNavigate, onQuickCreate = _a.onQuickCreate, onScrollBottom = _a.onScrollBottom, onSearch = _a.onSearch, _o = _a.selectableTiers, selectableTiers = _o === void 0 ? true : _o, tabIndex = _a.tabIndex, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "getGroupId", "getId", "getLabel", "getNextGroupId", "getValueString", "i18nScope", "onChange", "onClear", "onNavigate", "onQuickCreate", "onScrollBottom", "onSearch", "selectableTiers", "tabIndex"]);
+    var isLeaf = React.useCallback(function (tier) {
+        return !getNextGroupId(tier);
+    }, [getNextGroupId]);
+    return (React.createElement(TieredSelectContext.Provider, { value: {
+            afterHide: afterHide,
+            afterShow: afterShow,
+            beforeHide: beforeHide,
+            beforeShow: beforeShow,
+            block: block,
+            getGroupId: getGroupId,
+            getId: getId,
+            getLabel: getLabel,
+            getNextGroupId: getNextGroupId,
+            getValueString: getValueStringFn(getValueString),
+            i18nScope: i18nScope,
+            isLeaf: isLeaf,
+            onChange: onChange,
+            onClear: onClear,
+            onNavigate: onNavigate,
+            onQuickCreate: onQuickCreate,
+            onScrollBottom: onScrollBottom,
+            onSearch: onSearch,
+            tabIndex: tabIndex,
+        } }, selectableTiers ? (React.createElement(TierSelectionTieredSelect, __assign({ ref: ref }, props))) : (React.createElement(LeafSelectionTieredSelect, __assign({ ref: ref }, props)))));
+});
+export default TieredSelect;
+//# sourceMappingURL=TieredSelect.js.map

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

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

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

@@ -0,0 +1,25 @@
+export declare const StyledTieredSelect: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("../MenuImperative/MenuImperative.types").MenuRef>> & {
+    CheckboxItem: import("react").ForwardRefExoticComponent<(import("../../utils/types").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps) & Omit<import("../Checkbox").CheckboxProps, "checked">) & import("react").RefAttributes<HTMLDivElement>>;
+    Droppable: typeof import("../MenuImperative/MenuImperative").Droppable;
+    Footer: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").GroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<(import("../../utils/types").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps)) & import("react").RefAttributes<HTMLDivElement>>;
+    Options: import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").OptionsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Search: {
+        ({ className, i18nScope, placeholder, ...props }: import("../MenuImperative/MenuImperative.types").MenuSearchProps): JSX.Element;
+        displayName: string;
+    };
+}, any, {}, never>;
+export declare const StyledTieredSelectIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTieredSelectArrowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledTieredSelectBreadcrumbs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Breadcrumbs").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
+    Crumb: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Breadcrumbs").BreadcrumbCrumbProps & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {
+    $nonInteractive: boolean;
+}, never>;
+export declare const StyledTieredSelectHome: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTieredSelectOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(import("../../utils/types").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps)) & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTieredSelectLoadingMore: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTieredSelectOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTieredSelectSpinnerOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Spinner").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/esm/components/TieredSelect/TieredSelect.styles.js

@@ -0,0 +1,29 @@
+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 { Flex } from '../../layouts/Flex';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+import { Breadcrumbs } from '../Breadcrumbs';
+import { Button } from '../Button';
+import { Card } from '../Card';
+import { MenuImperative } from '../MenuImperative';
+import { Spinner } from '../Spinner';
+export var StyledTieredSelect = styled(MenuImperative)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: stretch;\n  max-height: 40vh;\n"], ["\n  align-items: stretch;\n  max-height: 40vh;\n"])));
+export var StyledTieredSelectIcon = styled(Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 24px;\n  width: 24px;\n"], ["\n  height: 24px;\n  width: 24px;\n"])));
+export var StyledTieredSelectArrowButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid transparent;\n"], ["\n  border: 1px solid transparent;\n"])));
+export var StyledTieredSelectBreadcrumbs = styled(Breadcrumbs)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  flex-wrap: wrap;\n  margin-top: ", "px;\n  max-height: 68px;\n  overflow-y: auto;\n  padding: ", "px ", "px;\n\n  ", "\n"], ["\n  background-color: ", ";\n  flex-wrap: wrap;\n  margin-top: ", "px;\n  max-height: 68px;\n  overflow-y: auto;\n  padding: ", "px ", "px;\n\n  ", "\n"])), colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_a) {
+    var $nonInteractive = _a.$nonInteractive;
+    if ($nonInteractive) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        margin-top: ", "px;\n        pointer-events: none;\n      "], ["\n        margin-top: ", "px;\n        pointer-events: none;\n      "])), spacing.md);
+    }
+});
+export var StyledTieredSelectHome = styled(Flex)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 20px;\n"], ["\n  height: 20px;\n"])));
+export var StyledTieredSelectOption = styled(MenuImperative.Item)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 2px ", "px;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 2px ", "px;\n"])), spacing.lg);
+export var StyledTieredSelectLoadingMore = styled(Flex)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  justify-content: center;\n  padding: ", "px ", "px 0px ", "px;\n"], ["\n  align-items: center;\n  justify-content: center;\n  padding: ", "px ", "px 0px ", "px;\n"])), spacing.xs, spacing.lg, spacing.lg);
+export var StyledTieredSelectOverlay = styled(Card)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  max-width: 248px;\n"], ["\n  max-width: 248px;\n"])));
+export var StyledTieredSelectSpinnerOverlay = styled(Spinner)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  min-height: auto;\n"], ["\n  min-height: auto;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=TieredSelect.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TieredSelect.styles.js","sourceRoot":"","sources":["../../../../src/components/TieredSelect/TieredSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,qHAAA,kDAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wGAAA,qCAGjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,yGAAA,sCAE1D,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,WAAW,CAAC,4NAE9D,wBACoB,EAAa,uCAEnB,EAAU,4DAGb,EAAU,KAAM,EAAU,WAEnC,EAOD,IACF,KAfqB,MAAM,CAAC,MAAM,EAEnB,OAAO,CAAC,EAAE,EAGb,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAEnC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,IAAI,eAAe,EAAE;QACnB,OAAO,GAAG,yIAAA,wBACM,EAAU,4CAEzB,KAFe,OAAO,CAAC,EAAE,EAEzB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wFAAA,qBAEjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,4KAAA,gGAIlD,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,IAAI,CAAC,iKAAA,mEAG5C,EAAU,KAAM,EAAU,SAAU,EAAU,OAC1D,KADY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAU,OAAO,CAAC,EAAE,CAC1D,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,4FAAA,yBAEpD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,MAAM,CAAC,OAAO,CAAC,8FAAA,yBAE9D,IAAA,CAAA"}