@onehat/ui 0.4.71 → 0.4.73

package/src/Functions/downloadInBackground.js

@@ -1,11 +1,51 @@
 import qs from 'qs';
 
-const downloadInBackground = (url, data) => {
-	const a = document.createElement('A');
-	a.href = url + '?' + qs.stringify(data);
-	a.download = true;
-	document.body.appendChild(a);
-	a.click();
-	document.body.removeChild(a);
+const downloadInBackground = async (url, data, authHeaders = {}) => {
+	try {
+		// Use fetch to make the request with headers
+		const response = await fetch(url, {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/x-www-form-urlencoded',
+				...authHeaders,
+			},
+			body: qs.stringify(data),
+		});
+
+		if (!response.ok) {
+			throw new Error(`HTTP error! status: ${response.status}`);
+		}
+
+		// Get the blob from the response
+		const blob = await response.blob();
+		
+		// Create a download link
+		const downloadUrl = window.URL.createObjectURL(blob);
+		const a = document.createElement('A');
+		a.href = downloadUrl;
+		
+		// Try to get filename from response headers
+		const contentDisposition = response.headers.get('Content-Disposition');
+		let filename = 'download';
+		if (contentDisposition) {
+			const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(contentDisposition);
+			if (matches != null && matches[1]) {
+				filename = matches[1].replace(/['"]/g, '');
+			}
+		}
+		
+		a.download = filename;
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+		
+		// Clean up the object URL
+		window.URL.revokeObjectURL(downloadUrl);
+		
+	} catch (error) {
+		console.error('Download failed:', error);
+		throw error;
+	}
 };
+
 export default downloadInBackground;

package/src/Functions/getReport.js

@@ -4,6 +4,7 @@ import {
 } from '../Constants/ReportTypes.js';
 import downloadInBackground from './downloadInBackground.js';
 import downloadWithFetch from './downloadWithFetch.js';
+import getTokenHeaders from './getTokenHeaders.js';
 import UiGlobals from '../UiGlobals.js';
 
 export default function getReport(args) {
@@ -25,15 +26,17 @@ export default function getReport(args) {
 			outputFileType: reportType,
 			showReportHeaders,
 			...data,
-		};
+		},
+		authHeaders = getTokenHeaders();
 
 	if (reportType === REPORT_TYPES__EXCEL) {
-		downloadInBackground(url, params);
+		downloadInBackground(url, params, authHeaders);
 	} else {
 		const options = {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',
+				...authHeaders,
 			},
 			body: JSON.stringify(params),
 		};

package/src/Functions/testProps.js

@@ -22,7 +22,7 @@ export default function testProps(id, suffix) {
 	if (suffix) {
 		id += suffix; // this is used in conjunction with 'self' object
 	}
-	if (!window && Platform.OS === 'android') {
+	if (typeof window === 'undefined' && Platform.OS === 'android') {
 		return {
 			accessibilityLabel: id,
 			accessible: true,

package/src/Functions/trackEngagementHit.js

@@ -1,5 +1,6 @@
 export default function trackEngagementHit(repository, data) {
-	const method = 'POST',
+	const
+		method = 'POST',
 		url = 'Engagements/trackEngagementHit';
 
 	return repository._send(method, url, data)

package/src/Hooks/useWhyDidYouUpdate.js

@@ -0,0 +1,33 @@
+import { useRef, useEffect } from 'react';
+
+// This custom hook logs changes in props for debugging purposes.
+// It can be used to track why a component re-renders by comparing current props with previous props
+
+// Usage in your component:
+// useWhyDidYouUpdate('withMhTree', { enterpriseId, getEquipment, showInactiveEquipment });
+
+export default function useWhyDidYouUpdate(name, props) {
+	const previous = useRef();
+	
+	useEffect(() => {
+		if (previous.current) {
+			const allKeys = Object.keys({ ...previous.current, ...props });
+			const changedProps = {};
+			
+			allKeys.forEach(key => {
+				if (previous.current[key] !== props[key]) {
+				changedProps[key] = {
+					from: previous.current[key],
+					to: props[key]
+				};
+				}
+			});
+			
+			if (Object.keys(changedProps).length) {
+				console.log('[why-did-you-update]', name, changedProps);
+			}
+		}
+		
+		previous.current = props;
+	});
+}

package/src/PlatformImports/Web/Attachments.js

@@ -37,7 +37,7 @@ import _ from 'lodash';
 const
 	EXPANDED_MAX = 100,
 	COLLAPSED_MAX = 4,
-	isPwa = !!window?.navigator?.standalone;
+	isPwa = typeof window !== 'undefined' && !!window?.navigator?.standalone;
 
 function FileCardCustom(props) {
 	const {

package/src/Components/Hoc/withBlank.js

@@ -1,10 +0,0 @@
-import { forwardRef } from 'react';
-
-export default function withBlank(WrappedComponent) {
-	return forwardRef((props, ref) => {
-		const {
-
-			} = props;
-		return <WrappedComponent {...props} ref={ref} />;
-	});
-}