Move defaults to initConfig (#9027)

Author: dcousens

.changeset/add-number-id.md

@@ -0,0 +1,5 @@
+----
+'@keystone-6/core': patch
+----
+
+Use `idField` type of `{ kind: 'number', kind: 'Int' | 'BigInt' }` internally for singletons

design-system/packages/toast/src/Toast.tsx

@@ -15,7 +15,7 @@ import { type ToastProps, type ToastPropsExact } from './types'
 // Provider
 // ------------------------------
 
-export const ToastProvider = ({ children }: { children: ReactNode }) => {
+export function ToastProvider ({ children }: { children: ReactNode }) {
   const [toastStack, setToastStack] = useState<ToastPropsExact[]>([])
 
   const context = useMemo(

design-system/website/pages/components/button.tsx

@@ -5,16 +5,16 @@ import { jsx, Stack } from '@keystone-ui/core'
 import { Button, buttonToneValues, type ToneKey, buttonWeightValues } from '@keystone-ui/button'
 
 import { Page } from '../../components/Page'
-import { toLabel } from '../../utils'
+import { capitalise } from '../../utils'
 
-const Variants = ({ tone }: { tone: ToneKey }) => {
-  const toneLabel = toLabel(tone)
+function Variants ({ tone }: { tone: ToneKey }) {
+  const toneLabel = capitalise(tone)
   return (
     <div>
       <h3>{toneLabel} Tone</h3>
       <Stack across gap="medium" align="center">
         {buttonWeightValues.map(weight => {
-          const weightLabel = toLabel(weight)
+          const weightLabel = capitalise(weight)
           return (
             <Button tone={tone} weight={weight} key={weight}>
               {toneLabel} {weightLabel}

design-system/website/pages/components/loading.tsx

@@ -6,7 +6,7 @@ import { jsx, Box, Stack } from '@keystone-ui/core'
 import { LoadingDots, loadingToneValues } from '@keystone-ui/loading'
 
 import { Page } from '../../components/Page'
-import { toLabel } from '../../utils'
+import { capitalise } from '../../utils'
 
 export default function LoadingPage () {
   return (
@@ -19,19 +19,19 @@ export default function LoadingPage () {
           <h3>{tone}</h3>
           <Stack across gap="large">
             <LoadingDots
-              label={`${toLabel(tone)} is loading`}
+              label={`${capitalise(tone)} is loading`}
               key={tone}
               tone={tone}
               size="large"
             />
             <LoadingDots
-              label={`${toLabel(tone)} is loading`}
+              label={`${capitalise(tone)} is loading`}
               key={tone}
               tone={tone}
               size="medium"
             />
             <LoadingDots
-              label={`${toLabel(tone)} is loading`}
+              label={`${capitalise(tone)} is loading`}
               key={tone}
               tone={tone}
               size="small"

design-system/website/pages/components/notice.tsx

@@ -5,7 +5,7 @@ import { jsx } from '@keystone-ui/core'
 import { Notice, noticeToneValues } from '@keystone-ui/notice'
 
 import { Page } from '../../components/Page'
-import { toLabel, aAn } from '../../utils'
+import { capitalise, aAn } from '../../utils'
 
 export default function ButtonPage () {
   const actions = {
@@ -20,7 +20,7 @@ export default function ButtonPage () {
       <div css={{ maxWidth: 860 }}>
         {noticeToneValues.map(tone => (
           <Notice
-            title={toLabel(tone)}
+            title={capitalise(tone)}
             key={tone}
             tone={tone}
             css={{ marginBottom: 20 }}

design-system/website/pages/components/toast.tsx

@@ -6,6 +6,7 @@ import { jsx, Stack } from '@keystone-ui/core'
 import { useToasts } from '@keystone-ui/toast'
 
 import { Page } from '../../components/Page'
+import { capitalise } from '../../utils'
 
 export default function OptionsPage () {
   const { addToast } = useToasts()
@@ -16,7 +17,7 @@ export default function OptionsPage () {
           return (
             <Button
               onClick={() => {
-                addToast({ title: `${titleCase(tone)} toast`, tone })
+                addToast({ title: `${capitalise(tone)} toast`, tone })
               }}
             >
               Add {tone} toast
@@ -39,7 +40,3 @@ export default function OptionsPage () {
     </Page>
   )
 }
-
-function titleCase (str: string) {
-  return str.slice(0, 1).toUpperCase() + str.slice(1)
-}

design-system/website/utils.ts

@@ -1,4 +1,8 @@
-export const toLabel = (str: string) => str.slice(0, 1).toUpperCase() + str.slice(1)
+export function capitalise (s: string) {
+  return s.charAt(0).toUpperCase() + s.slice(1)
+}
 
 const VOWELS = ['a', 'e', 'i', 'o', 'u']
-export const aAn = (before: string) => `a${VOWELS.includes(before.charAt(0)) ? 'n' : ''}`
+export function aAn (before: string) {
+  return `a${VOWELS.includes(before.charAt(0)) ? 'n' : ''}`
+}

examples/custom-id/schema.graphql

@@ -176,6 +176,8 @@ type Order {
   id: ID!
   description: String
   assignedTo: Person
+  options(where: OptionWhereInput! = {}, orderBy: [OptionOrderByInput!]! = [], take: Int, skip: Int! = 0, cursor: OptionWhereUniqueInput): [Option!]
+  optionsCount(where: OptionWhereInput! = {}): Int
   orderedAt: DateTime
 }
 
@@ -190,9 +192,16 @@ input OrderWhereInput {
   id: IDFilter
   description: StringFilter
   assignedTo: PersonWhereInput
+  options: OptionManyRelationFilter
   orderedAt: DateTimeNullableFilter
 }
 
+input OptionManyRelationFilter {
+  every: OptionWhereInput
+  some: OptionWhereInput
+  none: OptionWhereInput
+}
+
 input OrderOrderByInput {
   id: OrderDirection
   description: OrderDirection
@@ -202,9 +211,17 @@ input OrderOrderByInput {
 input OrderUpdateInput {
   description: String
   assignedTo: PersonRelateToOneForUpdateInput
+  options: OptionRelateToManyForUpdateInput
   orderedAt: DateTime
 }
 
+input OptionRelateToManyForUpdateInput {
+  disconnect: [OptionWhereUniqueInput!]
+  set: [OptionWhereUniqueInput!]
+  create: [OptionCreateInput!]
+  connect: [OptionWhereUniqueInput!]
+}
+
 input OrderUpdateArgs {
   where: OrderWhereUniqueInput!
   data: OrderUpdateInput!
@@ -213,9 +230,50 @@ input OrderUpdateArgs {
 input OrderCreateInput {
   description: String
   assignedTo: PersonRelateToOneForCreateInput
+  options: OptionRelateToManyForCreateInput
   orderedAt: DateTime
 }
 
+input OptionRelateToManyForCreateInput {
+  create: [OptionCreateInput!]
+  connect: [OptionWhereUniqueInput!]
+}
+
+type Option {
+  id: ID!
+  description: String
+}
+
+input OptionWhereUniqueInput {
+  id: ID
+}
+
+input OptionWhereInput {
+  AND: [OptionWhereInput!]
+  OR: [OptionWhereInput!]
+  NOT: [OptionWhereInput!]
+  id: IDFilter
+  description: StringFilter
+}
+
+input OptionOrderByInput {
+  id: OrderDirection
+  description: OrderDirection
+}
+
+input OptionUpdateInput {
+  description: String
+}
+
+input OptionUpdateArgs {
+  where: OptionWhereUniqueInput!
+  data: OptionUpdateInput!
+}
+
+input OptionCreateInput {
+  description: String
+}
+
 """
 The `JSON` scalar type represents JSON values as specified by [ECMA-404](http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf).
 """
@@ -240,6 +298,12 @@ type Mutation {
   updateOrders(data: [OrderUpdateArgs!]!): [Order]
   deleteOrder(where: OrderWhereUniqueInput!): Order
   deleteOrders(where: [OrderWhereUniqueInput!]!): [Order]
+  createOption(data: OptionCreateInput!): Option
+  createOptions(data: [OptionCreateInput!]!): [Option]
+  updateOption(where: OptionWhereUniqueInput!, data: OptionUpdateInput!): Option
+  updateOptions(data: [OptionUpdateArgs!]!): [Option]
+  deleteOption(where: OptionWhereUniqueInput!): Option
+  deleteOptions(where: [OptionWhereUniqueInput!]!): [Option]
 }
 
 type Query {
@@ -252,6 +316,9 @@ type Query {
   orders(where: OrderWhereInput! = {}, orderBy: [OrderOrderByInput!]! = [], take: Int, skip: Int! = 0, cursor: OrderWhereUniqueInput): [Order!]
   order(where: OrderWhereUniqueInput!): Order
   ordersCount(where: OrderWhereInput! = {}): Int
+  options(where: OptionWhereInput! = {}, orderBy: [OptionOrderByInput!]! = [], take: Int, skip: Int! = 0, cursor: OptionWhereUniqueInput): [Option!]
+  option(where: OptionWhereUniqueInput!): Option
+  optionsCount(where: OptionWhereInput! = {}): Int
   keystone: KeystoneMeta!
 }
 

examples/custom-id/schema.prisma

@@ -34,7 +34,14 @@ model Order {
   description  String    @default("")
   assignedTo   Person?   @relation("Order_assignedTo", fields: [assignedToId], references: [id])
   assignedToId String?   @map("assignedTo")
+  options      Option[]  @relation("Order_options")
   orderedAt    DateTime?
 
   @@index([assignedToId])
 }
+
+model Option {
+  id                 Int     @id
+  description        String  @default("")
+  from_Order_options Order[] @relation("Order_options")
+}

examples/custom-id/schema.ts

@@ -38,6 +38,7 @@ export const lists = {
     fields: {
       description: text({ validation: { isRequired: true } }),
       assignedTo: relationship({ ref: 'Person', many: false }),
+      options: relationship({ ref: 'Option', many: true }),
       orderedAt: timestamp(),
     },
     hooks: {
@@ -48,4 +49,20 @@ export const lists = {
       },
     },
   }),
+  Option: list({
+    access: allowAll,
+    db: {
+      idField: { kind: 'number', type: 'Int' },
+    },
+    fields: {
+      description: text({ validation: { isRequired: true } }),
+    },
+    hooks: {
+      resolveInput: {
+        create: async ({ listKey, operation, resolvedData }) => {
+          return { ...resolvedData, id: 3 }
+        },
+      },
+    },
+  }),
 } satisfies Lists