@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/ClientOnly.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type ClientOnlyProps = {
+type ClientOnlyProps = {
     children: ReactNode;
 };
 export declare const ClientOnly: ({ children }: ClientOnlyProps) => import("react/jsx-runtime").JSX.Element | null;

package/ClientOnly.js

@@ -7,13 +7,13 @@ var react_1 = require("react");
 var useTransitionState_1 = require("./hooks/useTransitionState");
 var ClientOnly = function (_a) {
     var children = _a.children;
-    var _b = (0, tslib_1.__read)((0, useTransitionState_1.useTransitionState)(false), 2), hasMounted = _b[0], setHasMounted = _b[1];
+    var _b = tslib_1.__read((0, useTransitionState_1.useTransitionState)(false), 2), hasMounted = _b[0], setHasMounted = _b[1];
     (0, react_1.useEffect)(function () {
         setHasMounted(true);
     }, [setHasMounted]);
     if (!hasMounted) {
         return null;
     }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 };
 exports.ClientOnly = ClientOnly;

package/__patches/apply.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var data_json_1 = tslib_1.__importDefault(require("./data.json"));
+var child_process_1 = require("child_process");
+var path_1 = tslib_1.__importDefault(require("path"));
+var jsonData = data_json_1.default !== null && data_json_1.default !== void 0 ? data_json_1.default : {};
+Object.entries(jsonData).forEach(function (_a) {
+    var _b = tslib_1.__read(_a, 2), index = _b[0], patchFile = _b[1];
+    var fullModulePath = path_1.default.join(__dirname, '..', '..', '..', index.split('@')[0]);
+    var fullPatchPath = path_1.default.join(__dirname, 'files', patchFile);
+    (0, child_process_1.execSync)("patch --directory ".concat(fullModulePath, " -i ").concat(fullPatchPath));
+});

package/__patches/data.json

@@ -0,0 +1,4 @@
+{
+    "styletron-engine-atomic": "styletron-engine-atomic-npm-1.5.0-5d45095deb.patch",
+    "tailwind-merge": "tailwind-merge-npm-1.14.0-f448a138df.patch"
+}

package/a11y/LiveAnnouncer.d.ts

@@ -0,0 +1,18 @@
+import type { AnnounceOptions } from './types';
+type Politeness = 'polite' | 'assertive';
+/**
+ * Announce a message to screen readers via the shared global live region.
+ */
+export declare function announce(message: string, options?: AnnounceOptions): void;
+/**
+ * Clear the current contents of the live region(s) without announcing
+ * anything new. Pass a politeness to clear only one region.
+ */
+export declare function clearAnnouncer(politeness?: Politeness): void;
+/**
+ * Remove the live region from the DOM.
+ * Primarily useful in test teardown; in apps the region can live for the
+ * lifetime of the page.
+ */
+export declare function destroyAnnouncer(): void;
+export {};

package/a11y/LiveAnnouncer.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.destroyAnnouncer = exports.clearAnnouncer = exports.announce = void 0;
+var LIVEREGION_TIMEOUT_DELAY = 7000;
+var ANNOUNCER_SELECTOR = '[data-spaceweb="live-announcer"]';
+var isTestEnvironment = function () { return typeof jest !== 'undefined'; };
+function createLog(ariaLive) {
+    var region = document.createElement('div');
+    region.setAttribute('role', 'log');
+    region.setAttribute('aria-live', ariaLive);
+    region.setAttribute('aria-relevant', 'additions');
+    return region;
+}
+/**
+ * Structure follows `@react-aria/live-announcer`:
+ * https://github.com/adobe/react-spectrum/blob/main/packages/react-aria/src/live-announcer/LiveAnnouncer.tsx
+ */
+function getAnnouncerNode() {
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    return document.querySelector(ANNOUNCER_SELECTOR);
+}
+function getOrCreateAnnouncerNode() {
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    var existing = getAnnouncerNode();
+    if (existing) {
+        return existing;
+    }
+    var node = document.createElement('div');
+    node.dataset.spaceweb = 'live-announcer';
+    // Theme `sr-only` utility — visually hidden but present in the a11y tree.
+    node.className = 'sr-only';
+    if (process.env.NODE_ENV === 'test') {
+        node.dataset.debug =
+            'Live region for screen-reader announcements; assert visible content via its source component instead.';
+    }
+    node.appendChild(createLog('assertive'));
+    node.appendChild(createLog('polite'));
+    document.body.prepend(node);
+    return node;
+}
+function getLog(politeness) {
+    var _a, _b;
+    return (_b = (_a = getOrCreateAnnouncerNode()) === null || _a === void 0 ? void 0 : _a.querySelector("[aria-live=\"".concat(politeness, "\"]"))) !== null && _b !== void 0 ? _b : null;
+}
+function appendMessage(message, politeness, timeout) {
+    var log = getLog(politeness);
+    if (!log) {
+        return;
+    }
+    var messageNode = document.createElement('div');
+    messageNode.textContent = message;
+    log.appendChild(messageNode);
+    setTimeout(function () {
+        messageNode.remove();
+    }, timeout);
+}
+/**
+ * Announce a message to screen readers via the shared global live region.
+ */
+function announce(message, options) {
+    if (options === void 0) { options = {}; }
+    if (!message || typeof document === 'undefined') {
+        return;
+    }
+    var _a = options.politeness, politeness = _a === void 0 ? 'polite' : _a, _b = options.timeout, timeout = _b === void 0 ? LIVEREGION_TIMEOUT_DELAY : _b;
+    var isFirstMount = !getAnnouncerNode();
+    getOrCreateAnnouncerNode();
+    // Wait for the live regions to mount before the first announcement (Safari
+    // won't announce if the message is added too quickly). In tests, announce
+    // immediately — same approach as React Aria.
+    if (isFirstMount && !isTestEnvironment()) {
+        setTimeout(function () {
+            appendMessage(message, politeness, timeout);
+        }, 100);
+    }
+    else {
+        appendMessage(message, politeness, timeout);
+    }
+}
+exports.announce = announce;
+/**
+ * Clear the current contents of the live region(s) without announcing
+ * anything new. Pass a politeness to clear only one region.
+ */
+function clearAnnouncer(politeness) {
+    var node = getAnnouncerNode();
+    if (!node) {
+        return;
+    }
+    var politenessLevels = politeness ? [politeness] : ['assertive', 'polite'];
+    politenessLevels.forEach(function (level) {
+        var log = node.querySelector("[aria-live=\"".concat(level, "\"]"));
+        if (log) {
+            log.innerHTML = '';
+        }
+    });
+}
+exports.clearAnnouncer = clearAnnouncer;
+/**
+ * Remove the live region from the DOM.
+ * Primarily useful in test teardown; in apps the region can live for the
+ * lifetime of the page.
+ */
+function destroyAnnouncer() {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    document.querySelectorAll(ANNOUNCER_SELECTOR).forEach(function (node) {
+        node.remove();
+    });
+}
+exports.destroyAnnouncer = destroyAnnouncer;

package/a11y/StatusMessage.d.ts

@@ -0,0 +1,6 @@
+import type { StatusMessageProps } from './types';
+export declare const StatusMessage: {
+    ({ children, politeness, timeout }: StatusMessageProps): null;
+    displayName: string;
+    __standard: string;
+};

package/a11y/StatusMessage.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusMessage = void 0;
+var react_1 = require("react");
+var LiveAnnouncer_1 = require("./LiveAnnouncer");
+var StatusMessage = function (_a) {
+    var children = _a.children, politeness = _a.politeness, timeout = _a.timeout;
+    (0, react_1.useEffect)(function () {
+        if (children) {
+            (0, LiveAnnouncer_1.announce)(children, { politeness: politeness, timeout: timeout });
+        }
+    }, [children, politeness, timeout]);
+    return null;
+};
+exports.StatusMessage = StatusMessage;
+exports.StatusMessage.displayName = 'StatusMessage';
+exports.StatusMessage.__standard = 'Component';

package/a11y/index.d.ts

@@ -0,0 +1,3 @@
+export { announce, clearAnnouncer, destroyAnnouncer } from './LiveAnnouncer';
+export { StatusMessage } from './StatusMessage';
+export type { AnnounceOptions, StatusMessageProps } from './types';

package/a11y/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusMessage = exports.destroyAnnouncer = exports.clearAnnouncer = exports.announce = void 0;
+var LiveAnnouncer_1 = require("./LiveAnnouncer");
+Object.defineProperty(exports, "announce", { enumerable: true, get: function () { return LiveAnnouncer_1.announce; } });
+Object.defineProperty(exports, "clearAnnouncer", { enumerable: true, get: function () { return LiveAnnouncer_1.clearAnnouncer; } });
+Object.defineProperty(exports, "destroyAnnouncer", { enumerable: true, get: function () { return LiveAnnouncer_1.destroyAnnouncer; } });
+var StatusMessage_1 = require("./StatusMessage");
+Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return StatusMessage_1.StatusMessage; } });

