Remove imports into src where possible

Author: ecraig12345

.github/test-a-feature.md

@@ -53,7 +53,7 @@ Every common test receives your component as its first argument.
 ```tsx
 import { isConformant } from '../../commonTests'
 
-import Divider from '@fluentui/react/src/components/Divider/Divider'
+import { Divider } from '@fluentui/react'
 
 describe('Divider', () => {
   isConformant(Divider)
@@ -87,7 +87,7 @@ Example for `Button` component:
 ```tsx
 import { isConformant } from '../../commonTests'
 
-import Button from '@fluentui/react/src/components/Button'
+import { Button } from '@fluentui/react'
 
 describe('Button', () => {
   isConformant(Button)
@@ -242,7 +242,7 @@ Add your spec file into the array of files `skipSpecChecksForFiles` in `testHelp
 
 ## Performance Tests
 
-Performance tests will measure performance, set a baseline for performance and help guard against regressions. 
+Performance tests will measure performance, set a baseline for performance and help guard against regressions.
 
 ### Adding a Perf Test
 

docs/src/components/ComponentDoc/ComponentDocLinks.tsx

@@ -1,7 +1,6 @@
 import * as PropTypes from 'prop-types'
 import * as React from 'react'
-import { Flex, Icon } from '@fluentui/react'
-import { constants } from '@fluentui/react/src/utils'
+import { Flex, Icon, constants } from '@fluentui/react'
 
 export default class ComponentDocLinks extends React.PureComponent<any, any> {
   static propTypes = {

docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx

@@ -7,6 +7,7 @@ import {
 } from '@fluentui/docs-components'
 import {
   ComponentVariablesInput,
+  constants,
   Flex,
   ICSSInJSStyle,
   Menu,
@@ -22,7 +23,6 @@ import qs from 'qs'
 import SourceRender from 'react-source-render'
 
 import { examplePathToHash, getFormattedHash, scrollToAnchor } from '../../../utils'
-import { constants } from '@fluentui/react/src/utils'
 import Editor, { EDITOR_BACKGROUND_COLOR, EDITOR_GUTTER_COLOR } from '../../Editor'
 import { babelConfig, importResolver } from '../../Playground/renderConfig'
 import ExampleContext, { ExampleContextValue } from '../../../context/ExampleContext'

docs/src/components/ComponentDoc/ContributionPrompt.tsx

@@ -1,8 +1,7 @@
 import * as PropTypes from 'prop-types'
 import * as React from 'react'
 
-import { Icon, Segment, Text, ICSSInJSStyle } from '@fluentui/react'
-import { constants } from '@fluentui/react/src/utils'
+import { Icon, Segment, Text, ICSSInJSStyle, constants } from '@fluentui/react'
 
 const wrapStyle: ICSSInJSStyle = { wordBreak: 'break-word' }
 

docs/src/components/Sidebar/Sidebar.tsx

@@ -1,5 +1,6 @@
 import {
   Box,
+  constants,
   Flex,
   HierarchicalTree,
   HierarchicalTreeItemProps,
@@ -21,8 +22,6 @@ import * as PropTypes from 'prop-types'
 import * as React from 'react'
 import { NavLink, NavLinkProps, withRouter } from 'react-router-dom'
 
-import { constants } from '@fluentui/react/src/utils'
-
 type ComponentMenuItem = { displayName: string; type: string }
 
 const pkg = require('../../../../packages/react/package.json')

packages/react/test/specs/commonTests/handlesAccessibility.tsx

@@ -9,7 +9,7 @@ import * as React from 'react'
 import * as keyboardKey from 'keyboard-key'
 
 import { mountWithProviderAndGetComponent, mountWithProvider } from '../../utils'
-import { UIComponent } from '@fluentui/react/src/utils'
+import { UIComponent } from '@fluentui/react'
 import { EVENT_TARGET_ATTRIBUTE, getEventTargetComponent } from './eventTarget'
 
 export const getRenderedAttribute = (renderedComponent, propName, partSelector) => {

packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { mountWithProvider as mount } from '../../utils'
 import * as _ from 'lodash'
-import { PropsOf } from '@fluentui/react/src/types'
+import { PropsOf } from '@fluentui/react'
 
 export type CollectionShorthandTestOptions<TProps = any> = {
   mapsValueToProp: keyof (TProps & React.HTMLProps<HTMLElement>) | false

packages/react/test/specs/commonTests/implementsShorthandProp.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { ReactWrapper } from 'enzyme'
 import { mountWithProvider } from '../../utils'
-import { Props, PropsOf, InstanceOf } from '@fluentui/react/src/types'
+import { Props, PropsOf, InstanceOf } from '@fluentui/react'
 
 export type ShorthandTestOptions<TProps = any> = {
   mapsValueToProp: keyof (TProps & React.HTMLProps<HTMLElement>) | false

packages/react/test/specs/commonTests/implementsWrapperProp.tsx

@@ -2,8 +2,7 @@ import * as React from 'react'
 import { ReactWrapper } from 'enzyme'
 import { mountWithProvider as mount } from '../../utils'
 
-import Box from '@fluentui/react/src/components/Box/Box'
-import { Props, ShorthandValue } from '@fluentui/react/src/types'
+import { Box, Props, ShorthandValue } from '@fluentui/react'
 
 export interface ImplementsWrapperPropOptions {
   wrapppedComponentSelector: any

packages/react/test/specs/commonTests/isConformant.tsx

@@ -17,7 +17,7 @@ import {
 } from '../../utils'
 import helpers from './commonHelpers'
 
-import * as FluentUI from '@fluentui/react/src/index'
+import * as FluentUI from '@fluentui/react'
 import { getEventTargetComponent, EVENT_TARGET_ATTRIBUTE } from './eventTarget'
 
 export interface Conformant {

packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx

@@ -1,5 +1,5 @@
 import * as _ from 'lodash'
-import * as FluentUI from '@fluentui/react/src/index'
+import * as FluentUI from '@fluentui/react'
 
 // ----------------------------------------
 // Is exported or private

packages/react/test/specs/commonTests/stylesFunction-test.tsx

@@ -2,7 +2,7 @@ import { Extendable, ICSSInJSStyle } from '@fluentui/styles'
 import * as React from 'react'
 import * as PropTypes from 'prop-types'
 import * as _ from 'lodash'
-import { UIComponent } from '@fluentui/react/src/utils'
+import { UIComponent } from '@fluentui/react'
 import { mountWithProviderAndGetComponent } from '../../utils'
 
 type AttrValue = 'props' | 'state'

packages/react/test/specs/components/Accordion/Accordion-test.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react'
 import * as keyboardKey from 'keyboard-key'
 
-import Accordion from '@fluentui/react/src/components/Accordion/Accordion'
+import { Accordion, AccordionTitle } from '@fluentui/react'
 import { isConformant, handlesAccessibility } from '../../commonTests'
 import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils'
-import AccordionTitle from '@fluentui/react/src/components/Accordion/AccordionTitle'
 import { ReactWrapper, CommonWrapper } from 'enzyme'
 
 const panels = [

packages/react/test/specs/components/Accordion/AccordionContent-test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import AccordionContent from '@fluentui/react/src/components/Accordion/AccordionContent'
+import { AccordionContent } from '@fluentui/react'
 import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests'
 import { mountWithProviderAndGetComponent } from '../../../utils'
 

packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx

@@ -1,4 +1,4 @@
-import AccordionTitle from '@fluentui/react/src/components/Accordion/AccordionTitle'
+import { AccordionTitle } from '@fluentui/react'
 import { isConformant, handlesAccessibility } from '../../commonTests'
 
 describe('AccordionTitle', () => {

packages/react/test/specs/components/Alert/Alert-test.tsx

@@ -7,9 +7,7 @@ import {
   htmlIsAccessibilityCompliant,
 } from '../../commonTests'
 
-import Alert from '@fluentui/react/src/components/Alert/Alert'
-import Box from '@fluentui/react/src/components/Box/Box'
-import Button from '@fluentui/react/src/components/Button/Button'
+import { Alert, Box, Button } from '@fluentui/react'
 
 const alertImplementsShorthandProp = implementsShorthandProp(Alert)
 

packages/react/test/specs/components/Animation/Animation-test.tsx

@@ -1,6 +1,6 @@
 import { isConformant } from '../../commonTests'
 
-import Animation from '@fluentui/react/src/components/Animation/Animation'
+import { Animation } from '@fluentui/react'
 
 describe('Animation', () => {
   isConformant(Animation, { hasAccessibilityProp: false })

packages/react/test/specs/components/Attachment/Attachment-test.tsx

@@ -3,10 +3,7 @@ import { isConformant, implementsShorthandProp, handlesAccessibility } from '../
 import { mountWithProvider, findIntrinsicElement } from '../../../utils'
 import * as keyboardKey from 'keyboard-key'
 
-import Attachment from '@fluentui/react/src/components/Attachment/Attachment'
-import Text from '@fluentui/react/src/components/Text/Text'
-import Icon from '@fluentui/react/src/components/Icon/Icon'
-import Button from '@fluentui/react/src/components/Button/Button'
+import { Attachment, Text, Icon, Button } from '@fluentui/react'
 import { ReactWrapper } from 'enzyme'
 
 const attachmentImplementsShorthandProp = implementsShorthandProp(Attachment)

packages/react/test/specs/components/Avatar/Avatar-test.tsx

@@ -1,8 +1,6 @@
 import { implementsShorthandProp, isConformant } from '../../commonTests'
 
-import Avatar from '@fluentui/react/src/components/Avatar/Avatar'
-import Label from '@fluentui/react/src/components/Label/Label'
-import Image from '@fluentui/react/src/components/Image/Image'
+import { Avatar, Label, Image } from '@fluentui/react'
 
 const avatarImplementsShorthandProp = implementsShorthandProp(Avatar)
 const { getInitials } = (Avatar as any).defaultProps

packages/react/test/specs/components/Button/Button-test.tsx

@@ -10,8 +10,7 @@ import {
 import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils'
 import { toggleButtonBehavior } from '@fluentui/accessibility'
 
-import Button from '@fluentui/react/src/components/Button/Button'
-import Icon from '@fluentui/react/src/components/Icon/Icon'
+import { Button, Icon } from '@fluentui/react'
 
 const buttonImplementsShorthandProp = implementsShorthandProp(Button)
 

packages/react/test/specs/components/Button/ButtonGroup-test.tsx

@@ -1,7 +1,6 @@
 import { isConformant } from '../../commonTests'
-import ButtonGroup from '@fluentui/react/src/components/Button/ButtonGroup'
+import { ButtonGroup, Button } from '@fluentui/react'
 import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp'
-import Button from '@fluentui/react/src/components/Button/Button'
 
 const buttonGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp(ButtonGroup)
 

packages/react/test/specs/components/Carousel/Carousel-test.tsx

@@ -1,11 +1,14 @@
 import * as React from 'react'
 
 import { isConformant } from '../../commonTests'
-import Carousel, { CarouselProps } from '@fluentui/react/src/components/Carousel/Carousel'
-import CarouselItem from '@fluentui/react/src/components/Carousel/CarouselItem'
-import CarouselNavigation from '@fluentui/react/src/components/Carousel/CarouselNavigation'
-import CarouselNavigationItem from '@fluentui/react/src/components/Carousel/CarouselNavigationItem'
-import Text from '@fluentui/react/src/components/Text/Text'
+import {
+  Carousel,
+  CarouselProps,
+  CarouselItem,
+  CarouselNavigation,
+  CarouselNavigationItem,
+  Text,
+} from '@fluentui/react'
 import { ReactWrapper, CommonWrapper } from 'enzyme'
 import { findIntrinsicElement, mountWithProvider } from '../../../utils'
 

packages/react/test/specs/components/Carousel/CarouselItem-test.tsx

@@ -1,9 +1,7 @@
 import * as React from 'react'
 
 import { isConformant } from '../../commonTests'
-import CarouselItem, {
-  CarouselItemProps,
-} from '@fluentui/react/src/components/Carousel/CarouselItem'
+import { CarouselItem, CarouselItemProps } from '@fluentui/react'
 import { ReactWrapper, CommonWrapper } from 'enzyme'
 import { findIntrinsicElement, mountWithProvider } from '../../../utils'
 

packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx

@@ -1,5 +1,5 @@
 import { isConformant } from '../../commonTests'
-import CarouselNavigation from '@fluentui/react/src/components/Carousel/CarouselNavigation'
+import { CarouselNavigation } from '@fluentui/react'
 
 describe('CarouselNavigation', () => {
   isConformant(CarouselNavigation)

packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx

@@ -1,5 +1,5 @@
 import { isConformant } from '../../commonTests'
-import CarouselNavigationItem from '@fluentui/react/src/components/Carousel/CarouselNavigationItem'
+import { CarouselNavigationItem } from '@fluentui/react'
 
 describe('CarouselNavigationItem', () => {
   isConformant(CarouselNavigationItem)

packages/react/test/specs/components/Chat/Chat-test.ts

@@ -1,9 +1,8 @@
 import { chatBehavior, AccessibilityDefinition } from '@fluentui/accessibility'
 import { handlesAccessibility, isConformant } from '../../commonTests'
 
-import Chat from '@fluentui/react/src/components/Chat/Chat'
+import { Chat, ChatItem } from '@fluentui/react'
 import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp'
-import ChatItem from '@fluentui/react/src/components/Chat/ChatItem'
 
 const chatImplementsCollectionShorthandProp = implementsCollectionShorthandProp(Chat)
 

packages/react/test/specs/components/Chat/ChatItem-test.tsx

@@ -1,6 +1,5 @@
 import { isConformant, implementsShorthandProp } from '../../commonTests'
-import ChatItem from '@fluentui/react/src/components/Chat/ChatItem'
-import Box from '@fluentui/react/src/components/Box/Box'
+import { ChatItem, Box } from '@fluentui/react'
 
 const chatItemImplementsShorthandProp = implementsShorthandProp(ChatItem)
 

packages/react/test/specs/components/Chat/ChatMessage-test.tsx

@@ -4,9 +4,7 @@ import * as React from 'react'
 import { handlesAccessibility, implementsShorthandProp, isConformant } from '../../commonTests'
 import { mountWithProvider } from '../../../utils'
 
-import ChatMessage from '@fluentui/react/src/components/Chat/ChatMessage'
-import Text from '@fluentui/react/src/components/Text/Text'
-import Box from '@fluentui/react/src/components/Box/Box'
+import { ChatMessage, Text, Box } from '@fluentui/react'
 
 const chatMessageImplementsShorthandProp = implementsShorthandProp(ChatMessage)
 

packages/react/test/specs/components/Checkbox/Checkbox-test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import Checkbox from '@fluentui/react/src/components/Checkbox/Checkbox'
+import { Checkbox } from '@fluentui/react'
 import { isConformant, handlesAccessibility, htmlIsAccessibilityCompliant } from '../../commonTests'
 
 describe('Checkbox', () => {

packages/react/test/specs/components/Dialog/Dialog-test.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
 
-import Dialog from '@fluentui/react/src/components/Dialog/Dialog'
-import Button from '@fluentui/react/src/components/Button/Button'
+import { Dialog, Button } from '@fluentui/react'
 import { mountWithProvider, findIntrinsicElement } from '../../../utils'
 
 describe('Dialog', () => {

packages/react/test/specs/components/Dialog/DialogFooter-test.tsx

@@ -1,6 +1,6 @@
 import { isConformant } from '../../commonTests'
 
-import DialogFooter from '@fluentui/react/src/components/Dialog/DialogFooter'
+import { DialogFooter } from '@fluentui/react'
 
 describe('DialogFooter', () => {
   isConformant(DialogFooter)

packages/react/test/specs/components/Divider/Divider-test.tsx

@@ -1,6 +1,6 @@
 import { isConformant } from '../../commonTests'
 
-import Divider from '@fluentui/react/src/components/Divider/Divider'
+import { Divider } from '@fluentui/react'
 
 describe('Divider', () => {
   isConformant(Divider)

packages/react/test/specs/components/Dropdown/Dropdown-test.tsx

@@ -2,14 +2,10 @@ import * as React from 'react'
 import * as keyboardKey from 'keyboard-key'
 import * as _ from 'lodash'
 
-import Dropdown from '@fluentui/react/src/components/Dropdown/Dropdown'
-import DropdownSearchInput from '@fluentui/react/src/components/Dropdown/DropdownSearchInput'
-import DropdownSelectedItem from '@fluentui/react/src/components/Dropdown/DropdownSelectedItem'
+import { Dropdown, DropdownSearchInput, DropdownItemProps, ShorthandValue } from '@fluentui/react'
 import { isConformant } from '../../commonTests'
 import { findIntrinsicElement, mountWithProvider } from '../../../utils'
 import { ReactWrapper, CommonWrapper } from 'enzyme'
-import { DropdownItemProps } from '@fluentui/react/src/components/Dropdown/DropdownItem'
-import { ShorthandValue } from '@fluentui/react/src/types'
 
 jest.dontMock('keyboard-key')
 jest.useFakeTimers()

packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import DropdownSelectedItem from '@fluentui/react/src/components/Dropdown/DropdownSelectedItem'
+import { DropdownSelectedItem } from '@fluentui/react'
 import { getRenderedAttribute } from '../../commonTests'
 import { mountWithProviderAndGetComponent } from '../../../utils'
 

packages/react/test/specs/components/Embed/Embed-test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import Embed from '@fluentui/react/src/components/Embed/Embed'
+import { Embed } from '@fluentui/react'
 import { isConformant, handlesAccessibility } from '../../commonTests'
 import { mountWithProviderAndGetComponent } from '../../../utils'
 

packages/react/test/specs/components/Form/Form-test.tsx

@@ -1,8 +1,7 @@
 import { isConformant } from '../../commonTests'
 
-import Form from '@fluentui/react/src/components/Form/Form'
+import { Form, FormField } from '@fluentui/react'
 import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp'
-import FormField from '@fluentui/react/src/components/Form/FormField'
 
 const formImplementsCollectionShorthandProp = implementsCollectionShorthandProp(Form)
 

packages/react/test/specs/components/Form/FormField-test.tsx

@@ -2,12 +2,7 @@ import * as React from 'react'
 
 import { isConformant, implementsShorthandProp } from '../../commonTests'
 import { mountWithProvider } from '../../../utils'
-import Button from '@fluentui/react/src/components/Button/Button'
-import RadioGroup from '@fluentui/react/src/components/RadioGroup/RadioGroup'
-import Input from '@fluentui/react/src/components/Input/Input'
-import Text from '@fluentui/react/src/components/Text/Text'
-import FormField from '@fluentui/react/src/components/Form/FormField'
-import Box from '@fluentui/react/src/components/Box/Box'
+import { Button, RadioGroup, Input, Text, FormField, Box } from '@fluentui/react'
 
 const formFieldImplementsShorthandProp = implementsShorthandProp(FormField)
 

packages/react/test/specs/components/Grid/Grid-test.tsx

@@ -1,6 +1,6 @@
 import { isConformant } from '../../commonTests'
 
-import Grid from '@fluentui/react/src/components/Grid/Grid'
+import { Grid } from '@fluentui/react'
 
 describe('Grid', () => {
   isConformant(Grid)