@abcagency/hc-ui-components 1.3.57 → 1.3.59

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

@@ -1,48 +1,48 @@
-import React from 'react';
-import { useMapList } from '~/contexts/mapListContext';
-import AccordionFilters from '~/components/modules/accordions/filters';
-import AccordionFilterItem from '~/components/containers/accordions/filter-item-container';
-
-const AccordionFiltersContainer = ({
-	className,
-	defaultValue,
-	setDefaultValue,
-	setLocation,
-	setSelectedListItem,
-	SubcategoryRequireCategory
-}) => {
-	const { filterOptions, selectedFilters, setSelectedFilters, siteConfig } = useMapList();
-
-	const handleSetSelectedFilters = prevFilters => {
-		setSelectedFilters(prevFilters);
-		setLocation(null);
-		setSelectedListItem(null);
-	};
-	return (
-		<AccordionFilters
-			className={className}
-			defaultValue={defaultValue}
-			filterOptions={filterOptions}
-		>
-			{filterOptions?.filters?.map(filter => {
-				if(filter.id === 'category' && SubcategoryRequireCategory === true && (!selectedFilters.categoryClass || Object.keys(selectedFilters.categoryClass).length < 1)){
-					return;
-				} else if (filter.id === 'category' && SubcategoryRequireCategory === true && filter.items.length > 0) {
-					filter.items = filter.items.filter(item => item.count > 0);
-				}
-				return (<AccordionFilterItem
-					key={filter.id}
-					filter={filter}
-					externalLinksInFilters={siteConfig.externalLinksInFilters}
-					setDefaultValue={setDefaultValue}
-					selectedFilters={selectedFilters}
-					setSelectedFilters={handleSetSelectedFilters}
-					subcategoryRequireCategory={siteConfig.subcategoryRequireCategory}
-				/>);
-			}
-			)}
-		</AccordionFilters>
-	);
-};
-
-export default AccordionFiltersContainer;
+import React from 'react';
+import { useMapList } from '~/contexts/mapListContext';
+import AccordionFilters from '~/components/modules/accordions/filters';
+import AccordionFilterItem from '~/components/containers/accordions/filter-item-container';
+
+const AccordionFiltersContainer = ({
+	className,
+	defaultValue,
+	setDefaultValue,
+	setLocation,
+	setSelectedListItem,
+	SubcategoryRequireCategory
+}) => {
+	const { filterOptions, selectedFilters, setSelectedFilters, siteConfig } = useMapList();
+
+	const handleSetSelectedFilters = prevFilters => {
+		setSelectedFilters(prevFilters);
+		setLocation(null);
+		setSelectedListItem(null);
+	};
+	return (
+		<AccordionFilters
+			className={className}
+			defaultValue={defaultValue}
+			filterOptions={filterOptions}
+		>
+			{filterOptions?.filters?.map(filter => {
+				if(filter.id === 'category' && SubcategoryRequireCategory === true && (!selectedFilters.categoryClass || Object.keys(selectedFilters.categoryClass).length < 1)){
+					return;
+				} else if (filter.id === 'category' && SubcategoryRequireCategory === true && filter.items.length > 0) {
+					filter.items = filter.items.filter(item => item.count > 0);
+				}
+				return (<AccordionFilterItem
+					key={filter.id}
+					filter={filter}
+					externalLinksInFilters={siteConfig.externalLinksInFilters}
+					setDefaultValue={setDefaultValue}
+					selectedFilters={selectedFilters}
+					setSelectedFilters={handleSetSelectedFilters}
+					subcategoryRequireCategory={siteConfig.subcategoryRequireCategory}
+				/>);
+			}
+			)}
+		</AccordionFilters>
+	);
+};
+
+export default AccordionFiltersContainer;

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

