Move deprecated components to src/deprecated

siddharthkp · siddharthkp · commit a3ff9aef9f98 · 2022-03-02T13:48:52.000+01:00
diff --git a/src/__tests__/Dropdown.types.test.tsx b/src/__tests__/Dropdown.types.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import Dropdown from '../Dropdown'
+import Dropdown from '../deprecated/Dropdown'
 
 export function shouldAcceptCallWithNoProps() {
   return <Dropdown />
diff --git a/src/__tests__/SelectMenu.test.tsx b/src/__tests__/SelectMenu.test.tsx
@@ -4,7 +4,7 @@ import {mount, render, renderRoot, COMPONENT_DISPLAY_NAME_REGEX, checkExports} f
 import {render as HTMLRender, cleanup} from '@testing-library/react'
 import {axe, toHaveNoViolations} from 'jest-axe'
 import 'babel-polyfill'
-import {SelectMenuModalProps, SelectMenuItemProps, SelectMenuTabProps} from '../SelectMenu'
+import {SelectMenuModalProps, SelectMenuItemProps, SelectMenuTabProps} from '../deprecated/SelectMenu'
 expect.extend(toHaveNoViolations)
 
 const BasicSelectMenu = ({
diff --git a/src/__tests__/SelectMenu.types.test.tsx b/src/__tests__/SelectMenu.types.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import SelectMenu from '../SelectMenu'
+import SelectMenu from '../deprecated/SelectMenu'
 
 export function shouldAcceptCallWithNoProps() {
   return <SelectMenu />
diff --git a/src/deprecated/BorderBox.tsx b/src/deprecated/BorderBox.tsx
@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import Box, {BoxProps} from './Box'
+import Box, {BoxProps} from '../Box'
 
 export type BorderBoxProps = BoxProps
 
diff --git a/src/deprecated/Dropdown.tsx b/src/deprecated/Dropdown.tsx
@@ -1,12 +1,12 @@
 import React from 'react'
 import styled from 'styled-components'
-import Button, {ButtonProps} from './deprecated/Button'
-import {get} from './constants'
-import Details, {DetailsProps} from './Details'
-import getDirectionStyles from './DropdownStyles'
-import useDetails from './hooks/useDetails'
-import sx, {SxProp} from './sx'
-import {ComponentProps} from './utils/types'
+import Button, {ButtonProps} from './Button'
+import {get} from '../constants'
+import Details, {DetailsProps} from '../Details'
+import getDirectionStyles from '../DropdownStyles'
+import useDetails from '../hooks/useDetails'
+import sx, {SxProp} from '../sx'
+import {ComponentProps} from '../utils/types'
 
 const StyledDetails = styled(Details)`
   position: relative;
diff --git a/src/deprecated/Flex.tsx b/src/deprecated/Flex.tsx
@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import Box, {BoxProps} from './Box'
+import Box, {BoxProps} from '../Box'
 
 export type FlexProps = BoxProps
 
diff --git a/src/deprecated/Grid.tsx b/src/deprecated/Grid.tsx
@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import Box, {BoxProps} from './Box'
+import Box, {BoxProps} from '../Box'
 
 export type GridProps = BoxProps
 
diff --git a/src/deprecated/Position.tsx b/src/deprecated/Position.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import styled from 'styled-components'
-import Box from './Box'
-import {ComponentProps} from './utils/types'
+import Box from '../Box'
+import {ComponentProps} from '../utils/types'
 
 type StyledPositionProps = {as?: React.ElementType}
 
diff --git a/src/deprecated/SelectMenu/SelectMenu.tsx b/src/deprecated/SelectMenu/SelectMenu.tsx
@@ -1,7 +1,7 @@
 import React, {useCallback, useEffect, useRef, useState} from 'react'
 import styled from 'styled-components'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 import useKeyboardNav from './hooks/useKeyboardNav'
 import {MenuContext} from './SelectMenuContext'
 import SelectMenuDivider from './SelectMenuDivider'
diff --git a/src/deprecated/SelectMenu/SelectMenuContext.tsx b/src/deprecated/SelectMenu/SelectMenuContext.tsx
diff --git a/src/deprecated/SelectMenu/SelectMenuDivider.tsx b/src/deprecated/SelectMenu/SelectMenuDivider.tsx
@@ -1,7 +1,7 @@
 import styled, {css} from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 const dividerStyles = css`
   padding: ${get('space.1')} ${get('space.3')};
diff --git a/src/deprecated/SelectMenu/SelectMenuFilter.tsx b/src/deprecated/SelectMenu/SelectMenuFilter.tsx
@@ -1,9 +1,9 @@
 import React, {forwardRef, useContext, useEffect, useRef} from 'react'
 import styled from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import TextInput, {TextInputProps} from '../TextInput'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import TextInput, {TextInputProps} from '../../TextInput'
+import {ComponentProps} from '../../utils/types'
 import {MenuContext} from './SelectMenuContext'
 
 const StyledForm = styled.form<SxProp>`
diff --git a/src/deprecated/SelectMenu/SelectMenuFooter.tsx b/src/deprecated/SelectMenu/SelectMenuFooter.tsx
@@ -1,7 +1,7 @@
 import styled, {css} from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 const footerStyles = css`
   margin-top: -1px;
diff --git a/src/deprecated/SelectMenu/SelectMenuHeader.tsx b/src/deprecated/SelectMenu/SelectMenuHeader.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 import styled from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 // SelectMenu.Header is intentionally not exported, it's an internal component used in
 // SelectMenu.Modal
diff --git a/src/deprecated/SelectMenu/SelectMenuItem.tsx b/src/deprecated/SelectMenu/SelectMenuItem.tsx
@@ -1,10 +1,10 @@
 import {CheckIcon} from '@primer/octicons-react'
 import React, {forwardRef, useContext, useRef} from 'react'
 import styled, {css} from 'styled-components'
-import {get} from '../constants'
-import StyledOcticon from '../StyledOcticon'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import StyledOcticon from '../../StyledOcticon'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 import {MenuContext} from './SelectMenuContext'
 
 export const listItemStyles = css`
diff --git a/src/deprecated/SelectMenu/SelectMenuList.tsx b/src/deprecated/SelectMenu/SelectMenuList.tsx
@@ -1,7 +1,7 @@
 import styled, {css} from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 const listStyles = css`
   position: relative;
diff --git a/src/deprecated/SelectMenu/SelectMenuLoadingAnimation.tsx b/src/deprecated/SelectMenu/SelectMenuLoadingAnimation.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
 import styled from 'styled-components'
-import {get} from '../constants'
-import Spinner from '../Spinner'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import Spinner from '../../Spinner'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 const Animation = styled.div<SxProp>`
   padding: ${get('space.6')} ${get('space.4')};
diff --git a/src/deprecated/SelectMenu/SelectMenuModal.tsx b/src/deprecated/SelectMenu/SelectMenuModal.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
 import styled, {css, keyframes} from 'styled-components'
 import {width, WidthProps} from 'styled-system'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 type StyledModalProps = {
   filter?: boolean
diff --git a/src/deprecated/SelectMenu/SelectMenuTab.tsx b/src/deprecated/SelectMenu/SelectMenuTab.tsx
@@ -1,9 +1,9 @@
 import classnames from 'classnames'
 import React, {useContext, useEffect} from 'react'
 import styled, {css} from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 import {MenuContext} from './SelectMenuContext'
 
 const tabStyles = css`
diff --git a/src/deprecated/SelectMenu/SelectMenuTabPanel.tsx b/src/deprecated/SelectMenu/SelectMenuTabPanel.tsx
@@ -1,8 +1,8 @@
 import React, {useContext} from 'react'
 import styled from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 import {MenuContext} from './SelectMenuContext'
 import SelectMenuList from './SelectMenuList'
 
diff --git a/src/deprecated/SelectMenu/SelectMenuTabs.tsx b/src/deprecated/SelectMenu/SelectMenuTabs.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 import styled, {css} from 'styled-components'
-import {get} from '../constants'
-import sx, {SxProp} from '../sx'
-import {ComponentProps} from '../utils/types'
+import {get} from '../../constants'
+import sx, {SxProp} from '../../sx'
+import {ComponentProps} from '../../utils/types'
 
 const tabWrapperStyles = css`
   display: flex;
diff --git a/src/deprecated/SelectMenu/hooks/useKeyboardNav.js b/src/deprecated/SelectMenu/hooks/useKeyboardNav.js
diff --git a/src/deprecated/SelectMenu/index.ts b/src/deprecated/SelectMenu/index.ts
diff --git a/src/deprecated/index.ts b/src/deprecated/index.ts
@@ -6,30 +6,30 @@
  *  example: import {FormGroup} from '@primer/react/deprecated
  */
 
-export {default as BorderBox} from '../BorderBox'
-export type {BorderBoxProps} from '../BorderBox'
+export {default as BorderBox} from './BorderBox'
+export type {BorderBoxProps} from './BorderBox'
 export {default as ChoiceFieldset, Item} from './ChoiceFieldset'
 export {default as ChoiceInputField} from './ChoiceInputField'
-export {default as Flex} from '../Flex'
-export type {FlexProps} from '../Flex'
-export {default as Grid} from '../Grid'
-export type {GridProps} from '../Grid'
-export {default as Position, Absolute, Fixed, Relative, Sticky} from '../Position'
-export type {PositionProps, AbsoluteProps, FixedProps, RelativeProps, StickyProps} from '../Position'
-export {default as Dropdown} from '../Dropdown'
+export {default as Flex} from './Flex'
+export type {FlexProps} from './Flex'
+export {default as Grid} from './Grid'
+export type {GridProps} from './Grid'
+export {default as Position, Absolute, Fixed, Relative, Sticky} from './Position'
+export type {PositionProps, AbsoluteProps, FixedProps, RelativeProps, StickyProps} from './Position'
+export {default as Dropdown} from './Dropdown'
 export type {
   DropdownProps,
   DropdownCaretProps,
   DropdownButtonProps,
   DropdownItemProps,
   DropdownMenuProps
-} from '../Dropdown'
+} from './Dropdown'
 export {default as FormGroup} from './FormGroup'
 export type {FormGroupProps, FormGroupLabelProps} from './FormGroup'
 export {default as InputField} from './InputField'
 export {default as Label} from './Label'
 export type {LabelProps} from './Label'
-export {default as SelectMenu} from '../SelectMenu'
+export {default as SelectMenu} from './SelectMenu'
 export type {
   SelectMenuProps,
   SelectMenuDividerProps,
@@ -43,7 +43,7 @@ export type {
   SelectMenuTabProps,
   SelectMenuTabPanelProps,
   SelectMenuLoadingAnimationProps
-} from '../SelectMenu'
+} from './SelectMenu'
 export {ActionList} from './ActionList'
 export type {ActionListProps} from './ActionList'
 export {ActionMenu} from './ActionMenu'