package/a11y/types.d.ts

@@ -0,0 +1,23 @@
+export type AnnounceOptions = {
+    /**
+     * Politeness of the announcement.
+     * - 'polite': waits for the user to be idle (default for status/info)
+     * - 'assertive': interrupts immediately (use for errors/urgent alerts)
+     * @default 'polite'
+     */
+    politeness?: 'polite' | 'assertive';
+    /**
+     * How long (ms) the injected message node stays in the DOM before it is
+     * removed. Longer values give slower screen readers more time to read it.
+     * @default 7000
+     */
+    timeout?: number;
+};
+export type StatusMessageProps = AnnounceOptions & {
+    /**
+     * The message to announce. Whenever this changes to a new, non-empty string
+     * it is announced through the shared live region. The component renders no
+     * visible output and adds nothing to the layout.
+     */
+    children?: string;
+};

package/allComponentsAndUtilities.d.ts

@@ -57,3 +57,4 @@ export * as Transition from './transitions/transition';
 export * as Collapse from './transitions/collapse';
 export * as Grow from './transitions/grow';
 export * as Fade from './transitions/fade';
+export * as A11y from './a11y';

package/allComponentsAndUtilities.js

@@ -5,60 +5,61 @@ Do not import anything from this module!
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Transition = exports.Breadcrumb = exports.DateInput = exports.PhoneInput = exports.PaymentCard = exports.Video = exports.Typography = exports.Tooltip = exports.TimeZonePicker = exports.TimeRangePicker = exports.TimePicker = exports.TextArea = exports.Tag = exports.Tabs = exports.Switch = exports.StyleEngine = exports.Style = exports.Stack = exports.SpacewebProvider = exports.SpaceConsumer = exports.Snackbar = exports.Slider = exports.Select = exports.Search = exports.Radio = exports.Popover = exports.Overrides = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Link = exports.Input = exports.Image = exports.Icons = exports.useCombinedRef = exports.useCombinedHandler = exports.Helpers = exports.Grid = exports.FormControl = exports.DatePicker = exports.Col = exports.ClassNames = exports.Checkbox = exports.ButtonGroup = exports.Button = exports.Box = exports.BaseButton = exports.Badge = exports.Avatar = void 0;
-exports.Fade = exports.Grow = exports.Collapse = void 0;
+exports.A11y = exports.Fade = exports.Grow = exports.Collapse = void 0;
 var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./index"), exports);
