@abcagency/hc-ui-components 1.2.7 → 1.2.8

package/src/hooks/useList.js

@@ -1,104 +1,104 @@
-import { useEffect, useState, useRef } from 'react';
-
-import { getStorageObject } from '~/util/localStorageUtil';
-import { dynamicSort } from '~/util/sortUtil';
-
-import { useMapList } from '~/contexts/mapListContext';
-
-const getDefaultItemId = () => {
-	let item = getStorageObject("selectedListItem");
-	if (item?.expanded == true) {
-		return item.id;
-	} else {
-		return null;
-	}
-};
-
-const useListLogic = () => {
-	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);
-	const { filteredListings, setFilteredListings } = useMapList();
-
-	useEffect(() => {
-		if (!sortSetting) return;
-		localStorage.setItem('sortSetting', JSON.stringify(sortSetting));
-		let listingFiltered = dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
-		setFilteredListings(listingFiltered);
-	}, [sortSetting]);
-
-	useEffect(() => {
-		observer.current = new IntersectionObserver(handleObserver, {
-			root: scrollContainerRef.current,
-			rootMargin: "100px 0px",
-			threshold: 0.5
-		});
-		if (loader.current) {
-			observer.current.observe(loader.current);
-		}
-		return () => {
-			if (observer.current && loader.current) {
-				observer.current.unobserve(loader.current);
-			}
-		};
-	}, [loader.current, itemLimit, filteredListings.length]);
-
-	useEffect(() => {
-		localStorage.setItem('scrollPosition', scrollPosition.toString());
-	}, [scrollPosition]);
-
-	useEffect(() => {
-		const savedScrollPosition = scrollPosition;
-		if (parseInt(savedScrollPosition) > 3000) {
-			setItemLimit(savedScrollPosition / 10);
-		}
-		if (savedScrollPosition && scrollPosition != null && scrollContainerRef.current) {
-			let scrollContainerRefCurrent = scrollContainerRef.current;
-			setTimeout(() => {
-				scrollContainerRefCurrent = parseInt(savedScrollPosition, 10);
-			}, 300);
-		}
-	}, []);
-
-	useEffect(() => {
-		const scrollContainer = scrollContainerRef.current;
-		if (scrollContainer) {
-			scrollContainer.addEventListener('scroll', handleScroll);
-		}
-		return () => {
-			if (scrollContainer) {
-				scrollContainer.removeEventListener('scroll', handleScroll);
-			}
-		};
-	}, [scrollContainerRef.current]);
-
-	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();
-		}
-
-	};
-
-	if (sortSetting) {
-		dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
-	}
-
-	const handleScroll = () => {
-		if (scrollContainerRef.current) {
-			setScrollPosition(scrollContainerRef.current.scrollTop);
-		}
-	};
-
-	return { itemLimit, expandedId, sortSetting, scrollPosition, loader, scrollContainerRef, itemRefs, setSortSetting, setScrollPosition, dynamicSort, filteredListings };
-};
-
-export default useListLogic;
+import { useEffect, useState, useRef } from 'react';
+
+import { getStorageObject } from '~/util/localStorageUtil';
+import { dynamicSort } from '~/util/sortUtil';
+
+import { useMapList } from '~/contexts/mapListContext';
+
+const getDefaultItemId = () => {
+	let item = getStorageObject("selectedListItem");
+	if (item?.expanded == true) {
+		return item.id;
+	} else {
+		return null;
+	}
+};
+
+const useListLogic = () => {
+	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);
+	const { filteredListings, setFilteredListings } = useMapList();
+
+	useEffect(() => {
+		if (!sortSetting) return;
+		localStorage.setItem('sortSetting', JSON.stringify(sortSetting));
+		let listingFiltered = dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
+		setFilteredListings(listingFiltered);
+	}, [sortSetting]);
+
+	useEffect(() => {
+		observer.current = new IntersectionObserver(handleObserver, {
+			root: scrollContainerRef.current,
+			rootMargin: "100px 0px",
+			threshold: 0.5
+		});
+		if (loader.current) {
+			observer.current.observe(loader.current);
+		}
+		return () => {
+			if (observer.current && loader.current) {
+				observer.current.unobserve(loader.current);
+			}
+		};
+	}, [loader.current, itemLimit, filteredListings.length]);
+
+	useEffect(() => {
+		localStorage.setItem('scrollPosition', scrollPosition.toString());
+	}, [scrollPosition]);
+
+	useEffect(() => {
+		const savedScrollPosition = scrollPosition;
+		if (parseInt(savedScrollPosition) > 3000) {
+			setItemLimit(savedScrollPosition / 10);
+		}
+		if (savedScrollPosition && scrollPosition != null && scrollContainerRef.current) {
+			let scrollContainerRefCurrent = scrollContainerRef.current;
+			setTimeout(() => {
+				scrollContainerRefCurrent = parseInt(savedScrollPosition, 10);
+			}, 300);
+		}
+	}, []);
+
+	useEffect(() => {
+		const scrollContainer = scrollContainerRef.current;
+		if (scrollContainer) {
+			scrollContainer.addEventListener('scroll', handleScroll);
+		}
+		return () => {
+			if (scrollContainer) {
+				scrollContainer.removeEventListener('scroll', handleScroll);
+			}
+		};
+	}, [scrollContainerRef.current]);
+
+	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();
+		}
+
+	};
+
+	if (sortSetting) {
+		dynamicSort(filteredListings, sortSetting.field, sortSetting.type);
+	}
+
+	const handleScroll = () => {
+		if (scrollContainerRef.current) {
+			setScrollPosition(scrollContainerRef.current.scrollTop);
+		}
+	};
+
+	return { itemLimit, expandedId, sortSetting, scrollPosition, loader, scrollContainerRef, itemRefs, setSortSetting, setScrollPosition, dynamicSort, 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/configService.js

@@ -1,16 +1,16 @@
-import api from '~/apis/hcApi';
-
-export const getMapConfig = async () => {
-
-	try {
-		const response = await api.get(`/MapConfig`);
-		return response;
-	} catch (error) {
-		console.error("Error retrieving map configuration:", error);
-		throw error;
-	}
-};
-
-export default {
-	getMapConfig
-};
+import api from '~/apis/hcApi';
+
+export const getMapConfig = async () => {
+
+	try {
+		const response = await api.get(`/MapConfig`);
+		return response;
+	} catch (error) {
+		console.error("Error retrieving map configuration:", error);
+		throw error;
+	}
+};
+
+export default {
+	getMapConfig
+};

package/src/services/googlePlacesNearbyService.js

@@ -1,33 +1,33 @@
-export const searchNearbyPlaces = async (typesArray, location, radius) => {
-    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,
-        '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 const searchNearbyPlaces = async (typesArray, location, radius) => {
+	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,
+		'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.js

@@ -1,43 +1,43 @@
-import { getListings } from '~/services/listingService';
-import { getRecruiters } from '~/services/recruiterService';
-import { getListingEntities } from '~/services/listingEntityService';
-
-import { getDistinctItemsByProximity } from '~/util/mapUtil';
-
-const fetchListings = async (query, siteConfig) => {
-	try {
-		const listingsResult = await getListings(
-			siteConfig.companyId,
-			5000,
-			1,
-			query,
-		);
-		const recruiterIds = [
-			...new Set(listingsResult.map(listing => listing.recruiterId))
-		];
-		const fetchedRecruiters = await getRecruiters(recruiterIds);
-
-		const distinctEntityIds = [
-			...new Set(listingsResult.map(listing => listing.entityId))
-		];
-		const fetchedEntities = await getListingEntities(
-			distinctEntityIds
-		);
-
-		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';
+
+const fetchListings = async (query, siteConfig) => {
+	try {
+		const listingsResult = await getListings(
+			siteConfig.companyId,
+			5000,
+			1,
+			query
+		);
+		const recruiterIds = [
+			...new Set(listingsResult.map(listing => listing.recruiterId))
+		];
+		const fetchedRecruiters = await getRecruiters(recruiterIds);
+
+		const distinctEntityIds = [
+			...new Set(listingsResult.map(listing => listing.entityId))
+		];
+		const fetchedEntities = await getListingEntities(
+			distinctEntityIds
+		);
+
+		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/services/listingEntityService.js

@@ -1,15 +1,15 @@
-import api from '~/apis/hcApi';
-
-export const getListingEntities = async (entityIds, origin = '') => {
-	try {
-		const response = await api.post(`/ListingEntities?origin=${origin}`, entityIds);
-		return response;
-	} catch (error) {
-		console.error("Error fetching listing entities:", error);
-		throw error;
-	}
-};
-
-export default {
-	getListingEntities
-};
+import api from '~/apis/hcApi';
+
+export const getListingEntities = async (entityIds, origin = '') => {
+	try {
+		const response = await api.post(`/ListingEntities?origin=${origin}`, entityIds);
+		return response;
+	} catch (error) {
+		console.error("Error fetching listing entities:", error);
+		throw error;
+	}
+};
+
+export default {
+	getListingEntities
+};

package/src/services/listingService.js

@@ -1,27 +1,27 @@
-import api from '~/apis/hcApi';
-
-export const getListings = async companyId => {
-	try {
-		var x = '';
-		const response = await api.get(`/Listings`);
-		return response;
-	} catch (error) {
-		console.error(error);
-		throw error;
-	}
-};
-
-export const getListingDetails = async listingId => {
-	try {
-		const response = await api.get(`/ListingDetails/${listingId}`);
-		return response;
-	} catch (error) {
-		console.error(error);
-		throw error;
-	}
-};
-
-export default {
-	getListings,
-	getListingDetails
-};
+import api from '~/apis/hcApi';
+
+export const getListings = async companyId => {
+	try {
+		var x = '';
+		const response = await api.get(`/Listings`);
+		return response;
+	} catch (error) {
+		console.error(error);
+		throw error;
+	}
+};
+
+export const getListingDetails = async listingId => {
+	try {
+		const response = await api.get(`/ListingDetails/${listingId}`);
+		return response;
+	} catch (error) {
+		console.error(error);
+		throw error;
+	}
+};
+
+export default {
+	getListings,
+	getListingDetails
+};

package/src/services/recruiterService.js

@@ -1,17 +1,17 @@
-import api from "~/apis/hcApi";
-
-export const getRecruiters = async recruiterIds => {
-	try {
-		const params = recruiterIds.map(id => `recruiterIds=${id}`).join("&");
-
-		const response = await api.get(`/Recruiters?${params}`);
-		return response.data;
-	} catch (error) {
-		console.error("Error fetching recruiters:", error);
-		throw error;
-	}
-};
-
-export default {
-	getRecruiters
-};
+import api from "~/apis/hcApi";
+
+export const getRecruiters = async recruiterIds => {
+	try {
+		const params = recruiterIds.map(id => `recruiterIds=${id}`).join("&");
+
+		const response = await api.get(`/Recruiters?${params}`);
+		return response.data;
+	} catch (error) {
+		console.error("Error fetching recruiters:", error);
+		throw error;
+	}
+};
+
+export default {
+	getRecruiters
+};

package/src/styles/index.css

@@ -1,23 +1,23 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* @layer base {
-	html {
-		@apply hc-text-400 hc-text-uiText [scroll-behavior:smooth];
-	}
-}
-
-@layer components {
-	.track * {
-		@apply hc-pointer-events-none;
-	}
-
-	.stretched-link::after {
-		@apply hc-content-[''] hc-absolute hc-inset-0 z-[1] hc-pointer-events-auto hc-bg-transparent;
-	}
-}
-
-.fit-content{
-	height:fit-content;
-} */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* @layer base {
+	html {
+		@apply hc-text-400 hc-text-uiText [scroll-behavior:smooth];
+	}
+}
+
+@layer components {
+	.track * {
+		@apply hc-pointer-events-none;
+	}
+
+	.stretched-link::after {
+		@apply hc-content-[''] hc-absolute hc-inset-0 z-[1] hc-pointer-events-auto hc-bg-transparent;
+	}
+}
+
+.fit-content{
+	height:fit-content;
+} */

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;