@abcagency/hc-ui-components 1.3.58 → 1.3.59

package/src/hooks/useList.js

@@ -1,89 +1,89 @@
-import { useEffect, useState, useRef } from 'react';
-
-import { getStorageObject } from '~/util/localStorageUtil';
-
-const getDefaultItemId = () => {
-	let item = getStorageObject("selectedListItem");
-	if (item?.expanded == true) {
-		return item.id;
-	} else {
-		return null;
-	}
-};
-
-const useListLogic = filteredListings => {
-	const [itemLimit, setItemLimit] = useState(100);
-	const [expandedId] = useState(getDefaultItemId());
-	const [sortSetting, setSortSetting] = useState(getStorageObject('sortSetting', null));
-	const [scrollPosition, setScrollPosition] = useState(getStorageObject('scrollPosition', 0));
-	const loader = useRef(null);
-	const scrollContainerRef = useRef(null);
-	const itemRefs = useRef({});
-	const observer = useRef(null);
-
-	useEffect(() => {
-		observer.current = new IntersectionObserver(handleObserver, {
-			root: scrollContainerRef.current,
-			rootMargin: "100px 0px",
-			threshold: 0.5
-		});
-		const { current } = loader;
-		if (current) {
-			observer.current.observe(current);
-		}
-		return () => {
-			if (observer.current && current) {
-				observer.current.unobserve(current);
-			}
-		};
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-	}, [filteredListings.length, itemLimit]);
-
-	useEffect(() => {
-		localStorage.setItem('scrollPosition', scrollPosition.toString());
-	}, [scrollPosition]);
-
-	useEffect(() => {
-		const savedScrollPosition = scrollPosition;
-		if (parseInt(savedScrollPosition) > 3000) {
-			setItemLimit(savedScrollPosition / 10);
-		}
-		if (savedScrollPosition && scrollContainerRef.current) {
-			setTimeout(() => {
-				scrollContainerRef.current.scrollTop = parseInt(savedScrollPosition, 10);
-			}, 300);
-		}
-	}, []);
-
-	useEffect(() => {
-		const { current } = scrollContainerRef;
-		if (current) {
-			current.addEventListener('scroll', handleScroll);
-		}
-		return () => {
-			if (current) {
-				current.removeEventListener('scroll', handleScroll);
-			}
-		};
-	}, []);
-
-	const handleObserver = entities => {
-		const target = entities[0];
-		if (!target.isIntersecting) return;
-		if (filteredListings.length > itemLimit) {
-			setItemLimit(prevLimit => prevLimit + 100);
-		} else if (observer.current) {
-			observer.current.disconnect();
-		}
-	};
-
-	const handleScroll = () => {
-		if (scrollContainerRef.current) {
-			setScrollPosition(scrollContainerRef.current.scrollTop);
-		}
-	};
-
-	return { itemLimit, expandedId, sortSetting, scrollPosition, loader, scrollContainerRef, itemRefs, setSortSetting, setScrollPosition, filteredListings };
-};
-
-export default useListLogic;
+import { useEffect, useState, useRef } from 'react';
+
+import { getStorageObject } from '~/util/localStorageUtil';
+
+const getDefaultItemId = () => {
+	let item = getStorageObject("selectedListItem");
+	if (item?.expanded == true) {
+		return item.id;
+	} else {
+		return null;
+	}
+};
+
+const useListLogic = filteredListings => {
+	const [itemLimit, setItemLimit] = useState(100);
+	const [expandedId] = useState(getDefaultItemId());
+	const [sortSetting, setSortSetting] = useState(getStorageObject('sortSetting', null));
+	const [scrollPosition, setScrollPosition] = useState(getStorageObject('scrollPosition', 0));
+	const loader = useRef(null);
+	const scrollContainerRef = useRef(null);
+	const itemRefs = useRef({});
+	const observer = useRef(null);
+
+	useEffect(() => {
+		observer.current = new IntersectionObserver(handleObserver, {
+			root: scrollContainerRef.current,
+			rootMargin: "100px 0px",
+			threshold: 0.5
+		});
+		const { current } = loader;
+		if (current) {
+			observer.current.observe(current);
+		}
+		return () => {
+			if (observer.current && current) {
+				observer.current.unobserve(current);
+			}
+		};
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [filteredListings.length, itemLimit]);
+
+	useEffect(() => {
+		localStorage.setItem('scrollPosition', scrollPosition.toString());
+	}, [scrollPosition]);
+
+	useEffect(() => {
+		const savedScrollPosition = scrollPosition;
+		if (parseInt(savedScrollPosition) > 3000) {
+			setItemLimit(savedScrollPosition / 10);
+		}
+		if (savedScrollPosition && scrollContainerRef.current) {
+			setTimeout(() => {
+				scrollContainerRef.current.scrollTop = parseInt(savedScrollPosition, 10);
+			}, 300);
+		}
+	}, []);
+
+	useEffect(() => {
+		const { current } = scrollContainerRef;
+		if (current) {
+			current.addEventListener('scroll', handleScroll);
+		}
+		return () => {
+			if (current) {
+				current.removeEventListener('scroll', handleScroll);
+			}
+		};
+	}, []);
+
+	const handleObserver = entities => {
+		const target = entities[0];
+		if (!target.isIntersecting) return;
+		if (filteredListings.length > itemLimit) {
+			setItemLimit(prevLimit => prevLimit + 100);
+		} else if (observer.current) {
+			observer.current.disconnect();
+		}
+	};
+
+	const handleScroll = () => {
+		if (scrollContainerRef.current) {
+			setScrollPosition(scrollContainerRef.current.scrollTop);
+		}
+	};
+
+	return { itemLimit, expandedId, sortSetting, scrollPosition, loader, scrollContainerRef, itemRefs, setSortSetting, setScrollPosition, filteredListings };
+};
+
+export default useListLogic;

package/src/index.js

@@ -1,3 +1,3 @@
-import HireControlMap from '~/components/HireControlMap';
-
-export { HireControlMap };
+import HireControlMap from '~/components/HireControlMap';
+
+export { HireControlMap };

package/src/services/googlePlacesNearbyService.ts

@@ -1,42 +1,42 @@
-export interface Location {
-	latitude: number;
-	longitude: number;
-}
-
-export const searchNearbyPlaces = async (
-	typesArray: string[],
-	location: Location,
-	radius: number
-): Promise<any> => {
-	const url = 'https://places.googleapis.com/v1/places:searchNearby';
-	const headers = {
-		'Content-Type': 'application/json',
-		'X-Goog-Api-Key': process.env.GOOGLE_MAPS_API_KEY as string,
-		'X-Goog-FieldMask': 'places.location,places.displayName,places.types'
-	};
-	const data = {
-		includedTypes: typesArray,
-		maxResultCount: 20,
-		locationRestriction: {
-			circle: {
-				center: location,
-				radius: radius
-			}
-		}
-	};
-
-	try {
-		const response = await fetch(url, {
-			method: 'POST',
-			headers: headers,
-			body: JSON.stringify(data)
-		});
-		if (!response.ok) {
-			throw new Error(`HTTP error! status: ${response.status}`);
-		}
-		return await response.json();
-	} catch (error) {
-		console.error('Error making the Nearby Search request:', error);
-		throw error;
-	}
-};
+export interface Location {
+	latitude: number;
+	longitude: number;
+}
+
+export const searchNearbyPlaces = async (
+	typesArray: string[],
+	location: Location,
+	radius: number
+): Promise<any> => {
+	const url = 'https://places.googleapis.com/v1/places:searchNearby';
+	const headers = {
+		'Content-Type': 'application/json',
+		'X-Goog-Api-Key': process.env.GOOGLE_MAPS_API_KEY as string,
+		'X-Goog-FieldMask': 'places.location,places.displayName,places.types'
+	};
+	const data = {
+		includedTypes: typesArray,
+		maxResultCount: 20,
+		locationRestriction: {
+			circle: {
+				center: location,
+				radius: radius
+			}
+		}
+	};
+
+	try {
+		const response = await fetch(url, {
+			method: 'POST',
+			headers: headers,
+			body: JSON.stringify(data)
+		});
+		if (!response.ok) {
+			throw new Error(`HTTP error! status: ${response.status}`);
+		}
+		return await response.json();
+	} catch (error) {
+		console.error('Error making the Nearby Search request:', error);
+		throw error;
+	}
+};

package/src/services/listingAggregatorService.ts

@@ -1,76 +1,76 @@
-import { getListings } from '~/services/listingService';
-import { getRecruiters } from '~/services/recruiterService';
-import { getListingEntities } from '~/services/listingEntityService';
-
-import { getDistinctItemsByProximity } from '~/util/mapUtil';
-import { Listing } from '~/types/Listings';
-import { Recruiter } from '~/types/Recruiter';
-import { ListingEntity } from '~/types/ListingEntity';
-import { MapConfig } from '~/types/config/MapConfig';
-//import { ICommuteLocation } from '~/interfaces/ICommute';
-
-interface SiteConfig {
-  companyId: number;
-}
-
-interface FetchListingsResult {
-  listingsResult: Listing[];
-  fetchedRecruiters: Recruiter[];
-  fetchedEntities: Record<number, ListingEntity>;
-  distinctItems: any; // Update this type based on the return type of getDistinctItemsByProximity
-}
-
-const fetchListings = async (
-	query: string,
-	siteConfig: MapConfig,
-	commuteLocation: any | null = null
-): Promise<FetchListingsResult> => {
-	try {
-		const listingsResult = await getListings(
-
-		);
-
-		const recruiterIds: number[] = [
-			...new Set(listingsResult.map(listing => listing.recruiterId))
-		] as number[];
-
-		const fetchedRecruiters = await getRecruiters(recruiterIds);
-
-		const distinctEntityIds: number[] = [
-			...new Set(listingsResult.map(listing => listing.entityId))
-		] as number[];
-
-		const fetchedEntities = !commuteLocation
-			? await getListingEntities(distinctEntityIds)
-			: await getListingEntities(
-				distinctEntityIds,
-				`${commuteLocation.lat}, ${commuteLocation.lng}`
-			);
-		for (let i = 0; i < listingsResult.length; i++) {
-			const listing = listingsResult[i];
-			if (listing.entityId && listing.entityId !== -1 && listing.fields) {
-				const entity = fetchedEntities[listing.entityId];
-				if (entity) {
-					listing.fields.travelTime = entity.travelTime;
-				}
-			}
-		}
-
-		const distinctItems = getDistinctItemsByProximity(
-			listingsResult,
-			fetchedEntities
-		);
-
-		return {
-			listingsResult,
-			fetchedRecruiters,
-			fetchedEntities,
-			distinctItems
-		};
-	} catch (error) {
-		console.error("Error fetching listings:", error);
-		throw error;
-	}
-};
-
-export default fetchListings;
+import { getListings } from '~/services/listingService';
+import { getRecruiters } from '~/services/recruiterService';
+import { getListingEntities } from '~/services/listingEntityService';
+
+import { getDistinctItemsByProximity } from '~/util/mapUtil';
+import { Listing } from '~/types/Listings';
+import { Recruiter } from '~/types/Recruiter';
+import { ListingEntity } from '~/types/ListingEntity';
+import { MapConfig } from '~/types/config/MapConfig';
+//import { ICommuteLocation } from '~/interfaces/ICommute';
+
+interface SiteConfig {
+  companyId: number;
+}
+
+interface FetchListingsResult {
+  listingsResult: Listing[];
+  fetchedRecruiters: Recruiter[];
+  fetchedEntities: Record<number, ListingEntity>;
+  distinctItems: any; // Update this type based on the return type of getDistinctItemsByProximity
+}
+
+const fetchListings = async (
+	query: string,
+	siteConfig: MapConfig,
+	commuteLocation: any | null = null
+): Promise<FetchListingsResult> => {
+	try {
+		const listingsResult = await getListings(
+
+		);
+
+		const recruiterIds: number[] = [
+			...new Set(listingsResult.map(listing => listing.recruiterId))
+		] as number[];
+
+		const fetchedRecruiters = await getRecruiters(recruiterIds);
+
+		const distinctEntityIds: number[] = [
+			...new Set(listingsResult.map(listing => listing.entityId))
+		] as number[];
+
+		const fetchedEntities = !commuteLocation
+			? await getListingEntities(distinctEntityIds)
+			: await getListingEntities(
+				distinctEntityIds,
+				`${commuteLocation.lat}, ${commuteLocation.lng}`
+			);
+		for (let i = 0; i < listingsResult.length; i++) {
+			const listing = listingsResult[i];
+			if (listing.entityId && listing.entityId !== -1 && listing.fields) {
+				const entity = fetchedEntities[listing.entityId];
+				if (entity) {
+					listing.fields.travelTime = entity.travelTime;
+				}
+			}
+		}
+
+		const distinctItems = getDistinctItemsByProximity(
+			listingsResult,
+			fetchedEntities
+		);
+
+		return {
+			listingsResult,
+			fetchedRecruiters,
+			fetchedEntities,
+			distinctItems
+		};
+	} catch (error) {
+		console.error("Error fetching listings:", error);
+		throw error;
+	}
+};
+
+export default fetchListings;

package/src/util/arrayUtil.js

@@ -1,3 +1,3 @@
-export const onlyUnique = (value, index, array) => {
-	return array.indexOf(value) === index;
-};
+export const onlyUnique = (value, index, array) => {
+	return array.indexOf(value) === index;
+};

package/src/util/fieldMapper.js

@@ -1,22 +1,22 @@
-import React from 'react';
-
-import Grid from '~/components/modules/grid';
-
-import { capitalize } from '~/util/stringUtils';
-
-const mapFieldsToGridItems = (item, fieldsShown) => {
-	const orderedFields = fieldsShown.filter(field => field in item.fields);
-
-	return orderedFields.map(field => {
-		let value = item.fields[field];
-
-		return (
-			<Grid.Item key={field}>
-				<span className="hc-sr-only">{capitalize(field)}</span>
-				{value}
-			</Grid.Item>
-		);
-	});
-};
-
-export default mapFieldsToGridItems;
+import React from 'react';
+
+import Grid from '~/components/modules/grid';
+
+import { capitalize } from '~/util/stringUtils';
+
+const mapFieldsToGridItems = (item, fieldsShown) => {
+	const orderedFields = fieldsShown.filter(field => field in item.fields);
+
+	return orderedFields.map(field => {
+		let value = item.fields[field];
+
+		return (
+			<Grid.Item key={field}>
+				<span className="hc-sr-only">{capitalize(field)}</span>
+				{value}
+			</Grid.Item>
+		);
+	});
+};
+
+export default mapFieldsToGridItems;