-exports.Avatar = (0, tslib_1.__importStar)(require("./avatar"));
-exports.Badge = (0, tslib_1.__importStar)(require("./badge"));
-exports.BaseButton = (0, tslib_1.__importStar)(require("./base-button"));
-exports.Box = (0, tslib_1.__importStar)(require("./box"));
-exports.Button = (0, tslib_1.__importStar)(require("./button"));
-exports.ButtonGroup = (0, tslib_1.__importStar)(require("./button-group"));
-exports.Checkbox = (0, tslib_1.__importStar)(require("./checkbox"));
-exports.ClassNames = (0, tslib_1.__importStar)(require("./classNames"));
-exports.Col = (0, tslib_1.__importStar)(require("./col"));
-exports.DatePicker = (0, tslib_1.__importStar)(require("./date-picker"));
-exports.FormControl = (0, tslib_1.__importStar)(require("./form-control"));
-exports.Grid = (0, tslib_1.__importStar)(require("./grid"));
-exports.Helpers = (0, tslib_1.__importStar)(require("./helpers"));
-exports.useCombinedHandler = (0, tslib_1.__importStar)(require("./hooks/useCombinedHandler"));
-exports.useCombinedRef = (0, tslib_1.__importStar)(require("./hooks/useCombinedRef"));
-(0, tslib_1.__exportStar)(require("./hooks/useFocusVisible"), exports);
-exports.Icons = (0, tslib_1.__importStar)(require("./icon"));
-exports.Image = (0, tslib_1.__importStar)(require("./image"));
-exports.Input = (0, tslib_1.__importStar)(require("./input"));
-exports.Link = (0, tslib_1.__importStar)(require("./link"));
-exports.List = (0, tslib_1.__importStar)(require("./list"));
-exports.Loader = (0, tslib_1.__importStar)(require("./loader"));
-exports.Menu = (0, tslib_1.__importStar)(require("./menu"));
-exports.Modal = (0, tslib_1.__importStar)(require("./modal"));
-exports.Overrides = (0, tslib_1.__importStar)(require("./overrides"));
-exports.Popover = (0, tslib_1.__importStar)(require("./popover"));
-exports.Radio = (0, tslib_1.__importStar)(require("./radio"));
-exports.Search = (0, tslib_1.__importStar)(require("./search"));
-exports.Select = (0, tslib_1.__importStar)(require("./select"));
-exports.Slider = (0, tslib_1.__importStar)(require("./slider"));
-exports.Snackbar = (0, tslib_1.__importStar)(require("./snackbar"));
-exports.SpaceConsumer = (0, tslib_1.__importStar)(require("./spaceConsumer"));
-exports.SpacewebProvider = (0, tslib_1.__importStar)(require("./spacewebProvider"));
-exports.Stack = (0, tslib_1.__importStar)(require("./stack"));
-exports.Style = (0, tslib_1.__importStar)(require("./style"));
-exports.StyleEngine = (0, tslib_1.__importStar)(require("./styleEngine"));
-exports.Switch = (0, tslib_1.__importStar)(require("./switch"));
-exports.Tabs = (0, tslib_1.__importStar)(require("./tabs"));
-exports.Tag = (0, tslib_1.__importStar)(require("./tag"));
-exports.TextArea = (0, tslib_1.__importStar)(require("./textarea"));
-exports.TimePicker = (0, tslib_1.__importStar)(require("./time-picker"));
-exports.TimeRangePicker = (0, tslib_1.__importStar)(require("./time-range-picker"));
-exports.TimeZonePicker = (0, tslib_1.__importStar)(require("./time-zone-picker"));
-exports.Tooltip = (0, tslib_1.__importStar)(require("./tooltip"));
-exports.Typography = (0, tslib_1.__importStar)(require("./typography"));
-exports.Video = (0, tslib_1.__importStar)(require("./video"));
-exports.PaymentCard = (0, tslib_1.__importStar)(require("./payment-card"));
-exports.PhoneInput = (0, tslib_1.__importStar)(require("./phone-input"));
-exports.DateInput = (0, tslib_1.__importStar)(require("./date-input"));
-exports.Breadcrumb = (0, tslib_1.__importStar)(require("./breadcrumb"));
-exports.Transition = (0, tslib_1.__importStar)(require("./transitions/transition"));
-exports.Collapse = (0, tslib_1.__importStar)(require("./transitions/collapse"));
-exports.Grow = (0, tslib_1.__importStar)(require("./transitions/grow"));
-exports.Fade = (0, tslib_1.__importStar)(require("./transitions/fade"));
+tslib_1.__exportStar(require("./index"), exports);
+exports.Avatar = tslib_1.__importStar(require("./avatar"));
+exports.Badge = tslib_1.__importStar(require("./badge"));
+exports.BaseButton = tslib_1.__importStar(require("./base-button"));
+exports.Box = tslib_1.__importStar(require("./box"));
+exports.Button = tslib_1.__importStar(require("./button"));
+exports.ButtonGroup = tslib_1.__importStar(require("./button-group"));
+exports.Checkbox = tslib_1.__importStar(require("./checkbox"));
+exports.ClassNames = tslib_1.__importStar(require("./classNames"));
+exports.Col = tslib_1.__importStar(require("./col"));
+exports.DatePicker = tslib_1.__importStar(require("./date-picker"));
+exports.FormControl = tslib_1.__importStar(require("./form-control"));
+exports.Grid = tslib_1.__importStar(require("./grid"));
+exports.Helpers = tslib_1.__importStar(require("./helpers"));
+exports.useCombinedHandler = tslib_1.__importStar(require("./hooks/useCombinedHandler"));
+exports.useCombinedRef = tslib_1.__importStar(require("./hooks/useCombinedRef"));
+tslib_1.__exportStar(require("./hooks/useFocusVisible"), exports);
+exports.Icons = tslib_1.__importStar(require("./icon"));
+exports.Image = tslib_1.__importStar(require("./image"));
+exports.Input = tslib_1.__importStar(require("./input"));
+exports.Link = tslib_1.__importStar(require("./link"));
+exports.List = tslib_1.__importStar(require("./list"));
+exports.Loader = tslib_1.__importStar(require("./loader"));
+exports.Menu = tslib_1.__importStar(require("./menu"));
+exports.Modal = tslib_1.__importStar(require("./modal"));
+exports.Overrides = tslib_1.__importStar(require("./overrides"));
+exports.Popover = tslib_1.__importStar(require("./popover"));
+exports.Radio = tslib_1.__importStar(require("./radio"));
+exports.Search = tslib_1.__importStar(require("./search"));
+exports.Select = tslib_1.__importStar(require("./select"));
+exports.Slider = tslib_1.__importStar(require("./slider"));
+exports.Snackbar = tslib_1.__importStar(require("./snackbar"));
+exports.SpaceConsumer = tslib_1.__importStar(require("./spaceConsumer"));
+exports.SpacewebProvider = tslib_1.__importStar(require("./spacewebProvider"));
+exports.Stack = tslib_1.__importStar(require("./stack"));
+exports.Style = tslib_1.__importStar(require("./style"));
+exports.StyleEngine = tslib_1.__importStar(require("./styleEngine"));
+exports.Switch = tslib_1.__importStar(require("./switch"));
+exports.Tabs = tslib_1.__importStar(require("./tabs"));
+exports.Tag = tslib_1.__importStar(require("./tag"));
+exports.TextArea = tslib_1.__importStar(require("./textarea"));
+exports.TimePicker = tslib_1.__importStar(require("./time-picker"));
+exports.TimeRangePicker = tslib_1.__importStar(require("./time-range-picker"));
+exports.TimeZonePicker = tslib_1.__importStar(require("./time-zone-picker"));
+exports.Tooltip = tslib_1.__importStar(require("./tooltip"));
+exports.Typography = tslib_1.__importStar(require("./typography"));
+exports.Video = tslib_1.__importStar(require("./video"));
+exports.PaymentCard = tslib_1.__importStar(require("./payment-card"));
+exports.PhoneInput = tslib_1.__importStar(require("./phone-input"));
+exports.DateInput = tslib_1.__importStar(require("./date-input"));
+exports.Breadcrumb = tslib_1.__importStar(require("./breadcrumb"));
+exports.Transition = tslib_1.__importStar(require("./transitions/transition"));
+exports.Collapse = tslib_1.__importStar(require("./transitions/collapse"));
+exports.Grow = tslib_1.__importStar(require("./transitions/grow"));
+exports.Fade = tslib_1.__importStar(require("./transitions/fade"));
+exports.A11y = tslib_1.__importStar(require("./a11y"));

