chore(release): v1.0.5

This reverts commit bc9de859c4.

.eslintrc.js

@@ -21,6 +21,27 @@ module.exports = {
     },
   },
   overrides: [
+    {
+      files: ['test/**/int.spec.ts'],
+      rules: {
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/consistent-type-imports': 'warn',
+        'jest/prefer-strict-equal': 'off',
+      }
+    },
+    {
+      files: ['test/**/e2e.spec.ts'],
+      extends: [
+        'plugin:playwright/playwright-test'
+      ],
+      rules: {
+        'jest/consistent-test-it': 'off',
+        'jest/require-top-level-describe': 'off',
+        'jest/no-test-callback': 'off',
+        'jest/prefer-strict-equal': 'off',
+        'jest/expect-expect': 'off',
+      }
+    },
     {
       files: ['*.ts', '*.tsx'],
       parser: '@typescript-eslint/parser',
@@ -28,8 +49,8 @@ module.exports = {
         'plugin:@typescript-eslint/recommended',
       ],
       rules: {
-        "no-shadow": "off",
-        "@typescript-eslint/no-shadow": ["error"],
+        'no-shadow': 'off',
+        '@typescript-eslint/no-shadow': ['error'],
         'import/no-unresolved': [
           2,
           {
@@ -38,17 +59,35 @@ module.exports = {
             ],
           },
         ],
-      }
+      },
+    },
+    {
+      files: ['*.spec.ts'],
+      rules: {
+        '@typescript-eslint/no-use-before-define': 'off',
+      },
+    },
+    {
+      files: ['*.e2e.ts'],
+      rules: {
+        '@typescript-eslint/no-use-before-define': 'off',
+        'jest/expect-expect': 'off',
+      },
     },
   ],
   rules: {
-    "import/no-extraneous-dependencies": ["error", { "packageDir": "./" }],
+    'import/no-extraneous-dependencies': ['error', { packageDir: './' }],
     'react/jsx-filename-extension': [2, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
     'import/prefer-default-export': 'off',
     'react/prop-types': 'off',
     'react/require-default-props': 'off',
     'react/no-unused-prop-types': 'off',
+    'no-console': 'warn',
+    'no-sparse-arrays': 'off',
     'no-underscore-dangle': 'off',
+    'no-use-before-define': 'off',
+    'arrow-body-style': 0,
+    '@typescript-eslint/no-use-before-define': 'off',
     'import/extensions': [
       'error',
       'ignorePackages',

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,8 @@
 blank_issues_enabled: false
 contact_links:
+  - name: Security Vulnerability
+    url: https://github.com/payloadcms/payload/blob/master/SECURITY.md
+    about: See instructions to privately disclose any security concerns
   - name: Feature Request
     url: https://github.com/payloadcms/payload/discussions
     about: Suggest an idea to improve Payload in our GitHub Discussions

.github/workflows/tests.yml

@@ -3,11 +3,11 @@ name: build
 on: [push]
 
 jobs:
-  build:
+  build_yarn:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [10.x, 12.x, 14.x, 15.x]
+        node-version: [14.x, 16.x, 18.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -31,7 +31,49 @@ jobs:
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
     - run: yarn build
-    - run: yarn test:client
-    - run: yarn test:int # In-memory db + api tests
+
+    - name: Component Tests
+      run: yarn test:components
+    - name: Integration Tests
+      run: yarn test:int
+
+    - name: Generate Payload Types
+      run: yarn dev:generate-types fields
+
+    # - name: Install Playwright Browsers
+    #   run: npx playwright install --with-deps
+    # - name: E2E Tests
+    #   run: yarn test:e2e
+    # - uses: actions/upload-artifact@v2
+    #   if: always()
+    #   with:
+    #     name: playwright-report
+    #     path: playwright-report/
+    #     retention-days: 30
+  install_npm:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+        registry-url: https://registry.npmjs.org
+        scope: '@payloadcms'
+        always-auth: true
+    - name: Cache node modules
+      uses: actions/cache@v1
+      with:
+        path: ~/.npm
+        key: ${{ runner.os }}-node-npm-${{ hashFiles('**/package-lock.json') }}
+        restore-keys: |
+          ${{ runner.os }}-npm-${{ env.cache-name }}-
+          ${{ runner.os }}-npm-
+          ${{ runner.os }}-
+    - run: npm install --legacy-peer-deps
       env:
-        CI: true
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -86,6 +86,15 @@ typings/
 # Yarn Integrity file
 .yarn-integrity
 
+# Yarn Berry
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+.pnp.*
+
 # dotenv environment variables file
 .env
 
@@ -228,3 +237,7 @@ build
 # Ignore built components
 components/index.js
 components/styles.css
+
+# Ignore generated
+demo/generated-types.ts
+demo/generated-schema.graphql

.release-it.beta.json

@@ -0,0 +1,25 @@
+{
+  "preReleaseId": "beta",
+  "git": {
+    "requireCleanWorkingDir": false,
+    "commit": false,
+    "push": false,
+    "tag": false
+  },
+  "github": {
+    "release": false
+  },
+  "npm": {
+    "skipChecks": true,
+    "tag": "beta"
+  },
+  "hooks": {
+    "before:init": ["yarn", "yarn clean", "yarn test"]
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "angular",
+      "infile": "CHANGELOG.md"
+    }
+  }
+}

.vscode/launch.json

@@ -18,6 +18,7 @@
       },
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
       "port": 9229,
       "skipFiles": [
         "<node_internals>/**"
@@ -28,42 +29,18 @@
       "request": "launch",
       "name": "Launch Program",
       "env": {
-        "PAYLOAD_CONFIG_PATH": "demo/payload.config.ts",
         "BABEL_ENV": "development"
       },
-      "program": "${workspaceFolder}/demo/index.js",
+      "program": "${workspaceFolder}/test/dev.js",
       "skipFiles": [
         "<node_internals>/**"
       ],
-      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
       "runtimeArgs": [
         "--nolazy"
       ],
+      "args": [
+        "fields"
+      ]
     },
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "Launch Program - Production",
-      "env": {
-        "PAYLOAD_CONFIG_PATH": "demo/payload.config.ts",
-        "NODE_ENV": "production",
-        "BABEL_ENV": "development"
-      },
-      "program": "${workspaceFolder}/demo/index.js",
-      "skipFiles": [
-        "<node_internals>/**"
-      ],
-      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
-      "runtimeArgs": [
-        "--nolazy"
-      ],
-    },
-    {
-      "type": "chrome",
-      "request": "launch",
-      "name": "Launch Chrome against Localhost",
-      "url": "http://localhost:3000/admin",
-      "webRoot": "${workspaceFolder}"
-    }
   ]
 }

README.md

@@ -1,15 +1,19 @@
 <h1 align="center">Payload</h1>
-<p align="center">A self-hosted, JavaScript headless CMS & application framework built with Express, MongoDB and React.</p>
+<p align="center">A free and open-source TypeScript headless CMS & application framework built with Express, MongoDB and React.</p>
 <p align="center">
   <a href="https://github.com/payloadcms/payload/actions">
-    <img src="https://github.com/payloadcms/payload/workflows/build/badge.svg">
+    <img src="https://github.com/payloadcms/payload/workflows/build/badge.svg" />
   </a>
   <a href="https://www.npmjs.com/package/payload">
-    <img alt="npm" src="https://img.shields.io/npm/v/payload">
+    <img alt="npm" src="https://img.shields.io/npm/v/payload" />
   </a>
 
   <a href="https://twitter.com/intent/tweet?text=Payload%20-%20A%20self-hosted%2C%20headless%20JavaScript%20CMS%20%26%20application%20framework&url=https%3A%2F%2Fgithub.com%2Fpayloadcms%2Fpayload">
-  <img alt="Tweet Payload" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social">
+  <img alt="Tweet Payload" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social" />
+  </a>
+
+  <a href="https://discord.com/invite/r6sCXqVk3v">
+    <img alt="Discord" src="https://img.shields.io/discord/967097582721572934?label=Discord" />
   </a>
 </p>
 
@@ -17,25 +21,15 @@
   <img src="https://payloadcms.com/images/og-image.jpg" alt="Payload headless CMS Admin panel built with React" />
 </a>
 
