feature: v2

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": [
+    "@changesets/changelog-github",
+    {
+      "repo": "wethegit/react-modal"
+    }
+  ],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.changeset/giant-lies-help.md

@@ -0,0 +1,20 @@
+---
+"@wethegit/react-modal": major
+---
+
+# V2
+
+## Breaking changes
+
+Seriously, everything.
+
+## Why
+
+The old design of the modal was good but it had an achilles heel, it used an internal context to handle the transition and syncing that with the state which caused:
+
+1. Actions to be tied to a context, adding custom components to close the modal for example was a bit annoying
+2. Animation and state were too tightly coupled and not exposed for further customization
+
+## What's new
+
+The modal is now a controlled component, you can control the state of the modal from outside using the hook `useModal` which also exposes the state so you can use further customize the Modal and even the child components.

.eslintrc

@@ -2,15 +2,28 @@
   "env": { "browser": true, "es2020": true },
   "extends": [
     "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
-    "plugin:react/jsx-runtime",
     "plugin:react-hooks/recommended",
     "prettier"
   ],
   "parserOptions": { "ecmaVersion": "latest", "sourceType": "module" },
-  "settings": { "react": { "version": "18.2" }, "jest": { "version": 26 } },
-  "plugins": ["react-refresh"],
+  "settings": { "react": { "version": "17.2" }, "jest": { "version": 26 } },
+  "plugins": ["@typescript-eslint", "react-refresh"],
+  "parser": "@typescript-eslint/parser",
   "rules": {
-    "react-refresh/only-export-components": "off"
-  }
+    "react-refresh/only-export-components": 0,
+    "react/react-in-jsx-scope": 0,
+    "react/prop-types": [2, { "ignore": ["className"] }],
+    "@typescript-eslint/no-non-null-assertion": 0
+  },
+  "ignorePatterns": [
+    "node_modules/",
+    "dist/",
+    "**/*.{css, scss}",
+    ".eslintrc.*",
+    "dist/",
+    ".stylelintrc.js",
+    "vite.config.ts"
+  ]
 }

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @wethegit/reviewers

.github/pull_request_template.md

@@ -0,0 +1,21 @@
+<!--
+Use the following format as PR title:
+
+[docs/hooks] fix/release/feature/patch: title of pr
+-->
+
+## Description
+
+A **brief** description of the feature or bug, just to make the developer reviewing your work more familiar.
+
+## Solution
+
+A **brief** summary of why you fixed/created something the way you did and any known limitations because of this (i.e. browser support).
+
+## Additional Notes
+
+Any additional notes or information that should be made or highlighted.
+
+## Screenshots
+
+Screenshots/videos showcasing your updates - if applicable.

.github/workflows/lint.yml

@@ -0,0 +1,29 @@
+name: Lint
+
+on:
+  pull_request:
+    types: [opened, edited, reopened, synchronize]
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js 18.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+
+

.github/workflows/release.yml

@@ -0,0 +1,41 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    permissions:
+      contents: write       # to create release (changesets/action)
+      issues: write         # to post issue comments (changesets/action)
+      pull-requests: write  # to create pull request (changesets/action)
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js 18.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          version: npm run version
+          publish: npm run release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.npmignore

@@ -1,10 +1,13 @@
 .github
 .husky
 .vscode
+src
+types
 .eslintrc
+.nvmrc
 .prettierignore
 .prettierrc
 .stylelintrc
 index.html
-vite.config.js
-src
+tsconfig.json
+vite.config.js

.nvmrc

@@ -1 +1 @@
-16.14.2
+v18.16.0

.prettierignore

@@ -2,4 +2,5 @@
 .husky
 .vscode
 node_modules
-dist
+dist
+README.md

.vscode/settings.json

@@ -9,7 +9,6 @@
   },
   "eslint.format.enable": true,
   "eslint.nodePath": "",
-  "eslint.packageManager": "npm",
   "files.associations": {
     "*.js": "javascriptreact",
     "*.jsx": "javascriptreact",