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

package/dist/Modal/storyHelpers.js

@@ -1,164 +0,0 @@
-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 { Box } from '../Box/Box';
-import { Dropdown } from '../Dropdown/Dropdown';
-import { DropdownFlyout } from '../DropdownFlyout/DropdownFlyout';
-import { MultiSelect } from '../MultiSelect/MultiSelect';
-import { PillSelect } from '../PillSelect/PillSelect';
-import { Search } from '../Search/Search';
-import { Select } from '../Select/Select';
-import { SuperSelect } from '../SuperSelect/SuperSelect';
-import { TieredSelect } from '../TieredSelect/TieredSelect';
-import { Typeahead } from '../Typeahead';
-function Field(_a) {
-    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
-    return (React.createElement("div", null,
-        React.createElement("div", null,
-            React.createElement("b", null,
-                React.createElement("label", null, label))),
-        children));
-}
-var idLabelOptions = [
-    { id: 1, label: 'One' },
-    { id: 2, label: 'Two' },
-    { id: 3, label: 'Three' },
-];
-export function EscapefulFieldSet() {
-    var _a = React.useState(''), typeaheadV = _a[0], setTyeahead = _a[1];
-    return (React.createElement(React.Fragment, null,
-        React.createElement("b", null, "Things with Esc key:"),
-        React.createElement(Field, { label: "Search" },
-            React.createElement(Search, null)),
-        React.createElement(Field, { label: "Typeahead" },
-            React.createElement(Typeahead, { value: typeaheadV, onChange: setTyeahead })),
-        React.createElement(Field, { label: "Select" },
-            React.createElement(Box, { margin: "none xs none none", display: "inline-block" }, "Default"),
-            React.createElement(Select, null, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Select.Option, { value: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Search"),
-            React.createElement(Select, { onSearch: console.log },
-                idLabelOptions.map(function (_a) {
-                    var id = _a.id, label = _a.label;
-                    return (React.createElement(Select.Option, { value: id }, label));
-                }),
-                ' ')),
-        React.createElement(Field, { label: "PillSelect" },
-            React.createElement(Box, { margin: "none xs none none", display: "inline-block" }, "Default"),
-            React.createElement(PillSelect, { options: idLabelOptions, onChange: console.log, value: null }),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Search"),
-            React.createElement(PillSelect, { options: idLabelOptions, onChange: console.log, onSearch: console.log, value: null })),
-        React.createElement(Field, { label: "MultiSelect" },
-            React.createElement(MultiSelect, { options: idLabelOptions })),
-        React.createElement(Field, { label: "Dropdown" },
-            React.createElement(Box, { margin: "none xs none none", display: "inline-block" }, "Default"),
-            React.createElement(Dropdown, null, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Search"),
-            React.createElement(Dropdown, { onSearch: console.log }, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Restore"),
-            React.createElement(Dropdown, { restoreFocusOnHide: true }, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "Restore w/ search"),
-            React.createElement(Dropdown, { onSearch: console.log, restoreFocusOnHide: true }, idLabelOptions.map(function (_a) {
-                var id = _a.id, label = _a.label;
-                return (React.createElement(Dropdown.Item, { item: id }, label));
-            })),
-            React.createElement(Box, { margin: "none xs none md", display: "inline-block" }, "DropdownFlyout"),
-            React.createElement(DropdownFlyout, { style: { display: 'inline-block' }, options: [
-                    { value: 1, label: 'wow' },
-                    {
-                        value: 'Animals',
-                        label: 'Long complicated label that takes space',
-                        children: [
-                            {
-                                value: 'Amphibians',
-                                label: 'Amphibians',
-                                children: [
-                                    { value: 1, label: 'Frogs' },
-                                    { value: 2, label: 'Salamanders' },
-                                ],
-                            },
-                            {
-                                value: 'Birds',
-                                label: 'Long complicated label that takes space',
-                                children: [
-                                    { value: 3, label: 'Chickens' },
-                                    { value: 4, label: 'Falcons' },
-                                    { value: 5, label: 'Owls' },
-                                    { value: 6, label: 'Parrots' },
-                                ],
-                            },
-                        ],
-                    },
-                ] })),
-        React.createElement(Field, { label: "Tiered" },
-            React.createElement(TieredSelect, { options: [
-                    {
-                        id: 1,
-                        groupId: null,
-                        nextGroupId: 10,
-                        label: 'Apple Farm',
-                        disabled: true,
-                    },
-                    {
-                        id: 17,
-                        groupId: 10,
-                        nextGroupId: 100,
-                        label: 'Granny Smith',
-                    },
-                    {
-                        id: 2,
-                        groupId: null,
-                        nextGroupId: 20,
-                        label: "Tim's Trees",
-                    },
-                ] })),
-        React.createElement(Field, { label: "Tiered leaf only" },
-            React.createElement(TieredSelect, { selectableTiers: false, options: [
-                    {
-                        id: 1,
-                        groupId: null,
-                        nextGroupId: 10,
-                        label: 'Apple Farm',
-                        disabled: true,
-                    },
-                    {
-                        id: 17,
-                        groupId: 10,
-                        nextGroupId: 100,
-                        label: 'Granny Smith',
-                    },
-                    {
-                        id: 2,
-                        groupId: null,
-                        nextGroupId: 20,
-                        label: "Tim's Trees",
-                    },
-                ] })),
-        React.createElement(Field, { label: "SuperSelect" },
-            React.createElement(SuperSelect, { onChange: console.log, options: [
-                    { value: '1', label: 'some label one' },
-                    { value: '2', label: 'two 2' },
-                    { value: '3', label: 'three three three' },
-                ], emptyMessage: "E m p t y" }))));
-}
-//# sourceMappingURL=storyHelpers.js.map

package/dist/Modal/storyHelpers.js.map

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

package/dist/Modal/useInitializeModalFocus.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface InitializeModalFocusProps {
-    modalContainerRef: React.RefObject<HTMLDivElement>;
-    hasOnClose: boolean;
-}
-export declare function useInitializeModalFocus({ modalContainerRef, hasOnClose, }: InitializeModalFocusProps): void;
-export {};

package/dist/Modal/useInitializeModalFocus.js

@@ -1,34 +0,0 @@
-import { useFocusManager } from '@react-aria/focus';
-import { useEffect } from 'react';
-import { useModalChildRegistryContext } from './ChildRegistry.context';
-export function useInitializeModalFocus(_a) {
-    var modalContainerRef = _a.modalContainerRef, hasOnClose = _a.hasOnClose;
-    var focusManager = useFocusManager();
-    var childrenRegistryStatus = useModalChildRegistryContext();
-    useEffect(function () {
-        var _a, _b, _c, _d, _e, _f, _g;
-        // the same reason that Modal has a FocusScope with autoFocus={!!onClose}
-        if (!hasOnClose)
-            return;
-        var closeButtonElement = (_a = modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-internal="close-button"]');
-        var anyFocusedItem = (_c = (_b = childrenRegistryStatus.body) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.querySelector(':focus');
-        if (closeButtonElement == null) {
-            // if no focus header button is represented then no need to change focus on next elements
-            return;
-        }
-        if ((_d = childrenRegistryStatus.body) === null || _d === void 0 ? void 0 : _d.current) {
-            // if nothing has been focused within body then focus in the scrollable body
-            if (anyFocusedItem == null) {
-                (_f = (_e = childrenRegistryStatus.body) === null || _e === void 0 ? void 0 : _e.current) === null || _f === void 0 ? void 0 : _f.focus();
-            }
-            // if there is a footer section the focus on the left most interactive element
-        }
-        else if ((_g = childrenRegistryStatus.closeableButtons) === null || _g === void 0 ? void 0 : _g.current) {
-            focusManager.focusNext({
-                from: closeButtonElement !== null && closeButtonElement !== void 0 ? closeButtonElement : undefined,
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [childrenRegistryStatus]);
-}
-//# sourceMappingURL=useInitializeModalFocus.js.map

package/dist/Modal/useInitializeModalFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInitializeModalFocus.js","sourceRoot":"","sources":["../../src/Modal/useInitializeModalFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAA;AAOtE,MAAM,UAAU,uBAAuB,CAAC,EAGZ;QAF1B,iBAAiB,uBAAA,EACjB,UAAU,gBAAA;IAEV,IAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IACtC,IAAM,sBAAsB,GAAG,4BAA4B,EAAE,CAAA;IAE7D,SAAS,CAAC;;QACR,yEAAyE;QACzE,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,IAAM,kBAAkB,GAAG,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,0CAAE,aAAa,CAClE,gCAAgC,CACjC,CAAA;QACD,IAAM,cAAc,GAClB,MAAA,MAAA,sBAAsB,CAAC,IAAI,0CAAE,OAAO,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;QAE/D,IAAI,kBAAkB,IAAI,IAAI,EAAE;YAC9B,yFAAyF;YACzF,OAAM;SACP;QACD,IAAI,MAAA,sBAAsB,CAAC,IAAI,0CAAE,OAAO,EAAE;YACxC,4EAA4E;YAC5E,IAAI,cAAc,IAAI,IAAI,EAAE;gBAC1B,MAAA,MAAA,sBAAsB,CAAC,IAAI,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;aAC9C;YACD,8EAA8E;SAC/E;aAAM,IAAI,MAAA,sBAAsB,CAAC,gBAAgB,0CAAE,OAAO,EAAE;YAC3D,YAAY,CAAC,SAAS,CAAC;gBACrB,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,SAAS;aACtC,CAAC,CAAA;SACH;QAED,uDAAuD;IACzD,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/dist/MultiSelect/MultiSelect.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { MultiSelectOptionProps, MultiSelectProps } from './MultiSelect.types';
-export declare const Option: React.ForwardRefExoticComponent<MultiSelectOptionProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-multiselect--demo)
- * @see [Design Guidelines](https://design.procore.com/multi-select)
- */
-export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>> & {
-    Option: React.ForwardRefExoticComponent<MultiSelectOptionProps & React.RefAttributes<HTMLDivElement>>;
-};

package/dist/MultiSelect/MultiSelect.js

@@ -1,390 +0,0 @@
-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 { Clear } from '@procore/core-icons/dist';
-import React from 'react';
-import { Box } from '../Box/Box';
-import { MenuImperative, useMenuImperativeControlNavigation, } from '../MenuImperative/MenuImperative';
-import { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
-import { Spinner } from '../Spinner/Spinner';
-import { Token } from '../Token/Token';
-import { Typography } from '../Typography/Typography';
-import { isEventSource } from '../_hooks/ClickOutside';
-import { useI18nContext } from '../_hooks/I18n';
-import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledMultiSelectArrow, StyledMultiSelectArrowContainer, StyledMultiSelectButton, StyledMultiSelectClearIcon, StyledMultiSelectMenu, StyledMultiSelectSearch, StyledMultiSelectSearchIcon, StyledMultiSelectSearchInput, StyledMultiSelectToken, StyledMultiSelectValues, } from './MultiSelect.styles';
-var targetShowKeys = ['ArrowDown', 'Down'];
-var targetHideKeys = ['Esc', 'Escape'];
-var overlayHideKeys = targetHideKeys;
-var emptyArray = [];
-function noop() { }
-function returnTrue() {
-    return true;
-}
-function isAlphaNumeric(str) {
-    return str.length === 1 && str.match(/[A-Za-z0-9 _.,!"'/$]*/i);
-}
-function setFocusTo(ref) {
-    if (ref.current) {
-        ref.current.focus();
-    }
-}
-function isOption(obj) {
-    return typeof obj === 'object' && obj.type === Option;
-}
-function defaultIsOptionDisabled() {
-    return false;
-}
-function defaultGetId(item) {
-    return item.id;
-}
-function defaultGetLabel(item) {
-    return item.label;
-}
-function defaultGetGroup(item) {
-    return item.groupId;
-}
-function defaultIsSelectable(obj) {
-    typeof obj === 'object' && obj.type === Option;
-}
-function defaultOptionRenderer(item, _a) {
-    var _b;
-    var getId = _a.getId, getLabel = _a.getLabel, qa = _a.qa, value = _a.value, props = __rest(_a, ["getId", "getLabel", "qa", "value"]);
-    return (React.createElement(Option, __assign({ key: getId(item), value: value || item, "data-qa": (_b = qa === null || qa === void 0 ? void 0 : qa.option) === null || _b === void 0 ? void 0 : _b.call(qa, item) }, props), getLabel(item)));
-}
-function defaultGroupHeaderRenderer(group) {
-    return (React.createElement(MenuImperative.Group, { key: "group_".concat(group.id), clickable: false }, group.label));
-}
-function defaultTokenRenderer(_a) {
-    var _b, _c;
-    var focused = _a.focused, disabled = _a.disabled, option = _a.option, removeToken = _a.removeToken, getLabel = _a.getLabel, qa = _a.qa;
-    return (React.createElement(Token, { disabled: disabled, focused: focused, "data-qa": (_b = qa === null || qa === void 0 ? void 0 : qa.token) === null || _b === void 0 ? void 0 : _b.call(qa, option) },
-        React.createElement(Token.Label, null, getLabel(option)),
-        React.createElement(Token.Remove, { "data-close": true, onClick: removeToken, "data-qa": (_c = qa === null || qa === void 0 ? void 0 : qa.tokenClear) === null || _c === void 0 ? void 0 : _c.call(qa, option) })));
-}
-function useMultiSelect(_a) {
-    var getId = _a.getId, getLabel = _a.getLabel, getGroup = _a.getGroup, menuRef = _a.menuRef, _b = _a.onChange, onChange = _b === void 0 ? noop : _b, onSearch_ = _a.onSearch, options_ = _a.options, value = _a.value, optgroups = _a.optgroups;
-    var _c = React.useState(null), index = _c[0], setIndex = _c[1];
-    var _d = React.useState(''), search = _d[0], setSearch = _d[1];
-    var valueIds = value.reduce(function (acc, cur) {
-        acc.add(getId(cur));
-        return acc;
-    }, new Set());
-    var count = value.length;
-    var options = React.useMemo(function () {
-        if (onSearch_) {
-            return options_;
-        }
-        return options_.filter(function (opt) {
-            return getLabel(opt).toLowerCase().includes(search.toLowerCase());
-        });
-    }, [options_, onSearch_, getLabel, search]);
-    var onSearch = React.useCallback(function (e) {
-        if (onSearch_) {
-            onSearch_(e);
-        }
-        setSearch(e.target.value);
-        // TODO: because menu highlighting is now imperative, we have to wait
-        // for a render to highlight the first item. Is there a better way
-        // to schedule this?
-        setTimeout(function () { var _a; return (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst(); }, 0);
-    }, [menuRef, onSearch_]);
-    var clearToken = function () { return setIndex(null); };
-    var removeSelection = React.useCallback(function (selection, selected) {
-        return selected.filter(function (s) { return getId(s) !== getId(selection); });
-    }, [getId]);
-    var onSelect = React.useCallback(function (selection) {
-        var newSelected = valueIds.has(getId(selection.item))
-            ? removeSelection(selection.item, value)
-            : __spreadArray(__spreadArray([], value, true), [selection.item], false);
-        setSearch('');
-        onChange(newSelected);
-    }, [setSearch, onChange, getId, removeSelection, value, valueIds]);
-    var removeToken = React.useCallback(function (i) {
-        onChange(removeSelection(value[i], value));
-    }, [value, onChange, removeSelection]);
-    var decrementToken = React.useCallback(function () {
-        if (index === null) {
-            // index is null, set it to the last token index
-            setIndex(count - 1);
-        }
-        else {
-            // decrementToken by one, don't go below 0
-            setIndex(Math.max(0, index - 1));
-        }
-    }, [count, index, setIndex]);
-    var incrementToken = React.useCallback(function () {
-        if (index === count - 1) {
-            setIndex(null);
-        }
-        else if (index !== null) {
-            setIndex(index + 1);
-        }
-    }, [count, index, setIndex]);
-    var onKeyDown = React.useCallback(function (event) {
-        var _a, _b, _c;
-        if (event.key === 'Enter') {
-            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.select(event);
-        }
-        if (event.key === 'ArrowUp' || event.key === 'Up') {
-            (_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.prev();
-        }
-        if (event.key === 'ArrowDown' || event.key === 'Down') {
-            (_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.next();
-        }
-        if (search === '') {
-            if (event.key === 'Backspace') {
-                // to prevent accidentally deleting too many tokens, don't do anything
-                // on repeating key events
-                if (event.repeat) {
-                    return;
-                }
-                // if we are focused on a token, remove it, otherwise remove the last token
-                removeToken(index !== null ? index : count - 1);
-                if (count >= 1) {
-                    decrementToken();
-                }
-                else {
-                    clearToken();
-                }
-            }
-            if (event.key === 'ArrowLeft' || event.key === 'Left') {
-                decrementToken();
-            }
-            if (event.key === 'ArrowRight' || event.key === 'Right') {
-                incrementToken();
-            }
-        }
-    }, [count, decrementToken, incrementToken, index, menuRef, removeToken, search]);
-    React.useEffect(function () {
-        // if we've deleted a token and our new count is less than
-        // our current index, clear the index
-        if (count <= (index || 0)) {
-            clearToken();
-        }
-    }, [count, index]);
-    var groupedOptions = React.useMemo(function () {
-        if (!optgroups || !optgroups.length) {
-            return options;
-        }
-        var optionsByGroup = optgroups.reduce(function (acc, _a) {
-            var _b;
-            var id = _a.id;
-            return __assign(__assign({}, acc), (_b = {}, _b[id] = [], _b));
-        }, {});
-        var orphanOptions = [];
-        options.forEach(function (option) {
-            var groupId = getGroup(option);
-            var groupOptions = optionsByGroup[groupId];
-            if (!groupId || !groupOptions) {
-                orphanOptions.push(option);
-                return;
-            }
-            optionsByGroup[groupId].push(option);
-        });
-        if (orphanOptions.length) {
-            console.warn("Could not find option groups for the options below. Make sure that every option has a proper \"groupId\" field or if \"getGroup\" is implemented correctly.", orphanOptions);
-        }
-        return optgroups.flatMap(function (group) {
-            var groupHeader = __assign(__assign({}, group), { isGroupHeader: true });
-            var groupOptions = optionsByGroup[group.id];
-            if (!groupOptions.length) {
-                return [];
-            }
-            return __spreadArray([groupHeader], groupOptions, true);
-        }, []);
-    }, [options, getGroup, optgroups]);
-    return {
-        ids: valueIds,
-        index: index,
-        menuRef: menuRef,
-        options: groupedOptions,
-        search: search,
-        clearToken: clearToken,
-        decrementToken: decrementToken,
-        incrementToken: incrementToken,
-        onSearch: onSearch,
-        onSelect: onSelect,
-        removeToken: removeToken,
-        domHandlers: {
-            onKeyDown: onKeyDown,
-        },
-    };
-}
-export var Option = React.forwardRef(function Option(_a, ref) {
-    var value = _a.value, props = __rest(_a, ["value"]);
-    return React.createElement(MenuImperative.Item, __assign({ ref: ref }, props, { item: value }));
-});
-function GroupedOptions(_a) {
-    var multiselect = _a.multiselect, groupHeaderRenderer = _a.groupHeaderRenderer, optionRenderer = _a.optionRenderer, getId = _a.getId, getLabel = _a.getLabel, isOptionDisabled = _a.isOptionDisabled, qa = _a.qa;
-    return (React.createElement(MenuImperative.Options, null, multiselect.options.map(function (opt) {
-        if (opt.isGroupHeader) {
-            var groupHeader = opt;
-            return groupHeaderRenderer(groupHeader);
-        }
-        return optionRenderer(opt, {
-            getId: getId,
-            getLabel: getLabel,
-            // @ts-ignore
-            // Object literal may only specify known properties, and 'key' does not exist in type 'OptionRendererProps'.
-            key: getId(opt),
-            selected: multiselect.ids.has(getId(opt)),
-            disabled: isOptionDisabled(opt),
-            value: opt,
-            qa: qa,
-        });
-    })));
-}
-/**
-
- Multi selects allow our users to choose one to many options from a list,
- presented in a dropdown. We typically see these selects on forms.
-
- Other select components are group select, select, and tiered select.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/multiselect--basic)
-
- @see [Design Guidelines](https://design.procore.com/multi-select)
-
- */
-var MultiSelect_ = React.forwardRef(function MultiSelect(_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 ? returnTrue : _d, _e = _a.beforeShow, beforeShow = _e === void 0 ? returnTrue : _e, _f = _a.block, block = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, emptyMessage = _a.emptyMessage, _h = _a.error, error = _h === void 0 ? false : _h, footer = _a.footer, _j = _a.getId, getId = _j === void 0 ? defaultGetId : _j, _k = _a.getLabel, getLabel = _k === void 0 ? defaultGetLabel : _k, _l = _a.getGroup, getGroup = _l === void 0 ? defaultGetGroup : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.onChange, onChange = _o === void 0 ? noop : _o, onScrollBottom = _a.onScrollBottom, onSearch = _a.onSearch, _p = _a.options, options = _p === void 0 ? emptyArray : _p, _q = _a.isOptionDisabled, isOptionDisabled = _q === void 0 ? defaultIsOptionDisabled : _q, _r = _a.optionRenderer, optionRenderer = _r === void 0 ? defaultOptionRenderer : _r, optgroups = _a.optgroups, _s = _a.groupHeaderRenderer, groupHeaderRenderer = _s === void 0 ? defaultGroupHeaderRenderer : _s, _t = _a.tokenRenderer, tokenRenderer = _t === void 0 ? defaultTokenRenderer : _t, placeholder = _a.placeholder, _u = _a.placement, placement = _u === void 0 ? 'bottom-left' : _u, _v = _a.value, value = _v === void 0 ? emptyArray : _v, _w = _a.tabIndex, tabIndex = _w === void 0 ? 0 : _w, ariaLabelledBy = _a["aria-labelledby"], _x = _a.qa, qa = _x === void 0 ? {} : _x, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "disabled", "emptyMessage", "error", "footer", "getId", "getLabel", "getGroup", "loading", "onChange", "onScrollBottom", "onSearch", "options", "isOptionDisabled", "optionRenderer", "optgroups", "groupHeaderRenderer", "tokenRenderer", "placeholder", "placement", "value", "tabIndex", 'aria-labelledby', "qa"]);
-    var i18n = useI18nContext();
-    var ownRef = React.useRef();
-    var targetRef = ref || ownRef;
-    var searchRef = React.useRef(null);
-    var menuRef = React.useRef(null);
-    var _y = useMenuImperativeControlNavigation(menuRef), menuNavigationTriggerProps = _y.menuNavigationTriggerProps, menuProps = _y.menuProps;
-    var I18n = useI18nContext();
-    var multiselect = useMultiSelect({
-        getId: getId,
-        getLabel: getLabel,
-        getGroup: getGroup,
-        menuRef: menuRef,
-        onSearch: onSearch,
-        options: options,
-        onChange: function (value) {
-            onChange(value);
-            setFocusTo(searchRef);
-        },
-        value: value,
-        optgroups: optgroups,
-    });
-    var hasClearIcon = value.length > 0 && !loading;
-    var isNavigatingTokens = multiselect.index !== null;
-    var overlay = (React.createElement(StyledMultiSelectMenu, { shadowStrength: 2 },
-        React.createElement(MenuImperative, __assign({}, menuProps, { ref: menuRef, onScrollBottom: onScrollBottom, onSelect: multiselect.onSelect, "data-qa": "multi-select-menu", role: "listbox" }),
-            multiselect.options.length ? (React.createElement(GroupedOptions, { multiselect: multiselect, getId: getId, getLabel: getLabel, isOptionDisabled: isOptionDisabled, groupHeaderRenderer: groupHeaderRenderer, optionRenderer: optionRenderer, qa: qa })) : (React.createElement(Box, { padding: "md lg" },
-                React.createElement(Typography, { color: "gray45", intent: "small", italic: true }, emptyMessage || I18n.t('core.multiSelect.noResults')))),
-            footer && React.createElement(MenuImperative.Footer, null, footer))));
-    return (React.createElement(OverlayTrigger, { canFlip: true, afterHide: function () {
-            multiselect.clearToken();
-            afterHide();
-        }, afterShow: function () {
-            var _a;
-            multiselect.clearToken();
-            (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.highlightFirst();
-            afterShow();
-        }, beforeHide: function (e) {
-            // if we are clicking somewhere in the target, set focus on the search
-            if (e instanceof MouseEvent && isEventSource(targetRef, e)) {
-                setFocusTo(searchRef);
-            }
-            return beforeHide(e);
-        }, beforeShow: function (e) {
-            setFocusTo(searchRef);
-            return beforeShow(e);
-        }, hideKeys: {
-            overlay: overlayHideKeys,
-            target: targetHideKeys,
-        }, overlay: overlay, placement: placement, ref: targetRef, showKeys: targetShowKeys, trigger: "click" }, function (_a) {
-        var disable = _a.disable, enable = _a.enable, isVisible = _a.isVisible;
-        return (React.createElement(StyledMultiSelectButton, __assign({ "$block": block, "$error": error, "$emptyValue": value.length === 0, "$disabled": disabled, "$hasClearIcon": hasClearIcon, "$loading": loading, "$open": isVisible }, props),
-            React.createElement(StyledMultiSelectValues, null,
-                value.map(function (selection, i) {
-                    return (React.createElement(StyledMultiSelectToken, { key: getId(selection) }, tokenRenderer({
-                        option: selection,
-                        focused: i === multiselect.index,
-                        disabled: disabled,
-                        getLabel: getLabel,
-                        removeToken: function () {
-                            multiselect.removeToken(i);
-                        },
-                        qa: qa,
-                    })));
-                }),
-                React.createElement(StyledMultiSelectSearch, null,
-                    React.createElement(StyledMultiSelectSearchInput, __assign({ "aria-labelledby": ariaLabelledBy, "data-qa": "core-multiselect-input", "$isNavigatingTokens": isNavigatingTokens, disabled: disabled, onBlur: multiselect.clearToken, onChange: function (e) {
-                            multiselect.onSearch(e);
-                        } }, menuNavigationTriggerProps, { onKeyDown: function (e) {
-                            if (isNavigatingTokens && e.key !== 'Tab') {
-                                // if we are navigating tokens don't do any input but allow Tab
-                                e.preventDefault();
-                            }
-                            if (isVisible) {
-                                // if the overlay is visible, close it and keep focus
-                                if (e.key === 'Tab') {
-                                    e.preventDefault();
-                                    disable(e);
-                                }
-                                // if open, don't notify parents (like Modal) but still let OverlayTrigger close it and keep it focus
-                                if (e.key === 'Esc' || e.key === 'Escape') {
-                                    e.stopPropagation();
-                                    disable(e);
-                                }
-                            }
-                            else {
-                                // if we type in an alphanumeric character, show the overlay
-                                if (isAlphaNumeric(e.key)) {
-                                    enable(e);
-                                }
-                            }
-                            multiselect.domHandlers.onKeyDown(e);
-                        }, placeholder: (value === null || value === void 0 ? void 0 : value.length) > 0
-                            ? ''
-                            : placeholder !== null && placeholder !== void 0 ? placeholder : I18n.t('core.multiSelect.selectValues'), ref: searchRef, tabIndex: tabIndex, value: multiselect.search })))),
-            React.createElement(StyledMultiSelectSearchIcon, null,
-                React.createElement(StyledMultiSelectClearIcon, { "aria-label": i18n.t('core.multiSelect.clearAll'), "data-close": true, "data-qa": "core-multiselect-clear", size: "sm", variant: "tertiary", disabled: disabled, icon: React.createElement(Clear, null), onClick: function () { return onChange([]); }, tabIndex: -1 }),
-                loading ? (React.createElement(Spinner, { color: "blue50", size: "xs" })) : (React.createElement(StyledMultiSelectArrowContainer, { "data-qa": "multiselect-select-arrow", onClick: function (e) { return isVisible && disable(e); } },
-                    React.createElement(StyledMultiSelectArrow, null))))));
-    }));
-});
-MultiSelect_.displayName = 'MultiSelect';
-/**
- * @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-multiselect--demo)
- * @see [Design Guidelines](https://design.procore.com/multi-select)
- */
-export var MultiSelect = addSubcomponents({
-    Option: Option,
-}, MultiSelect_);
-//# sourceMappingURL=MultiSelect.js.map