@keystonejs/fields

Fields

Keystone contains a set of primitive fields types that can be imported from the @keystonejs/fields package:

Field type	Description
CalendarDay	An abstract "day" value; useful for Birthdays and other all-day events always celebrated in the local time zone
Checkbox	A single Boolean value
DateTime	A point in time and a time zone offset
DateTimeUtc	Represents points in time, stored in UTC
Decimal	Exact, numeric values in base-10; useful for currency, etc.
File	Files backed various storage mediums: local filesystem, cloud based hosting, etc.
Float	An imprecise numeric value, stored as a floating point
Integer	A whole number
Password	A bcrypt hash of the value supplied; used by the Password auth strategy
Relationship	A link between the current list and others, often paired with a field on the other list
Select	One of several predefined string values, presented as a dropdown
Slug	Generate unique slugs (aka. keys, url segments) based on the item's data
Text	A basic but versatile text field of arbitrary length
Url	Extends the Text type to store HTTP URLs
Uuid	Universally Unique Identifiers (UUIDs); useful for id fields
Virtual	Read-only field with a developer-defined resolver, executed on read

In addition to these, some complex types are packaged separately:

Field type	Description
Content	Block-based content for composing rich text such as blog posts, wikis, and even complete pages
AuthedRelationship	Extendes the Relationship type; automatically set to the currently authenticated item during a create mutation
AutoIncrement	An automatically incrementing integer; the default type for id fields when using the Knex DB adapter
Markdown	Markdown content; based on the Text type and using the CodeMirror editor in the Admin UI
MongoId	Arbitrary Mongo ObjectId values; the default type for id fields when using the Mongoose DB adapter
Wysiwyg	Rich text content; based on the Text type and using the TinyMCE editor in the Admin UI
LocationGoogle	Data from the Google Maps API
Color	Hexidecimal RGBA color values; uses a color picker in the Admin UI
OEmbed	Data in the oEmbed format; allowing an embedded representation of a URL on third party sites
CloudinaryImage	Allows uploading images to the Cloudinary image hosting service
Unsplash	Meta data from the Unsplash API and generates URLs to dynamically transformed images

Tip: Need something else? Keystone lets you create custom field types to support almost any use case.

Usage

Fields definitions are provided when creating a list. Field definitions should be an object where the key is the field name and the value is an object containing the fields config:

const { Text } = require('@keystonejs/fields');

keystone.createList('Post', {
  fields: {
    title: { type: Text },
  },
});

Config

Fields share some standard configuration options.

Option	Type	Default	Description
type	FieldType	(required)
adminDoc	String	false	A description for the field used in the AdminUI.
schemaDoc	String	false	A description for the field used in the GraphQL schema.
defaultValue	Any | Function	undefined	A valid default value for the field type. Functions must return a valid value. Use undefined to set no default, and null to set an empty default.
isUnique	Boolean	false	Whether or not the field should be unique.
isRequired	Boolean	false	Whether or not the field should be mandatory.
access	Boolean | Function | Object	true	See: Access control options for fields.
label	String		Label for the field.
adminConfig	Object	{}	Additional config which can be used when customizing admin-ui

Note: Many field types have additional config options. See the documentation for individual field types for more detail.

type

A valid Keystone field type.

label

Sets the label for the field in the AdminUI

adminDoc

A description of the field used in the AdminUI.

schemaDoc

A description of the field used used in the GraphQL schema.

adminConfig

Additional field configs affecting field rendering or display in admin-ui.

adminConfig.isReadOnly

Fields with isReadOnly set to true will be disabled preventing users from modifying them in the Admin UI. This does not affect access control and fields can still be updated via GraphQL.

keystone.createList('Post', {
  fields: {
    title: { type: Text },
    slug: {
      type: Slug,
      adminConfig: {
        isReadOnly: true, //slug can be created automatically and you may want to show this as read only
      },
    },
  },
});

defaultValue

Sets the value when no data is provided.

keystone.createList('Post', {
  fields: {
    title: {
      type: Text,
      defaultValue: ({ context, originalInput }) => {
        /**/
      },
    },
    description: { type: Text, defaultValue: 'Lorem ipsum...' },
  },
});

For a 'nullable' field, set defaultValue: null.

The defaultValue can be a String or Function. Functions should returns the value, or a Promise for the value.

isUnique

Specifies whether the value should be unique or not. Will return an error is a user tries to create a field with a non-unique value.

isRequired

Specifies whether the field is required or not. Will return an error if mutations do not contain data.

access

Access control options for fields.

Options for create, read, update and delete - can be a function or Boolean. See the access control API documentation for more details.

Note: Field level access control does not accept graphQL where clauses.

cacheHint

HTTP cache hint for field.

Only static hints are supported for fields.

Native type aliases

Keystone allows the use of a few native JavaScript types for fields. They are converted to their Keystone field equivalents at runtime.

Native type	Field type equivalent
Boolean	Checkbox
Number	Float
String	Text

Usage

keystone.createList('Post', {
  fields: {
    title: {
      type: String,
    }
  }
}