package/asyncSelect/asyncSelect.d.ts

@@ -1,9 +1,9 @@
 /**
  *  Created by Aneree on 03/11/20.
  */
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement } from 'react';
 import { AsyncSelectProps } from './types';
-declare const AsyncSelect: ({ loadOptions, initialOptions, resolveSelectedOptions, value, hideSelectAll, ...restProps }: AsyncSelectProps & {
-    children?: ReactNode;
-}) => ReactElement;
-export { AsyncSelect };
+export declare const AsyncSelect: {
+    (props: AsyncSelectProps): ReactElement;
+    __standard: string;
+};

package/asyncSelect/asyncSelect.js

@@ -3,58 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AsyncSelect = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *  Created by Aneree on 03/11/20.
- */
-var react_1 = require("react");
 var select_1 = require("../select");
 var useAsyncSelect_1 = require("./hooks/useAsyncSelect");
-var helpers_1 = require("./helpers");
-var constants_1 = require("../select/constants");
-var UNGROUP_GROUP_CONFIG = [{ id: constants_1.UNGROUPED_ID, label: 'Ungrouped' }];
-var AsyncSelect = function (_a) {
-    var loadOptions = _a.loadOptions, initialOptions = _a.initialOptions, resolveSelectedOptions = _a.resolveSelectedOptions, value = _a.value, _b = _a.hideSelectAll, hideSelectAll = _b === void 0 ? false : _b, restProps = (0, tslib_1.__rest)(_a, ["loadOptions", "initialOptions", "resolveSelectedOptions", "value", "hideSelectAll"]);
-    var _c = (0, tslib_1.__read)((0, react_1.useState)(true), 2), hasMore = _c[0], setHasMore = _c[1];
-    var adaptedLoadOptions = (0, react_1.useCallback)(function (input, groupFilters) { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
-        var _a, filter, _b, options, complete;
-        return (0, tslib_1.__generator)(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _a = (0, tslib_1.__read)(groupFilters, 1), filter = _a[0];
-                    if (!filter) {
-                        return [2 /*return*/, { groups: [] }];
-                    }
-                    return [4 /*yield*/, loadOptions(input, filter.pageNumber)];
-                case 1:
-                    _b = _c.sent(), options = _b.options, complete = _b.complete;
-                    setHasMore(!complete);
-                    return [2 /*return*/, {
-                            groups: [{ group: filter.group, options: options, complete: complete }],
-                        }];
-            }
-        });
-    }); }, [loadOptions]);
-    var adaptedResolveSelectedOptions = (0, react_1.useCallback)(function (groupVsUnresolvedValueKeys) { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
-        var resolvedOptions;
-        var _a;
-        return (0, tslib_1.__generator)(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!resolveSelectedOptions) {
-                        return [2 /*return*/, {}];
-                    }
-                    return [4 /*yield*/, resolveSelectedOptions(groupVsUnresolvedValueKeys[constants_1.UNGROUPED_ID] || [])];
-                case 1:
-                    resolvedOptions = _b.sent();
-                    return [2 /*return*/, (_a = {}, _a[constants_1.UNGROUPED_ID] = resolvedOptions, _a)];
-            }
-        });
-    }); }, [resolveSelectedOptions]);
-    var adaptedValue = (0, react_1.useMemo)(function () {
-        var _a;
-        return (value ? (_a = {}, _a[constants_1.UNGROUPED_ID] = value, _a) : value);
-    }, [value]);
-    var _d = (0, useAsyncSelect_1.useAsyncSelect)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { initialOptions: (0, react_1.useMemo)(function () { return (0, helpers_1.arrayToGroupedOptions)(initialOptions || []); }, [initialOptions]), loadOptions: adaptedLoadOptions, groupConfig: UNGROUP_GROUP_CONFIG, resolveSelectedOptions: resolveSelectedOptions ? adaptedResolveSelectedOptions : undefined, value: adaptedValue })), resultCountMap = _d.resultCountMap, selectProps = (0, tslib_1.__rest)(_d, ["resultCountMap"]);
-    return (0, jsx_runtime_1.jsx)(select_1.Select, (0, tslib_1.__assign)({}, selectProps, { hideSelectAll: hideSelectAll || hasMore }), void 0);
+var AsyncSelect = function (props) {
+    var _a = (0, useAsyncSelect_1.useAsyncSelect)(props), groupConfigWithCount = _a.groupConfigWithCount, resetAsyncSelectPagination = _a.resetAsyncSelectPagination, updateOptions = _a.updateOptions, updateResultCountMap = _a.updateResultCountMap, selectProps = tslib_1.__rest(_a, ["groupConfigWithCount", "resetAsyncSelectPagination", "updateOptions", "updateResultCountMap"]);
+    return (0, jsx_runtime_1.jsx)(select_1.Select, tslib_1.__assign({}, selectProps));
 };
 exports.AsyncSelect = AsyncSelect;
