refactor(form-field): move to shared for split packages

src/components/FormField/FeedbackIcon.jsx → shared/components/FormField/FeedbackIcon.jsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import Fade from '../../../shared/components/Animation/Fade'
-import StandaloneIcon from '../Icons/StandaloneIcon/StandaloneIcon'
+import Fade from '../Animation/Fade'
+import StandaloneIcon from '../../../src/components/Icons/StandaloneIcon/StandaloneIcon'
 
-import iconWrapperStyles from '../Icons/IconWrapper.modules.scss'
+import iconWrapperStyles from '../../../src/components/Icons/IconWrapper.modules.scss'
 
 const FeedbackIcon = ({ showIcon, feedback }) => (
   <Fade timeout={100} in={showIcon} mountOnEnter={true} unmountOnExit={true}>

src/components/FormField/FormField.jsx → shared/components/FormField/FormField.jsx

@@ -2,18 +2,18 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { childrenOfType } from 'airbnb-prop-types'
 
-import safeRest from '../../utils/safeRest'
-import generateId from '../../utils/generateId'
+import safeRest from '../../../src/utils/safeRest'
+import generateId from '../../../src/utils/generateId'
 
 import Box from '../../../packages/Box/Box'
-import Flexbox from '../../../shared/components/Flexbox/Flexbox'
-import Text from '../Typography/Text/Text'
-import Paragraph from '../Typography/Paragraph/Paragraph'
-import InputFeedback from '../InputFeedback/InputFeedback'
-import Tooltip from '../Tooltip/Tooltip'
+import Flexbox from '../Flexbox/Flexbox'
+import Text from '../../../src/components/Typography/Text/Text'
+import Paragraph from '../../../src/components/Typography/Paragraph/Paragraph'
+import InputFeedback from '../../../src/components/InputFeedback/InputFeedback'
+import Tooltip from '../../../src/components/Tooltip/Tooltip'
 
 import styles from './FormField.modules.scss'
-import positionStyles from '../Position.modules.scss'
+import positionStyles from '../../../src/components/Position.modules.scss'
 
 const getClassName = (feedback, focus, disabled) => {
   if (disabled) {

src/components/FormField/FormField.modules.scss → shared/components/FormField/FormField.modules.scss

@@ -1,5 +1,5 @@
-@import '../../scss/settings/colours';
-@import '../../scss/settings/typography';
+@import '../../../src/scss/settings/colours';
+@import '../../../src/scss/settings/typography';
 
 /* LABEL */
 
@@ -18,10 +18,10 @@
   // This vertical padding fixes an IE11 bug that was causing the input value to jump slightly and get cut off.
   composes: verticalPadding-2 horizontalPadding-3 from '../../../packages/Box/Box.modules.scss';
 
-  composes: thin rounded from '../Borders.modules.scss';
+  composes: thin rounded from '../../../src/components/Borders.modules.scss';
 
-  composes: font from '../Forms.modules.scss';
-  composes: medium mediumFont color from '../Typography/Text/Text.modules.scss';
+  composes: font from '../../../src/components/Forms.modules.scss';
+  composes: medium mediumFont color from '../../../src/components/Typography/Text/Text.modules.scss';
 
   outline: 0;
 

src/components/FormField/__tests__/addRightPadding.spec.js → shared/components/FormField/__tests__/addRightPadding.spec.js

@@ -1,4 +1,4 @@
-import addRightPadding  from '../addRightPadding'
+import addRightPadding from '../addRightPadding'
 
 describe('icon positioning calculations to prevent text overlapping', () => {
   it('does not add padding when there are no visible icons', () => {

src/components/Input/Input.jsx

@@ -6,10 +6,10 @@ import joinClassNames from '../../utils/joinClassNames'
 
 import Tooltip from '../Tooltip/Tooltip'
 import InputFeedback from '../InputFeedback/InputFeedback'
-import FormField from '../FormField/FormField'
-import FeedbackIcon from '../FormField/FeedbackIcon'
+import FormField from '../../../shared/components/FormField/FormField'
+import FeedbackIcon from '../../../shared/components/FormField/FeedbackIcon'
 
-import addRightPadding from '../FormField/addRightPadding'
+import addRightPadding from '../../../shared/components/FormField/addRightPadding'
 
 import positionStyles from '../Position.modules.scss'
 import formStyles from '../Forms.modules.scss'

src/components/Input/Input.modules.scss

@@ -9,5 +9,5 @@
 
 .iconsPosition {
   composes: absolute centerVertically from '../Position.modules.scss';
-  composes: iconRight from '../FormField/FormField.modules.scss';
+  composes: iconRight from '../../../shared/components/FormField/FormField.modules.scss';
 }

src/components/Select/Select.jsx

@@ -6,11 +6,11 @@ import joinClassNames from '../../utils/joinClassNames'
 
 import DecorativeIcon from '../Icons/DecorativeIcon/DecorativeIcon'
 import Tooltip from '../Tooltip/Tooltip'
-import FormField from '../FormField/FormField'
-import FeedbackIcon from '../FormField/FeedbackIcon'
+import FormField from '../../../shared/components/FormField/FormField'
+import FeedbackIcon from '../../../shared/components/FormField/FeedbackIcon'
 import Box from '../../../packages/Box/Box'
 
-import addRightPadding from '../FormField/addRightPadding'
+import addRightPadding from '../../../shared/components/FormField/addRightPadding'
 
 import styles from './Select.modules.scss'
 import iconWrapperStyles from '../Icons/IconWrapper.modules.scss'

src/components/Select/Select.modules.scss

@@ -28,7 +28,7 @@
 
 .iconsPosition {
   composes: absolute centerVertically from '../Position.modules.scss';
-  composes: iconRight from '../FormField/FormField.modules.scss';
+  composes: iconRight from '../../../shared/components/FormField/FormField.modules.scss';
 
   z-index: 3;
   pointer-events: none;

src/components/TextArea/TextArea.jsx

@@ -5,10 +5,10 @@ import { childrenOfType } from 'airbnb-prop-types'
 import joinClassNames from '../../utils/joinClassNames'
 
 import Tooltip from '../Tooltip/Tooltip'
-import FormField from '../FormField/FormField'
-import FeedbackIcon from '../FormField/FeedbackIcon'
+import FormField from '../../../shared/components/FormField/FormField'
+import FeedbackIcon from '../../../shared/components/FormField/FeedbackIcon'
 
-import addRightPadding from '../FormField/addRightPadding'
+import addRightPadding from '../../../shared/components/FormField/addRightPadding'
 
 import styles from './TextArea.modules.scss'
 import positionStyles from '../Position.modules.scss'

src/components/TextArea/TextArea.modules.scss

@@ -11,7 +11,7 @@
 
 .feedbackIconPosition {
   composes: absolute from '../Position.modules.scss';
-  composes: iconRight from '../FormField/FormField.modules.scss';
+  composes: iconRight from '../../../shared/components/FormField/FormField.modules.scss';
 
   top: 0.5rem;
 }