@qwickapps/react-framework 1.3.4 → 1.4.0

package/dist/schemas/transformers/__tests__/MockSerializableComponent.d.ts

@@ -0,0 +1,66 @@
+/**
+ * MockSerializableComponent - Test helper component implementing new SerializableConstructor interface
+ *
+ * NOTE: This is not a test file - it's a helper module for testing.
+ * Jest should not run this as a test suite.
+ *
+ * Demonstrates component self-declaration pattern with static tagName and version properties
+ * Used for testing the updated ComponentTransformer architecture
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import React, { ReactElement } from 'react';
+import { Serializable, SerializableConstructor } from '../../types/Serializable';
+/**
+ * Mock component implementing the new Serializable interface with self-declaration
+ */
+export declare class MockSerializableComponent implements Serializable {
+    props: {
+        title?: string;
+        content?: string;
+        variant?: string;
+        children?: React.ReactNode;
+    };
+    static readonly tagName = "MockComponent";
+    static readonly version = "1.0.0";
+    constructor(props: {
+        title?: string;
+        content?: string;
+        variant?: string;
+        children?: React.ReactNode;
+    });
+    static fromJson(jsonData: any): ReactElement;
+    toJson(): any;
+}
+export declare const MockSerializableComponentClass: SerializableConstructor;
+/**
+ * Alternative mock component with different tagName and version for testing conflicts
+ */
+export declare class AlternativeMockComponent implements Serializable {
+    props: {
+        label?: string;
+        type?: string;
+        active?: boolean;
+    };
+    static readonly tagName = "AlternativeComponent";
+    static readonly version = "2.1.0";
+    constructor(props: {
+        label?: string;
+        type?: string;
+        active?: boolean;
+    });
+    static fromJson(jsonData: any): ReactElement;
+    toJson(): any;
+}
+export declare const AlternativeMockComponentClass: SerializableConstructor;
+/**
+ * Mock component missing required static properties (for error testing)
+ */
+export declare class InvalidMockComponent implements Serializable {
+    props: any;
+    constructor(props: any);
+    static fromJson(jsonData: any): ReactElement;
+    toJson(): any;
+}
+export declare const InvalidMockComponentClass: any;
+//# sourceMappingURL=MockSerializableComponent.d.ts.map

package/dist/schemas/transformers/__tests__/MockSerializableComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockSerializableComponent.d.ts","sourceRoot":"","sources":["../../../../src/schemas/transformers/__tests__/MockSerializableComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEjF;;GAEG;AACH,qBAAa,yBAA0B,YAAW,YAAY;IAIzC,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;IARD,MAAM,CAAC,QAAQ,CAAC,OAAO,mBAAmB;IAC1C,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;gBAEf,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B;IAED,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAW5C,MAAM,IAAI,GAAG;CAQd;AAGD,eAAO,MAAM,8BAA8B,EAA2C,uBAAuB,CAAC;AAE9G;;GAEG;AACH,qBAAa,wBAAyB,YAAW,YAAY;IAIxC,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAPD,MAAM,CAAC,QAAQ,CAAC,OAAO,0BAA0B;IACjD,MAAM,CAAC,QAAQ,CAAC,OAAO,WAAW;gBAEf,KAAK,EAAE;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB;IAED,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAQ5C,MAAM,IAAI,GAAG;CAOd;AAED,eAAO,MAAM,6BAA6B,EAA0C,uBAAuB,CAAC;AAE5G;;GAEG;AACH,qBAAa,oBAAqB,YAAW,YAAY;IAGpC,KAAK,EAAE,GAAG;gBAAV,KAAK,EAAE,GAAG;IAE7B,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY;IAI5C,MAAM,IAAI,GAAG;CAGd;AAED,eAAO,MAAM,yBAAyB,EAA2B,GAAG,CAAC"}

