deps: bump react to 18.x and Next.js to 15.x (#35)

* feat(global): bump react to 18.x to in non-arch packages

* feat(app-next)!: move Next.js to peer dependencies to peerDependencies

* feat(global)!: rescope @arch-ui under @open-arch-ui scope

* feat(global): sync arch packages versions

* feat(global): bump react to 18.x to in arch packages

* test(global): fix cypress run after async renders

Author: SavelevMatthew

docs/tutorials/custom-fields.md

@@ -125,13 +125,13 @@ export default function StarsCell({ field, data }) {
 
 ## Field
 
-The field component provides the main interface used when creating or editing list items in Keystone. To get a consistent look, we're going to import some wrapping components from `@arch-ui/fields`, that's Keystone's UI library. This will render the labels and provided consistent spacing. Other than this we simply delegate the `onChange` event to the `Stars` so that values can be updated when a user clicks on the stars.
+The field component provides the main interface used when creating or editing list items in Keystone. To get a consistent look, we're going to import some wrapping components from `@open-arch-ui/fields`, that's Keystone's UI library. This will render the labels and provided consistent spacing. Other than this we simply delegate the `onChange` event to the `Stars` so that values can be updated when a user clicks on the stars.
 
 ```jsx
 /** @jsx jsx */
 
 import { jsx } from '@emotion/core';
-import { FieldContainer, FieldLabel, FieldInput } from '@arch-ui/fields';
+import { FieldContainer, FieldLabel, FieldInput } from '@open-arch-ui/fields';
 import Stars from './Stars';
 
 const StarsField = ({ field, value, errors, onChange }) => (

examples/blog/admin/pages/about.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { Container } from '@arch-ui/layout';
-import { Title } from '@arch-ui/typography';
+import { Container } from '@open-arch-ui/layout';
+import { Title } from '@open-arch-ui/typography';
 
 const About = () => (
   <Container>

examples/blog/admin/pages/dashboard.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { Container } from '@arch-ui/layout';
-import { Title } from '@arch-ui/typography';
+import { Container } from '@open-arch-ui/layout';
+import { Title } from '@open-arch-ui/typography';
 
 const Dashboard = () => (
   <Container>

examples/blog/package.json

@@ -15,10 +15,10 @@
   },
   "dependencies": {
     "@apollo/client": "^3.11.8",
-    "@arch-ui/layout": "^0.2.17",
-    "@arch-ui/typography": "^0.0.21",
     "@emotion/core": "^10.1.1",
     "@emotion/styled": "^10.0.27",
+    "@open-arch-ui/layout": "workspace:^",
+    "@open-arch-ui/typography": "workspace:^",
     "@open-keystone/adapter-mongoose": "workspace:^",
     "@open-keystone/app-admin-ui": "workspace:^",
     "@open-keystone/app-graphql": "workspace:^",
@@ -41,9 +41,9 @@
     "express": "^4.17.1",
     "graphql": "^16.10.0",
     "isomorphic-unfetch": "^3.1.0",
-    "next": "10.2.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "next": "15.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "repository": "https://github.com/keystonejs/keystone-5/tree/main/examples/blog"
 }

examples/custom-fields/fields/MultiCheck/views/Field.js

@@ -2,11 +2,11 @@
 
 import { jsx } from '@emotion/core';
 import { useState, useEffect } from 'react';
-import { FieldContainer, FieldDescription } from '@arch-ui/fields';
+import { FieldContainer, FieldDescription } from '@open-arch-ui/fields';
 import { Checkbox } from './MultiCheck';
 import { ShieldIcon } from '@primer/octicons-react';
-import { Lozenge } from '@arch-ui/lozenge';
-import { colors, gridSize } from '@arch-ui/theme';
+import { Lozenge } from '@open-arch-ui/lozenge';
+import { colors, gridSize } from '@open-arch-ui/theme';
 
 const MultiCheckField = ({ onChange, autoFocus, field, value, errors }) => {
   const initialState = value ? value : field.config.defaultValue;

examples/custom-fields/fields/MultiCheck/views/MultiCheck.js

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 
 import { jsx } from '@emotion/core';
-import { FieldInput } from '@arch-ui/fields';
-import { CheckboxPrimitive } from '@arch-ui/controls';
+import { FieldInput } from '@open-arch-ui/fields';
+import { CheckboxPrimitive } from '@open-arch-ui/controls';
 
 export const Checkbox = ({ label, value, onChange }) => {
   const checked = value || false;

examples/custom-fields/fields/Stars/views/Field.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 
 import { jsx } from '@emotion/core';
-import { FieldContainer, FieldLabel, FieldInput } from '@arch-ui/fields';
+import { FieldContainer, FieldLabel, FieldInput } from '@open-arch-ui/fields';
 import Stars from './Stars';
 
 const StarsField = ({ field, value, errors, onChange }) => (

examples/custom-fields/package.json

@@ -14,11 +14,11 @@
     "start": "cross-env NODE_ENV=production keystone start"
   },
   "dependencies": {
-    "@arch-ui/controls": "^0.1.12",
-    "@arch-ui/fields": "^3.0.8",
-    "@arch-ui/lozenge": "^0.0.20",
-    "@arch-ui/theme": "^0.0.14",
     "@emotion/core": "^10.1.1",
+    "@open-arch-ui/controls": "workspace:^",
+    "@open-arch-ui/fields": "workspace:^",
+    "@open-arch-ui/lozenge": "workspace:^",
+    "@open-arch-ui/theme": "workspace:^",
     "@open-keystone/adapter-mongoose": "workspace:^",
     "@open-keystone/app-admin-ui": "workspace:^",
     "@open-keystone/app-graphql": "workspace:^",
@@ -27,7 +27,7 @@
     "@open-keystone/keystone": "workspace:^",
     "@primer/octicons-react": "^11.3.0",
     "cross-env": "^7.0.3",
-    "react": "^17.0.2"
+    "react": "^18.3.1"
   },
   "repository": "https://github.com/keystonejs/keystone-5/tree/main/examples/custom-fields"
 }

examples/meetup/package.json

@@ -40,10 +40,10 @@
     "graphql": "^16.10.0",
     "isomorphic-unfetch": "^3.1.0",
     "lodash.uniqby": "^4.7.0",
-    "next": "10.2.3",
+    "next": "15.4.1",
     "prop-types": "^15.7.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-toast-notifications": "^2.4.4",
     "react-use-form-state": "^0.13.2",
     "uuid": "^8.3.2"

packages/apollo-helpers/package.json

@@ -14,7 +14,7 @@
     "@apollo/client": "^3.11.8",
     "@babel/runtime": "^7.14.6",
     "@jesstelford/apollo-cache-invalidation": "^0.0.3-gh3-gh5",
-    "@types/react": "^17.0.11",
+    "@types/react": "^18.3.1",
     "apollo-cache": "^1.3.5",
     "apollo-link": "^1.2.14",
     "apollo-utilities": "^1.3.4",
@@ -25,10 +25,10 @@
     "react-adopt": "^0.6.0"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^18.3.1"
   },
   "devDependencies": {
-    "react": "^17.0.2"
+    "react": "^18.3.1"
   },
   "main": "dist/apollo-helpers.cjs.js",
   "module": "dist/apollo-helpers.esm.js",