chore: move all non adapter components out of UI (#316)

Author: serikjensen

src/components/Common/UI/FieldCaption/FieldCaption.module.scss renamed to src/components/Common/FieldCaption/FieldCaption.module.scss

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next'
 import classNames from 'classnames'
-import { VisuallyHidden } from '../../VisuallyHidden'
+import { VisuallyHidden } from '../VisuallyHidden'
 import styles from './FieldCaption.module.scss'
 
 export interface FieldCaptionProps {

src/components/Common/UI/FieldCaption/FieldCaption.stories.tsx renamed to src/components/Common/FieldCaption/FieldCaption.stories.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import { VisuallyHidden } from '../../VisuallyHidden'
+import { VisuallyHidden } from '../VisuallyHidden'
 import { FieldErrorMessage } from '../FieldErrorMessage'
 import { FieldDescription } from '../FieldDescription'
 import styles from './HorizontalFieldLayout.module.scss'

src/components/Common/UI/FieldCaption/FieldCaption.tsx renamed to src/components/Common/FieldCaption/FieldCaption.tsx

@@ -1,8 +1,8 @@
 import type { ChangeEvent } from 'react'
 import { useFieldIds } from '../hooks/useFieldIds'
-import { HorizontalFieldLayout } from '../HorizontalFieldLayout'
 import styles from './Checkbox.module.scss'
 import type { CheckboxProps } from './CheckboxTypes'
+import { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'
 import IconChecked from '@/assets/icons/checkbox.svg?react'
 
 export const Checkbox = ({

src/components/Common/UI/FieldCaption/index.ts renamed to src/components/Common/FieldCaption/index.ts

@@ -1,5 +1,5 @@
 import type { InputHTMLAttributes, Ref } from 'react'
-import type { SharedHorizontalFieldLayoutProps } from '../HorizontalFieldLayout/HorizontalFieldLayoutTypes'
+import type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'
 
 export interface CheckboxProps
   extends SharedHorizontalFieldLayoutProps,

src/components/Common/UI/FieldDescription/FieldDescription.module.scss renamed to src/components/Common/FieldDescription/FieldDescription.module.scss

@@ -9,10 +9,10 @@ import {
 import { useCheckboxGroupItem } from 'react-aria'
 import type { AriaCheckboxProps } from 'react-aria'
 import type React from 'react'
-import { Fieldset } from '../Fieldset'
 import { Checkbox } from '../Checkbox'
 import styles from './CheckboxGroup.module.scss'
 import type { CheckboxGroupProps } from './CheckboxGroupTypes'
+import { Fieldset } from '@/components/Common/Fieldset'
 import { useForkRef } from '@/hooks/useForkRef/useForkRef'
 
 // Checkbox implementation specific to React Aria to get our checkbox to connect

src/components/Common/UI/FieldDescription/FieldDescription.stories.tsx renamed to src/components/Common/FieldDescription/FieldDescription.stories.tsx

@@ -1,5 +1,5 @@
 import type { FieldsetHTMLAttributes, Ref } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export type CheckboxGroupOption = {
   label: React.ReactNode

src/components/Common/UI/FieldDescription/FieldDescription.tsx renamed to src/components/Common/FieldDescription/FieldDescription.tsx

@@ -10,10 +10,10 @@ import {
 import { useTranslation } from 'react-i18next'
 import { useMemo } from 'react'
 import classNames from 'classnames'
-import { FieldLayout } from '../FieldLayout'
 import { useFieldIds } from '../hooks/useFieldIds'
 import styles from './ComboBox.module.scss'
 import type { ComboBoxProps } from './ComboBoxTypes'
+import { FieldLayout } from '@/components/Common/FieldLayout'
 import { useTheme } from '@/contexts/ThemeProvider'
 import AlertCircle from '@/assets/icons/alert-circle.svg?react'
 import CaretDown from '@/assets/icons/caret-down.svg?react'

src/components/Common/UI/FieldDescription/index.ts renamed to src/components/Common/FieldDescription/index.ts

@@ -1,5 +1,5 @@
 import type { InputHTMLAttributes, Ref, FocusEvent } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export interface ComboBoxOption {
   label: string

src/components/Common/UI/FieldErrorMessage/FieldErrorMessage.module.scss renamed to src/components/Common/FieldErrorMessage/FieldErrorMessage.module.scss

@@ -15,10 +15,10 @@ import {
 import { useTranslation } from 'react-i18next'
 import classNames from 'classnames'
 import { parseDate } from '@internationalized/date'
-import { FieldLayout } from '../FieldLayout'
 import { useFieldIds } from '../hooks/useFieldIds'
 import styles from './DatePicker.module.scss'
 import type { DatePickerProps } from './DatePickerTypes'
+import { FieldLayout } from '@/components/Common/FieldLayout'
 import { useTheme } from '@/contexts/ThemeProvider'
 import CaretDown from '@/assets/icons/caret-down.svg?react'
 import CaretRight from '@/assets/icons/caret-right.svg?react'

src/components/Common/UI/FieldErrorMessage/FieldErrorMessage.stories.tsx renamed to src/components/Common/FieldErrorMessage/FieldErrorMessage.stories.tsx

@@ -1,5 +1,5 @@
 import type { InputHTMLAttributes, Ref, FocusEvent } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export interface DatePickerProps
   extends SharedFieldLayoutProps,

src/components/Common/UI/FieldErrorMessage/FieldErrorMessage.tsx renamed to src/components/Common/FieldErrorMessage/FieldErrorMessage.tsx

@@ -1,11 +1,11 @@
 import { useMemo } from 'react'
 import { Group, NumberField as AriaNumberField } from 'react-aria-components'
 import classNames from 'classnames'
-import { FieldLayout } from '../FieldLayout'
 import { Input } from '../Input'
 import { useFieldIds } from '../hooks/useFieldIds'
 import styles from './NumberInput.module.scss'
 import type { NumberInputProps } from './NumberInputTypes'
+import { FieldLayout } from '@/components/Common/FieldLayout'
 import { useLocale } from '@/contexts/LocaleProvider'
 
 export function NumberInput({

src/components/Common/UI/FieldErrorMessage/index.ts renamed to src/components/Common/FieldErrorMessage/index.ts

@@ -1,6 +1,6 @@
 import type { FocusEventHandler, InputHTMLAttributes, Ref } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
 import type { InputProps } from '../Input/InputTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export interface NumberInputProps
   extends SharedFieldLayoutProps,

src/components/Common/UI/FieldLayout/FieldLayout.module.scss renamed to src/components/Common/FieldLayout/FieldLayout.module.scss

@@ -1,9 +1,9 @@
 import type { ChangeEvent } from 'react'
 import classNames from 'classnames'
 import { useFieldIds } from '../hooks/useFieldIds'
-import { HorizontalFieldLayout } from '../HorizontalFieldLayout'
 import styles from './Radio.module.scss'
 import type { RadioProps } from './RadioTypes'
+import { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'
 
 export const Radio = ({
   name,

src/components/Common/UI/FieldLayout/FieldLayout.stories.tsx renamed to src/components/Common/FieldLayout/FieldLayout.stories.tsx

@@ -1,5 +1,5 @@
 import type { InputHTMLAttributes, Ref } from 'react'
-import type { SharedHorizontalFieldLayoutProps } from '../HorizontalFieldLayout/HorizontalFieldLayoutTypes'
+import type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'
 
 export interface RadioProps
   extends SharedHorizontalFieldLayoutProps,

src/components/Common/UI/FieldLayout/FieldLayout.test.tsx renamed to src/components/Common/FieldLayout/FieldLayout.test.tsx

@@ -9,10 +9,10 @@ import {
 import { useRadio } from 'react-aria'
 import type { AriaRadioProps } from 'react-aria'
 import type React from 'react'
-import { Fieldset } from '../Fieldset'
 import { Radio } from '../Radio'
 import styles from './RadioGroup.module.scss'
 import type { RadioGroupProps } from './RadioGroupTypes'
+import { Fieldset } from '@/components/Common/Fieldset'
 import { useForkRef } from '@/hooks/useForkRef/useForkRef'
 
 // Radio implementation specific to React Aria to get our radio to connect

src/components/Common/UI/FieldLayout/FieldLayout.tsx renamed to src/components/Common/FieldLayout/FieldLayout.tsx

@@ -1,5 +1,5 @@
 import type { FieldsetHTMLAttributes, Ref } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export type RadioGroupOption = {
   label: React.ReactNode

src/components/Common/UI/FieldLayout/FieldLayoutTypes.ts renamed to src/components/Common/FieldLayout/FieldLayoutTypes.ts

@@ -11,9 +11,9 @@ import { useTranslation } from 'react-i18next'
 import { useMemo } from 'react'
 import classNames from 'classnames'
 import { useFieldIds } from '../hooks/useFieldIds'
-import { FieldLayout } from '../FieldLayout'
 import styles from './Select.module.scss'
 import type { SelectProps } from './SelectTypes'
+import { FieldLayout } from '@/components/Common/FieldLayout'
 import CaretDown from '@/assets/icons/caret-down.svg?react'
 import AlertCircle from '@/assets/icons/alert-circle.svg?react'
 import { useTheme } from '@/contexts/ThemeProvider'

src/components/Common/UI/FieldLayout/index.ts renamed to src/components/Common/FieldLayout/index.ts

@@ -1,5 +1,5 @@
 import type { FocusEvent, Ref, SelectHTMLAttributes } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export interface SelectOption {
   value: string

src/components/Common/UI/Fieldset/Fieldset.module.scss renamed to src/components/Common/Fieldset/Fieldset.module.scss

@@ -2,9 +2,9 @@ import { Switch as _Switch } from 'react-aria-components'
 import classNames from 'classnames'
 import { useRef, useEffect } from 'react'
 import { useFieldIds } from '../hooks/useFieldIds'
-import { HorizontalFieldLayout } from '../HorizontalFieldLayout'
 import styles from './Switch.module.scss'
 import type { SwitchProps } from './SwitchTypes'
+import { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'
 
 export function Switch({
   name,

src/components/Common/UI/Fieldset/Fieldset.stories.tsx renamed to src/components/Common/Fieldset/Fieldset.stories.tsx

@@ -1,5 +1,5 @@
 import type { FocusEvent, InputHTMLAttributes, Ref } from 'react'
-import type { SharedHorizontalFieldLayoutProps } from '../HorizontalFieldLayout/HorizontalFieldLayoutTypes'
+import type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'
 
 export interface SwitchProps
   extends SharedHorizontalFieldLayoutProps,

src/components/Common/UI/Fieldset/Fieldset.test.tsx renamed to src/components/Common/Fieldset/Fieldset.test.tsx

@@ -1,8 +1,8 @@
 import type { ChangeEvent } from 'react'
-import { FieldLayout } from '../FieldLayout'
 import { Input } from '../Input'
 import { useFieldIds } from '../hooks/useFieldIds'
 import type { TextInputProps } from './TextInputTypes'
+import { FieldLayout } from '@/components/Common/FieldLayout'
 
 export function TextInput({
   name,

src/components/Common/UI/Fieldset/Fieldset.tsx renamed to src/components/Common/Fieldset/Fieldset.tsx

@@ -1,6 +1,6 @@
 import type { Ref, InputHTMLAttributes } from 'react'
-import type { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes'
 import type { InputProps } from '../Input/InputTypes'
+import type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'
 
 export interface TextInputProps
   extends SharedFieldLayoutProps,