payload 0.20.0 → 0.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "MIT",
   "author": {
@@ -37,14 +37,14 @@
     "demo:generate:types": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts node dist/bin/generateTypes",
     "demo:generate:graphqlschema": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts node dist/bin/generateGraphQLSchema",
     "demo:serve": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=production nodemon",
-    "dev": "nodemon",
-    "dev:generatetypes": "node ./test/generateTypes.js",
-    "test": "yarn test:int && yarn test:components",
-    "test:int": "cross-env NODE_ENV=test DISABLE_LOGGING=true jest --forceExit --detectOpenHandles",
-    "test:e2e": "cross-env NODE_ENV=test DISABLE_LOGGING=true playwright test",
-    "test:e2e:headed": "cross-env NODE_ENV=test DISABLE_LOGGING=true playwright test --headed",
-    "test:e2e:debug": "cross-env PWDEBUG=1 NODE_ENV=test DISABLE_LOGGING=true playwright test",
-    "test:components": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=test jest --config=jest.components.config.js",
+    "dev": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts nodemon",
+    "test": "yarn test:int && yarn test:client",
+    "pretest": "yarn build",
+    "test:int": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=test DISABLE_LOGGING=true jest --forceExit --runInBand",
+    "test:client": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts NODE_ENV=test jest --config=jest.react.config.js",
+    "cy:open": "cypress open",
+    "cy:run": "cypress run",
+    "test:e2e": "cross-env DISABLE_LOGGING=true MEMORY_SERVER=true start-server-and-test dev http-get://localhost:3000/admin cy:run",
     "clean": "rimraf dist",
     "release": "release-it",
     "release:patch": "release-it patch",
@@ -89,6 +89,7 @@
     "@babel/preset-typescript": "^7.12.1",
     "@babel/register": "^7.11.5",
     "@date-io/date-fns": "^2.10.6",
+    "@faceless-ui/collapsibles": "^1.0.0",
     "@faceless-ui/modal": "^1.1.7",
     "@faceless-ui/scroll-info": "^1.2.3",
     "@faceless-ui/window-info": "^2.0.2",
@@ -191,7 +192,6 @@
   },
   "devDependencies": {
     "@bahmutov/cy-api": "^2.1.3",
-    "@playwright/test": "^1.23.1",
     "@release-it/conventional-changelog": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^13.0.1",
@@ -261,16 +261,15 @@
     "babel-plugin-ignore-html-and-css-imports": "^0.1.0",
     "copyfiles": "^2.4.0",
     "cross-env": "^7.0.2",
+    "cypress": "9.2.0",
     "eslint": "^6.8.0",
     "eslint-plugin-import": "^2.20.0",
     "eslint-plugin-jest": "^23.16.0",
     "eslint-plugin-jest-dom": "^4.0.1",
     "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-playwright": "^0.9.0",
     "eslint-plugin-react": "^7.18.0",
     "eslint-plugin-react-hooks": "^2.3.0",
     "form-data": "^3.0.0",
-    "get-port": "5.1.1",
     "graphql-request": "^3.4.0",
     "mongodb": "^3.6.2",
     "mongodb-memory-server": "^7.2.0",
@@ -291,7 +290,7 @@
     "*.js",
     "*.d.ts",
     "!jest.config.js",
-    "!jest.components.config.js"
+    "!jest.react.config.js"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/scss/index.scss

@@ -1,5 +1,12 @@
 @import '../dist/admin/scss/vars';
 @import '../dist/admin/scss/z-index';
+
+//////////////////////////////
+// IMPORT OVERRIDES
+//////////////////////////////
+
+@import '~payload-scss-overrides';
+
 @import '../dist/admin/scss/type';
 @import '../dist/admin/scss/queries';
 @import '../dist/admin/scss/resets';

package/docs/fields/collapsible.mdx

@@ -1,44 +0,0 @@
----
-title: Collapsible Field
-label: Collapsible
-order: 60
-desc: With the Collapsible field, you can place fields within a collapsible layout component that can be collapsed / expanded.
-keywords: row, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
----
-
-<Banner >
-  The Collapsible field is presentational-only and only affects the Admin panel. By using it, you can place fields within a nice layout component that can be collapsed / expanded.
-</Banner>
-
-### Config
-
-| Option           | Description |
-| ---------------- | ----------- |
-| **`label`** *        | A label to render within the header of the collapsible component. |
-| **`fields`** *       | Array of field types to nest within this Collapsible. |
-| **`admin`**          | Admin-specific configuration. See the [default field admin config](/docs/fields/overview#admin-config) for more details. |
-
-*\* An asterisk denotes that a property is required.*
-
-### Example
-
-`collections/ExampleCollection.js`
-```js
-{
-  slug: 'example-collection',
-  fields: [
-    {
-      label: 'Header of collapsible goes here',
-      type: 'collapsible', // required
-      fields: [ // required
-        {
-          name: 'someTextField',
-          type: 'text',
-          required: true,
-        },
-      ],
-    }
-  ]
-}
-
-```

package/docs/fields/tabs.mdx

@@ -1,9 +0,0 @@
----
-title: Tabs Field
-label: Tabs
-order: 170
-desc: Tabs field desc here
-keywords: tabs, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
----
-
-Coming soon