@procore/core-react 11.5.0-rc.4 → 11.5.0-rc.5

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

@@ -2,7 +2,7 @@
 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;
+    $isNavigatingTokens?: boolean | undefined;
 }, never>;
 export declare const StyledMultiSelectSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMultiSelectSearchIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/SuperSelect/SuperSelect.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="lodash" />
+import React from 'react';
+import { SuperSelectProps } from './SuperSelect.types';
+export declare const SuperSelect: React.ForwardRefExoticComponent<SuperSelectProps & React.RefAttributes<{
+    activeMenuIndex: number | null;
+    activeTokenIndex: number | null;
+    components: {
+        Label?: React.FC<{
+            selectApi: any;
+        }> | undefined;
+        MenuItemLabel?: React.FC<{
+            selectApi: any;
+            option: any;
+        }> | undefined;
+        Token?: React.FC<{
+            selectApi: any;
+            option: any;
+            index: number;
+            focused: boolean;
+        }> | undefined;
+    } | undefined;
+    floating: import("@floating-ui/react-dom-interactions").UseFloatingReturn<HTMLElement>;
+    getClearProps: () => React.AriaAttributes & React.HTMLAttributes<HTMLElement>;
+    getFloatingProps: (userProps?: any) => Record<string, unknown>;
+    getItemProps: (userProps?: any) => Record<string, unknown>;
+    getMultiInputProps: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement>;
+    getOptionGroup: (option: any) => string;
+    getOptionIsBatch: (option: any) => boolean;
+    getOptionIsDisabled: (option: any) => boolean;
+    getOptionIsOptgroup: (item: any) => boolean;
+    getOptionLabel: (option: any) => string;
+    getOptionValue: (option: any) => import("./SuperSelect.types").SuperSelectValuePrimitive;
+    getReferenceProps: (userProps?: any) => Record<string, unknown>;
+    getTokenClearProps: (index: number) => React.AriaAttributes & React.SVGAttributes<SVGElement>;
+    getTypeaheadProps: () => React.AriaAttributes & import("../Typeahead/Typeahead.types").TypeaheadInputProps & import("..").TypeaheadProps;
+    isEmpty: () => boolean;
+    isSelected: (option: any) => boolean;
+    listId: string;
+    maxHeight: number;
+    multiple: boolean;
+    navigationListRef: React.MutableRefObject<(HTMLElement | null)[]>;
+    onSelect: (option: any) => void;
+    open: boolean;
+    sourceOptions: any[];
+    options: any[];
+    overlayId: string;
+    searchValue: string;
+    selectedIndex: number;
+    selectedOption: any;
+    selectedLabel: string;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setPointer: React.Dispatch<React.SetStateAction<boolean>>;
+    setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
+    value: import("./SuperSelect.types").SuperSelectValue;
+    virtuoso: React.RefObject<import("react-virtuoso").VirtuosoHandle>;
+    width: number;
+}>>;

package/dist/SuperSelect/SuperSelect.js

