@abcagency/hc-ui-components 1.3.13 → 1.3.15

package/src/util/filterUtil.js

@@ -1,195 +1,195 @@
-import { getDistinctItemsByProximity } from '~/util/mapUtil';
-
-export const getFilterOptions = (listings, filteredListings, field, excludeZeroCount = null) => {
-	const options = new Set();
-	listings.forEach(listing => {
-		if (listing.fields[field]) {
-			options.add(listing.fields[field]);
-		}
-	});
-
-	const optionCounts = {};
-	options.forEach(option => {
-		optionCounts[option] = 0;
-	});
-
-	filteredListings.forEach(listing => {
-		const value = listing.fields[field];
-		if (value && optionCounts.hasOwnProperty(value)) {
-			optionCounts[value] += 1;
-		}
-	});
-
-	return Array.from(options)
-		.sort()
-		.map(option => ({
-			name: option,
-			count: optionCounts[option] || 0
-		}))
-		.filter(option => !(excludeZeroCount === true && option.count === 0));
-};
-
-export const getSpecialFeatureOptions = (listings, filteredListings, siteConfig, favorites) => {
-	const specialFeatures = siteConfig.specialFeatures;
-	const featureCounts = Object.keys(specialFeatures).sort().reduce((acc, key) => {
-		acc[specialFeatures[key]] = 0;
-		return acc;
-	}, {});
-
-	filteredListings.forEach(listing => {
-		Object.entries(specialFeatures).forEach(([featureKey, featureName]) => {
-			if (listing.fields[featureKey] === 1) {
-				featureCounts[featureName] += 1;
-			}
-		});
-	});
-
-	const specialFeatureOptions = Object.entries(featureCounts).map(([name, count]) => ({
-		name,
-		count
-	}));
-
-	for (let option of specialFeatureOptions) {
-		if (option.name === 'Favorite') {
-			option.count = filteredListings.filter(x => favorites.includes(x.id)).length;
-		}
-	}
-
-	return specialFeatureOptions;
-};
-
-const getPointsOfInterestOptions = pointsOfInterestNames => {
-	return Object.entries(pointsOfInterestNames).sort().map(([key, name]) => ({
-		key,
-		name
-	}));
-};
-
-export const generateFilterOptions = (
-	filteredListings,
-	allListings,
-	siteConfig,
-	filterOptions,
-	parentField = null,
-	favorites
-) => {
-	if (allListings.length > 0) {
-		const dynamicFilters = siteConfig.fieldFiltersShown.map(fieldName => {
-			if (fieldName === parentField && filterOptions?.filters) {
-				return filterOptions.filters.find(filter => filter.id === fieldName);
-			}
-			if (fieldName == "specialFeatures") {
-				return {
-					id: fieldName,
-					title: siteConfig.fieldNames[fieldName],
-					items: getSpecialFeatureOptions(allListings, filteredListings, siteConfig, favorites).sort()
-				};
-			}
-			return {
-				id: fieldName,
-				title: siteConfig.fieldNames[fieldName],
-				items: getFilterOptions(allListings, filteredListings, fieldName)
-			};
-		});
-
-		const locations =
-			siteConfig.locationFiltersShown.map((fieldName, index) => {
-				if (index === 0 && filterOptions?.locations) {
-					return filterOptions.locations.find(filter => filter.id === fieldName);
-				}
-				return {
-					id: fieldName,
-					title: siteConfig.fieldNames[fieldName],
-					items: getFilterOptions(allListings, filteredListings, fieldName, true)
-				};
-			});
-
-		const pointsOfInterest = {
-			id: "pointsOfInterest",
-			title: siteConfig.pointsOfInterestConfig.title,
-			items: getPointsOfInterestOptions(
-				siteConfig.pointsOfInterestConfig.pointsOfInterestNames
-			)
-		};
-
-		return {
-			filters: dynamicFilters,
-			locations: locations,
-			pointsOfInterest: pointsOfInterest
-		};
-	}
-
-	return null;
-};
-
-export const applyFilters = (
-	allListings,
-	selectedFilters,
-	query,
-	listingEntities,
-	favorites,
-	siteConfig
-) => {
-	let results = allListings;
-	let invertedSpecialFeaturesMap;
-	if (siteConfig.specialFeatures) {
-		invertedSpecialFeaturesMap = Object.entries(siteConfig.specialFeatures).reduce((acc, [key, value]) => {
-			acc[value] = key;
-			return acc;
-		}, {});
-
-	}
-	const hasFavorite = !!selectedFilters.specialFeatures && !!selectedFilters.specialFeatures.Favorite;
-
-	if (hasFavorite && selectedFilters.specialFeatures.Favorite == true) {
-		results = results.filter(x => favorites.includes(x.id));
-	}
-	var favorite;
-	if (hasFavorite) {
-		favorite = selectedFilters.specialFeatures.Favorite;
-		delete selectedFilters.specialFeatures.Favorite;
-	}
-	for (const [field, filterItems] of Object.entries(selectedFilters)) {
-		const formattedField = field;
-		if (field === "pointsOfInterest") continue;
-		if (field === "specialFeatures" && invertedSpecialFeaturesMap && Object.keys(filterItems).length > 0) {
-			results = results.filter(listing => {
-				return Object.entries(filterItems).some(([filterName, filterValue]) => {
-					const listingFieldName = invertedSpecialFeaturesMap[filterName];
-					return filterValue && listing.fields[listingFieldName] === 1;
-				});
-			});
-		} else if (Object.keys(filterItems).length > 0) {
-			results = results.filter(listing =>
-				filterItems.hasOwnProperty(listing.fields[formattedField])
-			);
-		}
-	}
-	if (query) {
-		results = results.filter(listing =>
-			Object.values(listing.fields)?.some(value =>
-				value?.toString().toLowerCase().includes(query.toLowerCase())
-			)
-		);
-	}
-	const distinctItems = getDistinctItemsByProximity(results, listingEntities);
-	if (hasFavorite) {
-		selectedFilters.specialFeatures.Favorite = favorite;
-	}
-	return { filteredListings: results, mapItems: distinctItems };
-};
-
-export const filterListingsByLocation = (
-	allListings,
-	selectedLocation,
-	listingEntities
-) => {
-	let results = allListings;
-	if (selectedLocation !== null) {
-		results = results.filter(item =>
-			selectedLocation.items.hasOwnProperty(item.id)
-		);
-	}
-	const mapItems = getDistinctItemsByProximity(results, listingEntities);
-	return { filteredListings: results, mapItems: mapItems };
-};
+import { getDistinctItemsByProximity } from '~/util/mapUtil';
+
+export const getFilterOptions = (listings, filteredListings, field, excludeZeroCount = null) => {
+	const options = new Set();
+	listings.forEach(listing => {
+		if (listing.fields[field]) {
+			options.add(listing.fields[field]);
+		}
+	});
+
+	const optionCounts = {};
+	options.forEach(option => {
+		optionCounts[option] = 0;
+	});
+
+	filteredListings.forEach(listing => {
+		const value = listing.fields[field];
+		if (value && optionCounts.hasOwnProperty(value)) {
+			optionCounts[value] += 1;
+		}
+	});
+
+	return Array.from(options)
+		.sort()
+		.map(option => ({
+			name: option,
+			count: optionCounts[option] || 0
+		}))
+		.filter(option => !(excludeZeroCount === true && option.count === 0));
+};
+
+export const getSpecialFeatureOptions = (listings, filteredListings, siteConfig, favorites) => {
+	const specialFeatures = siteConfig.specialFeatures;
+	const featureCounts = Object.keys(specialFeatures).sort().reduce((acc, key) => {
+		acc[specialFeatures[key]] = 0;
+		return acc;
+	}, {});
+
+	filteredListings.forEach(listing => {
+		Object.entries(specialFeatures).forEach(([featureKey, featureName]) => {
+			if (listing.fields[featureKey] === 1) {
+				featureCounts[featureName] += 1;
+			}
+		});
+	});
+
+	const specialFeatureOptions = Object.entries(featureCounts).map(([name, count]) => ({
+		name,
+		count
+	}));
+
+	for (let option of specialFeatureOptions) {
+		if (option.name === 'Favorite') {
+			option.count = filteredListings.filter(x => favorites.includes(x.id)).length;
+		}
+	}
+
+	return specialFeatureOptions;
+};
+
+const getPointsOfInterestOptions = pointsOfInterestNames => {
+	return Object.entries(pointsOfInterestNames).sort().map(([key, name]) => ({
+		key,
+		name
+	}));
+};
+
+export const generateFilterOptions = (
+	filteredListings,
+	allListings,
+	siteConfig,
+	filterOptions,
+	parentField = null,
+	favorites
+) => {
+	if (allListings.length > 0) {
+		const dynamicFilters = siteConfig.fieldFiltersShown.map(fieldName => {
+			if (fieldName === parentField && filterOptions?.filters) {
+				return filterOptions.filters.find(filter => filter.id === fieldName);
+			}
+			if (fieldName == "specialFeatures") {
+				return {
+					id: fieldName,
+					title: siteConfig.fieldNames[fieldName],
+					items: getSpecialFeatureOptions(allListings, filteredListings, siteConfig, favorites).sort()
+				};
+			}
+			return {
+				id: fieldName,
+				title: siteConfig.fieldNames[fieldName],
+				items: getFilterOptions(allListings, filteredListings, fieldName)
+			};
+		});
+
+		const locations =
+			siteConfig.locationFiltersShown.map((fieldName, index) => {
+				if (index === 0 && filterOptions?.locations) {
+					return filterOptions.locations.find(filter => filter.id === fieldName);
+				}
+				return {
+					id: fieldName,
+					title: siteConfig.fieldNames[fieldName],
+					items: getFilterOptions(allListings, filteredListings, fieldName, true)
+				};
+			});
+
+		const pointsOfInterest = {
+			id: "pointsOfInterest",
+			title: siteConfig.pointsOfInterestConfig.title,
+			items: getPointsOfInterestOptions(
+				siteConfig.pointsOfInterestConfig.pointsOfInterestNames
+			)
+		};
+
+		return {
+			filters: dynamicFilters,
+			locations: locations,
+			pointsOfInterest: pointsOfInterest
+		};
+	}
+
+	return null;
+};
+
+export const applyFilters = (
+	allListings,
+	selectedFilters,
+	query,
+	listingEntities,
+	favorites,
+	siteConfig
+) => {
+	let results = allListings;
+	let invertedSpecialFeaturesMap;
+	if (siteConfig.specialFeatures) {
+		invertedSpecialFeaturesMap = Object.entries(siteConfig.specialFeatures).reduce((acc, [key, value]) => {
+			acc[value] = key;
+			return acc;
+		}, {});
+
+	}
+	const hasFavorite = !!selectedFilters.specialFeatures && !!selectedFilters.specialFeatures.Favorite;
+
+	if (hasFavorite && selectedFilters.specialFeatures.Favorite == true) {
+		results = results.filter(x => favorites.includes(x.id));
+	}
+	var favorite;
+	if (hasFavorite) {
+		favorite = selectedFilters.specialFeatures.Favorite;
+		delete selectedFilters.specialFeatures.Favorite;
+	}
+	for (const [field, filterItems] of Object.entries(selectedFilters)) {
+		const formattedField = field;
+		if (field === "pointsOfInterest") continue;
+		if (field === "specialFeatures" && invertedSpecialFeaturesMap && Object.keys(filterItems).length > 0) {
+			results = results.filter(listing => {
+				return Object.entries(filterItems).some(([filterName, filterValue]) => {
+					const listingFieldName = invertedSpecialFeaturesMap[filterName];
+					return filterValue && listing.fields[listingFieldName] === 1;
+				});
+			});
+		} else if (Object.keys(filterItems).length > 0) {
+			results = results.filter(listing =>
+				filterItems.hasOwnProperty(listing.fields[formattedField])
+			);
+		}
+	}
+	if (query) {
+		results = results.filter(listing =>
+			Object.values(listing.fields)?.some(value =>
+				value?.toString().toLowerCase().includes(query.toLowerCase())
+			)
+		);
+	}
+	const distinctItems = getDistinctItemsByProximity(results, listingEntities);
+	if (hasFavorite) {
+		selectedFilters.specialFeatures.Favorite = favorite;
+	}
+	return { filteredListings: results, mapItems: distinctItems };
+};
+
+export const filterListingsByLocation = (
+	allListings,
+	selectedLocation,
+	listingEntities
+) => {
+	let results = allListings;
+	if (selectedLocation !== null) {
+		results = results.filter(item =>
+			selectedLocation.items.hasOwnProperty(item.id)
+		);
+	}
+	const mapItems = getDistinctItemsByProximity(results, listingEntities);
+	return { filteredListings: results, mapItems: mapItems };
+};