+exports.AsyncSelect.__standard = 'Component';

package/asyncSelect/groupedAsyncSelect.d.ts

@@ -1,5 +1,5 @@
 import { GroupedAsyncSelectProps } from './types';
-import { ReactNode } from 'react';
-export declare const GroupedAsyncSelect: ({ onChange, showSelectAll, selectAllSelected, selectOnTab, ...restProps }: GroupedAsyncSelectProps & {
-    children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupedAsyncSelect: {
+    (props: GroupedAsyncSelectProps): import("react/jsx-runtime").JSX.Element;
+    __standard: string;
+};

package/asyncSelect/groupedAsyncSelect.js

@@ -3,42 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupedAsyncSelect = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var useAsyncSelect_1 = require("./hooks/useAsyncSelect");
 var select_1 = require("../select");
-var CollapsibleSelectMenu_1 = require("../select/selectMenuAdapter/CollapsibleSelectMenu");
-var react_1 = require("react");
-var overrides_1 = require("../overrides");
-var helpers_1 = require("./helpers");
-var reduce_1 = (0, tslib_1.__importDefault)(require("lodash/reduce"));
-var isObject_1 = (0, tslib_1.__importDefault)(require("lodash/isObject"));
-var default_props_1 = (0, tslib_1.__importDefault)(require("../select/default-props"));
-var locale_1 = require("../locale");
-var GroupedAsyncSelect = function (_a) {
-    var onChange = _a.onChange, showSelectAll = _a.showSelectAll, selectAllSelected = _a.selectAllSelected, selectOnTab = _a.selectOnTab, restProps = (0, tslib_1.__rest)(_a, ["onChange", "showSelectAll", "selectAllSelected", "selectOnTab"]);
-    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((0, tslib_1.__assign)((0, 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[restProps.valueKey || default_props_1.default.valueKey] : valueObjOrId;
-                });
-                return acc;
-            }, {}) }));
-    }, [onChange, restProps.valueKey]);
-    var _b = (0, useAsyncSelect_1.useAsyncSelect)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { onChange: adaptedOnChange })), resultCountMap = _b.resultCountMap, selectProps = (0, tslib_1.__rest)(_b, ["resultCountMap"]);
-    var overrides = (0, react_1.useMemo)(function () {
-        return (0, overrides_1.mergeOverrides)({
-            StatefulMenu: {
-                component: CollapsibleSelectMenu_1.CollapsibleSelectMenu,
-                props: {
-                    groupConfig: restProps.groupConfig.map(function (group) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, group), { count: resultCountMap[group.id] })); }),
-                    clearAsOption: restProps.clearAsOption,
-                    selectOnTab: selectOnTab,
-                    shouldDisplaySelectAll: showSelectAll,
-                },
-            },
-        }, selectProps.overrides);
-    }, [selectProps.overrides, restProps.groupConfig, resultCountMap, restProps.clearAsOption, selectOnTab, showSelectAll]);
-    return ((0, jsx_runtime_1.jsx)(select_1.Select, (0, 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) }), void 0));
+var useGroupedAsyncSelect_1 = require("./hooks/useGroupedAsyncSelect");
+var GroupedAsyncSelect = function (props) {
+    var _a = (0, useGroupedAsyncSelect_1.useGroupedAsyncSelect)(props), groupConfigWithCount = _a.groupConfigWithCount, resetAsyncSelectPagination = _a.resetAsyncSelectPagination, updateOptions = _a.updateOptions, updateResultCountMap = _a.updateResultCountMap, selectProps = tslib_1.__rest(_a, ["groupConfigWithCount", "resetAsyncSelectPagination", "updateOptions", "updateResultCountMap"]);
+    return (0, jsx_runtime_1.jsx)(select_1.Select, tslib_1.__assign({}, selectProps));
 };
 exports.GroupedAsyncSelect = GroupedAsyncSelect;