-### Quick Start
-
-```
-npx create-payload-app
-```
-
-Alternatively, it only takes about five minutes to [create an app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
-
-### Documentation
-
-Check out the [Payload website](https://payloadcms.com/docs/getting-started/what-is-payload) to find in-depth documentation for everything that Payload offers.
-
 ### Features
 
+- Completely free and open-source
 - [GraphQL](https://payloadcms.com/docs/graphql/overview), [REST](https://payloadcms.com/docs/rest-api/overview), and [Local](https://payloadcms.com/docs/local-api/overview) APIs
 - [Easily customizable ReactJS Admin](https://payloadcms.com/docs/admin/overview)
 - [Fully self-hosted](https://payloadcms.com/docs/production/deployment)
 - [Extensible Authentication](https://payloadcms.com/docs/authentication/overview)
 - [Local file storage & upload](https://payloadcms.com/docs/upload/overview)
+- [Version History and Drafts](https://payloadcms.com/docs/versions/overview)
 - [Field-based Localization](https://payloadcms.com/docs/configuration/localization)
 - [Block-based Layout Builder](https://payloadcms.com/docs/fields/blocks)
 - [Extensible SlateJS rich text editor](https://payloadcms.com/docs/fields/rich-text)
@@ -49,18 +43,14 @@ Check out the [Payload website](https://payloadcms.com/docs/getting-started/what
 
 ### Code-first
 
-If you know JavaScript, you know Payload. Payload is a _code-first_ CMS, which allows us to do a lot of things right:
+Payload is a CMS that has been designed for developers from the ground up to deliver them what they need to build great digital products. If you know JavaScript, you know Payload. It's a _code-first_ CMS, which allows us to do a lot of things right:
 
 - Payload gives you everything you need, but then steps back and lets you build what you want in JavaScript or TypeScript - with no unnecessary complexity brought by GUIs. You'll understand how your CMS works, because you will have written it exactly how you want it.
 - Bring your own Express server and do whatever you need on top of Payload. Payload doesn't impose anything on you or your app.
 - Completely control the Admin panel by using your own React components. Swap out fields or even entire views with ease.
 - Use your data however and wherever you need thanks to auto-generated, yet fully extensible REST, GraphQL and Local Node APIs.
 
-### Free forever for personal use and small projects
-
-Payload is 100% free for personal projects or small use cases where only one admin user is required. You can also get started without an account whatsoever while running on `localhost`.
-
-## Installation
+### Quick Start
 
 Before beginning to work with Payload, make sure you have all of the [required software](https://payloadcms.com/docs/getting-started/installation).
 
@@ -70,8 +60,18 @@ From there, the easiest way to get started with Payload is to use the `create-pa
 npx create-payload-app
 ```
 
-Alternatively, it only takes about five minutes to [write out your own app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
+Alternatively, it only takes about five minutes to [create an app from scratch](https://payloadcms.com/docs/getting-started/installation#from-scratch).
 
-## License
+### Documentation
 
-Find the Payload license [here](https://github.com/payloadcms/payload/blob/master/license.md).
+Check out the [Payload website](https://payloadcms.com/docs/getting-started/what-is-payload) to find in-depth documentation for everything that Payload offers.
+
+### Other Resources
+
+##### Discussions
+
+There are lots of good conversations and resources in our [GitHub Discussions board](https://github.com/payloadcms/payload/discussions). If you're struggling with something, chances are, someone's already solved what you're up against. Searching Discussions will often provide very helpful tips and tricks.
+
+##### Discord
+
+Join [Payload's Discord channel](https://discord.com/invite/r6sCXqVk3v) to interact with Payload developers in realtime.

SECURITY.md

@@ -0,0 +1,5 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+Please report any security issues or concerns to [info@payloadcms.com](mailto:info@payloadcms.com).

babel.js

@@ -0,0 +1,3 @@
+const babelConfig = require('./dist/babel.config');
+
+exports.config = babelConfig;

components/elements.ts

@@ -0,0 +1,5 @@
+export { default as Button } from '../dist/admin/components/elements/Button';
+export { default as Card } from '../dist/admin/components/elements/Card';
+export { default as Eyebrow } from '../dist/admin/components/elements/Eyebrow';
+export { default as Nav } from '../dist/admin/components/elements/Nav';
+export { default as Gutter } from '../dist/admin/components/elements/Gutter';

components/fields/Array.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props, RenderArrayProps } from '../../dist/admin/components/forms/field-types/Array/types';

components/fields/Blocks.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props, RenderBlockProps } from '../../dist/admin/components/forms/field-types/Blocks/types';

components/fields/Cell.ts

@@ -0,0 +1 @@
+export { Props } from '../../dist/admin/components/views/collections/List/Cell/types';

components/fields/Checkbox.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Checkbox/types';

components/fields/Code.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Code/types';

components/fields/DateTime.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/DateTime/types';

components/fields/Email.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Email/types';

components/fields/Group.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Group/types';

components/fields/Number.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Number/types';

components/fields/Password.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Password/types';

components/fields/RadioGroup/RadioInput.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../../dist/admin/components/forms/field-types/RadioGroup/RadioInput/types';

components/fields/RadioGroup/index.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../../dist/admin/components/forms/field-types/RadioGroup/types';

components/fields/Relationship.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props, Option, ValueWithRelation } from '../../dist/admin/components/forms/field-types/Relationship/types';

components/fields/RichText.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/RichText/types';

components/fields/Row.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Row/types';

components/fields/Select.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props, Option } from '../../dist/admin/components/forms/field-types/Select/types';

components/fields/Text.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Text/types';

components/fields/Textarea.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Textarea/types';

components/fields/Upload.ts

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/forms/field-types/Upload/types';

components/forms.ts

@@ -6,14 +6,23 @@ export {
   useFormModified,
 } from '../dist/admin/components/forms/Form/context';
 
-export { default as useFieldType } from '../dist/admin/components/forms/useFieldType';
+export { default as useField } from '../dist/admin/components/forms/useField';
+export { default as useFieldType } from '../dist/admin/components/forms/useField';
 
 export { default as Form } from '../dist/admin/components/forms/Form';
 
 export { default as Text } from '../dist/admin/components/forms/field-types/Text';
+export { default as TextInput } from '../dist/admin/components/forms/field-types/Text/Input';
+
 export { default as Group } from '../dist/admin/components/forms/field-types/Group';
+
 export { default as Select } from '../dist/admin/components/forms/field-types/Select';
+export { default as SelectInput } from '../dist/admin/components/forms/field-types/Select/Input';
+
 export { default as Checkbox } from '../dist/admin/components/forms/field-types/Checkbox';
 export { default as Submit } from '../dist/admin/components/forms/Submit';
+export { default as Label } from '../dist/admin/components/forms/Label';
 
 export { default as reduceFieldsToValues } from '../dist/admin/components/forms/Form/reduceFieldsToValues';
+
+export { default as withCondition } from '../dist/admin/components/forms/withCondition';

components/hooks.ts

@@ -0,0 +1 @@
+export { useStepNav } from '../dist/admin/components/elements/StepNav';

components/icons.ts

@@ -0,0 +1,2 @@
+export { default as Chevron } from '../src/admin/components/icons/Chevron';
+export { default as X } from '../src/admin/components/icons/X';

components/index.d.ts

@@ -0,0 +1 @@
+export * from '../dist/admin/components';

components/preferences.ts

@@ -0,0 +1 @@
+export { usePreferences } from '../dist/admin/components/utilities/Preferences';

components/templates.ts

@@ -0,0 +1,2 @@
+export { default as DefaultTemplate } from '../dist/admin/components/templates/Default';
+export { default as MinimalTemplate } from '../dist/admin/components/templates/Minimal';

components/utilities.ts

@@ -0,0 +1,5 @@
+export { default as Meta } from '../dist/admin/components/utilities/Meta';
+export { useLocale } from '../dist/admin/components/utilities/Locale';
+export { useDocumentInfo } from '../dist/admin/components/utilities/DocumentInfo';
+export { useConfig } from '../dist/admin/components/utilities/Config';
+export { useAuth } from '../dist/admin/components/utilities/Auth';

components/views.js

@@ -1,2 +0,0 @@
-export { default as Edit } from '../dist/admin/components/views/collections/Edit/Default';
-export { default as List } from '../dist/admin/components/views/collections/List/Default';

components/views/Cell.ts

@@ -0,0 +1,3 @@
+export { default as Cell } from '../../dist/admin/components/views/collections/List/Cell';
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/views/collections/List/Cell/types';

components/views/Dashboard.ts

@@ -0,0 +1,3 @@
+export { default as Dashboard } from '../../dist/admin/components/views/Dashboard/Default';
+
+export type { Props } from '../../dist/admin/components/views/Dashboard/types';

components/views/Edit.ts

@@ -0,0 +1,3 @@
+export { default as Edit } from '../../dist/admin/components/views/collections/Edit/Default';
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/views/collections/Edit/types';

components/views/List.ts

@@ -0,0 +1,3 @@
+export { default as List } from '../../dist/admin/components/views/collections/List/Default';
+// eslint-disable-next-line import/named
+export { Props } from '../../dist/admin/components/views/collections/Edit/types';

contributing.md

@@ -2,10 +2,6 @@
 
 Below you'll find a set of guidelines for how to contribute to Payload CMS.
 
-## Payload is proprietary software
-
-Even though you can read Payload's source code, it's technically not "open source". Payload requires an active license to be used in all production purposes. That said, we do not expect PRs from the public, but we still welcome pull requests of any kind.
-
 ## Opening issues
 
 Before you submit an issue, please check all existing [open and closed issues](https://github.com/payloadcms/payload/issues) to see if your issue has previously been resolved or is already known. If there is already an issue logged, feel free to upvote it by adding a :thumbsup: [reaction](https://github.com/blog/2119-add-reactions-to-pull-requests-issues-and-comments). If you would like to submit a new issue, please fill out our Issue Template to the best of your ability so we can accurately understand your report.
@@ -22,7 +18,7 @@ Payload documentation can be found directly within its codebase and you can feel
 
 ## Building additional features
 
-If you're an incredibly awesome person and want to help us make Payload even better through new features or additions, we would be thrilled to work with you. If your proposed feature is accepted by our team and is significant enough, pending our discretion, we'd be happy to hook you up with a pro-bono license.
+If you're an incredibly awesome person and want to help us make Payload even better through new features or additions, we would be thrilled to work with you.
 
 To help us work on new features, you can reach out to our Development team at [`dev@payloadcms.com`](mailto:dev@payloadcms.com). Be as complete and descriptive as possible regarding your vision and we'll go from there!
 
@@ -30,4 +26,3 @@ To help us work on new features, you can reach out to our Development team at [`
 
 For all Pull Requests, you should be extremely descriptive about both your problem and proposed solution. If there are any affected open or closed issues, please leave the issue number in your PR message.
 
-By opening a Pull Request against Payload's codebase, you automatically give the entirety of the contribution within your PR to Payload CMS, LLC and retain no personal ownership whatsoever afterward. For more information, please read the full [Payload license](https://github.com/payloadcms/payload/blob/master/license.md).

demo/access/checkRole.ts

@@ -1,17 +0,0 @@
-/**
- * authorize a request by comparing the current user with one or more roles
- * @param allRoles
- * @param user
- * @returns {Function}
- */
-const checkRole = (allRoles, user) => {
-  if (user) {
-    if (allRoles.some((role) => user.roles && user.roles.some((individualRole) => individualRole === role))) {
-      return true;
-    }
-  }
-
-  return false;
-};
-
-export default checkRole;

demo/access/roles.ts

@@ -1,7 +0,0 @@
-export default [
-  'admin',
-  'editor',
-  'moderator',
-  'user',
-  'viewer',
-];

demo/blocks/CallToAction.ts

@@ -1,26 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const CTA: Block = {
-  slug: 'cta',
-  labels: {
-    singular: 'Call to Action',
-    plural: 'Calls to Action',
-  },
-  fields: [
-    {
-      name: 'label',
-      label: 'Label',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-    },
-    {
-      name: 'url',
-      label: 'URL',
-      type: 'text',
-      required: true,
-    },
-  ],
-};
-
-export default CTA;

demo/blocks/Email.ts

@@ -1,19 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const Email: Block = {
-  slug: 'email',
-  labels: {
-    singular: 'Email',
-    plural: 'Emails',
-  },
-  fields: [
-    {
-      name: 'testEmail',
-      label: 'Test Email Field',
-      type: 'email',
-      required: true,
-    },
-  ],
-};
-
-export default Email;

demo/blocks/Number.ts

@@ -1,20 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const NumberBlock: Block = {
-  slug: 'number',
-  labels: {
-    singular: 'Number',
-    plural: 'Numbers',
-  },
-  fields: [
-    {
-      name: 'testNumber',
-      label: 'Test Number Field',
-      type: 'number',
-      max: 100,
-      required: true,
-    },
-  ],
-};
-
-export default NumberBlock;

demo/blocks/Quote.ts

@@ -1,34 +0,0 @@
-import { Block } from '../../src/fields/config/types';
-
-const Quote: Block = {
-  imageURL: '/static/assets/images/generic-block-image.svg',
-  slug: 'quote',
-  labels: {
-    singular: 'Quote',
-    plural: 'Quotes',
-  },
-  fields: [
-    {
-      name: 'author',
-      label: 'Author',
-      type: 'relationship',
-      relationTo: 'public-users',
-      required: true,
-    },
-    {
-      name: 'quote',
-      label: 'Quote',
-      type: 'textarea',
-      required: true,
-    },
-    {
-      name: 'color',
-      label: 'Color',
-      type: 'text',
-      maxLength: 7,
-      required: true,
-    },
-  ],
-};
-
-export default Quote;

demo/client/components/richText/elements/Button/Button/index.scss

@@ -1,33 +0,0 @@
-@import '../../../../../../../scss/vars.scss';
-
-.button-rich-text-button {
-  .btn {
-    margin-right: base(1);
-  }
-
-  &__modal {
-    display: flex;
-    align-items: center;
-    height: 100%;
-
-    &.payload__modal-item--enterDone {
-      @include blur-bg;
-    }
-  }
-
-  &__header {
-    width: 100%;
-    margin-bottom: $baseline;
-    display: flex;
-    justify-content: space-between;
-
-    h3 {
-      margin: 0;
-    }
-
-    svg {
-      width: base(1.5);
-      height: base(1.5);
-    }
-  }
-}

demo/client/components/richText/elements/Button/Button/index.tsx

@@ -1,124 +0,0 @@
-import React, { Fragment, useCallback } from 'react';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { Transforms } from 'slate';
-import { useSlate, ReactEditor } from 'slate-react';
-import MinimalTemplate from '../../../../../../../src/admin/components/templates/Minimal';
-import { ElementButton } from '../../../../../../../components/rich-text';
-import X from '../../../../../../../src/admin/components/icons/X';
-import Button from '../../../../../../../src/admin/components/elements/Button';
-import { Form, Text, Checkbox, Select, Submit, reduceFieldsToValues } from '../../../../../../../components/forms';
-
-import './index.scss';
-
-const baseClass = 'button-rich-text-button';
-
-const initialFormData = {
-  style: 'primary',
-};
-
-const insertButton = (editor, { href, label, style, newTab = false }: any) => {
-  const text = { text: ' ' };
-  const button = {
-    type: 'button',
-    href,
-    style,
-    newTab,
-    label,
-    children: [
-      text,
-    ],
-  };
-
-  const nodes = [button, { children: [{ text: '' }] }];
-
-  if (editor.blurSelection) {
-    Transforms.select(editor, editor.blurSelection);
-  }
-
-  Transforms.insertNodes(editor, nodes);
-
-  const currentPath = editor.selection.anchor.path[0];
-  const newSelection = { anchor: { path: [currentPath + 1, 0], offset: 0 }, focus: { path: [currentPath + 1, 0], offset: 0 } };
-
-  Transforms.select(editor, newSelection);
-  ReactEditor.focus(editor);
-};
-
-const ToolbarButton: React.FC<{path: string}> = ({ path }) => {
-  const { open, closeAll } = useModal();
-  const editor = useSlate();
-
-  const handleAddButton = useCallback((fields) => {
-    const data = reduceFieldsToValues(fields);
-    insertButton(editor, data);
-    closeAll();
-  }, [editor, closeAll]);
-
-  const modalSlug = `${path}-add-button`;
-
-  return (
-    <Fragment>
-      <ElementButton
-        className={baseClass}
-        format="button"
-        onClick={() => open(modalSlug)}
-      >
-        Button
-      </ElementButton>
-      <Modal
-        slug={modalSlug}
-        className={`${baseClass}__modal`}
-      >
-        <MinimalTemplate>
-          <header className={`${baseClass}__header`}>
-            <h3>Add button</h3>
-            <Button
-              buttonStyle="none"
-              onClick={closeAll}
-            >
-              <X />
-            </Button>
-          </header>
-          <Form
-            onSubmit={handleAddButton}
-            initialData={initialFormData}
-          >
-            <Text
-              label="Label"
-              name="label"
-              required
-            />
-            <Text
-              label="URL"
-              name="href"
-              required
-            />
-            <Select
-              label="Style"
-              name="style"
-              options={[
-                {
-                  label: 'Primary',
-                  value: 'primary',
-                },
-                {
-                  label: 'Secondary',
-                  value: 'secondary',
-                },
-              ]}
-            />
-            <Checkbox
-              label="Open in new tab"
-              name="newTab"
-            />
-            <Submit>
-              Add button
-            </Submit>
-          </Form>
-        </MinimalTemplate>
-      </Modal>
-    </Fragment>
-  );
-};
-
-export default ToolbarButton;

demo/client/components/richText/elements/Button/Element/index.scss

@@ -1,19 +0,0 @@
-@import '../../../../../../../scss/vars.scss';
-
-.rich-text-button {
-  margin: $baseline 0;
-}
-
-.rich-text-button__button {
-  padding: base(.5) base(1.5);
-  border-radius: $style-radius-s;
-
-  &--primary {
-    background-color: $color-dark-gray;
-    color: white;
-  }
-
-  &--secondary {
-    background-color: $color-light-gray;
-  }
-}

demo/client/components/richText/elements/Button/Element/index.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import './index.scss';
-
-const baseClass = 'rich-text-button';
-
-const ButtonElement: React.FC = ({ attributes, children, element }) => {
-  const { style = 'primary', label } = element;
-
-  return (
-    <div
-      className={baseClass}
-      contentEditable={false}
-    >
-      <span
-        {...attributes}
-        className={[
-          `${baseClass}__button`,
-          `${baseClass}__button--${style}`,
-        ].join(' ')}
-      >
-        {label}
-        {children}
-      </span>
-    </div>
-  );
-};
-
-ButtonElement.defaultProps = {
-  attributes: {},
-  children: null,
-};
-
-ButtonElement.propTypes = {
-  attributes: PropTypes.shape({}),
-  children: PropTypes.node,
-  element: PropTypes.shape({
-    style: PropTypes.oneOf(['primary', 'secondary']),
-    label: PropTypes.string,
-  }).isRequired,
-};
-
-export default ButtonElement;

demo/client/components/richText/elements/Button/plugin.ts

@@ -1,12 +0,0 @@
-import { Editor } from 'slate';
-
-const withButton = (incomingEditor: Editor): Editor => {
-  const editor = incomingEditor;
-  const { isVoid } = editor;
-
-  editor.isVoid = (element) => (element.type === 'button' ? true : isVoid(element));
-
-  return editor;
-};
-
-export default withButton;

demo/client/components/richText/leaves/PurpleBackground/Button/index.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { LeafButton } from '../../../../../../../components/rich-text';
-
-const Button = () => (
-  <LeafButton format="purple-background">
-    Purple Background
-  </LeafButton>
-);
-
-export default Button;

demo/client/components/richText/leaves/PurpleBackground/Leaf/index.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const PurpleBackground: React.FC<any> = ({ attributes, children }) => (
-  <span
-    {...attributes}
-    style={{ backgroundColor: 'purple' }}
-  >
-    {children}
-  </span>
-);
-
-PurpleBackground.defaultProps = {
-  attributes: {},
-  children: null,
-};
-
-PurpleBackground.propTypes = {
-  attributes: PropTypes.shape({}),
-  children: PropTypes.node,
-};
-
-export default PurpleBackground;

demo/client/components/richText/leaves/PurpleBackground/index.ts

@@ -1,8 +0,0 @@
-import Button from './Button';
-import Leaf from './Leaf';
-
-export default {
-  name: 'purple-background',
-  Button,
-  Leaf,
-};

demo/client/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-</head>
-
-<body>
-  <div id="app"></div>
-  <div id="portal"></div>
-</body>
-
-</html>

demo/client/static/assets/images/generic-block-image.svg

@@ -1,9 +0,0 @@
-<svg width="82" height="53" viewBox="0 0 82 53" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect x="0.713013" width="80.574" height="52.7791" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="scale(0.00387597 0.00591716)"/>
-</pattern>
-<image id="image0" width="258" height="169" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>

demo/collections/Admin.ts

@@ -1,73 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import roles from '../access/roles';
-import checkRole from '../access/checkRole';
-
-const access = ({ req: { user } }) => {
-  const result = checkRole(['admin'], user);
-  return result;
-};
-
-const Admin: PayloadCollectionConfig = {
-  slug: 'admins',
-  labels: {
-    singular: 'Admin',
-    plural: 'Admins',
-  },
-  access: {
-    create: access,
-    read: access,
-    update: access,
-    delete: access,
-    admin: () => true,
-  },
-  auth: {
-    tokenExpiration: 7200, // 2 hours
-    verify: false,
-    maxLoginAttempts: 5,
-    lockTime: 600 * 1000, // lock time in ms
-    useAPIKey: true,
-    depth: 0,
-    cookies: {
-      secure: false,
-      sameSite: 'lax',
-      domain: undefined,
-    },
-  },
-  fields: [
-    {
-      name: 'roles',
-      label: 'Role',
-      type: 'select',
-      options: roles,
-      defaultValue: 'user',
-      required: true,
-      saveToJWT: true,
-      hasMany: true,
-    },
-    {
-      name: 'apiKey',
-      type: 'text',
-      access: {
-        read: ({ req: { user } }) => {
-          if (checkRole(['admin'], user)) {
-            return true;
-          }
-
-          if (user) {
-            return {
-              email: user.email,
-            };
-          }
-
-          return false;
-        },
-      },
-    },
-  ],
-  timestamps: true,
-  admin: {
-    useAsTitle: 'email',
-  },
-};
-
-export default Admin;

demo/collections/AllFields.ts

@@ -1,305 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-import Email from '../blocks/Email';
-import Quote from '../blocks/Quote';
-import NumberBlock from '../blocks/Number';
-import CallToAction from '../blocks/CallToAction';
-
-const AllFields: PayloadCollectionConfig = {
-  slug: 'all-fields',
-  labels: {
-    singular: 'All Fields',
-    plural: 'All Fields',
-  },
-  admin: {
-    useAsTitle: 'text',
-    preview: (doc, token) => {
-      if (doc && doc.text) {
-        return `http://localhost:3000/previewable-posts/${doc.text}?preview=true&token=${token}`;
-      }
-
-      return null;
-    },
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'text',
-      type: 'text',
-      label: 'Text',
-      required: true,
-      defaultValue: 'Default Value',
-      unique: true,
-      access: {
-        create: ({ req: { user } }) => checkRole(['admin'], user),
-        update: ({ req: { user } }) => checkRole(['admin'], user),
-        read: ({ req: { user } }) => Boolean(user),
-      },
-    },
-    {
-      name: 'image',
-      type: 'upload',
-      label: 'Image',
-      relationTo: 'media',
-    },
-    {
-      name: 'select',
-      label: 'Select',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }, {
-        value: 'option-4',
-        label: 'Option 4 Label',
-      }],
-      defaultValue: 'option-1',
-      required: true,
-    },
-    {
-      name: 'selectMany',
-      label: 'Select w/ hasMany',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }, {
-        value: 'option-4',
-        label: 'Option 4 Label',
-      }],
-      defaultValue: 'option-1',
-      required: true,
-      hasMany: true,
-    },
-    {
-      name: 'dateFieldExample',
-      label: 'Day and Time',
-      type: 'date',
-      admin: {
-        date: {
-          timeIntervals: 30,
-        },
-      },
-    },
-    {
-      name: 'dayOnlyDateFieldExample',
-      label: 'Day Only',
-      type: 'date',
-      admin: {
-        date: {
-          pickerAppearance: 'dayOnly',
-          monthsToShow: 2,
-        },
-      },
-    },
-    {
-      name: 'timeOnlyDateFieldExample',
-      label: 'Time Only',
-      type: 'date',
-      admin: {
-        date: {
-          pickerAppearance: 'timeOnly',
-        },
-      },
-    },
-    {
-      name: 'radioGroupExample',
-      label: 'Radio Group Example',
-      type: 'radio',
-      options: [{
-        value: 'option-1',
-        label: 'Options 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }],
-      defaultValue: 'option-2',
-      required: true,
-      admin: {
-        readOnly: true,
-      },
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'email',
-          label: 'Email',
-          type: 'email',
-        }, {
-          name: 'number',
-          label: 'Number',
-          type: 'number',
-        },
-      ],
-    },
-    {
-      type: 'group',
-      label: 'Group',
-      name: 'group',
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'nestedText1',
-              label: 'Nested Text 1',
-              type: 'text',
-            }, {
-              name: 'nestedText2',
-              label: 'Nested Text 2',
-              type: 'text',
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      minRows: 2,
-      maxRows: 4,
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'arrayText1',
-              label: 'Array Text 1',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-            },
-            {
-              name: 'arrayText2',
-              label: 'Array Text 2',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-              access: {
-                read: ({ req: { user } }) => Boolean(user),
-                update: ({ req: { user } }) => checkRole(['admin'], user),
-              },
-            },
-          ],
-        },
-        {
-          type: 'text',
-          name: 'arrayText3',
-          label: 'Array Text 3',
-          admin: {
-            readOnly: true,
-          },
-        },
-        {
-          name: 'checkbox',
-          label: 'Checkbox',
-          type: 'checkbox',
-        },
-      ],
-    },
-    {
-      type: 'blocks',
-      label: 'Blocks Content',
-      name: 'blocks',
-      minRows: 2,
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      localized: true,
-      required: true,
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to One Collection',
-      name: 'relationship',
-      relationTo: 'conditions',
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship hasMany',
-      name: 'relationshipHasMany',
-      relationTo: 'localized-posts',
-      hasMany: true,
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to Multiple Collections',
-      name: 'relationshipMultipleCollections',
-      relationTo: ['localized-posts', 'conditions'],
-    },
-    {
-      type: 'textarea',
-      label: 'Textarea',
-      name: 'textarea',
-    },
-    {
-      name: 'slug',
-      type: 'text',
-      label: 'Slug',
-      admin: {
-        position: 'sidebar',
-      },
-      localized: true,
-      unique: true,
-      required: true,
-    },
-    {
-      name: 'checkbox',
-      type: 'checkbox',
-      label: 'Checkbox',
-      admin: {
-        position: 'sidebar',
-      },
-    },
-    {
-      name: 'richText',
-      type: 'richText',
-      label: 'Rich Text',
-      required: true,
-      admin: {
-        elements: [
-          'h1',
-          'h2',
-          'h3',
-          'h4',
-          'h5',
-          'h6',
-          'blockquote',
-          'ul',
-          'ol',
-          'link',
-        ],
-        leaves: [
-          'bold',
-          'italic',
-          'underline',
-          'strikethrough',
-        ],
-      },
-    },
-  ],
-  timestamps: true,
-};
-
-export default AllFields;

demo/collections/AutoLabel.ts

@@ -1,12 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const AutoLabel: PayloadCollectionConfig = {
-  slug: 'auto-label',
-  fields: [{
-    name: 'text',
-    type: 'text',
-    label: 'Text',
-  }],
-};
-
-export default AutoLabel;

demo/collections/Blocks.ts

@@ -1,43 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import Email from '../blocks/Email';
-import Quote from '../blocks/Quote';
-import NumberBlock from '../blocks/Number';
-import CallToAction from '../blocks/CallToAction';
-
-const Blocks: PayloadCollectionConfig = {
-  slug: 'blocks',
-  labels: {
-    singular: 'Blocks',
-    plural: 'Blocks',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'layout',
-      label: 'Layout Blocks',
-      labels: {
-        singular: 'Block',
-        plural: 'Blocks',
-      },
-      type: 'blocks',
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      localized: true,
-      required: true,
-    },
-    {
-      name: 'nonLocalizedLayout',
-      label: 'Non Localized Layout',
-      labels: {
-        singular: 'Layout',
-        plural: 'Layouts',
-      },
-      type: 'blocks',
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      required: true,
-    },
-  ],
-};
-
-export default Blocks;

demo/collections/Code.ts

@@ -1,22 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Code: PayloadCollectionConfig = {
-  slug: 'code',
-  labels: {
-    singular: 'Code',
-    plural: 'Codes',
-  },
-  fields: [
-    {
-      name: 'code',
-      type: 'code',
-      label: 'Code',
-      required: true,
-      admin: {
-        language: 'js',
-      },
-    },
-  ],
-};
-
-export default Code;

demo/collections/Conditions.ts

@@ -1,55 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Conditions: PayloadCollectionConfig = {
-  slug: 'conditions',
-  labels: {
-    singular: 'Conditions',
-    plural: 'Conditions',
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'Title',
-      required: true,
-    },
-    {
-      name: 'enableTest',
-      type: 'checkbox',
-      label: 'Enable Test',
-    },
-    {
-      name: 'number',
-      type: 'number',
-      label: 'Number Field',
-    },
-    {
-      name: 'simpleCondition',
-      type: 'text',
-      label: 'Enable Test is checked',
-      required: true,
-      admin: {
-        condition: (_, siblings) => siblings.enableTest === true,
-      },
-    },
-    {
-      name: 'orCondition',
-      type: 'text',
-      label: 'Number is greater than 20 OR enableTest is checked',
-      required: true,
-      admin: {
-        condition: (_, siblings) => siblings.number > 20 || siblings.enableTest === true,
-      },
-    },
-    {
-      name: 'nestedConditions',
-      type: 'text',
-      label: 'Number is either greater than 20 AND enableTest is checked, OR number is less than 20 and enableTest is NOT checked',
-      admin: {
-        condition: (_, siblings) => (siblings.number > 20 && siblings.enableTest === true) || (siblings.number < 20 && siblings.enableTest === false),
-      },
-    },
-  ],
-};
-
-export default Conditions;

demo/collections/CustomComponents/components/fields/Description/Cell/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const Cell: React.FC = () => <div className="description">fake description cell</div>;
-
-export default Cell;

demo/collections/CustomComponents/components/fields/Description/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const Description: React.FC = () => <div className="description">fake description field</div>;
-
-export default Description;

demo/collections/CustomComponents/components/fields/Description/Filter/index.scss

@@ -1,3 +0,0 @@
-.custom-description-filter {
-  background: lightgray;
-}

demo/collections/CustomComponents/components/fields/Description/Filter/index.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-
-import './index.scss';
-
-const Filter: React.FC<Props> = ({ onChange, value }) => (
-  <input
-    className="custom-description-filter"
-    type="text"
-    onChange={(e) => onChange(e.target.value)}
-    value={value}
-  />
-);
-
-export default Filter;

demo/collections/CustomComponents/components/fields/Description/Filter/types.ts

@@ -1,4 +0,0 @@
-export type Props = {
-  value?: string
-  onChange?: (value: string) => void
-}

demo/collections/CustomComponents/components/fields/Group/Field/index.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Group } from '../../../../../../../components/forms';
-
-const CustomGroup: React.FC = (props) => (
-  <div className="custom-group">
-    <Group {...props} />
-  </div>
-);
-
-CustomGroup.defaultProps = {
-  value: '',
-};
-
-CustomGroup.propTypes = {
-  value: PropTypes.string,
-};
-
-export default CustomGroup;

demo/collections/CustomComponents/components/fields/NestedArrayCustomField/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const NestedArrayCustomField = () => <div className="nested-array-custom-field">Nested array custom field</div>;
-
-export default NestedArrayCustomField;

demo/collections/CustomComponents/components/fields/NestedGroupCustomField/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const NestedGroupCustomField = () => <div className="nested-group-custom-field">Nested group custom field</div>;
-
-export default NestedGroupCustomField;

demo/collections/CustomComponents/components/fields/NestedText1/Field/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const NestedText1 = () => <div className="nested-text-1">Nested Text 1</div>;
-
-export default NestedText1;

demo/collections/CustomComponents/components/views/List/index.scss

@@ -1,5 +0,0 @@
-$color: purple;
-
-.custom-list {
-  color: $color;
-}

demo/collections/CustomComponents/components/views/List/index.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import DefaultList from '../../../../../../src/admin/components/views/collections/List/Default';
-
-import './index.scss';
-
-const CustomListView: React.FC = (props) => (
-  <div className="custom-list">
-    <p>This is a custom Pages list view</p>
-    <p>Sup</p>
-    <DefaultList {...props} />
-  </div>
-);
-
-export default CustomListView;

demo/collections/CustomComponents/index.ts

@@ -1,111 +0,0 @@
-import { PayloadCollectionConfig } from '../../../src/collections/config/types';
-import DescriptionField from './components/fields/Description/Field';
-import DescriptionCell from './components/fields/Description/Cell';
-import DescriptionFilter from './components/fields/Description/Filter';
-import NestedArrayField from './components/fields/NestedArrayCustomField/Field';
-import GroupField from './components/fields/Group/Field';
-import NestedGroupField from './components/fields/NestedGroupCustomField/Field';
-import NestedText1Field from './components/fields/NestedText1/Field';
-import ListView from './components/views/List';
-
-const CustomComponents: PayloadCollectionConfig = {
-  slug: 'custom-components',
-  labels: {
-    singular: 'Custom Component',
-    plural: 'Custom Components',
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-    },
-    {
-      name: 'description',
-      label: 'Description',
-      type: 'textarea',
-      required: true,
-      localized: true,
-      admin: {
-        components: {
-          Field: DescriptionField,
-          Cell: DescriptionCell,
-          Filter: DescriptionFilter,
-        },
-      },
-    },
-    {
-      name: 'array',
-      label: 'Array',
-      type: 'array',
-      fields: [
-        {
-          type: 'text',
-          name: 'nestedArrayCustomField',
-          label: 'Nested Array Custom Field',
-          admin: {
-            components: {
-              Field: NestedArrayField,
-            },
-          },
-        },
-      ],
-    },
-    {
-      name: 'group',
-      label: 'Group',
-      type: 'group',
-      admin: {
-        components: {
-          Field: GroupField,
-        },
-      },
-      fields: [
-        {
-          type: 'text',
-          name: 'nestedGroupCustomField',
-          label: 'Nested Group Custom Field',
-          admin: {
-            components: {
-              Field: NestedGroupField,
-            },
-          },
-        },
-      ],
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'nestedText1',
-          label: 'Nested Text 1',
-          type: 'text',
-          admin: {
-            components: {
-              Field: NestedText1Field,
-            },
-          },
-        }, {
-          name: 'nestedText2',
-          label: 'Nested Text 2',
-          type: 'text',
-        },
-      ],
-    },
-  ],
-  timestamps: true,
-  admin: {
-    useAsTitle: 'title',
-    components: {
-      views: {
-        List: ListView,
-      },
-    },
-  },
-};
-
-export default CustomComponents;

