[DEMO] use React 18 in demo-app, fix ContextMenu positioning

.circleci/config.yml

@@ -12,48 +12,34 @@ aliases:
       environment:
         CHROME_BIN: "/usr/bin/google-chrome"
 
-  - &restore-node-modules-cache
-    name: Restore node_modules cache
-    key: v1-node-modules-{{ checksum "yarn.lock" }}
-
   - &restore-yarn-cache
-    name: Restore Yarn global cache
-    key: v1-yarn-global
-
-  - &save-node-modules-cache
-    name: Save node_modules cache
-    paths:
-      - node_modules
-    key: v1-node-modules-{{ checksum "yarn.lock" }}
+    name: Restore Yarn cache
+    key: yarn-packages-{{ checksum "yarn.lock" }}
 
   - &save-yarn-cache
-    name: Save Yarn global cache
+    name: Save Yarn cache
     paths:
-      # see https://yarnpkg.com/configuration/yarnrc#globalFolder
-      - /.yarn/berry/global
-    key: v1-yarn-global
+      - ~/.yarn/berry/cache
+      - .yarn/cache
+      - .yarn/unplugged
+    key: yarn-packages-{{ checksum "yarn.lock" }}
 
 jobs:
   checkout-code:
     docker: *docker-node-image
     steps:
       - checkout
       - restore_cache: *restore-yarn-cache
-      - restore_cache: *restore-node-modules-cache
       - run: sudo corepack enable
       - run: yarn install --immutable
       - run: yarn constraints
-      - save_cache: *save-node-modules-cache
       - save_cache: *save-yarn-cache
