@qwickapps/react-framework 1.4.9 → 1.5.0

package/src/__tests__/components/blocks/Section.serialization.test.tsx

@@ -41,7 +41,7 @@ describe('Section Component Serialization', () => {
       expect(Section.version).toBe('1.0.0');
       
       // Register the component
-      ComponentTransformer.registerComponent(Section as any);
+      ComponentTransformer.registerComponent(Section as unknown as React.ComponentType);
       
       // Verify it's registered
       const registeredComponents = ComponentTransformer.getRegisteredComponents();
@@ -317,7 +317,7 @@ describe('Section Component Serialization', () => {
   describe('ComponentTransformer Integration', () => {
     beforeEach(() => {
       // Register the Section component for these tests
-      ComponentTransformer.registerComponent(Section as any);
+      ComponentTransformer.registerComponent(Section as unknown as React.ComponentType);
     });
 
     it('should work with ComponentTransformer serialize/deserialize', () => {
@@ -381,7 +381,7 @@ describe('Section Component Serialization', () => {
 
     it('should handle nested Section with other components', () => {
       // Register Code component for this test
-      ComponentTransformer.registerComponent(Code as any);
+      ComponentTransformer.registerComponent(Code as unknown as React.ComponentType);
 
       const nestedStructure = (
         <Section background="#f8f9fa" padding="large">
@@ -434,8 +434,8 @@ describe('Section Component Serialization', () => {
 
   describe('Children Serialization Edge Cases', () => {
     beforeEach(() => {
-      ComponentTransformer.registerComponent(Section as any);
-      ComponentTransformer.registerComponent(Code as any);
+      ComponentTransformer.registerComponent(Section as unknown as React.ComponentType);
+      ComponentTransformer.registerComponent(Code as unknown as React.ComponentType);
     });
 
     it('should handle array of children', () => {
@@ -517,9 +517,9 @@ describe('Section Component Serialization', () => {
 
     it('should handle serialization of invalid props', () => {
       const invalidProps = {
-        children: null as any,
-        background: null as any,
-        padding: 'invalid' as any
+        children: null as unknown as React.ReactNode,
+        background: null as unknown as string,
+        padding: 'invalid' as unknown as string
       };
 
       const sectionInstance = new Section(invalidProps);

package/src/__tests__/components/blocks/Text.performance.test.tsx

@@ -19,7 +19,7 @@ describe('Text Performance', () => {
     ComponentTransformer.clearRegistry();
     
     // Register Text component
-    ComponentTransformer.registerComponent(Text as any);
+    ComponentTransformer.registerComponent(Text as unknown as React.ComponentType);
   });
 
   afterEach(() => {
@@ -253,7 +253,7 @@ describe('Text Performance', () => {
       const component = <Text content="Memory leak test" variant="body1" />;
 
       // Get initial memory usage (if available)
-      const initialMemory = (performance as any).memory?.usedJSHeapSize || 0;
+      const initialMemory = (performance as unknown as { memory?: { usedJSHeapSize?: number } }).memory?.usedJSHeapSize || 0;
 
       // Perform many serialization operations
       for (let i = 0; i < 1000; i++) {
@@ -261,12 +261,12 @@ describe('Text Performance', () => {
       }
 
       // Force garbage collection if available
-      if ((global as any).gc) {
-        (global as any).gc();
+      if ((global as unknown as { gc?: () => void }).gc) {
+        (global as unknown as { gc?: () => void }).gc();
       }
 
       // Check memory hasn't grown significantly
-      const finalMemory = (performance as any).memory?.usedJSHeapSize || 0;
+      const finalMemory = (performance as unknown as { memory?: { usedJSHeapSize?: number } }).memory?.usedJSHeapSize || 0;
       
       if (initialMemory > 0) {
         const memoryGrowth = finalMemory - initialMemory;

package/src/__tests__/components/blocks/Text.serialization.test.tsx

@@ -19,7 +19,7 @@ describe('Text Serialization', () => {
     ComponentTransformer.clearRegistry();
     
     // Register Text component
-    ComponentTransformer.registerComponent(Text as any);
+    ComponentTransformer.registerComponent(Text as unknown as React.ComponentType);
   });
 
   afterEach(() => {
@@ -107,9 +107,9 @@ describe('Text Serialization', () => {
       
       variants.forEach(variant => {
         const originalComponent = (
-          <Text 
+          <Text
             content={`This is ${variant} variant`}
-            variant={variant as any}
+            variant={variant as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'subtitle'}
           />
         );
 
@@ -129,9 +129,9 @@ describe('Text Serialization', () => {
       
       colors.forEach(color => {
         const originalComponent = (
-          <Text 
+          <Text
             content={`This is ${color} colored text`}
-            color={color as any}
+            color={color as string}
           />
         );
 
@@ -150,9 +150,9 @@ describe('Text Serialization', () => {
       
       alignments.forEach(align => {
         const originalComponent = (
-          <Text 
+          <Text
             content={`This text is ${align} aligned`}
-            align={align as any}
+            align={align as 'left' | 'center' | 'right' | 'justify'}
           />
         );
 
@@ -171,9 +171,9 @@ describe('Text Serialization', () => {
       
       elements.forEach(element => {
         const originalComponent = (
-          <Text 
+          <Text
             content={`This is rendered as ${element} element`}
-            component={element as any}
+            component={element as 'div' | 'span' | 'p'}
           />
         );
 

package/src/__tests__/components/buttons/Button.serialization.test.tsx

@@ -25,7 +25,7 @@ describe('Button Serialization', () => {
   beforeEach(() => {
     jest.clearAllMocks();
     // Clear any global handlers
-    (global as any).testHandler = undefined;
+    (global as unknown as Record<string, unknown>).testHandler = undefined;
   });
 
   describe('Basic Serialization', () => {
@@ -325,7 +325,7 @@ describe('Button Serialization', () => {
 
     test('should handle custom action with global handler', () => {
       const customHandler = jest.fn();
-      (global as any).testHandler = customHandler;
+      (global as unknown as Record<string, unknown>).testHandler = customHandler;
       
       const action: ButtonAction = {
         type: 'custom',
@@ -418,14 +418,14 @@ describe('Button Serialization', () => {
         customHandler: 'testHandler'
       };
       
-      (global as any).testHandler = jest.fn();
+      (global as unknown as Record<string, unknown>).testHandler = jest.fn();
       
       render(<Button label="Both" action={action} onClick={originalClick} />);
       const button = screen.getByRole('button');
       
       fireEvent.click(button);
       
-      expect((global as any).testHandler).toHaveBeenCalled();
+      expect((global as unknown as Record<string, unknown>).testHandler).toHaveBeenCalled();
       expect(originalClick).toHaveBeenCalled();
     });
 

package/src/__tests__/components/input/FormComponents.serialization.test.tsx

@@ -58,7 +58,7 @@ describe('Form Components Serialization', () => {
         required: true
       };
 
-      let serializedData: any;
+      let serializedData: Record<string, unknown>;
       let deserializedElement: React.ReactElement;
 
       // Test serialization
@@ -127,7 +127,7 @@ describe('Form Components Serialization', () => {
         addButtonText: 'Add Question'
       };
 
-      let serializedData: any;
+      let serializedData: Record<string, unknown>;
       let deserializedElement: React.ReactElement;
 
       // Test serialization
@@ -194,7 +194,7 @@ describe('Form Components Serialization', () => {
         color: 'primary' as const
       };
 
-      let serializedData: any;
+      let serializedData: Record<string, unknown>;
       let deserializedElement: React.ReactElement;
 
       // Test serialization
@@ -264,7 +264,7 @@ describe('Form Components Serialization', () => {
         backgroundImage: 'https://example.com/bg.jpg'
       };
 
-      let serializedData: any;
+      let serializedData: Record<string, unknown>;
       let deserializedElement: React.ReactElement;
 
       // Test serialization
@@ -350,7 +350,7 @@ describe('Form Components Serialization', () => {
         <SwitchInputField key="switch2" label="Another Switch" checked={false} />
       ];
 
-      let serializedData: any[];
+      let serializedData: string[];
       let deserializedElements: React.ReactElement[];
 
       // Bulk serialization
@@ -404,14 +404,14 @@ describe('Form Components Serialization', () => {
         }
       ];
 
-      testComponents.forEach(({ type, element, checkProps }) => {
+      testComponents.forEach(({ element, checkProps }) => {
         let currentElement = element;
-        let originalProps: any;
+        const originalProps: Record<string, unknown> = {};
         
         // Capture original props from first serialization
         const firstSerialized = ComponentTransformer.serialize(currentElement);
         const firstSerialization = JSON.parse(firstSerialized);
-        originalProps = firstSerialization.data;
+        Object.assign(originalProps, firstSerialization.data);
 
         // Perform 5 serialize-deserialize cycles
         for (let cycle = 0; cycle < 5; cycle++) {
@@ -471,7 +471,7 @@ describe('Form Components Serialization', () => {
 
       const element = <ChoiceInputField {...originalProps} />;
       const serialized = ComponentTransformer.serialize(element);
-      const serializedData = JSON.parse(serialized);
+      JSON.parse(serialized);
       const deserializedElement = ComponentTransformer.deserialize(serialized) as React.ReactElement;
       const reserialized = ComponentTransformer.serialize(deserializedElement);
       const reserializedData = JSON.parse(reserialized);

package/src/__tests__/components/input/SelectInputField.serialization.test.tsx

@@ -58,9 +58,8 @@ describe('SelectInputField Serialization', () => {
         placeholder: 'Select a country'
       };
 
-      let serializedData: any;
+      let serializedData: Record<string, unknown>;
       let deserializedElement: React.ReactElement;
-      let reserializedData: any;
 
       // Test serialization
       const serializationTime = measurePerformance('Basic Serialization', () => {
@@ -112,11 +111,11 @@ describe('SelectInputField Serialization', () => {
 
       const element = <SelectInputField {...originalProps} />;
       const serialized = ComponentTransformer.serialize(element);
-      const serializedData = JSON.parse(serialized);
+      JSON.parse(serialized);
       const deserializedElement = ComponentTransformer.deserialize(serialized) as React.ReactElement;
 
-      const { getByText, getByDisplayValue } = render(deserializedElement);
-      
+      const { getByText } = render(deserializedElement);
+
       expect(getByText('Priority Level')).toBeInTheDocument();
     });
   });
@@ -135,8 +134,8 @@ describe('SelectInputField Serialization', () => {
       };
 
       const element = <SelectInputField {...originalProps} />;
-      
-      let serializedData: any;
+
+      let serializedData: Record<string, unknown>;
       measurePerformance('Complex Options Serialization', () => {
         const serialized = ComponentTransformer.serialize(element);
         serializedData = JSON.parse(serialized);
@@ -196,19 +195,19 @@ describe('SelectInputField Serialization', () => {
       };
 
       const element = <SelectInputField {...originalProps} />;
-      
-      let serializedData: any;
+
+      let serializedData: Record<string, unknown>;
       measurePerformance('Validation Serialization', () => {
         const serialized = ComponentTransformer.serialize(element);
         serializedData = JSON.parse(serialized);
       });
 
-      expect(serializedData.data.required).toBe(true);
-      expect(serializedData.data.error).toBe(originalProps.error);
-      expect(serializedData.data.helperText).toBe(originalProps.helperText);
+      expect((serializedData.data as Record<string, unknown>).required).toBe(true);
+      expect((serializedData.data as Record<string, unknown>).error).toBe(originalProps.error);
+      expect((serializedData.data as Record<string, unknown>).helperText).toBe(originalProps.helperText);
 
       const deserializedElement = ComponentTransformer.deserialize(JSON.stringify(serializedData)) as React.ReactElement;
-      const { getByLabelText, getByText } = render(deserializedElement);
+      const { getByText } = render(deserializedElement);
 
       expect(getByText('Required Selection')).toBeInTheDocument();
       expect(getByText('Please select an option')).toBeInTheDocument();
@@ -329,8 +328,7 @@ describe('SelectInputField Serialization', () => {
         options: largeOptions
       };
 
-      let serializedData: any;
-      let deserializedElement: React.ReactElement;
+      let serializedData: unknown;
 
       // Test serialization performance with large dataset
       const serializationTime = measurePerformance('Large Options Serialization (1000 items)', () => {
@@ -341,7 +339,7 @@ describe('SelectInputField Serialization', () => {
 
       // Test deserialization performance
       const deserializationTime = measurePerformance('Large Options Deserialization (1000 items)', () => {
-        deserializedElement = ComponentTransformer.deserialize(JSON.stringify(serializedData)) as React.ReactElement;
+        ComponentTransformer.deserialize(JSON.stringify(serializedData)) as React.ReactElement;
       });
 
       expect(serializedData.data.options).toHaveLength(1000);
@@ -373,7 +371,7 @@ describe('SelectInputField Serialization', () => {
       }));
 
       let elements: React.ReactElement[];
-      let serializedData: any[];
+      let serializedData: unknown[];
       let deserializedElements: React.ReactElement[];
 
       // Bulk serialization
@@ -419,7 +417,7 @@ describe('SelectInputField Serialization', () => {
       };
 
       let currentElement = <SelectInputField {...originalProps} />;
-      let lastSerializedData: any;
+      let lastSerializedData: unknown;
 
       // Perform 10 serialize-deserialize cycles
       for (let cycle = 0; cycle < 10; cycle++) {

package/src/__tests__/components/input/TextInputField.serialization.test.tsx

@@ -32,7 +32,7 @@ describe('TextInputField Serialization', () => {
     ComponentTransformer.clearRegistry();
     
     // Register TextInputField component
-    ComponentTransformer.registerComponent(TextInputField as any);
+    ComponentTransformer.registerComponent(TextInputField as unknown as React.ComponentType);
   });
 
   afterEach(() => {
@@ -68,9 +68,9 @@ describe('TextInputField Serialization', () => {
         type: 'text'
       };
 
-      let serializedData: any;
+      let serializedData: string;
       let deserializedElement: React.ReactElement;
-      let reserializedData: any;
+      let reserializedData: string;
 
       // Test serialization
       const serializationTime = measurePerformance('Basic Serialization', () => {
@@ -141,8 +141,8 @@ describe('TextInputField Serialization', () => {
       };
 
       const element = <TextInputField {...originalProps} />;
-      
-      let serializedData: any;
+
+      let serializedData: Record<string, unknown>;
       measurePerformance('Multiline Serialization', () => {
         const serialized = ComponentTransformer.serialize(element);
         serializedData = JSON.parse(serialized);
@@ -174,8 +174,8 @@ describe('TextInputField Serialization', () => {
       };
 
       const element = <TextInputField {...originalProps} />;
-      
-      let serializedData: any;
+
+      let serializedData: Record<string, unknown>;
       measurePerformance('Validation Serialization', () => {
         const serialized = ComponentTransformer.serialize(element);
         serializedData = JSON.parse(serialized);
@@ -298,7 +298,7 @@ describe('TextInputField Serialization', () => {
       }));
 
       let elements: React.ReactElement[];
-      let serializedData: any[];
+      let serializedData: string[];
       let deserializedElements: React.ReactElement[];
 
       // Bulk serialization
@@ -339,7 +339,7 @@ describe('TextInputField Serialization', () => {
       };
 
       let currentElement = <TextInputField {...originalProps} />;
-      let lastSerializedData: any;
+      let lastSerializedData: Record<string, unknown>;
 
       // Perform 10 serialize-deserialize cycles
       for (let cycle = 0; cycle < 10; cycle++) {

package/src/__tests__/components/layout/CollapsibleLayout.test.tsx

@@ -16,14 +16,13 @@
  */
 
 import React from 'react';
-import { render, screen, fireEvent, waitFor, act } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import CollapsibleLayout, { CollapsibleLayoutView, useCollapsibleState } from '../../../components/layout/CollapsibleLayout';
 import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../../contexts';
-import { CollapsibleLayoutProps } from '../../../types/CollapsibleLayout';
 
 // Test data for data binding
 const sampleCmsData = {
@@ -130,7 +129,7 @@ const HookTestComponent: React.FC<{
   onToggle?: (collapsed: boolean) => void;
   persistState?: boolean;
   storageKey?: string;
-  onStateChange?: (state: any) => void;
+  onStateChange?: (state: { collapsed: boolean; toggle: () => void }) => void;
 }> = ({ controlled, collapsed, defaultCollapsed, onToggle, persistState, storageKey, onStateChange }) => {
   const state = useCollapsibleState(controlled, collapsed, defaultCollapsed, onToggle, persistState, storageKey);
   
@@ -452,7 +451,6 @@ describe('CollapsibleLayout', () => {
     it('handles controlled mode correctly', async () => {
       const user = userEvent.setup();
       const onToggle = jest.fn();
-      let currentState: any;
 
       render(
         <HookTestComponent
@@ -566,11 +564,9 @@ describe('CollapsibleLayout', () => {
     });
 
     it('handles header trigger area correctly', async () => {
-      const user = userEvent.setup();
-      
       render(
         <TestWrapper>
-          <CollapsibleLayout 
+          <CollapsibleLayout
             title="Header Trigger Test"
             triggerArea="header"
           >
@@ -1258,7 +1254,7 @@ describe('CollapsibleLayout', () => {
       render(
         <TestWrapper>
           <CollapsibleLayout 
-            animationStyle={'invalid' as any}
+            animationStyle={'invalid' as unknown}
           >
             <div>Content</div>
           </CollapsibleLayout>
@@ -1287,7 +1283,7 @@ describe('CollapsibleLayout', () => {
 
     it('preserves component marking for QwickApp framework', () => {
       // The component should be marked as a QwickApp component
-      const component = CollapsibleLayoutView as any;
+      const component = CollapsibleLayoutView as unknown;
       // Note: This test might need adjustment based on actual implementation
       expect(typeof component).toBe('function');
     });

package/src/__tests__/components/layout/GridCell.serialization.test.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { ComponentTransformer } from '../../../schemas/transformers/ComponentTransformer';
 import { GridCell } from '../../../components/layout/GridCell';
@@ -22,10 +22,10 @@ describe('GridCell Serialization', () => {
     ComponentTransformer.clearRegistry();
     
     // Register all necessary components
-    ComponentTransformer.registerComponent(GridCell as any);
-    ComponentTransformer.registerComponent(Text as any);
-    ComponentTransformer.registerComponent(Button as any);
-    ComponentTransformer.registerComponent(Code as any);
+    ComponentTransformer.registerComponent(GridCell as unknown as React.ComponentType);
+    ComponentTransformer.registerComponent(Text as unknown as React.ComponentType);
+    ComponentTransformer.registerComponent(Button as unknown as React.ComponentType);
+    ComponentTransformer.registerComponent(Code as unknown as React.ComponentType);
   });
 
   afterEach(() => {

package/src/__tests__/components/layout/GridLayout.serialization.test.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { ComponentTransformer } from '../../../schemas/transformers/ComponentTransformer';
 import { GridLayout } from '../../../components/layout/GridLayout';
@@ -22,10 +22,10 @@ describe('GridLayout Serialization', () => {
     ComponentTransformer.clearRegistry();
     
     // Register all necessary components
-    ComponentTransformer.registerComponent(GridLayout as any);
-    ComponentTransformer.registerComponent(GridCell as any);
-    ComponentTransformer.registerComponent(Text as any);
-    ComponentTransformer.registerComponent(Button as any);
+    ComponentTransformer.registerComponent(GridLayout as unknown as React.ComponentType);
+    ComponentTransformer.registerComponent(GridCell as unknown as React.ComponentType);
+    ComponentTransformer.registerComponent(Text as unknown as React.ComponentType);
+    ComponentTransformer.registerComponent(Button as unknown as React.ComponentType);
   });
 
   afterEach(() => {

package/src/__tests__/hooks/usePrintMode.test.ts

@@ -83,6 +83,7 @@ describe('PrintConfig Integration', () => {
 
   it('should export PrintModeState interface from usePrintMode', () => {
     // This test ensures the types are properly exported
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
     const { usePrintMode } = require('../../hooks/usePrintMode');
     expect(typeof usePrintMode).toBe('function');
   });

package/src/__tests__/schemas/builders.test.ts

@@ -152,7 +152,7 @@ describe.skip('ModelBuilder', () => {
   });
 
   test('throws error when building without name', () => {
-    const builder = new (ModelBuilder as any)(undefined);
+    const builder = new (ModelBuilder as unknown as new (name?: string) => typeof ModelBuilder)(undefined);
     expect(() => builder.build()).toThrow('Component must have a name');
   });
 });
@@ -249,7 +249,7 @@ describe.skip('SchemaBuilder', () => {
   });
 
   test('throws error when building without name', () => {
-    const builder = new (SchemaBuilder as any)(undefined);
+    const builder = new (SchemaBuilder as unknown as new (name?: string) => typeof SchemaBuilder)(undefined);
     expect(() => builder.build()).toThrow('Schema must have a name');
   });
 });