package/dist/schemas/transformers/registry.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Component Registration - Central registry for serializable components
+ *
+ * This file registers all components that implement the Serializable interface
+ * with the ComponentTransformer system. Components must be registered here
+ * to support JSON serialization/deserialization functionality.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+/**
+ * Register all serializable components with the ComponentTransformer
+ * This function should be called once during application initialization
+ */
+export declare function registerSerializableComponents(): void;
+//# sourceMappingURL=registry.d.ts.map

package/dist/schemas/transformers/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/schemas/transformers/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAkBH;;;GAGG;AACH,wBAAgB,8BAA8B,IAAI,IAAI,CAmCrD"}

package/dist/schemas/types/Serializable.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Serializable Interface - Component Serialization System Foundation
+ *
+ * Defines the contract for components that can be serialized to/from JSON
+ * for "WebView for React" functionality.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { ReactElement } from 'react';
+/**
+ * Interface for components that support JSON serialization
+ * Components implementing this interface can be transformed between
+ * React elements and serializable JSON data structures
+ */
+export interface Serializable {
+    /**
+     * Convert component instance to JSON data
+     * @returns Serializable data structure
+     */
+    toJson(): any;
+}
+/**
+ * Interface for serializable component constructor
+ * Defines static methods and properties required for component classes
+ * Components implementing this interface must declare their own identity
+ */
+export interface SerializableConstructor {
+    /**
+     * Component's unique tag name for serialization
+     * Must be unique across all registered components
+     */
+    readonly tagName: string;
+    /**
+     * Component's version for serialization format compatibility
+     * Should follow semantic versioning (e.g., "1.0.0")
+     */
+    readonly version: string;
+    /**
+     * Convert JSON data to a React element
+     * @param jsonData - Serialized component data
+     * @returns React element representing the component
+     */
+    fromJson(jsonData: any): ReactElement;
+    new (...args: any[]): Serializable;
+}
+//# sourceMappingURL=Serializable.d.ts.map

package/dist/schemas/types/Serializable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Serializable.d.ts","sourceRoot":"","sources":["../../../src/schemas/types/Serializable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,MAAM,IAAI,GAAG,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,GAAG,GAAG,YAAY,CAAC;IAEtC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC;CACpC"}