demo/collections/DefaultValues.ts

@@ -1,287 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-import Email from '../blocks/Email';
-import Quote from '../blocks/Quote';
-import NumberBlock from '../blocks/Number';
-import CallToAction from '../blocks/CallToAction';
-
-const DefaultValues: PayloadCollectionConfig = {
-  slug: 'default-values',
-  labels: {
-    singular: 'Default Value Test',
-    plural: 'Default Value Tests',
-  },
-  admin: {
-    useAsTitle: 'text',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'text',
-      type: 'text',
-      label: 'Text',
-      defaultValue: 'Default Value',
-      unique: true,
-      access: {
-        create: ({ req: { user } }) => checkRole(['admin'], user),
-        update: ({ req: { user } }) => checkRole(['admin'], user),
-        read: ({ req: { user } }) => Boolean(user),
-      },
-    },
-    {
-      name: 'image',
-      type: 'upload',
-      label: 'Image',
-      relationTo: 'media',
-    },
-    {
-      name: 'select',
-      label: 'Select',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }, {
-        value: 'option-4',
-        label: 'Option 4 Label',
-      }],
-      defaultValue: 'option-1',
-    },
-    {
-      name: 'selectMany',
-      label: 'Select w/ hasMany',
-      type: 'select',
-      options: [{
-        value: 'option-1',
-        label: 'Option 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }, {
-        value: 'option-4',
-        label: 'Option 4 Label',
-      }],
-      defaultValue: ['option-1', 'option-4'],
-      hasMany: true,
-    },
-    {
-      name: 'radioGroupExample',
-      label: 'Radio Group Example',
-      type: 'radio',
-      options: [{
-        value: 'option-1',
-        label: 'Options 1 Label',
-      }, {
-        value: 'option-2',
-        label: 'Option 2 Label',
-      }, {
-        value: 'option-3',
-        label: 'Option 3 Label',
-      }],
-      defaultValue: 'option-2',
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'email',
-          label: 'Email',
-          type: 'email',
-          defaultValue: 'some@email.com',
-        }, {
-          name: 'number',
-          label: 'Number',
-          type: 'number',
-          defaultValue: 5,
-        },
-      ],
-    },
-    {
-      type: 'group',
-      label: 'Group',
-      name: 'group',
-      defaultValue: {
-        nestedText1: 'neat',
-      },
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'nestedText1',
-              label: 'Nested Text 1',
-              type: 'text',
-              defaultValue: 'nested default text 1',
-            }, {
-              name: 'nestedText2',
-              label: 'Nested Text 2',
-              type: 'text',
-              defaultValue: 'nested default text 2',
-            },
-          ],
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      admin: {
-        readOnly: true,
-      },
-      defaultValue: [
-        {
-          arrayText1: 'Get out',
-        },
-      ],
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'arrayText1',
-              label: 'Array Text 1',
-              type: 'text',
-              admin: {
-                width: '50%',
-              },
-              defaultValue: 'default array text',
-            },
-            {
-              name: 'arrayText2',
-              label: 'Array Text 2',
-              type: 'text',
-              admin: {
-                width: '50%',
-              },
-              access: {
-                read: ({ req: { user } }) => Boolean(user),
-                update: ({ req: { user } }) => checkRole(['admin'], user),
-              },
-            },
-          ],
-        },
-        {
-          type: 'text',
-          name: 'arrayText3',
-          label: 'Array Text 3',
-          admin: {
-            readOnly: true,
-          },
-        },
-        {
-          name: 'checkbox',
-          label: 'Checkbox',
-          type: 'checkbox',
-          defaultValue: true,
-        },
-      ],
-    },
-    {
-      type: 'blocks',
-      label: 'Blocks Content',
-      name: 'blocks',
-      labels: {
-        singular: 'Block',
-        plural: 'Blocks',
-      },
-      blocks: [Email, NumberBlock, Quote, CallToAction],
-      localized: true,
-      admin: {
-        readOnly: true,
-      },
-      defaultValue: [
-        {
-          blockType: 'email',
-          testEmail: 'dev@payloadcms.com',
-        },
-      ],
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to One Collection',
-      name: 'relationship',
-      relationTo: 'conditions',
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship hasMany',
-      name: 'relationshipHasMany',
-      relationTo: 'localized-posts',
-      hasMany: true,
-    },
-    {
-      type: 'relationship',
-      label: 'Relationship to Multiple Collections',
-      name: 'relationshipMultipleCollections',
-      relationTo: ['localized-posts', 'conditions'],
-    },
-    {
-      type: 'textarea',
-      label: 'Textarea',
-      name: 'textarea',
-      defaultValue: 'my textarea text',
-    },
-    {
-      name: 'slug',
-      type: 'text',
-      label: 'Slug',
-      admin: {
-        position: 'sidebar',
-      },
-      localized: true,
-      unique: true,
-      defaultValue: 'my-slug',
-    },
-    {
-      name: 'checkbox',
-      type: 'checkbox',
-      label: 'Checkbox',
-      admin: {
-        position: 'sidebar',
-      },
-      defaultValue: true,
-    },
-    {
-      name: 'richText',
-      type: 'richText',
-      label: 'Rich Text',
-      admin: {
-        elements: [
-          'h1',
-          'h2',
-          'h3',
-          'h4',
-          'h5',
-          'h6',
-          'blockquote',
-          'ul',
-          'ol',
-          'link',
-        ],
-        leaves: [
-          'bold',
-          'italic',
-          'underline',
-          'strikethrough',
-        ],
-      },
-      defaultValue: [{
-        children: [{ text: 'Cookin now' }],
-      }],
-    },
-  ],
-  timestamps: true,
-};
-export default DefaultValues;

