chore: update components import (#399)

* rename the folder 'input' to 'inputs', 'RadioInput' to 'Radio' and 'file.tsx' to 'file-input.tsx'.

* Update component imports

* Rename from 'inputs' to 'form'.

src/page-modules/contact/components/input/checkbox.tsx → src/page-modules/contact/components/form/checkbox.tsx

@@ -15,7 +15,7 @@ export type CheckboxProps = {
   onClick?: () => void;
 };
 
-export function Checkbox({
+export default function Checkbox({
   onChange,
   error,
   disabled = false,

src/page-modules/contact/components/input/file.tsx → src/page-modules/contact/components/form/file-input.tsx

@@ -13,7 +13,7 @@ export type FileInputProps = {
 
 const MAX_ALLOWED_FILE_SIZE = 10 * 1024 * 1024; // 10MB
 
-export function FileInput({ onChange, label, name }: FileInputProps) {
+export default function FileInput({ onChange, label, name }: FileInputProps) {
   const { t } = useTranslation();
   const id = useId();
   const { static: staticColors } = useTheme();

src/page-modules/contact/components/form/index.ts

@@ -0,0 +1,13 @@
+export { default as Checkbox } from './checkbox';
+export { default as DescriptionModal } from './description-modal';
+export { default as ErrorMessage } from './error-message';
+export { default as FileInput } from './file-input';
+export { default as Input } from './input';
+export { default as Radio } from './radio';
+export { default as Select } from './select';
+export { default as Textarea } from './textarea';
+export {
+  SearchableSelect,
+  getLineOptions,
+  getStopOptions,
+} from './searchable-select';

src/page-modules/contact/components/input/radio.tsx → src/page-modules/contact/components/form/radio.tsx

@@ -7,7 +7,7 @@ export type RadioInputProps = {
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 } & JSX.IntrinsicElements['input'];
 
-export function RadioInput({
+export default function Radio({
   onChange,
   checked,
   label,

src/page-modules/contact/components/form/searchable-select/index.tsx

@@ -0,0 +1,2 @@
+export { default as SearchableSelect } from './searchable-select';
+export { getLineOptions, getStopOptions } from './utils';

src/page-modules/contact/components/input/searchable-select/utils.ts → src/page-modules/contact/components/form/searchable-select/utils.ts

@@ -1,5 +1,5 @@
 import { Line } from '@atb/page-modules/contact';
-import { Option } from './index';
+import { Option } from './searchable-select';
 
 export const getLineOptions = (lines: Line[]): Option<Line>[] => {
   return lines.map((line) => ({

src/page-modules/contact/components/input/textarea.tsx → src/page-modules/contact/components/form/textarea.tsx

@@ -7,7 +7,7 @@ export type CheckboxProps = {
   value: string;
 };
 
-export function Textarea({ onChange, error, value }: CheckboxProps) {
+export default function Textarea({ onChange, error, value }: CheckboxProps) {
   return (
     <div>
       <textarea className={style.textarea} value={value} onChange={onChange} />

src/page-modules/contact/components/index.tsx

@@ -0,0 +1,14 @@
+export {
+  Checkbox,
+  DescriptionModal,
+  ErrorMessage,
+  FileInput,
+  Input,
+  Radio,
+  Select,
+  Textarea,
+  SearchableSelect,
+  getLineOptions,
+  getStopOptions,
+} from './form';
+export { SectionCard } from './section-card';

src/page-modules/contact/group-travel/index.tsx

@@ -1,20 +1,20 @@
 import { useMachine } from '@xstate/react';
 import { groupTravelStateMachine } from './group-travel-state-machine';
-import { SectionCard } from '../components/section-card';
 import { PageText, useTranslation } from '@atb/translations';
 import style from '../contact.module.css';
-import { RadioInput } from '../components/input/radio';
 import { Typo } from '@atb/components/typography';
 import { useLines } from '../lines/use-lines';
 import { Line } from '../server/journey-planner/validators';
-import { Input } from '../components/input';
-import { Textarea } from '../components/input/textarea';
 import { Button } from '@atb/components/button';
-import SearchableSelect from '../components/input/searchable-select';
 import {
+  Radio,
+  Textarea,
+  Input,
+  SectionCard,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../components/input/searchable-select/utils';
+} from '../components';
 
 export default function GroupTravelContent() {
   const { t } = useTranslation();
@@ -42,7 +42,7 @@ export default function GroupTravelContent() {
       <SectionCard title={t(PageText.Contact.groupTravel.title)}>
         <ul className={style.form_options__list}>
           <li>
-            <RadioInput
+            <Radio
               label={t(PageText.Contact.groupTravel.travelTypeBus.radioLabel)}
               value={'bus'}
               checked={travelType === 'bus'}
@@ -52,7 +52,7 @@ export default function GroupTravelContent() {
             />
           </li>
           <li>
-            <RadioInput
+            <Radio
               label={t(PageText.Contact.groupTravel.travelTypeBoat.radioLabel)}
               value={'boat'}
               checked={travelType === 'boat'}

src/page-modules/contact/means-of-transport/forms/delayForm.tsx

@@ -1,21 +1,22 @@
 import { PageText, useTranslation } from '@atb/translations';
 import { useLines } from '../../lines/use-lines';
-import { SectionCard } from '../../components/section-card';
 import { Typo } from '@atb/components/typography';
-import Select from '../../components/input/select';
 import { ComponentText } from '@atb/translations';
-import { Input } from '../../components/input';
 import { TransportModeType } from '@atb-as/config-specs';
 import { Line } from '../..';
-import { FileInput } from '../../components/input/file';
-import { Textarea } from '../../components/input/textarea';
 import { ContextProps } from '../means-of-transport-form-machine';
 import { meansOfTransportFormEvents } from '../events';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Select,
+  Input,
+  FileInput,
+  Textarea,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
+
 type DelayFormProps = {
   state: { context: ContextProps };
   send: (event: typeof meansOfTransportFormEvents) => void;

src/page-modules/contact/means-of-transport/forms/driverForm.tsx

@@ -1,21 +1,21 @@
 import { PageText, useTranslation } from '@atb/translations';
 import { ContextProps } from '../means-of-transport-form-machine';
 import { useLines } from '../../lines/use-lines';
-import { SectionCard } from '../../components/section-card';
 import { Typo } from '@atb/components/typography';
-import Select from '../../components/input/select';
 import { ComponentText } from '@atb/translations';
-import { Input } from '../../components/input';
 import { TransportModeType } from '@atb-as/config-specs';
 import { Line } from '../..';
-import { FileInput } from '../../components/input/file';
-import { Textarea } from '../../components/input/textarea';
 import { meansOfTransportFormEvents } from '../events';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Select,
+  Input,
+  FileInput,
+  Textarea,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
 
 type DriverFormProps = {
   state: { context: ContextProps };

src/page-modules/contact/means-of-transport/forms/injuryForm.tsx

@@ -1,21 +1,21 @@
 import { PageText, useTranslation } from '@atb/translations';
 import { ContextProps } from '../means-of-transport-form-machine';
 import { useLines } from '../../lines/use-lines';
-import { SectionCard } from '../../components/section-card';
 import { Typo } from '@atb/components/typography';
-import Select from '../../components/input/select';
 import { ComponentText } from '@atb/translations';
-import { Input } from '../../components/input';
 import { TransportModeType } from '@atb-as/config-specs';
 import { Line } from '../..';
-import { FileInput } from '../../components/input/file';
-import { Textarea } from '../../components/input/textarea';
 import { meansOfTransportFormEvents } from '../events';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Select,
+  Input,
+  FileInput,
+  Textarea,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
 
 type InjuryFormProps = {
   state: { context: ContextProps };

src/page-modules/contact/means-of-transport/forms/serviceOfferingForm.tsx

@@ -1,21 +1,20 @@
 import { PageText, useTranslation } from '@atb/translations';
 import { ContextProps } from '../means-of-transport-form-machine';
 import { useLines } from '../../lines/use-lines';
-import { SectionCard } from '../../components/section-card';
 import { Typo } from '@atb/components/typography';
-import Select from '../../components/input/select';
 import { ComponentText } from '@atb/translations';
-import { Input } from '../../components/input';
 import { TransportModeType } from '@atb-as/config-specs';
 import { Line } from '../..';
-import { FileInput } from '../../components/input/file';
-import { Textarea } from '../../components/input/textarea';
 import { meansOfTransportFormEvents } from '../events';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Select,
+  Input,
+  FileInput,
+  Textarea,
+  SearchableSelect,
   getLineOptions,
-  getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
 
 type ServiceOfferingFormProps = {
   state: { context: ContextProps };

src/page-modules/contact/means-of-transport/forms/stopForm.tsx

@@ -1,21 +1,21 @@
 import { PageText, useTranslation } from '@atb/translations';
 import { ContextProps } from '../means-of-transport-form-machine';
 import { useLines } from '../../lines/use-lines';
-import { SectionCard } from '../../components/section-card';
 import { Typo } from '@atb/components/typography';
-import Select from '../../components/input/select';
 import { ComponentText } from '@atb/translations';
-import { Input } from '../../components/input';
 import { TransportModeType } from '@atb-as/config-specs';
 import { Line } from '../..';
-import { FileInput } from '../../components/input/file';
-import { Textarea } from '../../components/input/textarea';
 import { meansOfTransportFormEvents } from '../events';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Select,
+  Input,
+  FileInput,
+  Textarea,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
 
 type StopFormProps = {
   state: { context: ContextProps };

src/page-modules/contact/means-of-transport/forms/transportationForm.tsx

@@ -1,22 +1,22 @@
 import { PageText, useTranslation } from '@atb/translations';
 import { ContextProps } from '../means-of-transport-form-machine';
 import { useLines } from '../../lines/use-lines';
-import { SectionCard } from '../../components/section-card';
 import { Typo } from '@atb/components/typography';
-import Select from '../../components/input/select';
 import { ComponentText } from '@atb/translations';
-import { Input } from '../../components/input';
 import { TransportModeType } from '@atb-as/config-specs';
 import { Line } from '../..';
-import { FileInput } from '../../components/input/file';
-import { Textarea } from '../../components/input/textarea';
 import { meansOfTransportFormEvents } from '../events';
-import { Checkbox } from '../../components/input/checkbox';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Select,
+  Input,
+  FileInput,
+  Textarea,
+  Checkbox,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
 
 type TransportationFormProps = {
   state: { context: ContextProps };

src/page-modules/contact/means-of-transport/index.tsx

@@ -14,8 +14,7 @@ import {
 import { Button } from '@atb/components/button';
 import { PageText, useTranslation } from '@atb/translations';
 import { FormEventHandler, useState } from 'react';
-import { SectionCard } from '../components/section-card';
-import { RadioInput } from '../components/input/radio';
+import { Radio, SectionCard } from '../components';
 import style from '../contact.module.css';
 
 const MeansOfTransportContent = () => {
@@ -41,7 +40,7 @@ const MeansOfTransportContent = () => {
         <ul className={style.form_options__list}>
           {Object.values(FormType).map((formType) => (
             <li key={formType}>
-              <RadioInput
+              <Radio
                 label={t(
                   PageText.Contact.modeOfTransport[formType].description,
                 )}

src/page-modules/contact/ticket-control/forms/feeComplaintForm.tsx

@@ -1,15 +1,16 @@
 import style from '../../contact.module.css';
-import { Input } from '../../components/input';
-import { SectionCard } from '../../components/section-card';
 import { PageText, TranslatedString, useTranslation } from '@atb/translations';
-import { Checkbox } from '../../components/input/checkbox';
 import { Typo } from '@atb/components/typography';
-import { RadioInput } from '../../components/input/radio';
-import { Textarea } from '../../components/input/textarea';
-import ErrorMessage from '../../components/input/error-message';
-import { FileInput } from '../../components/input/file';
 import { ContextProps } from '../ticket-control-form-machine';
 import { ticketControlFormEvents } from '../events';
+import {
+  Input,
+  SectionCard,
+  Checkbox,
+  Radio,
+  Textarea,
+  FileInput,
+} from '../../components';
 
 type FeeComplaintFormProps = {
   state: { context: ContextProps };
@@ -132,7 +133,7 @@ const FormContent = ({ state, send }: FormProps) => {
           )}
         </Typo.h3>
 
-        <RadioInput
+        <Radio
           label={t(
             PageText.Contact.ticketControl.feeComplaint.ticketStorage.app.title,
           )}
@@ -146,7 +147,7 @@ const FormContent = ({ state, send }: FormProps) => {
             })
           }
         />
-        <RadioInput
+        <Radio
           label={t(PageText.Contact.input.travelCardNumber.label)}
           name="isAppTicketStorageMode"
           checked={!state.context.isAppTicketStorageMode}

src/page-modules/contact/ticket-control/forms/feedbackForm.tsx

@@ -1,20 +1,20 @@
-import { SectionCard } from '../../components/section-card';
 import { ComponentText, PageText, useTranslation } from '@atb/translations';
 import { TransportModeType } from '@atb-as/config-specs';
-import { Input } from '../../components/input';
 import { Line } from '../..';
-import { Textarea } from '../../components/input/textarea';
 import { Typo } from '@atb/components/typography';
-import { FileInput } from '../../components/input/file';
 import { ticketControlFormEvents } from '../events';
 import { ContextProps } from '../ticket-control-form-machine';
-import Select from '../../components/input/select';
 import { useLines } from '../../lines/use-lines';
-import SearchableSelect from '../../components/input/searchable-select';
 import {
+  SectionCard,
+  Input,
+  Textarea,
+  FileInput,
+  Select,
+  SearchableSelect,
   getLineOptions,
   getStopOptions,
-} from '../../components/input/searchable-select/utils';
+} from '../../components';
 
 type FeedbackFormProps = {
   state: { context: ContextProps };

src/page-modules/contact/ticket-control/forms/postponePayment.tsx

@@ -1,5 +1,4 @@
-import { Input } from '../../components/input';
-import { SectionCard } from '../../components/section-card';
+import { Input, SectionCard } from '../../components';
 import { PageText, useTranslation } from '@atb/translations';
 import { ticketControlFormEvents } from '../events';
 import { ContextProps } from '../ticket-control-form-machine';