= ({
+ children,
+ className,
+ ...otherProps
+}) => (
+
+ PageLayout
+ {children}
+
+);
diff --git a/packages/slice-machine/src/components/PageLayout/index.ts b/packages/slice-machine/src/components/PageLayout/index.ts
new file mode 100644
index 0000000000..c548d8c4fb
--- /dev/null
+++ b/packages/slice-machine/src/components/PageLayout/index.ts
@@ -0,0 +1 @@
+export { PageLayout } from "./PageLayout";
diff --git a/packages/slice-machine/test/__fixtures__/styleMock.js b/packages/slice-machine/test/__fixtures__/styleMock.js
deleted file mode 100644
index f053ebf797..0000000000
--- a/packages/slice-machine/test/__fixtures__/styleMock.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = {};
diff --git a/packages/slice-machine/test/__testutils__/index.tsx b/packages/slice-machine/test/__testutils__/index.tsx
index c6a4f30955..44532b4101 100644
--- a/packages/slice-machine/test/__testutils__/index.tsx
+++ b/packages/slice-machine/test/__testutils__/index.tsx
@@ -5,7 +5,7 @@ import { Provider } from "react-redux";
import type { SliceMachineStoreType } from "../../src/redux/type";
import configureStore from "../../src/redux/store";
import theme from "../../src/theme";
-import { ThemeProvider, BaseStyles } from "theme-ui";
+import { ThemeProvider as ThemeUIThemeProvider, BaseStyles } from "theme-ui";
export type RenderArgs = Partial<
{
@@ -30,11 +30,11 @@ function render(
children: any;
}) {
return (
-
+
{children}
-
+
);
}
return rtlRender(ui, { wrapper: Wrapper, ...renderOptions });
diff --git a/packages/slice-machine/tsconfig.json b/packages/slice-machine/tsconfig.json
index 3b4677ba15..bff96a562f 100644
--- a/packages/slice-machine/tsconfig.json
+++ b/packages/slice-machine/tsconfig.json
@@ -24,7 +24,6 @@
"jsx": "preserve",
"outDir": "./build",
"paths": {
- "@/*": ["/*"],
"@lib/*": ["lib/*"],
"@utils/*": ["lib/utils/*"],
"@builders/*": ["lib/builders/*"],
@@ -34,8 +33,10 @@
},
"incremental": true
},
- "exclude": ["node_modules", "build"],
+ "exclude": ["node_modules", "build", "storybook-static"],
"include": [
+ ".storybook/*",
+ ".eslintrc.js",
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
diff --git a/packages/slice-machine/vitest.config.ts b/packages/slice-machine/vite.config.ts
similarity index 75%
rename from packages/slice-machine/vitest.config.ts
rename to packages/slice-machine/vite.config.ts
index 381a31b9b1..a90a8fa707 100644
--- a/packages/slice-machine/vitest.config.ts
+++ b/packages/slice-machine/vite.config.ts
@@ -1,3 +1,4 @@
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
import { defineConfig } from "vitest/config";
import react from "@vitejs/plugin-react";
import * as url from "node:url";
@@ -6,21 +7,18 @@ import * as path from "node:path";
const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
export default defineConfig({
- plugins: [react()],
- test: {
+ plugins: [react(), vanillaExtractPlugin()],
+ resolve: {
alias: {
"@builders": path.resolve(__dirname, "./lib/builders"),
"@components": path.resolve(__dirname, "./components"),
"@lib": path.resolve(__dirname, "./lib"),
"@models": path.resolve(__dirname, "./lib/models"),
"@src": path.resolve(__dirname, "./src"),
- "@tests": path.resolve(__dirname, "./tests"),
"@utils": path.resolve(__dirname, "./lib/utils"),
- components: path.resolve(__dirname, "./components"),
- lib: path.resolve(__dirname, "./lib"),
- tests: path.resolve(__dirname, "./tests"),
- "\\.(css)$": path.resolve(__dirname, "./tests/__mocks__/styleMock.js"),
},
+ },
+ test: {
include: ["./test/**/*.test.{ts,tsx}"],
coverage: {
provider: "c8",
diff --git a/tsconfig-node.json b/tsconfig-node.json
deleted file mode 100644
index e4044e8a96..0000000000
--- a/tsconfig-node.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "compilerOptions": { "noEmit": true },
- "include": ["packages/*/.eslintrc.js"]
-}