build: fix fluentui imports for webpack

src/common/placeholderWithCallout/PlaceholderWithCallout.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Callout, DirectionalHint } from '@fluentui/react/lib/components/Callout';
+import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';
 import { IPlaceholderWithCalloutProps, IPlaceholderWithCalloutState } from './IPlaceholderWithCallout';
 import { CalloutTriggers } from '../callout/Callout';
 import { getIconClassName } from '@fluentui/react/lib/Styling';

src/common/propertyFieldHeader/PropertyFieldHeader.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Callout, DirectionalHint } from '@fluentui/react/lib/components/Callout';
+import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';
 import { IPropertyFieldHeaderProps, IPropertyFieldHeaderState, CalloutTriggers } from './IPropertyFieldHeader';
 import { getIconClassName } from '@fluentui/react/lib/Styling';
 import { css } from '@fluentui/react/lib/Utilities';

src/propertyFields/buttonWithCallout/IPropertyFieldButtonWithCalloutHost.ts

@@ -1,5 +1,5 @@
 import { IPlaceholderWithCalloutProps } from '../../common/placeholderWithCallout/IPlaceholderWithCallout';
-import { IButtonProps } from '@fluentui/react/lib/components/Button';
+import { IButtonProps } from '@fluentui/react/lib/Button';
 
 /**
  * PropertyFieldButtonWithCalloutHost properties interface

src/propertyFields/buttonWithCallout/PropertyFieldButtonWithCallout.ts

@@ -8,7 +8,7 @@ import {
 import PropertyFieldButtonHost from './PropertyFieldButtonWithCalloutHost';
 
 import { IPropertyFieldButtonWithCalloutPropsInternal, IPropertyFieldButtonWithCalloutProps } from './IPropertyFieldButtonWithCallout';
-import { ButtonType } from '@fluentui/react/lib/components/Button';
+import { ButtonType } from '@fluentui/react/lib/Button';
 
 import omit from 'lodash/omit';
 

src/propertyFields/buttonWithCallout/PropertyFieldButtonWithCalloutHost.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Button } from '@fluentui/react/lib/components/Button';
+import { Button } from '@fluentui/react/lib/Button';
 
 import PlaceholderWithCallout from '../../common/placeholderWithCallout/PlaceholderWithCallout';
 

src/propertyFields/checkboxWithCallout/IPropertyFieldCheckboxWithCalloutHost.ts

@@ -1,5 +1,5 @@
 import { IPlaceholderWithCalloutProps } from '../../common/placeholderWithCallout/IPlaceholderWithCallout';
-import { ICheckboxProps } from '@fluentui/react/lib/components/Checkbox';
+import { ICheckboxProps } from '@fluentui/react/lib/Checkbox';
 
 /**
  * PropertyFieldCheckboxWithCalloutHost properties interface

src/propertyFields/checkboxWithCallout/PropertyFieldCheckboxWithCalloutHost.tsx

@@ -5,7 +5,7 @@ import type { IPlaceholderWithCalloutProps } from '../../common/placeholderWithC
 
 import { IPropertyFieldCheckboxWithCalloutHostProps } from './IPropertyFieldCheckboxWithCalloutHost';
 import * as telemetry from '../../common/telemetry';
-import { Checkbox } from '@fluentui/react/lib/components/Checkbox';
+import { Checkbox } from '@fluentui/react/lib/Checkbox';
 
 /**
  * Renders the control for PropertyFieldCheckboxWithCallout component

src/propertyFields/choiceGroupWithCallout/IPropertyFieldChoiceGroupWithCalloutHost.ts

@@ -1,5 +1,5 @@
 import { IPropertyFieldHeaderCalloutProps } from '../../common/propertyFieldHeader/IPropertyFieldHeader';
-import { IChoiceGroupProps } from '@fluentui/react/lib/components/ChoiceGroup';
+import { IChoiceGroupProps } from '@fluentui/react/lib/ChoiceGroup';
 
 /**
  * PropertyFieldChoiceGroupWithCalloutHost properties interface

src/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCallout.ts

@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom';
 
 import omit from 'lodash/omit';
 
-import { IChoiceGroupOption } from '@fluentui/react/lib/components/ChoiceGroup';
+import { IChoiceGroupOption } from '@fluentui/react/lib/ChoiceGroup';
 import {
   IPropertyPaneField,
   PropertyPaneFieldType,

src/propertyFields/choiceGroupWithCallout/PropertyFieldChoiceGroupWithCalloutHost.tsx

@@ -6,7 +6,7 @@ import type { IPlaceholderWithCalloutProps } from '../../common/placeholderWithC
 
 import { IPropertyFieldChoiceGroupWithCalloutHostProps } from './IPropertyFieldChoiceGroupWithCalloutHost';
 import * as telemetry from '../../common/telemetry';
-import { ChoiceGroup } from '@fluentui/react/lib/components/ChoiceGroup';
+import { ChoiceGroup } from '@fluentui/react/lib/ChoiceGroup';
 
 export default class PropertyFieldToggleWithCalloutHost extends React.Component<
   IPropertyFieldChoiceGroupWithCalloutHostProps,

src/propertyFields/collectionData/ICustomCollectionField.ts

@@ -1,5 +1,5 @@
 import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
-import { ISelectableOption } from '@fluentui/react/lib/utilities/selectableOption/SelectableOption.types';
+import { ISelectableOption } from '@fluentui/react/lib/SelectableOption';
 import { IRenderFunction } from '@fluentui/react/lib/Utilities';
 import { CollectionIconFieldRenderMode } from './collectionIconField';
 

src/propertyFields/collectionData/PropertyFieldCollectionDataHost.tsx

@@ -4,9 +4,9 @@ import {
   IPropertyFieldCollectionDataHostProps,
   IPropertyFieldCollectionDataHostState,
 } from "./IPropertyFieldCollectionDataHost";
-import { DefaultButton } from "@fluentui/react/lib/components/Button";
-import { Panel, PanelType } from "@fluentui/react/lib/components/Panel";
-import { Label } from "@fluentui/react/lib/components/Label";
+import { DefaultButton } from "@fluentui/react/lib/Button";
+import { Panel, PanelType } from "@fluentui/react/lib/Panel";
+import { Label } from "@fluentui/react/lib/Label";
 import { CollectionDataViewer } from "./collectionDataViewer";
 import FieldErrorMessage from "../errorMessage/FieldErrorMessage";
 import * as strings from "PropertyControlStrings";

src/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import styles from '../PropertyFieldCollectionDataHost.module.scss';
-import { Checkbox } from '@fluentui/react/lib/components/Checkbox';
+import { Checkbox } from '@fluentui/react/lib/Checkbox';
 import { IBaseCollectionFieldProps } from '../IBaseCollectionFIeldsProps';
 
 export interface ICollectionCheckboxFieldProps extends IBaseCollectionFieldProps { }

src/propertyFields/collectionData/collectionDataItem/CollectionDataItem.tsx

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import styles from '../PropertyFieldCollectionDataHost.module.scss';
 import { ICollectionDataItemProps, ICollectionDataItemState } from '.';
-import { TextField } from '@fluentui/react/lib/components/TextField';
-import { Icon } from '@fluentui/react/lib/components/Icon';
-import { Link } from '@fluentui/react/lib/components/Link';
+import { TextField } from '@fluentui/react/lib/TextField';
+import { Icon } from '@fluentui/react/lib/Icon';
+import { Link } from '@fluentui/react/lib/Link';
 import * as strings from 'PropertyControlStrings';
 import { ICustomCollectionField, CustomCollectionFieldType } from '../ICustomCollectionField';
 import { FieldValidator } from '../FieldValidator';
-import { Dropdown, IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
-import { Callout, DirectionalHint } from '@fluentui/react/lib/components/Callout';
+import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
+import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';
 import { CollectionIconField } from '../collectionIconField';
 import { clone, findIndex, sortBy } from '@microsoft/sp-lodash-subset';
 import { CollectionNumberField } from '../collectionNumberField';
@@ -124,7 +124,7 @@ export class CollectionDataItem extends React.Component<ICollectionDataItemProps
    */
   private async checkAnyFieldCustomErrorMessage(item: any): Promise<boolean> { // eslint-disable-line @typescript-eslint/no-explicit-any
     const { fields, index } = this.props;
-    
+
     const validations = await Promise.all(fields.filter(f => f.onGetErrorMessage).map(async f => {
       const validation = await f.onGetErrorMessage(item[f.id], index, item);
       return this.storeFieldValidation(f.id, validation);
@@ -137,9 +137,9 @@ export class CollectionDataItem extends React.Component<ICollectionDataItemProps
    * Check if row is ready for save
    */
   private async checkRowIsValidForSave(item: any): Promise<boolean> { // eslint-disable-line @typescript-eslint/no-explicit-any
-    return this.checkAllRequiredFieldsValid(item) && 
+    return this.checkAllRequiredFieldsValid(item) &&
       this.checkAnyFieldContainsValue(item) &&
-      await this.checkAnyFieldCustomErrorMessage(item) && 
+      await this.checkAnyFieldCustomErrorMessage(item) &&
       this.checkAllFieldsAreValid();
   }
 
@@ -373,7 +373,7 @@ export class CollectionDataItem extends React.Component<ICollectionDataItemProps
         return <CollectionNumberField field={field} item={item} disableEdit={disableFieldOnEdit} fOnValueChange={this.onValueChanged} fValidation={this.fieldValidation} />;
       case CustomCollectionFieldType.fabricIcon:
         return <CollectionIconField renderMode={field.iconFieldRenderMode} field={field} item={item} disableEdit={disableFieldOnEdit} fOnValueChange={this.onValueChanged} fValidation={this.fieldValidation} />;
-      case CustomCollectionFieldType.color:    
+      case CustomCollectionFieldType.color:
         return <CollectionColorField field={field} item={item} disableEdit={disableFieldOnEdit} fOnValueChange={this.onValueChanged} fValidation={this.fieldValidation} />;
       case CustomCollectionFieldType.url:
         return <TextField placeholder={field.placeholder || field.title}

src/propertyFields/collectionData/collectionDataViewer/CollectionDataViewer.tsx

@@ -3,8 +3,8 @@ import styles from '../PropertyFieldCollectionDataHost.module.scss';
 import { ICollectionDataViewerProps } from './ICollectionDataViewerProps';
 import { ICollectionDataViewerState } from './ICollectionDataViewerState';
 import { CollectionDataItem } from '../collectionDataItem';
-import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/components/Button';
-import { Icon } from '@fluentui/react/lib/components/Icon';
+import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
+import { Icon } from '@fluentui/react/lib/Icon';
 import * as strings from 'PropertyControlStrings';
 import { cloneDeep, sortBy } from '@microsoft/sp-lodash-subset';
 

src/propertyFields/collectionData/collectionIconField/CollectionIconField.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import styles from '../PropertyFieldCollectionDataHost.module.scss';
 import { ICollectionIconFieldProps } from '.';
-import { TextField } from '@fluentui/react/lib/components/TextField';
-import { Icon } from '@fluentui/react/lib/components/Icon';
+import { TextField } from '@fluentui/react/lib/TextField';
+import { Icon } from '@fluentui/react/lib/Icon';
 import { ActionButton } from '@fluentui/react/lib/Button';
 import { IconSelector } from '../../../common/iconSelector/IconSelector';
 

src/propertyFields/dateTimePicker/HoursComponent.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IHoursComponentProps } from './IPropertyFieldDateTimePickerHost';
 import { TimeConvention } from './IPropertyFieldDateTimePicker';
-import { Dropdown, IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
 
 /**
  * Hours component, this renders the hours dropdown

src/propertyFields/dateTimePicker/IPropertyFieldDateTimePickerHost.ts

@@ -1,5 +1,5 @@
 import { IPropertyFieldDateTimePickerPropsInternal, TimeConvention } from './IPropertyFieldDateTimePicker';
-import { IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
 
 /**
  * PropertyFieldDateTimePickerHost properties interface

src/propertyFields/dateTimePicker/MinutesComponent.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ITimeComponentProps } from './IPropertyFieldDateTimePickerHost';
-import { Dropdown, IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
 
 /**
  * Minutes component, renders the minutes dropdown

src/propertyFields/dateTimePicker/SecondsComponent.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ITimeComponentProps } from './IPropertyFieldDateTimePickerHost';
-import { Dropdown, IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
 
 /**
  * Seconds component, renders the seconds dropdown

src/propertyFields/dropdownWithCallout/IPropertyFieldDropdownWithCalloutHost.ts

@@ -1,5 +1,5 @@
 import { IPropertyFieldHeaderCalloutProps } from '../../common/propertyFieldHeader/IPropertyFieldHeader';
-import { IDropdownProps } from '@fluentui/react/lib/components/Dropdown';
+import { IDropdownProps } from '@fluentui/react/lib/Dropdown';
 
 /**
  * PropertyFieldDropdownWithCalloutHost properties interface

src/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCallout.ts

@@ -9,7 +9,7 @@ import {
 import PropertyFieldDropdownHost from './PropertyFieldDropdownWithCalloutHost';
 import omit from 'lodash/omit';
 import { IPropertyFieldDropdownWithCalloutPropsInternal, IPropertyFieldDropdownWithCalloutProps } from './IPropertyFieldDropdownWithCallout';
-import { IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
 
 class PropertyFieldDropdownWithCalloutBuilder implements IPropertyPaneField<IPropertyFieldDropdownWithCalloutPropsInternal> {
   public targetProperty: string;

src/propertyFields/dropdownWithCallout/PropertyFieldDropdownWithCalloutHost.tsx

@@ -4,9 +4,9 @@ import type { IPropertyFieldHeaderProps } from '../../common/propertyFieldHeader
 
 import { IPropertyFieldDropdownWithCalloutHostProps } from './IPropertyFieldDropdownWithCalloutHost';
 import * as telemetry from '../../common/telemetry';
-import { Dropdown, IDropdownProps, IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { Dropdown, IDropdownProps, IDropdownOption } from '@fluentui/react/lib/Dropdown';
 import { IPropertyPaneDropdownOption } from '@microsoft/sp-property-pane';
-import { SelectableOptionMenuItemType } from '@fluentui/react/lib/utilities/selectableOption/SelectableOption.types';
+import { SelectableOptionMenuItemType } from '@fluentui/react/lib/SelectableOption';
 import omit from 'lodash/omit';
 
 export default class PropertyFieldDropdownHost extends React.Component<IPropertyFieldDropdownWithCalloutHostProps, null> {

src/propertyFields/filePicker/PropertyFieldFilePickerHost.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { IconButton } from "@fluentui/react/lib/components/Button";
+import { IconButton } from "@fluentui/react/lib/Button";
 import * as strings from 'PropertyControlStrings';
 
 import { FilePicker, IFilePickerResult } from './filePickerControls';

src/propertyFields/filePicker/filePickerControls/FilePicker.tsx

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { IFilePickerProps } from './IFilePickerProps';
 import { IFilePickerState } from './IFilePickerState';
 
-import { PrimaryButton, ActionButton } from '@fluentui/react/lib/components/Button';
-import { Panel, PanelType } from '@fluentui/react/lib/components/Panel';
-import { Label } from '@fluentui/react/lib/components/Label';
+import { PrimaryButton, ActionButton } from '@fluentui/react/lib/Button';
+import { Panel, PanelType } from '@fluentui/react/lib/Panel';
+import { Label } from '@fluentui/react/lib/Label';
 import { Nav, INavLink, INavLinkGroup } from '@fluentui/react/lib/Nav';
 import { css } from '@fluentui/react/lib/Utilities';
 

src/propertyFields/filePicker/filePickerControls/LinkFilePickerTab/LinkFilePickerTab.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { ILinkFilePickerTabProps, ILinkFilePickerTabState } from '.';
 import { GeneralHelper } from '../../../../helpers/GeneralHelper';
 import { IFilePickerResult } from '../FilePicker.types';
-import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/components/Button';
+import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
 import { TextField } from '@fluentui/react/lib/TextField';
 import { css } from '@fluentui/react/lib/Utilities';
 

src/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.types.ts

@@ -1,4 +1,4 @@
-import { IBreadcrumbItem } from "@fluentui/react/lib/components/Breadcrumb";
+import { IBreadcrumbItem } from "@fluentui/react/lib/Breadcrumb";
 import { IFile } from "../../../../services/FileBrowserService.types";
 
 export interface OneDriveFilesBreadcrumbItem extends IBreadcrumbItem {

src/propertyFields/filePicker/filePickerControls/RecentFilesTab/RecentFilesTab.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/components/Button';
+import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
 import { Spinner } from '@fluentui/react/lib/Spinner';
 import { FocusZone } from '@fluentui/react/lib/FocusZone';
 import { List } from '@fluentui/react/lib/List';

src/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { findIndex } from '@microsoft/sp-lodash-subset';
 import { ISiteFilePickerTabProps, ISiteFilePickerTabState } from '.';
 import { DocumentLibraryBrowser, FileBrowser } from '../controls';
-import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/components/Button';
+import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
 import { Breadcrumb, IBreadcrumbItem } from '@fluentui/react/lib/Breadcrumb';
 import { ScrollablePane } from '@fluentui/react/lib/ScrollablePane';
 import { IFile, ILibrary } from '../../../../services/FileBrowserService.types';

src/propertyFields/filePicker/filePickerControls/UploadFilePickerTab/UploadFilePickerTab.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { IUploadFilePickerTabProps, IUploadFilePickerTabState } from '.';
 import { IFilePickerResult } from '../FilePicker.types';
 import { GeneralHelper } from '../../../../helpers/GeneralHelper';
-import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/components/Button';
+import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
 import { css } from '@fluentui/react/lib/Utilities';
 import * as strings from 'PropertyControlStrings';
 import styles from './UploadFilePickerTab.module.scss';

src/propertyFields/filePicker/filePickerControls/WebSearchTab/WebSearchTab.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { IWebSearchTabProps } from './IWebSearchTabProps';
 import { IWebSearchTabState } from './IWebSearchTabState';
 import { ISearchSuggestion, ImageSize, ImageAspect, ImageLicense, DEFAULT_SUGGESTIONS, MAX_ROW_HEIGHT, ROWS_PER_PAGE } from './WebSearchTab.types';
-import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/components/Button';
+import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
 import { Label } from '@fluentui/react/lib/Label';
 import { SearchBox } from '@fluentui/react/lib/SearchBox';
 import { Check } from '@fluentui/react/lib/Check';

src/propertyFields/filePicker/placeHolderControl/PlaceholderComponent.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IPlaceholderProps, IPlaceholderState } from './IPlaceholderComponent';
 import { PrimaryButton } from '@fluentui/react/lib/Button';
 import styles from './PlaceholderComponent.module.scss';
-import { Icon } from '@fluentui/react/lib/components/Icon';
+import { Icon } from '@fluentui/react/lib/Icon';
 
 /**
  * Placeholder component

src/propertyFields/labelWithCallout/IPropertyFieldLabelWithCalloutHost.ts

@@ -1,5 +1,5 @@
 import { IPlaceholderWithCalloutProps } from '../../common/placeholderWithCallout/IPlaceholderWithCallout';
-import { ILabelProps } from '@fluentui/react/lib/components/Label';
+import { ILabelProps } from '@fluentui/react/lib/Label';
 
 /**
  * PropertyFieldLabelWithCalloutHost properties interface

src/propertyFields/labelWithCallout/PropertyFieldLabelWithCalloutHost.tsx

@@ -4,7 +4,7 @@ import PlaceholderWithCallout from '../../common/placeholderWithCallout/Placehol
 
 import { IPropertyFieldLabelWithCalloutHostProps } from './IPropertyFieldLabelWithCalloutHost';
 import * as telemetry from '../../common/telemetry';
-import { Label } from '@fluentui/react/lib/components/Label';
+import { Label } from '@fluentui/react/lib/Label';
 
 /**
 * Renders the control for PropertyFieldLabelWithCallout component

src/propertyFields/linkWithCallout/IPropertyFieldLinkWithCalloutHost.ts

@@ -1,6 +1,6 @@
 import { IPlaceholderWithCalloutProps } from '../../common/placeholderWithCallout/IPlaceholderWithCallout';
 import { IPopupWindowProps } from '@microsoft/sp-property-pane';
-import { ILinkProps } from '@fluentui/react/lib/components/Link';
+import { ILinkProps } from '@fluentui/react/lib/Link';
 
 /**
  * PropertyFieldLinkWithCalloutHost properties interface

src/propertyFields/linkWithCallout/PropertyFieldLinkWithCalloutHost.tsx

@@ -5,7 +5,7 @@ import type { IPlaceholderWithCalloutProps } from '../../common/placeholderWithC
 
 import { IPropertyFieldLinkWithCalloutHostProps } from './IPropertyFieldLinkWithCalloutHost';
 import * as telemetry from '../../common/telemetry';
-import { Link } from '@fluentui/react/lib/components/Link';
+import { Link } from '@fluentui/react/lib/Link';
 
 /**
 * Renders the control for PropertyFieldLinkWithCallout component

src/propertyFields/monacoEditor/monacoEditorControl/Error.tsx

@@ -1,5 +1,5 @@
 
-import { Stack } from "@fluentui/react/lib/components/Stack";
+import { Stack } from "@fluentui/react/lib/Stack";
 import { MessageBarType , MessageBar} from "@fluentui/react/lib/MessageBar";
 import * as React from "react";
 

src/propertyFields/multiSelect/IPropertyFieldMultiSelectHost.ts

@@ -1,4 +1,4 @@
-import { IDropdownProps } from '@fluentui/react/lib/components/Dropdown';
+import { IDropdownProps } from '@fluentui/react/lib/Dropdown';
 
 /**
 * PropertyFieldMultiSelectHost properties interface

src/propertyFields/multiSelect/PropertyFieldMultiSelect.ts

@@ -1,4 +1,4 @@
-import { IDropdownOption } from '@fluentui/react/lib/components/Dropdown';
+import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import {

src/propertyFields/multiSelect/PropertyFieldMultiSelectHost.tsx

@@ -1,6 +1,6 @@
 import * as strings from 'PropertyControlStrings';
 import * as React from 'react';
-import { Dropdown } from '@fluentui/react/lib/components/Dropdown';
+import { Dropdown } from '@fluentui/react/lib/Dropdown';
 import { IPropertyFieldMultiSelectHostProps } from './IPropertyFieldMultiSelectHost';
 import * as telemetry from '../../common/telemetry';