@sprinklrjs/spaceweb 10.1.0

package/esm/radio/basewebAdapters.js

@@ -0,0 +1,46 @@
+import { __assign, __rest } from "tslib";
+import { createContext, useContext } from 'react';
+import { add$props } from '../helpers';
+import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
+import { getRadioLabelStyles, getRadioMarkInnerStyles, getRadioMarkOuterStyles, getRootStyles, } from './styled-components';
+import { useContextualFormProps } from '../form-control/context';
+export var SpaceRadioContext = createContext({
+    size: 'md',
+    intent: 'default',
+});
+SpaceRadioContext.displayName = 'SpaceRadioContext';
+export function useRadioGroupAdapter(props) {
+    var _a = useContextualFormProps(props), size = _a.size, className = _a.className, style = _a.style, overrides = _a.overrides, intent = _a.intent, restProps = __rest(_a, ["size", "className", "style", "overrides", "intent"]);
+    var convertOverrides = useConvertOverrides({
+        RadioGroupRoot: {
+            style: [className, style],
+        },
+    }, overrides);
+    return { adaptedProps: __assign(__assign({}, restProps), { overrides: convertOverrides }) };
+}
+export var useRadioAdapter = function (props) {
+    var _a = useContext(SpaceRadioContext), size = _a.size, intent = _a.intent;
+    var className = props.className, style = props.style, $outlineStyle = props.$outlineStyle, $outlineColor = props.$outlineColor, $outlineOffset = props.$outlineOffset, $outlineWidth = props.$outlineWidth, restProps = __rest(props, ["className", "style", "$outlineStyle", "$outlineColor", "$outlineOffset", "$outlineWidth"]);
+    var sharedProps = add$props({ size: size, intent: intent });
+    var overrides = useConvertOverrides({
+        Root: {
+            style: [className, style, getRootStyles],
+            props: sharedProps,
+        },
+        RadioMarkInner: {
+            style: getRadioMarkInnerStyles,
+            props: sharedProps,
+        },
+        RadioMarkOuter: {
+            style: getRadioMarkOuterStyles,
+            props: __assign(__assign({}, sharedProps), add$props({ $outlineStyle: $outlineStyle, $outlineColor: $outlineColor, $outlineOffset: $outlineOffset, $outlineWidth: $outlineWidth })),
+        },
+        Label: {
+            style: getRadioLabelStyles,
+            props: sharedProps,
+        },
+        // https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb/-/issues/472 - baseui adds position absolute
+        Input: { style: { position: 'static' } },
+    }, props.overrides);
+    return __assign(__assign({}, restProps), { overrides: overrides });
+};

package/esm/radio/index.d.ts

@@ -0,0 +1,3 @@
+export { Radio, RadioGroup } from './radio';
+export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from 'baseui/radio';
+export * from './types';

package/esm/radio/index.js

@@ -0,0 +1,3 @@
+export { Radio, RadioGroup } from './radio';
+export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from 'baseui/radio';
+export * from './types';

package/esm/radio/radio.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { RadioGroupProps, RadioProps } from './types';
+export declare const Radio: {
+    (props: RadioProps): ReactElement;
+    displayName: string;
+};
+export declare const RadioGroup: {
+    (props: RadioGroupProps): ReactElement;
+    displayName: string;
+};

package/esm/radio/radio.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from 'baseui/radio';
+import { useMemo } from 'react';
+import { useRadioGroupAdapter, useRadioAdapter, SpaceRadioContext } from './basewebAdapters';
+// @ts-ignore
+BaseRadio.displayName = 'BaseUIRadio';
+// @ts-ignore
+BaseRadioGroup.displayName = 'BaseUIRadioGroup';
+export var Radio = function (props) {
+    var adaptedProps = useRadioAdapter(props);
+    return _jsx(BaseRadio, __assign({}, adaptedProps), void 0);
+};
+Radio.displayName = 'Radio';
+export var RadioGroup = function (props) {
+    var adaptedProps = useRadioGroupAdapter(props).adaptedProps;
+    var memoizedProviderValue = useMemo(function () { return ({ size: props.size || 'md', intent: props.intent || 'default' }); }, [
+        props.size,
+        props.intent,
+    ]);
+    return (_jsx(SpaceRadioContext.Provider, __assign({ value: memoizedProviderValue }, { children: _jsx(BaseRadioGroup, __assign({}, adaptedProps), void 0) }), void 0));
+};
+RadioGroup.displayName = 'RadioGroup';

