@sprinklrjs/spaceweb 12.33.2 → 14.11.0

package/asyncSelect/hooks/useGroupAsyncSelectAdapter.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGroupAsyncSelectAdapter = void 0;
+var tslib_1 = require("tslib");
+//hooks
+var react_1 = require("react");
+var locale_1 = require("../../locale");
+//constants
+var default_props_1 = tslib_1.__importDefault(require("../../select/default-props"));
+//helpers
+var helpers_1 = require("../helpers");
+var reduce_1 = tslib_1.__importDefault(require("lodash/reduce"));
+var isObject_1 = tslib_1.__importDefault(require("lodash/isObject"));
+var useGroupAsyncSelectAdapter = function (_a) {
+    var onChange = _a.onChange, valueKey = _a.valueKey;
+    var locale = (0, locale_1.useLocale)();
+    var adaptedOnChange = (0, react_1.useCallback)(function (params) {
+        var groupedValue = (0, helpers_1.arrayToGroupedOptions)(params.value);
+        return onChange === null || onChange === void 0 ? void 0 : onChange(tslib_1.__assign(tslib_1.__assign({}, params), { value: groupedValue, valueKeys: (0, reduce_1.default)(groupedValue, function (acc, values, groupId) {
+                acc[groupId] = values === null || values === void 0 ? void 0 : values.map(function (valueObjOrId) {
+                    return (0, isObject_1.default)(valueObjOrId) ? valueObjOrId[valueKey || default_props_1.default.valueKey] : valueObjOrId;
+                });
+                return acc;
+            }, {}) }));
+    }, [onChange, valueKey]);
+    return { locale: locale, adaptedOnChange: adaptedOnChange };
+};
+exports.useGroupAsyncSelectAdapter = useGroupAsyncSelectAdapter;

package/asyncSelect/hooks/useGroupedAsyncSelect.d.ts

