@autobusal/routes-search 1.0.1 → 1.1.1

package/CHANGELOG.md

@@ -0,0 +1,31 @@
+# Changelog
+
+All notable changes to `@autobusal/routes-search` are documented here. This
+project adheres to [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and
+[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.1.1] - 2026-08-01
+
+### Fixed
+
+- **The return date could be set before the departure date.** The picker
+  floored at today, so an invalid pair was selectable and only refused by
+  an alert after pressing search. It now floors at whatever departure
+  currently holds, and follows it when that changes.
+
+## [1.1.0] - 2026-07-25
+
+### Fixed
+
+- **Recovered as canonical source.** This package was published to npm and
+  in active use, but had no source anywhere in this monorepo (no
+  `packages/routes-search` directory, no git history) - the only copy of its
+  code existed as the published npm artifact. Recreated here,
+  byte-for-byte identical to the published 1.1.0 tarball (verified via
+  `diff` against the installed `node_modules/@autobusal/routes-search`), so it
+  can be edited and republished like every other package instead of
+  requiring reverse-engineering from `node_modules` or the npm tarball.
+  History prior to this point is not recoverable - no git log,
+  changelog, or other record of it exists.
+
+Authored by Ferjolt Ozuni.

package/RoutesSearch.tsx

@@ -5,8 +5,8 @@ import { FaArrowUp, FaHistory } from 'react-icons/fa';
 import { AiOutlineSearch } from 'react-icons/ai';
 import { Button, Autocomplete, Calendar, Passengers } from '@autobusal/common';
 import { Display, createDate } from '@autobusal/utilities';
+import { getCities } from './utilities';
 import { Options, Columns, Column, Item, Title, Action } from './styles';
-import { AutocompleteData } from '@autobusal/common/Autocomplete/types';
 import { RoutesSearchForm } from './types';
 import { useGetSuggestions } from './services';
 
@@ -26,9 +26,15 @@ interface Props {
 const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo, babiesNo, t, onSearch }: Props): JSX.Element => {
   const [ selected, setSelected ] = useState<'departure' | 'return'>(type);
 
+  // Edited: Ferjolt Ozuni - Date: 2026-08-01
+  // Tracked in state rather than read from the form, because the return
+  // picker's floor has to move the moment the departure date changes -
+  // react-hook-form's value alone would not re-render this.
+  const [ departureDate, setDepartureDate ] = useState<string>(departure);
+
   const { register, handleSubmit, formState: { errors }, setValue } = useForm<RoutesSearchForm>();
 
-  const { data } = useGetSuggestions();
+  const { data: CitiesData } = useGetSuggestions();
 
   const onClick = (type: ('departure' | 'return')): void => {
     setSelected(type);
@@ -45,6 +51,16 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
     data.babies = Number(data.babies);
     data.children = Number(data.children);
 
+    // add the locations
+    const from = data.from.split(':');
+    data.from = from[0];
+    data.stop_from = from[1];
+
+    // add the to locations
+    const to = data.to.split(':');
+    data.to = to[0];
+    data.stop_to = to[1];
+
     if (data.adults == 0) {
       alert(t('routes_search.errors.adults'));
     } else if (data.adults + data.children > 5) {
@@ -58,10 +74,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
     }
   };
 
-  const cities: AutocompleteData[] = data.map(city => ({
-    name: `${ city.name }, ${ city.country?.name ?? '' }`,
-    value: city.slug
-  }));
+  const cities = getCities(CitiesData, t);
 
   return (
     <form onSubmit={ handleSubmit(onSubmit) }>
@@ -131,7 +144,11 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
               t={ t }
               validation="required"
               refs={ register }
-              onUpdate={ setValue }
+              onUpdate={ ((name, value) => {
+                setValue(name, value);
+
+                setDepartureDate(String(value));
+              }) as typeof setValue }
             />
 
             { Display(errors.departure) }
@@ -141,10 +158,17 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
             <Item>
               <Title>{ t('routes_search.return', { ns: 'common' }) }</Title>
 
+              { /* Edited: Ferjolt Ozuni - Date: 2026-08-01
+                   The return leg cannot start before the outbound one, so
+                   the picker floors at whatever departure currently holds.
+                   It used to floor at today, which let someone pick a
+                   return before their departure and only told them so with
+                   an alert after they pressed search. */ }
               <Calendar
                 type="picker"
                 name="_return"
                 defaultValue={ _return }
+                minDate={ departureDate }
                 t={ t }
                 validation="required"
                 refs={ register }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@autobusal/routes-search",
-  "version": "1.0.1",
+  "version": "1.1.1",
+  "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"
 }

package/types.ts

@@ -7,4 +7,6 @@ export interface RoutesSearchForm {
   adults: number
   children: number
   babies: number
+  stop_from?: string
+  stop_to?: string
 }

package/utilities.ts

@@ -0,0 +1,23 @@
+import { TFunction } from 'i18next';
+import { AutocompleteData } from '@autobusal/common/Autocomplete/types';
+import { CityData } from '@autobusal/providers/types/locations';
+
+export const getCities = (cities: CityData[], t: TFunction<'common'>): AutocompleteData[] => {
+  const data: AutocompleteData[] = [];
+
+  cities.forEach(city => {
+    data.push({
+      name: `${ city.name }, ${ city.country?.name ?? '' } (${ t('all_stations', { ns: 'common' }) })`,
+      value: `${ city.slug }`
+    });
+
+    city.stops?.forEach(stop => {
+      data.push({
+        name: `${ city.name }, ${ city.country?.name ?? '' } (${ stop.name })`,
+        value: `${ city.slug }:${ stop.id }`
+      });
+    });
+  });
+
+  return data;
+};