UX-789 Replace Lerna with Changesets & NPM Workspaces (#1088)

* chore: uninstall lerna, temporarily remove all eslint deps

* chore: Add workspaces to package

* fix: CSS build

* fix: builds

* fix: resolve icons src types not dist

* chore: update libby to latest

* chore: update gh workflows

* fix: downgrade to react 17 for enzyme

* fix: temporary react-18 bridge

* chore: Add linting, Revert react-18 bridge

* chore: Remove unused packages

* chore: Update libby

* chore: remove stylelint, add changesets

* docs: update readme

* docs: update readme

* chore: revert react 18 in next template

* docs: update readme & pr template

* build: add turbo

* chore: hide vscode directories

* docs: add changeset

* build: update linting rules

* chore: package-lock update

* chore(deps): update libby with hmr fix

Author: jonambas

.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,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.changeset/warm-dolphins-protect.md

@@ -0,0 +1,7 @@
+---
+'@sparkpost/matchbox': patch
+'@sparkpost/matchbox-icons': patch
+---
+
+- Adds support for React 18
+- Updates a few util function types

.eslintignore

@@ -5,3 +5,6 @@ packages/matchbox-icons/*
 !packages/matchbox-icons/src
 
 packages/next-template-matchbox/*
+
+**/*.test.js
+**/dist/**

.eslintrc

@@ -0,0 +1,32 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["react", "@typescript-eslint", "prettier"],
+  "rules": {
+    "react/prop-types": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-unused-vars": ["error", { "ignoreRestSiblings": true }],
+    "@typescript-eslint/ban-ts-comment": 0
+  },
+  "ignorePatterns": ["**/scripts/*", "**/design-tokens/*.js"]
+}

.eslintrc.json

@@ -1,21 +1,16 @@
-<!-- Give your PR a recognizable title. For example: "FE-123: Add new prop to component" or "Resolve Issue #123: Fix bug in component" -->
-<!-- Your PR title will be visible in changelogs -->
-
 ### What Changed
 
-<!--
-What changes does this PR propose?
-Provide screenshots or [screen recordings](https://getkap.co/) for any visual changes.
--->
+<!-- What changes does this PR propose? -->
 
-### How To Test or Verify
+### How To Verify
 
 <!--
 Describe any steps that may help reviewers verify changes.
 Anything beyond basic unit testing, such as assistive tech usage, or special interactions.
 -->
 
-### PR Checklist
+#### If your PR contains package changes:
 
-- [ ] Add the correct `type` label
-- [ ] Pull request approval from #uxfe or #design-guild
+1. Create a changeset with `npx changeset`
+1. Ensure the changeset in the `.changeset` directory includes a descriptive summary
+1. Commit the changeset to your pull request

.github/pull_request_template.md

@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [16.x]
 
     steps:
       - uses: actions/checkout@v2

.github/workflows/build.yml

@@ -13,16 +13,16 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [16.x]
 
     steps:
       - uses: actions/checkout@v2
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v1
         with:
           node-version: ${{ matrix.node-version }}
-      - name: Install dependencies
-        uses: bahmutov/npm-install@v1
+      - name: Install
+        run: npm ci
       - name: Prepare tests
         run: npm run pretest:ci
       - name: E2E tests

.github/workflows/e2e.yml

@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [16.x]
 
     steps:
       - uses: actions/checkout@v2