feat: component modal

.babelrc

@@ -0,0 +1,3 @@
+{
+ "presets": ["@babel/preset-env", "@babel/preset-typescript"]
+}

.eslintignore

@@ -0,0 +1,10 @@
+node_modules
+dist
+rollup.config.js
+packages/**/dist/
+packages/**/*.d.ts
+*.d.ts
+/**/*.d.ts
+es
+lib
+.eslintrc.js

.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+ env: {
+ browser: true,
+ es2021: true,
+ },
+ extends: [
+ 'eslint:recommended',
+ 'plugin:react/recommended',
+ 'plugin:@typescript-eslint/recommended',
+ 'plugin:storybook/recommended',
+ ],
+ parser: '@typescript-eslint/parser',
+ parserOptions: {
+ ecmaFeatures: {
+ jsx: true,
+ },
+ ecmaVersion: 13,
+ sourceType: 'module',
+ },
+ plugins: ['react', '@typescript-eslint'],
+ rules: {
+ 'react/react-in-jsx-scope': 'off',
+ '@typescript-eslint/no-empty-function': 'off',
+ 'react/prop-types': 'off',
+ },
+};

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+.vscode
+yarn-error.log

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+ semi: true,
+ trailingComma: 'all',
+ singleQuote: true,
+ printWidth: 120,
+ tabWidth: 2,
+};

.storybook/main.js

@@ -0,0 +1,24 @@
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+
+module.exports = {
+ stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+ addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+ core: {
+ builder: 'webpack5',
+ },
+ webpackFinal: async (config, { configType }) => {
+ config.module.rules.push({
+ test: /\.scss$/,
+ use: ['style-loader', 'css-loader', 'sass-loader'],
+ include: path.resolve(__dirname, '../src'),
+ });
+ config.resolve.plugins = [
+ ...(config.resolve.plugins || []),
+ new TsconfigPathsPlugin({
+ extensions: config.resolve.extensions,
+ }),
+ ];
+ return config;
+ },
+};

.storybook/preview.js

@@ -0,0 +1,10 @@
+
+export const parameters = {
+ actions: { argTypesRegex: "^on[A-Z].*" },
+ controls: {
+ matchers: {
+ color: /(background|color)$/i,
+ date: /Date$/,
+ },
+ },
+}