package/esm/radio/styled-components.d.ts

@@ -0,0 +1,7 @@
+import { StyleFn } from '../types';
+import { SharedProps } from './types';
+import { OutlineProps } from '../helpers/commonStyles';
+export declare const getRadioMarkInnerStyles: StyleFn<SharedProps>;
+export declare const getRadioMarkOuterStyles: StyleFn<SharedProps & OutlineProps>;
+export declare const getRadioLabelStyles: StyleFn<SharedProps>;
+export declare const getRootStyles: StyleFn<SharedProps>;

package/esm/radio/styled-components.js

@@ -0,0 +1,138 @@
+import { __assign } from "tslib";
+import { intentColor } from '../helpers/intentHelper';
+import { getOutlineStyles } from '../helpers/commonStyles';
+import { hex2rgb } from '../helpers';
+var getBorderColor = function (utils, props) {
+    var theme = utils.theme;
+    var $disabled = props.$disabled, $intent = props.$intent, $checked = props.$checked, $isHovered = props.$isHovered, $isFocusVisible = props.$isFocusVisible;
+    if ($disabled && $intent !== 'default')
+        return hex2rgb(intentColor(utils, props), '0.5');
+    if (!$checked) {
+        if ($disabled)
+            return theme.spr.icon03;
+        if ($intent !== 'default')
+            return intentColor(utils, props);
+        if ($isHovered || $isFocusVisible)
+            return theme.spr.border06;
+        return theme.spr.border04;
+    }
+    if ($disabled) {
+        return hex2rgb(theme.spr.focus01, '0.5');
+    }
+    return intentColor(utils, props);
+};
+var getInnerColor = function (utils, props) {
+    var $disabled = props.$disabled, $checked = props.$checked;
+    if (!$checked)
+        return 'transparent';
+    if ($disabled) {
+        if ($checked)
+            return hex2rgb(intentColor(utils, props), '0.5');
+        return 'transparent';
+    }
+    return intentColor(utils, props);
+};
+export var getRadioMarkInnerStyles = function (utils, props) {
+    var px2rem = utils.px2rem;
+    var $size = props.$size;
+    var styles = {
+        backgroundColor: getInnerColor(utils, props),
+        height: px2rem(8),
+        width: px2rem(8),
+    };
+    switch ($size) {
+        case 'sm':
+            styles.height = styles.width = px2rem(6);
+            break;
+        case 'lg':
+            styles.height = styles.width = px2rem(10);
+            break;
+        default:
+            break;
+    }
+    return styles;
+};
+export var getRadioMarkOuterStyles = function (utils, props) {
+    var px2rem = utils.px2rem, theme = utils.theme;
+    var $checked = props.$checked, $size = props.$size, $isFocusVisible = props.$isFocusVisible, $outlineStyle = props.$outlineStyle, $outlineColor = props.$outlineColor, $outlineOffset = props.$outlineOffset, $outlineWidth = props.$outlineWidth;
+    var styles = __assign({ boxSizing: 'border-box', borderWidth: $checked ? px2rem(2) : px2rem(1), borderStyle: 'solid', backgroundColor: 'transparent', borderColor: getBorderColor(utils, props), height: px2rem(16), width: px2rem(16) }, ($isFocusVisible
+        ? __assign({ boxShadow: 'none', transitionDuration: '0ms' }, getOutlineStyles(utils, { $outlineStyle: $outlineStyle, $outlineColor: $outlineColor, $outlineOffset: $outlineOffset, $outlineWidth: $outlineWidth })) : {}));
+    switch ($size) {
+        case 'sm':
+            styles.height = styles.width = px2rem(14);
+            break;
+        case 'lg':
+            styles.height = styles.width = px2rem(18);
+            break;
+        default:
+            break;
+    }
+    return styles;
+};
+export var getRadioLabelStyles = function (_a, _b) {
+    var _c;
+    var direction = _a.direction, px2rem = _a.px2rem;
+    var $labelPosition = _b.$labelPosition, $size = _b.$size;
+    var paddingDirection;
+    switch ($labelPosition) {
+        case 'top':
+            paddingDirection = 'Bottom';
+            break;
+        case 'bottom':
+            paddingDirection = 'Top';
+            break;
+        case 'left':
+            paddingDirection = direction === 'rtl' ? 'Left' : 'Right';
+            break;
+        default:
+        case 'right':
+            paddingDirection = direction === 'rtl' ? 'Right' : 'Left';
+            break;
+    }
+    var styles = (_c = {
+            fontSize: px2rem(13)
+        },
+        _c["padding".concat(paddingDirection)] = px2rem(6),
+        _c.wordBreak = 'break-word',
+        _c);
+    switch ($size) {
+        case 'sm':
+            styles.fontSize = px2rem(12);
+            styles["padding".concat(paddingDirection)] = px2rem(6);
+            break;
+        case 'lg':
+            styles.fontSize = px2rem(14);
+            styles["padding".concat(paddingDirection)] = px2rem(8);
+            break;
+        default:
+            break;
+    }
+    return styles;
+};
+export var getRootStyles = function (_a, _b) {
+    var _c;
+    var direction = _a.direction, px2rem = _a.px2rem;
+    var $align = _b.$align, $hasDescription = _b.$hasDescription, $size = _b.$size;
+    var isHorizontal = $align === 'horizontal';
+    var directionMargin = direction === 'rtl' ? 'Left' : 'Right';
+    var styles = (_c = {},
+        _c["margin".concat(directionMargin)] = isHorizontal ? px2rem(30) : undefined,
+        _c.marginTop = px2rem(6),
+        _c.marginBottom = $hasDescription && !isHorizontal ? undefined : px2rem(6),
+        _c);
+    switch ($size) {
+        case 'md':
+            styles["margin".concat(directionMargin)] = isHorizontal ? px2rem(38) : undefined;
+            styles.marginTop = px2rem(8);
+            styles.marginBottom = $hasDescription && !isHorizontal ? undefined : px2rem(8);
+            break;
+        case 'lg':
+            styles["margin".concat(directionMargin)] = isHorizontal ? px2rem(46) : undefined;
+            styles.marginTop = px2rem(10);
+            styles.marginBottom = $hasDescription && !isHorizontal ? undefined : px2rem(10);
+            break;
+        default:
+            break;
+    }
+    return styles;
+};