@@ -0,0 +1,444 @@
+/// <reference types="react" />
+import { GroupedAsyncSelectProps } from '../types';
+export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAllSelected, selectOnTab, ...restProps }: GroupedAsyncSelectProps) => {
+    'aria-label': string;
+    scrollContainer?: "menuContainer" | undefined;
+    overrides: import("../../overrides").OverridesObject<any>;
+    hideSelectAll: boolean;
+    __selectAllShouldReturnAllOptions: boolean | undefined;
+    __selectAllSelected: boolean | undefined;
+    children?: import("react").ReactNode | ((args: {
+        isOpen: boolean;
+    }) => import("react").ReactNode);
+    className?: import("../..").ClassName;
+    style?: import("../..").Styles;
+    size?: import("../../select/types").Size | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: import("react").ReactNode;
+    required?: boolean | undefined;
+    type?: import("../../select/types").Type | undefined;
+    autoFocus?: boolean | undefined;
+    id?: string | undefined;
+    'aria-describedby'?: string | null | undefined;
+    'aria-errormessage'?: string | null | undefined;
+    'aria-labelledby'?: string | null | undefined;
+    onPaste?: ((event: import("react").ClipboardEvent<Element>) => import("../../select").Options) | undefined;
+    onFocus?: ((e: import("react").SyntheticEvent<HTMLElement, Event>) => unknown) | undefined;
+    onBlur?: ((e: MouseEvent | import("react").FocusEvent<Element, Element>) => unknown) | undefined;
+    onChange?: ((params: import("../../select").OnChangeParams) => unknown) | undefined;
+    $as?: import("react").ElementType | undefined;
+    mountNode?: HTMLElement | null | undefined;
+    placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
+    noResultsMsg?: import("react").ReactNode;
+    ownerDocument?: Document | undefined;
+    intent?: import("../..").Intent | undefined;
+    ignoreBoundary?: boolean | undefined;
+    onClose?: (() => unknown) | null | undefined;
+    onOpen?: (() => unknown) | null | undefined;
+    isLoading?: boolean | undefined;
+    endEnhancer?: import("react").ReactNode | ((props: import("../../select/types").SharedProps) => import("react").ReactNode);
+    startEnhancer?: import("react").ReactNode | ((props: import("../../select/types").SharedProps) => import("react").ReactNode);
+    inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+    clearable?: boolean | undefined;
+    noTooltipOnTruncation?: boolean | undefined;
+    __inputValue?: string | undefined;
+    backspaceRemoves?: boolean | undefined;
+    backspaceClearsInputValue?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    creatable?: boolean | undefined;
+    deleteRemoves?: boolean | undefined;
+    limitTags?: number | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOptions?: ((options: import("../types").Value, filterValue: string, excludeOptions: import("../types").Value | null | undefined, a: {
+        valueKey: string;
+        labelKey: string;
+        filterOnlyCreated?: boolean | undefined;
+    }) => import("../types").Value) | null | undefined;
+    filterOutSelected?: boolean | undefined;
+    getOptionLabel?: ((a: {
+        option: Readonly<{
+            [x: string]: any;
+            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("../../baseui/popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
+        }>;
+        optionState: {
+            $selected: boolean;
+            $disabled: boolean;
+            $isHighlighted: boolean;
+        };
+    }, props: import("../../baseui/select").SelectProps) => import("react").ReactNode) | null | undefined;
+    getValueLabel?: ((a: {
+        option: Readonly<{
+            [x: string]: any;
+            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("../../baseui/popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
+        }>;
+        index?: number | undefined;
+    }, props: import("../../baseui/select").SelectProps) => import("react").ReactNode) | null | undefined;
+    ignoreCase?: boolean | undefined;
+    controlRef?: import("../../select").ControlRef | undefined;
+    labelKey?: string | undefined;
+    maxDropdownHeight?: string | undefined;
+    multi?: boolean | undefined;
+    onBlurResetsInput?: boolean | undefined;
+    onInputChange?: ((e: import("react").ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onCloseResetsInput?: boolean | undefined;
+    onSelectResetsInput?: boolean | undefined;
+    openOnClick?: boolean | undefined;
+    startOpen?: boolean | undefined;
+    options?: import("../../select").Options;
+    searchable?: boolean | undefined;
+    valueComponent?: import("react").ComponentType<any> | undefined;
+    valueKey?: string | undefined;
+    expandLimitTagsOnFocus?: boolean | undefined;
+    dropdownFooter?: ((props: import("../../baseui/select").DropdownFooterProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    listboxId?: string | undefined;
+    menuDescriptionId?: string | undefined;
+    noResultsId?: string | undefined;
+    startEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
+    endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
+    virtual?: boolean | undefined;
+    selectOnTab?: boolean | undefined;
+    getActionsElement?: import("../../menu").MenuItemActions;
+    captureScroll?: boolean | undefined;
+    popoverMinWidth?: string | undefined;
+    createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
+    delimiter?: string | undefined;
+    clearAsOption?: boolean | undefined;
+    clearAsOptionLabel?: string | undefined;
+    noResultsConfig?: import("../../select/no-results-message").NoResultsMessageProps | undefined;
+    value?: readonly (import("../types").Id | Readonly<{
+        [x: string]: any;
+        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("../../baseui/popover").ContentRenderProp;
+        __closeOnSelect?: boolean | undefined;
+        __onSelectResetsInput?: boolean | undefined;
+        __groupSelectAll?: boolean | undefined;
+    }>)[] | undefined;
+    groupConfigWithCount: import("../types").GroupConfigWithCount;
+    updateOptions: import("./useBaseAsyncSelect").OptionsUpdater;
+    updateResultCountMap: import("./useBaseAsyncSelect").OptionsCountMapUpdater;
+    resetAsyncSelectPagination: () => void;
+} | {
+    'aria-label': string;
+    scrollContainer?: "overlayContainer" | "menuContainer" | undefined;
+    overrides: import("../../overrides").OverridesObject<any>;
+    hideSelectAll: boolean;
+    __selectAllShouldReturnAllOptions: boolean | undefined;
+    __selectAllSelected: boolean | undefined;
+    children?: import("react").ReactNode | ((args: {
+        isOpen: boolean;
+    }) => import("react").ReactNode);
+    className?: import("../..").ClassName;
+    style?: import("../..").Styles;
+    size?: import("../../select/types").Size | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: import("react").ReactNode;
+    required?: boolean | undefined;
+    type: "overlay";
+    autoFocus?: boolean | undefined;
+    id?: string | undefined;
+    'aria-describedby'?: string | null | undefined;
+    'aria-errormessage'?: string | null | undefined;
+    'aria-labelledby'?: string | null | undefined;
+    onPaste?: ((event: import("react").ClipboardEvent<Element>) => import("../../select").Options) | undefined;
+    onFocus?: ((e: import("react").SyntheticEvent<HTMLElement, Event>) => unknown) | undefined;
+    onBlur?: ((e: MouseEvent | import("react").FocusEvent<Element, Element>) => unknown) | undefined;
+    onChange?: ((params: import("../../select").OnChangeParams) => unknown) | undefined;
+    $as?: import("react").ElementType | undefined;
+    mountNode?: HTMLElement | null | undefined;
+    placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
+    noResultsMsg?: import("react").ReactNode;
+    ownerDocument?: Document | undefined;
+    intent?: import("../..").Intent | undefined;
+    ignoreBoundary?: boolean | undefined;
+    onClose?: (() => unknown) | null | undefined;
+    onOpen?: (() => unknown) | null | undefined;
+    isLoading?: boolean | undefined;
+    endEnhancer?: import("react").ReactNode | ((props: import("../../select/types").SharedProps) => import("react").ReactNode);
+    startEnhancer?: import("react").ReactNode | ((props: import("../../select/types").SharedProps) => import("react").ReactNode);
+    inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+    clearable?: boolean | undefined;
+    noTooltipOnTruncation?: boolean | undefined;
+    __inputValue?: string | undefined;
+    backspaceRemoves?: boolean | undefined;
+    backspaceClearsInputValue?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    creatable?: boolean | undefined;
+    deleteRemoves?: boolean | undefined;
+    limitTags?: number | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOptions?: ((options: import("../types").Value, filterValue: string, excludeOptions: import("../types").Value | null | undefined, a: {
+        valueKey: string;
+        labelKey: string;
+        filterOnlyCreated?: boolean | undefined;
+    }) => import("../types").Value) | null | undefined;
+    filterOutSelected?: boolean | undefined;
+    getOptionLabel?: ((a: {
+        option: Readonly<{
+            [x: string]: any;
+            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("../../baseui/popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
+        }>;
+        optionState: {
+            $selected: boolean;
+            $disabled: boolean;
+            $isHighlighted: boolean;
+        };
+    }, props: import("../../baseui/select").SelectProps) => import("react").ReactNode) | null | undefined;
+    getValueLabel?: ((a: {
+        option: Readonly<{
+            [x: string]: any;
+            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("../../baseui/popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
+        }>;
+        index?: number | undefined;
+    }, props: import("../../baseui/select").SelectProps) => import("react").ReactNode) | null | undefined;
+    ignoreCase?: boolean | undefined;
+    controlRef?: import("../../select").ControlRef | undefined;
+    labelKey?: string | undefined;
+    maxDropdownHeight?: string | undefined;
+    multi?: boolean | undefined;
+    onBlurResetsInput?: boolean | undefined;
+    onInputChange?: ((e: import("react").ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onCloseResetsInput?: boolean | undefined;
+    onSelectResetsInput?: boolean | undefined;
+    openOnClick?: boolean | undefined;
+    startOpen?: boolean | undefined;
+    options?: import("../../select").Options;
+    searchable?: boolean | undefined;
+    valueComponent?: import("react").ComponentType<any> | undefined;
+    valueKey?: string | undefined;
+    expandLimitTagsOnFocus?: boolean | undefined;
+    dropdownFooter?: ((props: import("../../baseui/select").DropdownFooterProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    listboxId?: string | undefined;
+    menuDescriptionId?: string | undefined;
+    noResultsId?: string | undefined;
+    startEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
+    endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
+    virtual?: boolean | undefined;
+    selectOnTab?: boolean | undefined;
+    getActionsElement?: import("../../menu").MenuItemActions;
+    captureScroll?: boolean | undefined;
+    overlayWidth?: string | undefined;
+    popoverMinWidth?: string | undefined;
+    createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
+    delimiter?: string | undefined;
+    clearAsOption?: boolean | undefined;
+    clearAsOptionLabel?: string | undefined;
+    noResultsConfig?: import("../../select/no-results-message").NoResultsMessageProps | undefined;
+    value?: readonly (import("../types").Id | Readonly<{
+        [x: string]: any;
+        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("../../baseui/popover").ContentRenderProp;
+        __closeOnSelect?: boolean | undefined;
+        __onSelectResetsInput?: boolean | undefined;
+        __groupSelectAll?: boolean | undefined;
+    }>)[] | undefined;
+    groupConfigWithCount: import("../types").GroupConfigWithCount;
+    updateOptions: import("./useBaseAsyncSelect").OptionsUpdater;
+    updateResultCountMap: import("./useBaseAsyncSelect").OptionsCountMapUpdater;
+    resetAsyncSelectPagination: () => void;
+} | {
+    'aria-label': string;
+    scrollContainer?: "overlayContainer" | "menuContainer" | undefined;
+    overrides: import("../../overrides").OverridesObject<any>;
+    hideSelectAll: boolean;
+    __selectAllShouldReturnAllOptions: boolean | undefined;
+    __selectAllSelected: boolean | undefined;
+    children?: import("react").ReactNode | ((args: {
+        isOpen: boolean;
+    }) => import("react").ReactNode);
+    className?: import("../..").ClassName;
+    style?: import("../..").Styles;
+    label?: import("react").ReactNode;
+    size?: import("../../select/types").Size | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: import("react").ReactNode;
+    required?: boolean | undefined;
+    type: "mobile";
+    autoFocus?: boolean | undefined;
+    id?: string | undefined;
+    'aria-describedby'?: string | null | undefined;
+    'aria-errormessage'?: string | null | undefined;
+    'aria-labelledby'?: string | null | undefined;
+    onPaste?: ((event: import("react").ClipboardEvent<Element>) => import("../../select").Options) | undefined;
+    onFocus?: ((e: import("react").SyntheticEvent<HTMLElement, Event>) => unknown) | undefined;
+    onBlur?: ((e: MouseEvent | import("react").FocusEvent<Element, Element>) => unknown) | undefined;
+    onChange?: ((params: import("../../select").OnChangeParams) => unknown) | undefined;
+    $as?: import("react").ElementType | undefined;
+    mountNode?: HTMLElement | null | undefined;
+    placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
+    noResultsMsg?: import("react").ReactNode;
+    ownerDocument?: Document | undefined;
+    intent?: import("../..").Intent | undefined;
+    ignoreBoundary?: boolean | undefined;
+    onClose?: (() => unknown) | null | undefined;
+    onOpen?: (() => unknown) | null | undefined;
+    isLoading?: boolean | undefined;
+    endEnhancer?: import("react").ReactNode | ((props: import("../../select/types").SharedProps) => import("react").ReactNode);
+    startEnhancer?: import("react").ReactNode | ((props: import("../../select/types").SharedProps) => import("react").ReactNode);
+    inputRef?: import("react").Ref<HTMLInputElement> | undefined;
+    clearable?: boolean | undefined;
+    noTooltipOnTruncation?: boolean | undefined;
+    __inputValue?: string | undefined;
+    backspaceRemoves?: boolean | undefined;
+    backspaceClearsInputValue?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    creatable?: boolean | undefined;
+    deleteRemoves?: boolean | undefined;
+    limitTags?: number | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOptions?: ((options: import("../types").Value, filterValue: string, excludeOptions: import("../types").Value | null | undefined, a: {
+        valueKey: string;
+        labelKey: string;
+        filterOnlyCreated?: boolean | undefined;
+    }) => import("../types").Value) | null | undefined;
+    filterOutSelected?: boolean | undefined;
+    getOptionLabel?: ((a: {
+        option: Readonly<{
+            [x: string]: any;
+            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("../../baseui/popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
+        }>;
+        optionState: {
+            $selected: boolean;
+            $disabled: boolean;
+            $isHighlighted: boolean;
+        };
+    }, props: import("../../baseui/select").SelectProps) => import("react").ReactNode) | null | undefined;
+    getValueLabel?: ((a: {
+        option: Readonly<{
+            [x: string]: any;
+            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("../../baseui/popover").ContentRenderProp;
+            __closeOnSelect?: boolean | undefined;
+            __onSelectResetsInput?: boolean | undefined;
+            __groupSelectAll?: boolean | undefined;
+        }>;
+        index?: number | undefined;
+    }, props: import("../../baseui/select").SelectProps) => import("react").ReactNode) | null | undefined;
+    ignoreCase?: boolean | undefined;
+    controlRef?: import("../../select").ControlRef | undefined;
+    labelKey?: string | undefined;
+    maxDropdownHeight?: string | undefined;
+    multi?: boolean | undefined;
+    onBlurResetsInput?: boolean | undefined;
+    onInputChange?: ((e: import("react").ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    onCloseResetsInput?: boolean | undefined;
+    onSelectResetsInput?: boolean | undefined;
+    openOnClick?: boolean | undefined;
+    startOpen?: boolean | undefined;
+    options?: import("../../select").Options;
+    searchable?: boolean | undefined;
+    valueComponent?: import("react").ComponentType<any> | undefined;
+    valueKey?: string | undefined;
+    expandLimitTagsOnFocus?: boolean | undefined;
+    dropdownFooter?: ((props: import("../../baseui/select").DropdownFooterProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    listboxId?: string | undefined;
+    menuDescriptionId?: string | undefined;
+    noResultsId?: string | undefined;
+    startEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
+    endEnhancerButtonProps?: import("../../select").SelectEnhancerButtonConfig | undefined;
+    virtual?: boolean | undefined;
+    selectOnTab?: boolean | undefined;
+    getActionsElement?: import("../../menu").MenuItemActions;
+    captureScroll?: boolean | undefined;
+    overlayWidth?: string | undefined;
+    popoverMinWidth?: string | undefined;
+    createOption?: ((label: string) => import("../../select").Options | Promise<import("../../select").Options>) | undefined;
+    delimiter?: string | undefined;
+    clearAsOption?: boolean | undefined;
+    clearAsOptionLabel?: string | undefined;
+    noResultsConfig?: import("../../select/no-results-message").NoResultsMessageProps | undefined;
+    value?: readonly (import("../types").Id | Readonly<{
+        [x: string]: any;
+        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("../../baseui/popover").ContentRenderProp;
+        __closeOnSelect?: boolean | undefined;
+        __onSelectResetsInput?: boolean | undefined;
+        __groupSelectAll?: boolean | undefined;
+    }>)[] | undefined;
+    groupConfigWithCount: import("../types").GroupConfigWithCount;
+    updateOptions: import("./useBaseAsyncSelect").OptionsUpdater;
+    updateResultCountMap: import("./useBaseAsyncSelect").OptionsCountMapUpdater;
+    resetAsyncSelectPagination: () => void;
+};

package/asyncSelect/hooks/useGroupedAsyncSelect.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGroupedAsyncSelect = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useGroupAsyncSelectAdapter_1 = require("./useGroupAsyncSelectAdapter");
+var useBaseAsyncSelect_1 = require("./useBaseAsyncSelect");
+var overrides_1 = require("../../overrides");
+var select_1 = require("../../select");
+var useGroupedAsyncSelect = function (_a) {
+    var onChange = _a.onChange, showSelectAll = _a.showSelectAll, selectAllSelected = _a.selectAllSelected, selectOnTab = _a.selectOnTab, restProps = tslib_1.__rest(_a, ["onChange", "showSelectAll", "selectAllSelected", "selectOnTab"]);
+    var _b = (0, useGroupAsyncSelectAdapter_1.useGroupAsyncSelectAdapter)({ onChange: onChange, valueKey: restProps.valueKey }), locale = _b.locale, adaptedOnChange = _b.adaptedOnChange;
+    var selectProps = (0, useBaseAsyncSelect_1.useBaseAsyncSelect)(tslib_1.__assign(tslib_1.__assign({}, restProps), { onChange: adaptedOnChange }));
+    var overrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            StatefulMenu: {
+                component: select_1.CollapsibleSelectMenu,
+                props: {
+                    groupConfig: selectProps.groupConfigWithCount,
+                    clearAsOption: restProps.clearAsOption,
+                    selectOnTab: selectOnTab,
+                    shouldDisplaySelectAll: showSelectAll,
+                    disableWhenSelectAllChecked: true,
+                    hideGroupSelectAll: true,
+                },
+            },
+        }, selectProps.overrides);
+    }, [selectProps.overrides, selectProps.groupConfigWithCount, restProps.clearAsOption, selectOnTab, showSelectAll]);
+    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, selectProps), { overrides: overrides, hideSelectAll: !showSelectAll, __selectAllShouldReturnAllOptions: showSelectAll, __selectAllSelected: selectAllSelected }), ((selectProps === null || selectProps === void 0 ? void 0 : selectProps.type) === 'overlay' ? { scrollContainer: 'menuContainer' } : {})), { 'aria-label': "".concat(selectProps['aria-label'] || '', " ").concat(locale.select.collapsibleMenuDescription) });
+};
+exports.useGroupedAsyncSelect = useGroupedAsyncSelect;

package/asyncSelect/hooks/useInputChangeHandler.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { AsyncSelectProps } from '../types';
-declare type InputEventHandler = React.FormEventHandler<HTMLInputElement>;
-declare type OnInputChange = AsyncSelectProps['onInputChange'];
+type InputEventHandler = React.FormEventHandler<HTMLInputElement>;
+type OnInputChange = AsyncSelectProps['onInputChange'];
 interface UseInputChangeHandlerArgs {
     inputElement: HTMLInputElement | null;
     listenAllInputChanges: boolean;

package/asyncSelect/hooks/useInputChangeHandler.js

@@ -8,7 +8,6 @@ var react_1 = require("react");
 //hooks
 var useLatest_1 = require("../../hooks/useLatest");
 var useDebouncedEventHandler_1 = require("../../hooks/useDebouncedEventHandler");
-var EMPTY_OBJECT = {};
 var useInputChangeHandler = function (_a) {
     // When listenAllInputChanges is true, we want to listen to all the setStates of input value
     // triggered within baseweb/select (achieved using mutation observer). In such a scenario, we don't want to trigger
@@ -23,7 +22,7 @@ var useInputChangeHandler = function (_a) {
             var observer_1 = new MutationObserver(function (mutations) {
                 mutations.forEach(function (mutation) {
                     if (mutation.type === 'attributes') {
-                        onDebouncedInputChangeRef.current(EMPTY_OBJECT);
+                        onDebouncedInputChangeRef.current({ value: inputElement === null || inputElement === void 0 ? void 0 : inputElement.value });
                     }
                 });
             });

package/asyncSelect/hooks/useResolveSelectedOptions.js

@@ -6,9 +6,9 @@ var tslib_1 = require("tslib");
  *  Created by Aneree on 15/01/21.
  */
 var react_1 = require("react");
-var forEach_1 = (0, tslib_1.__importDefault)(require("lodash/forEach"));
-var isEmpty_1 = (0, tslib_1.__importDefault)(require("lodash/isEmpty"));
-var isObject_1 = (0, tslib_1.__importDefault)(require("lodash/isObject"));
+var forEach_1 = tslib_1.__importDefault(require("lodash/forEach"));
+var isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
+var isObject_1 = tslib_1.__importDefault(require("lodash/isObject"));
 //hooks
 var useFirstMountState_1 = require("../../hooks/useFirstMountState");
 //helpers
@@ -36,24 +36,24 @@ var useResolveSelectedOptions = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps -- calculate this on mount or when value changes
     }, [groupedValue]);
     var _b = unresolvedValuesResults.current, hasUnresolvedValues = _b.hasUnresolvedValues, unresolvedGroupedValueKeys = _b.unresolvedGroupedValueKeys;
-    var _c = (0, tslib_1.__read)((0, react_1.useState)(hasUnresolvedValues), 2), isResolvingValues = _c[0], setIsResolving = _c[1];
+    var _c = tslib_1.__read((0, react_1.useState)(hasUnresolvedValues), 2), isResolvingValues = _c[0], setIsResolving = _c[1];
     (0, react_1.useEffect)(function () {
         if (!hasUnresolvedValues || !resolveSelectedOptions) {
             setIsResolving(false);
             return;
         }
-        var fetchUnresolvedValueKeys = function (_unresolvedGroupedValueKeys) { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
-            var options_1;
-            return (0, tslib_1.__generator)(this, function (_a) {
-                switch (_a.label) {
+        var fetchUnresolvedValueKeys = function (_unresolvedGroupedValueKeys) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var options_1, _a;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         setIsResolving(true);
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, , 3, 4]);
+                        _b.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, resolveSelectedOptions(_unresolvedGroupedValueKeys)];
                     case 2:
-                        options_1 = _a.sent();
+                        options_1 = _b.sent();
                         setAllOptionsMap(function (prevOptions) { return (0, helpers_1.addOptionsInMap)(prevOptions, options_1, valueKey); });
                         //Inject the resolved selected options into the options state
                         // 1. Only if currently shown options are not filtered i.e. user input text is empty (All options need to be shown)
@@ -61,11 +61,14 @@ var useResolveSelectedOptions = function (_a) {
                             sortedOptionsRef.current = (0, helpers_1.mergeOptions)(sortedOptionsRef.current, options_1);
                             setOptions((0, helpers_1.mergeOptions)(sortedOptionsRef.current, options_1));
                         }
-                        return [3 /*break*/, 4];
+                        return [3 /*break*/, 5];
                     case 3:
+                        _a = _b.sent();
+                        return [3 /*break*/, 5];
+                    case 4:
                         setIsResolving(false);
                         return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
+                    case 5: return [2 /*return*/];
                 }
             });
         }); };

package/asyncSelect/index.d.ts

@@ -1,6 +1,12 @@
-export type { Value, AsyncSelectValue, GroupedValue, Option, GroupedOptions, AsyncSelectProps, GroupedAsyncSelectProps, } from './types';
+export type { Value, AsyncSelectValue, GroupedValue, Option, GroupedOptions, AsyncSelectProps, GroupedAsyncSelectProps, CustomInputEvent, } from './types';
 export * from './locale';
 export * from './asyncSelect';
 export { GroupedAsyncSelect } from './groupedAsyncSelect';
 export { arrayToGroupedOptions, normalizeOptions } from './helpers';
-export { STATE_CHANGE_TYPE } from '../select';
+export { STATE_CHANGE_TYPE, UNGROUPED_ID } from '../select';
+export { defaultAsyncSelectFilterOptions } from './utils/defaultAsyncSelectFilterOptions';
+export { defaultCreateOption } from './utils/defaultCreateOption';
+export { type OptionsUpdater } from './hooks/useBaseAsyncSelect';
+export { useAsyncOptions } from './hooks/useAsyncOptions';
+export { useAsyncSelect } from './hooks/useAsyncSelect';
+export { useGroupedAsyncSelect } from './hooks/useGroupedAsyncSelect';

package/asyncSelect/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.STATE_CHANGE_TYPE = exports.normalizeOptions = exports.arrayToGroupedOptions = exports.GroupedAsyncSelect = void 0;
+exports.useGroupedAsyncSelect = exports.useAsyncSelect = exports.useAsyncOptions = exports.defaultCreateOption = exports.defaultAsyncSelectFilterOptions = exports.UNGROUPED_ID = exports.STATE_CHANGE_TYPE = exports.normalizeOptions = exports.arrayToGroupedOptions = exports.GroupedAsyncSelect = void 0;
 var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./locale"), exports);
-(0, tslib_1.__exportStar)(require("./asyncSelect"), exports);
+tslib_1.__exportStar(require("./locale"), exports);
+tslib_1.__exportStar(require("./asyncSelect"), exports);
 var groupedAsyncSelect_1 = require("./groupedAsyncSelect");
 Object.defineProperty(exports, "GroupedAsyncSelect", { enumerable: true, get: function () { return groupedAsyncSelect_1.GroupedAsyncSelect; } });
 var helpers_1 = require("./helpers");
@@ -11,3 +11,14 @@ Object.defineProperty(exports, "arrayToGroupedOptions", { enumerable: true, get:
 Object.defineProperty(exports, "normalizeOptions", { enumerable: true, get: function () { return helpers_1.normalizeOptions; } });
 var select_1 = require("../select");
 Object.defineProperty(exports, "STATE_CHANGE_TYPE", { enumerable: true, get: function () { return select_1.STATE_CHANGE_TYPE; } });
+Object.defineProperty(exports, "UNGROUPED_ID", { enumerable: true, get: function () { return select_1.UNGROUPED_ID; } });
+var defaultAsyncSelectFilterOptions_1 = require("./utils/defaultAsyncSelectFilterOptions");
+Object.defineProperty(exports, "defaultAsyncSelectFilterOptions", { enumerable: true, get: function () { return defaultAsyncSelectFilterOptions_1.defaultAsyncSelectFilterOptions; } });
+var defaultCreateOption_1 = require("./utils/defaultCreateOption");
+Object.defineProperty(exports, "defaultCreateOption", { enumerable: true, get: function () { return defaultCreateOption_1.defaultCreateOption; } });
+var useAsyncOptions_1 = require("./hooks/useAsyncOptions");
+Object.defineProperty(exports, "useAsyncOptions", { enumerable: true, get: function () { return useAsyncOptions_1.useAsyncOptions; } });
+var useAsyncSelect_1 = require("./hooks/useAsyncSelect");
+Object.defineProperty(exports, "useAsyncSelect", { enumerable: true, get: function () { return useAsyncSelect_1.useAsyncSelect; } });
+var useGroupedAsyncSelect_1 = require("./hooks/useGroupedAsyncSelect");
+Object.defineProperty(exports, "useGroupedAsyncSelect", { enumerable: true, get: function () { return useGroupedAsyncSelect_1.useGroupedAsyncSelect; } });

package/asyncSelect/locale.d.ts

@@ -4,4 +4,5 @@
 export interface AsyncSelectLocale {
     searchingText: string;
     emptyInputMsg: string;
+    notSufficientCharacterMsg: string;
 }