ComboBox: Fix React.StrictMode issues

change/@fluentui-react-next-2020-08-24-16-37-17-v8-combobox.json

@@ -0,0 +1,8 @@
+{
+  "type": "prerelease",
+  "comment": "Fix React StrictMode issues in ComboBox",
+  "packageName": "@fluentui/react-next",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-08-24T16:36:56.862Z"
+}

change/@uifabric-test-utilities-2020-08-24-16-37-17-v8-combobox.json

@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "Add the ability to specify reder options to safeCreate",
+  "packageName": "@uifabric/test-utilities",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-08-24T16:37:17.432Z"
+}

packages/react-next/etc/react-next.api.md

@@ -152,27 +152,7 @@ export const ColorPickerGridCell: React.FunctionComponent<IColorPickerGridCellPr
 export const ColorPickerGridCellBase: React.FunctionComponent<IColorPickerGridCellProps>;
 
 // @public (undocumented)
-export class ComboBox extends React.Component<IComboBoxProps, IComboBoxState> {
-    constructor(props: IComboBoxProps);
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentDidUpdate(prevProps: IComboBoxProps, prevState: IComboBoxState): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    static defaultProps: IComboBoxProps;
-    dismissMenu: () => void;
-    // Warning: (ae-unresolved-inheritdoc-base) The @inheritDoc tag needs a TSDoc declaration reference; signature matching is not supported yet
-    //
-    // (undocumented)
-    focus: (shouldOpenOnFocus?: boolean | undefined, useFocusAsync?: boolean | undefined) => void;
-    // (undocumented)
-    render(): JSX.Element;
-    readonly selectedOptions: IComboBoxOption[];
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(newProps: IComboBoxProps): void;
-}
+export const ComboBox: React.FunctionComponent<IComboBoxProps>;
 
 // @public
 export const ContextualMenu: React.FunctionComponent<IContextualMenuProps>;
@@ -698,7 +678,7 @@ export interface IComboBoxOptionStyles extends IButtonStyles {
 }
 
 // @public (undocumented)
-export interface IComboBoxProps extends ISelectableDroppableTextProps<IComboBox, IComboBox> {
+export interface IComboBoxProps extends ISelectableDroppableTextProps<IComboBox, IComboBox>, React.RefAttributes<HTMLDivElement> {
     allowFreeform?: boolean;
     ariaDescribedBy?: string;
     autoComplete?: 'on' | 'off';
@@ -738,14 +718,11 @@ export interface IComboBoxProps extends ISelectableDroppableTextProps<IComboBox,
 
 // @public (undocumented)
 export interface IComboBoxState {
-    currentOptions: IComboBoxOption[];
     currentPendingValue?: string;
     currentPendingValueValidIndex: number;
     currentPendingValueValidIndexOnHover: number;
     focusState?: 'none' | 'focused' | 'focusing';
     isOpen?: boolean;
-    selectedIndices?: number[];
-    suggestedDisplayValue?: string;
 }
 
 // @public (undocumented)

packages/react-next/src/common/testUtilities.ts

@@ -5,19 +5,19 @@ import * as ReactDOM from 'react-dom';
 import * as ReactTestUtils from 'react-dom/test-utils';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-export function findNodes(wrapper: ReactWrapper<any, any>, className: string): ReactWrapper<any, any> {
+export function findNodes(wrapper: ReactWrapper<any, any, unknown>, className: string): ReactWrapper<any, any> {
   return wrapper.find(className).filterWhere((node: ReactWrapper<any, any>) => typeof node.type() === 'string');
 }
 
-export function expectNodes(wrapper: ReactWrapper<any, any>, className: string, n: number): void {
+export function expectNodes(wrapper: ReactWrapper<any, any, unknown>, className: string, n: number): void {
   expect(findNodes(wrapper, className).length).toEqual(n);
 }
 
-export function expectOne(wrapper: ReactWrapper<any, any>, className: string): void {
+export function expectOne(wrapper: ReactWrapper<any, any, unknown>, className: string): void {
   expectNodes(wrapper, className, 1);
 }
 
-export function expectMissing(wrapper: ReactWrapper<any, any>, className: string): void {
+export function expectMissing(wrapper: ReactWrapper<any, any, unknown>, className: string): void {
   expectNodes(wrapper, className, 0);
 }
 /* eslint-enable @typescript-eslint/no-explicit-any */