@@ -0,0 +1,159 @@
+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);
+};
+import { FloatingFocusManager, FloatingPortal, } from '@floating-ui/react-dom-interactions';
+import { Clear } from '@procore/core-icons';
+import React from 'react';
+import { Box } from '../Box/Box';
+import { StyledFooter, StyledGroup, StyledHeader, StyledItem, StyledOptions, StyledSearch, } from '../MenuImperative/MenuImperative.styles';
+import { StyledMultiSelectArrow, StyledMultiSelectArrowContainer, StyledMultiSelectButton, StyledMultiSelectClearIcon, StyledMultiSelectSearch, StyledMultiSelectSearchIcon, StyledMultiSelectSearchInput, StyledMultiSelectToken, StyledMultiSelectValues, } from '../MultiSelect/MultiSelect.styles';
+import { Button } from '../Select/Select';
+import { Spinner } from '../Spinner/Spinner';
+import { Token } from '../Token/Token';
+import { Typeahead } from '../Typeahead/Typeahead';
+import { Typography } from '../Typography/Typography';
+import { useI18nContext } from '../_hooks/I18n';
+import { spacing } from '../_styles/spacing';
+import { StyledOverlay, StyledVirtuoso } from './SuperSelect.styles';
+import { useSuperSelect } from './useSuperSelect';
+var SuperSelectContext = React.createContext(null);
+var SuperSelectLabel = function (_a) {
+    var selectApi = _a.selectApi;
+    return React.createElement(React.Fragment, null, selectApi.selectedLabel);
+};
+var SuperSelectToken = function (_a) {
+    var selectApi = _a.selectApi, option = _a.option, focused = _a.focused, index = _a.index;
+    return (React.createElement(StyledMultiSelectToken, null,
+        React.createElement(Token, { focused: focused },
+            React.createElement(Token.Label, null, selectApi.getOptionLabel(option)),
+            React.createElement(Token.Remove, __assign({}, selectApi.getTokenClearProps(index))))));
+};
+var SuperSelectMenuItemLabel = function (_a) {
+    var selectApi = _a.selectApi, option = _a.option;
+    return React.createElement("div", null, selectApi.getOptionLabel(option));
+};
+var SuperSelectMenuItem = React.forwardRef(function (props, ref) {
+    var _a, _b;
+    var selectApi = React.useContext(SuperSelectContext);
+    if (!selectApi) {
+        return null;
+    }
+    var index = props['data-index'];
+    var option = selectApi.options[index];
+    if (!option) {
+        return null;
+    }
+    var label = selectApi.getOptionLabel(option);
+    var value = selectApi === null || selectApi === void 0 ? void 0 : selectApi.getOptionValue(option);
+    function setNode(node) {
+        if (selectApi) {
+            selectApi.navigationListRef.current[index] = node;
+        }
+    }
+    if (selectApi.getOptionIsOptgroup(option)) {
+        return (React.createElement(StyledGroup, __assign({ ref: setNode }, props, selectApi.getItemProps(), { role: "separator", "aria-disabled": true }), label));
+    }
+    var MenuItemLabelComponent = (_b = (_a = selectApi.components) === null || _a === void 0 ? void 0 : _a['MenuItemLabel']) !== null && _b !== void 0 ? _b : SuperSelectMenuItemLabel;
+    return (React.createElement(StyledItem, __assign({}, props, selectApi.getItemProps({
+        onClick: function () {
+            selectApi === null || selectApi === void 0 ? void 0 : selectApi.onSelect(option);
+        },
+    }), { ref: setNode, id: "item-".concat(value), role: "option", "aria-selected": selectApi.activeMenuIndex === index, "aria-setsize": selectApi.options.length || 0, "aria-posinset": index + 1, "$highlighted": selectApi.activeMenuIndex === index, "$disabled": selectApi.getOptionIsDisabled(option), "$selected": selectApi.isSelected(option) }),
+        React.createElement(MenuItemLabelComponent, { selectApi: selectApi, option: option })));
+});
+var SingleSelectReference = React.forwardRef(function SingleSelect(_a, ref) {
+    var _b, _c;
+    var selectApi = _a.selectApi, _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.error, error = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, placeholder = _a.placeholder, _h = _a.tabIndex, tabIndex = _h === void 0 ? 0 : _h;
+    var LabelComponent = (_c = (_b = selectApi.components) === null || _b === void 0 ? void 0 : _b['Label']) !== null && _c !== void 0 ? _c : SuperSelectLabel;
+    var label = selectApi.selectedLabel ? (React.createElement(LabelComponent, { selectApi: selectApi })) : ('');
+    return (React.createElement(Button, __assign({}, selectApi.getReferenceProps(), { ref: selectApi.floating.reference, block: block, disabled: disabled, error: error, isMenuOpened: selectApi.open, label: label, loading: loading, onClear: selectApi.getClearProps().onClick, open: selectApi.open, placeholder: placeholder, tabIndex: tabIndex, role: "combobox" })));
+});
+var MultiSelectReference = React.forwardRef(function MultiSelect(_a, ref) {
+    var _b, _c, _d;
+    var selectApi = _a.selectApi, _e = _a.block, block = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.error, error = _g === void 0 ? false : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, placeholder = _a.placeholder, _j = _a.tabIndex, tabIndex = _j === void 0 ? 0 : _j;
+    var searchRef = React.useRef(null);
+    React.useEffect(function () {
+        var _a;
+        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [selectApi.value]);
+    if (!Array.isArray(selectApi.value)) {
+        return null;
+    }
+    var TokenComponent = (_c = (_b = selectApi.components) === null || _b === void 0 ? void 0 : _b['Token']) !== null && _c !== void 0 ? _c : SuperSelectToken;
+    return (React.createElement(StyledMultiSelectButton, __assign({}, selectApi.getReferenceProps({
+        onClick: function () { var _a; return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+    }), { ref: ref, "$block": block, "$error": error, "$emptyValue": selectApi.isEmpty(), "$disabled": disabled, "$hasClearIcon": !selectApi.isEmpty() && !loading, "$loading": loading, "$open": selectApi.open, tabIndex: tabIndex }),
+        React.createElement(StyledMultiSelectValues, null, (_d = selectApi.value) === null || _d === void 0 ? void 0 :
+            _d.map(function (val, j) {
+                var option = selectApi.sourceOptions.find(function (o) { return selectApi.getOptionValue(o) === val; });
+                return (option && (React.createElement(TokenComponent, { index: j, focused: j === selectApi.activeTokenIndex, option: option, selectApi: selectApi })));
+            }),
+            React.createElement(StyledMultiSelectSearch, null,
+                React.createElement(StyledMultiSelectSearchInput, __assign({}, selectApi.getMultiInputProps(), { ref: searchRef, placeholder: selectApi.isEmpty() ? placeholder : '' })))),
+        React.createElement(StyledMultiSelectSearchIcon, null,
+            React.createElement(StyledMultiSelectClearIcon, __assign({}, selectApi.getClearProps(), { size: "sm", variant: "tertiary", disabled: disabled, icon: React.createElement(Clear, null), tabIndex: -1 })),
+            loading ? (React.createElement(Spinner, { color: "blue50", size: "xs" })) : (React.createElement(StyledMultiSelectArrowContainer, null,
+                React.createElement(StyledMultiSelectArrow, null))))));
+});
+function SelectComponent(_a, ref) {
+    var _b = _a.block, block = _b === void 0 ? false : _b, components = _a.components, defaultValue = _a.defaultValue, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.emptyMessage, emptyMessage = _d === void 0 ? 'No Results' : _d, _e = _a.error, error = _e === void 0 ? false : _e, footer = _a.footer, getOptionGroup = _a.getOptionGroup, getOptionIsBatch = _a.getOptionIsBatch, getOptionIsDisabled = _a.getOptionIsDisabled, getOptionLabel = _a.getOptionLabel, getOptionValue = _a.getOptionValue, header = _a.header, _f = _a.loading, loading = _f === void 0 ? false : _f, _g = _a.multiple, multiple = _g === void 0 ? false : _g, onChange = _a.onChange, options = _a.options, placeholder = _a.placeholder, _h = _a.search, search = _h === void 0 ? true : _h, _j = _a.tabIndex, tabIndex = _j === void 0 ? 0 : _j, value = _a.value;
+    var I18n = useI18nContext();
+    var selectApi = useSuperSelect({
+        components: components,
+        defaultValue: defaultValue,
+        disabled: disabled,
+        getOptionGroup: getOptionGroup,
+        getOptionIsBatch: getOptionIsBatch,
+        getOptionIsDisabled: getOptionIsDisabled,
+        getOptionLabel: getOptionLabel,
+        getOptionValue: getOptionValue,
+        multiple: multiple,
+        onChange: onChange,
+        options: options,
+        search: search,
+        value: value,
+    });
+    var _k = React.useState(0), listHeight = _k[0], setListHeight = _k[1];
+    React.useImperativeHandle(ref, function () { return selectApi; });
+    React.useEffect(function () {
+        if (value && onChange === undefined) {
+            console.warn('Must provide both a `value` and `onChange` prop for a controlled Select');
+        }
+    }, []);
+    var ReferenceComponent = multiple
+        ? MultiSelectReference
+        : SingleSelectReference;
+    return (React.createElement(SuperSelectContext.Provider, { value: selectApi },
+        React.createElement(ReferenceComponent, { ref: selectApi.floating.reference, search: search, selectApi: selectApi, block: block, loading: loading, disabled: disabled, placeholder: placeholder, error: error, tabIndex: tabIndex }),
+        React.createElement(FloatingPortal, null, selectApi.open && (React.createElement(FloatingFocusManager, { context: selectApi.floating.context, order: search ? ['content', 'reference'] : ['reference', 'content'], initialFocus: multiple ? false : 0 },
+            React.createElement(StyledOverlay, __assign({}, selectApi.getFloatingProps(), { role: search ? 'dialog' : 'none', ref: selectApi.floating.floating, id: selectApi.overlayId, style: {
+                    position: selectApi.floating.strategy,
+                    left: selectApi.floating.x || 0,
+                    top: selectApi.floating.y || 0,
+                    width: selectApi.width,
+                    maxHeight: selectApi.maxHeight,
+                    zIndex: 10,
+                } }),
+                search && !multiple && (React.createElement(StyledSearch, null,
+                    React.createElement(Typeahead, __assign({}, selectApi.getTypeaheadProps(), { placeholder: I18n.t('core.select.search') })))),
+                header && (React.createElement(StyledHeader, null,
+                    React.createElement("div", null, header))),
+                selectApi.options.length > 0 ? (React.createElement(StyledOptions, { style: { height: listHeight + spacing.sm * 2 } },
+                    React.createElement(StyledVirtuoso, { role: "listbox", id: selectApi.overlayId, ref: selectApi.virtuoso, data: selectApi.options, components: { Item: SuperSelectMenuItem }, initialTopMostItemIndex: selectApi.selectedIndex >= 0 ? selectApi.selectedIndex : 0, totalListHeightChanged: setListHeight, tabIndex: -1 }))) : (React.createElement(Box, { padding: "md lg" },
+                    React.createElement(Typography, { italic: true, color: "gray50" }, emptyMessage))),
+                footer && (React.createElement(StyledFooter, { onKeyDown: function (e) {
+                        if (e.key !== 'Escape') {
+                            e.stopPropagation();
+                        }
+                    }, padding: "md lg" }, footer))))))));
+}
+export var SuperSelect = React.forwardRef(SelectComponent);
+//# sourceMappingURL=SuperSelect.js.map

package/dist/SuperSelect/SuperSelect.js.map

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

package/dist/SuperSelect/SuperSelect.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledVirtuoso: import("styled-components").StyledComponent<(<ItemData = any, Context = any>(props: import("react-virtuoso").VirtuosoProps<ItemData, Context> & {
+    ref?: any;
+}) => ReactElement), any, {}, never>;
+export declare const StyledEllipses: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/SuperSelect/SuperSelect.styles.js

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Virtuoso } from 'react-virtuoso';
+import styled from 'styled-components';
+import { Card } from '../Card/Card';
+import { getEllipsis } from '../_styles/mixins';
+export var StyledOverlay = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+export var StyledVirtuoso = styled(Virtuoso)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1 1 auto;\n"], ["\n  flex: 1 1 auto;\n"])));
+export var StyledEllipses = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  display: inline-flex;\n\n  > div {\n    display: inline-flex;\n    width: 100%;\n  }\n"], ["\n  ", "\n  display: inline-flex;\n\n  > div {\n    display: inline-flex;\n    width: 100%;\n  }\n"])), getEllipsis());
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=SuperSelect.styles.js.map

package/dist/SuperSelect/SuperSelect.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuperSelect.styles.js","sourceRoot":"","sources":["../../src/SuperSelect/SuperSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,oHAAA,iDAGxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,0FAAA,uBAE7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,uKAAA,MACpC,EAAa,4FAOhB,KAPG,WAAW,EAAE,CAOhB,CAAA"}

package/dist/SuperSelect/SuperSelect.types.d.ts

@@ -0,0 +1,95 @@
+import React from 'react';
+import { useSuperSelect } from './useSuperSelect';
+export interface SuperSelectProps {
+    block?: boolean;
+    components?: {
+        Label?: React.FC<{
+            selectApi: SuperSelectApi;
+        }>;
+        MenuItemLabel?: React.FC<{
+            selectApi: SuperSelectApi;
+            option: any;
+        }>;
+        Token?: React.FC<{
+            selectApi: SuperSelectApi;
+            option: any;
+            index: number;
+            focused: boolean;
+        }>;
+    };
+    defaultValue?: SuperSelectValue;
+    disabled?: boolean;
+    emptyMessage: string;
+    error?: boolean;
+    footer?: React.ReactElement;
+    getOptionGroup?: (option: any) => string;
+    getOptionIsBatch?: (option: any) => boolean;
+    getOptionIsDisabled?: (option: any) => boolean;
+    getOptionLabel?: (option: any) => string;
+    getOptionValue?: (option: any) => SuperSelectValuePrimitive;
+    header?: React.ReactElement;
+    loading?: boolean;
+    multiple?: boolean;
+    multipleOptions?: any[];
+    multipleOptionsLabel?: string;
+    onChange?: (value: SuperSelectValue) => void;
+    options: Record<string, any>[];
+    placeholder?: string;
+    search?: boolean;
+    tabIndex?: number;
+    value?: SuperSelectValue;
+}
+export interface TokenNavigationProps {
+    activeIndex?: number | null;
+    enabled?: boolean;
+    onChange?: (value: SuperSelectValue) => void;
+    onNavigate?: (index: number | null) => void;
+    value?: SuperSelectValue;
+}
+export interface KeyboardSelectionProps {
+    enabled?: boolean;
+    onSelect?: () => void;
+}
+export declare type SuperSelectValuePrimitive = boolean | string | number;
+export declare type SuperSelectValue = SuperSelectValuePrimitive | Array<SuperSelectValuePrimitive> | null;
+export declare type SuperSelectOption = any;
+export interface SuperSelectConfig {
+    components?: {
+        Label?: React.FC<{
+            selectApi: SuperSelectApi;
+        }>;
+        MenuItemLabel?: React.FC<{
+            selectApi: SuperSelectApi;
+            option: any;
+        }>;
+        Token?: React.FC<{
+            selectApi: SuperSelectApi;
+            option: any;
+            index: number;
+            focused: boolean;
+        }>;
+    };
+    defaultValue?: SuperSelectValue;
+    disabled?: boolean;
+    getOptionGroup?: (option: SuperSelectOption) => string;
+    getOptionIsBatch?: (option: SuperSelectOption) => boolean;
+    getOptionIsDisabled?: (option: SuperSelectOption) => boolean;
+    getOptionLabel?: (option: SuperSelectOption) => string;
+    getOptionValue?: (option: SuperSelectOption) => SuperSelectValuePrimitive;
+    multiple?: boolean;
+    onChange?: (value: SuperSelectValue) => void;
+    options?: Array<any>;
+    search?: boolean;
+    value?: SuperSelectValue;
+}
+export declare type SuperSelectApi = ReturnType<typeof useSuperSelect>;
+export interface SuperSelectReferenceProps {
+    selectApi: SuperSelectApi;
+    block?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    search?: boolean;
+    tabIndex?: number;
+}

package/dist/SuperSelect/SuperSelect.types.js

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

package/dist/SuperSelect/SuperSelect.types.js.map

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

package/dist/SuperSelect/useSuperSelect.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="lodash" />
+import React from 'react';
+import { VirtuosoHandle } from 'react-virtuoso';
+import { TypeaheadInputProps, TypeaheadProps } from '../Typeahead/Typeahead.types';
+import { SuperSelectConfig, SuperSelectOption, SuperSelectValue, SuperSelectValuePrimitive } from './SuperSelect.types';
+declare function getOptionIsOptgroup(item: any): boolean;
+export declare function useSuperSelect({ components, defaultValue, disabled, getOptionGroup, getOptionIsBatch, getOptionIsDisabled, getOptionLabel, getOptionValue, multiple, onChange, options: sourceOptions, search, value: value_, }: SuperSelectConfig): {
+    activeMenuIndex: number | null;
+    activeTokenIndex: number | null;
+    components: {
+        Label?: React.FC<{
+            selectApi: any;
+        }> | undefined;
+        MenuItemLabel?: React.FC<{
+            selectApi: any;
+            option: any;
+        }> | undefined;
+        Token?: React.FC<{
+            selectApi: any;
+            option: any;
+            index: number;
+            focused: boolean;
+        }> | undefined;
+    } | undefined;
+    floating: import("@floating-ui/react-dom-interactions").UseFloatingReturn<HTMLElement>;
+    getClearProps: () => React.AriaAttributes & React.HTMLAttributes<HTMLElement>;
+    getFloatingProps: (userProps?: any) => Record<string, unknown>;
+    getItemProps: (userProps?: any) => Record<string, unknown>;
+    getMultiInputProps: () => React.AriaAttributes & React.InputHTMLAttributes<HTMLInputElement>;
+    getOptionGroup: (option: any) => string;
+    getOptionIsBatch: (option: any) => boolean;
+    getOptionIsDisabled: (option: any) => boolean;
+    getOptionIsOptgroup: typeof getOptionIsOptgroup;
+    getOptionLabel: (option: any) => string;
+    getOptionValue: (option: any) => SuperSelectValuePrimitive;
+    getReferenceProps: (userProps?: any) => Record<string, unknown>;
+    getTokenClearProps: (index: number) => React.AriaAttributes & React.SVGAttributes<SVGElement>;
+    getTypeaheadProps: () => React.AriaAttributes & TypeaheadInputProps & TypeaheadProps;
+    isEmpty: () => boolean;
+    isSelected: (option: any) => boolean;
+    listId: string;
+    maxHeight: number;
+    multiple: boolean;
+    navigationListRef: React.MutableRefObject<(HTMLElement | null)[]>;
+    onSelect: (option: SuperSelectOption) => void;
+    open: boolean;
+    sourceOptions: any[];
+    options: any[];
+    overlayId: string;
+    searchValue: string;
+    selectedIndex: number;
+    selectedOption: any;
+    selectedLabel: string;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setPointer: React.Dispatch<React.SetStateAction<boolean>>;
+    setSearchValue: import("lodash").DebouncedFunc<React.Dispatch<React.SetStateAction<string>>>;
+    value: SuperSelectValue;
+    virtuoso: React.RefObject<VirtuosoHandle>;
+    width: number;
+};
+export {};