@abcagency/hc-ui-components 1.3.61 → 1.3.63

package/src/util/sortUtil.js

@@ -1,33 +1,33 @@
-export const dynamicSort = (items, fieldName, order = "asc") => {
-	if (!items || !items.length) {
-		return [];
-	}
-
-	const inferType = value => {
-		if (!isNaN(Date.parse(value)) && isNaN(value)) {
-			return "date";
-		} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
-			return "number";
-		} else {
-			return "string";
-		}
-	};
-
-	const dataType = inferType(items[0].fields[fieldName]);
-
-	return items.sort((a, b) => {
-		let valA = a.fields[fieldName];
-		let valB = b.fields[fieldName];
-		if (!valA || !valB) return;
-		let comparison = 0;
-
-		if (dataType === "string") {
-			comparison = valA.localeCompare(valB);
-		} else if (dataType === "number") {
-			comparison = valA - valB;
-		} else if (dataType === "date") {
-			comparison = new Date(valA) - new Date(valB);
-		}
-		return order === "desc" ? comparison * -1 : comparison;
-	});
+export const dynamicSort = (items, fieldName, order = "asc") => {
+	if (!items || !items.length) {
+		return [];
+	}
+
+	const inferType = value => {
+		if (!isNaN(Date.parse(value)) && isNaN(value)) {
+			return "date";
+		} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
+			return "number";
+		} else {
+			return "string";
+		}
+	};
+
+	const dataType = inferType(items[0].fields[fieldName]);
+
+	return items.sort((a, b) => {
+		let valA = a.fields[fieldName];
+		let valB = b.fields[fieldName];
+		if (!valA || !valB) return;
+		let comparison = 0;
+
+		if (dataType === "string") {
+			comparison = valA.localeCompare(valB);
+		} else if (dataType === "number") {
+			comparison = valA - valB;
+		} else if (dataType === "date") {
+			comparison = new Date(valA) - new Date(valB);
+		}
+		return order === "desc" ? comparison * -1 : comparison;
+	});
 };

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');
+};