Upgrade all devDependencies (#186)

* Upgrade storybook

* Upgrade jest/swc

* Upgrade testing library

* Upgrade @types/react(dom)

* Upgrade eslint stuff

* Upgrade rollup and typescript

* Upgrade prettier

* Upgrade Yarn

.eslintrc.cjs

@@ -14,7 +14,7 @@ module.exports = {
     'prettier',
   ],
   plugins: ['@typescript-eslint', 'jest', 'jest-dom', 'testing-library'],
-  ignorePatterns: ['*.js', '*.cjs', 'dist/'],
+  ignorePatterns: ['*.js', '*.cjs', 'dist/', 'vite.config.ts'],
   settings: {
     'testing-library/custom-renders': 'off',
   },

.storybook/main.ts

@@ -0,0 +1,16 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+};
+
+export default config;

.storybook/preview.ts

@@ -0,0 +1,18 @@
+import './storybook.css';
+import '../src/skeleton.css';
+
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
+
+export default preview;

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.4.1.cjs
+yarnPath: .yarn/releases/yarn-3.5.0.cjs

package.json

@@ -30,68 +30,68 @@
     "lint": "eslint .",
     "lint-staged": "lint-staged --no-stash",
     "prepack": "yarn run build",
-    "prettier": "prettier .",
+    "prettier-all": "prettier . --write",
     "setup": "husky install",
-    "storybook": "start-storybook -p 8080",
+    "storybook": "storybook dev -p 8080",
     "test": "jest --config .config/jest.config.cjs"
   },
   "lint-staged": {
-    "*.ts?(x)": [
+    "src/**/*.ts?(x)": [
       "eslint --max-warnings 0 --fix",
       "prettier --write"
     ],
-    "*.{md,js,cjs,yml,json}": "prettier --write"
+    "*.{md,js,cjs,yml,json}": "prettier --write",
+    "vite.config.ts": "prettier --write",
+    ".storybook/*.ts": "prettier --write"
   },
-  "browserslist": [
-    "> 0.25%",
-    "not dead",
-    "not IE 11"
-  ],
   "devDependencies": {
-    "@babel/core": "^7.21.0",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@swc/core": "^1.3.37",
-    "@swc/jest": "^0.2.24",
+    "@rollup/plugin-typescript": "^11.1.0",
+    "@storybook/addon-essentials": "^7.0.7",
+    "@storybook/addon-interactions": "^7.0.7",
+    "@storybook/addon-links": "^7.0.7",
+    "@storybook/blocks": "^7.0.7",
+    "@storybook/react": "^7.0.7",
+    "@storybook/react-vite": "^7.0.7",
+    "@swc/core": "^1.3.56",
+    "@swc/jest": "^0.2.26",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.2",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.54.0",
-    "@typescript-eslint/parser": "^5.54.0",
-    "babel-loader": "^9.1.2",
-    "eslint": "^8.35.0",
+    "@testing-library/react": "^12.1.5",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.1",
+    "@typescript-eslint/parser": "^5.59.1",
+    "@vitejs/plugin-react-swc": "^3.3.0",
+    "eslint": "^8.39.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-jest-dom": "^4.0.3",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-testing-library": "^5.10.2",
+    "eslint-plugin-testing-library": "^5.10.3",
     "husky": "^8.0.3",
-    "jest": "^29.4.3",
-    "jest-environment-jsdom": "^29.4.3",
-    "lint-staged": "^13.1.2",
-    "prettier": "^2.8.4",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.8.8",
     "prettier-plugin-packagejson": "^2.4.3",
+    "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "rimraf": "^4.1.2",
-    "rollup": "^3.17.3",
+    "rimraf": "^5.0.0",
+    "rollup": "^3.21.1",
     "rollup-plugin-copy": "^3.4.0",
+    "storybook": "^7.0.7",
     "tslib": "^2.5.0",
-    "typescript": "^4.9.5",
-    "webpack": "^5.75.0"
+    "typescript": "^5.0.4",
+    "vite": "^4.3.3",
+    "vite-plugin-checker": "^0.5.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "packageManager": "yarn@3.4.1"
+  "packageManager": "yarn@3.5.0"
 }

tsconfig.json

@@ -10,7 +10,7 @@
 
     /* Emit */
     "declaration": true,
-    "outDir": "./dist",
+    "outDir": "dist",
     "noEmit": true,
     "noEmitOnError": true,
 
@@ -25,5 +25,6 @@
 
     /* Completeness */
     "skipLibCheck": true
-  }
+  },
+  "include": ["src"]
 }

vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite';
+import checker from 'vite-plugin-checker';
+
+import react from '@vitejs/plugin-react-swc';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [checker({ typescript: true }), react()],
+});