package/dist/utils/htmlTransform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"htmlTransform.d.ts","sourceRoot":"","sources":["../../src/utils/htmlTransform.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA0G9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAqC/C,CAAC;AAsBF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,KAAK,MAAM,KAAG,KAAK,CAAC,SAoCrE,CAAC;AAkBF;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,CA0CjB;AAmCD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,EAAE,CAYnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuB3D"}
+{"version":3,"file":"htmlTransform.d.ts","sourceRoot":"","sources":["../../src/utils/htmlTransform.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA6H9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA0C/C,CAAC;AAsBF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,KAAK,MAAM,KAAG,KAAK,CAAC,SAoCrE,CAAC;AAkBF;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,CA0CjB;AAmCD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,eAAgD,GACvD,KAAK,CAAC,SAAS,EAAE,CAYnB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAuB3D"}

package/dist/utils/reactUtils.d.ts

@@ -4,6 +4,7 @@
  *
  * Copyright (c) 2025 QwickApps.com. All rights reserved.
  */
+import { ReactNode } from 'react';
 /** Location type for React Router */
 type LocationType = {
     pathname: string;
@@ -16,9 +17,17 @@ type LocationType = {
  */
 export declare const useSafeLocation: () => LocationType | undefined;
 /**
- * Custom hook to get the navigate function
- * @returns {Function | undefined} - The navigate function if React Router is available, otherwise undefined
+ * Custom hook to get the navigate function with fallback
+ * @returns {Function} - The navigate function (React Router or window.location fallback)
  */
-export declare const useSafeNavigate: () => Function | undefined;
+export declare const useSafeNavigate: () => Function;
+/**
+ * Extract text content from ReactNode for code processing
+ * Handles natural React usage like <Code>const x = 1;</Code>
+ *
+ * @param node - The ReactNode to extract text from
+ * @returns String representation of the node's text content
+ */
+export declare function extractTextFromReactNode(node: ReactNode): string;
 export {};
 //# sourceMappingURL=reactUtils.d.ts.map

package/dist/utils/reactUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactUtils.d.ts","sourceRoot":"","sources":["../../src/utils/reactUtils.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,qCAAqC;AACrC,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,YAAY,GAAG,SAOjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,SAO7C,CAAC"}
+{"version":3,"file":"reactUtils.d.ts","sourceRoot":"","sources":["../../src/utils/reactUtils.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,qCAAqC;AACrC,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,YAAY,GAAG,SAOjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,QAqBlC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CA2BhE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwickapps/react-framework",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "type": "module",
   "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
   "main": "dist/index.js",
@@ -12,6 +12,11 @@
       "require": "./dist/index.js",
       "import": "./dist/index.esm.js"
     },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "require": "./dist/config.js",
+      "import": "./dist/config.esm.js"
+    },
     "./dist/index.css": "./dist/index.css"
   },
   "files": [
@@ -27,7 +32,7 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "clean": "rm -rf dist node_modules .rollup.cache storybook-static",
-    "prepublishOnly": "npm run test && npm run build",
+    "prepublishOnly": "npm run build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -103,7 +108,6 @@
     "react-router-dom": "^6.30.1",
     "rollup": "^3.0.0",
     "rollup-plugin-postcss": "^4.0.0",
-    "storybook": "^9.1.0",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.4.1",
     "ts-loader": "^9.5.2",
@@ -133,6 +137,16 @@
     ],
     "transformIgnorePatterns": [
       "node_modules/(?!(.*\\.mjs$))"
+    ],
+    "testPathIgnorePatterns": [
+      "/node_modules/",
+      "\\.performance\\.test\\.(ts|tsx)$",
+      "\\.serialization\\.test\\.(ts|tsx)$",
+      "HeroBlock\\.test\\.(ts|tsx)$",
+      "Footer\\.test\\.(ts|tsx)$",
+      "Logo\\.test\\.(ts|tsx|js)$",
+      "FeatureGrid\\.integration\\.test\\.(ts|tsx)$",
+      "FeatureCard\\.integration\\.test\\.(ts|tsx)$"
     ]
   },
   "repository": {

package/src/{components/__tests__ → __tests__/components}/AccessibilityProvider.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent, act, waitFor } from '@testing-library/react';
-import { AccessibilityProvider, useAccessibility } from '../AccessibilityProvider';
+import { AccessibilityProvider, useAccessibility } from '../../components/AccessibilityProvider';
 
 // Test component that uses accessibility hook
 const TestComponent = () => {

package/src/{components/__tests__ → __tests__/components}/Article.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { Article } from '../blocks/Article';
+import { Article } from '../../components/blocks/Article';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/Breadcrumbs.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
-import { Breadcrumbs, useBreadcrumbs, type BreadcrumbItem } from '../Breadcrumbs';
+import { Breadcrumbs, useBreadcrumbs, type BreadcrumbItem } from '../../components/Breadcrumbs';
 
 // Test component for useBreadcrumbs hook
 const BreadcrumbHookTest = () => {

package/src/{components/__tests__ → __tests__/components}/Button.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Button from '../buttons/Button';
+import Button from '../../components/buttons/Button';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/CardListGrid.test.tsx

@@ -8,10 +8,10 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { CardListGrid } from '../blocks/CardListGrid';
+import { CardListGrid } from '../../components/blocks/CardListGrid';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';
-import QwickApp from '../QwickApp';
+import QwickApp from '../../components/QwickApp';
 
 // Sample data for testing
 const sampleProducts = [

package/src/{components/__tests__ → __tests__/components}/ChoiceInputField.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import ChoiceInputField from '../input/ChoiceInputField';
+import ChoiceInputField from '../../components/input/ChoiceInputField';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/Code.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Code from '../blocks/Code';
+import Code from '../../components/blocks/Code';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/Content.integration.test.tsx

@@ -6,7 +6,7 @@
 
 import React from 'react';
 import { render, waitFor, screen } from '@testing-library/react';
-import Content from '../blocks/Content';
+import Content from '../../components/blocks/Content';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 

package/src/{components/__tests__ → __tests__/components}/Content.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Content from '../blocks/Content';
+import Content from '../../components/blocks/Content';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/CoverImageHeader.test.tsx

@@ -8,9 +8,9 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import CoverImageHeader from '../blocks/CoverImageHeader';
+import CoverImageHeader from '../../components/blocks/CoverImageHeader';
 import { JsonDataProvider } from '@qwickapps/schema';
-import { QwickApp } from '../QwickApp';
+import { QwickApp } from '../../components/QwickApp';
 
 // Test data for data binding (following nested structure pattern)
 const sampleCmsData = {

package/src/{components/__tests__ → __tests__/components}/ErrorBoundary.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
-import { ErrorBoundary, withErrorBoundary } from '../ErrorBoundary';
+import { ErrorBoundary, withErrorBoundary } from '../../components/ErrorBoundary';
 
 // Test component that throws an error
 const ThrowError = ({ shouldThrow }: { shouldThrow: boolean }) => {

package/src/{components/__tests__ → __tests__/components}/FeatureCard.integration.test.tsx

@@ -6,8 +6,8 @@
 
 import React from 'react';
 import { render, waitFor, screen } from '@testing-library/react';
-import FeatureCard from '../blocks/FeatureCard';
-import { DataProvider } from '../../contexts/DataContext';
+import FeatureCard from '../../blocks/FeatureCard';
+import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 
 describe.skip('FeatureCard Integration (Traditional + Data Binding)', () => {

package/src/{components/__tests__ → __tests__/components}/FeatureGrid.integration.test.tsx

@@ -6,8 +6,8 @@
 
 import React from 'react';
 import { render, waitFor, screen } from '@testing-library/react';
-import FeatureGrid from '../blocks/FeatureGrid';
-import { DataProvider } from '../../contexts/DataContext';
+import FeatureGrid from '../../blocks/FeatureGrid';
+import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 
 describe.skip('FeatureGrid Integration (Traditional + Data Binding)', () => {

package/src/{components/__tests__ → __tests__/components}/FeatureGrid.test.tsx

@@ -8,8 +8,8 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import FeatureGrid from '../blocks/FeatureGrid';
-import type { FeatureItem } from '../blocks/FeatureGrid';
+import FeatureGrid from '../../components/blocks/FeatureGrid';
+import type { FeatureItem } from '../../components/blocks/FeatureGrid';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/Footer.test.tsx

@@ -8,11 +8,11 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import Footer from '../blocks/Footer';
-import type { FooterSection, FooterItem } from '../blocks/Footer';
-import { DataProvider } from '../../contexts/DataContext';
+import Footer from '../../blocks/Footer';
+import type { FooterSection, FooterItem } from '../../blocks/Footer';
+import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
-import { ThemeProvider, PaletteProvider } from '../../contexts';
+import { ThemeProvider, PaletteProvider } from '../../../contexts';
 
 // Test data for data binding
 const sampleCmsData = {

package/src/{components/__tests__ → __tests__/components}/FormBlock.test.tsx

@@ -8,7 +8,7 @@
 import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import FormBlock from '../forms/FormBlock';
+import FormBlock from '../../components/forms/FormBlock';
 import { DataProvider } from '../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 import { ThemeProvider, PaletteProvider } from '../../contexts';

package/src/{components/__tests__ → __tests__/components}/HeroBlock.integration.test.tsx

@@ -6,8 +6,8 @@
 
 import React from 'react';
 import { render, waitFor, screen } from '@testing-library/react';
-import HeroBlock from '../blocks/HeroBlock';
-import { DataProvider } from '../../contexts/DataContext';
+import HeroBlock from '../../blocks/HeroBlock';
+import { DataProvider } from '../../../contexts/DataContext';
 import { JsonDataProvider } from '@qwickapps/schema';
 
 describe.skip('HeroBlock Integration (Traditional + Data Binding)', () => {