package/esm/radio/types.d.ts

@@ -0,0 +1,37 @@
+import { RadioGroupProps as BaseRadioGroupProps, RadioProps as BaseRadioProps, RadioOverrides, RadioGroupOverrides } from 'baseui/radio';
+import { Intent, SpacewebComponentProps } from '../types';
+import { Override } from '../overrides';
+import { OutlineProps } from '../helpers/commonStyles';
+export declare type Alignment = 'horizontal' | 'vertical';
+export declare type LabelPosition = 'top' | 'right' | 'bottom' | 'left';
+export declare type Size = 'sm' | 'md' | 'lg';
+export declare type SharedProps = {
+    $align?: Alignment;
+    $checked?: boolean;
+    $disabled?: boolean;
+    $hasDescription?: boolean;
+    $isActive?: boolean;
+    $intent?: Intent;
+    $isFocused?: boolean;
+    $isFocusVisible?: boolean;
+    $isHovered?: boolean;
+    $labelPlacement?: string;
+    $required?: boolean;
+    $value?: string;
+    $size?: Size;
+    $labelPosition?: LabelPosition;
+};
+export declare type RadioProps = SpacewebComponentProps<Omit<BaseRadioProps, 'overrides' | 'isError'>> & {
+    size?: Size;
+    intent?: Intent;
+    overrides?: {
+        [key in keyof RadioOverrides]?: Override<SharedProps>;
+    };
+} & OutlineProps;
+export declare type RadioGroupProps = SpacewebComponentProps<Omit<BaseRadioGroupProps, 'overrides'>> & {
+    intent?: Intent;
+    size?: Size;
+    overrides?: {
+        [key in keyof RadioGroupOverrides]?: Override<SharedProps>;
+    };
+};

package/esm/radio/types.js

@@ -0,0 +1 @@
+export {};

package/esm/search/index.d.ts

@@ -0,0 +1,2 @@
+export { Search } from './search';
+export * from './types';

package/esm/search/index.js

