@hrnec06/react_utils 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hrnec06/react_utils",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "A debugger component for react.",
   "exports": {
     ".": "./src/index.tsx"

package/src/debugger/Debugger.tsx

@@ -182,7 +182,7 @@ export default function Debug({
 
 	const calculateScrollHeight = () => {
 		if (!containerRef.current) return 0;
-	
+
 		return containerRef.current.scrollHeight - calculateContainerHeight();
 	}
 
@@ -206,7 +206,11 @@ export default function Debug({
 	const handleExpandChange = (path: string[], state: boolean) => {
 		if (!containerRef.current) return;
 
-		setScrollProgress(minmax((scrollProgress * scrollHeight) / calculateScrollHeight(), 0, 1));
+		let newScrollProgress = minmax((scrollProgress * scrollHeight) / calculateScrollHeight(), 0, 1);
+		if (isNaN(newScrollProgress))
+			newScrollProgress = 0;
+
+		setScrollProgress(newScrollProgress);
 
 		updateScrollHeight();
 	}

package/src/debugger/parser/DebugParserSimple.tsx

@@ -34,7 +34,7 @@ export default function ParseValueSimple({
 			if (className === null || className.length > MAX_LENGTH)
 				return <ValueKeyword value="object" />
 
-			return className;
+			return (<span className="text-white">{className}</span>);
 		}
 		case 'string': {
 			if (value.length > MAX_LENGTH)

package/src/debugger/parser/ValueObject.tsx

@@ -53,7 +53,7 @@ export default function ValueObject({
 			<Chevron_Toggle expanded={expanded} onToggle={handleExpand} />
 
 			{
-				Object.getPrototypeOf(value) !== Object.prototype && <span>({value.constructor.name}) </span>
+				Object.getPrototypeOf(value) !== Object.prototype && <span className="text-white">({value.constructor.name}) </span>
 			}
 
 			{