demo/collections/File.ts

@@ -1,70 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-
-const access = ({ req: { user } }) => {
-  const isAdmin = checkRole(['admin'], user);
-
-  if (isAdmin) {
-    return true;
-  }
-
-  if (user) {
-    return {
-      owner: {
-        equals: user.id,
-      },
-    };
-  }
-
-  return false;
-};
-
-const Files: PayloadCollectionConfig = {
-  slug: 'files',
-  labels: {
-    singular: 'File',
-    plural: 'Files',
-  },
-  upload: {
-    staticURL: '/files',
-    staticDir: './files',
-  },
-  access: {
-    create: () => true,
-    read: access,
-    update: access,
-    delete: access,
-  },
-  fields: [
-    {
-      name: 'type',
-      label: 'Type',
-      type: 'select',
-      options: [{
-        value: 'Type 1',
-        label: 'Type 1 Label',
-      }, {
-        value: 'Type 2',
-        label: 'Type 2 Label',
-      }, {
-        value: 'Type 3',
-        label: 'Type 3 Label',
-      }],
-      defaultValue: 'Type 1',
-      required: true,
-    },
-    {
-      name: 'owner',
-      label: 'Owner',
-      type: 'relationship',
-      relationTo: 'admins',
-      required: true,
-    },
-  ],
-  timestamps: true,
-  admin: {
-    useAsTitle: 'filename',
-  },
-};
-
-export default Files;