@@ -0,0 +1,2 @@
+export { Search } from './search';
+export * from './types';

package/esm/search/search.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { IconButtonProps } from '../button/IconButton';
+import { SearchProps } from './types';
+export declare const ClearIconButton: ({ overrides, ...props }: IconButtonProps) => ReactElement;
+export declare const Search: {
+    ({ size, debounceInterval, placeholder, overrides, className, style, variant, ...props }: SearchProps): ReactElement;
+    displayName: string;
+};

package/esm/search/search.js

@@ -0,0 +1,66 @@
+import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import _pick from 'lodash/pick';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { Box } from '../box';
+import { IconButton } from '../button';
+import { add$props } from '../helpers';
+import ClearIcon from '../icon/components/close';
+import DefaultSearchIcon from '../icon/components/search';
+import { Input } from '../input';
+import { mergeOverrides, useOverrides } from '../overrides';
+import { getInputContainerStyles, getRootStyles, SIZES_STYLES_MAP } from './styled-components';
+var SearchIconContainer = function (_a) {
+    var _b;
+    var size = _a.size, marginX = _a.marginX, className = _a.className, overrides = _a.overrides, props = __rest(_a, ["size", "marginX", "className", "overrides"]);
+    var _c = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.SearchIcon, DefaultSearchIcon), 2), SearchIcon = _c[0], searchIconProps = _c[1];
+    var sharedProps = _pick(props, ['$isFocused', '$disabled', '$required', '$bordered', '$variant', '$intent']);
+    return (_jsx(Box, __assign({}, props, { className: ['flex items-center', { marginLeft: marginX, marginRight: marginX }, className] }, { children: _jsx(SearchIcon, __assign({ size: size }, sharedProps, searchIconProps, { className: ['spr-icon-03', (_b = searchIconProps) === null || _b === void 0 ? void 0 : _b.className] }), void 0) }), void 0));
+};
+export var ClearIconButton = function (_a) {
+    var overrides = _a.overrides, props = __rest(_a, ["overrides"]);
+    var mergedOverrides = useMemo(function () {
+        return mergeOverrides({
+            BaseButton: {
+                style: [
+                    'h-5 w-5 spr-text-02 hover:spr-text-01 focus:spr-text-01 hover:spr-ui-03 focus:spr-ui-03 bg-transparent',
+                    function (_a) {
+                        var px2rem = _a.px2rem;
+                        return ({ minWidth: px2rem(20) });
+                    },
+                ],
+                props: { type: 'button' },
+            },
+        }, overrides);
+    }, [overrides]);
+    return (_jsx(IconButton, __assign({}, props, { overrides: mergedOverrides }, { children: _jsx(ClearIcon, { "data-testid": "search-clear", size: 10 }, void 0) }), void 0));
+};
+export var Search = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.debounceInterval, debounceInterval = _c === void 0 ? 200 : _c, _d = _a.placeholder, placeholder = _d === void 0 ? 'Search' : _d, overrides = _a.overrides, className = _a.className, style = _a.style, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, props = __rest(_a, ["size", "debounceInterval", "placeholder", "overrides", "className", "style", "variant"]);
+    var _f = SIZES_STYLES_MAP[size], searchIconMarginX = _f.searchIconMarginX, searchIconSize = _f.iconSize, fontSize = _f.fontSize;
+    var mergedOverrides = React.useMemo(function () {
+        var sharedProps = add$props({ size: size, variant: variant });
+        return mergeOverrides({
+            Root: {
+                style: [getRootStyles, className, style],
+                props: sharedProps,
+            },
+            InputContainer: {
+                style: getInputContainerStyles,
+                props: sharedProps,
+            },
+            Input: {
+                style: ['px-0 py-0', { fontSize: fontSize, lineHeight: 1.5 }],
+                props: sharedProps,
+            },
+            Before: {
+                component: SearchIconContainer,
+                props: __assign(__assign({ size: searchIconSize, marginX: searchIconMarginX }, sharedProps), { overrides: overrides }),
+            },
+            ClearIcon: ClearIconButton,
+        }, overrides);
+    }, [overrides, size, className, style, variant, fontSize, searchIconSize, searchIconMarginX]);
+    return (_jsx(Input, __assign({ "data-spaceweb": "Search", placeholder: placeholder, overrides: mergedOverrides, debounceInterval: debounceInterval }, props), void 0));
+};
+Search.displayName = 'Search';

