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

package/dist/esm/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,378 @@
+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 { isEventSource } from '../../effects/ClickOutside';
+import { Box } from '../../layouts/Box';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { MenuImperative } from '../MenuImperative';
+import { OverlayTrigger } from '../OverlayTrigger';
+import { Spinner } from '../Spinner';
+import { Token } from '../Token';
+import { Typography } from '../Typography';
+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, variant: "icon", "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.Icon, { "data-close": true, icon: "x", 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/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, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No results' : _h, _j = _a.error, error = _j === void 0 ? false : _j, _k = _a.getId, getId = _k === void 0 ? defaultGetId : _k, _l = _a.getLabel, getLabel = _l === void 0 ? defaultGetLabel : _l, _m = _a.getGroup, getGroup = _m === void 0 ? defaultGetGroup : _m, _o = _a.loading, loading = _o === void 0 ? false : _o, _p = _a.onChange, onChange = _p === void 0 ? noop : _p, onScrollBottom = _a.onScrollBottom, onSearch = _a.onSearch, _q = _a.options, options = _q === void 0 ? emptyArray : _q, _r = _a.isOptionDisabled, isOptionDisabled = _r === void 0 ? defaultIsOptionDisabled : _r, _s = _a.optionRenderer, optionRenderer = _s === void 0 ? defaultOptionRenderer : _s, optgroups = _a.optgroups, _t = _a.groupHeaderRenderer, groupHeaderRenderer = _t === void 0 ? defaultGroupHeaderRenderer : _t, _u = _a.tokenRenderer, tokenRenderer = _u === void 0 ? defaultTokenRenderer : _u, _v = _a.placeholder, placeholder = _v === void 0 ? 'Select Values' : _v, _w = _a.placement, placement = _w === void 0 ? 'bottom-left' : _w, _x = _a.value, value = _x === void 0 ? emptyArray : _x, _y = _a.tabIndex, tabIndex = _y === void 0 ? 0 : _y, _z = _a.qa, qa = _z === void 0 ? {} : _z, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "disabled", "emptyMessage", "error", "getId", "getLabel", "getGroup", "loading", "onChange", "onScrollBottom", "onSearch", "options", "isOptionDisabled", "optionRenderer", "optgroups", "groupHeaderRenderer", "tokenRenderer", "placeholder", "placement", "value", "tabIndex", "qa"]);
+    var ownRef = React.useRef();
+    var targetRef = ref || ownRef;
+    var searchRef = React.useRef(null);
+    var menuRef = React.useRef(null);
+    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, { ref: menuRef, onScrollBottom: onScrollBottom, onSelect: multiselect.onSelect, "data-qa": "multi-select-menu" }, 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))))));
+    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, { "data-qa": "core-multiselect-input", "$isNavigatingTokens": isNavigatingTokens, disabled: disabled, onBlur: multiselect.clearToken, onChange: function (e) {
+                            multiselect.onSearch(e);
+                        }, 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);
+                                }
+                            }
+                            else {
+                                // if we type in an alphanumeric character, show the overlay
+                                if (isAlphaNumeric(e.key)) {
+                                    enable(e);
+                                }
+                            }
+                            multiselect.domHandlers.onKeyDown(e);
+                        }, placeholder: value && value.length > 0 ? '' : placeholder, ref: searchRef, tabIndex: tabIndex, value: multiselect.search }))),
+            React.createElement(StyledMultiSelectSearchIcon, null,
+                React.createElement(StyledMultiSelectClearIcon, { "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_);
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.js.map

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

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

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

@@ -0,0 +1,22 @@
+export declare const StyledMultiSelectValues: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectToken: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectSearchInput: import("styled-components").StyledComponent<"input", any, {
+    $isNavigatingTokens: boolean;
+}, never>;
+export declare const StyledMultiSelectSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectSearchIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectClearIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledMultiSelectArrowContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMultiSelectMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledMultiSelectButton: import("styled-components").StyledComponent<"div", any, {
+    $block: boolean;
+    $disabled: boolean;
+    $error: boolean;
+    $loading: boolean;
+    $open: boolean;
+    $placeholder?: boolean | undefined;
+    $hasClearIcon: boolean;
+} & {
+    $emptyValue: boolean;
+}, never>;

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

@@ -0,0 +1,28 @@
+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 { StyledSelectArrow, StyledSelectArrowContainer, StyledSelectButton, StyledSelectClearIcon, StyledSelectMenu, } from '../Select/Select.styles';
+import { colors } from '../../styles/colors';
+import { getFocus } from '../../styles/mixins';
+import { spacing } from '../../styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+export var StyledMultiSelectValues = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 2px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  min-width: 0;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 2px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  min-width: 0;\n  width: 100%;\n"])), spacing.md, spacing.xs);
+export var StyledMultiSelectToken = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 0 1 auto;\n\n  > div {\n    max-width: 178px;\n    width: 100%;\n  }\n"], ["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 0 1 auto;\n\n  > div {\n    max-width: 178px;\n    width: 100%;\n  }\n"])), spacing.xs);
+export var StyledMultiSelectSearchInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: transparent;\n  border-width: 0;\n  font-family: inherit;\n  padding: 0;\n  height: 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &:focus {\n    box-shadow: none;\n    outline: none;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"], ["\n  background-color: transparent;\n  border-width: 0;\n  font-family: inherit;\n  padding: 0;\n  height: 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &:focus {\n    box-shadow: none;\n    outline: none;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"])), getTypographyIntent('body'), function (_a) {
+    var $isNavigatingTokens = _a.$isNavigatingTokens;
+    return $isNavigatingTokens && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: transparent;\n    "], ["\n      color: transparent;\n    "])));
+}, colors.gray45);
+export var StyledMultiSelectSearch = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 1;\n  max-width: 100%;\n  min-width: 24px;\n"], ["\n  margin-bottom: 2px;\n  margin-right: ", "px;\n  margin-top: 2px;\n  flex: 1;\n  max-width: 100%;\n  min-width: 24px;\n"])), spacing.xs);
+export var StyledMultiSelectSearchIcon = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  align-self: flex-start;\n  display: flex;\n  height: 34px;\n  justify-content: flex-end;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  min-width: 40px;\n  width: 40px;\n"], ["\n  align-items: center;\n  align-self: flex-start;\n  display: flex;\n  height: 34px;\n  justify-content: flex-end;\n  margin-left: ", "px;\n  margin-right: ", "px;\n  min-width: 40px;\n  width: 40px;\n"])), spacing.xs, spacing.md);
+export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
+export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
+export var StyledMultiSelectArrow = StyledSelectArrow;
+export var StyledMultiSelectMenu = StyledSelectMenu;
+export var StyledMultiSelectButton = styled(StyledSelectButton)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: auto;\n  padding: 0;\n  white-space: normal;\n\n  &:focus-within {\n    ", "\n  }\n\n  ", "\n"], ["\n  height: auto;\n  padding: 0;\n  white-space: normal;\n\n  &:focus-within {\n    ", "\n  }\n\n  ", "\n"])), getFocus(), function (_a) {
+    var $emptyValue = _a.$emptyValue;
+    return $emptyValue && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", " {\n        cursor: pointer;\n      }\n    "], ["\n      ", " {\n        cursor: pointer;\n      }\n    "])), StyledMultiSelectSearchInput);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=MultiSelect.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.styles.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAGrE,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,0OAAA,gFAIhC,EAAU,uBACT,EAAU,4DAI3B,KALgB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,CAI3B,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,yNAAA,2CAE9B,EAAU,yGAQ3B,KARiB,OAAO,CAAC,EAAE,CAQ3B,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,KAAK,mXAEtD,uIAQE,EAA2B,QAE3B,EAIC,iJAYQ,EAAa,UAEzB,KApBG,mBAAmB,CAAC,MAAM,CAAC,EAE3B,UAAC,EAAuB;QAArB,mBAAmB,yBAAA;IACtB,OAAA,mBAAmB,IACnB,GAAG,sGAAA,mCAEF,IAAA;AAHD,CAGC,EAYQ,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,+LAAA,2CAE/B,EAAU,+EAK3B,KALiB,OAAO,CAAC,EAAE,CAK3B,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,gRAAA,uIAMpC,EAAU,uBACT,EAAU,2CAG3B,KAJgB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,CAG3B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,qBAAqB,CAAA;AAE/D,MAAM,CAAC,IAAM,+BAA+B,GAAG,0BAA0B,CAAA;AAEzE,MAAM,CAAC,IAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAEvD,MAAM,CAAC,IAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAErD,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,kBAAkB,CAAC,8KAE/D,sFAMI,EAAU,aAGZ,EAMC,IACJ,KAVK,QAAQ,EAAE,EAGZ,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW,IACX,GAAG,4HAAA,UACC,EAA4B,6CAG/B,KAHG,4BAA4B,CAG/B;AALD,CAKC,CACJ,CAAA"}