Feature/upgrade formio react 2.0.0

.eslintrc.json

@@ -4,16 +4,42 @@
 		"es2021": true,
 		"node": true
 	},
-	"extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
+	"extends": [
+		"eslint:recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:react/recommended",
+		"plugin:react-hooks/recommended",
+		"prettier"
+	],
+	"parser": "@typescript-eslint/parser",
 	"parserOptions": {
 		"ecmaVersion": "latest",
 		"sourceType": "module"
 	},
-	"plugins": ["react"],
-	"rules": {},
+	"plugins": ["@typescript-eslint", "react"],
+	"rules": {
+		"react/prop-types": "warn",
+		"@typescript-eslint/no-explicit-any": "warn",
+		"react/react-in-jsx-scope": "off",
+		"react/jsx-uses-react": "off",
+		"@typescript-eslint/no-unused-vars": [
+			"error",
+			{ "ignoreRestSiblings": true }
+		],
+		"no-prototype-builtins": "off"
+	},
 	"settings": {
 		"react": {
 			"version": "detect"
 		}
-	}
+	},
+	"ignorePatterns": ["node_modules/", "dist/", "lib/"],
+	"overrides": [
+		{
+			"files": ["**/*.test.ts", "**/*.test.tsx"],
+			"env": {
+				"jest": true
+			}
+		}
+	]
 }

.github/ISSUE_TEMPLATE/bug_report.md

@@ -23,6 +23,9 @@ A clear and concise description of what you expected to happen.
 **Screenshots**
 If applicable, add screenshots to help explain your problem.
 
+**Sandbox Example**
+A reproducible example from an online editor such as CodeSandbox or StackBlitz
+
 **Desktop (please complete the following information):**
 
 -   OS: [e.g. iOS]

.github/workflows/ci.yml

@@ -0,0 +1,204 @@
+name: Build, Test, Publish
+
+on:
+    pull_request:
+        types: [opened, synchronize, reopened]
+
+env:
+    NODE_VERSION: 20.x
+
+jobs:
+    setup:
+        runs-on: ubuntu-latest
+        steps:
+            - run: echo "Triggered by ${{ github.event_name }} event."
+
+            - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
+              uses: actions/checkout@v3
+
+            - name: Set up Node.js ${{ env.NODE_VERSION }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ env.NODE_VERSION }}
+                  cache: 'npm'
+
+            - name: Cache node modules
+              uses: actions/cache@v3
+              with:
+                  path: node_modules
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Installing dependencies
+              if: steps.cache.outputs.cache-hit != 'true'
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: install --frozen-lockfile
+
+            - name: Lint
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: lint
+
+            - name: dependencies
+              run: |
+                  echo "Installing dependencies"
+                  yarn list --depth=0
+
+    ##################################################################
+    ## Build
+    ##################################################################
+    build:
+        needs: setup
+        runs-on: ubuntu-latest
+        steps:
+            - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
+              uses: actions/checkout@v3
+
+            - name: Restore node modules from cache
+              uses: actions/cache@v3
+              with:
+                  path: node_modules
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Build
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: build
+
+    ##################################################################
+    ## Test
+    ##################################################################
+    test-current:
+        needs: setup
+        runs-on: ubuntu-latest
+        steps:
+            - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
+              uses: actions/checkout@v3
+
+            - name: Restore node modules from cache
+              uses: actions/cache@v3
+              with:
+                  path: node_modules
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Test
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: test
+
+    test-target:
+        needs: setup
+        runs-on: ubuntu-latest
+        steps:
+            - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
+              uses: actions/checkout@v3
+              with:
+                  fetch-depth: 0
+
+            - name: Merge target branch into current branch
+              run: |
+                  git config --global user.email "pkgbot@form.io"
+                  git config --global user.name "pkgbot"
+                  git fetch origin ${{ github.event.pull_request.base.ref }}:${{ github.event.pull_request.base.ref }}
+                  git merge ${{ github.event.pull_request.base.ref }} --no-commit --no-ff
+                  if ! git merge --no-commit --no-ff ${{ github.event.pull_request.base.ref }}; then
+                    echo "Merge conflicts detected."
+                    git merge --abort
+                    exit 1
+                  else
+                    echo "Merge successful."
+                  fi
+
+            - name: Set up Node.js ${{ env.NODE_VERSION }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ env.NODE_VERSION }}
+                  cache: 'npm'
+
+            - name: Restore node modules from cache
+              uses: actions/cache@v3
+              with:
+                  path: node_modules
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Test
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: test
+
+    ##################################################################
+    ## Publish
+    ##################################################################
+    publish:
+        needs: [setup, test-current, test-target]
+        if: ${{ github.event_name == 'pull_request' && (github.event.action == 'opened' || github.event.action == 'synchronize') }}
+        runs-on: ubuntu-latest
+        steps:
+            - name: Check out repository code ${{ github.repository }} on ${{ github.ref }}
+              uses: actions/checkout@v3
+
+            - name: Configure Git user
+              run: |
+                  git config --global user.email "pkgbot@form.io"
+                  git config --global user.name "pkgbot"
+
+            - name: Add npm token to .npmrc
+              run: |
+                  echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc
+
+            - name: Set up Node.js ${{ env.NODE_VERSION }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ env.NODE_VERSION }}
+                  cache: 'npm'
+                  registry-url: 'https://registry.npmjs.org/'
+
+            - name: Restore node modules from cache
+              uses: actions/cache@v3
+              with:
+                  path: node_modules
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Build
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: build
+
+            - name: Prepare version for publish
+              id: prep
+              run: |
+                  # Extract the pull request number and the short SHA of the commit
+                  PR_NUMBER=$(echo ${{ github.event.number }})
+                  COMMIT_SHORT_SHA=$(echo "${{ github.event.pull_request.head.sha }}" | cut -c1-7)
+
+                  # Extract the current version from package.json
+                  CURRENT_VERSION=$(node -p "require('./package.json').version")
+
+                  # If the current version includes '-rc.', remove it and everything after
+                  # This step ensures that we start with a base version like '3.0.0' even if it was a release candidate
+                  BASE_VERSION=$(echo "$CURRENT_VERSION" | cut -d'-' -f1)
+
+                  # Construct the new version string
+                  NEW_VERSION="${BASE_VERSION}-dev.${PR_NUMBER}.${COMMIT_SHORT_SHA}"
+
+                  # Output the new version for use in subsequent GitHub Actions steps
+                  echo "NEW_VERSION=$NEW_VERSION" >> $GITHUB_ENV
+
+            - name: Echo version to Publish
+              run: |
+                  echo "Version to publish: $NEW_VERSION"
+
+            - name: Publish to npm
+              run: |
+                  npm version $NEW_VERSION
+                  yarn publish --tag dev