-      - persist_to_workspace:
-          root: "."
-          paths: [packages/*/node_modules]
 
   clean-lockfile:
     docker: *docker-node-image
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - run: sudo corepack enable
       - run: yarn dedupe --check
 
@@ -62,9 +48,9 @@ jobs:
     resource_class: xlarge
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
-      - attach_workspace: { at: "." }
+      - restore_cache: *restore-yarn-cache
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: yarn compile --parallel=7
       - persist_to_workspace:
           root: "."
@@ -79,9 +65,9 @@ jobs:
       NODE_ENV: test
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
-      - attach_workspace: { at: "." }
+      - restore_cache: *restore-yarn-cache
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: yarn format-check
 
   lint:
@@ -92,9 +78,10 @@ jobs:
       NODE_ENV: test
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: mkdir -p ./reports/eslint ./reports/stylelint
       # types and lint rules should already be compiled since this job depends on the 'compile' job
       - run: yarn lint
@@ -108,9 +95,10 @@ jobs:
       NODE_ENV: test
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: yarn dist --parallel=7
       - persist_to_workspace:
           root: "."
@@ -123,9 +111,10 @@ jobs:
     parallelism: 2
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: mkdir -p ./reports
       - run:
           command: |
@@ -137,17 +126,18 @@ jobs:
       - store_test_results: { path: ./reports }
       - store_artifacts: { path: ./reports }
 
-  test-react-16: &test-react
+  test-react-16:
     docker: *docker-node-browsers-image
     resource_class: xlarge
     environment:
       JUNIT_REPORT_PATH: reports
     parallelism: 6
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
       - run: sudo corepack enable
+      - run: yarn install --immutable
       # HACKHACK: pin Chrome version to work around bug in v115
       # see https://github.com/CircleCI-Public/browser-tools-orb/issues/75
       - run: sudo apt-get update
@@ -184,9 +174,10 @@ jobs:
       JUNIT_REPORT_PATH: reports
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: mkdir ./reports
       - run: yarn nx run-many -t test:iso
       - store_test_results: { path: ./reports }
@@ -196,8 +187,10 @@ jobs:
     docker: *docker-node-image
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
+      - run: sudo corepack enable
+      - run: yarn install --immutable
       - store_artifacts: { path: packages/docs-app/dist }
       - store_artifacts: { path: packages/landing-app/dist }
       - store_artifacts: { path: packages/table-dev-app/dist }
@@ -208,9 +201,10 @@ jobs:
     docker: *docker-node-image
     steps:
       - checkout
-      - restore_cache: *restore-node-modules-cache
+      - restore_cache: *restore-yarn-cache
       - attach_workspace: { at: "." }
       - run: sudo corepack enable
+      - run: yarn install --immutable
       - run: ./scripts/publish-npm-semver-tagged
 
 workflows:

.eslintrc.js

@@ -75,5 +75,5 @@ module.exports = {
             },
         },
     ],
-    ignorePatterns: ["node_modules", "dist", "lib", "fixtures", "coverage", "__snapshots__", "generated"],
+    ignorePatterns: ["dist", "lib", "fixtures", "coverage", "__snapshots__", "generated"],
 };

.prettierignore

@@ -1,4 +1,3 @@
-node_modules/
 generated/
 lib/
 dist/

.stylelintignore

@@ -1,5 +1,4 @@
 .sass-cache
-node_modules
 build
 dist
 /docs

.vscode/extensions.json

@@ -1,12 +1,14 @@
 {
-    // See http://go.microsoft.com/fwlink/?LinkId=827846
-    // for the documentation about the extensions.json format
-    "recommendations": [
-        // for a beautiful editing experience:
-        "giladgray.theme-blueprint",
-        // for consistent editor settings:
-        "EditorConfig.EditorConfig",
-        // for TS and JS:
-        "dbaeumer.vscode-eslint"
-    ]
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": [
+    // for a beautiful editing experience:
+    "giladgray.theme-blueprint",
+    // for consistent editor settings:
+    "EditorConfig.EditorConfig",
+    // for TS and JS:
+    "dbaeumer.vscode-eslint",
+    "arcanis.vscode-zipfs",
+    "esbenp.prettier-vscode"
+  ]
 }

.vscode/settings.json

@@ -1,33 +1,37 @@
 {
-    "typescript.tsdk": "./node_modules/typescript/lib",
-    "files.watcherExclude": {
-        "**/build": true,
-        "**/coverage": true,
-        "**/dist": true,
-        "docs": true
-    },
-    "search.exclude": {
-        "**/build": true,
-        "**/coverage": true,
-        "**/dist": true,
-        "**/lib": true,
-        "**/node_modules": true,
-        "docs": true,
-        "site/docs": true,
-        "packages/docs-data/src/generated": true
-    },
-    "editor.insertSpaces": true,
-    "editor.tabSize": 4,
-    "editor.codeActionsOnSave": {
-        "source.fixAll": "explicit"
-    },
-    "[scss]": {
-        "editor.tabSize": 2
-    },
-    "eslint.format.enable": false,
-    "eslint.workingDirectories": [
-        {
-            "pattern": "./packages/*"
-        }
-    ]
+  "typescript.tsdk": ".yarn/sdks/typescript/lib",
+  "files.watcherExclude": {
+    "**/build": true,
+    "**/coverage": true,
+    "**/dist": true,
+    "docs": true
+  },
+  "search.exclude": {
+    "**/build": true,
+    "**/coverage": true,
+    "**/dist": true,
+    "**/lib": true,
+    "docs": true,
+    "site/docs": true,
+    "packages/docs-data/src/generated": true,
+    "**/.yarn": true,
+    "**/.pnp.*": true
+  },
+  "editor.insertSpaces": true,
+  "editor.tabSize": 4,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  },
+  "[scss]": {
+    "editor.tabSize": 2
+  },
+  "eslint.format.enable": false,
+  "eslint.workingDirectories": [
+    {
+      "pattern": "./packages/*"
+    }
+  ],
+  "eslint.nodePath": ".yarn/sdks",
+  "prettier.prettierPath": ".yarn/sdks/prettier/index.cjs",
+  "typescript.enablePromptUseWorkspaceTsdk": true
 }

.yarn/sdks/eslint/bin/eslint.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require eslint/bin/eslint.js
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real eslint/bin/eslint.js your application uses
+module.exports = absRequire(`eslint/bin/eslint.js`);

.yarn/sdks/eslint/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "eslint",
+  "version": "8.56.0-sdk",
+  "main": "./lib/api.js",
+  "type": "commonjs",
+  "bin": {
+    "eslint": "./bin/eslint.js"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": "./lib/api.js",
+    "./use-at-your-own-risk": "./lib/unsupported-api.js"
+  }
+}

.yarn/sdks/integrations.yml

@@ -0,0 +1,6 @@
+# This file is automatically generated by @yarnpkg/sdks.
+# Manual changes might be lost!
+
+integrations:
+  - vscode
+  - vim

.yarn/sdks/prettier/bin/prettier.cjs

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require prettier/bin/prettier.cjs
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real prettier/bin/prettier.cjs your application uses
+module.exports = absRequire(`prettier/bin/prettier.cjs`);

.yarn/sdks/prettier/index.cjs

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require prettier
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real prettier your application uses
+module.exports = absRequire(`prettier`);

.yarn/sdks/prettier/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "prettier",
+  "version": "3.2.5-sdk",
+  "main": "./index.cjs",
+  "type": "commonjs",
+  "bin": "./bin/prettier.cjs"
+}

.yarn/sdks/typescript/bin/tsc

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require typescript/bin/tsc
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real typescript/bin/tsc your application uses
+module.exports = absRequire(`typescript/bin/tsc`);