package/esm/search/styled-components.d.ts

@@ -0,0 +1,13 @@
+import { Styles } from '../types';
+import { Size } from './types';
+declare type SizeStyle = {
+    paddingX: string;
+    searchIconMarginX: string;
+    height: string;
+    fontSize: string;
+    iconSize: number;
+};
+export declare const SIZES_STYLES_MAP: Record<Size, SizeStyle>;
+export declare const getInputContainerStyles: Styles;
+export declare const getRootStyles: Styles;
+export {};

package/esm/search/styled-components.js

@@ -0,0 +1,77 @@
+import { __assign } from "tslib";
+import { borderColor as borderColorLongHand, borderRadius, borderStyle, borderWidth } from '../helpers/longHandHelpers';
+var VARIANTS_TOKENS_MAP = {
+    default: {
+        backgroundColor: 'ui02',
+        disabledBackgroundColor: 'ui02',
+        hoverBorderColor: 'border06',
+        focusBorderColor: 'interactive01',
+    },
+    light: {
+        backgroundColor: 'ui01',
+        disabledBackgroundColor: 'ui02',
+        hoverBorderColor: 'border06',
+        focusBorderColor: 'interactive01',
+    },
+};
+var getSearchComponentTokens = function (variant) { var _a; return (_a = VARIANTS_TOKENS_MAP[variant !== null && variant !== void 0 ? variant : 'default']) !== null && _a !== void 0 ? _a : {}; };
+export var SIZES_STYLES_MAP = {
+    sm: {
+        paddingX: '4px',
+        searchIconMarginX: '8px',
+        height: '30px',
+        fontSize: '14px',
+        iconSize: 14,
+    },
+    md: {
+        paddingX: '8px',
+        searchIconMarginX: '8px',
+        height: '40px',
+        fontSize: '16px',
+        iconSize: 14,
+    },
+    lg: {
+        paddingX: '10px',
+        searchIconMarginX: '14px',
+        height: '60px',
+        fontSize: '18px',
+        iconSize: 18,
+    },
+};
+var rootBackgroundColor = function (_a, _b) {
+    var theme = _a.theme;
+    var $isFocused = _b.$isFocused, $disabled = _b.$disabled, _c = _b.$variant, $variant = _c === void 0 ? 'default' : _c;
+    var _d = getSearchComponentTokens($variant), backgroundColor = _d.backgroundColor, disabledBackgroundColor = _d.disabledBackgroundColor;
+    return {
+        backgroundColor: $disabled ? theme.spr[disabledBackgroundColor] : theme.spr[backgroundColor],
+    };
+};
+var rootBorderColor = function (utils, props) {
+    var theme = utils.theme;
+    var $isFocused = props.$isFocused, $disabled = props.$disabled, $variant = props.$variant;
+    var _a = getSearchComponentTokens($variant), hoverBorderColor = _a.hoverBorderColor, focusBorderColor = _a.focusBorderColor;
+    if ($disabled) {
+        return borderColorLongHand(theme.input.disabledBorderColor);
+    }
+    if ($isFocused) {
+        return borderColorLongHand(theme.spr[focusBorderColor]);
+    }
+    return __assign(__assign({}, borderColorLongHand('transparent')), { ':hover': borderColorLongHand(theme.spr[hoverBorderColor]) });
+};
+export var getInputContainerStyles = __assign(__assign(__assign(__assign({ outline: 'none', boxSizing: 'border-box' }, borderColorLongHand('transparent')), { backgroundColor: 'transparent', ':hover': { backgroundColor: 'transparent' } }), borderStyle('none')), borderRadius('0'));
+export var getRootStyles = [
+    borderStyle('solid'),
+    borderWidth('1px'),
+    rootBorderColor,
+    rootBackgroundColor,
+    function (_a) {
+        var theme = _a.theme;
+        return borderRadius(theme.borderRadius['8']);
+    },
+    function (_, _a) {
+        var $size = _a.$size;
+        var _b = SIZES_STYLES_MAP[$size], paddingX = _b.paddingX, height = _b.height;
+        return { height: height, paddingLeft: paddingX, paddingRight: paddingX };
+    },
+    { outline: 'none', boxSizing: 'border-box' },
+];

