diff options
Diffstat (limited to 'src/components/molecules/forms')
23 files changed, 40 insertions, 39 deletions
diff --git a/src/components/molecules/forms/ackee-toggle.test.tsx b/src/components/molecules/forms/ackee-toggle.test.tsx index 5bcd018..a4d36b3 100644 --- a/src/components/molecules/forms/ackee-toggle.test.tsx +++ b/src/components/molecules/forms/ackee-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import AckeeToggle from './ackee-toggle'; import { storageKey } from './ackee-toggle.fixture'; diff --git a/src/components/molecules/forms/ackee-toggle.tsx b/src/components/molecules/forms/ackee-toggle.tsx index 67a3644..ba77c10 100644 --- a/src/components/molecules/forms/ackee-toggle.tsx +++ b/src/components/molecules/forms/ackee-toggle.tsx @@ -1,9 +1,9 @@ -import useLocalStorage from '@utils/hooks/use-local-storage'; -import useUpdateAckeeOptions, { - type AckeeOptions, -} from '@utils/hooks/use-update-ackee-options'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import useLocalStorage from '../../../utils/hooks/use-local-storage'; +import useUpdateAckeeOptions, { + type AckeeOptions, +} from '../../../utils/hooks/use-update-ackee-options'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/forms/fieldset.test.tsx b/src/components/molecules/forms/fieldset.test.tsx index cfddc9e..aec7a51 100644 --- a/src/components/molecules/forms/fieldset.test.tsx +++ b/src/components/molecules/forms/fieldset.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import Fieldset from './fieldset'; import { body, legend, Tooltip } from './fieldset.fixture'; diff --git a/src/components/molecules/forms/fieldset.tsx b/src/components/molecules/forms/fieldset.tsx index 961ec6d..4cbf71d 100644 --- a/src/components/molecules/forms/fieldset.tsx +++ b/src/components/molecules/forms/fieldset.tsx @@ -1,4 +1,3 @@ -import useOnClickOutside from '@utils/hooks/use-on-click-outside'; import { cloneElement, FC, @@ -7,6 +6,7 @@ import { useRef, useState, } from 'react'; +import useOnClickOutside from '../../../utils/hooks/use-on-click-outside'; import HelpButton from '../buttons/help-button'; import Tooltip from '../modals/tooltip'; import styles from './fieldset.module.scss'; diff --git a/src/components/molecules/forms/flipping-label.module.scss b/src/components/molecules/forms/flipping-label.module.scss index e650ebe..b0452fe 100644 --- a/src/components/molecules/forms/flipping-label.module.scss +++ b/src/components/molecules/forms/flipping-label.module.scss @@ -1,4 +1,4 @@ -@use "@styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/functions" as fun; .label { display: block; diff --git a/src/components/molecules/forms/flipping-label.stories.tsx b/src/components/molecules/forms/flipping-label.stories.tsx index b8d17ec..9391fd2 100644 --- a/src/components/molecules/forms/flipping-label.stories.tsx +++ b/src/components/molecules/forms/flipping-label.stories.tsx @@ -1,6 +1,6 @@ -import MagnifyingGlass from '@components/atoms/icons/magnifying-glass'; import { ComponentMeta, ComponentStory } from '@storybook/react'; import { useState } from 'react'; +import MagnifyingGlass from '../../atoms/icons/magnifying-glass'; import FlippingLabel from './flipping-label'; export default { diff --git a/src/components/molecules/forms/flipping-label.test.tsx b/src/components/molecules/forms/flipping-label.test.tsx index a1aab97..61864fd 100644 --- a/src/components/molecules/forms/flipping-label.test.tsx +++ b/src/components/molecules/forms/flipping-label.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import FlippingLabel from './flipping-label'; describe('FlippingLabel', () => { diff --git a/src/components/molecules/forms/flipping-label.tsx b/src/components/molecules/forms/flipping-label.tsx index 12f8d8d..ca83c6d 100644 --- a/src/components/molecules/forms/flipping-label.tsx +++ b/src/components/molecules/forms/flipping-label.tsx @@ -1,6 +1,6 @@ -import Label, { LabelProps } from '@components/atoms/forms/label'; -import Close from '@components/atoms/icons/close'; import { FC } from 'react'; +import Label, { LabelProps } from '../../atoms/forms/label'; +import Close from '../../atoms/icons/close'; import styles from './flipping-label.module.scss'; export type FlippingLabelProps = Pick< diff --git a/src/components/molecules/forms/labelled-boolean-field.test.tsx b/src/components/molecules/forms/labelled-boolean-field.test.tsx index 7e01853..4e7728c 100644 --- a/src/components/molecules/forms/labelled-boolean-field.test.tsx +++ b/src/components/molecules/forms/labelled-boolean-field.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import LabelledBooleanField from './labelled-boolean-field'; import { label } from './labelled-boolean-field.fixture'; diff --git a/src/components/molecules/forms/labelled-boolean-field.tsx b/src/components/molecules/forms/labelled-boolean-field.tsx index 46eb080..661e549 100644 --- a/src/components/molecules/forms/labelled-boolean-field.tsx +++ b/src/components/molecules/forms/labelled-boolean-field.tsx @@ -1,8 +1,8 @@ +import { FC } from 'react'; import BooleanField, { type BooleanFieldProps, -} from '@components/atoms/forms/boolean-field'; -import Label, { type LabelProps } from '@components/atoms/forms/label'; -import { FC } from 'react'; +} from '../../atoms/forms/boolean-field'; +import Label, { type LabelProps } from '../../atoms/forms/label'; import styles from './labelled-boolean-field.module.scss'; export type LabelledBooleanFieldProps = Omit< diff --git a/src/components/molecules/forms/labelled-field.test.tsx b/src/components/molecules/forms/labelled-field.test.tsx index 030ec7c..97681dc 100644 --- a/src/components/molecules/forms/labelled-field.test.tsx +++ b/src/components/molecules/forms/labelled-field.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import LabelledField from './labelled-field'; describe('LabelledField', () => { diff --git a/src/components/molecules/forms/labelled-field.tsx b/src/components/molecules/forms/labelled-field.tsx index 6a00a3e..63c91fe 100644 --- a/src/components/molecules/forms/labelled-field.tsx +++ b/src/components/molecules/forms/labelled-field.tsx @@ -1,6 +1,6 @@ -import Field, { type FieldProps } from '@components/atoms/forms/field'; -import Label from '@components/atoms/forms/label'; import { forwardRef, ForwardRefRenderFunction } from 'react'; +import Field, { type FieldProps } from '../../atoms/forms/field'; +import Label from '../../atoms/forms/label'; import styles from './labelled-field.module.scss'; export type LabelledFieldProps = FieldProps & { diff --git a/src/components/molecules/forms/labelled-select.test.tsx b/src/components/molecules/forms/labelled-select.test.tsx index 1346e7c..3823117 100644 --- a/src/components/molecules/forms/labelled-select.test.tsx +++ b/src/components/molecules/forms/labelled-select.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import LabelledSelect from './labelled-select'; const selectOptions = [ diff --git a/src/components/molecules/forms/labelled-select.tsx b/src/components/molecules/forms/labelled-select.tsx index 23057d0..a12956c 100644 --- a/src/components/molecules/forms/labelled-select.tsx +++ b/src/components/molecules/forms/labelled-select.tsx @@ -1,6 +1,6 @@ -import Label, { type LabelProps } from '@components/atoms/forms/label'; -import Select, { type SelectProps } from '@components/atoms/forms/select'; import { FC } from 'react'; +import Label, { type LabelProps } from '../../atoms/forms/label'; +import Select, { type SelectProps } from '../../atoms/forms/select'; import styles from './labelled-select.module.scss'; export type LabelledSelectProps = Omit< diff --git a/src/components/molecules/forms/motion-toggle.test.tsx b/src/components/molecules/forms/motion-toggle.test.tsx index 8b66758..f6cf3ac 100644 --- a/src/components/molecules/forms/motion-toggle.test.tsx +++ b/src/components/molecules/forms/motion-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import MotionToggle from './motion-toggle'; import { storageKey } from './motion-toggle.fixture'; diff --git a/src/components/molecules/forms/motion-toggle.tsx b/src/components/molecules/forms/motion-toggle.tsx index ad47b33..7e150ca 100644 --- a/src/components/molecules/forms/motion-toggle.tsx +++ b/src/components/molecules/forms/motion-toggle.tsx @@ -1,7 +1,7 @@ -import useAttributes from '@utils/hooks/use-attributes'; -import useLocalStorage from '@utils/hooks/use-local-storage'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import useAttributes from '../../../utils/hooks/use-attributes'; +import useLocalStorage from '../../../utils/hooks/use-local-storage'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/forms/prism-theme-toggle.test.tsx b/src/components/molecules/forms/prism-theme-toggle.test.tsx index 1fc537b..a488720 100644 --- a/src/components/molecules/forms/prism-theme-toggle.test.tsx +++ b/src/components/molecules/forms/prism-theme-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import PrismThemeToggle from './prism-theme-toggle'; describe('PrismThemeToggle', () => { diff --git a/src/components/molecules/forms/prism-theme-toggle.tsx b/src/components/molecules/forms/prism-theme-toggle.tsx index 5a4d8a9..b058230 100644 --- a/src/components/molecules/forms/prism-theme-toggle.tsx +++ b/src/components/molecules/forms/prism-theme-toggle.tsx @@ -1,8 +1,11 @@ -import Moon from '@components/atoms/icons/moon'; -import Sun from '@components/atoms/icons/sun'; -import { type PrismTheme, usePrismTheme } from '@utils/providers/prism-theme'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import { + type PrismTheme, + usePrismTheme, +} from '../../../utils/providers/prism-theme'; +import Moon from '../../atoms/icons/moon'; +import Sun from '../../atoms/icons/sun'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, diff --git a/src/components/molecules/forms/radio-group.module.scss b/src/components/molecules/forms/radio-group.module.scss index f363d1b..cadff46 100644 --- a/src/components/molecules/forms/radio-group.module.scss +++ b/src/components/molecules/forms/radio-group.module.scss @@ -1,5 +1,5 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; +@use "../../../styles/abstracts/functions" as fun; +@use "../../../styles/abstracts/mixins" as mix; .wrapper { &--inline { diff --git a/src/components/molecules/forms/radio-group.test.tsx b/src/components/molecules/forms/radio-group.test.tsx index fda505b..9fb4249 100644 --- a/src/components/molecules/forms/radio-group.test.tsx +++ b/src/components/molecules/forms/radio-group.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import RadioGroup from './radio-group'; import { getOptions, initialChoice, legend } from './radio-group.fixture'; diff --git a/src/components/molecules/forms/radio-group.tsx b/src/components/molecules/forms/radio-group.tsx index 3930908..7f47673 100644 --- a/src/components/molecules/forms/radio-group.tsx +++ b/src/components/molecules/forms/radio-group.tsx @@ -1,8 +1,6 @@ -import Fieldset, { - type FieldsetProps, -} from '@components/molecules/forms/fieldset'; -import useStateChange from '@utils/hooks/use-state-change'; import { ChangeEvent, FC, MouseEvent, SetStateAction } from 'react'; +import useStateChange from '../../../utils/hooks/use-state-change'; +import Fieldset, { type FieldsetProps } from '../forms/fieldset'; import LabelledBooleanField, { type LabelledBooleanFieldProps, } from './labelled-boolean-field'; diff --git a/src/components/molecules/forms/theme-toggle.test.tsx b/src/components/molecules/forms/theme-toggle.test.tsx index 7c056b8..d379423 100644 --- a/src/components/molecules/forms/theme-toggle.test.tsx +++ b/src/components/molecules/forms/theme-toggle.test.tsx @@ -1,4 +1,4 @@ -import { render, screen } from '@tests/utils'; +import { render, screen } from '../../../../tests/utils'; import ThemeToggle from './theme-toggle'; describe('ThemeToggle', () => { diff --git a/src/components/molecules/forms/theme-toggle.tsx b/src/components/molecules/forms/theme-toggle.tsx index 6a676a9..e0a6683 100644 --- a/src/components/molecules/forms/theme-toggle.tsx +++ b/src/components/molecules/forms/theme-toggle.tsx @@ -1,8 +1,8 @@ -import Moon from '@components/atoms/icons/moon'; -import Sun from '@components/atoms/icons/sun'; import { useTheme } from 'next-themes'; import { FC } from 'react'; import { useIntl } from 'react-intl'; +import Moon from '../../atoms/icons/moon'; +import Sun from '../../atoms/icons/sun'; import RadioGroup, { type RadioGroupCallback, type RadioGroupCallbackProps, |