demo/collections/HiddenFields.ts

@@ -1,35 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const HiddenFields: PayloadCollectionConfig = {
-  slug: 'hidden-fields',
-  labels: {
-    singular: 'Hidden Fields',
-    plural: 'Hidden Fields',
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'Title - Not Hidden',
-      required: true,
-    },
-    {
-      name: 'hiddenAdmin',
-      type: 'text',
-      label: 'Hidden on Admin',
-      admin: {
-        hidden: true,
-      },
-      required: true,
-    },
-    {
-      name: 'hiddenAPI',
-      type: 'text',
-      label: 'Hidden on API',
-      hidden: true,
-      required: true, // this should not matter
-    },
-  ],
-};
-
-export default HiddenFields;

demo/collections/Hooks.ts

@@ -1,95 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Hooks: PayloadCollectionConfig = {
-  slug: 'hooks',
-  labels: {
-    singular: 'Hook',
-    plural: 'Hooks',
-  },
-  admin: {
-    useAsTitle: 'title',
-  },
-  access: {
-    create: () => true,
-    read: () => true,
-    update: () => true,
-    delete: () => true,
-  },
-  hooks: {
-    beforeRead: [
-      (operation) => {
-        if (operation.req.headers.hook === 'beforeRead') {
-          console.log('before reading Hooks document');
-        }
-      },
-    ],
-    beforeChange: [
-      (operation) => {
-        if (operation.req.headers.hook === 'beforeChange') {
-          operation.data.description += '-beforeChangeSuffix';
-        }
-        return operation.data;
-      },
-    ],
-    beforeDelete: [
-      (operation) => {
-        if (operation.req.headers.hook === 'beforeDelete') {
-          // TODO: Find a better hook operation to assert against in tests
-          operation.req.headers.hook = 'afterDelete';
-        }
-      },
-    ],
-    afterRead: [
-      (operation) => {
-        const { doc } = operation;
-        doc.afterReadHook = true;
-
-        return doc;
-      },
-    ],
-    afterChange: [
-      (operation) => {
-        if (operation.req.headers.hook === 'afterChange') {
-          operation.doc.afterChangeHook = true;
-        }
-        return operation.doc;
-      },
-    ],
-    afterDelete: [
-      (operation) => {
-        if (operation.req.headers.hook === 'afterDelete') {
-          operation.doc.afterDeleteHook = true;
-        }
-        return operation.doc;
-      },
-    ],
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-      hooks: {
-        afterRead: [
-          ({ value }) => (value ? value.toUpperCase() : null),
-        ],
-      },
-    },
-    {
-      name: 'description',
-      label: 'Description',
-      type: 'textarea',
-      required: true,
-      localized: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default Hooks;

demo/collections/LocalOperations.ts

@@ -1,38 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const LocalOperations: PayloadCollectionConfig = {
-  slug: 'local-operations',
-  labels: {
-    singular: 'Local Operation',
-    plural: 'Local Operations',
-  },
-  hooks: {
-    afterRead: [
-      async ({ req, doc }) => {
-        const formattedData = { ...doc };
-        const localizedPosts = await req.payload.find({
-          collection: 'localized-posts',
-        });
-
-        const blocksGlobal = await req.payload.findGlobal({
-          global: 'blocks-global',
-        });
-
-        formattedData.localizedPosts = localizedPosts;
-        formattedData.blocksGlobal = blocksGlobal;
-
-        return formattedData;
-      },
-    ],
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'title',
-      required: true,
-    },
-  ],
-};
-
-export default LocalOperations;

demo/collections/Localized.ts

@@ -1,124 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import { Block } from '../../src/fields/config/types';
-
-const RichTextBlock: Block = {
-  slug: 'richTextBlock',
-  labels: {
-    singular: 'Rich Text Block',
-    plural: 'Rich Text Blocks',
-  },
-  fields: [
-    {
-      name: 'content',
-      localized: true,
-      type: 'richText',
-    },
-  ],
-};
-
-const LocalizedPosts: PayloadCollectionConfig = {
-  slug: 'localized-posts',
-  labels: {
-    singular: 'Localized Post',
-    plural: 'Localized Posts',
-  },
-  admin: {
-    useAsTitle: 'title',
-    defaultColumns: [
-      'title',
-      'priority',
-      'createdAt',
-    ],
-    enableRichTextRelationship: true,
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-    },
-    {
-      name: 'summary',
-      label: 'Summary',
-      type: 'text',
-      index: true,
-    },
-    {
-      name: 'description',
-      label: 'Description',
-      type: 'textarea',
-      required: true,
-      localized: true,
-    },
-    {
-      type: 'richText',
-      name: 'richText',
-      label: 'Rich Text',
-    },
-    {
-      name: 'priority',
-      label: 'Priority',
-      type: 'number',
-      required: true,
-      localized: true,
-    },
-    {
-      name: 'localizedGroup',
-      label: 'Localized Group',
-      type: 'group',
-      localized: true,
-      fields: [
-        {
-          type: 'text',
-          name: 'text',
-          label: 'Text',
-        },
-      ],
-    },
-    {
-      name: 'nonLocalizedGroup',
-      label: 'Non-Localized Group',
-      type: 'group',
-      fields: [
-        {
-          type: 'text',
-          name: 'text',
-          label: 'Text',
-          localized: true,
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Non-Localized Array',
-      name: 'nonLocalizedArray',
-      maxRows: 3,
-      fields: [
-        {
-          type: 'text',
-          name: 'localizedEmbeddedText',
-          label: 'Localized Embedded Text',
-          localized: true,
-        },
-      ],
-    },
-    {
-      label: 'Blocks',
-      name: 'richTextBlocks',
-      type: 'blocks',
-      blocks: [
-        RichTextBlock,
-      ],
-    },
-  ],
-  timestamps: true,
-};
-
-export default LocalizedPosts;

demo/collections/LocalizedArray.ts

@@ -1,79 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import { FieldAccess } from '../../src/fields/config/types';
-import checkRole from '../access/checkRole';
-
-const PublicReadabilityAccess: FieldAccess = ({ req: { user }, siblingData }) => {
-  if (checkRole(['admin'], user)) {
-    return true;
-  }
-
-  if (siblingData.allowPublicReadability) return true;
-
-  return false;
-};
-
-const LocalizedArrays: PayloadCollectionConfig = {
-  slug: 'localized-arrays',
-  labels: {
-    singular: 'Localized Array',
-    plural: 'Localized Arrays',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      localized: true,
-      required: true,
-      minRows: 2,
-      maxRows: 4,
-      fields: [
-        {
-          type: 'row',
-          fields: [
-            {
-              name: 'allowPublicReadability',
-              label: 'Allow Public Readability',
-              type: 'checkbox',
-            },
-            {
-              name: 'arrayText1',
-              label: 'Array Text 1',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-              access: {
-                read: PublicReadabilityAccess,
-              },
-            },
-            {
-              name: 'arrayText2',
-              label: 'Array Text 2',
-              type: 'text',
-              required: true,
-              admin: {
-                width: '50%',
-              },
-            },
-          ],
-        },
-        {
-          type: 'text',
-          name: 'arrayText3',
-          label: 'Array Text 3',
-          admin: {
-            readOnly: true,
-          },
-        },
-      ],
-    },
-  ],
-  timestamps: true,
-};
-
-export default LocalizedArrays;

demo/collections/Media.ts

@@ -1,51 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Media: PayloadCollectionConfig = {
-  slug: 'media',
-  labels: {
-    singular: 'Media',
-    plural: 'Media',
-  },
-  access: {
-    read: () => true,
-  },
-  admin: {
-    enableRichTextRelationship: true,
-  },
-  upload: {
-    staticURL: '/media',
-    staticDir: './media',
-    adminThumbnail: ({ doc }) => `/media/${doc.filename}`,
-    imageSizes: [
-      {
-        name: 'tablet',
-        width: 640,
-        height: 480,
-        crop: 'left top',
-      },
-      {
-        name: 'mobile',
-        width: 320,
-        height: 240,
-        crop: 'left top',
-      },
-      {
-        name: 'icon',
-        width: 16,
-        height: 16,
-      },
-    ],
-  },
-  fields: [
-    {
-      name: 'alt',
-      label: 'Alt Text',
-      type: 'text',
-      required: true,
-      localized: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default Media;

demo/collections/NestedArrays.ts

@@ -1,71 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const NestedArray: PayloadCollectionConfig = {
-  slug: 'nested-arrays',
-  labels: {
-    singular: 'Nested Array',
-    plural: 'Nested Arrays',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      type: 'array',
-      label: 'Array',
-      name: 'array',
-      labels: {
-        singular: 'Parent Row',
-        plural: 'Parent Rows',
-      },
-      required: true,
-      minRows: 2,
-      maxRows: 4,
-      fields: [
-        {
-          name: 'parentIdentifier',
-          label: 'Parent Identifier',
-          defaultValue: ' ',
-          type: 'text',
-          required: true,
-        },
-        {
-          type: 'array',
-          name: 'nestedArray',
-          labels: {
-            singular: 'Child Row',
-            plural: 'Child Rows',
-          },
-          required: true,
-          fields: [
-            {
-              name: 'childIdentifier',
-              label: 'Child Identifier',
-              type: 'text',
-              required: true,
-            },
-            {
-              type: 'array',
-              name: 'deeplyNestedArray',
-              labels: {
-                singular: 'Grandchild Row',
-                plural: 'Grandchild Rows',
-              },
-              required: true,
-              fields: [
-                {
-                  name: 'grandchildIdentifier',
-                  label: 'Grandchild Identifier',
-                  type: 'text',
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-  timestamps: true,
-};
-
-export default NestedArray;

demo/collections/Preview.ts

@@ -1,33 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Preview: PayloadCollectionConfig = {
-  slug: 'previewable-post',
-  labels: {
-    singular: 'Previewable Post',
-    plural: 'Previewable Posts',
-  },
-  admin: {
-    useAsTitle: 'title',
-    preview: (doc, token) => {
-      if (doc.title) {
-        return `http://localhost:3000/previewable-posts/${doc.title}?preview=true&token=${token}`;
-      }
-
-      return null;
-    },
-  },
-  fields: [
-    {
-      name: 'title',
-      label: 'Title',
-      type: 'text',
-      maxLength: 100,
-      required: true,
-      unique: true,
-      localized: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default Preview;

demo/collections/PublicUsers.ts

@@ -1,61 +0,0 @@
-import checkRole from '../access/checkRole';
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const access = ({ req: { user } }) => checkRole(['admin'], user);
-
-const PublicUsers: PayloadCollectionConfig = {
-  slug: 'public-users',
-  labels: {
-    singular: 'Public User',
-    plural: 'Public Users',
-  },
-  admin: {
-    useAsTitle: 'email',
-  },
-  access: {
-    admin: () => false,
-    create: () => true,
-    read: () => true,
-    update: ({ req: { user } }) => {
-      if (checkRole(['admin'], user)) {
-        return true;
-      }
-
-      if (user) {
-        return {
-          id: user.id,
-        };
-      }
-
-      return false;
-    },
-    delete: ({ req: { user } }) => checkRole(['admin'], user),
-  },
-  auth: {
-    tokenExpiration: 300,
-    verify: true,
-    maxLoginAttempts: 5,
-    lockTime: 600 * 1000, // lock time in ms
-    cookies: {
-      secure: process.env.NODE_ENV === 'production',
-      sameSite: 'lax',
-      domain: undefined,
-    },
-  },
-  fields: [
-    {
-      name: 'adminOnly',
-      label: 'This field should only be readable and editable by Admins with "admin" role',
-      type: 'text',
-      defaultValue: 'test',
-      access: {
-        create: access,
-        read: access,
-        update: access,
-      },
-    },
-  ],
-  timestamps: true,
-};
-
-export default PublicUsers;

demo/collections/RelationshipA.ts

@@ -1,48 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const RelationshipA: PayloadCollectionConfig = {
-  slug: 'relationship-a',
-  access: {
-    read: () => true,
-  },
-  labels: {
-    singular: 'Relationship A',
-    plural: 'Relationship A',
-  },
-  fields: [
-    {
-      name: 'post',
-      label: 'Post',
-      type: 'relationship',
-      relationTo: 'relationship-b',
-      localized: true,
-    },
-    {
-      name: 'LocalizedPost',
-      label: 'Localized Post',
-      type: 'relationship',
-      relationTo: 'localized-posts',
-      hasMany: true,
-      localized: true,
-    },
-    {
-      name: 'postLocalizedMultiple',
-      label: 'Localized Post Multiple',
-      type: 'relationship',
-      relationTo: ['localized-posts', 'all-fields'],
-      hasMany: true,
-      localized: true,
-    },
-    {
-      name: 'postManyRelationships',
-      label: 'Post Many Relationships',
-      type: 'relationship',
-      relationTo: ['relationship-b'],
-      localized: true,
-      hasMany: false,
-    },
-  ],
-  timestamps: true,
-};
-
-export default RelationshipA;

demo/collections/RelationshipB.ts

@@ -1,33 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const RelationshipB: PayloadCollectionConfig = {
-  slug: 'relationship-b',
-  access: {
-    read: () => true,
-  },
-  labels: {
-    singular: 'Relationship B',
-    plural: 'Relationship B',
-  },
-  fields: [
-    {
-      name: 'post',
-      label: 'Post',
-      type: 'relationship',
-      relationTo: 'relationship-a',
-      localized: false,
-      hasMany: true,
-    },
-    {
-      name: 'postManyRelationships',
-      label: 'Post Many Relationships',
-      type: 'relationship',
-      relationTo: ['relationship-a'],
-      localized: true,
-      hasMany: false,
-    },
-  ],
-  timestamps: true,
-};
-
-export default RelationshipB;

demo/collections/RichText.ts

@@ -1,38 +0,0 @@
-import Button from '../client/components/richText/elements/Button';
-import PurpleBackground from '../client/components/richText/leaves/PurpleBackground';
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const RichText: PayloadCollectionConfig = {
-  slug: 'rich-text',
-  labels: {
-    singular: 'Rich Text',
-    plural: 'Rich Texts',
-  },
-  fields: [
-    {
-      name: 'defaultRichText',
-      type: 'richText',
-      label: 'Default Rich Text',
-      required: true,
-    },
-    {
-      name: 'customRichText',
-      type: 'richText',
-      label: 'Customized Rich Text',
-      required: true,
-      admin: {
-        elements: [
-          'h2',
-          'h3',
-          Button,
-        ],
-        leaves: [
-          'bold',
-          PurpleBackground,
-        ],
-      },
-    },
-  ],
-};
-
-export default RichText;

demo/collections/Select.ts

@@ -1,45 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Select: PayloadCollectionConfig = {
-  slug: 'select',
-  labels: {
-    singular: 'Select',
-    plural: 'Selects',
-  },
-  fields: [
-    {
-      name: 'Select',
-      type: 'select',
-      options: [{
-        value: 'one',
-        label: 'One',
-      }, {
-        value: 'two',
-        label: 'Two',
-      }, {
-        value: 'three',
-        label: 'Three',
-      }],
-      label: 'Select From',
-      required: true,
-    },
-    {
-      name: 'Radio',
-      type: 'radio',
-      options: [{
-        value: 'one',
-        label: 'One',
-      }, {
-        value: 'two',
-        label: 'Two',
-      }, {
-        value: 'three',
-        label: 'Three',
-      }],
-      label: 'Choose From',
-      required: true,
-    },
-  ],
-};
-
-export default Select;

demo/collections/StrictPolicies.ts

@@ -1,76 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-import checkRole from '../access/checkRole';
-
-const StrictAccess: PayloadCollectionConfig = {
-  slug: 'strict-access',
-  labels: {
-    singular: 'Strict Access',
-    plural: 'Strict Access',
-  },
-  admin: {
-    useAsTitle: 'email',
-  },
-  access: {
-    create: () => true,
-    read: ({ req: { user } }) => {
-      if (checkRole(['admin'], user)) {
-        return true;
-      }
-
-      if (user) {
-        return {
-          owner: {
-            equals: user.id,
-          },
-        };
-      }
-
-      return false;
-    },
-    update: ({ req: { user } }) => {
-      if (checkRole(['admin'], user)) {
-        return true;
-      }
-
-      if (user) {
-        return {
-          owner: {
-            equals: user.id,
-          },
-        };
-      }
-
-      return false;
-    },
-    delete: ({ req: { user } }) => checkRole(['admin'], user),
-  },
-  fields: [
-    {
-      name: 'address',
-      type: 'text',
-      label: 'Address',
-      required: true,
-    },
-    {
-      name: 'city',
-      type: 'text',
-      label: 'City',
-      required: true,
-    },
-    {
-      name: 'state',
-      type: 'text',
-      label: 'State',
-      required: true,
-    },
-    {
-      name: 'zip',
-      type: 'number',
-      label: 'ZIP Code',
-      required: true,
-    },
-  ],
-  timestamps: true,
-};
-
-export default StrictAccess;

demo/collections/Uniques.ts

@@ -1,25 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Uniques: PayloadCollectionConfig = {
-  slug: 'uniques',
-  labels: {
-    singular: 'Unique',
-    plural: 'Uniques',
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text',
-      label: 'Title',
-      required: true,
-      unique: true,
-    },
-    {
-      name: 'description',
-      type: 'textarea',
-      label: 'Description',
-    },
-  ],
-};
-
-export default Uniques;

demo/collections/Validations.ts

@@ -1,113 +0,0 @@
-import { PayloadCollectionConfig } from '../../src/collections/config/types';
-
-const Validations: PayloadCollectionConfig = {
-  slug: 'validations',
-  labels: {
-    singular: 'Validation',
-    plural: 'Validations',
-  },
-  access: {
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'text',
-      type: 'text',
-      label: 'Text',
-      required: true,
-      validate: (value) => {
-        const result = value === 'test';
-
-        if (!result) {
-          return 'The only accepted value of this field is "test".';
-        }
-
-        return true;
-      },
-    },
-    {
-      type: 'row',
-      fields: [
-        {
-          name: 'lessThan10',
-          label: 'Less than 10',
-          type: 'number',
-          required: true,
-          validate: (value) => {
-            const result = parseInt(value, 10) < 10;
-
-            if (!result) {
-              return 'The value of this field needs to be less than 10.';
-            }
-
-            return true;
-          },
-        }, {
-          name: 'greaterThan10LessThan50',
-          label: 'Greater than 10, Less than 50',
-          type: 'number',
-          required: true,
-          min: 10,
-          max: 50,
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Should have at least 3 rows',
-      name: 'atLeast3Rows',
-      required: true,
-      validate: (value) => {
-        const result = value && value.length >= 3;
-
-        if (!result) {
-          return 'This array needs to have at least 3 rows.';
-        }
-
-        return true;
-      },
-      fields: [
-        {
-          type: 'number',
-          name: 'greaterThan30',
-          label: 'Number should be greater than 30',
-          required: true,
-          validate: (value) => {
-            const result = value > 30;
-
-            if (!result) {
-              return 'This value of this field needs to be greater than 30.';
-            }
-
-            return true;
-          },
-        },
-      ],
-    },
-    {
-      type: 'array',
-      label: 'Default array validation',
-      name: 'array',
-      required: true,
-      fields: [
-        {
-          type: 'number',
-          name: 'lessThan20',
-          label: 'Number should be less than 20',
-          required: true,
-          validate: (value) => {
-            const result = value < 30;
-
-            if (!result) {
-              return 'This value of this field needs to be less than 20.';
-            }
-
-            return true;
-          },
-        },
-      ],
-    },
-  ],
-};
-
-export default Validations;

demo/custom-index.html

@@ -1,15 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="application-name" content="My Payload Application" />
-</head>
-
-<body>
-  <div id="app"></div>
-  <div id="portal"></div>
-</body>
-
-</html>

demo/customComponents/views/Account/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const CustomAccountView: React.FC = () => <div>fake account view</div>;
-
-export default CustomAccountView;

demo/customComponents/views/Dashboard/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-const CustomDashboardView: React.FC = () => <div>fake dashboard view</div>;
-
-export default CustomDashboardView;

demo/globals/BlocksGlobal.ts

@@ -1,22 +0,0 @@
-import checkRole from '../access/checkRole';
-import Quote from '../blocks/Quote';
-import CallToAction from '../blocks/CallToAction';
-import { PayloadGlobalConfig } from '../../src/globals/config/types';
-
-export default {
-  slug: 'blocks-global',
-  label: 'Blocks Global',
-  access: {
-    update: ({ req: { user } }) => checkRole(['admin'], user),
-    read: () => true,
-  },
-  fields: [
-    {
-      name: 'blocks',
-      label: 'Blocks',
-      type: 'blocks',
-      blocks: [Quote, CallToAction],
-      localized: true,
-    },
-  ],
-} as PayloadGlobalConfig;