revert: Refactor packages and add test (#4704)

Revert "refactor: Add more packages and add test (#4691)"

This reverts commit 3ec12d9.

.github/workflows/unitTests.yml

@@ -42,4 +42,4 @@ jobs:
         run: yarn install --frozen-lockfile
 
       - name: Run tests
-        run: yarn test
+        run: yarn test --watchAll=false

package.json

@@ -12,7 +12,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "test": "jest && yarn turbo run test",
+    "test": "jest",
     "test:watch": "jest --watch",
     "test:config": "jest src/config/__tests__/ --testPathIgnorePatterns",
     "integration-test": "start-server-and-test start http://localhost:3000 'turbo run integration-test --filter=test'",
@@ -141,7 +141,6 @@
     "ts-node": "^10.9.1",
     "tsconfig": "*",
     "turbo": "^1.4.5",
-    "typechain": "^6.1.0",
-    "vitest": "^0.23.1"
+    "typechain": "^6.1.0"
   }
 }

packages/hooks/src/index.ts

@@ -1,4 +1,2 @@
 export { default as usePreviousValue } from './usePreviousValue'
 export { default as useLastUpdated } from './useLastUpdated'
-export { default as useInterval } from './useInterval'
-export { default as useIsWindowVisible } from './useIsWindowVisible'

packages/uikit/.storybook/main.js

@@ -1,5 +1,3 @@
-const { vanillaExtractPlugin } = require("@vanilla-extract/vite-plugin");
-
 module.exports = {
   stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
@@ -14,8 +12,4 @@ module.exports = {
     "themeprovider-storybook/register",
   ],
   core: { builder: "@storybook/builder-vite" },
-  async viteFinal(config) {
-    config.plugins.push(vanillaExtractPlugin());
-    return config;
-  },
 };

packages/uikit/.storybook/preview.jsx

@@ -1,12 +1,10 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { withThemesProvider } from "themeprovider-storybook";
-import { ThemeProvider as NextThemeProvider, useTheme as useNextTheme } from "next-themes";
 import light from "../src/theme/light";
 import dark from "../src/theme/dark";
 import ResetCSS from "../src/ResetCSS";
 import { ModalProvider } from "../src/widgets/Modal";
 import { MatchBreakpointsProvider } from "../src";
-import { ThemeProvider } from "styled-components";
 
 const globalDecorator = (StoryFn) => (
   <MatchBreakpointsProvider>
@@ -17,45 +15,22 @@ const globalDecorator = (StoryFn) => (
   </MatchBreakpointsProvider>
 );
 
-const StyledThemeProvider = (props) => {
-  const { setTheme } = useNextTheme();
-
-  useEffect(() => {
-    setTheme(props.theme.name);
-  }, [props.theme.name]);
-
-  return <ThemeProvider {...props}>{props.children}</ThemeProvider>;
-};
-
-const StorybookThemeProvider = (props) => {
-  return (
-    <NextThemeProvider>
-      <StyledThemeProvider {...props} />
-    </NextThemeProvider>
-  );
-};
-
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
   layout: "fullscreen",
 };
 
 const themes = [
   {
-    name: "light",
+    name: "Light",
     backgroundColor: light.colors.background,
     ...light,
   },
   {
-    name: "dark",
+    name: "Dark",
     backgroundColor: dark.colors.background,
     ...dark,
   },
 ];
 
-export const decorators = [
-  globalDecorator,
-  withThemesProvider(themes, {
-    CustomThemeProvider: StorybookThemeProvider,
-  }),
-];
+export const decorators = [globalDecorator, withThemesProvider(themes)];

packages/uikit/babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   presets: ["@babel/preset-env", ["@babel/preset-react", { runtime: "automatic" }]],
-  plugins: ["styled-components", "@vanilla-extract/babel-plugin"],
+  plugins: ["styled-components"],
 };

packages/uikit/jest.config.js

@@ -6,12 +6,5 @@ module.exports = {
     "\\.(js|jsx)?$": "babel-jest",
     "^.+\\.svg$": "<rootDir>/svgTransform.js",
   },
-  globals: {
-    "ts-jest": {
-      babelConfig: {
-        plugins: ["@vanilla-extract/babel-plugin"],
-      },
-    },
-  },
   testEnvironment: "jsdom",
 };