chore(deps): lock file maintenance

design-system/packages/button/src/hooks/button.ts

@@ -14,9 +14,9 @@ export const buttonToneValues = [
 ] as const;
 export const buttonWeightValues = ['bold', 'light', 'none', 'link'] as const;
 
-export type SizeKey = typeof buttonSizeValues[number];
-export type ToneKey = typeof buttonToneValues[number];
-export type WeightKey = typeof buttonWeightValues[number];
+export type SizeKey = (typeof buttonSizeValues)[number];
+export type ToneKey = (typeof buttonToneValues)[number];
+export type WeightKey = (typeof buttonWeightValues)[number];
 
 export type ButtonPropDefaults = {
   size: SizeKey;

design-system/packages/core/src/components/Heading.tsx

@@ -8,7 +8,7 @@ import { useTheme } from '../theme';
 import { Box, BoxProps } from './Box';
 
 export const HeadingTypes = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const;
-type HeadingType = typeof HeadingTypes[number];
+type HeadingType = (typeof HeadingTypes)[number];
 
 type HeadingProps = {
   /** The type of heading. */

design-system/packages/loading/src/Loading.tsx

@@ -13,8 +13,8 @@ export const loadingToneValues = [
   'help',
 ] as const;
 
-export type SizeKey = typeof loadingSizeValues[number];
-export type ToneKey = typeof loadingToneValues[number];
+export type SizeKey = (typeof loadingSizeValues)[number];
+export type ToneKey = (typeof loadingToneValues)[number];
 
 // NOTE: a more accurate implementation might use `aria-busy="true|false"` on
 // the wrapping element, but it's difficult to abstract

design-system/packages/notice/src/hooks/notice.ts

@@ -9,7 +9,7 @@ export const noticeToneValues = [
   'help',
 ] as const;
 
-export type ToneKey = typeof noticeToneValues[number];
+export type ToneKey = (typeof noticeToneValues)[number];
 
 type NoticeTokensProps = {
   tone: ToneKey;

design-system/packages/options/src/index.tsx

@@ -75,7 +75,7 @@ export const CheckMark = ({
   );
 };
 
-export const OptionPrimitive: typeof reactSelectComponents['Option'] = ({
+export const OptionPrimitive: (typeof reactSelectComponents)['Option'] = ({
   children,
   isDisabled,
   isFocused,
@@ -120,7 +120,7 @@ export const OptionPrimitive: typeof reactSelectComponents['Option'] = ({
   );
 };
 
-const Control: typeof reactSelectComponents['Control'] = ({ selectProps, ...props }) => {
+const Control: (typeof reactSelectComponents)['Control'] = ({ selectProps, ...props }) => {
   return <reactSelectComponents.Control selectProps={selectProps} {...props} />;
 };
 

design-system/packages/segmented-control/src/hooks/segmentedControl.ts

@@ -10,7 +10,7 @@ export const widthMap = {
   full: '100%',
 };
 
-export type SizeKey = typeof segmentedControlSizeValues[number];
+export type SizeKey = (typeof segmentedControlSizeValues)[number];
 export type WidthKey = 'small' | 'medium' | 'large' | 'full';
 
 export type ControlTokensProps = {

docs/components/docs/DocumentEditorDemo.tsx

@@ -73,7 +73,7 @@ const documentFeaturesProp = fields.object({
 
 type DocumentFeaturesFormValue = Parameters<
   InferRenderersForComponentBlocks<
-    Record<'documentFeatures', ComponentBlock<typeof documentFeaturesProp['fields']>>
+    Record<'documentFeatures', ComponentBlock<(typeof documentFeaturesProp)['fields']>>
   >['documentFeatures']
 >[0];
 
@@ -171,7 +171,7 @@ function objToShorthand<
   Obj extends Record<string, undefined | true | readonly any[] | Record<string, any>>
 >(obj: Obj): Obj | true | undefined {
   const values = Object.values(obj);
-  let state: typeof values[number] = values[0]!;
+  let state: (typeof values)[number] = values[0]!;
   for (const val of values) {
     if (val !== state || (val !== undefined && val !== true)) {
       return obj;

docs/pages/docs/config/config.md

@@ -219,7 +219,7 @@ export default config({
     port: 3000,
     maxFileSize: 200 * 1024 * 1024,
     healthCheck: true,
-extendExpressApp: (app, commonContext) => { /* ... */ },
+    extendExpressApp: (app, commonContext) => { /* ... */ },
     extendHttpServer: (httpServer, commonContext, graphQLSchema) => { /* ... */ },
   },
   /* ... */
@@ -336,14 +336,14 @@ import { useServer as wsUseServer } from 'graphql-ws/lib/use/ws';
 
 export default config({
   server: {
-extendHttpServer: (httpServer, commonContext, graphqlSchema) => {
-		const wss = new WebSocketServer({
-			server: httpServer,
-			path: '/api/graphql',
-		});
-
-		wsUseServer({ schema: graphqlSchema }, wss);
-	},
+    extendHttpServer: (httpServer, commonContext, graphqlSchema) => {
+      const wss = new WebSocketServer({
+        server: httpServer,
+        path: '/api/graphql',
+      });
+
+      wsUseServer({ schema: graphqlSchema }, wss);
+    },
   },
 });
 ```
@@ -535,26 +535,6 @@ export default config({
 });
 ```
 
-## Experimental Options
-
-The following flags allow you to enable features which are still in preview.
-These features are not guaranteed to work, and should be used with caution.
-
-```typescript
-import { config } from '@keystone-6/core';
-
-export default config({
-  experimental: {
-    generateNextGraphqlAPI: true,
-  }
-  /* ... */
-});
-```
-
-Options:
-
-- `generateNextGraphqlAPI`: Creates a file at `node_modules/.keystone/next/graphql-api` with `default` and `config` exports that can be re-exported in a Next API route
-
 ## Related resources
 
 {% related-content %}

examples/nextjs-keystone/src/components/Header.tsx

@@ -9,27 +9,27 @@ export function Header() {
   const passwordRef = useRef<HTMLInputElement | null>(null);
 
   useEffect(() => {
-    getCurrentLoggedInUser()
-      .then(data => {
-        if (data?.authenticatedItem?.id) {
-          setUser(data.authenticatedItem);
+    (async function () {
+      try {
+        const user = await getCurrentLoggedInUser();
+        if (user?.authenticatedItem?.id) {
+          setUser(user.authenticatedItem);
         }
-      })
-      .finally(() => {
+      } finally {
         setLoading(false);
-      });
+      }
+    })();
   }, []);
 
-  const login = () => {
+  const login = async () => {
     if (emailRef.current && passwordRef.current) {
       const email = emailRef.current.value;
       const password = passwordRef.current.value;
 
-      authenticateUser({ email, password }).then(data => {
-        if (data?.authenticateUserWithPassword?.item?.id) {
-          window.location.reload();
-        }
-      });
+      const user = await authenticateUser({ email, password });
+      if (user?.authenticateUserWithPassword?.item?.id) {
+        window.location.reload();
+      }
     }
   };
 
@@ -67,7 +67,7 @@ export function Header() {
   );
 }
 
-function authenticateUser({ email, password }: { email: string; password: string }) {
+function authenticateUser({ email, password }: { email: string; password: string }): Promise<any> {
   const mutation = gql`
     mutation authenticate($email: String!, $password: String!) {
       authenticateUserWithPassword(email: $email, password: $password) {
@@ -101,7 +101,7 @@ function endUserSession() {
   return client.request(mutation);
 }
 
-function getCurrentLoggedInUser() {
+function getCurrentLoggedInUser(): Promise<any> {
   const query = gql`
     query authenticate {
       authenticatedItem {

examples/nextjs-keystone/src/pages/index.tsx

@@ -122,19 +122,21 @@ function ClientRenderedContent() {
 
   // Fetch users from REST api route
   useEffect(() => {
-    const query = gql`
-      {
-        users {
-          id
-          name
-          email
-        }
-      }
-    `;
-
-    client.request(query).then(data => {
-      setUsers(data.users);
-    });
+    client
+      .request(
+        gql`
+          {
+            users {
+              id
+              name
+              email
+            }
+          }
+        `
+      )
+      .then((data: any) => {
+        setUsers(data.users);
+      });
   }, []);
 
   return (

packages/auth/src/gql/getMagicAuthLinkSchema.ts

@@ -30,7 +30,7 @@ export function getMagicAuthLinkSchema<I extends string>({
   // TODO: type required by pnpm :(
 }): graphql.Extension {
   const RedeemItemMagicAuthTokenFailure = graphql.object<{
-    code: typeof errorCodes[number];
+    code: (typeof errorCodes)[number];
     message: string;
   }>()({
     name: gqlNames.RedeemItemMagicAuthTokenFailure,

packages/auth/src/gql/getPasswordResetSchema.ts

@@ -29,7 +29,7 @@ export function getPasswordResetSchema<I extends string, S extends string>({
   // TODO: return type required by pnpm :(
 }): graphql.Extension {
   const getResult = (name: string) =>
-    graphql.object<{ code: typeof errorCodes[number]; message: string }>()({
+    graphql.object<{ code: (typeof errorCodes)[number]; message: string }>()({
       name,
       fields: {
         code: graphql.field({ type: graphql.nonNull(PasswordResetRedemptionErrorCode) }),

packages/core/src/fields/types/multiselect/tests/test-fixtures.ts

@@ -1,6 +1,6 @@
 import { multiselect } from '..';
 
-type MatrixValue = typeof testMatrix[number];
+type MatrixValue = (typeof testMatrix)[number];
 
 export const name = 'multiselect';
 export const typeFunction = multiselect;

packages/core/src/fields/types/relationship/index.ts

@@ -137,7 +137,7 @@ export const relationship =
 
         const hideCreate = config.ui?.hideCreate ?? false;
         const refLabelField: typeof foreignFieldKey = foreignListMeta.labelField;
-        const refSearchFields: typeof foreignFieldKey[] = foreignListMeta.fields
+        const refSearchFields: (typeof foreignFieldKey)[] = foreignListMeta.fields
           .filter(x => x.search)
           .map(x => x.key);
 

packages/core/src/fields/types/relationship/views/cards/useItemState.tsx

@@ -98,7 +98,7 @@ export function useItemState({
     setItems: useCallback(
       (items: Items) => {
         setItemsState(state => {
-          let itemsForState: typeof state['items'] = {};
+          let itemsForState: (typeof state)['items'] = {};
           Object.keys(items).forEach(id => {
             if (items[id] === state.items[id]?.current) {
               itemsForState[id] = state.items[id];

packages/core/src/fields/types/select/tests/non-null/test-fixtures.ts

@@ -9,7 +9,7 @@ export {
   fieldName,
 } from '../test-fixtures';
 
-type MatrixValue = typeof testMatrix[number];
+type MatrixValue = (typeof testMatrix)[number];
 
 export const name = 'Select with isNullable: false';
 export const typeFunction = (config: any) =>

packages/core/src/fields/types/select/tests/test-fixtures.ts

@@ -1,6 +1,6 @@
 import { select } from '..';
 
-type MatrixValue = typeof testMatrix[number];
+type MatrixValue = (typeof testMatrix)[number];
 
 export const name = 'Select';
 export const typeFunction = select;

packages/core/src/scripts/tests/migrations.test.ts

@@ -34,7 +34,8 @@ async function getGeneratedMigration(
   const migrations: {
     migration_name: string;
     finished_at: string;
-  }[] = await prismaClient.$queryRaw`SELECT migration_name,finished_at FROM _prisma_migrations ORDER BY finished_at DESC`;
+  }[] =
+    await prismaClient.$queryRaw`SELECT migration_name,finished_at FROM _prisma_migrations ORDER BY finished_at DESC`;
   await prismaClient.$disconnect();
   expect(migrations).toHaveLength(expectedNumberOfMigrations);
   expect(migrations.every(x => !!x.finished_at)).toBeTruthy();

packages/fields-document/src/DocumentEditor/component-blocks/preview-props.tsx

@@ -128,7 +128,7 @@ export function createGetPreviewProps<Schema extends ComponentSchema, ChildField
     [Kind in ComponentSchema['kind']]: (
       schema: Extract<ComponentSchema, { kind: Kind }>,
       value: ValueForComponentSchema<Extract<ComponentSchema, { kind: Kind }>>,
-      memoized: ReturnType<typeof memoizedInfoForSchema[Kind]>,
+      memoized: ReturnType<(typeof memoizedInfoForSchema)[Kind]>,
       path: readonly string[],
       getInnerProp: <Field extends ComponentSchema>(
         schema: Field,
@@ -363,7 +363,7 @@ export function createGetPreviewProps<Schema extends ComponentSchema, ChildField
     props: GenericPreviewProps<Schema, ChildFieldElement>;
     value: unknown;
     schema: Schema;
-    cached: ReturnType<typeof memoizedInfoForSchema[Schema['kind']]>;
+    cached: ReturnType<(typeof memoizedInfoForSchema)[Schema['kind']]>;
     inner: Map<string, MemoState<ComponentSchema>>;
   };