@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/select/base-select.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="lodash" />
-import type { OnChangeParams as BaseOnChangeParams } from 'baseui/select';
+import type { OnChangeParams as BaseOnChangeParams } from '../baseui/select';
 import { Component } from 'react';
 import * as React from 'react';
-import { Locale } from '../locale';
 import { Overrides } from '../overrides';
+import { Locale } from '../locale';
 import defaultProps from './default-props';
 import { BaseSelectProps, Option, Options, Value } from './types';
 declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps, {
@@ -53,8 +53,8 @@ declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps
         isContainerFocused: boolean;
     };
     lastSelectedValue: Value;
-    id: string;
-    menuId: string;
+    id: any;
+    menuId: any;
     createdOptions: Options | undefined;
     getMemoizedNormalizedOptions: (valueKey: string, options1?: Options, options2?: Options) => Value;
     getValueByIdMap: (value: Value, valueKey: string) => import("lodash").Dictionary<Readonly<{
@@ -65,12 +65,11 @@ declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps
         clearableValue?: boolean | undefined;
         isCreatable?: boolean | undefined;
         __optgroup?: string | undefined;
+        searchTags?: string[] | undefined;
     }>>;
-    shouldDisplaySelectAll: () => boolean;
-    isSelectAllChecked: (value: Value, options?: Options) => boolean | undefined;
     getSelectOverrides: () => Overrides<any>;
     getOptions: (locale: Locale, createdOptions: Options | undefined, options?: Options, shouldPrependClearOption?: boolean | undefined) => Value;
-    defaultCreateOption: (label: String) => Options;
+    defaultCreateOption: (label: string) => Options;
     getCreatedOptions: (option: Option) => Promise<Options>;
     getCreatedValues: (options: Options) => Options;
     handleBlur: (e: React.FocusEvent | MouseEvent) => void;

package/esm/select/base-select.js

@@ -7,27 +7,26 @@ import _keyBy from 'lodash/keyBy';
 import memoizeOne from 'memoize-one';
 import { Component } from 'react';
 import * as React from 'react';
-import { mergeAndConvertOverrides } from '../helpers/baseui/useConvertOverrides';
-import { borderRadius, borderWidth } from '../helpers/longHandHelpers';
+import { mergeOverrides } from '../overrides';
+import { borderRadius } from '../helpers/longHandHelpers';
 import Search from '../icon/components/search';
-import { Loader } from '../loader';
 import { LocaleConsumer } from '../locale';
 import { Popover } from '../popover';
-import SpaceStyleConsumer from '../spaceConsumer';
 import { typeAdaptor } from './adaptor';
-import { STATE_CHANGE_TYPE } from './constants';
+import { STATE_CHANGE_TYPE } from '../baseui/select';
 import defaultProps from './default-props';
 import MultiValue from './multi-value';
+import { UniqueIdConsumer } from '../hooks/useUniqueId';
 import { getControlContainerStyles, getSearchIconContainerStyles, getSearchIconStyles, getValueContainerStyles, getValueTypography, SelectArrow, SingleValueTombstone, } from './overrides';
 import { getPlaceholderTypography } from '../input/styled-components';
 import SelectMenuAdapter from './selectMenuAdapter';
 import ClearIconButton from '../helpers/ClearIconButton';
-import { Input, InputContainer, StyledSelect } from './styled-component';
-import { SELECT_ALL_ID, CLEAR_OPTION_ID, } from './types';
+import { Input, InputContainer, LoadingIndicator, StyledSelect } from './styled-component';
+import { CLEAR_OPTION_ID } from './types';
 import { add$props } from '../helpers';
 import { combineRefs } from '../hooks/useCombinedRef';
-import { getUniqueId } from '../hooks/useUniqueId';
 import { mergeOptions } from './utils/merge-options';