@@ -54,6 +54,7 @@ const FilterItemContainer = ({
 					field={filter.id}
 					selectedFilters={selectedFilters}
 					setSelectedFilters={setSelectedFilters}
+					subcategoryRequireCategory={subcategoryRequireCategory}
 				/>
 			))}
 			{externalLinks && externalLinks.map(link => (
@@ -63,6 +64,7 @@ const FilterItemContainer = ({
 					isExternalLink={true}
 					externalLinkUrl={link.externalLinkUrl}
 					field={filter.id}
+					subcategoryRequireCategory={subcategoryRequireCategory}
 				/>
 			))}
 		</>

package/src/components/containers/accordions/map-accordion-item-container.js

@@ -1,70 +1,70 @@
-import React from 'react';
-import { useMap } from '~/contexts/mapContext';
-import { useMapList } from '~/contexts/mapListContext';
-import { useTrackEvent } from '~/contexts/trackEventContext';
-import { setStorageObject } from '~/util/localStorageUtil';
-import MapAccordionItem from '~/components/modules/accordions/MapAccordionItem';
-import ListItemContainer from '~/components/containers/list/list-item/list-item-container';
-
-const MapAccordionItemContainer = ({
-	showMap,
-	item,
-	itemRefs,
-	fieldsShown,
-	itemExpandedContent,
-	specialFeatures,
-	isActive,
-	hasListItemSelected
-}) => {
-	const { mapItems, recruiters } = useMapList();
-	const { selectItem } = useMap();
-	const { trackEvent, eventTypes } = useTrackEvent();
-
-	const setSelectedItemAndZoomMap = (item, isActive) => {
-		if (isActive) {
-			localStorage.removeItem("selectedListItem");
-			const location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;
-			selectItem(null, null, 9, { lat: 39.8283, lng: -98.5795 });
-		} else {
-			setStorageObject("selectedListItem", item);
-			const location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;
-			selectItem(item, location, 12, {
-				lat: location?.latitude,
-				lng: location?.longitude
-			});
-		}
-	};
-
-	const handleItemClick = item => {
-		trackEvent(eventTypes.JOB_LISTING_SELECTED, {
-			jobTitle: item.fields.position,
-			jobCategory: item.fields.category,
-			entityDisplayName: item?.mapDetails?.entityDisplayName
-		});
-
-		setSelectedItemAndZoomMap(item, isActive);
-	};
-
-	return (
-		<MapAccordionItem
-			item={item}
-			itemRefs={itemRefs}
-			itemExpandedContent={itemExpandedContent}
-			isActive={isActive}
-			recruiter={recruiters[item.recruiterId]}
-		>
-			<ListItemContainer
-				showMap={showMap}
-				item={item}
-				itemRefs={itemRefs}
-				fieldsShown={fieldsShown}
-				specialFeatures={specialFeatures}
-				isActive={isActive}
-				hasListItemSelected={hasListItemSelected}
-				onClick={() => handleItemClick(item)}
-			/>
-		</MapAccordionItem>
-	);
-};
-
-export default MapAccordionItemContainer;
+import React from 'react';
+import { useMap } from '~/contexts/mapContext';
+import { useMapList } from '~/contexts/mapListContext';
+import { useTrackEvent } from '~/contexts/trackEventContext';
+import { setStorageObject } from '~/util/localStorageUtil';
+import MapAccordionItem from '~/components/modules/accordions/MapAccordionItem';
+import ListItemContainer from '~/components/containers/list/list-item/list-item-container';
+
+const MapAccordionItemContainer = ({
+	showMap,
+	item,
+	itemRefs,
+	fieldsShown,
+	itemExpandedContent,
+	specialFeatures,
+	isActive,
+	hasListItemSelected
+}) => {
+	const { mapItems, recruiters } = useMapList();
+	const { selectItem } = useMap();
+	const { trackEvent, eventTypes } = useTrackEvent();
+
+	const setSelectedItemAndZoomMap = (item, isActive) => {
+		if (isActive) {
+			localStorage.removeItem("selectedListItem");
+			const location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;
+			selectItem(null, null, 9, { lat: 39.8283, lng: -98.5795 });
+		} else {
+			setStorageObject("selectedListItem", item);
+			const location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;
+			selectItem(item, location, 12, {
+				lat: location?.latitude,
+				lng: location?.longitude
+			});
+		}
+	};
+
+	const handleItemClick = item => {
+		trackEvent(eventTypes.JOB_LISTING_SELECTED, {
+			jobTitle: item.fields.position,
+			jobCategory: item.fields.category,
+			entityDisplayName: item?.mapDetails?.entityDisplayName
+		});
+
+		setSelectedItemAndZoomMap(item, isActive);
+	};
+
+	return (
+		<MapAccordionItem
+			item={item}
+			itemRefs={itemRefs}
+			itemExpandedContent={itemExpandedContent}
+			isActive={isActive}
+			recruiter={recruiters[item.recruiterId]}
+		>
+			<ListItemContainer
+				showMap={showMap}
+				item={item}
+				itemRefs={itemRefs}
+				fieldsShown={fieldsShown}
+				specialFeatures={specialFeatures}
+				isActive={isActive}
+				hasListItemSelected={hasListItemSelected}
+				onClick={() => handleItemClick(item)}
+			/>
+		</MapAccordionItem>
+	);
+};
+
+export default MapAccordionItemContainer;

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

@@ -14,6 +14,7 @@ const FilterItemContainer = ({
 	externalLinkUrl,
 	selectedFilters,
 	setSelectedFilters,
+	subcategoryRequireCategory = false,
 	...rest
 }) => {
 	const { trackEvent, eventTypes } = useTrackEvent();
@@ -54,7 +55,7 @@ const FilterItemContainer = ({
 				delete updatedFilters[field];
 			}
 
-			if (field === 'categoryClass') {
+			if (field === 'categoryClass' && subcategoryRequireCategory) {
 				const activeCategoryClass = itemKey;
 				const categoriesToConsiderForRemoval = new Set(
 					filteredListings

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;