@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/esm/baseui/select/select.js

@@ -4,6 +4,6 @@ import SelectComponent from './select-component';
 import MultiValue from './multi-value';
 import SingleValue from './value';
 function Select(props) {
-    return _jsx(SelectComponent, __assign({}, props, { valueComponent: props.multi ? MultiValue : SingleValue }), void 0);
+    return _jsx(SelectComponent, __assign({}, props, { valueComponent: props.multi ? MultiValue : SingleValue }));
 }
 export default Select;

package/esm/baseui/select/single-select.js

@@ -3,6 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import SelectComponent from './select-component';
 import Value from './value';
 function SingleSelect(props) {
-    return _jsx(SelectComponent, __assign({}, props, { multi: false, valueComponent: Value }), void 0);
+    return _jsx(SelectComponent, __assign({}, props, { multi: false, valueComponent: Value }));
 }
 export default SingleSelect;

package/esm/baseui/select/stateful-select.d.ts

@@ -17,32 +17,20 @@ declare namespace StatefulSelect {
         error: boolean;
         positive: boolean;
         escapeClearsValue: boolean;
-        filterOptions: (options: import("./types").Value, filterValue: string, excludeOptions?: import("./types").Value | null | undefined, newProps?: Partial<{
-            filterOption: ((option: Readonly<{
-                [x: string]: any;
-                id?: string | number | undefined;
-                label?: React.ReactNode;
-                disabled?: boolean | undefined;
-                clearableValue?: boolean | undefined;
-                isCreatable?: boolean | undefined;
-                __optgroup?: string | undefined;
-                searchTags?: string[] | undefined;
-            }>, filterValue: string) => boolean) | null | undefined;
-            ignoreCase: boolean;
-            labelKey: string;
-            matchPos: "start" | "any";
-            matchProp: "label" | "value" | "any";
-            trimFilter: boolean;
-            valueKey: string;
-        }> | null | undefined) => Readonly<{
+        filterOptions: (options: import("./types").Value, filterValue: string, excludeOptions?: import("./types").Value | null | undefined, newProps?: Partial<import("./utils/default-filter-options").defaultProps> | null | undefined) => Readonly<{
             [x: string]: any;
-            id?: string | number | undefined;
+            id?: import("./types").Id | undefined;
             label?: React.ReactNode;
             disabled?: boolean | undefined;
+            disabledTooltipConfig?: Omit<import("../../tooltip").ActionableTooltipProps, "children"> | undefined;
             clearableValue?: boolean | undefined;
             isCreatable?: boolean | undefined;
             __optgroup?: string | undefined;
             searchTags?: string[] | undefined;
+            tooltipContent?: React.ReactNode | import("../popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
         }>[];
         filterOutSelected: boolean;
         getOptionLabel: null;
@@ -71,6 +59,7 @@ declare namespace StatefulSelect {
         type: "select";
         value: never[];
         valueKey: string;
+        noTooltipOnTruncation: boolean;
     };
 }
 export default StatefulSelect;

package/esm/baseui/select/stateful-select.js

@@ -4,6 +4,6 @@ import StatefulContainer from './stateful-select-container';
 import Select from './select';
 import defaultProps from './default-props';
 export default function StatefulSelect(props) {
-    return (_jsx(StatefulContainer, __assign({}, props, { children: function (childrenProps) { return _jsx(Select, __assign({}, childrenProps), void 0); } }), void 0));
+    return (_jsx(StatefulContainer, __assign({}, props, { children: function (childrenProps) { return _jsx(Select, __assign({}, childrenProps)); } })));
 }
 StatefulSelect.defaultProps = defaultProps;

package/esm/baseui/select/styled-components.d.ts

@@ -1,16 +1,17 @@
-export declare const StyledDropdownContainer: import("../../style/styled").StyledComponent;
+export declare const StyledDropdownContainer: import("../../style").StyledComponent;
 export declare const StyledDropdown: () => null;
 export declare const StyledDropdownListItem: () => null;
-export declare const StyledOptionContent: import("../../style/styled").StyledComponent;
-export declare const StyledRoot: import("../../style/styled").StyledComponent;
-export declare const StyledControlContainer: import("../../style/styled").StyledComponent;
-export declare const StyledValueContainer: import("../../style/styled").StyledComponent;
-export declare const StyledPlaceholder: import("../../style/styled").StyledComponent;
-export declare const StyledSingleValue: import("../../style/styled").StyledComponent;
-export declare const StyledInputContainer: import("../../style/styled").StyledComponent;
-export declare const StyledInput: import("../../style/styled").StyledComponent;
-export declare const StyledInputSizer: import("../../style/styled").StyledComponent;
-export declare const StyledIconsContainer: import("../../style/styled").StyledComponent;
-export declare const StyledSelectArrow: import("../../style/styled").StyledComponent;
-export declare const StyledClearIcon: import("../../style/styled").StyledComponent;
-export declare const StyledSearchIconContainer: import("../../style/styled").StyledComponent;
+export declare const StyledDropdownFooterContainer: import("../../style").StyledComponent;
+export declare const StyledOptionContent: import("../../style").StyledComponent;
+export declare const StyledRoot: import("../../style").StyledComponent;
+export declare const StyledControlContainer: import("../../style").StyledComponent;
+export declare const StyledValueContainer: import("../../style").StyledComponent;
+export declare const StyledPlaceholder: import("../../style").StyledComponent;
+export declare const StyledSingleValue: import("../../style").StyledComponent;
+export declare const StyledInputContainer: import("../../style").StyledComponent;
+export declare const StyledInput: import("../../style").StyledComponent;
+export declare const StyledInputSizer: import("../../style").StyledComponent;
+export declare const StyledIconsContainer: import("../../style").StyledComponent;
+export declare const StyledSelectArrow: import("../../style").StyledComponent;
+export declare const StyledClearIcon: import("../../style").StyledComponent;
+export declare const StyledSearchIconContainer: import("../../style").StyledComponent;

package/esm/baseui/select/styled-components.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 /*
 Copyright (c) Uber Technologies, Inc.
 
@@ -7,87 +6,57 @@ LICENSE file in the root directory of this source tree.
 */
 import { styled } from '../../style';
 import { TYPE } from './constants';
-export var StyledDropdownContainer = styled('div', function (utils, props) {
-    return {
-        width: "".concat(String(props.$width), "px"),
-    };
-});
+export var StyledDropdownContainer = styled('div', 'w-[--sw-width]');
 StyledDropdownContainer.displayName = 'StyledDropdownContainer';
 export var StyledDropdown = function () { return null; };
 export var StyledDropdownListItem = function () { return null; };
-export var StyledOptionContent = styled('div', function (utils, props) {
-    var $selected = props.$selected, $disabled = props.$disabled;
-    return {
-        cursor: $disabled ? 'not-allowed' : 'pointer',
-        fontWeight: $selected ? 'bold' : 'normal',
-    };
+export var StyledDropdownFooterContainer = styled('div', 'p-2 border-t-1 spr-border-03');
+export var StyledOptionContent = styled('div', function (_, _a) {
+    var $selected = _a.$selected, $disabled = _a.$disabled;
+    return "".concat($selected ? 'font-bold' : 'font-normal', " ").concat($disabled ? 'cursor-not-allowed' : 'cursor-pointer');
+}, function (_a, _) {
+    var theme = _a.theme;
+    return (theme.density === 'COMPACT' ? 'text-10' : undefined);
 });
 StyledOptionContent.displayName = 'StyledOptionContent';
 export var StyledRoot = styled('div', 'box-border relative w-full');
 StyledRoot.displayName = 'StyledRoot';
-export var StyledControlContainer = styled('div', 'box-border overflow-hidden w-full flex justify-between', function (utils, props) {
-    var theme = utils.theme;
+export var StyledControlContainer = styled('div', 'box-border overflow-hidden w-full flex justify-between transition', function (_, _a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? 'spr-bg-secondary' : 'spr-bg-primary');
+}, function (_, props) {
     var $disabled = props.$disabled, $type = props.$type, $searchable = props.$searchable;
-    return {
-        borderStyle: 'solid',
-        cursor: $disabled ? 'not-allowed' : $searchable || $type === TYPE.search ? 'text' : 'pointer',
-        // TODO confirm the background color
-        backgroundColor: $disabled ? theme.spr.interactiveDisable : theme.spr.ui01,
-        transitionProperty: 'border, box-shadow, background-color',
-    };
+    return $disabled ? 'cursor-not-allowed' : $searchable || $type === TYPE.search ? 'cursor-text' : 'cursor-pointer';
 });
 StyledControlContainer.displayName = 'StyledControlContainer';
-export var StyledValueContainer = styled('div', 'box-border relative flex-1 flex items-center overflow-hidden', function (utils, props) {
-    return {
-        flexWrap: props.$multi ? 'wrap' : 'nowrap',
-    };
-});
+export var StyledValueContainer = styled('div', 'box-border relative flex-1 flex items-center overflow-hidden', function (_, props) { return (props.$multi ? 'flex-wrap' : 'flex-nowrap'); });
 StyledValueContainer.displayName = 'StyledValueContainer';
-export var StyledPlaceholder = styled('div', 'max-w-full truncate');
+export var StyledPlaceholder = styled('div', 'max-w-full truncate', function (_, _a) {
+    var $disabled = _a.$disabled;
+    return $disabled ? 'forced-colors:text-disabled' : '';
+});
 StyledPlaceholder.displayName = 'StyledPlaceholder';
-export var StyledSingleValue = styled('div', 'box-border h-full max-w-full truncate ml-0.5', {
-    wordWrap: 'normal',
+export var StyledSingleValue = styled('div', 'box-border h-full max-w-full truncate ml-0.5 break-normal', function (_a, _) {
+    var theme = _a.theme;
+    return (theme.density === 'COMPACT' ? 'text-10' : undefined);
 });
 StyledSingleValue.displayName = 'StyledSingleValue';
-export var StyledInputContainer = styled('div', 'relative inline-block max-w-full bg-transparent border-none box-border outline-none', {
-    boxShadow: 'none',
-    marginTop: 0,
-    marginBottom: 0,
-    marginRight: 0,
-    paddingTop: 0,
-    paddingBottom: 0,
-    paddingLeft: 0,
-    paddingRight: 0,
-});
+export var StyledInputContainer = styled('div', 'relative inline-block max-w-full bg-transparent border-none box-border outline-none box-shadow-none mt-0 mb-0 mr-0 pt-0 pb-0 pl-0 pr-0');
 StyledInputContainer.displayName = 'StyledInputContainer';
-export var StyledInput = styled('input', 'box-content inline-block max-w-full bg-transparent', function (utils, props) {
-    var $searchable = props.$searchable, $width = props.$width;
-    return {
-        width: !$searchable ? '1px' : $width || '100%',
-        outline: 'none',
-    };
-});
+export var StyledInput = styled('input', 'box-content inline-block max-w-full bg-transparent outline-none');
 StyledInput.displayName = 'StyledInput';
-export var StyledInputSizer = styled('div', 'absolute top-0 invisible h-0 overflow-scroll whitespace-pre');
+export var StyledInputSizer = styled('div', 'text-16 leading-5 absolute top-0 invisible h-0 overflow-scroll whitespace-pre');
 StyledInputSizer.displayName = 'StyledInputSizer';
-export var StyledIconsContainer = styled('div', 'box-border relative flex flex-shrink-0 items-center self-stretch');
+export var StyledIconsContainer = styled('div', 'box-border relative flex shrink-0 items-center self-stretch');
 StyledIconsContainer.displayName = 'StyledIconsContainer';
-// @ts-ignore
-function getSvgStyles() {
-    return {
-        display: 'inline-block',
-        fill: 'currentColor',
-        color: 'currentColor',
-    };
-}
-export var StyledSelectArrow = styled('svg', 'h-4 w-4', function (utils, props) {
-    var $disabled = props.$disabled;
-    return __assign(__assign({}, getSvgStyles()), { cursor: $disabled ? 'not-allowed' : 'pointer' });
+export var StyledSelectArrow = styled('svg', 'h-4 w-4 inline-block fill-current text-current', function (utils, _a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? 'cursor-not-allowed' : 'cursor-pointer');
 });
 StyledSelectArrow.displayName = 'StyledSelectArrow';
-export var StyledClearIcon = styled('svg', 'h-4 w-4 cursor-pointer', __assign({}, getSvgStyles()));
-export var StyledSearchIconContainer = styled('div', 'h-4 w-4 absolute top-0 flex h-full items-center', function (utils, props) {
-    var $disabled = props.$disabled;
-    return __assign(__assign({}, getSvgStyles()), { cursor: $disabled ? 'not-allowed' : 'pointer' });
+export var StyledClearIcon = styled('svg', 'h-4 w-4 cursor-pointer inline-block fill-current text-current');
+export var StyledSearchIconContainer = styled('div', 'h-4 w-4 absolute top-0 flex h-full items-center inline-block fill-current text-current', function (utils, _a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? 'cursor-not-allowed' : 'cursor-pointer');
 });
 StyledSearchIconContainer.displayName = 'StyledSearchIconContainer';

package/esm/baseui/select/types.d.ts

@@ -1,65 +1,81 @@
 import type * as React from 'react';
-import type { Override } from '../helpers/overrides';
+import { Override } from '../../overrides';
 import type { STATE_CHANGE_TYPE, SIZE, TYPE } from './constants';
 import type { OnItemSelectFn } from '../menu';
-export declare type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
-export declare type Size = keyof typeof SIZE;
-export declare type Type = keyof typeof TYPE;
-export declare type Option = Readonly<{
-    id?: string | number;
+export type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
+export type Size = keyof typeof SIZE;
+export type Type = keyof typeof TYPE;
+import { SelectLocale } from '../../select/locale';
+import type { ActionableTooltipProps, TooltipProps } from '../../tooltip';
+import { ReactElement } from 'react';
+import type { Intent } from '../../types';
+export type Id = string | number;
+export type Option = Readonly<{
+    id?: Id;
     label?: React.ReactNode;
     disabled?: boolean;
+    disabledTooltipConfig?: Omit<ActionableTooltipProps, 'children'>;
     clearableValue?: boolean;
     isCreatable?: boolean;
     __optgroup?: string;
     searchTags?: Array<string>;
+    tooltipContent?: TooltipProps['content'];
+    __closeOnSelect?: boolean;
+    __onSelectResetsInput?: boolean;
+    __groupSelectAll?: boolean;
     [x: string]: any;
 }>;
-export declare type Value = ReadonlyArray<Option>;
-export declare type Optgroups = {
+export type Value = ReadonlyArray<Option>;
+export type Optgroups = {
     __ungrouped?: Value;
     [x: string]: Value;
 };
-export declare type Options = Value | undefined | null | Optgroups;
-export declare type OnChangeParams = {
+export type Options = Value | undefined | null | Optgroups;
+export type OnChangeParams = {
     value: Value;
     option: Option | undefined | null;
     type: ChangeAction;
 };
-export declare type SelectOverrides = {
-    Root?: Override;
-    ControlContainer?: Override;
-    Placeholder?: Override;
-    ValueContainer?: Override;
-    SingleValue?: Override;
-    MultiValue?: Override;
-    Tag?: Override;
-    InputContainer?: Override;
-    Input?: Override;
-    IconsContainer?: Override;
-    SelectArrow?: Override;
-    ClearIcon?: Override;
-    LoadingIndicator?: Override;
-    SearchIconContainer?: Override;
-    SearchIcon?: Override;
-    Popover?: Override;
-    DropdownContainer?: Override;
-    Dropdown?: Override;
-    DropdownOption?: Override;
-    DropdownListItem?: Override;
-    OptionContent?: Override;
-    StatefulMenu?: Override;
-    StyledClearIcon?: Override;
+export type SelectOverrides = {
+    Root?: Override<Record<string, any>>;
+    ControlContainer?: Override<Record<string, any>>;
+    Placeholder?: Override<Record<string, any>>;
+    ValueContainer?: Override<Record<string, any>>;
+    SingleValue?: Override<Record<string, any>>;
+    MultiValue?: Override<Record<string, any>>;
+    Tag?: Override<Record<string, any>>;
+    InputContainer?: Override<Record<string, any>>;
+    Input?: Override<Record<string, any>>;
+    StartEnhancer?: Override<Record<string, any>>;
+    EndEnhancer?: Override<Record<string, any>>;
+    IconsContainer?: Override<Record<string, any>>;
+    SelectArrow?: Override<Record<string, any>>;
+    ClearIcon?: Override<Record<string, any>>;
+    LoadingIndicator?: Override<Record<string, any>>;
+    SearchIconContainer?: Override<Record<string, any>>;
+    SearchIcon?: Override<Record<string, any>>;
+    Popover?: Override<Record<string, any>>;
+    DropdownContainer?: Override<Record<string, any>>;
+    Dropdown?: Override<Record<string, any>>;
+    DropdownOption?: Override<Record<string, any>>;
+    DropdownListItem?: Override<Record<string, any>>;
+    OptionContent?: Override<Record<string, any>>;
+    StatefulMenu?: Override<Record<string, any>>;
+    StyledClearIcon?: Override<Record<string, any>>;
+    ExtraTagPopover?: Override<Record<string, any>>;
+    ExtraTagPopoverList?: Override<Record<string, any>>;
+    ExtraTagPopoverListItem?: Override<Record<string, any>>;
 };
-export declare type OverridesDropdown = {
-    DropdownContainer?: Override;
-    Dropdown?: Override;
-    DropdownOption?: Override;
-    DropdownListItem?: Override;
-    OptionContent?: Override;
-    StatefulMenu?: Override;
+export type OverridesDropdown = {
+    DropdownContainer?: Override<Record<string, any>>;
+    Dropdown?: Override<Record<string, any>>;
+    DropdownOption?: Override<Record<string, any>>;
+    DropdownListItem?: Override<Record<string, any>>;
+    OptionContent?: Override<Record<string, any>>;
+    StatefulMenu?: Override<Record<string, any>>;
+    DropdownFooterContainer?: Override<Record<string, any>>;
 };
-export declare type ImperativeMethods = {
+export type ImperativeMethods = {
     setDropdownOpen: (a: boolean) => unknown;
     setInputValue: (a: string) => void;
     setInputFocus: () => void;
@@ -67,10 +83,10 @@ export declare type ImperativeMethods = {
     focus: () => void;
     blur: () => void;
 };
-export declare type ControlRef = {
+export type ControlRef = {
     current: ImperativeMethods | null;
 };
-export declare type SelectProps = {
+export type SelectProps = {
     /**
      * This is an internal prop being used in Overlay Select. Not meant for consumer.
      * If set, filterOptions will use it as inputValue
@@ -105,6 +121,8 @@ export declare type SelectProps = {
     creatable?: boolean;
     /** Defines if options can be removed by pressing backspace. */
     deleteRemoves?: boolean;
+    /** limit the tag shown in value container */
+    limitTags?: number;
     /** Defines if the control is disabled. */
     disabled?: boolean;
     /** Defines if the control is in error state. */
@@ -118,6 +136,7 @@ export declare type SelectProps = {
     filterOptions?: ((options: Value, filterValue: string, excludeOptions: Value | undefined | null, a: {
         valueKey: string;
         labelKey: string;
+        filterOnlyCreated?: boolean;
     }) => Value) | null;
     /** Defines if currently selected options are filtered out in the dropdown options. */
     filterOutSelected?: boolean;
@@ -129,12 +148,12 @@ export declare type SelectProps = {
             $disabled: boolean;
             $isHighlighted: boolean;
         };
-    }) => React.ReactNode) | null;
+    }, props: SelectProps) => React.ReactNode) | null;
     /** A custom method to get a display value for a selected option. */
     getValueLabel?: ((a: {
         option: Option;
         index?: number;
-    }) => React.ReactNode) | null;
+    }, props: SelectProps) => React.ReactNode) | null;
     /** Sets the id attribute of the internal input element. Allows for usage with labels. */
     id?: string;
     /** Defines if the comparison for a new creatable value should be case-insensitive. */
@@ -152,6 +171,7 @@ export declare type SelectProps = {
     multi?: boolean;
     /** Message to be displayed if no options is found for a search query. */
     noResultsMsg?: React.ReactNode;
+    intent?: Intent;
     onBlur?: (e: React.FocusEvent | MouseEvent) => unknown;
     /** Defines if the input value is reset to an empty string when a blur event happens on the select. */
     onBlurResetsInput?: boolean;
@@ -187,6 +207,8 @@ export declare type SelectProps = {
      * When set to TYPE.search the search icon is rendered on the
      * left and the select arrow icon is not rendered. */
     type?: Type;
+    startEnhancer?: React.ReactNode | ((props: SharedStylePropsArg) => React.ReactNode);
+    endEnhancer?: React.ReactNode | ((props: SharedStylePropsArg) => React.ReactNode);
     /** A current selected value(s). If a selected value has a clearableValue
      * prop set to true it will be rendered as a disabled selected option that can't be cleared. */
     value?: Value;
@@ -197,20 +219,36 @@ export declare type SelectProps = {
      * selected options from the dropdown list. */
     valueKey?: string;
     /** Where to mount the popover */
-    mountNode?: HTMLElement;
+    mountNode?: HTMLElement | null;
+    /** select Locale from spaceweb */
+    selectLocale?: SelectLocale;
+    /** Defines if user doesn't want to show tooltip on truncation */
+    noTooltipOnTruncation?: boolean;
+    /** expand all the extra tags in case of limit tag */
+    expandLimitTagsOnFocus?: boolean;
+    /** render Footer for dropdown */
+    dropdownFooter?: (props: DropdownFooterProps) => ReactElement;
+    ownerDocument?: Document;
+    listboxId?: string;
+    menuDescriptionId?: string;
+    noResultsId?: string;
 };
-export declare type SelectState = {
+export type SelectState = {
     activeDescendant: string | undefined | null;
     inputValue: string;
     isFocused: boolean;
     isOpen: boolean;
     isPseudoFocused: boolean;
+    currentValueTagIdx: number;
+    focusedExtraValueTagIdx: number;
+    isExtraValuePopoverOpen: boolean;
+    isContainerFocused: boolean;
 };
-export declare type State = {
+export type State = {
     value: Value;
 };
-export declare type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
-export declare type StatefulContainerProps = {
+export type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
+export type StatefulContainerProps = {
     overrides: SelectOverrides;
     children: (a: SelectProps) => React.ReactNode;
     initialState: State;
@@ -223,7 +261,7 @@ export declare type StatefulSelectProps = Omit<SelectProps, 'onChange' | 'overri
     stateReducer?: StateReducer;
     onChange?: (params: OnChangeParams) => unknown;
 };
-export declare type DropdownProps = {
+export type DropdownProps = {
     selectAllChecked?: boolean;
     error: boolean;
     getOptionLabel: (a: {
@@ -234,8 +272,9 @@ export declare type DropdownProps = {
             $isHighlighted: boolean;
         };
     }) => React.ReactNode;
+    positive?: boolean;
     id?: string;
-    innerRef: React.Ref<HTMLElement>;
+    innerRef?: React.Ref<HTMLElement>;
     isLoading: boolean;
     labelKey: string;
     maxDropdownHeight: string;
@@ -253,25 +292,30 @@ export declare type DropdownProps = {
     valueKey: string;
     width: number | undefined | null;
     keyboardControlNode?: React.Ref<HTMLElement>;
+    closeMenu: () => void;
+    dropdownFooter?: (props: DropdownFooterProps) => ReactElement;
+    menuDescriptionId?: string;
 };
-export declare type AutosizeInputOverrides = {
-    Input?: Override;
+export type DropdownFooterProps = Pick<DropdownProps, 'isLoading' | 'width' | 'closeMenu'>;
+export type AutosizeInputOverrides = {
+    Input?: Override<Record<string, any>>;
 };
-export declare type AutosizeInputProps = {
+export type AutosizeInputProps = {
     value: string;
     defaultValue?: string;
-    inputRef?: (ref: any) => any;
+    inputRef?: React.Ref<HTMLInputElement>;
     overrides?: AutosizeInputOverrides;
     $size?: Size;
 };
-export declare type AutosizeInputState = {
+export type AutosizeInputState = {
     inputWidth: number;
 };
-export declare type SharedStylePropsArg = {
+export type SharedStylePropsArg = {
     $clearable?: boolean;
     $creatable?: boolean;
     $disabled?: boolean;
     $error?: boolean;
+    $intent?: Intent;
     $positive?: boolean;
     $isFocused?: boolean;
     $isLoading?: boolean;

package/esm/baseui/select/utils/default-filter-options.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Option, Value } from '../types';
-declare type defaultProps = {
+type defaultProps = {
     filterOption: ((option: Option, filterValue: string) => boolean) | undefined | null;
     ignoreCase: boolean;
     labelKey: string;
@@ -8,16 +8,31 @@ declare type defaultProps = {
     matchProp: 'any' | 'label' | 'value';
     trimFilter: boolean;
     valueKey: string;
+    /**
+     * internal prop for asyncSelect to ensure UI side
+     * filtering is performed only for created options
+     */
+    filterOnlyCreated?: boolean;
 };
 declare const defaultProps: defaultProps;
-declare const filterOptions: (options: Value, filterValue: string, excludeOptions?: Value | null | undefined, newProps?: Partial<defaultProps> | null | undefined) => Readonly<{
+declare const isMatch: (text: string, pattern: string, { ignoreCase, matchStart }: {
+    ignoreCase: boolean;
+    matchStart: boolean;
+}) => boolean;
+declare const filterOptions: (options: Value, filterValue: string, excludeOptions?: Value | null, newProps?: Partial<defaultProps> | null) => Readonly<{
     [x: string]: any;
-    id?: string | number | undefined;
+    id?: import("../types").Id | undefined;
     label?: import("react").ReactNode;
     disabled?: boolean | undefined;
+    disabledTooltipConfig?: Omit<import("../../../tooltip").ActionableTooltipProps, "children"> | undefined;
     clearableValue?: boolean | undefined;
     isCreatable?: boolean | undefined;
     __optgroup?: string | undefined;
     searchTags?: string[] | undefined;
+    tooltipContent?: import("react").ReactNode | import("../../popover").ContentRenderProp;
+    __closeOnSelect?: boolean | undefined;
+    __onSelectResetsInput?: boolean | undefined;
+    __groupSelectAll?: boolean | undefined;
 }>[];
 export default filterOptions;
+export { defaultProps, isMatch as __test_is_Match };

package/esm/baseui/select/utils/default-filter-options.js

@@ -1,6 +1,5 @@
 import { __assign } from "tslib";
-// @ts-ignore
-var escapeRegExp = function (str) { return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); };
+import { CREATED_KEY } from '../constants';
 // @ts-ignore
 var isValid = function (value) { return typeof value !== 'undefined' && value !== null && value !== ''; };
 var defaultProps = {
@@ -11,27 +10,37 @@ var defaultProps = {
     matchProp: 'any',
     trimFilter: true,
     valueKey: 'value',
+    filterOnlyCreated: false,
+};
+var isMatch = function (text, pattern, _a) {
+    var ignoreCase = _a.ignoreCase, matchStart = _a.matchStart;
+    var idx = (ignoreCase ? text.toLowerCase() : text).indexOf(ignoreCase ? pattern.toLowerCase() : pattern);
+    return matchStart ? idx === 0 : idx > -1;
 };
 var filterOptions = function (options, filterValue, excludeOptions, newProps) {
     var props = __assign(__assign({}, defaultProps), newProps);
-    if (props.ignoreCase) {
-        filterValue = filterValue.toLowerCase();
-    }
+    var filterValueNormalized = filterValue;
     if (props.trimFilter) {
-        filterValue = filterValue.trim();
+        filterValueNormalized = filterValue.trim();
     }
     var excludeValues = (excludeOptions || []).reduce(function (acc, option) {
         acc.add(option[props.valueKey]);
         return acc;
     }, new Set());
-    var re = new RegExp("".concat(props.matchPos === 'start' ? '^' : '').concat(escapeRegExp(filterValue)), props.ignoreCase ? 'i' : '');
+    var checkMatch = function (text) {
+        return isMatch(text, filterValueNormalized, { ignoreCase: props.ignoreCase, matchStart: props.matchPos === 'start' });
+    };
     return options.filter(function (option) {
         if (excludeValues.has(option[props.valueKey]))
             return false;
         if (props.filterOption)
-            return props.filterOption.call(undefined, option, filterValue);
-        if (!filterValue)
+            return props.filterOption.call(undefined, option, filterValueNormalized);
+        if (!filterValueNormalized)
             return true;
+        if (props.filterOnlyCreated) {
+            if (!option[CREATED_KEY])
+                return true;
+        }
         var value = option[props.valueKey];
         var label = option[props.labelKey];
         var searchTags = option.searchTags;
@@ -42,11 +51,12 @@ var filterOptions = function (options, filterValue, excludeOptions, newProps) {
         }
         var valueTest = hasValue ? String(value) : null;
         var labelTest = hasLabel ? String(label) : null;
-        return ((valueTest && props.matchProp !== 'label' && re.test(valueTest)) ||
-            (labelTest && props.matchProp !== 'value' && re.test(labelTest)) ||
+        return ((valueTest && props.matchProp !== 'label' && checkMatch(valueTest)) ||
+            (labelTest && props.matchProp !== 'value' && checkMatch(labelTest)) ||
             (Array.isArray(searchTags) &&
                 props.matchProp !== 'value' &&
-                searchTags.some(function (searchTag) { return isValid(searchTag) && re.test(String(searchTag)); })));
+                searchTags.some(function (searchTag) { return isValid(searchTag) && checkMatch(String(searchTag)); })));
     });
 };
 export default filterOptions;
+export { defaultProps, isMatch as __test_is_Match };

package/esm/baseui/select/value.d.ts

@@ -1 +1,2 @@
-export default function Value(props: any): import("react/jsx-runtime").JSX.Element;
+declare const Value: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Value;