payload 0.20.1 → 0.20.4-beta.0

package/docs/fields/collapsible.mdx

@@ -0,0 +1,44 @@
+---
+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/date.mdx

@@ -1,7 +1,7 @@
 ---
 title: Date Field
 label: Date
-order: 60
+order: 70
 desc: The Date field type stores a Date in the database. Learn how to use and customize the Date field, see examples and options.
 keywords: date, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/email.mdx

@@ -1,7 +1,7 @@
 ---
 title: Email Field
 label: Email
-order: 70
+order: 80
 desc: The Email field enforces that the value provided is a valid email address. Learn how to use Email fields, see examples and options.
 keywords: email, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/group.mdx

@@ -1,7 +1,7 @@
 ---
 title: Group Field
 label: Group
-order: 80
+order: 90
 desc: The Group field allows other fields to be nested under a common property. Learn how to use Group fields, see examples and options.
 keywords: group, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/number.mdx

@@ -1,7 +1,7 @@
 ---
 title: Number Field
 label: Number
-order: 90
+order: 100
 desc: Number fields store and validate numeric data. Learn how to use and format Number fields, see examples and Number field options.
 keywords: number, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/overview.mdx

@@ -38,6 +38,7 @@ const Pages = {
 - [Blocks](/docs/fields/blocks) - block-based fields, allowing powerful layout creation
 - [Checkbox](/docs/fields/checkbox) - boolean true / false checkbox
 - [Code](/docs/fields/code) - code editor that saves a string to the database
+- [Collapsible](/docs/fields/collapsible) - used for admin layout, nest fields within a collapsible component
 - [Date](/docs/fields/date) - date / time field that saves a timestamp
 - [Email](/docs/fields/email) - validates the entry is a properly formatted email
 - [Group](/docs/fields/group) - nest fields within an object

package/docs/fields/point.mdx

@@ -1,7 +1,7 @@
 ---
 title: Point Field
 label: Point
-order: 95
+order: 110
 desc: The Point field type stores coordinates in the database. Learn how to use Point field for geolocation and geometry.
 
 keywords: point, geolocation, geospatial, geojson, 2dsphere, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express

package/docs/fields/radio.mdx

@@ -1,7 +1,7 @@
 ---
 title: Radio Field
 label: Radio Group
-order: 100
+order: 120
 desc: The Radio field type allows for the selection of one value from a predefined set of possible values. Learn how to use Radio fields, see examples and options.
 keywords: radio, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/relationship.mdx

@@ -1,7 +1,7 @@
 ---
 title: Relationship Field
 label: Relationship
-order: 110
+order: 130
 desc: The Relationship field provides the ability to relate documents together. Learn how to use Relationship fields, see examples and options.
 keywords: relationship, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/rich-text.mdx

@@ -1,7 +1,7 @@
 ---
 title: Rich Text Field
 label: Rich Text
-order: 120
+order: 140
 desc: The Rich Text field allows dynamic content to be written through the Admin Panel. Learn how to use Rich Text fields, see examples and options.
 keywords: rich text, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/row.mdx

@@ -1,7 +1,7 @@
 ---
 title: Row Field
 label: Row
-order: 130
+order: 150
 desc: With the Row field you can arrange fields next to each other in the Admin Panel to help you customize your Dashboard.
 keywords: row, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/select.mdx

@@ -1,7 +1,7 @@
 ---
 title: Select Field
 label: Select
-order: 140
+order: 160
 desc: The Select field provides a dropdown-style interface for choosing options from a predefined list. Learn how to use Select fields, see examples and options.
 keywords: select, multi-select, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/tabs.mdx

@@ -0,0 +1,9 @@
+---
+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

package/docs/fields/text.mdx

@@ -1,7 +1,7 @@
 ---
 title: Text Field
 label: Text
-order: 150
+order: 180
 desc: Text field types simply save a string to the database and provide the Admin panel with a text input. Learn how to use Text fields, see examples and options.
 keywords: text, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/textarea.mdx

@@ -1,7 +1,7 @@
 ---
 title: Textarea Field
 label: Textarea
-order: 160
+order: 190
 desc: Textarea field types save a string to the database, similar to the Text field type but equipped for longer text. Learn how to use Textarea fields, see examples and options.
 keywords: textarea, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/ui.mdx

@@ -1,7 +1,7 @@
 ---
 title: UI Field
 label: UI
-order: 170
+order: 200
 desc: UI fields are purely presentational and allow developers to customize the admin panel to a very fine degree, including adding actions and other functions.
 keywords: custom field, react component, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/docs/fields/upload.mdx

@@ -1,7 +1,7 @@
 ---
 title: Upload Field
 label: Upload
-order: 180
+order: 210
 desc: Upload fields will allow a file to be uploaded, only from a collection supporting Uploads. Learn how to use Upload fields, see examples and options.
 keywords: upload, images media, fields, config, configuration, documentation, Content Management System, cms, headless, javascript, node, react, express
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "0.20.1",
+  "version": "0.20.4-beta.0",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "MIT",
   "author": {
@@ -37,14 +37,15 @@
     "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": "cross-env PAYLOAD_CONFIG_PATH=demo/payload.config.ts nodemon",
-    "test": "yarn test:int && yarn test:client",
+    "dev": "nodemon",
+    "dev:generatetypes": "node ./test/generateTypes.js",
     "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",
+    "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",
     "clean": "rimraf dist",
     "release": "release-it",
     "release:patch": "release-it patch",
@@ -89,7 +90,6 @@
     "@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",
@@ -192,6 +192,7 @@
   },
   "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,15 +262,16 @@
     "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",
@@ -290,7 +292,7 @@
     "*.js",
     "*.d.ts",
     "!jest.config.js",
-    "!jest.react.config.js"
+    "!jest.components.config.js"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/scss/index.scss

@@ -1,12 +1,5 @@
 @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/dist/admin/components/forms/DraggableSection/ActionPanel/index.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import Button from '../../../elements/Button';
-import Popup from '../../../elements/Popup';
-import BlockSelector from '../../field-types/Blocks/BlockSelector';
-import './index.scss';
-const baseClass = 'action-panel';
-const ActionPanel = (props) => {
-    const { addRow, removeRow, label = 'Row', blockType, blocks = [], rowIndex, isHovered, hasMaxRows, } = props;
-    const classes = [
-        baseClass,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "right", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__remove-row`, round: true, buttonStyle: "none", icon: "x", iconPosition: "left", iconStyle: "with-border", onClick: () => removeRow(rowIndex) })) },
-            "Remove\u00A0",
-            label),
-        !hasMaxRows && (React.createElement(React.Fragment, null, blockType === 'blocks'
-            ? (React.createElement(Popup, { buttonType: "custom", size: "large", horizontalAlign: "right", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border" })), render: ({ close }) => (React.createElement(BlockSelector, { blocks: blocks, addRow: addRow, addRowIndex: rowIndex, close: close, parentIsHovered: isHovered, watchParentHover: true })) }))
-            : (React.createElement(Popup, { showOnHover: true, size: "wide", color: "dark", horizontalAlign: "center", buttonType: "custom", button: (React.createElement(Button, { className: `${baseClass}__add-row`, round: true, buttonStyle: "none", icon: "plus", iconPosition: "left", iconStyle: "with-border", onClick: () => addRow(rowIndex) })) },
-                "Add\u00A0",
-                label))))));
-};
-export default ActionPanel;

package/dist/admin/components/forms/DraggableSection/ActionPanel/index.scss

@@ -1,12 +0,0 @@
-@import '../../../../scss/styles';
-
-.action-panel {
-
-  &__remove-row {
-    margin: 0 0 base(.3);
-  }
-
-  &__add-row {
-    margin: base(.3) 0 0;
-  }
-}

package/dist/admin/components/forms/DraggableSection/ActionPanel/types.d.ts

@@ -1,11 +0,0 @@
-import { Block } from '../../../../../fields/config/types';
-export declare type Props = {
-    label: string;
-    addRow?: (index: number, blockType?: string) => void;
-    removeRow?: (index: number) => void;
-    blockType?: string;
-    isHovered: boolean;
-    rowIndex: number;
-    blocks?: Block[];
-    hasMaxRows?: boolean;
-};

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import Button from '../../../elements/Button';
-import './index.scss';
-const baseClass = 'position-panel';
-const PositionPanel = (props) => {
-    const { moveRow, positionIndex, rowCount, readOnly } = props;
-    const adjustedIndex = positionIndex + 1;
-    const classes = [
-        baseClass,
-        `${baseClass}__${readOnly ? 'read-only' : ''}`,
-    ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-backward ${positionIndex === 0 ? 'first-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex - 1) })),
-        (adjustedIndex && typeof positionIndex === 'number')
-            && (React.createElement("div", { className: `${baseClass}__current-position` }, adjustedIndex >= 10 ? adjustedIndex : `0${adjustedIndex}`)),
-        !readOnly && (React.createElement(Button, { className: `${baseClass}__move-forward ${(positionIndex === rowCount - 1) ? 'last-row' : ''}`, buttonStyle: "none", icon: "chevron", round: true, onClick: () => moveRow(positionIndex, positionIndex + 1) }))));
-};
-export default PositionPanel;

package/dist/admin/components/forms/DraggableSection/PositionPanel/index.scss

@@ -1,21 +0,0 @@
-@import '../../../../scss/styles';
-
-.position-panel {
-  &__move-backward {
-    transform: rotate(.5turn);
-    margin: 0;
-    opacity: 0;
-  }
-
-  &__move-forward {
-    margin: 0;
-    opacity: 0;
-  }
-
-  &__current-position {
-    text-align: center;
-    color: $color-gray;
-  }
-
-  padding-right: base(.5);
-}

package/dist/admin/components/forms/DraggableSection/PositionPanel/types.d.ts

@@ -1,6 +0,0 @@
-export declare type Props = {
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    positionIndex: number;
-    rowCount: number;
-    readOnly: boolean;
-};

package/dist/admin/components/forms/DraggableSection/SectionTitle/index.scss

@@ -1,37 +0,0 @@
-@import '../../../../scss/styles';
-
-.section-title {
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  &__input {
-    flex-grow: 1;
-    color: $color-dark-gray;
-    background-color: transparent;
-    font-family: $font-body;
-    font-weight: 600;
-    font-size: base(.75);
-    padding: base(.1) base(.2);
-    margin-left: base(.5);
-    margin-right: base(.5);
-    border: none;
-
-    &:hover {
-      box-shadow: inset 0px -2px 0px -1px $color-light-gray;
-    }
-
-    &:hover,
-    &:focus {
-      outline: 0;
-    }
-
-    &:focus {
-      box-shadow: none;
-    }
-  }
-
-  &__pill {
-    flex-shrink: 0;
-  }
-}

package/dist/admin/components/forms/DraggableSection/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const DraggableSection: React.FC<Props>;
-export default DraggableSection;

package/dist/admin/components/forms/DraggableSection/index.js

@@ -1,40 +0,0 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import { Draggable } from 'react-beautiful-dnd';
-import ActionPanel from './ActionPanel';
-import SectionTitle from './SectionTitle';
-import PositionPanel from './PositionPanel';
-import Button from '../../elements/Button';
-import { NegativeFieldGutterProvider } from '../FieldTypeGutter/context';
-import FieldTypeGutter from '../FieldTypeGutter';
-import RenderFields from '../RenderFields';
-import HiddenInput from '../field-types/HiddenInput';
-import './index.scss';
-import { fieldAffectsData } from '../../../../fields/config/types';
-const baseClass = 'draggable-section';
-const DraggableSection = (props) => {
-    const { moveRow, addRow, removeRow, rowIndex, rowCount, parentPath, fieldSchema, label, blockType, fieldTypes, id, setRowCollapse, isCollapsed, permissions, readOnly, hasMaxRows, } = props;
-    const [isHovered, setIsHovered] = useState(false);
-    const classes = [
-        baseClass,
-        isCollapsed ? 'is-collapsed' : 'is-open',
-        (isHovered && !readOnly) && 'is-hovered',
-    ].filter(Boolean).join(' ');
-    return (React.createElement(Draggable, { draggableId: id, index: rowIndex, isDragDisabled: readOnly }, (providedDrag) => (React.createElement("div", { ref: providedDrag.innerRef, className: classes, onMouseLeave: () => setIsHovered(false), onMouseOver: () => setIsHovered(true), onFocus: () => setIsHovered(true), ...providedDrag.draggableProps },
-        React.createElement("div", { className: `${baseClass}__content-wrapper` },
-            React.createElement(FieldTypeGutter, { variant: "left", dragHandleProps: providedDrag.dragHandleProps },
-                React.createElement(PositionPanel, { moveRow: moveRow, rowCount: rowCount, positionIndex: rowIndex, readOnly: readOnly })),
-            React.createElement("div", { className: `${baseClass}__render-fields-wrapper` },
-                blockType === 'blocks' && (React.createElement("div", { className: `${baseClass}__section-header` },
-                    React.createElement(HiddenInput, { name: `${parentPath}.${rowIndex}.id`, value: id }),
-                    React.createElement(SectionTitle, { label: label, path: `${parentPath}.${rowIndex}.blockName`, readOnly: readOnly }),
-                    React.createElement(Button, { icon: "chevron", onClick: () => setRowCollapse(id, !isCollapsed), buttonStyle: "icon-label", className: `toggle-collapse toggle-collapse--is-${isCollapsed ? 'collapsed' : 'open'}`, round: true }))),
-                React.createElement(AnimateHeight, { height: isCollapsed ? 0 : 'auto', duration: 200 },
-                    React.createElement(NegativeFieldGutterProvider, { allow: false },
-                        React.createElement(RenderFields, { readOnly: readOnly, fieldTypes: fieldTypes, key: rowIndex, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldSchema: fieldSchema.map((field) => ({
-                                ...field,
-                                path: `${parentPath}.${rowIndex}${fieldAffectsData(field) ? `.${field.name}` : ''}`,
-                            })) })))),
-            React.createElement(FieldTypeGutter, { variant: "right", className: "actions", dragHandleProps: providedDrag.dragHandleProps }, !readOnly && (React.createElement(ActionPanel, { addRow: addRow, removeRow: removeRow, rowIndex: rowIndex, label: label, isHovered: isHovered, hasMaxRows: hasMaxRows, ...props }))))))));
-};
-export default DraggableSection;

package/dist/admin/components/forms/DraggableSection/index.scss

@@ -1,113 +0,0 @@
-@import '../../../scss/styles.scss';
-
-//////////////////////
-// COMPONENT STYLES
-//////////////////////
-
-.draggable-section {
-  padding-bottom: base(.5);
-
-  .draggable-section {
-    padding-bottom: 0;
-  }
-
-  &__content-wrapper {
-    display: flex;
-    position: relative;
-    margin-bottom: $baseline;
-  }
-
-  &__section-header {
-    @include blur-bg(white);
-    display: flex;
-    position: sticky;
-    top: $top-header-offset;
-    z-index: 1;
-    padding: base(.75) base(.75);
-    margin-left: - base(.75);
-    margin-right: - base(.75);
-    width: calc(100% + #{base(1.5)});
-
-    .toggle-collapse {
-      margin: 0 0 0 auto;
-      transform: rotate(.5turn);
-
-      .btn__icon {
-        background-color: white;
-      }
-
-      &--is-collapsed {
-        transform: rotate(0turn);
-      }
-    }
-  }
-
-  &__render-fields-wrapper {
-    flex-grow: 1;
-  }
-
-  &.is-hovered > div {
-    > .field-type-gutter {
-      &.actions {
-
-        .field-type-gutter__content {
-          &:hover {
-            z-index: $z-nav;
-          }
-        }
-
-        .field-type-gutter__content-container {
-          box-shadow: none;
-        }
-      }
-      .field-type-gutter__content-container {
-        box-shadow: #{$style-stroke-width-m} 0px 0px 0px $color-dark-gray;
-      }
-
-      .position-panel__move-forward,
-      .position-panel__move-backward {
-        opacity: 1;
-
-        &.first-row,
-        &.last-row {
-          opacity: .15;
-          pointer-events: none;
-        }
-      }
-
-      .position-panel__current-position {
-        color: $color-dark-gray;
-      }
-    }
-
-    .toggle-collapse {
-      @include color-svg(white);
-
-      .btn__icon {
-        background-color: $color-gray;
-
-        &:hover {
-          background-color: $color-dark-gray;
-        }
-      }
-    }
-  }
-
-  label.field-label {
-    line-height: 1;
-    padding-bottom: base(.75)
-  }
-
-  @include mid-break {
-    min-width: base(16);
-
-    .position-panel__move-forward,
-    .position-panel__move-backward {
-      opacity: 1;
-    }
-
-    &__section-header {
-      top: $top-header-offset-m;
-    }
-  }
-}

package/dist/admin/components/forms/DraggableSection/types.d.ts

@@ -1,24 +0,0 @@
-import { Field, Block } from '../../../../fields/config/types';
-import { FieldTypes } from '../field-types';
-import { FieldPermissions } from '../../../../auth/types';
-export declare type Props = {
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    addRow: (index: number, blockType?: string) => void;
-    removeRow: (index: number) => void;
-    rowIndex: number;
-    rowCount: number;
-    parentPath: string;
-    fieldSchema: Field[];
-    label?: string;
-    blockType?: string;
-    fieldTypes: FieldTypes;
-    id: string;
-    isCollapsed?: boolean;
-    setRowCollapse?: (id: string, open: boolean) => void;
-    positionPanelVerticalAlignment?: 'top' | 'center' | 'sticky';
-    actionPanelVerticalAlignment?: 'top' | 'center' | 'sticky';
-    permissions: FieldPermissions;
-    readOnly: boolean;
-    blocks?: Block[];
-    hasMaxRows?: boolean;
-};

package/dist/admin/components/forms/FieldTypeGutter/context.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const NegativeFieldGutterProvider: React.FC<{
-    allow?: boolean;
-    children?: React.ReactNode;
-}>;
-export declare const useNegativeFieldGutter: () => boolean;

package/dist/admin/components/forms/FieldTypeGutter/context.js

@@ -1,9 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import { useWindowInfo } from '@faceless-ui/window-info';
-const context = createContext(false);
-const { Provider } = context;
-export const NegativeFieldGutterProvider = ({ children, allow }) => {
-    const { breakpoints: { m: midBreak } } = useWindowInfo();
-    return (React.createElement(Provider, { value: allow && !midBreak }, children));
-};
-export const useNegativeFieldGutter = () => useContext(context);