package/src/util/loading.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import Icon from '~/components/modules/icon';
-
-const Loading = () => {
-	return (
-		<div className="hc-flex hc-items-center hc-justify-center hc-w-full hc-h-full">
-			<Icon
-				icon="ph:spinner"
-				className="hc-animate-spin hc-text-gray-300"
-				width="40"
-				height="40"
-			/>
-		</div>
-	);
-};
-
-export default Loading;
+import React from 'react';
+import Icon from '~/components/modules/icon';
+
+const Loading = () => {
+	return (
+		<div className="hc-flex hc-items-center hc-justify-center hc-w-full hc-h-full">
+			<Icon
+				icon="ph:spinner"
+				className="hc-animate-spin hc-text-gray-300"
+				width="40"
+				height="40"
+			/>
+		</div>
+	);
+};
+
+export default Loading;

package/src/util/localStorageUtil.js

@@ -1,27 +1,27 @@
-export const getStorageObject = (item, defaultItem = null) =>{
-	if(typeof window == 'undefined') return defaultItem;
-	if(localStorage.getItem(item) == null) return defaultItem;
-	if(localStorage.getItem(item) == 'undefined'){
-		localStorage.removeItem(item);
-	}
-	return JSON.parse(localStorage.getItem(item)) ?? defaultItem;
-};
-
-export const getStorageItem = (item, defaultItem = null) =>{
-	if(typeof window == 'undefined') return defaultItem;
-	if(localStorage.getItem(item) == null) return defaultItem;
-	if(localStorage.getItem(item) == 'undefined'){
-		localStorage.removeItem(item);
-	}
-	return localStorage.getItem(item) ?? defaultItem;
-};
-
-export const setStorageObject = (key, item) =>{
-	if(typeof window == 'undefined') return;
-	if(item == undefined)return;
-	try{
-		localStorage.setItem(key, JSON.stringify(item));
-	}catch(err){
-		console.log(err);
-	}
+export const getStorageObject = (item, defaultItem = null) =>{
+	if(typeof window == 'undefined') return defaultItem;
+	if(localStorage.getItem(item) == null) return defaultItem;
+	if(localStorage.getItem(item) == 'undefined'){
+		localStorage.removeItem(item);
+	}
+	return JSON.parse(localStorage.getItem(item)) ?? defaultItem;
+};
+
+export const getStorageItem = (item, defaultItem = null) =>{
+	if(typeof window == 'undefined') return defaultItem;
+	if(localStorage.getItem(item) == null) return defaultItem;
+	if(localStorage.getItem(item) == 'undefined'){
+		localStorage.removeItem(item);
+	}
+	return localStorage.getItem(item) ?? defaultItem;
+};
+
+export const setStorageObject = (key, item) =>{
+	if(typeof window == 'undefined') return;
+	if(item == undefined)return;
+	try{
+		localStorage.setItem(key, JSON.stringify(item));
+	}catch(err){
+		console.log(err);
+	}
 };