@abcagency/hc-ui-components 1.3.29 → 1.3.31

package/src/util/urlFilterUtil.js

@@ -1,86 +1,85 @@
-export const updateURLWithFilters = (filters, location, query) => {
-	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');
-			}
-		}
-	}
-
-	const newUrl = `${location.pathname}?${filteredSearchParams.toString()}`;
-	window.history.replaceState({}, '', newUrl);
-};
-
-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');
+};