+exports.GroupedAsyncSelect.__standard = 'Component';

package/asyncSelect/helpers.d.ts

@@ -1,21 +1,30 @@
 /**
  *  Created by Aneree on 10/12/20.
  */
-import { RefObject } from 'react';
-import * as React from 'react';
-import { AllOptionsMap, GroupConfig, GroupedOptions, Option } from './types';
+import type { ReactNode, RefObject } from 'react';
+import type { AllOptionsMap, GroupConfig, GroupedOptions, Option } from './types';
 import { normalizeOptions } from '../baseui/select/utils';
-import { Value } from '../select/types';
-export declare const getNoResultsMsg: ({ isLoading, minimumInput, inputText, noResultsMsg, searchingText, emptyInputMsg, searchable, }: {
+import type { Value } from '../select/types';
+export declare const getNoResultsMsg: ({ isLoading, isSearchPending, minimumInput, inputText, noResultsMsg, searchingText, emptyInputMsg, searchable, loadOnFocus, loadOnMount, notSufficientCharacterMsg, }: {
+    loadOnFocus: boolean;
+    loadOnMount: boolean;
+    /** Fetch in flight; also drives Select spinner and pagination. */
     isLoading: boolean;
+    /** Input changed but last fetch has not completed for it; empty-menu only. */
+    isSearchPending?: boolean | undefined;
     minimumInput: number;
     inputText: string;
-    noResultsMsg?: React.ReactNode;
-    searchingText: React.ReactNode;
+    noResultsMsg?: ReactNode;
+    searchingText: ReactNode;
     emptyInputMsg: string;
     searchable?: boolean | undefined;
-}) => string | React.ReactNode | undefined;
-export declare const shouldPaginate: (element: HTMLElement, paginationBuffer?: number) => boolean;
+    notSufficientCharacterMsg: string;
+}) => string | ReactNode | undefined;
+/**
+ * Returns true when the menu should load the next page: either the user scrolled near the bottom, or the list is not
+ * tall enough to scroll (e.g. multi-select hid every row) and at least one page was already fetched for this group.
+ */
+export declare const shouldPaginate: (element: HTMLElement, paginationBuffer?: number, hasFetchedAtLeastOnePageForGroup?: boolean) => boolean;
 export declare const getInputValue: (inputRef: RefObject<HTMLInputElement>) => string;
 export declare const arrayToGroupedOptions: (options: Array<Option> | GroupedOptions | Value) => GroupedOptions;
 export declare const mergeOptions: (a: Array<Option> | GroupedOptions, b: Array<Option> | GroupedOptions) => GroupedOptions;

