@ringcentral/juno 2.45.1 → 3.0.0-alpha.0

package/components/Downshift/utils/useDownshift.interface.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-export declare type RcDownshiftGetItemPropsOptions<T> = {
+export type RcDownshiftGetItemPropsOptions<T> = {
     index?: number;
     item: T;
     isSelected?: boolean;
     disabled?: boolean;
     ref?: React.RefObject<any>;
 } & React.HTMLAttributes<HTMLElement>;
-export declare type RcDownshiftGetSelectedItemProps<T> = {
+export type RcDownshiftGetSelectedItemProps<T> = {
     index: number;
     selectedItem: T;
     [arbitrary: string]: any;
 } & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
-export declare type RcDownshiftFilterOptions<T> = (options: T[], state: {
+export type RcDownshiftFilterOptions<T> = (options: T[], state: {
     /** current input value */
     inputValue?: string;
     /** is that input value have been changed or not */
@@ -21,4 +21,4 @@ export declare type RcDownshiftFilterOptions<T> = (options: T[], state: {
     /** current be selected item array  */
     selectedItems: T[];
 }) => T[];
-export declare type RcDownshiftHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | undefined;
+export type RcDownshiftHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | undefined;

package/components/Downshift/utils/useDownshift.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDownshift = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var foundation_1 = require("../../../foundation");
@@ -8,32 +9,32 @@ var DownshiftUtils_1 = require("./DownshiftUtils");
 var useDownshiftTag_1 = require("./useDownshiftTag");
 var DOWNSHIFT_ID_NO_RESULT_TOKEN = 'rc-chip-empty';
 var DEFAULT_HIGHLIGHTED_INDEX = -1;
-exports.useDownshift = function (_a) {
+var useDownshift = function (_a) {
     var multipleProp = _a.multiple, variant = _a.variant, labelProp = _a.label, inputValueProp = _a.inputValue, _b = _a.getOptionLabel, getOptionLabel = _b === void 0 ? DownshiftUtils_1.DEFAULT_GET_OPTION_LABEL : _b, _c = _a.keyToTags, keyToTags = _c === void 0 ? DownshiftUtils_1.DEFAULT_KEY_TO_CHIPS : _c, filterOptionsProp = _a.filterOptions, disabledItemsHighlightable = _a.disabledItemsHighlightable, options = _a.options, freeSolo = _a.freeSolo, onInputChangeProp = _a.onInputChange, maxFreeSolo = _a.maxFreeSolo, onMaxFreeSolo = _a.onMaxFreeSolo, openOnFocus = _a.openOnFocus, toggleWithInput = _a.toggleWithInput, disableCloseOnSelect = _a.disableCloseOnSelect, initialIsOpen = _a.initialIsOpen, autoSelect = _a.autoSelect, inputContainerRef = _a.inputContainerRef, inputRef = _a.inputRef, wrapperRef = _a.wrapperRef, onKeyDownProp = _a.onKeyDown, onSelectChange = _a.onChange, _d = _a.value, selectedItemsProp = _d === void 0 ? [] : _d, disabled = _a.disabled, renderNoOptions = _a.renderNoOptions, onClear = _a.onClear, autoHighlight = _a.autoHighlight, getOptionDisabled = _a.getOptionDisabled, addNoOptionItem = _a.addNoOptionItem, groupBy = _a.groupBy, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, groupExpanded = _a.groupExpanded, groupDefaultExpanded = _a.groupDefaultExpanded, getExpandIconProps = _a.getExpandIconProps, required = _a.required, openProp = _a.open, onOpen = _a.onOpen, onClose = _a.onClose, focused = _a.focused;
     var isAutocomplete = variant === 'autocomplete';
-    var autoCompleteSelectedIndexRef = react_1.useRef(DEFAULT_HIGHLIGHTED_INDEX);
-    var downshiftId = foundation_1.useId('downshift', true);
-    var _e = tslib_1.__read(foundation_1.useControlled({
+    var autoCompleteSelectedIndexRef = (0, react_1.useRef)(DEFAULT_HIGHLIGHTED_INDEX);
+    var downshiftId = (0, foundation_1.useId)('downshift', true);
+    var _e = tslib_1.__read((0, foundation_1.useControlled)({
         controlled: focused,
         default: false,
         name: DownshiftUtils_1.downshiftComponentName,
     }), 2), inputFocused = _e[0], setInputFocused = _e[1];
-    var _f = tslib_1.__read(foundation_1.useControlled({
+    var _f = tslib_1.__read((0, foundation_1.useControlled)({
         controlled: openProp,
         default: initialIsOpen || false,
         name: DownshiftUtils_1.downshiftComponentName,
     }), 2), isOpen = _f[0], setIsOpen = _f[1];
-    var isInputValueChangedRef = react_1.useRef(false);
-    var isCompositionRef = react_1.useRef(false);
-    var noOptionItemRef = react_1.useRef(null);
-    var stopAutoSelectRef = react_1.useRef(false);
-    var fromPasteString = react_1.useRef('');
-    var keepHighlightedIndexRef = react_1.useRef(false);
-    var popperElementRef = react_1.useRef(null);
-    var _g = foundation_1.useSleep(), sleep = _g.sleep, getSleeping = _g.getSleeping;
+    var isInputValueChangedRef = (0, react_1.useRef)(false);
+    var isCompositionRef = (0, react_1.useRef)(false);
+    var noOptionItemRef = (0, react_1.useRef)(null);
+    var stopAutoSelectRef = (0, react_1.useRef)(false);
+    var fromPasteString = (0, react_1.useRef)('');
+    var keepHighlightedIndexRef = (0, react_1.useRef)(false);
+    var popperElementRef = (0, react_1.useRef)(null);
+    var _g = (0, foundation_1.useSleep)(), sleep = _g.sleep, getSleeping = _g.getSleeping;
     // * when that is autocomplete, that will never be multiple
     var multiple = isAutocomplete ? false : multipleProp;
-    var _h = useDownshiftTag_1.useDownshiftTag({
+    var _h = (0, useDownshiftTag_1.useDownshiftTag)({
         id: downshiftId,
         value: selectedItemsProp,
         onChange: onSelectChange,
@@ -56,7 +57,7 @@ exports.useDownshift = function (_a) {
             resetState();
         },
     }), isSelectedFromAutocompleteRef = _h.isSelectedFromAutocompleteRef, tags = _h.tags, tagFocused = _h.focused, addTag = _h.addTag, checkAndAddFreeSolo = _h.checkAndAddFreeSolo, focusedTagIndex = _h.focusedIndex, focusTag = _h.focusTag, focusLastTag = _h.focusLast, clearTags = _h.clearTags, blurTags = _h.blur, getTagProps = _h.getTagProps, getTagListBoxProps = _h.getTagListBoxProps;
-    var processFilteredResult = react_1.useCallback(function (results, inputValue) {
+    var processFilteredResult = (0, react_1.useCallback)(function (results, inputValue) {
         if (inputValue === void 0) { inputValue = ''; }
         var getInputValueAsItem = function () {
             var label = inputValue.trim();
@@ -79,9 +80,9 @@ exports.useDownshift = function (_a) {
             if (item && freeSolo) {
                 switch (addNoOptionItem) {
                     case 'first':
-                        return tslib_1.__spread([item], results);
+                        return tslib_1.__spreadArray([item], tslib_1.__read(results), false);
                     case 'last':
-                        return tslib_1.__spread(results, [item]);
+                        return tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(results), false), [item], false);
                     default:
                         break;
                 }
@@ -93,18 +94,18 @@ exports.useDownshift = function (_a) {
             // * only when not set render no options will auto add item
             if (item && freeSolo && !renderNoOptions) {
                 // * when outside not use filter, that will be original array, must use spread
-                return tslib_1.__spread(results, [item]);
+                return tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(results), false), [item], false);
             }
         }
         return results;
     }, [addNoOptionItem, freeSolo, renderNoOptions]);
-    var filterOptions = react_1.useCallback(function (items, state) {
+    var filterOptions = (0, react_1.useCallback)(function (items, state) {
         if (filterOptionsProp) {
             return filterOptionsProp(items, tslib_1.__assign(tslib_1.__assign({}, state), { inputChanged: isInputValueChangedRef.current, selectedItems: tags }));
         }
         return items;
     }, [filterOptionsProp, tags]);
-    var _j = useSuggestionList_1.useSuggestionList({
+    var _j = (0, useSuggestionList_1.useSuggestionList)({
         id: downshiftId,
         inputRef: inputRef,
         inputValue: inputValueProp,
@@ -198,7 +199,7 @@ exports.useDownshift = function (_a) {
             setHighlightedIndex(DEFAULT_HIGHLIGHTED_INDEX, { reason: 'auto' });
             // !!! Get regexp every time for prevent bug with browser
             // https://stackoverflow.com/questions/3827456/what-is-wrong-with-my-date-regex/3827500#3827500
-            if (DownshiftUtils_1.stringArrToRegExp(keyToTags).test((newValue || '').trim())) {
+            if ((0, DownshiftUtils_1.stringArrToRegExp)(keyToTags).test((newValue || '').trim())) {
                 var resultHaveAdd = checkAndAddFreeSolo({ value: newValue }, e);
                 if (!disableCloseOnSelect) {
                     closeMenu(e, 'toggleInput');
@@ -244,14 +245,14 @@ exports.useDownshift = function (_a) {
         keepHighlightedIndexRef.current = true;
     };
     // * when outside options props props change also need set highlightedIndex to default
-    foundation_1.useChange(function () {
+    (0, foundation_1.useChange)(function () {
         var shouldResetHighlightedIndex = !keepHighlightedIndexRef.current;
         if (options !== undefined && shouldResetHighlightedIndex) {
             setHighlightedIndex(DEFAULT_HIGHLIGHTED_INDEX, { reason: 'auto' });
         }
     }, function () { return options; });
     // * check that defaultHighlightedIndex
-    var defaultHighlightedIndex = react_1.useMemo(function () {
+    var defaultHighlightedIndex = (0, react_1.useMemo)(function () {
         return autoHighlight ? getNextFocusableOption(0) : -1;
     }, [autoHighlight, getNextFocusableOption]);
     // * only when menu is open set to defaultHighlightedIndex
@@ -288,7 +289,7 @@ exports.useDownshift = function (_a) {
         }
     };
     // * use force update to sync open state when init is open
-    react_1.useLayoutEffect(function () {
+    (0, react_1.useLayoutEffect)(function () {
         if (isOpen) {
             forceUpdate();
         }
@@ -297,11 +298,11 @@ exports.useDownshift = function (_a) {
     }, []);
     var getInputProps = function (props) {
         var suggestionListInputProps = getSuggestionListInputProps(props);
-        return foundation_1.combineProps(tslib_1.__assign(tslib_1.__assign({}, suggestionListInputProps), { onPaste: function (e) {
+        return (0, foundation_1.combineProps)(tslib_1.__assign(tslib_1.__assign({}, suggestionListInputProps), { onPaste: function (e) {
                 var _a;
                 if (freeSolo) {
                     var clipboardData = e.clipboardData;
-                    var position = foundation_1.getSelectionPosition(inputRef).position;
+                    var position = (0, foundation_1.getSelectionPosition)(inputRef).position;
                     var currText = inputValue !== null && inputValue !== void 0 ? inputValue : '';
                     var pasteText = (_a = clipboardData.getData('Text')) !== null && _a !== void 0 ? _a : '';
                     // * because input can't get next line char(\n), we need get that value in onPaste
@@ -366,7 +367,7 @@ exports.useDownshift = function (_a) {
             }); }, onKeyDown: function (e) {
                 keepHighlightedIndexRef.current = false;
                 onKeyDownProp === null || onKeyDownProp === void 0 ? void 0 : onKeyDownProp(e, highlightedIndexRef.current);
-                var _a = foundation_1.getSelectionPosition(inputRef), isSelectRange = _a.isSelectRange, position = _a.position;
+                var _a = (0, foundation_1.getSelectionPosition)(inputRef), isSelectRange = _a.isSelectRange, position = _a.position;
                 var currTagsLength = tags.length;
                 if (!isSelectRange &&
                     position.start === 0 &&
@@ -473,12 +474,12 @@ exports.useDownshift = function (_a) {
     };
     var getInputAriaProps = function (props) {
         var suggestionListInputAriaProps = getSuggestionListInputAriaProps(props);
-        return foundation_1.combineProps(tslib_1.__assign(tslib_1.__assign({}, suggestionListInputAriaProps), { readOnly: readOnly, unselectable: readOnly ? 'on' : undefined, 'aria-owns': isOpen ? downshiftId + "-menu" : undefined, 'aria-expanded': !!isOpen }), props);
+        return (0, foundation_1.combineProps)(tslib_1.__assign(tslib_1.__assign({}, suggestionListInputAriaProps), { readOnly: readOnly, unselectable: readOnly ? 'on' : undefined, 'aria-owns': isOpen ? "".concat(downshiftId, "-menu") : undefined, 'aria-expanded': !!isOpen }), props);
     };
     var getPopperProps = function (restPopperProps) {
         var _a;
-        return foundation_1.combineProps({
-            id: downshiftId + "-popper",
+        return (0, foundation_1.combineProps)({
+            id: "".concat(downshiftId, "-popper"),
             style: { width: (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth },
             role: 'presentation',
             onMouseDown: function (e) {
@@ -488,9 +489,9 @@ exports.useDownshift = function (_a) {
         }, restPopperProps);
     };
     var getToggleButtonProps = function (props) {
-        return foundation_1.combineProps({
+        return (0, foundation_1.combineProps)({
             disabled: (!isOpen && optionItems.length === 0) || disabled || readOnly,
-            id: downshiftId + "-toggle-button",
+            id: "".concat(downshiftId, "-toggle-button"),
             onMouseDown: function (e) {
                 e.preventDefault();
                 e.stopPropagation();
@@ -501,13 +502,13 @@ exports.useDownshift = function (_a) {
     };
     var getClearButtonProps = function (props) {
         var suggestionListClearButtonProps = getSuggestionListClearButtonProps(props);
-        return foundation_1.combineProps(tslib_1.__assign(tslib_1.__assign({}, suggestionListClearButtonProps), { onClick: function (e) {
+        return (0, foundation_1.combineProps)(tslib_1.__assign(tslib_1.__assign({}, suggestionListClearButtonProps), { onClick: function (e) {
                 onClear === null || onClear === void 0 ? void 0 : onClear(e);
                 reset(true);
             } }), props);
     };
     var getNoOptionsProps = function (additionProps) {
-        return foundation_1.combineProps({
+        return (0, foundation_1.combineProps)({
             onClick: function (e) {
                 closeMenu(e, 'blur');
             },
@@ -554,3 +555,4 @@ exports.useDownshift = function (_a) {
         popperElementRef: popperElementRef,
     };
 };
+exports.useDownshift = useDownshift;

package/components/Downshift/utils/useDownshiftError.js

@@ -1,32 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDownshiftError = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_is_1 = require("react-is");
 var foundation_1 = require("../../../foundation");
 // TODO: this just for check error props
-exports.useDownshiftError = function (_a) {
+var useDownshiftError = function (_a) {
     var isNew = _a.isNew, MenuItem = _a.MenuItem, InputItem = _a.InputItem;
     if (process.env.NODE_ENV !== 'production' &&
         !foundation_1.rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        react_1.useEffect(function () {
+        (0, react_1.useEffect)(function () {
             if (!isNew) {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcDownshift',
                     message: "you use the old structure,\n        1. please switch to new props `options`.\n        2. migrate `helperText` to control with outside.\n        3. not use `nameError` `allowPlainHelperText`.\n        4. tags with isError should use `renderTags` and check error outside",
                 });
             }
             // * check all need forwardRef props
-            if (MenuItem && !react_is_1.isForwardRef(react_1.default.createElement(MenuItem, null))) {
-                foundation_1.logInDev({
+            if (MenuItem && !(0, react_is_1.isForwardRef)(react_1.default.createElement(MenuItem, null))) {
+                (0, foundation_1.logInDev)({
                     component: 'RcDownshift',
                     message: "`MenuItem` must wrap with forwardRef, and that props is a deprecated props,\n!!!!!!!!!!!!! suggest you switch to `renderOption`",
                     level: 'error',
                 });
             }
-            if (InputItem && !react_is_1.isForwardRef(react_1.default.createElement(InputItem, null))) {
-                foundation_1.logInDev({
+            if (InputItem && !(0, react_is_1.isForwardRef)(react_1.default.createElement(InputItem, null))) {
+                (0, foundation_1.logInDev)({
                     component: 'RcDownshift',
                     message: "`InputItem` must wrap with `forwardRef`, and that props is a deprecated props,\n!!!!!!!!!!!!! suggest you switch to `renderTags`",
                     level: 'error',
@@ -36,3 +37,4 @@ exports.useDownshiftError = function (_a) {
         }, []);
     }
 };
+exports.useDownshiftError = useDownshiftError;

package/components/Downshift/utils/useDownshiftGroup.d.ts

@@ -1,13 +1,14 @@
 import { RcDownshiftProps } from '../Downshift';
 import { RcDownshiftGroupedOption, RcDownshiftSelectedItem } from './SelectItem';
-declare type UseDownshiftGroup<T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem> = {
+type UseDownshiftGroup<T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem> = {
     filteredResult: T[];
     id: string;
 } & Pick<RcDownshiftProps<T>, 'options' | 'groupBy' | 'getExpandIconProps' | 'onGroupExpanded' | 'groupExpanded' | 'groupDefaultExpanded' | 'groupVariant' | 'getOptionDisabled'>;
+type ExpandedMapState = Record<string, boolean>;
 export declare const useDownshiftGroup: <T extends RcDownshiftSelectedItem = RcDownshiftSelectedItem>({ groupBy, options, filteredResult, getExpandIconProps, groupExpanded, groupDefaultExpanded, onGroupExpanded, groupVariant, getOptionDisabled, id, }: UseDownshiftGroup<T>) => {
     optionsGroupList: RcDownshiftGroupedOption<T>[];
     groupedResult: T[];
-    groupExpandedMap: Record<string, boolean>;
+    groupExpandedMap: ExpandedMapState;
     handleGroupExpandedChange: (groupName: string) => void;
 };
 export {};

package/components/Downshift/utils/useDownshiftGroup.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDownshiftGroup = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var foundation_1 = require("../../../foundation");
-exports.useDownshiftGroup = function (_a) {
+var useDownshiftGroup = function (_a) {
     var groupBy = _a.groupBy, options = _a.options, filteredResult = _a.filteredResult, getExpandIconProps = _a.getExpandIconProps, groupExpanded = _a.groupExpanded, groupDefaultExpanded = _a.groupDefaultExpanded, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, getOptionDisabled = _a.getOptionDisabled, id = _a.id;
-    var _b = tslib_1.__read(foundation_1.useRefState({}), 2), groupExpandedMapRef = _b[0], setGroupExpandedMap = _b[1];
+    var _b = tslib_1.__read((0, foundation_1.useRefState)({}), 2), groupExpandedMapRef = _b[0], setGroupExpandedMap = _b[1];
     var isTitleGroup = groupVariant === 'normal';
     var handleGroupExpandedChange = function (groupName) {
         var _a;
@@ -19,16 +20,16 @@ exports.useDownshiftGroup = function (_a) {
         if (onGroupExpanded) {
             var group = optionsGroupList.find(function (x) { return x.group === groupName; });
             if (group) {
-                onGroupExpanded(tslib_1.__assign(tslib_1.__assign({}, foundation_1.omit(group, ['getExpandIconProps'])), { expanded: toExpandedState }), newExpandedMap);
+                onGroupExpanded(tslib_1.__assign(tslib_1.__assign({}, (0, foundation_1.omit)(group, ['getExpandIconProps'])), { expanded: toExpandedState }), newExpandedMap);
             }
         }
     };
-    var handleExpandIconClick = foundation_1.useEventCallback(function (e, groupName) {
+    var handleExpandIconClick = (0, foundation_1.useEventCallback)(function (e, groupName) {
         handleGroupExpandedChange(groupName);
         e.preventDefault();
         e.stopPropagation();
     });
-    var optionsGroupList = react_1.useMemo(function () {
+    var optionsGroupList = (0, react_1.useMemo)(function () {
         /** key with this group count */
         if (groupBy && options) {
             // used to keep track of key and indexes in the result array
@@ -44,7 +45,7 @@ exports.useDownshiftGroup = function (_a) {
                 else {
                     if (process.env.NODE_ENV !== 'production') {
                         if (indexBy_1.get(group) && !warn_1) {
-                            foundation_1.logInDev({
+                            (0, foundation_1.logInDev)({
                                 component: 'useDownshift',
                                 comment: "Material-UI: The options provided combined with the `groupBy` method returns duplicated headers.\n                  You can solve the issue by sorting the options with the output of `groupBy`",
                             });
@@ -61,7 +62,7 @@ exports.useDownshiftGroup = function (_a) {
                         expanded: false,
                         getExpandIconProps: function (additionExpandIconProps) {
                             return newGroup_1.options.length > 1
-                                ? foundation_1.combineProps({
+                                ? (0, foundation_1.combineProps)({
                                     onClick: function (e) {
                                         handleExpandIconClick(e, group);
                                     },
@@ -70,14 +71,14 @@ exports.useDownshiftGroup = function (_a) {
                                         e.stopPropagation();
                                     },
                                     tabIndex: -1,
-                                }, foundation_1.combineProps(additionExpandIconProps, getExpandIconProps === null || getExpandIconProps === void 0 ? void 0 : getExpandIconProps(newGroup_1)))
+                                }, (0, foundation_1.combineProps)(additionExpandIconProps, getExpandIconProps === null || getExpandIconProps === void 0 ? void 0 : getExpandIconProps(newGroup_1)))
                                 : undefined;
                         },
                     };
                     newGroup_1.options[0].group = newGroup_1;
                     if (isTitleGroup) {
                         var groupTitleOption_1 = {
-                            id: id + "-" + group,
+                            id: "".concat(id, "-").concat(group),
                             label: group,
                             disabled: true,
                             // * here cause by self Type reference
@@ -123,25 +124,25 @@ exports.useDownshiftGroup = function (_a) {
             }, {}), false);
         }
     };
-    foundation_1.useDepsChange(function () {
+    (0, foundation_1.useDepsChange)(function () {
         initGroupExpandedState(groupDefaultExpanded);
     }, []);
-    foundation_1.useDepsChange(function () {
+    (0, foundation_1.useDepsChange)(function () {
         initGroupExpandedState(groupExpanded);
     }, [groupExpanded]);
     var groupExpandedMap = groupExpandedMapRef.current;
     // * speared logic with group, prevent calculate every time.
-    var groupedResult = react_1.useMemo(function () {
+    var groupedResult = (0, react_1.useMemo)(function () {
         var addExpandedResult = Object.entries(groupExpandedMap).reduce(function (prev, _a) {
             var _b = tslib_1.__read(_a, 2), key = _b[0], expended = _b[1];
             var group = prev.find(function (x) { return x.group === key; });
             if (group)
                 group.expanded = expended;
             return prev;
-        }, tslib_1.__spread(optionsGroupList));
+        }, tslib_1.__spreadArray([], tslib_1.__read(optionsGroupList), false));
         return addExpandedResult.reduce(function (prev, curr) {
             if (curr.expanded) {
-                prev.push.apply(prev, tslib_1.__spread(curr.options));
+                prev.push.apply(prev, tslib_1.__spreadArray([], tslib_1.__read(curr.options), false));
             }
             else {
                 prev.push(curr.options[0]);
@@ -156,3 +157,4 @@ exports.useDownshiftGroup = function (_a) {
         handleGroupExpandedChange: handleGroupExpandedChange,
     };
 };
+exports.useDownshiftGroup = useDownshiftGroup;