+import { defaultCreateOption } from './utils/default-create-option';
 var BaseSelect = /** @class */ (function (_super) {
     __extends(BaseSelect, _super);
     function BaseSelect() {
@@ -36,21 +35,8 @@ var BaseSelect = /** @class */ (function (_super) {
             isContainerFocused: false,
         };
         _this.lastSelectedValue = _this.props.value;
-        _this.id = getUniqueId();
-        _this.menuId = getUniqueId();
         _this.getMemoizedNormalizedOptions = memoizeOne(function (valueKey, options1, options2) { return mergeOptions(valueKey, options1, options2); });
         _this.getValueByIdMap = memoizeOne(function (value, valueKey) { return _keyBy(value, valueKey); });
-        _this.shouldDisplaySelectAll = function () {
-            var _a = _this.props, multi = _a.multi, hideSelectAll = _a.hideSelectAll, options = _a.options, valueKey = _a.valueKey;
-            return (multi && !hideSelectAll && _this.getMemoizedNormalizedOptions(valueKey, options, _this.createdOptions).length > 0);
-        };
-        // in creatable select, value length can be more than length of options
-        _this.isSelectAllChecked = function (value, options) {
-            return _this.props.__selectAllShouldReturnAllOptions
-                ? _this.props.__selectAllSelected
-                : (value === null || value === void 0 ? void 0 : value.length) >=
-                    _this.getMemoizedNormalizedOptions(_this.props.valueKey, options, _this.createdOptions).filter(function (opt) { return !opt.disabled; }).length;
-        };
         _this.getSelectOverrides = 
         // FIXME: Remove use of any
         function () {
@@ -74,13 +60,12 @@ var BaseSelect = /** @class */ (function (_super) {
                         valueKey: valueKey,
                         labelKey: labelKey,
                         multi: multi,
-                        selectAllSelected: _this.isSelectAllChecked(value, options),
-                        shouldDisplaySelectAll: _this.shouldDisplaySelectAll(),
                         noResultsMsg: noResultsMsg,
                         captureScroll: captureScroll,
                         virtual: virtual,
                         overscanCount: 20,
                         selectOnTab: selectOnTab,
+                        inputRef: _this.inputRef,
                     },
                 },
                 DropdownContainer: {
@@ -125,7 +110,7 @@ var BaseSelect = /** @class */ (function (_super) {
                     props: {
                         id: id,
                         'aria-required': _this.props['aria-required'],
-                        menuId: searchable ? _this.menuId : null,
+                        $menuId: searchable ? _this.menuId : null,
                         onPaste: _this.handlePaste,
                         placeholder: _this.props.placeholder,
                         $value: value,
@@ -157,22 +142,15 @@ var BaseSelect = /** @class */ (function (_super) {
                         ignoreBoundary: ignoreBoundary,
                     },
                 },
-                LoadingIndicator: {
-                    component: function () { return (_jsx(Loader, { size: 16, variant: "clip", className: "mx-1", overrides: {
-                            Loader: {
-                                style: __assign({}, borderWidth('2px')),
-                            },
-                        } }, void 0)); },
-                },
+                LoadingIndicator: LoadingIndicator,
             };
         };
         /*
-         * 1. Add selected values which are not present in Options (to display newly created option)
-         * 2. Add selectAll option in multi-select
+         * Add selected values which are not present in Options (to display newly created option)
          * */
         _this.getOptions = memoizeOne(function (locale, createdOptions, options, shouldPrependClearOption) {
-            var _a, _b;
-            var _c = _this.props, valueKey = _c.valueKey, labelKey = _c.labelKey, clearAsOptionLabel = _c.clearAsOptionLabel, multi = _c.multi;
+            var _a;
+            var _b = _this.props, valueKey = _b.valueKey, labelKey = _b.labelKey, clearAsOptionLabel = _b.clearAsOptionLabel, multi = _b.multi;
             var optionArr = _this.getMemoizedNormalizedOptions(valueKey, options, createdOptions);
             if (shouldPrependClearOption) {
                 optionArr = __spreadArray([
@@ -183,17 +161,10 @@ var BaseSelect = /** @class */ (function (_super) {
                         _a)
                 ], __read(optionArr), false);
             }
-            if (!_this.shouldDisplaySelectAll()) {
-                return optionArr;
-            }
-            return __spreadArray([
-                (_b = {}, _b[valueKey] = SELECT_ALL_ID, _b[labelKey] = locale.select.selectAllLabel, _b[SELECT_ALL_ID] = true, _b)
-            ], __read(optionArr), false);
+            return optionArr;
         });
         _this.defaultCreateOption = function (label) {
-            var _a;
-            var _b = _this.props, labelKey = _b.labelKey, valueKey = _b.valueKey;
-            return [(_a = {}, _a[labelKey] = label.trim(), _a[valueKey] = label.trim(), _a)];
+            return defaultCreateOption(label, { labelKey: _this.props.labelKey, valueKey: _this.props.valueKey });
         };
         _this.getCreatedOptions = function (option) {
             var _a = _this.props, labelKey = _a.labelKey, _b = _a.createOption, createOption = _b === void 0 ? _this.defaultCreateOption : _b;
@@ -227,11 +198,11 @@ var BaseSelect = /** @class */ (function (_super) {
             (_a = _this.props) === null || _a === void 0 ? void 0 : _a.onBlur(e);
         };
         _this.handleChange = function (params) { return __awaiter(_this, void 0, void 0, function () {
-            var _a, options, _b, onChange, value, creatable, valueKey, __selectAllShouldReturnAllOptions, multi, prevSelectAllState, newCreatedOptions, newCreatedValues, mergedValue;
+            var _a, options, _b, onChange, value, creatable, valueKey, multi, newCreatedOptions, newCreatedValues, mergedValue;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        _a = this.props, options = _a.options, _b = _a.onChange, onChange = _b === void 0 ? _noop : _b, value = _a.value, creatable = _a.creatable, valueKey = _a.valueKey, __selectAllShouldReturnAllOptions = _a.__selectAllShouldReturnAllOptions, multi = _a.multi;
+                        _a = this.props, options = _a.options, _b = _a.onChange, onChange = _b === void 0 ? _noop : _b, value = _a.value, creatable = _a.creatable, valueKey = _a.valueKey, multi = _a.multi;
                         if (params.value.length > 0) {
                             this.lastSelectedValue = params.value;
                         }
@@ -239,23 +210,6 @@ var BaseSelect = /** @class */ (function (_super) {
                         if (params.type === STATE_CHANGE_TYPE.select && this.inputRef.current && 'select' in this.inputRef.current) {
                             this.inputRef.current.select();
                         }
-                        // intercept changes in select-all state
-                        if (params.option && params.option[SELECT_ALL_ID]) {
-                            prevSelectAllState = this.isSelectAllChecked(value, options);
-                            // since we are not letting baseui handle state of select all, baseui will always assume that select all is unchecked
-                            // Thus we need to intercept STATE_CHANGE_TYPE.select type only
-                            if (params.type === STATE_CHANGE_TYPE.select) {
-                                onChange(prevSelectAllState
-                                    ? { type: STATE_CHANGE_TYPE.clear, value: [] }
-                                    : {
-                                        type: STATE_CHANGE_TYPE.selectAll,
-                                        value: __selectAllShouldReturnAllOptions
-                                            ? []
-                                            : mergeOptions(valueKey, options, this.createdOptions).filter(function (opt) { return !opt.disabled; }),
-                                    });
-                            }
-                            return [2 /*return*/];
-                        }
                         if (params.option && params.option[CLEAR_OPTION_ID]) {
                             onChange({
                                 type: STATE_CHANGE_TYPE.clear,
@@ -342,10 +296,12 @@ var BaseSelect = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props, options = _a.options, selectOverrides = _a.overrides, type = _a.type, controlRef = _a.controlRef, inputRef = _a.inputRef, value = _a.value, clearAsOption = _a.clearAsOption, multi = _a.multi;
         var shouldPrependClearOption = clearAsOption && !multi && value && value.length > 0;
-        return (_jsx(LocaleConsumer, { children: function (locale) { return (_jsx(SpaceStyleConsumer, { children: function (utils) {
-                    var _a;
-                    return (_jsx(StyledSelect, __assign({}, _omit(_this.props, 'size'), { overrides: mergeAndConvertOverrides(_this.getSelectOverrides(), selectOverrides, utils), controlRef: controlRef, inputRef: combineRefs(_this.inputRef, inputRef), options: _this.getOptions(locale, _this.createdOptions, options, shouldPrependClearOption), onChange: _this.handleChange, type: typeAdaptor[type], onInputChange: _this.handleInputChange, placeholder: (_a = _this.props.placeholder) !== null && _a !== void 0 ? _a : locale.select.selectPlaceholder, onBlur: _this.handleBlur }), void 0));
-                } }, void 0)); } }, void 0));
+        return (_jsx(UniqueIdConsumer, { children: function (menuId) { return (_jsx(UniqueIdConsumer, { children: function (id) { return (_jsx(LocaleConsumer, { children: function (locale) {
+                        var _a;
+                        _this.menuId = menuId;
+                        _this.id = id;
+                        return (_jsx(StyledSelect, __assign({}, _omit(_this.props, 'size'), { overrides: mergeOverrides(_this.getSelectOverrides(), selectOverrides), controlRef: controlRef, inputRef: combineRefs(_this.inputRef, inputRef), options: _this.getOptions(locale, _this.createdOptions, options, shouldPrependClearOption), onChange: _this.handleChange, type: typeAdaptor[type], onInputChange: _this.handleInputChange, placeholder: (_a = _this.props.placeholder) !== null && _a !== void 0 ? _a : locale.select.selectPlaceholder, onBlur: _this.handleBlur }), void 0));
+                    } }, void 0)); } }, void 0)); } }, void 0));
     };
     BaseSelect.defaultProps = defaultProps;
     return BaseSelect;

package/esm/select/constants.d.ts

@@ -2,8 +2,8 @@ export declare const STATE_CHANGE_TYPE: {
     readonly select: "select";
     readonly remove: "remove";
     readonly clear: "clear";
-    readonly selectAll: "selectAll";
     readonly inputChange: "inputChange";
+    readonly selectAll: "selectAll";
 };
 export declare const UNGROUPED_ID = "__ungrouped";
 export declare const LOADING_KEY = "__loading";

package/esm/select/constants.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
-import { STATE_CHANGE_TYPE as BASE_STATE_CHANGE_TYPE } from 'baseui/select';
-export var STATE_CHANGE_TYPE = __assign({ selectAll: 'selectAll', inputChange: 'inputChange' }, BASE_STATE_CHANGE_TYPE);
+import { STATE_CHANGE_TYPE as BASE_STATE_CHANGE_TYPE } from '../baseui/select';
+export var STATE_CHANGE_TYPE = __assign({}, BASE_STATE_CHANGE_TYPE);
 export var UNGROUPED_ID = '__ungrouped';
 export var LOADING_KEY = '__loading';
 export var CLEARABLE_KEY = 'clearable';

package/esm/select/index.d.ts

@@ -10,6 +10,6 @@ export { MultiSelect, SingleSelect } from './select-variants';
 export { default as MultiValue } from './multi-value';
 export { default as SelectMenuAdapter } from './selectMenuAdapter';
 export { MobileSheet } from './mobileSelect';
-export { SingleValue } from 'baseui/select';
-export type { AutosizeInput, StatefulSelectContainer } from 'baseui/select';
+export { SingleValue } from '../baseui/select';
+export type { AutosizeInput, StatefulSelectContainer } from '../baseui/select';
 export { filterOptions as defaultFilterOptions } from './utils/default-filter-options';

package/esm/select/index.js

@@ -9,6 +9,6 @@ export { MultiSelect, SingleSelect } from './select-variants';
 export { default as MultiValue } from './multi-value';
 export { default as SelectMenuAdapter } from './selectMenuAdapter';
 export { MobileSheet } from './mobileSelect';
-export { SingleValue } from 'baseui/select';
+export { SingleValue } from '../baseui/select';
 // Utils
 export { filterOptions as defaultFilterOptions } from './utils/default-filter-options';

package/esm/select/locale.d.ts

@@ -5,4 +5,5 @@ export declare type SelectLocale = {
     selectPlaceholder: string;
     clearOptionLabel: string;
     selectedValuesPrefix: string;
+    collapsibleMenuDescription: string;
 };

package/esm/select/mobileSelect/MobileSelect.js

@@ -2,10 +2,15 @@ import { __assign, __read } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import _omit from 'lodash/omit';
-import { Select } from '../index';
+import BaseSelect from '../base-select';
+import OverlaySelect from '../overlaySelect';
 import { mergeOverrides } from '../../overrides';
 import { CHILD_SELECT_OVERRIDES, CHILD_SELECT_PROPS_TO_OMIT, OVERLAY_SELECT_PROPS_TO_OMIT, getOverlayOverrides, } from './overrides';
 import { usePauseBodyScrollEffect } from './hooks/usePauseBodyScrollEffect';
+import { getDefaultSize } from '../../helpers/themeHelpers';
+import { useStyle } from '../../style';
+import { useContextualFormProps } from '../../form-control/context';
+import defaultProps from '../default-props';
 export var MobileSelect = React.memo(function (props) {
     var overrides = props.overrides, children = props.children, label = props.label;
     var _a = __read(React.useState(null), 2), scrollContainer = _a[0], setScrollContainer = _a[1];
@@ -14,5 +19,7 @@ export var MobileSelect = React.memo(function (props) {
     var overlaySelectProps = _omit(props, OVERLAY_SELECT_PROPS_TO_OMIT);
     var viewSelectProps = _omit(props, CHILD_SELECT_PROPS_TO_OMIT);
     usePauseBodyScrollEffect({ currentEl: scrollContainer || undefined });
-    return (_jsx(Select, __assign({ overlayWidth: "100%", maxDropdownHeight: "100%", autoFocus: true }, overlaySelectProps, { overrides: mergedOverrides, type: "overlay", filterOptions: overlaySelectProps.filterOptions }, { children: React.isValidElement(children) ? (children) : (_jsx(Select, __assign({}, viewSelectProps, { filterOptions: viewSelectProps.filterOptions, overrides: childSelectOverrides, type: "select" }), void 0)) }), void 0));
+    var theme = useStyle().theme;
+    var overlayProps = __assign(__assign(__assign(__assign({}, defaultProps), { overlayWidth: '100%', maxDropdownHeight: '100%', autoFocus: true }), overlaySelectProps), { overrides: mergedOverrides, type: 'overlay', filterOptions: overlaySelectProps.filterOptions });
+    return (_jsx(OverlaySelect, __assign({}, useContextualFormProps(overlayProps), { size: useContextualFormProps(overlayProps).size || getDefaultSize(theme) }, { children: React.isValidElement(children) ? (children) : (_jsx(BaseSelect, __assign({}, viewSelectProps, { filterOptions: viewSelectProps.filterOptions, overrides: childSelectOverrides, type: "select" }), void 0)) }), void 0));
 });

package/esm/select/mobileSelect/MobileSheet.js

@@ -1,7 +1,7 @@
 import { __assign, __read } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Layer as DefaultLayer } from 'baseui/layer';
+import { Layer as DefaultLayer } from '../../baseui/layer';
 import { LayersManager, Z_INDEX } from '../../layer';
 import { Box } from '../../box';
 import { IconButton } from '../../button';

package/esm/select/mobileSelect/overrides.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SelectProps } from '../index';
+import { SelectProps } from '../types';
 export declare const getOverlayOverrides: ({ overlayContainerRef, label, }: {
     overlayContainerRef: (el: null | HTMLElement) => void;
     label?: React.ReactNode;

package/esm/select/overlaySelect/OverlaySelect.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { OverlaySelectProps } from '../types';
-declare const OverlaySelect: (props: OverlaySelectProps) => any;
+declare const OverlaySelect: (props: OverlaySelectProps) => ReactElement;
 export default OverlaySelect;

package/esm/select/overlaySelect/OverlaySelect.js

@@ -1,6 +1,6 @@
-import { __assign, __read } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
+import { __assign, __awaiter, __generator, __read } from "tslib";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useCallback } from 'react';
 import _omit from 'lodash/omit';
 import { useOverrides } from '../../overrides';
 import { Popover } from '../../popover';
@@ -9,6 +9,9 @@ import { StyledOverlayContentContainer } from '../styled-component';
 import useOverlaySelectOverrides from './hooks/useOverlaySelectOverrides';
 import useScrollCapture from '../../hooks/useScrollCapture';
 import useCombinedRefs from '../../hooks/useCombinedRef';
+import { mergeOptions } from '../utils/merge-options';
+import { defaultCreateOption } from '../utils/default-create-option';
+import defaultProps from '../default-props';
 // These props are handled by OverlaySelect itself and hence should not be passed to BaseSelect
 var propsToOmit = [
     'children',
@@ -25,7 +28,6 @@ var propsToOmit = [
     'onInputChange',
     'onOpen',
     'onClose',
-    'filterOptions',
     'overlayWidth',
     'disabled',
     'captureScroll',
@@ -33,22 +35,50 @@ var propsToOmit = [
     'methodsRef',
     'ignoreBoundary',
     'scrollContainer',
+    'options',
 ];
 var OverlaySelect = function (props) {
     var _a, _b, _c;
     var _d = __read(useOverrides((_a = props.overrides) === null || _a === void 0 ? void 0 : _a.OverlayContentContainer, StyledOverlayContentContainer), 2), OverlayContentContainer = _d[0], overlayContentContainerProps = _d[1];
     var _e = __read(useState(null), 2), scrollElement = _e[0], setScrollElement = _e[1];
+    var createdOptionsRef = useRef([]);
     var _f = __read(useOverrides((_b = props.overrides) === null || _b === void 0 ? void 0 : _b.Popover, Popover), 2), PopoverOverriden = _f[0], popoverProps = _f[1];
     var setScrollTarget = useScrollCapture({ enabled: props.captureScroll });
     var combinedRef = useCombinedRefs(setScrollElement, setScrollTarget, overlayContentContainerProps === null || overlayContentContainerProps === void 0 ? void 0 : overlayContentContainerProps.ref);
-    var _g = useOverlaySelectOverrides(__assign(__assign({}, props), { scrollElement: scrollElement })), popoverOpen = _g.popoverOpen, filterOptionsOverride = _g.filterOptionsOverride, handleValuesChange = _g.handleValuesChange, overrides = _g.overrides, togglePopoverState = _g.togglePopoverState, closePopover = _g.closePopover;
+    var _g = useOverlaySelectOverrides(__assign(__assign({}, props), { scrollElement: scrollElement })), popoverOpen = _g.popoverOpen, handleValuesChange = _g.handleValuesChange, overrides = _g.overrides, togglePopoverState = _g.togglePopoverState, closePopover = _g.closePopover, __inputValue = _g.__inputValue;
     var baseSelectProps = _omit(props, propsToOmit);
+    var propCreateOption = props.createOption;
+    var createOption = useCallback(function (label) { return __awaiter(void 0, void 0, void 0, function () {
+        var createdOptions, _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!propCreateOption) return [3 /*break*/, 2];
+                    return [4 /*yield*/, propCreateOption(label)];
+                case 1:
+                    _a = _c.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _a = defaultCreateOption(label, { labelKey: props.labelKey, valueKey: props.valueKey });
+                    _c.label = 3;
+                case 3:
+                    createdOptions = _a;
+                    if (createdOptions)
+                        createdOptionsRef.current = (_b = createdOptionsRef.current) === null || _b === void 0 ? void 0 : _b.concat(createdOptions || {});
+                    return [2 /*return*/, createdOptions];
+            }
+        });
+    }); }, [propCreateOption, props.labelKey, props.valueKey]);
+    var allOptions = useMemo(function () {
+        return mergeOptions(props.valueKey || defaultProps.valueKey, props.options, createdOptionsRef.current);
+    }, [props.valueKey, props.options]);
     if (props.disabled) {
         if (typeof props.children === 'function') {
-            return props.children({ isOpen: false });
+            return _jsx(_Fragment, { children: props.children({ isOpen: false }) }, void 0);
         }
-        return props.children;
+        return _jsx(_Fragment, { children: props.children }, void 0);
     }
-    return (_jsx(PopoverOverriden, __assign({ isOpen: popoverOpen, content: _jsx(OverlayContentContainer, __assign({ "$closePopover": closePopover, "$overlayWidth": props.overlayWidth }, overlayContentContainerProps, { ref: combinedRef }, { children: _jsx(BaseSelect, __assign({}, baseSelectProps, { filterOptions: filterOptionsOverride, onChange: handleValuesChange, overrides: overrides, type: "search" }), void 0) }), void 0), onClick: togglePopoverState, onClickOutside: closePopover, onEsc: closePopover, placement: (_c = props.placement) !== null && _c !== void 0 ? _c : 'bottom', focusLock: true, returnFocus: true, overrides: { Inner: { style: 'spr-ui-01' }, Arrow: { style: 'spr-ui-01' } }, mountNode: props.mountNode, ignoreBoundary: props.ignoreBoundary }, popoverProps, { children: props.children }), void 0));
+    return (_jsx(PopoverOverriden, __assign({ isOpen: popoverOpen, content: _jsx(OverlayContentContainer, __assign({ "$closePopover": closePopover, "$overlayWidth": props.overlayWidth }, overlayContentContainerProps, { ref: combinedRef }, { children: _jsx(BaseSelect, __assign({}, baseSelectProps, { createOption: createOption, onChange: handleValuesChange, overrides: overrides, __inputValue: __inputValue, type: "search", options: allOptions }), void 0) }), void 0), onClick: togglePopoverState, onClickOutside: closePopover, onEsc: closePopover, placement: (_c = props.placement) !== null && _c !== void 0 ? _c : 'bottom', focusLock: true, returnFocus: true, overrides: { Inner: { style: 'spr-ui-01' }, Arrow: { style: 'spr-ui-01' } }, mountNode: props.mountNode, ignoreBoundary: props.ignoreBoundary }, popoverProps, { children: props.children }), void 0));
 };
 export default OverlaySelect;

package/esm/select/overlaySelect/hooks/useControlRef.d.ts

@@ -1,4 +1,4 @@
-import { ControlRef } from 'baseui/select';
+import { ControlRef } from '../../../baseui/select';
 declare type Params = {
     openPopover: () => void;
     closePopover: () => void;

package/esm/select/overlaySelect/hooks/useOverlaySelectOverrides.d.ts

@@ -11,14 +11,11 @@ declare const useOverlaySelectOverrides: (props: Omit<import("../../types").Base
     scrollElement: HTMLElement | null;
 }) => {
     overrides: import("../../../overrides").OverridesObject<any>;
-    filterOptionsOverride: (options: import("baseui/select/types").Value, filterValue: string, excludeOptions: import("baseui/select/types").Value | null | undefined, a: {
-        valueKey: string;
-        labelKey: string;
-    }) => import("baseui/select/types").Value;
     handleValuesChange: (params: OnChangeParams) => void;
     popoverOpen: boolean;
     closePopover: () => void;
     openPopover: () => void;
     togglePopoverState: () => void;
+    __inputValue: string;
 };
 export default useOverlaySelectOverrides;

package/esm/select/overlaySelect/hooks/useOverlaySelectOverrides.js

@@ -56,7 +56,7 @@ var useSearchContainerHeight = function () {
  */
 var overridesToOmit = ['SelectContainer', 'Popover'];
 var useOverlaySelectOverrides = function (props) {
-    var closeOnSelect = props.closeOnSelect, autoFocus = props.autoFocus, inputRef = props.inputRef, filterOptions = props.filterOptions, onInputChange = props.onInputChange, searchable = props.searchable, placeholder = props.placeholder, isLoading = props.isLoading, onChange = props.onChange, _a = props.clearable, clearable = _a === void 0 ? true : _a, onFocus = props.onFocus, onBlur = props.onBlur, onCloseResetsInput = props.onCloseResetsInput, controlRef = props.controlRef, scrollElement = props.scrollElement, _b = props.scrollContainer, scrollContainer = _b === void 0 ? 'overlayContainer' : _b;
+    var closeOnSelect = props.closeOnSelect, autoFocus = props.autoFocus, inputRef = props.inputRef, onInputChange = props.onInputChange, searchable = props.searchable, placeholder = props.placeholder, isLoading = props.isLoading, onChange = props.onChange, _a = props.clearable, clearable = _a === void 0 ? true : _a, onFocus = props.onFocus, onBlur = props.onBlur, onCloseResetsInput = props.onCloseResetsInput, controlRef = props.controlRef, scrollElement = props.scrollElement, _b = props.scrollContainer, scrollContainer = _b === void 0 ? 'overlayContainer' : _b;
     var _c = __read(useState(''), 2), inputValue = _c[0], setInputValue = _c[1];
     var _d = usePopover(props), popoverOpen = _d.popoverOpen, togglePopoverState = _d.togglePopoverState, closePopover = _d.closePopover, openPopover = _d.openPopover;
     useUpdateEffect(function () {
@@ -66,12 +66,6 @@ var useOverlaySelectOverrides = function (props) {
     }, [onCloseResetsInput, popoverOpen]);
     var _e = __read(useAutoFocus({ autoFocus: autoFocus, inputRef: inputRef }), 2), inputElement = _e[0], setInputElement = _e[1];
     useControlRef(controlRef, { closePopover: closePopover, openPopover: openPopover, setInputValue: setInputValue, inputElement: inputElement });
-    var filterOptionsOverride = useCallback(function (options, _, excludeOptions, params) {
-        if (filterOptions) {
-            return filterOptions(options, inputValue, excludeOptions, params);
-        }
-        return options;
-    }, [filterOptions, inputValue]);
     var handleInputChange = useCallback(function (e) {
         onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e);
         setInputValue(e.target.value);
@@ -196,12 +190,12 @@ var useOverlaySelectOverrides = function (props) {
     var overrides = useMemo(function () { return mergeOverrides(memoizedOverrides, _omit(props.overrides, overridesToOmit)); }, [memoizedOverrides, props.overrides]);
     return {
         overrides: overrides,
-        filterOptionsOverride: filterOptionsOverride,
         handleValuesChange: handleValuesChange,
         popoverOpen: popoverOpen,
         closePopover: closePopover,
         openPopover: openPopover,
         togglePopoverState: togglePopoverState,
+        __inputValue: inputValue,
     };
 };
 export default useOverlaySelectOverrides;

package/esm/select/overrides.d.ts

@@ -16,10 +16,10 @@ export declare const OverlaySelectPopoverOverride: ({ content, children: inputCo
     content: any;
     children: any;
     setStickySentinelRef: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const SingleValueTombstone: ({ $selectSize }: {
     $selectSize: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const selectMenuOverrides: {
     readonly Menu: {
         readonly props: {

package/esm/select/select.d.ts

@@ -13,10 +13,10 @@ declare const Select: {
         error: boolean;
         positive: boolean;
         escapeClearsValue: boolean;
-        filterOptions: ((options: import("baseui/select/types").Value, filterValue: string, excludeOptions: import("baseui/select/types").Value | null | undefined, a: {
+        filterOptions: ((options: import("./types").Value, filterValue: string, excludeOptions: import("./types").Value | null | undefined, a: {
             valueKey: string;
             labelKey: string;
-        }) => import("baseui/select/types").Value) | null | undefined;
+        }) => import("./types").Value) | null | undefined;
         filterOutSelected: boolean;
         isLoading: boolean;
         labelKey: string;
@@ -31,12 +31,12 @@ declare const Select: {
         onSelectResetsInput: boolean;
         openOnClick: boolean;
         startOpen: boolean;
-        options: import("baseui/select/types").Options;
+        options: import("./types").Options;
         overrides: {};
         required: boolean;
         searchable: boolean;
         type: "overlay" | import("./types").Type | "mobile";
-        value: import("baseui/select/types").Value;
+        value: import("./types").Value;
         valueKey: string;
         placement: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         virtual: boolean;

package/esm/select/select.js

@@ -12,13 +12,10 @@ var Select = function (props) {
     var theme = useStyle().theme;
     switch (adaptedProps.type) {
         case 'overlay':
-            // @ts-ignore -- needs to be fixed
             return _jsx(OverlaySelect, __assign({}, adaptedProps, { size: adaptedProps.size || getDefaultSize(theme) }), void 0);
         case 'mobile':
-            // @ts-ignore -- needs to be fixed
             return _jsx(MobileSelect, __assign({}, adaptedProps, { size: adaptedProps.size || getDefaultSize(theme) }), void 0);
         default:
-            // @ts-ignore -- needs to be fixed
             return _jsx(BaseSelect, __assign({}, adaptedProps, { size: adaptedProps.size || getDefaultSize(theme) }), void 0);
     }
 };

package/esm/select/selectMenuAdapter/CollapsibleSelectMenu.d.ts

@@ -3,15 +3,15 @@ import { ReactElement, UIEvent } from 'react';
 import { MenuAdapterProps } from './types';
 import { MenuProps } from '../../menu';
 import type { GroupConfig } from './types';
-export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedItems, multi, labelKey, valueKey, onItemSelect, shouldDisplaySelectAll, selectAllSelected: selectAllChecked, noResultsMsg, $onPaginate, groupConfig, virtual, clearAsOption, selectOnTab, }: {
-    items: import("baseui/menu").Items;
-    initialState?: import("baseui/menu").InitialState | undefined;
-    stateReducer?: import("baseui/menu").StateReducerFn | undefined;
-    getRequiredItemProps?: import("baseui/menu").GetRequiredItemPropsFn | undefined;
+export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedItems, multi, labelKey, valueKey, onItemSelect, shouldDisplaySelectAll, selectAllSelected: selectAllChecked, noResultsMsg, $onPaginate, groupConfig, virtual, clearAsOption, selectOnTab, inputRef, }: {
+    items: import("../../baseui/menu").Items;
+    initialState?: import("../../baseui/menu").InitialState | undefined;
+    stateReducer?: import("../../baseui/menu").StateReducerFn | undefined;
+    getRequiredItemProps?: import("../../baseui/menu").GetRequiredItemPropsFn | undefined;
     onActiveDescendantChange?: ((id?: string | undefined) => unknown) | undefined;
-    onItemSelect?: import("baseui/menu").OnItemSelectFn | undefined;
-    rootRef?: import("baseui/menu").RootRef | undefined;
-    children?: ((a: import("baseui/menu").RenderProps) => React.ReactNode) | undefined;
+    onItemSelect?: import("../../baseui/menu").OnItemSelectFn | undefined;
+    rootRef?: import("../../baseui/menu").RootRef | undefined;
+    children?: ((a: import("../../baseui/menu").RenderProps) => React.ReactNode) | undefined;
     typeAhead?: boolean | undefined;
     addMenuToNesting?: ((ref: {
         current: HTMLElement | null;
@@ -33,12 +33,12 @@ export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedI
     isNestedMenuVisible?: ((ref: {
         current: HTMLElement | null;
     }) => boolean) | undefined;
-} & import("baseui/menu").MenuProps & {
+} & import("../../baseui/menu").MenuProps & {
     id?: string | undefined;
-    value: import("baseui/select").Value | undefined;
+    value: import("..").Value | undefined;
     overrides?: {
         Menu?: import("../../overrides").Override<MenuProps> | undefined;
-        MenuItem?: import("../../overrides").Override<Omit<import("../../list").ListItemProps, "overrides" | "onMouseEnter" | "onMouseLeave"> & {
+        MenuItem?: import("../../overrides").Override<Omit<import("../../list").ListItemProps, "onMouseEnter" | "onMouseLeave" | "overrides"> & {
             getChildMenu?: (() => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) | undefined;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
@@ -66,9 +66,9 @@ export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedI
                     } | undefined;
                     selected?: boolean | undefined;
                     startEnhancer?: import("../../list/types").Enhancer<import("../../list").ListItemSharedProps>;
-                    tooltipContent?: React.ReactNode | import("baseui/popover").StatefulContentRenderProp;
+                    tooltipContent?: React.ReactNode | import("../../baseui/popover").StatefulContentRenderProp;
                 } & Record<string, any>> | undefined;
-                Popover?: import("../../overrides").Override<Omit<import("baseui/popover").PopoverProps, "children" | "overrides" | "triggerType" | "placement"> & {
+                Popover?: import("../../overrides").Override<Omit<import("../../baseui/popover").PopoverProps, "children" | "overrides" | "placement" | "triggerType"> & {
                     overrides?: ({
                         Body?: import("../../overrides").Override<any> | undefined;
                         Arrow?: import("../../overrides").Override<any> | undefined;
@@ -111,6 +111,7 @@ export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedI
     virtual?: boolean | undefined;
     overscanCount?: number | undefined;
     selectOnTab?: boolean | undefined;
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
 } & {
     $onPaginate?: ((event: UIEvent<HTMLElement>, itemGroup: string) => void) | undefined;
     groupConfig: GroupConfig;