@griddo/ax 12.5.0 → 12.5.2-rc.0

package/README.md

@@ -1,9 +1,8 @@
 # Griddo AX
 
 - [Arquitectura del proyecto](docs/PROJECT-ARCHITECTURE.md)
-- [Estándares de commits](docs/COMMITS.md)
+- [Estándares de commits](../../docs/commits.md)
 - [Comandos de npm](#comandos-de-npm)
-- [AGENTS.md](#agentsmd)
 - [Centralización de textos de UI](docs/LOCALE-UI-TEXTS.md)
 
 ## Comandos de npm

package/config/__tests__/ModulePathInMessagesPlugin.test.js

@@ -0,0 +1,93 @@
+/**
+ * Guards the fix for webpack 5 dropping the file name from module warnings.
+ *
+ * webpack 4 gave CRA warnings as strings carrying their own `./src/Foo.tsx` header;
+ * webpack 5 moves it to a `moduleName` field that `formatWebpackMessages` ignores,
+ * which left "Attempted import error: 'x' is not exported from './styles.module.css'"
+ * pointing at no file in particular.
+ */
+const formatWebpackMessages = require("react-dev-utils/formatWebpackMessages");
+
+const ModulePathInMessagesPlugin = require("../webpack/ModulePathInMessagesPlugin");
+
+/** Minimal stand-in for the two tapable hooks the plugin uses. */
+const runPlugin = ({ warnings = [], errors = [] } = {}) => {
+	const compilation = {
+		warnings,
+		errors,
+		requestShortener: {},
+		hooks: { afterSeal: { tap: (_name, fn) => fn() } },
+	};
+	const compiler = { hooks: { compilation: { tap: (_name, fn) => fn(compilation) } } };
+
+	new ModulePathInMessagesPlugin().apply(compiler);
+
+	return compilation;
+};
+
+const makeWarning = (message, { module = true, loc = { start: { line: 2, column: 12 } } } = {}) => ({
+	message,
+	loc,
+	module: module ? { readableIdentifier: () => "./src/ui/modules/Wysiwyg/index.tsx" } : undefined,
+});
+
+describe("ModulePathInMessagesPlugin", () => {
+	test("prefixes the warning with the module path and location", () => {
+		const warning = makeWarning("export 'intro' was not found in './styles.module.css'");
+
+		runPlugin({ warnings: [warning] });
+
+		expect(warning.message).toBe(
+			"./src/ui/modules/Wysiwyg/index.tsx:2:12\nexport 'intro' was not found in './styles.module.css'",
+		);
+	});
+
+	test("decorates errors too", () => {
+		const error = makeWarning("Module not found");
+
+		runPlugin({ errors: [error] });
+
+		expect(error.message).toBe("./src/ui/modules/Wysiwyg/index.tsx:2:12\nModule not found");
+	});
+
+	test("omits the location when the warning has none", () => {
+		const warning = makeWarning("boom", { loc: null });
+
+		runPlugin({ warnings: [warning] });
+
+		expect(warning.message).toBe("./src/ui/modules/Wysiwyg/index.tsx\nboom");
+	});
+
+	test("leaves warnings that are not attached to a module alone", () => {
+		const warning = makeWarning("something global", { module: false });
+
+		runPlugin({ warnings: [warning] });
+
+		expect(warning.message).toBe("something global");
+	});
+
+	test("does not prefix twice across watch-mode rebuilds", () => {
+		const warning = makeWarning("export 'intro' was not found in './styles.module.css'");
+
+		runPlugin({ warnings: [warning] });
+		const afterFirstBuild = warning.message;
+		runPlugin({ warnings: [warning] });
+
+		expect(warning.message).toBe(afterFirstBuild);
+	});
+
+	// The contract that makes the whole thing worthwhile: formatWebpackMessages
+	// rewrites the export line wholesale and strips a trailing `2:12-24` off line 0,
+	// so the header has to survive both to reach the terminal.
+	test("the path survives formatWebpackMessages", () => {
+		const warning = makeWarning("export 'intro' (imported as 'styles') was not found in './styles.module.css'");
+
+		runPlugin({ warnings: [warning] });
+		const [formatted] = formatWebpackMessages({ errors: [], warnings: [{ message: warning.message }] }).warnings;
+
+		expect(formatted).toBe(
+			"./src/ui/modules/Wysiwyg/index.tsx:2:12\n" +
+				"Attempted import error: 'intro' is not exported from './styles.module.css' (imported as 'styles').",
+		);
+	});
+});

package/config/__tests__/webpack5-migration.test.js

@@ -400,8 +400,8 @@ describe("package.json — wp5 dependencies", () => {
 		expect(allDeps).toHaveProperty("postcss-normalize");
 	});
 
-	test("keeps typescript at 4.9.x (TS bump is out of scope)", () => {
-		expect(allDeps.typescript).toMatch(/^\^?4\.9/);
+	test("keeps typescript at 6.0.x (TS 7 drops the JS API fork-ts-checker needs)", () => {
+		expect(allDeps.typescript).toMatch(/^\^?6\.0/);
 	});
 
 	test("removed wp4-only dependencies are not present", () => {

package/config/webpack/ModulePathInMessagesPlugin.js

@@ -0,0 +1,47 @@
+const NAME = "GriddoModulePathInMessages";
+
+/**
+ * Prefixes every module-attached warning/error with the file that caused it.
+ *
+ * webpack 4 handed CRA its warnings as plain strings that already carried the
+ * `./src/Foo.tsx 2:12-24` header. webpack 5 hands them over as objects
+ * (`{ message, moduleName, loc }`), and `react-dev-utils`'s `formatWebpackMessages`
+ * only reads `.message` — so the file and location are dropped on the floor.
+ * That leaves messages like "Attempted import error: 'intro' is not exported
+ * from './styles.module.css'" with no way to tell which of the many
+ * `styles.module.css` files is at fault.
+ *
+ * Folding the location back into `.message` restores the webpack 4 shape that
+ * `formatWebpackMessages` expects (line 0 = file, line 1 = message), and it fixes
+ * both paths at once: `griddo build` (which calls the formatter directly) and
+ * `griddo start` (where `createCompiler` calls it internally, out of our reach).
+ */
+class ModulePathInMessagesPlugin {
+	apply(compiler) {
+		compiler.hooks.compilation.tap(NAME, (compilation) => {
+			// `afterSeal` runs once dependency warnings have been collected and before
+			// anything can call `stats.toJson()`.
+			compilation.hooks.afterSeal.tap(NAME, () => {
+				const decorate = (err) => {
+					const module = err.module;
+					if (!module || typeof module.readableIdentifier !== "function") {
+						return;
+					}
+					const name = module.readableIdentifier(compilation.requestShortener);
+					const loc = err.loc?.start ? `:${err.loc.start.line}:${err.loc.start.column}` : "";
+					const header = `${name}${loc}`;
+					// Guard against double-prefixing on watch-mode rebuilds that reuse errors.
+					if (typeof err.message !== "string" || err.message.startsWith(header)) {
+						return;
+					}
+					err.message = `${header}\n${err.message}`;
+				};
+
+				compilation.warnings.forEach(decorate);
+				compilation.errors.forEach(decorate);
+			});
+		});
+	}
+}
+
+module.exports = ModulePathInMessagesPlugin;

package/config/webpack.config.js

@@ -18,6 +18,7 @@ const ModuleNotFoundPlugin = require("react-dev-utils/ModuleNotFoundPlugin");
 const ForkTsCheckerWebpackPlugin = require("react-dev-utils/ForkTsCheckerWebpackPlugin");
 const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
 const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
+const ModulePathInMessagesPlugin = require("./webpack/ModulePathInMessagesPlugin");
 const createEnvironmentHash = require("./webpack/persistentCache/createEnvironmentHash");
 
 const postcssNormalize = require("postcss-normalize");
@@ -548,6 +549,10 @@ module.exports = function (webpackEnv) {
 			],
 		},
 		plugins: [
+			// webpack 5 moves the offending file out of the warning text and into a
+			// separate `moduleName` field that react-dev-utils' formatter ignores. This
+			// folds it back in so messages point at a file again.
+			new ModulePathInMessagesPlugin(),
 			// Restore webpack 4's Node core-module handling for browser bundles. Clients run
 			// `griddo build` (this config) against their own instance, so this guards legacy
 			// instances against "Module not found" for Node builtins that webpack 5 no longer

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@griddo/ax",
 	"description": "Griddo Author Experience",
-	"version": "12.5.0",
+	"version": "12.5.2-rc.0",
 	"authors": [
 		"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
 		"Diego M. Béjar <diego.bejar@secuoyas.com>",
@@ -35,6 +35,8 @@
 		"test:coverage": "vitest run --coverage",
 		"test:dev": "vitest",
 		"test:dev:coverage": "vitest --coverage",
+		"// TYPES": "",
+		"typecheck": "tsc --noEmit",
 		"// LINT": "",
 		"lint": "biome check",
 		"format:write": "biome format --write"
@@ -46,7 +48,7 @@
 		"@pmmmwh/react-refresh-webpack-plugin": "0.5.16",
 		"@styled-system/prop-types": "5.1.5",
 		"@styled-system/theme-get": "5.1.2",
-		"@svgr/webpack": "^8.1.0",
+		"@svgr/webpack": "8.1.0",
 		"@testing-library/jest-dom": "5.16.5",
 		"@testing-library/react": "13.4.0",
 		"@testing-library/user-event": "14.6.1",
@@ -68,7 +70,7 @@
 		"@types/uuid": "8.3.4",
 		"@types/webpack-env": "1.18.0",
 		"axios": "0.19.0",
-		"babel-loader": "^9.2.1",
+		"babel-loader": "9.2.1",
 		"babel-plugin-named-asset-import": "0.3.8",
 		"babel-plugin-root-import": "6.6.0",
 		"babel-plugin-styled-components": "2.1.4",
@@ -76,8 +78,8 @@
 		"case-sensitive-paths-webpack-plugin": "2.4.0",
 		"compress.js": "1.2.2",
 		"connected-react-router": "6.9.3",
-		"css-loader": "^6.11.0",
-		"css-minimizer-webpack-plugin": "^5.0.0",
+		"css-loader": "6.11.0",
+		"css-minimizer-webpack-plugin": "5.0.1",
 		"date-fns": "2.30.0",
 		"dotenv": "6.2.0",
 		"dotenv-expand": "5.1.0",
@@ -90,26 +92,26 @@
 		"fs-extra": "7.0.1",
 		"html-to-draftjs": "1.5.0",
 		"html-to-image": "1.11.7",
-		"html-webpack-plugin": "^5.5.0",
+		"html-webpack-plugin": "5.6.8",
 		"ignore-loader": "0.1.2",
 		"is-wsl": "3.1.0",
 		"jsdom": "20.0.3",
 		"jsdom-global": "3.0.2",
 		"lodash.isequal": "4.5.0",
 		"markdown-draft-js": "2.4.0",
-		"mini-css-extract-plugin": "^2.7.0",
-		"node-polyfill-webpack-plugin": "^3.0.0",
+		"mini-css-extract-plugin": "2.10.2",
+		"node-polyfill-webpack-plugin": "3.0.0",
 		"pkg-dir": "5.0.0",
 		"polished": "3.4.1",
 		"postcss": "8.5.3",
-		"postcss-flexbugs-fixes": "^5.0.2",
-		"postcss-loader": "^7.3.0",
+		"postcss-flexbugs-fixes": "5.0.2",
+		"postcss-loader": "7.3.4",
 		"postcss-normalize": "7.0.1",
 		"postcss-preset-env": "6.7.0",
 		"react": "18.2.0",
 		"react-app-polyfill": "1.0.6",
 		"react-datepicker": "4.25.0",
-		"react-dev-utils": "^12.0.1",
+		"react-dev-utils": "12.0.1",
 		"react-dom": "18.2.0",
 		"react-draft-wysiwyg": "1.15.0",
 		"react-easy-crop": "5.5.7",
@@ -130,21 +132,21 @@
 		"resolve": "1.22.10",
 		"resolve-url-loader": "4.0.0",
 		"sass-alias": "1.0.5",
-		"sass-loader": "^16.0.7",
+		"sass-loader": "16.0.8",
 		"semver": "7.6.3",
 		"slick-carousel": "1.8.1",
 		"source-map-loader": "1.1.3",
 		"string-replace-loader": "3.1.0",
-		"style-loader": "^3.3.0",
+		"style-loader": "3.3.4",
 		"styled-components": "5.3.11",
 		"styled-reset": "4.0.1",
 		"styled-system": "5.1.5",
-		"terser-webpack-plugin": "^5.3.0",
-		"typescript": "4.9.5",
+		"terser-webpack-plugin": "5.6.1",
+		"typescript": "6.0.3",
 		"uuid": "8.3.2",
-		"webpack": "^5.88.0",
-		"webpack-dev-server": "^4.15.0",
-		"webpack-manifest-plugin": "^5.0.0"
+		"webpack": "5.109.2",
+		"webpack-dev-server": "4.15.2",
+		"webpack-manifest-plugin": "5.0.1"
 	},
 	"devDependencies": {
 		"@babel/core": "7.26.10",
@@ -199,5 +201,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "02d4a5b3c3d3f4a4339db6746b6d6572139e51e5"
+	"gitHead": "30ed89e8b4a3a958be775b1c1708f8604e4b6863"
 }

package/src/GlobalStore.tsx

@@ -1,5 +1,5 @@
-import { createStore, Reducer, combineReducers, applyMiddleware, Action, StoreEnhancer } from "redux";
-import { persistReducer, persistStore, PersistConfig, Persistor } from "redux-persist";
+import { createStore, type Reducer, combineReducers, applyMiddleware, type Action, type StoreEnhancer } from "redux";
+import { persistReducer, persistStore, type PersistConfig, type Persistor } from "redux-persist";
 import storage from "redux-persist/lib/storage"; // defaults to localStorage for web
 import { connectRouter, routerMiddleware } from "connected-react-router";
 import { composeWithDevTools } from "redux-devtools-extension";
@@ -25,7 +25,7 @@ import { formsReducer, formsInitialState } from "./containers/Forms/reducer";
 import { activityLogReducer, activityLogInitialState } from "./containers/ActivityLog/reducer";
 import { LOGOUT } from "./containers/App/constants";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 
 const blacklist = ["router", "menu", "app", "languages"];
 export class GlobalStore {

package/src/__mocks__/reducers/structuredData.tsx

@@ -1,5 +1,5 @@
 import { initialState } from "@ax/containers/StructuredData/reducer";
-import { StructuredDataActionsCreators } from "@ax/containers/StructuredData/interfaces";
+import type { StructuredDataActionsCreators } from "@ax/containers/StructuredData/interfaces";
 
 export default (state = initialState, action: { type: StructuredDataActionsCreators }) => {
 	switch (action.type) {

package/src/__tests__/components/ActionMenu/ActionMenu.test.tsx

@@ -4,7 +4,7 @@ import { render, cleanup, screen, fireEvent } from "@testing-library/react";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import ActionMenu, { IActionMenuProps } from "@ax/components/ActionMenu";
+import ActionMenu, { type IActionMenuProps } from "@ax/components/ActionMenu";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/Breadcrumb/Breadcrumb.test.tsx

@@ -6,7 +6,7 @@ import { mock } from "vitest-mock-extended";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import Breadcrumb, { IBreadcrumbProps } from "@ax/components/Breadcrumb";
+import Breadcrumb, { type IBreadcrumbProps } from "@ax/components/Breadcrumb";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/Browser/Browser.test.tsx

@@ -22,6 +22,7 @@ const renderBrowser = (props: IBrowserProps) =>
 	);
 
 beforeEach(() => {
+	// biome-ignore lint/complexity/useArrowFunction: mock is invoked with `new`; an arrow function is not a constructor
 	global.ResizeObserver = vi.fn().mockImplementation(function () {
 		return { observe: vi.fn(), unobserve: vi.fn(), disconnect: vi.fn() };
 	});
@@ -294,6 +295,7 @@ describe("Browser iframe URL construction", () => {
 describe("Browser ResizeObserver lifecycle", () => {
 	it("should update dimensions based on containerWidth when ResizeObserver fires", () => {
 		// Verify ResizeObserver is created and observe is called
+		// biome-ignore lint/complexity/useArrowFunction: mock is invoked with `new`; an arrow function is not a constructor
 		const ResizeObserverConstructor = vi.fn().mockImplementation(function () {
 			return { observe: vi.fn(), unobserve: vi.fn(), disconnect: vi.fn() };
 		});
@@ -311,6 +313,7 @@ describe("Browser ResizeObserver lifecycle", () => {
 
 	it("should disconnect ResizeObserver on unmount", () => {
 		const disconnectMock = vi.fn();
+		// biome-ignore lint/complexity/useArrowFunction: mock is invoked with `new`; an arrow function is not a constructor
 		global.ResizeObserver = vi.fn().mockImplementation(function () {
 			return { observe: vi.fn(), unobserve: vi.fn(), disconnect: disconnectMock };
 		});
@@ -325,6 +328,7 @@ describe("Browser ResizeObserver lifecycle", () => {
 
 	it("should not update dimensions when ResizeObserver fires with zero width", () => {
 		// Verify ResizeObserver is created
+		// biome-ignore lint/complexity/useArrowFunction: mock is invoked with `new`; an arrow function is not a constructor
 		const ResizeObserverConstructor = vi.fn().mockImplementation(function () {
 			return { observe: vi.fn(), unobserve: vi.fn(), disconnect: vi.fn() };
 		});

package/src/__tests__/components/CategoryCell/CategoryCell.test.tsx

@@ -6,7 +6,7 @@ import { mock } from "vitest-mock-extended";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import CategoryCell, { ICategoryCellProps } from "@ax/components/CategoryCell";
+import CategoryCell, { type ICategoryCellProps } from "@ax/components/CategoryCell";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/ConfigPanel/Form/Form.test.tsx

@@ -7,7 +7,7 @@ import configureStore from "redux-mock-store";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import Form, { IFormProps } from "@ax/components/ConfigPanel/Form";
+import Form, { type IFormProps } from "@ax/components/ConfigPanel/Form";
 import globalTheme from "@ax/themes/theme.json";
 import { defaultStore } from "./../../../../__mocks__/store/GenericStore";
 
@@ -168,7 +168,7 @@ describe("Form component rendering", () => {
 			</ThemeProvider>,
 			{ store },
 		);
-		expect(screen.getByText(/This page doesn\'t have a header. Click/i)).toBeInTheDocument();
+		expect(screen.getByText(/This page doesn't have a header. Click/i)).toBeInTheDocument();
 		expect(screen.getByTestId("form-section")).toBeTruthy();
 	});
 
@@ -182,7 +182,7 @@ describe("Form component rendering", () => {
 			{ store },
 		);
 
-		expect(screen.getByText(/This page doesn\'t have a header. Click/i)).toBeInTheDocument();
+		expect(screen.getByText(/This page doesn't have a header. Click/i)).toBeInTheDocument();
 		const headerLink = screen.getByTestId("header-link");
 		fireEvent.click(headerLink);
 		expect(restorePageNavigationAction).toBeCalled();
@@ -196,7 +196,7 @@ describe("Form component rendering", () => {
 			</ThemeProvider>,
 			{ store },
 		);
-		expect(screen.getByText(/This page doesn\'t have a footer. Click/i)).toBeInTheDocument();
+		expect(screen.getByText(/This page doesn't have a footer. Click/i)).toBeInTheDocument();
 		expect(screen.getByTestId("form-section")).toBeTruthy();
 	});
 
@@ -210,7 +210,7 @@ describe("Form component rendering", () => {
 			{ store },
 		);
 
-		expect(screen.getByText(/This page doesn\'t have a header. Click/i)).toBeInTheDocument();
+		expect(screen.getByText(/This page doesn't have a header. Click/i)).toBeInTheDocument();
 		const footerLink = screen.getByTestId("footer-link");
 		fireEvent.click(footerLink);
 		expect(restorePageNavigationAction).toBeCalled();

package/src/__tests__/components/ConfigPanel/Header/Header.test.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 import { ThemeProvider } from "styled-components";
 import { render, cleanup, screen, fireEvent } from "../../../../../config/tests/test-utils";
@@ -7,7 +7,7 @@ import configureStore from "redux-mock-store";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import Header, { IHeaderProps } from "@ax/components/ConfigPanel/Header";
+import Header, { type IHeaderProps } from "@ax/components/ConfigPanel/Header";
 import globalTheme from "@ax/themes/theme.json";
 
 window.scrollTo = vi.fn();

package/src/__tests__/components/ConfigPanel/NavigationForm/Field/Field.test.tsx

@@ -8,7 +8,11 @@ import "@testing-library/jest-dom";
 import thunk from "redux-thunk";
 
 import { parseTheme } from "@ax/helpers";
-import Field, { IField, IStateProps, IDispatchProps } from "@ax/components/ConfigPanel/NavigationForm/Field";
+import Field, {
+	type IField,
+	type IStateProps,
+	type IDispatchProps,
+} from "@ax/components/ConfigPanel/NavigationForm/Field";
 import globalTheme from "@ax/themes/theme.json";
 
 beforeEach(() => {

package/src/__tests__/components/ConfigPanel/NavigationForm/NavigationForm.test.tsx

@@ -8,7 +8,7 @@ import "@testing-library/jest-dom";
 import thunk from "redux-thunk";
 
 import { parseTheme } from "@ax/helpers";
-import NavigationForm, { INavigationFormProps } from "@ax/components/ConfigPanel/NavigationForm";
+import NavigationForm, { type INavigationFormProps } from "@ax/components/ConfigPanel/NavigationForm";
 import globalTheme from "@ax/themes/theme.json";
 
 beforeEach(() => {

package/src/__tests__/components/ConfigPanel/PreviewForm/PreviewForm.test.tsx

@@ -9,7 +9,7 @@ import "@testing-library/jest-dom";
 import thunk from "redux-thunk";
 
 import { parseTheme } from "@ax/helpers";
-import PreviewForm, { IPreviewFormProps } from "@ax/components/ConfigPanel/PreviewForm";
+import PreviewForm, { type IPreviewFormProps } from "@ax/components/ConfigPanel/PreviewForm";
 import globalTheme from "@ax/themes/theme.json";
 
 beforeEach(() => {

package/src/__tests__/components/DragAndDrop/DragAndDrop.test.tsx

@@ -7,7 +7,7 @@ import { mock } from "vitest-mock-extended";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import DragAndDrop, { IDragAndDropProps } from "@ax/components/DragAndDrop";
+import DragAndDrop, { type IDragAndDropProps } from "@ax/components/DragAndDrop";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/ElementsTooltip/ElementsTooltip.test.tsx

@@ -6,7 +6,7 @@ import { mock } from "vitest-mock-extended";
 
 import { parseTheme } from "@ax/helpers";
 
-import ElementsTooltip, { IElementsTooltipProps } from "@ax/components/ElementsTooltip";
+import ElementsTooltip, { type IElementsTooltipProps } from "@ax/components/ElementsTooltip";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/EmptyState/EmptyState.test.tsx

@@ -7,7 +7,7 @@ import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 
 import EmptyState from "@ax/components/EmptyState";
-import { IEmptyStateProps } from "@ax/types";
+import type { IEmptyStateProps } from "@ax/types";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/ErrorCenter/ErrorCenter.test.tsx

@@ -6,9 +6,9 @@ import { mock } from "vitest-mock-extended";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
-import ErrorCenter, { IErrorCenterProps } from "@ax/components/ErrorCenter";
+import ErrorCenter, { type IErrorCenterProps } from "@ax/components/ErrorCenter";
 import globalTheme from "@ax/themes/theme.json";
-import { IErrorItem } from "@ax/types";
+import type { IErrorItem } from "@ax/types";
 
 afterEach(cleanup);
 

package/src/__tests__/components/ErrorToast/ErrorToast.test.tsx

@@ -5,7 +5,7 @@ import { render, cleanup, screen } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 
-import ErrorToast, { IProps } from "@ax/components/ErrorToast";
+import ErrorToast, { type IProps } from "@ax/components/ErrorToast";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/FieldContainer/FieldContainer.test.tsx

@@ -6,7 +6,7 @@ import { render, screen, cleanup } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 
-import FieldContainer, { IFieldContainerProps } from "@ax/components/FieldContainer";
+import FieldContainer, { type IFieldContainerProps } from "@ax/components/FieldContainer";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

package/src/__tests__/components/Fields/AsyncSelect/AsyncSelect.test.tsx

@@ -2,12 +2,12 @@ import type { MockedFunction } from "vitest";
 import React from "react";
 import axios from "axios";
 import "@testing-library/jest-dom";
-import AsyncSelect, { IAsyncSelectProps } from "@ax/components/Fields/AsyncSelect";
+import AsyncSelect, { type IAsyncSelectProps } from "@ax/components/Fields/AsyncSelect";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup, act } from "@testing-library/react";
-import { ISite } from "@ax/types";
+import type { ISite } from "@ax/types";
 import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);

package/src/__tests__/components/Fields/ColorPicker/ColorPicker.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import "@testing-library/jest-dom";
-import ColorPicker, { IProps } from "@ax/components/Fields/ColorPicker";
+import ColorPicker, { type IProps } from "@ax/components/Fields/ColorPicker";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";

package/src/__tests__/components/Fields/ComponentArray/ComponentArray.test.tsx

@@ -3,9 +3,9 @@ import ComponentArraySelector from "@ax/components/Fields/ComponentArray";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { IModule } from "@ax/types";
-import { ISameComponentArrayProps } from "@ax/components/Fields/ComponentArray/SameComponentArray";
-import { IMixableComponentArrayProps } from "@ax/components/Fields/ComponentArray/MixableComponentArray";
+import type { IModule } from "@ax/types";
+import type { ISameComponentArrayProps } from "@ax/components/Fields/ComponentArray/SameComponentArray";
+import type { IMixableComponentArrayProps } from "@ax/components/Fields/ComponentArray/MixableComponentArray";
 import { render, screen, cleanup } from "@testing-library/react";
 import { mock } from "vitest-mock-extended";
 

package/src/__tests__/components/Fields/ComponentArray/MixableComponentArray/MixableComponentArray.test.tsx

@@ -1,11 +1,11 @@
 import * as React from "react";
 import MixableComponentArray, {
-	IMixableComponentArrayProps,
+	type IMixableComponentArrayProps,
 } from "@ax/components/Fields/ComponentArray/MixableComponentArray";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { IModule } from "@ax/types";
+import type { IModule } from "@ax/types";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { mock } from "vitest-mock-extended";
 

package/src/__tests__/components/Fields/ComponentArray/MixableComponentArray/PasteModuleButton/PasteModuleButton.test.tsx

@@ -1,11 +1,11 @@
 import type { MockedFunction } from "vitest";
 import * as React from "react";
-import PasteModuleButton, { IPasteModuleProps } from "@ax/components/Fields/ComponentArray/PasteModuleButton";
+import PasteModuleButton, { type IPasteModuleProps } from "@ax/components/Fields/ComponentArray/PasteModuleButton";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 import globalTheme from "@ax/themes/theme.json";
-import { IModule, INotification } from "@ax/types";
+import type { IModule, INotification } from "@ax/types";
 import { render, screen, cleanup, fireEvent, act } from "@testing-library/react";
 import { mock } from "vitest-mock-extended";
 

package/src/__tests__/components/Fields/ComponentArray/SameComponentArray/SameComponentArray.test.tsx

@@ -1,9 +1,11 @@
 import * as React from "react";
-import SameComponentArray, { ISameComponentArrayProps } from "@ax/components/Fields/ComponentArray/SameComponentArray";
+import SameComponentArray, {
+	type ISameComponentArrayProps,
+} from "@ax/components/Fields/ComponentArray/SameComponentArray";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { IModule } from "@ax/types";
+import type { IModule } from "@ax/types";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { mock } from "vitest-mock-extended";