package/asyncSelect/helpers.js

@@ -5,24 +5,35 @@ var tslib_1 = require("tslib");
 var utils_1 = require("../baseui/select/utils");
 Object.defineProperty(exports, "normalizeOptions", { enumerable: true, get: function () { return utils_1.normalizeOptions; } });
 var constants_1 = require("../select/constants");
+var i18n_interpolation_1 = tslib_1.__importDefault(require("../baseui/helpers/i18n-interpolation"));
 var getNoResultsMsg = function (_a) {
-    var isLoading = _a.isLoading, minimumInput = _a.minimumInput, inputText = _a.inputText, noResultsMsg = _a.noResultsMsg, searchingText = _a.searchingText, emptyInputMsg = _a.emptyInputMsg, _b = _a.searchable, searchable = _b === void 0 ? true : _b;
-    if (isLoading) {
+    var isLoading = _a.isLoading, isSearchPending = _a.isSearchPending, minimumInput = _a.minimumInput, inputText = _a.inputText, noResultsMsg = _a.noResultsMsg, searchingText = _a.searchingText, emptyInputMsg = _a.emptyInputMsg, _b = _a.searchable, searchable = _b === void 0 ? true : _b, loadOnFocus = _a.loadOnFocus, loadOnMount = _a.loadOnMount, notSufficientCharacterMsg = _a.notSufficientCharacterMsg;
+    if (isLoading || isSearchPending) {
         return searchingText;
     }
-    //todo: Add locale support
     if (minimumInput > 0 && inputText.length < minimumInput) {
-        return "Type at least ".concat(minimumInput, " characters to search");
+        return (0, i18n_interpolation_1.default)(notSufficientCharacterMsg, {
+            minimumInput: "".concat(minimumInput),
+        });
     }
     if (searchable === false)
         return noResultsMsg;
-    return inputText ? noResultsMsg : emptyInputMsg;
+    // Show noResultsMsg if there's some inputText or options we prefetched via loadOnFocus or loadOnMount
+    return inputText || loadOnFocus || loadOnMount ? noResultsMsg : emptyInputMsg;
 };
 exports.getNoResultsMsg = getNoResultsMsg;
-var shouldPaginate = function (element, paginationBuffer) {
+/**
+ * Returns true when the menu should load the next page: either the user scrolled near the bottom, or the list is not
+ * tall enough to scroll (e.g. multi-select hid every row) and at least one page was already fetched for this group.
+ */
+var shouldPaginate = function (element, paginationBuffer, hasFetchedAtLeastOnePageForGroup) {
     if (paginationBuffer === void 0) { paginationBuffer = 50; }
-    return element.scrollHeight > element.clientHeight &&
+    if (hasFetchedAtLeastOnePageForGroup === void 0) { hasFetchedAtLeastOnePageForGroup = false; }
+    var scrolledNearBottom = element.scrollHeight > element.clientHeight &&
         element.scrollTop >= element.scrollHeight - element.clientHeight - paginationBuffer;
+    if (scrolledNearBottom)
+        return true;
+    return hasFetchedAtLeastOnePageForGroup && element.scrollHeight <= element.clientHeight;
 };
 exports.shouldPaginate = shouldPaginate;
 var getInputValue = function (inputRef) { var _a; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || ''; };
@@ -40,9 +51,9 @@ var arrayToGroupedOptions = function (options) {
 exports.arrayToGroupedOptions = arrayToGroupedOptions;
 var mergeOptions = function (a, b) {
     var groupedA = (0, exports.arrayToGroupedOptions)(a), groupedB = (0, exports.arrayToGroupedOptions)(b);
-    var allKeys = Object.keys((0, tslib_1.__assign)((0, tslib_1.__assign)({}, groupedA), groupedB));
+    var allKeys = Object.keys(tslib_1.__assign(tslib_1.__assign({}, groupedA), groupedB));
     return allKeys.reduce(function (acc, key) {
-        acc[key] = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((groupedA[key] || [])), false), (0, tslib_1.__read)((groupedB[key] || [])), false);
+        acc[key] = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read((groupedA[key] || [])), false), tslib_1.__read((groupedB[key] || [])), false);
         return acc;
     }, {});
 };
@@ -59,7 +70,7 @@ var addOptionsInMap = function (optionsMap, options, valueKey) {
     var newOptions = (0, utils_1.normalizeOptions)(options).filter(function (option) { return !optionsMap[option[valueKey]]; });
     //Not creating a new map (reference) if there are no new options to be added
     if (newOptions.length) {
-        var newOptionsMap_1 = (0, tslib_1.__assign)({}, optionsMap);
+        var newOptionsMap_1 = tslib_1.__assign({}, optionsMap);
         //Not re-setting options that are already present in the map to prevent their reference from changing
         newOptions.forEach(function (option) {
             newOptionsMap_1[option[valueKey]] = option;