@abcagency/hc-ui-components 1.3.27 → 1.3.29

package/dist/util/urlFilterUtil.js

@@ -1,12 +1,7 @@
 import { createForOfIteratorHelper as _createForOfIteratorHelper, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 
 var updateURLWithFilters = function updateURLWithFilters(filters, location, query) {
-  console.log("updating with filters");
-  console.log(filters);
-  console.log(query);
   var searchParams = new URLSearchParams(location.search);
-
-  // Remove keys with a '.' or those equal to 'query'
   var filteredSearchParams = new URLSearchParams();
   var _iterator = _createForOfIteratorHelper(searchParams.entries()),
     _step;
@@ -19,8 +14,6 @@ var updateURLWithFilters = function updateURLWithFilters(filters, location, quer
         filteredSearchParams.set(_key, value);
       }
     }
-
-    // Add the query parameter if it exists
   } catch (err) {
     _iterator.e(err);
   } finally {
@@ -29,8 +22,6 @@ var updateURLWithFilters = function updateURLWithFilters(filters, location, quer
   if (query) {
     filteredSearchParams.set('query', query);
   }
-
-  // Add the filters back to the search params
   for (var category in filters) {
     for (var filter in filters[category]) {
       var key = "".concat(category, ".").concat(filter);
@@ -40,7 +31,6 @@ var updateURLWithFilters = function updateURLWithFilters(filters, location, quer
     }
   }
   var newUrl = "".concat(location.pathname, "?").concat(filteredSearchParams.toString());
-  console.log(newUrl);
   window.history.replaceState({}, '', newUrl);
 };
 var parseQueryParams = function parseQueryParams(search) {

package/dist/util/urlFilterUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"urlFilterUtil.js","sources":["../../src/util/urlFilterUtil.js"],"sourcesContent":["export const updateURLWithFilters = (filters, location, query) => {\n\tconsole.log(\"updating with filters\");\n\tconsole.log(filters);\n\tconsole.log(query);\n\n\tconst searchParams = new URLSearchParams(location.search);\n\n\t// Remove keys with a '.' or those equal to 'query'\n\tconst filteredSearchParams = new URLSearchParams();\n\tfor (const [key, value] of searchParams.entries()) {\n\t\tif (!key.includes('.') && key !== 'query') {\n\t\t\tfilteredSearchParams.set(key, value);\n\t\t}\n\t}\n\n\t// Add the query parameter if it exists\n\tif (query) {\n\t\tfilteredSearchParams.set('query', query);\n\t}\n\n\t// Add the filters back to the search params\n\tfor (const category in filters) {\n\t\tfor (const filter in filters[category]) {\n\t\t\tconst key = `${category}.${filter}`;\n\t\t\tif (filters[category][filter]) {\n\t\t\t\tfilteredSearchParams.set(key, 'true');\n\t\t\t}\n\t\t}\n\t}\n\n\tconst newUrl = `${location.pathname}?${filteredSearchParams.toString()}`;\n\tconsole.log(newUrl);\n\twindow.history.replaceState({}, '', newUrl);\n};\n\nfunction notifyParentOfUrlChange() {\n\tsetTimeout(() => {\n\t\tvar message = {\n\t\t\ttype: 'URL_CHANGE',\n\t\t\turl: window.location.href\n\t\t};\n\t\twindow.parent.postMessage(message, \"*\");\n\t}, 500);\n}\n\nexport const parseQueryParams = search => {\n\tconst queryParams = {};\n\tif (!search) return queryParams;\n\tlet queryString = search.split('?')[1];\n\tif (!queryString) {\n\t\treturn queryParams;\n\t}\n\tqueryString = queryString.replaceAll('+', ' ');\n\tqueryString.split('&').forEach(param => {\n\t\tconst [key, value] = param.split('=');\n\t\tqueryParams[decodeURIComponent(key)] = decodeURIComponent(value);\n\t});\n\treturn queryParams;\n};\n\nexport const filtersFromURL = location => {\n\tif (!location || !location.search) return;\n\tconst filters = {};\n\tlet queryParam = null;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\tObject.keys(queryParams).forEach(key => {\n\t\tif (key && key.includes('.')) {\n\t\t\tconst [category, filter] = key.split('.');\n\t\t\tif (!filters[category]) {\n\t\t\t\tfilters[category] = {};\n\t\t\t}\n\t\t\tfilters[category][filter] = queryParams[key] === 'true';\n\t\t} else if (key === 'query') {\n\t\t\tqueryParam = queryParams[key];\n\t\t}\n\t});\n\n\treturn { filters, query: queryParam };\n};\n\nexport const hasFiltersInURL = location => {\n\tif (!location || !location.search) return;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\treturn Object.keys(queryParams).some(key => key.includes('.'));\n};\n\nexport const hasQueryInUrl = location => {\n\tif (!location || !location.search) return;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\treturn Object.keys(queryParams).includes('query');\n};\n"],"names":["updateURLWithFilters","filters","location","query","console","log","searchParams","URLSearchParams","search","filteredSearchParams","_iterator","_createForOfIteratorHelper","entries","_step","s","n","done","_step$value","_slicedToArray","value","key","includes","set","err","e","f","category","filter","concat","newUrl","pathname","toString","window","history","replaceState","parseQueryParams","queryParams","queryString","split","replaceAll","forEach","param","_param$split","_param$split2","decodeURIComponent","filtersFromURL","queryParam","Object","keys","_key$split","_key$split2"],"mappings":"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"}
+{"version":3,"file":"urlFilterUtil.js","sources":["../../src/util/urlFilterUtil.js"],"sourcesContent":["export const updateURLWithFilters = (filters, location, query) => {\n\tconst searchParams = new URLSearchParams(location.search);\n\n\tconst filteredSearchParams = new URLSearchParams();\n\tfor (const [key, value] of searchParams.entries()) {\n\t\tif (!key.includes('.') && key !== 'query') {\n\t\t\tfilteredSearchParams.set(key, value);\n\t\t}\n\t}\n\n\tif (query) {\n\t\tfilteredSearchParams.set('query', query);\n\t}\n\n\tfor (const category in filters) {\n\t\tfor (const filter in filters[category]) {\n\t\t\tconst key = `${category}.${filter}`;\n\t\t\tif (filters[category][filter]) {\n\t\t\t\tfilteredSearchParams.set(key, 'true');\n\t\t\t}\n\t\t}\n\t}\n\n\tconst newUrl = `${location.pathname}?${filteredSearchParams.toString()}`;\n\twindow.history.replaceState({}, '', newUrl);\n};\n\nfunction notifyParentOfUrlChange() {\n\tsetTimeout(() => {\n\t\tvar message = {\n\t\t\ttype: 'URL_CHANGE',\n\t\t\turl: window.location.href\n\t\t};\n\t\twindow.parent.postMessage(message, \"*\");\n\t}, 500);\n}\n\nexport const parseQueryParams = search => {\n\tconst queryParams = {};\n\tif (!search) return queryParams;\n\tlet queryString = search.split('?')[1];\n\tif (!queryString) {\n\t\treturn queryParams;\n\t}\n\tqueryString = queryString.replaceAll('+', ' ');\n\tqueryString.split('&').forEach(param => {\n\t\tconst [key, value] = param.split('=');\n\t\tqueryParams[decodeURIComponent(key)] = decodeURIComponent(value);\n\t});\n\treturn queryParams;\n};\n\nexport const filtersFromURL = location => {\n\tif (!location || !location.search) return;\n\tconst filters = {};\n\tlet queryParam = null;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\tObject.keys(queryParams).forEach(key => {\n\t\tif (key && key.includes('.')) {\n\t\t\tconst [category, filter] = key.split('.');\n\t\t\tif (!filters[category]) {\n\t\t\t\tfilters[category] = {};\n\t\t\t}\n\t\t\tfilters[category][filter] = queryParams[key] === 'true';\n\t\t} else if (key === 'query') {\n\t\t\tqueryParam = queryParams[key];\n\t\t}\n\t});\n\n\treturn { filters, query: queryParam };\n};\n\nexport const hasFiltersInURL = location => {\n\tif (!location || !location.search) return;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\treturn Object.keys(queryParams).some(key => key.includes('.'));\n};\n\nexport const hasQueryInUrl = location => {\n\tif (!location || !location.search) return;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\treturn Object.keys(queryParams).includes('query');\n};\n"],"names":["updateURLWithFilters","filters","location","query","searchParams","URLSearchParams","search","filteredSearchParams","_iterator","_createForOfIteratorHelper","entries","_step","s","n","done","_step$value","_slicedToArray","value","key","includes","set","err","e","f","category","filter","concat","newUrl","pathname","toString","window","history","replaceState","parseQueryParams","queryParams","queryString","split","replaceAll","forEach","param","_param$split","_param$split2","decodeURIComponent","filtersFromURL","queryParam","Object","keys","_key$split","_key$split2"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@abcagency/hc-ui-components",
-	"version": "1.3.27",
+	"version": "1.3.29",
 	"description": "UI Components for HireControl",
 	"main": "dist/index.js",
 	"files": [

package/src/components/HireControlMap.js

@@ -14,6 +14,7 @@ import { getMapConfig } from '~/services/configService';
 import { setClientAuthKey } from '~/clientToken.js';
 
 import '../styles/index.css';
+import { ThemeProvider } from '~/contexts/themeContext';
 
 const libraries = ['places'];
 
@@ -72,62 +73,64 @@ const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, li
 
 	return (
 		<TrackEventProvider trackEvent={trackEvent}>
-			<MapListProvider
-				siteConfig={siteConfig}
-				resetFilters={resetFilters}
-				avigateToDetails={navigateToDetails}
-				navigateToEasyApply={navigateToEasyApply}
-				Link={Link}
-				linkFormat={linkFormat}
-				listings={listings}
-				setFiltersUrl={setFiltersUrl}
-			>
-				<MapProvider resetFilters={resetFilters}>
-					<PlacesProvider
-						placeMappings={siteConfig.pointsOfInterestConfig.placeMappings ?? {}}
-						markerColors={{
-							fillColor: siteConfig.colors.primary,
-							strokeColor: siteConfig.colors.primaryDark,
-							selectedFillColor: siteConfig.colors.secondary,
-							selectedStrokeColor: siteConfig.colors.secondaryDark,
-							placeMarkers: {
-								colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
-								size: siteConfig.pointsOfInterestConfig.placeMarkerSize
-							}
-						}}
-					>
-						<Grid
-							as='section'
-							id='job-search-interface'
-							columns='md:hc-grid-cols-[1fr_2.5fr] lg:hc-grid-cols-[1fr_3.5fr]'
-							gap='hc-gap-0'
-							autoRows={false}
-							className='hc-bundle hc-items-stretch hc-h-screen hc-min-h-[30rem] hc-divide-x hc-divide-uiAccent/20'
+			<ThemeProvider uiText={siteConfig.colors.uiText} uiAccent={siteConfig.colors.uiAccent} primary={siteConfig.colors.primary} primaryDark={siteConfig.colors.primaryDark} secondary={siteConfig.colors.secondary} secondaryDark={siteConfig.colors.secondaryDark}>
+				<MapListProvider
+					siteConfig={siteConfig}
+					resetFilters={resetFilters}
+					avigateToDetails={navigateToDetails}
+					navigateToEasyApply={navigateToEasyApply}
+					Link={Link}
+					linkFormat={linkFormat}
+					listings={listings}
+					setFiltersUrl={setFiltersUrl}
+				>
+					<MapProvider resetFilters={resetFilters}>
+						<PlacesProvider
+							placeMappings={siteConfig.pointsOfInterestConfig.placeMappings ?? {}}
+							markerColors={{
+								fillColor: siteConfig.colors.primary,
+								strokeColor: siteConfig.colors.primaryDark,
+								selectedFillColor: siteConfig.colors.secondary,
+								selectedStrokeColor: siteConfig.colors.secondaryDark,
+								placeMarkers: {
+									colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
+									size: siteConfig.pointsOfInterestConfig.placeMarkerSize
+								}
+							}}
 						>
-							<Grid.Item className='hc-bg-gray-100'>
-								<Filter showMap={siteConfig.showMap} className='hc-hidden md:hc-block' />
-							</Grid.Item>
-							<MapList
-								markerConfigs={{
-									fillColor: siteConfig.colors.primary,
-									strokeColor: siteConfig.colors.primaryDark,
-									selectedFillColor: siteConfig.colors.secondary,
-									selectedStrokeColor: siteConfig.colors.secondaryDark,
-									placeMarkers: {
-										colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
-										size: siteConfig.pointsOfInterestConfig.placeMarkerSize
-									}
-								}}
-								showMap={siteConfig.showMap}
-								fieldsShown={siteConfig.fieldsShown}
-								specialFeatures={siteConfig.specialFeatures}
-								fieldNames={siteConfig.fieldNames}
-								placeMappings={siteConfig.pointsOfInterestConfig.placeMappings ?? {}}
-							/>
-						</Grid>
-					</PlacesProvider>
-				</MapProvider>
-			</MapListProvider>
+							<Grid
+								as='section'
+								id='job-search-interface'
+								columns='md:hc-grid-cols-[1fr_2.5fr] lg:hc-grid-cols-[1fr_3.5fr]'
+								gap='hc-gap-0'
+								autoRows={false}
+								className='hc-bundle hc-items-stretch hc-h-screen hc-min-h-[30rem] hc-divide-x hc-divide-uiAccent/20'
+							>
+								<Grid.Item className='hc-bg-gray-100'>
+									<Filter showMap={siteConfig.showMap} className='hc-hidden md:hc-block' />
+								</Grid.Item>
+								<MapList
+									markerConfigs={{
+										fillColor: siteConfig.colors.primary,
+										strokeColor: siteConfig.colors.primaryDark,
+										selectedFillColor: siteConfig.colors.secondary,
+										selectedStrokeColor: siteConfig.colors.secondaryDark,
+										placeMarkers: {
+											colors: siteConfig.pointsOfInterestConfig.placeMarkerColors,
+											size: siteConfig.pointsOfInterestConfig.placeMarkerSize
+										}
+									}}
+									showMap={siteConfig.showMap}
+									fieldsShown={siteConfig.fieldsShown}
+									specialFeatures={siteConfig.specialFeatures}
+									fieldNames={siteConfig.fieldNames}
+									placeMappings={siteConfig.pointsOfInterestConfig.placeMappings ?? {}}
+								/>
+							</Grid>
+						</PlacesProvider>
+					</MapProvider>
+				</MapListProvider>
+			</ThemeProvider>
 		</TrackEventProvider>
 	);
 };

package/src/components/containers/accordions/filter-item-container.js

@@ -1,66 +1,69 @@
-import React, { memo } from 'react';
-import AccordionFilterItem from '~/components/modules/accordions/filterItem';
-import FilterItem from '~/components/containers/filter/filter-item-container';
-import ItemsPill from '~/components/modules/buttons/items-pill';
-
-const FilterItemContainer = ({
-	filter,
-	setDefaultValue,
-	setSelectedFilters,
-	selectedFilters,
-	subcategoryRequireCategory = false
-}) => {
-	const fieldKey = filter.id;
-	const activeItemsCount = selectedFilters != null && selectedFilters[fieldKey]
-		? Object.keys(selectedFilters[fieldKey]).length
-		: 0;
-
-	const handleClearFilters = event => {
-		event.stopPropagation();
-		setSelectedFilters(prevFilters => {
-			const updatedFilters = { ...prevFilters };
-			if(subcategoryRequireCategory && fieldKey == 'categoryClass'){
-				delete updatedFilters['category'];
-			}
-			delete updatedFilters[fieldKey];
-			return updatedFilters;
-		});
-	};
-
-	const header = (
-		<>
-			{filter.title}
-			{activeItemsCount > 0 && (
-				<ItemsPill
-					activeItemsCount={activeItemsCount}
-					onClick={handleClearFilters}
-				/>
-			)}
-		</>
-	);
-
-	const body = (
-		<>
-			{filter.items.sort().map(item => (
-				<FilterItem
-					key={item.name}
-					item={item}
-					field={filter.id}
-					selectedFilters={selectedFilters}
-					setSelectedFilters={setSelectedFilters}
-				/>
-			))}
-		</>
-	);
-
-	return (
-		<AccordionFilterItem
-			id={filter.id}
-			setDefaultValue={setDefaultValue}
-			header={header}
-			body={body}
-		/>
-	);
-};
-
-export default memo(FilterItemContainer);
+import React, { memo } from 'react';
+import AccordionFilterItem from '~/components/modules/accordions/filterItem';
+import FilterItem from '~/components/containers/filter/filter-item-container';
+import ItemsPill from '~/components/modules/buttons/items-pill';
+
+const FilterItemContainer = ({
+	filter,
+	setDefaultValue,
+	setSelectedFilters,
+	selectedFilters,
+	subcategoryRequireCategory = false
+}) => {
+	const fieldKey = filter.id;
+	const activeItemsCount = selectedFilters != null && selectedFilters[fieldKey]
+		? Object.keys(selectedFilters[fieldKey]).length
+		: 0;
+
+	const handleClearFilters = event => {
+		event.stopPropagation();
+		setSelectedFilters(prevFilters => {
+			const updatedFilters = { ...prevFilters };
+			if(subcategoryRequireCategory && fieldKey == 'categoryClass'){
+				delete updatedFilters['category'];
+			}
+			if(fieldKey == 'state' || fieldKey == 'city' || fieldKey == 'cityState'){
+				delete updatedFilters.entityId;
+				delete updatedFilters[fieldKey];
+			}
+			return updatedFilters;
+		});
+	};
+
+	const header = (
+		<>
+			{filter.title}
+			{activeItemsCount > 0 && (
+				<ItemsPill
+					activeItemsCount={activeItemsCount}
+					onClick={handleClearFilters}
+				/>
+			)}
+		</>
+	);
+
+	const body = (
+		<>
+			{filter.items.sort().map(item => (
+				<FilterItem
+					key={item.name}
+					item={item}
+					field={filter.id}
+					selectedFilters={selectedFilters}
+					setSelectedFilters={setSelectedFilters}
+				/>
+			))}
+		</>
+	);
+
+	return (
+		<AccordionFilterItem
+			id={filter.id}
+			setDefaultValue={setDefaultValue}
+			header={header}
+			body={body}
+		/>
+	);
+};
+
+export default memo(FilterItemContainer);

package/src/components/containers/jobListing/listing-details-container.js

@@ -1,40 +1,40 @@
-import React from 'react';
-import { useMap } from '~/contexts/mapContext';
-import { useMapList } from '~/contexts/mapListContext';
-import { useTrackEvent } from '~/contexts/trackEventContext';
-import ListingDetails from '~/components/modules/jobListing/listing-details';
-
-const ListingDetailsContainer = ({ item, recruiter }) => {
-	const { trackEvent, eventTypes } = useTrackEvent();
-	const { travelTime } = useMap();
-	const { siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat } = useMapList();
-
-	const {
-	  useDetailsPostMessage,
-	  useApplyDialog,
-	  internalApplyLink,
-	  companyName,
-	  jobsDomain
-	} = siteConfig;
-
-	return (
-	  <ListingDetails
-			item={item}
-			recruiter={recruiter}
-			travelTime={travelTime}
-			useDetailsPostMessage={useDetailsPostMessage}
-			navigateToDetails={navigateToDetails}
-			navigateToEasyApply={navigateToEasyApply}
-			Link={Link}
-			linkFormat={linkFormat}
-			useApplyDialog={useApplyDialog}
-			internalApplyLink={internalApplyLink}
-			companyName={companyName}
-			jobsDomain={jobsDomain}
-			trackEvent={trackEvent}
-			eventTypes={eventTypes}
-	  />
-	);
-};
-
-export default ListingDetailsContainer;
+import React from 'react';
+import { useMap } from '~/contexts/mapContext';
+import { useMapList } from '~/contexts/mapListContext';
+import { useTrackEvent } from '~/contexts/trackEventContext';
+import ListingDetails from '~/components/modules/jobListing/listing-details';
+
+const ListingDetailsContainer = ({ item, recruiter }) => {
+	const { trackEvent, eventTypes } = useTrackEvent();
+	const { travelTime } = useMap();
+	const { siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat } = useMapList();
+
+	const {
+	  useDetailsPostMessage,
+	  useApplyDialog,
+	  internalApplyLink,
+	  companyName,
+	  jobsDomain
+	} = siteConfig;
+
+	return (
+	  <ListingDetails
+			item={item}
+			recruiter={recruiter}
+			travelTime={travelTime}
+			useDetailsPostMessage={useDetailsPostMessage}
+			navigateToDetails={navigateToDetails}
+			navigateToEasyApply={navigateToEasyApply}
+			Link={Link}
+			linkFormat={linkFormat}
+			useApplyDialog={useApplyDialog}
+			internalApplyLink={internalApplyLink}
+			companyName={companyName}
+			jobsDomain={jobsDomain}
+			trackEvent={trackEvent}
+			eventTypes={eventTypes}
+	  />
+	);
+};
+
+export default ListingDetailsContainer;

package/src/components/containers/list/list-item/list-item-container.js

@@ -1,43 +1,43 @@
-import React, { useState } from 'react';
-import { useMapList } from '~/contexts/mapListContext';
-import { useTrackEvent } from '~/contexts/trackEventContext';
-import ListItem from '~/components/modules/list/list-item/list-item';
-
-const ListItemContainer = ({
-	isActive,
-	showMap,
-	item,
-	itemRefs,
-	fieldsShown,
-	specialFeatures,
-	className,
-	bodyClassName,
-	onItemSelected,
-	...props
-}) => {
-	const { siteConfig, favorites, handleSettingFavorites, setMobileTab } = useMapList();
-	const { trackEvent, eventTypes } = useTrackEvent();
-
-	return (
-		<ListItem
-			isActive={isActive}
-			showMap={showMap}
-			item={item}
-			itemRefs={itemRefs}
-			fieldsShown={fieldsShown}
-			specialFeatures={specialFeatures}
-			className={isActive ? "!hc-border-secondary hc-border hc-border-b-0" : "hc-opacity-85"}
-			bodyClassName={bodyClassName}
-			onItemSelected={onItemSelected}
-			setMobileTab={setMobileTab}
-			siteConfig={siteConfig}
-			trackEvent={trackEvent}
-			eventTypes={eventTypes}
-			favorites={favorites}
-			handleSettingFavorites={handleSettingFavorites}
-			{...props}
-		/>
-	);
-};
-
-export default ListItemContainer;
+import React, { useState } from 'react';
+import { useMapList } from '~/contexts/mapListContext';
+import { useTrackEvent } from '~/contexts/trackEventContext';
+import ListItem from '~/components/modules/list/list-item/list-item';
+
+const ListItemContainer = ({
+	isActive,
+	showMap,
+	item,
+	itemRefs,
+	fieldsShown,
+	specialFeatures,
+	className,
+	bodyClassName,
+	onItemSelected,
+	...props
+}) => {
+	const { siteConfig, favorites, handleSettingFavorites, setMobileTab } = useMapList();
+	const { trackEvent, eventTypes } = useTrackEvent();
+
+	return (
+		<ListItem
+			isActive={isActive}
+			showMap={showMap}
+			item={item}
+			itemRefs={itemRefs}
+			fieldsShown={fieldsShown}
+			specialFeatures={specialFeatures}
+			className={isActive ? "!hc-border-secondary hc-border hc-border-b-0" : "hc-opacity-85"}
+			bodyClassName={bodyClassName}
+			onItemSelected={onItemSelected}
+			setMobileTab={setMobileTab}
+			siteConfig={siteConfig}
+			trackEvent={trackEvent}
+			eventTypes={eventTypes}
+			favorites={favorites}
+			handleSettingFavorites={handleSettingFavorites}
+			{...props}
+		/>
+	);
+};
+
+export default ListItemContainer;

package/src/components/containers/maps/info-window-content-container.js

@@ -8,8 +8,8 @@ const InfoWindowContentContainer = ({
 	filterListingsByLocation
 }) => {
 	const { trackEvent, eventTypes } = useTrackEvent();
-	const { setSelectedFilters, setMobileTab, selectedFilters, siteConfig } = useMapList();
-	const fieldsShown = siteConfig.fieldsShown;
+	const { setSelectedFilters, setMobileTab, selectedFilters, siteConfig, filteredListings } = useMapList();
+	const fieldsShown = siteConfig.locationFiltersShown;
 	let items = item && item.items ? Object.values(item.items) : null;
 
 	const addressParts = [
@@ -40,9 +40,11 @@ const InfoWindowContentContainer = ({
 			filters.push({ filterType: 'state', filterChecked: items[0].fields.state });
 		}
 
+		newFilters.entityId = { [items[0].fields.entityId]: true };
+		filters.push({ filterType: 'entityId', filterChecked: items[0].fields.entityId });
+
 		trackEvent(eventTypes.VIEW_JOBS_AT_Location, { filtersApplied: filters });
 		setSelectedFilters(newFilters);
-		filterListingsByLocation();
 	};
 
 	return <InfoWindowContent items={items} fullAddress={fullAddress} applyFilters={applyFilters} />;

package/src/components/containers/maps/map-container.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-undef */
 import React, { useEffect, useRef } from 'react';
 
 import MapMarker from "~/components/containers/maps/map-marker-container";
@@ -11,17 +10,18 @@ import { useMapList } from "~/contexts/mapListContext";
 import { markerIconSelected, markerIcon, pinIcon } from "~/util/mapIconUtil";
 
 import Map from "~/components/modules/maps/map";
+import { MarkerClustererF } from "@react-google-maps/api";
+import { clusterOptions } from "~/util/mapUtil";
 
 const MapContainer = ({
 	markerConfigs,
 	infoWindowClasses,
-	clusterGridSize = 60
+	clusterGridSize = 10
 }) => {
 	const {
 		location,
 		zoom,
 		center,
-		commuteLocation,
 		selectLocationEntity,
 		setLocation,
 		mapInteracted,
@@ -151,33 +151,6 @@ const MapContainer = ({
 		strokeColor: markerConfigs.strokeColor
 	});
 
-	const mapMarkers = mapItems.map(item => (
-		<MapMarker
-			key={item.id}
-			item={item}
-			selectedLocation={location}
-			markerRefs={markerRefs}
-			infoWindowClasses={infoWindowClasses}
-			setSelectedLocation={setLocation}
-			markerClickHandler={markerClickHandler}
-			markerIcon={markerIcon(markerConfigs)}
-			markerIconSelected={markerIconSelected(markerConfigs)}
-			setMapInteracted={setMapInteracted}
-		/>
-	));
-
-	const placeMarkers = poiMarkers.markers.map((marker, index) => (
-		<PlaceMarker
-			key={`marker-${marker.title}-${index}`}
-			marker={marker}
-			index={index}
-			selectedPlaceMarker={selectedPlaceMarker}
-			placesWindow={placesWindow}
-			setPlacesWindow={setPlacesWindow}
-			setSelectedPlaceMarker={setSelectedPlaceMarker}
-		/>
-	));
-
 	return (
 		<Map
 			zoom={zoom}
@@ -185,10 +158,6 @@ const MapContainer = ({
 			mapContainerRef={mapContainerRef}
 			onLoad={onLoad}
 			onIdle={onIdle}
-			clusterGridSize={clusterGridSize}
-			markerConfigs={markerConfigs}
-			mapMarkers={mapMarkers}
-			placeMarkers={placeMarkers}
 			mapInteracted={mapInteracted}
 			pinIconUrl={pinIconUrl}
 			setMapInteracted={setMapInteracted}
@@ -197,7 +166,40 @@ const MapContainer = ({
 			setQuery={setQuery}
 			filteredListingsLength={filteredListings.length}
 			setSelectedFilters={setSelectedFilters}
-		/>
+		>
+			<MarkerClustererF options={clusterOptions(clusterGridSize, markerConfigs.fillColor)}>
+				{clusterer => (
+					<>
+						{mapItems.map(item => (
+							<MapMarker
+								key={item.id}
+								item={item}
+								selectedLocation={location}
+								markerRefs={markerRefs}
+								infoWindowClasses={infoWindowClasses}
+								setSelectedLocation={setLocation}
+								markerClickHandler={markerClickHandler}
+								clusterer={clusterer}
+								markerIcon={markerIcon(markerConfigs)}
+								markerIconSelected={markerIconSelected(markerConfigs)}
+								setMapInteracted={setMapInteracted}
+							/>
+						))}
+						{poiMarkers && poiMarkers.markers.map((marker, index) => (
+							<PlaceMarker
+								key={`marker-${marker.title}-${index}`}
+								marker={marker}
+								index={index}
+								selectedPlaceMarker={selectedPlaceMarker}
+								placesWindow={placesWindow}
+								setPlacesWindow={setPlacesWindow}
+								setSelectedPlaceMarker={setSelectedPlaceMarker}
+							  />
+						))}
+					</>
+				)}
+			</MarkerClustererF>
+		</Map>
 	);
 };
 

package/src/components/containers/maps/map-list-container.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 import List from '~/components/containers/list/item-list-container';
 import Map from '~/components/containers/maps/map-container';
-import Filter from '~/components/modules/filter';
+import Filter from '~/components/containers/filter/filter-container';
 import MapList from '~/components/modules/maps/map-list';
 
 const MapListContainer = ({