@qwickapps/react-framework 1.4.9 → 1.5.1

package/src/__tests__/schemas/transformers/CrossBrowserCompatibility.test.ts

@@ -62,14 +62,14 @@ class CrossBrowserTestComponent implements Serializable {
     text?: string;
     number?: number;
     boolean?: boolean;
-    array?: any[];
-    object?: Record<string, any>;
+    array?: unknown[];
+    object?: Record<string, unknown>;
     date?: string;
     unicode?: string;
     specialChars?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('div', {
       'data-testid': 'cross-browser-test',
       'data-text': jsonData.text,
@@ -81,14 +81,14 @@ class CrossBrowserTestComponent implements Serializable {
       'data-unicode': jsonData.unicode,
       'data-special-chars': jsonData.specialChars
     }, [
-      jsonData.text ? React.createElement('span', { key: 'text' }, jsonData.text) : null,
-      jsonData.number !== undefined ? React.createElement('span', { key: 'number' }, jsonData.number.toString()) : null,
-      jsonData.boolean !== undefined ? React.createElement('span', { key: 'boolean' }, jsonData.boolean.toString()) : null,
-      jsonData.unicode ? React.createElement('span', { key: 'unicode' }, jsonData.unicode) : null
+      jsonData.text ? React.createElement('span', { key: 'text' }, jsonData.text as string) : null,
+      jsonData.number !== undefined ? React.createElement('span', { key: 'number' }, (jsonData.number as number).toString()) : null,
+      jsonData.boolean !== undefined ? React.createElement('span', { key: 'boolean' }, (jsonData.boolean as boolean).toString()) : null,
+      jsonData.unicode ? React.createElement('span', { key: 'unicode' }, jsonData.unicode as string) : null
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       text: this.props.text,
       number: this.props.number,
@@ -218,7 +218,7 @@ describe('Cross-Browser Compatibility Tests', () => {
         { name: 'mixed', text: 'Hello 世界 🌍 مرحبا Привет!' }
       ];
 
-      unicodeTests.forEach(({ name, text }) => {
+      unicodeTests.forEach(({ text }) => {
         const testData = {
           tagName: 'CrossBrowserTest',
           version: '1.0.0',
@@ -338,7 +338,7 @@ describe('Cross-Browser Compatibility Tests', () => {
         {
           name: 'sparse array',
           data: {
-            sparse: [1, , , 4, , 6] // Sparse array with holes
+            sparse: [1, undefined, undefined, 4, undefined, 6] // Array with undefined values
           }
         }
       ];

package/src/__tests__/schemas/transformers/MockSerializableComponent.ts

@@ -27,18 +27,18 @@ export class MockSerializableComponent implements Serializable {
     children?: React.ReactNode;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('div', {
-      className: `mock-component ${jsonData.variant || 'default'}`,
+      className: `mock-component ${(jsonData.variant as string) || 'default'}`,
       'data-testid': 'mock-component'
-    }, [
-      jsonData.title && React.createElement('h3', { key: 'title' }, jsonData.title),
-      jsonData.content && React.createElement('p', { key: 'content' }, jsonData.content),
+    }, ([
+      jsonData.title && React.createElement('h3', { key: 'title' }, jsonData.title as string),
+      jsonData.content && React.createElement('p', { key: 'content' }, jsonData.content as string),
       jsonData.children
-    ].filter(Boolean));
+    ].filter(Boolean) as React.ReactNode[]));
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       title: this.props.title,
       content: this.props.content,
@@ -64,15 +64,15 @@ export class AlternativeMockComponent implements Serializable {
     active?: boolean;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('button', {
-      className: `alt-mock ${jsonData.type || 'default'}`,
+      className: `alt-mock ${(jsonData.type as string) || 'default'}`,
       'data-active': jsonData.active,
       'data-testid': 'alternative-mock'
-    }, jsonData.label || 'Alternative Component');
+    }, (jsonData.label as string) || 'Alternative Component');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       label: this.props.label,
       type: this.props.type,
@@ -89,15 +89,15 @@ export const AlternativeMockComponentClass = AlternativeMockComponent as unknown
 export class InvalidMockComponent implements Serializable {
   // Missing static tagName and version properties intentionally
 
-  constructor(public props: any) {}
+  constructor(public props: Record<string, unknown>) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(): ReactElement {
     return React.createElement('div', {}, 'Invalid Component');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {};
   }
 }
 
-export const InvalidMockComponentClass = InvalidMockComponent as any; // Intentionally not typed as SerializableConstructor
+export const InvalidMockComponentClass = InvalidMockComponent as unknown; // Intentionally not typed as SerializableConstructor

package/src/__tests__/schemas/transformers/RealWorldScenarios.test.tsx

@@ -30,11 +30,11 @@ class RealButton implements Serializable {
     className?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     const isLink = !!jsonData.href;
     const element = isLink ? 'a' : 'button';
-    
-    const props: any = {
+
+    const props: Record<string, unknown> = {
       id: jsonData.id,
       className: [
         'btn',
@@ -75,7 +75,7 @@ class RealButton implements Serializable {
     return React.createElement(element, props, children);
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       id: this.props.id,
       label: this.props.label,
@@ -113,14 +113,14 @@ class RealCard implements Serializable {
       category?: string;
       readTime?: string;
     };
-    actions?: any[];
+    actions?: React.ReactNode[];
     variant?: 'default' | 'outlined' | 'elevated';
     clickable?: boolean;
     href?: string;
     className?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const actions = jsonData.actions ? ComponentTransformer.deserialize(jsonData.actions) : null;
     const isClickable = jsonData.clickable || jsonData.href;
     
@@ -194,7 +194,7 @@ class RealCard implements Serializable {
       ].filter(Boolean))
     ].filter(Boolean);
 
-    const props: any = {
+    const props: unknown = {
       id: jsonData.id,
       className: [
         'card',
@@ -216,7 +216,7 @@ class RealCard implements Serializable {
     return React.createElement('div', props, cardContent);
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       title: this.props.title,
@@ -238,7 +238,7 @@ class RealSection implements Serializable {
     id?: string;
     title?: string;
     subtitle?: string;
-    children?: any;
+    children?: unknown;
     layout?: 'container' | 'full-width' | 'grid';
     columns?: number;
     gap?: string;
@@ -250,18 +250,18 @@ class RealSection implements Serializable {
     'data-section'?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const children = jsonData.children ? ComponentTransformer.deserialize(jsonData.children) : null;
     
     const sectionStyle: React.CSSProperties = {
       backgroundColor: jsonData.backgroundColor,
       backgroundImage: jsonData.backgroundImage ? `url(${jsonData.backgroundImage})` : undefined,
       padding: jsonData.padding,
-      textAlign: jsonData.textAlign as any,
+      textAlign: jsonData.textAlign as unknown,
       gap: jsonData.gap
     };
 
-    const contentProps: any = {
+    const contentProps: unknown = {
       className: 'section-content'
     };
 
@@ -305,7 +305,7 @@ class RealSection implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       title: this.props.title,
@@ -330,7 +330,7 @@ class RealFormField implements Serializable {
     name: string;
     label?: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea' | 'select';
-    value?: any;
+    value?: unknown;
     placeholder?: string;
     required?: boolean;
     disabled?: boolean;
@@ -349,7 +349,7 @@ class RealFormField implements Serializable {
     className?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const fieldId = jsonData.id || `field-${jsonData.name}`;
     const hasError = !!jsonData.error;
     
@@ -381,7 +381,7 @@ class RealFormField implements Serializable {
         'aria-describedby': jsonData.helperText || jsonData.error ? `${fieldId}-help` : undefined
       }, [
         React.createElement('option', { key: 'empty', value: '' }, 'Select an option'),
-        ...(jsonData.options || []).map((option: any, index: number) => 
+        ...(jsonData.options || []).map((option: unknown, index: number) => 
           React.createElement('option', { 
             key: index, 
             value: option.value 
@@ -439,7 +439,7 @@ class RealFormField implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       name: this.props.name,
@@ -917,10 +917,10 @@ describe('Real-World Component Serialization Scenarios', () => {
         }
       };
 
-      Object.entries(variations).forEach(([name, variation]) => {
+      Object.entries(variations).forEach(([, variation]) => {
         const result = ComponentTransformer.deserialize(variation);
         expect(React.isValidElement(result)).toBe(true);
-        
+
         const button = result as ReactElement;
         expect(button.type).toBe('button');
         expect(button.props.className).toContain('btn');

package/src/__tests__/schemas/transformers/SerializationErrorHandling.test.ts

@@ -16,14 +16,14 @@ import { Serializable, SerializableConstructor } from '../../types/Serializable'
 class ErrorTestButton implements Serializable {
   constructor(public props: { label?: string; throwOnFromJson?: boolean; throwOnToJson?: boolean }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     if (jsonData.throwOnFromJson) {
       throw new Error('Intentional fromJson error for testing');
     }
-    return React.createElement('button', {}, jsonData.label || 'Button');
+    return React.createElement('button', {}, (jsonData.label as string) || 'Button');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     if (this.props.throwOnToJson) {
       throw new Error('Intentional toJson error for testing');
     }
@@ -37,21 +37,21 @@ class ErrorTestButton implements Serializable {
 
 class InvalidComponentClass {
   // This class does not implement Serializable interface
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(): ReactElement {
     return React.createElement('div', {}, 'Invalid component');
   }
   // Missing toJson method
 }
 
 class MalformedFromJsonComponent implements Serializable {
-  constructor(public props: any) {}
+  constructor(public props: Record<string, unknown>) {}
 
-  static fromJson(jsonData: any): any {
+  static fromJson(): unknown {
     // Returns non-ReactElement (invalid)
     return { invalid: 'return value' };
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return this.props;
   }
 }
@@ -233,7 +233,7 @@ describe('Component Serialization Error Handling', () => {
         '{"duplicate": "key", "duplicate": "key2"}', // Valid JSON but semantically questionable
       ];
 
-      malformedJsonInputs.forEach((input, index) => {
+      malformedJsonInputs.forEach((input) => {
         if (input !== '{"duplicate": "key", "duplicate": "key2"}') { // This is actually valid JSON
           expect(() => {
             ComponentTransformer.deserialize(input);
@@ -258,7 +258,7 @@ describe('Component Serialization Error Handling', () => {
     });
 
     it('should handle deeply nested JSON structures', () => {
-      let deepObject: any = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
+      let deepObject: unknown = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
       
       // Create 1000 levels of nesting
       for (let i = 0; i < 1000; i++) {
@@ -273,7 +273,7 @@ describe('Component Serialization Error Handling', () => {
 
     it('should handle JSON with circular references (after JSON.stringify)', () => {
       // Since JSON.stringify removes circular references, we test the behavior
-      const obj: any = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
+      const obj: unknown = { tagName: 'ErrorTestButton', version: '1.0.0', data: {} };
       obj.circular = obj;
 
       expect(() => {
@@ -318,7 +318,7 @@ describe('Component Serialization Error Handling', () => {
     it('should handle component class without proper static methods', () => {
       // Try to register a class that doesn't properly implement the interface
       expect(() => {
-        ComponentTransformer.registerComponent('InvalidClass', InvalidComponentClass as any);
+        ComponentTransformer.registerComponent('InvalidClass', InvalidComponentClass as unknown);
       }).not.toThrow(); // Registration succeeds, but usage will fail
       
       const invalidComponent = {
@@ -363,7 +363,7 @@ describe('Component Serialization Error Handling', () => {
 
       nonObjectInputs.forEach((input, index) => {
         expect(() => {
-          const result = ComponentTransformer.deserialize(input as any);
+          const result = ComponentTransformer.deserialize(input as unknown);
           // Should return the input as-is for primitive values
           if (input !== undefined && typeof input !== 'symbol' && typeof input !== 'function') {
             expect(result).toBe(input);
@@ -402,11 +402,11 @@ describe('Component Serialization Error Handling', () => {
         { tagName: 123, version: '1.0.0', data: {} }, // Non-string tag
       ];
 
-      fakeComponentData.forEach((fake, index) => {
+      fakeComponentData.forEach((fake) => {
         expect(() => {
-          const result = ComponentTransformer.deserialize(fake);
+          ComponentTransformer.deserialize(fake);
           // Should handle gracefully - some might deserialize, others might throw
-        }).not.toThrow(`Fake component ${index} should not crash the system`);
+        }).not.toThrow();
       });
     });
   });

package/src/__tests__/schemas/transformers/SerializationIntegration.test.tsx

@@ -12,11 +12,12 @@ import { ComponentTransformer } from '../ComponentTransformer';
 import { Serializable, SerializableConstructor } from '../../types/Serializable';
 
 // Mock ErrorBoundary for testing unknown component handling
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 class MockErrorBoundary extends React.Component<
   { children: React.ReactNode; onError?: (error: Error) => void },
   { hasError: boolean; error?: Error }
 > {
-  constructor(props: any) {
+  constructor(props: { children: React.ReactNode; onError?: (error: Error) => void }) {
     super(props);
     this.state = { hasError: false };
   }
@@ -42,15 +43,15 @@ class MockErrorBoundary extends React.Component<
 
 // Complex Mock Components for Integration Testing
 class MockButton implements Serializable {
-  constructor(public props: { 
-    label?: string; 
+  constructor(public props: {
+    label?: string;
     variant?: 'primary' | 'secondary' | 'danger';
     onClick?: () => void;
     disabled?: boolean;
-    children?: any;
+    children?: React.ReactNode;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('button', {
       className: `btn btn-${jsonData.variant || 'primary'}`,
       disabled: jsonData.disabled,
@@ -59,7 +60,7 @@ class MockButton implements Serializable {
     }, jsonData.label || jsonData.children || 'Button');
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       label: this.props.label,
       variant: this.props.variant,
@@ -74,11 +75,11 @@ class MockSection implements Serializable {
   constructor(public props: { 
     title?: string;
     className?: string;
-    children?: any;
+    children?: unknown;
     background?: string;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     // Section components often need to deserialize their children
     const children = jsonData.children ? 
       ComponentTransformer.deserialize(jsonData.children) : null;
@@ -93,7 +94,7 @@ class MockSection implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       title: this.props.title,
       className: this.props.className,
@@ -108,11 +109,11 @@ class MockCard implements Serializable {
     title?: string; 
     content?: string;
     image?: string;
-    actions?: any[];
-    metadata?: Record<string, any>;
+    actions?: unknown[];
+    metadata?: Record<string, unknown>;
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     const actions = jsonData.actions ? 
       ComponentTransformer.deserialize(jsonData.actions) : null;
 
@@ -137,7 +138,7 @@ class MockCard implements Serializable {
     ].filter(Boolean));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       title: this.props.title,
       content: this.props.content,
@@ -156,7 +157,7 @@ class MockCode implements Serializable {
     highlightLines?: number[];
   }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  static fromJson(jsonData: unknown): ReactElement {
     return React.createElement('pre', {
       className: `code-block language-${jsonData.language || 'text'}`,
       'data-testid': 'mock-code',
@@ -165,7 +166,7 @@ class MockCode implements Serializable {
     }, React.createElement('code', {}, jsonData.code || ''));
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       code: this.props.code,
       language: this.props.language,
@@ -256,7 +257,7 @@ describe('Component Serialization Integration Tests', () => {
       const result = ComponentTransformer.deserialize(mixedContent);
       expect(Array.isArray(result)).toBe(true);
       
-      const elements = result as any[];
+      const elements = result as unknown[];
       expect(elements).toHaveLength(6);
       expect(elements[0]).toBe('Plain text content');
       expect(React.isValidElement(elements[1])).toBe(true);
@@ -518,9 +519,6 @@ describe('Component Serialization Integration Tests', () => {
       };
 
       let capturedError: Error | null = null;
-      const onError = (error: Error) => {
-        capturedError = error;
-      };
 
       // Wrap in error boundary and attempt deserialization
       expect(() => {
@@ -542,7 +540,7 @@ describe('Component Serialization Integration Tests', () => {
         { tag: 'Button', version: '1.0.0', data: null }, // Null data
       ];
 
-      malformedComponents.forEach((malformed, index) => {
+      malformedComponents.forEach((malformed) => {
         expect(() => {
           ComponentTransformer.deserialize(malformed);
         }).toThrow(/Malformed component data/);
@@ -584,7 +582,7 @@ describe('Component Serialization Integration Tests', () => {
 
     it('should handle deeply nested structures without stack overflow', () => {
       // Create deeply nested structure (20 levels)
-      let nestedStructure: any = {
+      let nestedStructure: unknown = {
         tag: 'Button',
         version: '1.0.0',
         data: { label: 'Deep Button' }

package/src/__tests__/schemas/transformers/SerializationPerformance.test.ts

@@ -15,10 +15,10 @@ import { Serializable, SerializableConstructor } from '../../types/Serializable'
 class PerfMockButton implements Serializable {
   static readonly tagName = 'Button';
   static readonly version = '1.0.0';
-  
-  constructor(public props: { id?: string; label?: string; metadata?: any }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  constructor(public props: { id?: string; label?: string; metadata?: Record<string, unknown> }) {}
+
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     return React.createElement('button', {
       id: jsonData.id,
       'data-label': jsonData.label,
@@ -26,7 +26,7 @@ class PerfMockButton implements Serializable {
     }, jsonData.label || 'Button');
   }
 
-  toJson(): any {
+  toJson(): Record<string, unknown> {
     return {
       id: this.props.id,
       label: this.props.label,
@@ -38,10 +38,10 @@ class PerfMockButton implements Serializable {
 class PerfMockSection implements Serializable {
   static readonly tagName = 'Section';
   static readonly version = '1.0.0';
-  
-  constructor(public props: { id?: string; children?: any }) {}
 
-  static fromJson(jsonData: any): ReactElement {
+  constructor(public props: { id?: string; children?: React.ReactNode }) {}
+
+  static fromJson(jsonData: Record<string, unknown>): ReactElement {
     const children = jsonData.children ? ComponentTransformer.deserialize(jsonData.children) : null;
     return React.createElement('section', {
       id: jsonData.id,
@@ -49,7 +49,7 @@ class PerfMockSection implements Serializable {
     }, children);
   }
 
-  toJson(): any {
+  toJson(): unknown {
     return {
       id: this.props.id,
       children: this.props.children ? ComponentTransformer.serialize(this.props.children) : null
@@ -70,8 +70,8 @@ function measurePerformance<T>(
   operationCount: number = 1
 ): { result: T; metrics: PerformanceMetrics } {
   // Force garbage collection if available (for more accurate memory measurements)
-  if ((global as any).gc) {
-    (global as any).gc();
+  if ((global as unknown).gc) {
+    (global as unknown).gc();
   }
 
   const startMemory = process.memoryUsage().heapUsed;
@@ -245,8 +245,8 @@ describe('Component Serialization Performance Tests', () => {
       }
 
       // Force garbage collection
-      if ((global as any).gc) {
-        (global as any).gc();
+      if ((global as unknown).gc) {
+        (global as unknown).gc();
         await new Promise(resolve => setTimeout(resolve, 100));
       }
 
@@ -303,7 +303,7 @@ describe('Component Serialization Performance Tests', () => {
 
       for (const depth of depths) {
         // Create nested structure
-        let nestedData: any = {
+        let nestedData: unknown = {
           tagName: 'Button',
           version: '1.0.0',
           data: { id: 'deep-button', label: `Button at depth ${depth}` }
@@ -408,9 +408,9 @@ describe('Component Serialization Performance Tests', () => {
       const totalDuration = endTime - startTime;
 
       // Verify all operations completed successfully
-      results.forEach((result, index) => {
+      results.forEach((result) => {
         expect(Array.isArray(result)).toBe(true);
-        expect((result as any[]).length).toBe(componentsPerOperation);
+        expect((result as unknown[]).length).toBe(componentsPerOperation);
       });
 
       console.log(`${concurrentOperations} concurrent operations completed in ${totalDuration.toFixed(2)}ms`);

package/src/__tests__/schemas/transformers/TestAutomation.test.ts

@@ -237,11 +237,11 @@ describe('QA Test Automation Integration', () => {
       ComponentTransformer.clearRegistry();
       
       const mockComponent = {
-        fromJson: (data: any) => ({ type: 'div', props: { children: data.text } }),
+        fromJson: (data: Record<string, unknown>) => ({ type: 'div', props: { children: data.text } }),
         prototype: { toJson: () => ({ text: 'test' }) }
       };
-      
-      ComponentTransformer.registerComponent('MockComponent', mockComponent as any);
+
+      ComponentTransformer.registerComponent('MockComponent', mockComponent as unknown as React.ComponentType);
       
       const testData = {
         tagName: 'MockComponent',

package/src/__tests__/schemas/transformers/nested-serialization.test.tsx

@@ -20,7 +20,7 @@ describe('Nested Component Serialization', () => {
           span={12}
           padding="large"
           background="primary.main"
-          onClick={(event) => { console.log("Parent clicked"); }}
+          onClick={() => { console.log("Parent clicked"); }}
         >
           <Container 
             span={6}

package/src/__tests__/schemas/transformers/round-trip-component-serialization.test.tsx

@@ -49,11 +49,11 @@ describe('Round-trip Component Serialization', () => {
 
     it('should perform perfect round-trip with event handlers', () => {
       const original = (
-        <Container 
-          span={8} 
+        <Container
+          span={8}
           padding="large"
-          onClick={(event) => { console.log("Container clicked"); }}
-          onMouseEnter={(event) => { console.log("Mouse entered"); }}
+          onClick={() => { console.log("Container clicked"); }}
+          onMouseEnter={() => { console.log("Mouse entered"); }}
         >
           Interactive container
         </Container>
@@ -171,9 +171,9 @@ describe('Round-trip Component Serialization', () => {
 
     it('should perform perfect round-trip with event handlers', () => {
       const original = (
-        <Text 
+        <Text
           variant="button"
-          onClick={(event) => { alert("Text clicked"); }}
+          onClick={() => { alert("Text clicked"); }}
           style={{ cursor: 'pointer' }}
         >
           Clickable text
@@ -385,11 +385,11 @@ describe('Round-trip Component Serialization', () => {
           role="main"
           aria-label="Comprehensive test container"
           data-testid="round-trip-test"
-          
+
           // Event handlers
-          onClick={(e) => console.log('clicked')}
-          onMouseEnter={(e) => console.log('mouse enter')}
-          onFocus={(e) => console.log('focused')}
+          onClick={() => console.log('clicked')}
+          onMouseEnter={() => console.log('mouse enter')}
+          onFocus={() => console.log('focused')}
         >
           Comprehensive test content
         </Container>