LG-10301: Move IPP Address Search results components into package

app/javascript/packages/address-search/index.tsx

@@ -7,8 +7,9 @@ import { useDidUpdateEffect } from '@18f/identity-react-hooks';
 import useUspsLocations from './hooks/use-usps-locations';
 import type { AddressSearchProps } from './types';
 import { snakeCase, formatLocations, transformKeys } from './utils';
+import InPersonLocations from './components/in-person-locations';
 
-export { snakeCase, formatLocations, transformKeys };
+export { snakeCase, formatLocations, transformKeys, InPersonLocations };
 
 function AddressSearch({
   registerField = () => undefined,

app/javascript/packages/address-search/types.d.ts

@@ -1,4 +1,5 @@
 import type { RegisterFieldCallback } from '@18f/identity-form-steps';
+import type { ReactNode } from 'react';
 
 interface FormattedLocation {
   formattedCityStateZip: string;
@@ -58,3 +59,21 @@ interface InPersonLocationsProps {
   onSelect;
   address: string;
 }
+
+interface LocationCollectionItemProps {
+  distance?: string;
+  formattedCityStateZip: string;
+  handleSelect?: (event: React.MouseEvent, selection: number) => void;
+  name?: string;
+  saturdayHours: string;
+  selectId: number;
+  streetAddress: string;
+  sundayHours: string;
+  weekdayHours: string;
+}
+
+interface LocationCollectionProps {
+  className?: string;
+
+  children?: ReactNode;
+}

app/javascript/packages/document-capture/components/address-search.tsx

@@ -1,9 +1,8 @@
 import { useState } from 'react';
 import { Alert, PageHeading } from '@18f/identity-components';
-import AddressSearchInput from '@18f/identity-address-search';
-import type { LocationQuery } from '@18f/identity-address-search/types';
+import AddressSearchInput, { InPersonLocations } from '@18f/identity-address-search';
+import type { LocationQuery, FormattedLocation } from '@18f/identity-address-search/types';
 import { useI18n } from '@18f/identity-react-i18n';
-import InPersonLocations, { FormattedLocation } from './in-person-locations';
 
 function AddressSearch({
   registerField,

app/javascript/packages/document-capture/components/in-person-location-full-address-entry-post-office-search-step.tsx

@@ -3,12 +3,11 @@ import { useI18n } from '@18f/identity-react-i18n';
 import { Alert, PageHeading } from '@18f/identity-components';
 import { request } from '@18f/identity-request';
 import { forceRedirect } from '@18f/identity-url';
-import { transformKeys, snakeCase } from '@18f/identity-address-search';
-import type { LocationQuery } from '@18f/identity-address-search/types';
+import { transformKeys, snakeCase, InPersonLocations } from '@18f/identity-address-search';
+import type { LocationQuery, FormattedLocation } from '@18f/identity-address-search/types';
 import FullAddressSearch from './in-person-full-address-search';
 import BackButton from './back-button';
 import AnalyticsContext from '../context/analytics';
-import InPersonLocations, { FormattedLocation } from './in-person-locations';
 import { InPersonContext } from '../context';
 import UploadContext from '../context/upload';
 import { LOCATIONS_URL } from './in-person-location-post-office-search-step';

app/javascript/packages/document-capture/components/in-person-location-post-office-search-step.tsx

@@ -2,9 +2,9 @@ import { useState, useEffect, useCallback, useRef, useContext } from 'react';
 import { request } from '@18f/identity-request';
 import { forceRedirect } from '@18f/identity-url';
 import { transformKeys, snakeCase } from '@18f/identity-address-search';
+import type { FormattedLocation } from '@18f/identity-address-search/types';
 import BackButton from './back-button';
 import AnalyticsContext from '../context/analytics';
-import { FormattedLocation } from './in-person-locations';
 import { InPersonContext } from '../context';
 import UploadContext from '../context/upload';
 import AddressSearch from './address-search';