.github/workflows/sync-monorepo.mjs

@@ -0,0 +1,11 @@
+import { syncFromGithubAction } from 'monorepo-sync';
+
+syncFromGithubAction()
+	.then(() => {
+		console.log('Sync completed successfully');
+		process.exit(0);
+	})
+	.catch((error) => {
+		console.error('Error during sync:', error);
+		process.exit(1);
+	});

.github/workflows/sync-pr-to-monorepo.yml

@@ -0,0 +1,64 @@
+name: Sync Merged PR to Monorepo
+
+on:
+    pull_request:
+        types: [closed]
+        branches:
+            - main
+            - master
+
+jobs:
+    sync-to-monorepo:
+        if: github.event.pull_request.merged == true
+        runs-on: ubuntu-latest
+        env:
+            NODE_VERSION: 20.x
+            GH_TOKEN: ${{ secrets.MONOREPO_SYNC_TOKEN }}
+            PR_NUMBER: ${{ github.event.pull_request.number }}
+            PR_TITLE: ${{ github.event.pull_request.title }}
+            PR_AUTHOR: ${{ github.event.pull_request.user.login }}
+            SOURCE_REPO_NAME: ${{ github.event.repository.name }}
+            MONOREPO_PACKAGE_LOCATION: packages/${{ github.event.repository.name }}
+            MONOREPO_PATH: ${{ github.workspace }}/monorepo
+
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v4
+              with:
+                  fetch-depth: 1
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: ${{env.NODE_VERSION}}
+
+            - name: Cache node modules
+              uses: actions/cache@v3
+              with:
+                  path: node_modules
+                  key: ${{ runner.os }}-node-${{ hashFiles('**/yarn.lock') }}
+                  restore-keys: |
+                      ${{ runner.os }}-node-
+
+            - name: Installing dependencies
+              if: steps.cache.outputs.cache-hit != 'true'
+              uses: borales/actions-yarn@v4
+              with:
+                  cmd: install --frozen-lockfile
+
+            - name: Install zx
+              run: yarn add zx
+
+            - name: Install monorepo-sync package
+              run: yarn add git+https://github.com/formio/monorepo-sync.git
+
+            - name: Clone Monorepo
+              run: |
+                  gh repo clone formio/formio-monorepo monorepo -- --depth=1
+
+            - name: Sync to Monorepo
+              run: |
+                  echo "Syncing PR #${PR_NUMBER}: ${PR_TITLE}"
+                  node .github/workflows/sync-monorepo.mjs
+
+#update