@onehat/ui 0.4.71 → 0.4.72

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/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} />;
-	});
-}