refactor: ⚡ move to tsup (#539)

Author: harshzalavadiya

.eslintrc.cjs

@@ -3,41 +3,51 @@ module.exports = {
   env: {
     browser: true,
     es2021: true,
-    node: true
+    node: true,
   },
   parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "simple-import-sort"],
+  plugins: ["@typescript-eslint", "prettier", "simple-import-sort"],
   extends: [
     "eslint:recommended",
-    "plugin:react/recommended",
     "plugin:@typescript-eslint/eslint-recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier"
+    "plugin:react/recommended",
+    "plugin:storybook/recommended",
   ],
   rules: {
-    "no-useless-escape": "off",
-    "no-case-declarations": "off",
     "@typescript-eslint/ban-ts-comment": "off",
     "@typescript-eslint/ban-ts-ignore": "off",
     "@typescript-eslint/camelcase": "off",
-    "@typescript-eslint/no-unused-vars": ["error", { ignoreRestSiblings: true }],
     "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
     "@typescript-eslint/interface-name-prefix": "off",
     "@typescript-eslint/no-empty-interface": "off",
     "@typescript-eslint/no-explicit-any": "off",
-    "react/jsx-key": "off",
-    "react/prop-types": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        ignoreRestSiblings: true,
+      },
+    ],
+    "no-case-declarations": "off",
+    "no-console": [
+      "error",
+      {
+        allow: ["warn", "error", "debug"],
+      },
+    ],
+    "no-useless-escape": "off",
+    "prettier/prettier": "error",
     "react/display-name": "off",
+    "react/jsx-key": "off",
     "react/no-children-prop": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "simple-import-sort/imports": "error",
+    "react/prop-types": "off",
     "simple-import-sort/exports": "error",
-
-    "no-console": ["error", { allow: ["warn", "error", "debug"] }]
+    "simple-import-sort/imports": "error",
   },
   settings: {
     react: {
-      version: "detect"
-    }
-  }
+      version: "detect",
+    },
+  },
 };

.husky/pre-commit

@@ -1 +1 @@
-12
+16

.nvmrc

@@ -1,19 +1,18 @@
 module.exports = {
-  stories: ["../stories/**/*.stories.@(ts|tsx|js|jsx)"],
+  stories: [
+    "../stories/**/*.stories.mdx",
+    "../stories/**/*.stories.@(js|jsx|ts|tsx)",
+  ],
   addons: [
-    "@storybook/addon-essentials",
-    "@storybook/addon-knobs",
     "@storybook/addon-links",
+    "@storybook/addon-essentials",
     {
-      name: "storybook-addon-turbo-build",
+      name: '@storybook/addon-docs',
       options: {
-        optimizationLevel: 2,
+        configureJSX: true,
+        transcludeMarkdown: true,
       },
     },
   ],
-  // https://storybook.js.org/docs/react/configure/typescript#mainjs-configuration
-  typescript: {
-    check: true, // type-check stories during Storybook build
-    reactDocgen: "none",
-  },
+  framework: "@storybook/react",
 };

.storybook/main.js

@@ -1,5 +1,9 @@
-// https://storybook.js.org/docs/react/writing-stories/parameters#global-parameters
 export const parameters = {
-  // https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args
-  actions: { argTypesRegex: "^on.*" },
-};
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

.storybook/package.json

@@ -23,7 +23,7 @@ yarn add react-multi-select-component # yarn
 
 ## 📦 Example
 
-![Example](docs/images/preview.gif)
+![Example](https://user-images.githubusercontent.com/5774849/150685427-6025d7d3-ddfc-4787-a856-241c4cc100cb.gif)
 
 ```tsx
 import React, { useState } from "react";
@@ -55,7 +55,7 @@ const Example = () => {
 export default Example;
 ```
 
-More examples can be found [here ↗](./docs/recipes)
+More examples can be found [here ↗](https://react-multi-select-component.pages.dev/)
 
 ## 👀 Props