@abcagency/hc-ui-components 1.3.94 → 1.3.96

package/src/util/mapUtil.js

@@ -1,92 +1,92 @@
-export const getDistinctItemsByProximity = (items, listingEntitiesDetails) => {
-	const clusters = {};
-
-	if (!listingEntitiesDetails) return [];
-
-	const closeItemPairs = findCloseItems(listingEntitiesDetails);
-	if (closeItemPairs.length > 0) {
-		listingEntitiesDetails = adjustItemPositions(
-			listingEntitiesDetails,
-			closeItemPairs
-		);
-	}
-
-	items?.forEach(item => {
-		if(item.entityId !== -1){
-
-			const entityDetails = listingEntitiesDetails[item.entityId];
-
-			if (!entityDetails) {
-				console.error(`Details not found for entityId: ${item.entityId}`);
-				return;
-			}
-
-			item.mapDetails = entityDetails;
-
-			if (!clusters[item.entityId]) {
-				clusters[item.entityId] = {
-					...item.mapDetails,
-					items: { [item.id]: item }
-				};
-			} else {
-				clusters[item.entityId].items[item.id] = item;
-			}}
-	});
-
-	return Object.values(clusters);
-};
-
-export const findCloseItems = itemsObj => {
-	const closeItems = [];
-	const items = Object.values(itemsObj); // Convert object to array for iteration
-	const proximityThreshold = 0.0001;
-
-	for (let i = 0; i < items.length; i++) {
-		for (let j = i + 1; j < items.length; j++) {
-			const distanceLat = Math.abs(items[i].latitude - items[j].latitude);
-			const distanceLng = Math.abs(items[i].longitude - items[j].longitude);
-			if (
-				distanceLat < proximityThreshold &&
-				distanceLng < proximityThreshold
-			) {
-				closeItems.push({ item1: items[i], item2: items[j] });
-			}
-		}
-	}
-
-	return closeItems;
-};
-
-export const adjustItemPositions = (itemsObj, closeItemPairs) => {
-	const adjustmentValue = 0.0001;
-	const adjustedItems = { ...itemsObj }; // Create a shallow copy of the object
-
-	closeItemPairs.forEach(pair => {
-		if (adjustedItems[pair.item1.id] && adjustedItems[pair.item2.id]) {
-			adjustedItems[pair.item2.id].latitude += adjustmentValue;
-			adjustedItems[pair.item2.id].longitude += adjustmentValue;
-		}
-	});
-
-	return adjustedItems;
-};
-
-export const clusterOptions = (clusterGridSize, fillColor) => {
-	return {
-		gridSize: clusterGridSize,
-		maxZoom:15,
-		styles:[{
-			url: createSvgDataUri(fillColor),
-			textColor:'white',
-			height: 40,
-			width: 40
-		}]
-	};
-};
-
-function createSvgDataUri(fillColor) {
-	const svg = `<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
-	  <circle cx="25" cy="25" r="20" fill="${fillColor}" />
-	</svg>`;
-	return `data:image/svg+xml;base64,${btoa(svg)}`;
-}
+export const getDistinctItemsByProximity = (items, listingEntitiesDetails) => {
+	const clusters = {};
+
+	if (!listingEntitiesDetails) return [];
+
+	const closeItemPairs = findCloseItems(listingEntitiesDetails);
+	if (closeItemPairs.length > 0) {
+		listingEntitiesDetails = adjustItemPositions(
+			listingEntitiesDetails,
+			closeItemPairs
+		);
+	}
+
+	items?.forEach(item => {
+		if(item.entityId !== -1){
+
+			const entityDetails = listingEntitiesDetails[item.entityId];
+
+			if (!entityDetails) {
+				console.error(`Details not found for entityId: ${item.entityId}`);
+				return;
+			}
+
+			item.mapDetails = entityDetails;
+
+			if (!clusters[item.entityId]) {
+				clusters[item.entityId] = {
+					...item.mapDetails,
+					items: { [item.id]: item }
+				};
+			} else {
+				clusters[item.entityId].items[item.id] = item;
+			}}
+	});
+
+	return Object.values(clusters);
+};
+
+export const findCloseItems = itemsObj => {
+	const closeItems = [];
+	const items = Object.values(itemsObj); // Convert object to array for iteration
+	const proximityThreshold = 0.0001;
+
+	for (let i = 0; i < items.length; i++) {
+		for (let j = i + 1; j < items.length; j++) {
+			const distanceLat = Math.abs(items[i].latitude - items[j].latitude);
+			const distanceLng = Math.abs(items[i].longitude - items[j].longitude);
+			if (
+				distanceLat < proximityThreshold &&
+				distanceLng < proximityThreshold
+			) {
+				closeItems.push({ item1: items[i], item2: items[j] });
+			}
+		}
+	}
+
+	return closeItems;
+};
+
+export const adjustItemPositions = (itemsObj, closeItemPairs) => {
+	const adjustmentValue = 0.0001;
+	const adjustedItems = { ...itemsObj }; // Create a shallow copy of the object
+
+	closeItemPairs.forEach(pair => {
+		if (adjustedItems[pair.item1.id] && adjustedItems[pair.item2.id]) {
+			adjustedItems[pair.item2.id].latitude += adjustmentValue;
+			adjustedItems[pair.item2.id].longitude += adjustmentValue;
+		}
+	});
+
+	return adjustedItems;
+};
+
+export const clusterOptions = (clusterGridSize, fillColor) => {
+	return {
+		gridSize: clusterGridSize,
+		maxZoom:15,
+		styles:[{
+			url: createSvgDataUri(fillColor),
+			textColor:'white',
+			height: 40,
+			width: 40
+		}]
+	};
+};
+
+function createSvgDataUri(fillColor) {
+	const svg = `<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+	  <circle cx="25" cy="25" r="20" fill="${fillColor}" />
+	</svg>`;
+	return `data:image/svg+xml;base64,${btoa(svg)}`;
+}