package/esm/search/types.d.ts

@@ -0,0 +1,19 @@
+import { InputProps, SharedProps as InputSharedProps } from '../input/types';
+import { Override } from '../overrides';
+export declare type Size = 'sm' | 'md' | 'lg';
+export declare type Variant = 'default' | 'light';
+export declare type SearchProps = Omit<InputProps, 'size | type' | 'required' | 'variant' | 'intent' | 'startEnhancer' | 'endEnhancer'> & {
+    size?: Size;
+    bordered?: boolean;
+    debounceInterval?: number;
+    debouncedOnChange?: InputProps['onChange'];
+    variant?: Variant;
+    overrides?: {
+        SearchIcon?: Override<Record<string, any>>;
+    };
+};
+export declare type SharedProps = Omit<InputSharedProps, '$size'> & {
+    $size: Size;
+    $bordered: boolean;
+    $variant: Variant;
+};

package/esm/search/types.js

@@ -0,0 +1 @@
+export {};

package/esm/select/adaptor.d.ts

@@ -0,0 +1,4 @@
+import { TYPE } from 'baseui/select';
+import { Type } from './types';
+import { ValueOf } from '../utility-types';
+export declare const typeAdaptor: Record<Type, ValueOf<TYPE>>;

package/esm/select/adaptor.js

@@ -0,0 +1,5 @@
+import { TYPE } from 'baseui/select';
+export var typeAdaptor = {
+    select: TYPE.select,
+    search: TYPE.search,
+};

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

@@ -0,0 +1,63 @@
+import { Component } from 'react';
+import * as React from 'react';
+import { Locale } from '../locale';
+import { Overrides } from '../overrides';
+import defaultProps from './default-props';
+import { BaseSelectProps, OnChangeParams, Option, OptionsT, Value } from './types';
+declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps, {
+    selectAllSelected: boolean;
+}> {
+    static defaultProps: {
+        autoFocus: boolean;
+        backspaceRemoves: boolean;
+        clearable: boolean;
+        closeOnSelect: boolean;
+        creatable: boolean;
+        deleteRemoves: boolean;
+        disabled: boolean;
+        error: boolean;
+        positive: boolean;
+        escapeClearsValue: boolean;
+        filterOptions: any;
+        filterOutSelected: boolean;
+        isLoading: boolean;
+        labelKey: string;
+        maxDropdownHeight: string;
+        multi: boolean;
+        onBlur: (...args: any[]) => void;
+        onBlurResetsInput: boolean;
+        onChange: (...args: any[]) => void;
+        onFocus: (...args: any[]) => void;
+        onInputChange: (...args: any[]) => void;
+        onCloseResetsInput: boolean;
+        onSelectResetsInput: boolean;
+        openOnClick: boolean;
+        startOpen: boolean;
+        options: OptionsT;
+        overrides: {};
+        required: boolean;
+        searchable: boolean;
+        size: import("./types").Size;
+        type: "overlay" | import("./types").Type | "mobile";
+        value: Value;
+        valueKey: string;
+        placement: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | undefined;
+    };
+    id: string;
+    menuId: string;
+    createdOptions: OptionsT | undefined;
+    shouldDisplaySelectAll: () => boolean;
+    getNormalizedOptions: (options?: OptionsT | undefined) => Option[];
+    isSelectAllChecked: (value: Value, options?: OptionsT | undefined) => boolean;
+    getSelectOverrides: () => Overrides<any>;
+    mergeOptions: (options1?: OptionsT | undefined, options2?: OptionsT | undefined) => OptionsT | undefined;
+    getOptions: (locale: Locale, createdOptions: OptionsT | undefined, options?: OptionsT | undefined) => Option[];
+    getCreatedOptions: (option: Option) => Promise<OptionsT>;
+    getCreatedValues: (options: OptionsT) => OptionsT;
+    handleChange: (params: OnChangeParams) => Promise<void>;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    inputRef: React.RefObject<HTMLInputElement | HTMLDivElement>;
+    combinedInputRef: (refParam: BaseSelectProps['controlRef']) => (element: HTMLInputElement | HTMLDivElement) => void;
+    render(): React.ReactElement;
+}
+export default BaseSelect;