@autobusal/routes-search 0.0.6 → 1.0.1

package/RoutesSearch.tsx

@@ -3,13 +3,12 @@ import { TFunction } from 'i18next';
 import { useForm } from 'react-hook-form';
 import { FaArrowUp, FaHistory } from 'react-icons/fa';
 import { AiOutlineSearch } from 'react-icons/ai';
-import { Button } from '@autobusal/common';
-import { display, createDate } from '@autobusal/utilities';
-import { Autocomplete, Calendar, Passengers } from '@autobusal/common';
+import { Button, Autocomplete, Calendar, Passengers } from '@autobusal/common';
+import { Display, createDate } from '@autobusal/utilities';
 import { Options, Columns, Column, Item, Title, Action } from './styles';
-import { RoutesSearchForm } from './types';
 import { AutocompleteData } from '@autobusal/common/Autocomplete/types';
-import { GetSuggestions } from './services';
+import { RoutesSearchForm } from './types';
+import { useGetSuggestions } from './services';
 
 interface Props {
   type: 'departure' | 'return'
@@ -17,19 +16,19 @@ interface Props {
   to: string
   departure: string
   _return: string
-  adults: number
-  children: number
-  babies: number
+  adultsNo: number
+  childrenNo: number
+  babiesNo: number
   t: TFunction<'common'>
   onSearch: (data: RoutesSearchForm) => void
 }
 
-const RoutesSearch = ({ type, from, to, departure, _return, adults, children, babies, t, onSearch }: Props): JSX.Element => {
+const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo, babiesNo, t, onSearch }: Props): JSX.Element => {
   const [ selected, setSelected ] = useState<'departure' | 'return'>(type);
 
   const { register, handleSubmit, formState: { errors }, setValue } = useForm<RoutesSearchForm>();
 
-  const { data } = GetSuggestions();
+  const { data } = useGetSuggestions();
 
   const onClick = (type: ('departure' | 'return')): void => {
     setSelected(type);
@@ -101,7 +100,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adults, children, ba
               onUpdate={ setValue }
             />
 
-            { display(errors.from) }
+            { Display(errors.from) }
           </Item>
 
           <Item>
@@ -117,7 +116,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adults, children, ba
               onUpdate={ setValue }
             />
 
-            { display(errors.to) }
+            { Display(errors.to) }
           </Item>
         </Column>
 
@@ -135,7 +134,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adults, children, ba
               onUpdate={ setValue }
             />
 
-            { display(errors.departure) }
+            { Display(errors.departure) }
           </Item>
 
           { selected === 'return' && (
@@ -152,7 +151,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adults, children, ba
                 onUpdate={ setValue }
               />
 
-              { display(errors._return) }
+              { Display(errors._return) }
             </Item>
           ) }
         </Column>
@@ -162,9 +161,9 @@ const RoutesSearch = ({ type, from, to, departure, _return, adults, children, ba
             <Title>{ t('routes_search.passengers', { ns: 'common' }) }</Title>
 
             <Passengers 
-              defaultAdults={ adults }
-              defaultChildren={ children }
-              defaultBabies={ babies }
+              defaultAdults={ adultsNo }
+              defaultChildren={ childrenNo }
+              defaultBabies={ babiesNo }
               t={ t }
               refs={ register }
               onUpdate={ setValue }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/routes-search",
-  "version": "0.0.6",
+  "version": "1.0.1",
   "type": "module",
   "main": "index.ts"
 }

package/services.ts

@@ -2,7 +2,7 @@ import { useSuspenseQuery, UseSuspenseQueryResult } from '@tanstack/react-query'
 import { apiClient } from '@autobusal/providers';
 import { CityData } from '@autobusal/providers/types/locations';
 
-export const GetSuggestions = (): UseSuspenseQueryResult<CityData[]> => (
+export const useGetSuggestions = (): UseSuspenseQueryResult<CityData[]> => (
   useSuspenseQuery({
     queryKey: ['search-suggestions'],
     queryFn: async () => (