package/src/util/stringUtils.js

@@ -1,6 +1,6 @@
-export const capitalize = str => {
-	if (str && typeof str === "string") {
-		return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
-	}
-	return str;
-};
+export const capitalize = str => {
+	if (str && typeof str === "string") {
+		return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+	}
+	return str;
+};

package/src/util/urlFilterUtil.js

@@ -1,85 +1,85 @@
-export const updateURLWithFilters = (filters, location, query, handleUrlUpdate) => {
-	const searchParams = new URLSearchParams(location.search);
-
-	const filteredSearchParams = new URLSearchParams();
-	for (const [key, value] of searchParams.entries()) {
-		if (!key.includes('.') && key !== 'query') {
-			filteredSearchParams.set(key, value);
-		}
-	}
-
-	if (query) {
-		filteredSearchParams.set('query', query);
-	}
-
-	for (const category in filters) {
-		for (const filter in filters[category]) {
-			const key = `${category}.${filter}`;
-			if (filters[category][filter]) {
-				filteredSearchParams.set(key, 'true');
-			}
-		}
-	}
-
-	handleUrlUpdate(filteredSearchParams.toString());
-};
-
-function notifyParentOfUrlChange() {
-	setTimeout(() => {
-		var message = {
-			type: 'URL_CHANGE',
-			url: window.location.href
-		};
-		window.parent.postMessage(message, "*");
-	}, 500);
-}
-
-export const parseQueryParams = search => {
-	const queryParams = {};
-	if (!search) return queryParams;
-	let queryString = search.split('?')[1];
-	if (!queryString) {
-		return queryParams;
-	}
-	queryString = queryString.replaceAll('+', ' ');
-	queryString.split('&').forEach(param => {
-		const [key, value] = param.split('=');
-		queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
-	});
-	return queryParams;
-};
-
-export const filtersFromURL = location => {
-	if (!location || !location.search) return;
-	const filters = {};
-	let queryParam = null;
-	const queryParams = parseQueryParams(location.search);
-	if (!queryParams) return;
-	Object.keys(queryParams).forEach(key => {
-		if (key && key.includes('.')) {
-			const [category, filter] = key.split('.');
-			if (!filters[category]) {
-				filters[category] = {};
-			}
-			filters[category][filter] = queryParams[key] === 'true';
-		} else if (key === 'query') {
-			queryParam = queryParams[key];
-		}
-	});
-
-	return { filters, query: queryParam };
-};
-
-export const hasFiltersInURL = location => {
-	if (!location || !location.search) return;
-	const queryParams = parseQueryParams(location.search);
-	if (!queryParams) return;
-	return Object.keys(queryParams).some(key => key.includes('.'));
-};
-
-export const hasQueryInUrl = location => {
-	if (!location || !location.search) return;
-	const queryParams = parseQueryParams(location.search);
-	if (!queryParams) return;
-	return Object.keys(queryParams).includes('query');
-};
+export const updateURLWithFilters = (filters, location, query, handleUrlUpdate) => {
+	const searchParams = new URLSearchParams(location.search);
+
+	const filteredSearchParams = new URLSearchParams();
+	for (const [key, value] of searchParams.entries()) {
+		if (!key.includes('.') && key !== 'query') {
+			filteredSearchParams.set(key, value);
+		}
+	}
+
+	if (query) {
+		filteredSearchParams.set('query', query);
+	}
+
+	for (const category in filters) {
+		for (const filter in filters[category]) {
+			const key = `${category}.${filter}`;
+			if (filters[category][filter]) {
+				filteredSearchParams.set(key, 'true');
+			}
+		}
+	}
+
+	handleUrlUpdate(filteredSearchParams.toString());
+};
+
+function notifyParentOfUrlChange() {
+	setTimeout(() => {
+		var message = {
+			type: 'URL_CHANGE',
+			url: window.location.href
+		};
+		window.parent.postMessage(message, "*");
+	}, 500);
+}
+
+export const parseQueryParams = search => {
+	const queryParams = {};
+	if (!search) return queryParams;
+	let queryString = search.split('?')[1];
+	if (!queryString) {
+		return queryParams;
+	}
+	queryString = queryString.replaceAll('+', ' ');
+	queryString.split('&').forEach(param => {
+		const [key, value] = param.split('=');
+		queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
+	});
+	return queryParams;
+};
+
+export const filtersFromURL = location => {
+	if (!location || !location.search) return;
+	const filters = {};
+	let queryParam = null;
+	const queryParams = parseQueryParams(location.search);
+	if (!queryParams) return;
+	Object.keys(queryParams).forEach(key => {
+		if (key && key.includes('.')) {
+			const [category, filter] = key.split('.');
+			if (!filters[category]) {
+				filters[category] = {};
+			}
+			filters[category][filter] = queryParams[key] === 'true';
+		} else if (key === 'query') {
+			queryParam = queryParams[key];
+		}
+	});
+
+	return { filters, query: queryParam };
+};
+
+export const hasFiltersInURL = location => {
+	if (!location || !location.search) return;
+	const queryParams = parseQueryParams(location.search);
+	if (!queryParams) return;
+	return Object.keys(queryParams).some(key => key.includes('.'));
+};
+
+export const hasQueryInUrl = location => {
+	if (!location || !location.search) return;
+	const queryParams = parseQueryParams(location.search);
+	if (!queryParams) return;
+	return Object.keys(queryParams).includes('query');
+};