payload 1.4.2 → 1.5.0

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

@@ -1,7 +1,7 @@
 import { FieldPermissions } from '../../../../auth/types';
 import { FieldWithPath, Field } from '../../../../fields/config/types';
 import { FieldTypes } from '../field-types';
-export declare type Props = {
+export type Props = {
     className?: string;
     readOnly?: boolean;
     forceRender?: boolean;

package/dist/admin/components/forms/RenderFields/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,32 +1,39 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { isComponent } from './types';
-import { useWatchForm } from '../Form/context';
-import { getTranslation } from '../../../../utilities/getTranslation';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowLabel = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const types_1 = require("./types");
+const context_1 = require("../Form/context");
+const getTranslation_1 = require("../../../../utilities/getTranslation");
 const baseClass = 'row-label';
-export const RowLabel = ({ className, ...rest }) => {
-    return (React.createElement("span", { style: {
+const RowLabel = ({ className, ...rest }) => {
+    return (react_1.default.createElement("span", { style: {
             pointerEvents: 'none',
         }, className: [
             baseClass,
             className,
         ].filter(Boolean).join(' ') },
-        React.createElement(RowLabelContent, { ...rest })));
+        react_1.default.createElement(RowLabelContent, { ...rest })));
 };
+exports.RowLabel = RowLabel;
 const RowLabelContent = (props) => {
     const { path, label, rowNumber, } = props;
-    const { i18n } = useTranslation();
-    const { getDataByPath, getSiblingData } = useWatchForm();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const { getDataByPath, getSiblingData } = (0, context_1.useWatchForm)();
     const collapsibleData = getSiblingData(path);
     const arrayData = getDataByPath(path);
     const data = arrayData || collapsibleData;
-    if (isComponent(label)) {
+    if ((0, types_1.isComponent)(label)) {
         const Label = label;
-        return (React.createElement(Label, { data: data, path: path, index: rowNumber }));
+        return (react_1.default.createElement(Label, { data: data, path: path, index: rowNumber }));
     }
-    return (React.createElement(React.Fragment, null, typeof label === 'function' ? label({
+    return (react_1.default.createElement(react_1.default.Fragment, null, typeof label === 'function' ? label({
         data,
         path,
         index: rowNumber,
-    }) : getTranslation(label, i18n)));
+    }) : (0, getTranslation_1.getTranslation)(label, i18n)));
 };

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

@@ -1,17 +1,17 @@
 import React from 'react';
 import { Data } from '../Form/types';
-export declare type Props = {
+export type Props = {
     path: string;
     label?: RowLabel;
     rowNumber?: number;
     className?: string;
 };
-export declare type RowLabelArgs = {
+export type RowLabelArgs = {
     data: Data;
     path: string;
     index?: number;
 };
-export declare type RowLabelFunction = (args: RowLabelArgs) => string;
-export declare type RowLabelComponent = React.ComponentType<RowLabelArgs>;
-export declare type RowLabel = string | Record<string, string> | RowLabelFunction | RowLabelComponent;
+export type RowLabelFunction = (args: RowLabelArgs) => string;
+export type RowLabelComponent = React.ComponentType<RowLabelArgs>;
+export type RowLabel = string | Record<string, string> | RowLabelFunction | RowLabelComponent;
 export declare function isComponent(label: RowLabel): label is RowLabelComponent;

package/dist/admin/components/forms/RowLabel/types.js

@@ -9,4 +9,3 @@ function isComponent(label) {
     return react_1.default.isValidElement(label);
 }
 exports.isComponent = isComponent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWRtaW4vY29tcG9uZW50cy9mb3Jtcy9Sb3dMYWJlbC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxrREFBMEI7QUFzQjFCLFNBQWdCLFdBQVcsQ0FBQyxLQUFlO0lBQ3pDLE9BQU8sZUFBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUNyQyxDQUFDO0FBRkQsa0NBRUMifQ==

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

@@ -1,13 +1,18 @@
-import React from 'react';
-import { useForm, useFormProcessing } from '../Form/context';
-import Button from '../../elements/Button';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const context_1 = require("../Form/context");
+const Button_1 = __importDefault(require("../../elements/Button"));
+require("./index.scss");
 const baseClass = 'form-submit';
 const FormSubmit = (props) => {
     const { children, buttonId: id, disabled: disabledFromProps, type = 'submit' } = props;
-    const processing = useFormProcessing();
-    const { disabled } = useForm();
-    return (React.createElement("div", { className: baseClass },
-        React.createElement(Button, { ...props, id: id, type: type, disabled: disabledFromProps || processing || disabled ? true : undefined }, children)));
+    const processing = (0, context_1.useFormProcessing)();
+    const { disabled } = (0, context_1.useForm)();
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(Button_1.default, { ...props, id: id, type: type, disabled: disabledFromProps || processing || disabled ? true : undefined }, children)));
 };
-export default FormSubmit;
+exports.default = FormSubmit;

package/dist/admin/components/forms/field-types/Array/index.js

@@ -1,48 +1,76 @@
-import React, { useCallback, useEffect, useReducer } from 'react';
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
-import { useTranslation } from 'react-i18next';
-import { useAuth } from '../../../utilities/Auth';
-import withCondition from '../../withCondition';
-import Button from '../../../elements/Button';
-import reducer from '../rowReducer';
-import { useForm } from '../../Form/context';
-import buildStateFromSchema from '../../Form/buildStateFromSchema';
-import useField from '../../useField';
-import { useLocale } from '../../../utilities/Locale';
-import Error from '../../Error';
-import { array } from '../../../../../fields/validations';
-import Banner from '../../../elements/Banner';
-import FieldDescription from '../../FieldDescription';
-import { useDocumentInfo } from '../../../utilities/DocumentInfo';
-import { useOperation } from '../../../utilities/OperationProvider';
-import { Collapsible } from '../../../elements/Collapsible';
-import RenderFields from '../../RenderFields';
-import { usePreferences } from '../../../utilities/Preferences';
-import { ArrayAction } from '../../../elements/ArrayAction';
-import { scrollToID } from '../../../../utilities/scrollToID';
-import HiddenInput from '../HiddenInput';
-import { RowLabel } from '../../RowLabel';
-import { getTranslation } from '../../../../../utilities/getTranslation';
-import { createNestedFieldPath } from '../../Form/createNestedFieldPath';
-import './index.scss';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_beautiful_dnd_1 = require("react-beautiful-dnd");
+const react_i18next_1 = require("react-i18next");
+const Auth_1 = require("../../../utilities/Auth");
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const Button_1 = __importDefault(require("../../../elements/Button"));
+const rowReducer_1 = __importDefault(require("../rowReducer"));
+const context_1 = require("../../Form/context");
+const buildStateFromSchema_1 = __importDefault(require("../../Form/buildStateFromSchema"));
+const useField_1 = __importDefault(require("../../useField"));
+const Locale_1 = require("../../../utilities/Locale");
+const Error_1 = __importDefault(require("../../Error"));
+const validations_1 = require("../../../../../fields/validations");
+const Banner_1 = __importDefault(require("../../../elements/Banner"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
+const OperationProvider_1 = require("../../../utilities/OperationProvider");
+const Collapsible_1 = require("../../../elements/Collapsible");
+const RenderFields_1 = __importDefault(require("../../RenderFields"));
+const Preferences_1 = require("../../../utilities/Preferences");
+const ArrayAction_1 = require("../../../elements/ArrayAction");
+const scrollToID_1 = require("../../../../utilities/scrollToID");
+const HiddenInput_1 = __importDefault(require("../HiddenInput"));
+const RowLabel_1 = require("../../RowLabel");
+const getTranslation_1 = require("../../../../../utilities/getTranslation");
+const createNestedFieldPath_1 = require("../../Form/createNestedFieldPath");
+require("./index.scss");
 const baseClass = 'array-field';
 const ArrayFieldType = (props) => {
     var _a, _b;
-    const { name, path: pathFromProps, fields, fieldTypes, validate = array, required, maxRows, minRows, permissions, indexPath, admin: { readOnly, description, condition, initCollapsed, className, components, }, } = props;
+    const { name, path: pathFromProps, fields, fieldTypes, validate = validations_1.array, required, maxRows, minRows, permissions, indexPath, admin: { readOnly, description, condition, initCollapsed, className, components, }, } = props;
     const path = pathFromProps || name;
     // eslint-disable-next-line react/destructuring-assignment
     const label = (_a = props === null || props === void 0 ? void 0 : props.label) !== null && _a !== void 0 ? _a : (_b = props === null || props === void 0 ? void 0 : props.labels) === null || _b === void 0 ? void 0 : _b.singular;
     const CustomRowLabel = (components === null || components === void 0 ? void 0 : components.RowLabel) || undefined;
-    const { preferencesKey } = useDocumentInfo();
-    const { getPreference } = usePreferences();
-    const { setPreference } = usePreferences();
-    const [rows, dispatchRows] = useReducer(reducer, undefined);
-    const formContext = useForm();
-    const { user } = useAuth();
-    const { id } = useDocumentInfo();
-    const locale = useLocale();
-    const operation = useOperation();
-    const { t, i18n } = useTranslation('fields');
+    const { preferencesKey } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { getPreference } = (0, Preferences_1.usePreferences)();
+    const { setPreference } = (0, Preferences_1.usePreferences)();
+    const [rows, dispatchRows] = (0, react_1.useReducer)(rowReducer_1.default, undefined);
+    const formContext = (0, context_1.useForm)();
+    const { user } = (0, Auth_1.useAuth)();
+    const { id } = (0, DocumentInfo_1.useDocumentInfo)();
+    const locale = (0, Locale_1.useLocale)();
+    const operation = (0, OperationProvider_1.useOperation)();
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
     // Handle labeling for Arrays, Global Arrays, and Blocks
     const getLabels = (p) => {
         if (p === null || p === void 0 ? void 0 : p.labels)
@@ -53,50 +81,50 @@ const ArrayFieldType = (props) => {
     };
     const labels = getLabels(props);
     const { dispatchFields, setModified } = formContext;
-    const memoizedValidate = useCallback((value, options) => {
+    const memoizedValidate = (0, react_1.useCallback)((value, options) => {
         return validate(value, { ...options, minRows, maxRows, required });
     }, [maxRows, minRows, required, validate]);
-    const { showError, errorMessage, value, } = useField({
+    const { showError, errorMessage, value, } = (0, useField_1.default)({
         path,
         validate: memoizedValidate,
         condition,
         disableFormData: (rows === null || rows === void 0 ? void 0 : rows.length) > 0,
     });
-    const addRow = useCallback(async (rowIndex) => {
-        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale, t });
+    const addRow = (0, react_1.useCallback)(async (rowIndex) => {
+        const subFieldState = await (0, buildStateFromSchema_1.default)({ fieldSchema: fields, operation, id, user, locale, t });
         dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path });
         dispatchRows({ type: 'ADD', rowIndex });
         setModified(true);
         setTimeout(() => {
-            scrollToID(`${path}-row-${rowIndex + 1}`);
+            (0, scrollToID_1.scrollToID)(`${path}-row-${rowIndex + 1}`);
         }, 0);
     }, [dispatchRows, dispatchFields, fields, path, operation, id, user, locale, setModified, t]);
-    const duplicateRow = useCallback(async (rowIndex) => {
+    const duplicateRow = (0, react_1.useCallback)(async (rowIndex) => {
         dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
         dispatchRows({ type: 'ADD', rowIndex });
         setModified(true);
         setTimeout(() => {
-            scrollToID(`${path}-row-${rowIndex + 1}`);
+            (0, scrollToID_1.scrollToID)(`${path}-row-${rowIndex + 1}`);
         }, 0);
     }, [dispatchRows, dispatchFields, path, setModified]);
-    const removeRow = useCallback((rowIndex) => {
+    const removeRow = (0, react_1.useCallback)((rowIndex) => {
         dispatchRows({ type: 'REMOVE', rowIndex });
         dispatchFields({ type: 'REMOVE_ROW', rowIndex, path });
         setModified(true);
     }, [dispatchRows, dispatchFields, path, setModified]);
-    const moveRow = useCallback((moveFromIndex, moveToIndex) => {
+    const moveRow = (0, react_1.useCallback)((moveFromIndex, moveToIndex) => {
         dispatchRows({ type: 'MOVE', moveFromIndex, moveToIndex });
         dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path });
         setModified(true);
     }, [dispatchRows, dispatchFields, path, setModified]);
-    const onDragEnd = useCallback((result) => {
+    const onDragEnd = (0, react_1.useCallback)((result) => {
         if (!result.destination)
             return;
         const sourceIndex = result.source.index;
         const destinationIndex = result.destination.index;
         moveRow(sourceIndex, destinationIndex);
     }, [moveRow]);
-    const setCollapse = useCallback(async (rowID, collapsed) => {
+    const setCollapse = (0, react_1.useCallback)(async (rowID, collapsed) => {
         var _a, _b, _c;
         dispatchRows({ type: 'SET_COLLAPSE', id: rowID, collapsed });
         if (preferencesKey) {
@@ -126,7 +154,7 @@ const ArrayFieldType = (props) => {
             });
         }
     }, [preferencesKey, getPreference, path, setPreference, initCollapsed, rows]);
-    const toggleCollapseAll = useCallback(async (collapse) => {
+    const toggleCollapseAll = (0, react_1.useCallback)(async (collapse) => {
         var _a;
         dispatchRows({ type: 'SET_ALL_COLLAPSED', collapse });
         if (preferencesKey) {
@@ -143,7 +171,7 @@ const ArrayFieldType = (props) => {
             });
         }
     }, [path, getPreference, preferencesKey, rows, setPreference]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const initializeRowState = async () => {
             var _a, _b;
             const data = formContext.getDataByPath(path);
@@ -160,38 +188,38 @@ const ArrayFieldType = (props) => {
     ].filter(Boolean).join(' ');
     if (!rows)
         return null;
-    return (React.createElement(DragDropContext, { onDragEnd: onDragEnd },
-        React.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: classes },
-            React.createElement("div", { className: `${baseClass}__error-wrap` },
-                React.createElement(Error, { showError: showError, message: errorMessage })),
-            React.createElement("header", { className: `${baseClass}__header` },
-                React.createElement("div", { className: `${baseClass}__header-wrap` },
-                    React.createElement("h3", null, getTranslation(label || name, i18n)),
-                    React.createElement("ul", { className: `${baseClass}__header-actions` },
-                        React.createElement("li", null,
-                            React.createElement("button", { type: "button", onClick: () => toggleCollapseAll(true), className: `${baseClass}__header-action` }, t('collapseAll'))),
-                        React.createElement("li", null,
-                            React.createElement("button", { type: "button", onClick: () => toggleCollapseAll(false), className: `${baseClass}__header-action` }, t('showAll'))))),
-                React.createElement(FieldDescription, { className: `field-description-${path.replace(/\./gi, '__')}`, value: value, description: description })),
-            React.createElement(Droppable, { droppableId: "array-drop" }, (provided) => (React.createElement("div", { ref: provided.innerRef, ...provided.droppableProps },
+    return (react_1.default.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: onDragEnd },
+        react_1.default.createElement("div", { id: `field-${path.replace(/\./gi, '__')}`, className: classes },
+            react_1.default.createElement("div", { className: `${baseClass}__error-wrap` },
+                react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage })),
+            react_1.default.createElement("header", { className: `${baseClass}__header` },
+                react_1.default.createElement("div", { className: `${baseClass}__header-wrap` },
+                    react_1.default.createElement("h3", null, (0, getTranslation_1.getTranslation)(label || name, i18n)),
+                    react_1.default.createElement("ul", { className: `${baseClass}__header-actions` },
+                        react_1.default.createElement("li", null,
+                            react_1.default.createElement("button", { type: "button", onClick: () => toggleCollapseAll(true), className: `${baseClass}__header-action` }, t('collapseAll'))),
+                        react_1.default.createElement("li", null,
+                            react_1.default.createElement("button", { type: "button", onClick: () => toggleCollapseAll(false), className: `${baseClass}__header-action` }, t('showAll'))))),
+                react_1.default.createElement(FieldDescription_1.default, { className: `field-description-${path.replace(/\./gi, '__')}`, value: value, description: description })),
+            react_1.default.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "array-drop" }, (provided) => (react_1.default.createElement("div", { ref: provided.innerRef, ...provided.droppableProps },
                 rows.length > 0 && rows.map((row, i) => {
                     const rowNumber = i + 1;
-                    const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowNumber).padStart(2, '0')}`;
-                    return (React.createElement(Draggable, { key: row.id, draggableId: row.id, index: i, isDragDisabled: readOnly }, (providedDrag) => (React.createElement("div", { id: `${path}-row-${i}`, ref: providedDrag.innerRef, ...providedDrag.draggableProps },
-                        React.createElement(Collapsible, { collapsed: row.collapsed, onToggle: (collapsed) => setCollapse(row.id, collapsed), className: `${baseClass}__row`, key: row.id, dragHandleProps: providedDrag.dragHandleProps, header: (React.createElement(RowLabel, { path: `${path}.${i}`, label: CustomRowLabel || fallbackLabel, rowNumber: rowNumber })), actions: !readOnly ? (React.createElement(ArrayAction, { rowCount: rows.length, duplicateRow: duplicateRow, addRow: addRow, moveRow: moveRow, removeRow: removeRow, index: i })) : undefined },
-                            React.createElement(HiddenInput, { name: `${path}.${i}.id`, value: row.id }),
-                            React.createElement(RenderFields, { className: `${baseClass}__fields`, forceRender: true, readOnly: readOnly, fieldTypes: fieldTypes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, indexPath: indexPath, fieldSchema: fields.map((field) => ({
+                    const fallbackLabel = `${(0, getTranslation_1.getTranslation)(labels.singular, i18n)} ${String(rowNumber).padStart(2, '0')}`;
+                    return (react_1.default.createElement(react_beautiful_dnd_1.Draggable, { key: row.id, draggableId: row.id, index: i, isDragDisabled: readOnly }, (providedDrag) => (react_1.default.createElement("div", { id: `${path}-row-${i}`, ref: providedDrag.innerRef, ...providedDrag.draggableProps },
+                        react_1.default.createElement(Collapsible_1.Collapsible, { collapsed: row.collapsed, onToggle: (collapsed) => setCollapse(row.id, collapsed), className: `${baseClass}__row`, key: row.id, dragHandleProps: providedDrag.dragHandleProps, header: (react_1.default.createElement(RowLabel_1.RowLabel, { path: `${path}.${i}`, label: CustomRowLabel || fallbackLabel, rowNumber: rowNumber })), actions: !readOnly ? (react_1.default.createElement(ArrayAction_1.ArrayAction, { rowCount: rows.length, duplicateRow: duplicateRow, addRow: addRow, moveRow: moveRow, removeRow: removeRow, index: i })) : undefined },
+                            react_1.default.createElement(HiddenInput_1.default, { name: `${path}.${i}.id`, value: row.id }),
+                            react_1.default.createElement(RenderFields_1.default, { className: `${baseClass}__fields`, forceRender: true, readOnly: readOnly, fieldTypes: fieldTypes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, indexPath: indexPath, fieldSchema: fields.map((field) => ({
                                     ...field,
-                                    path: createNestedFieldPath(`${path}.${i}`, field),
+                                    path: (0, createNestedFieldPath_1.createNestedFieldPath)(`${path}.${i}`, field),
                                 })) }))))));
                 }),
-                (rows.length < minRows || (required && rows.length === 0)) && (React.createElement(Banner, { type: "error" }, t('validation:requiresAtLeast', {
+                (rows.length < minRows || (required && rows.length === 0)) && (react_1.default.createElement(Banner_1.default, { type: "error" }, t('validation:requiresAtLeast', {
                     count: minRows,
-                    label: getTranslation(minRows ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:row' : 'general:rows'),
+                    label: (0, getTranslation_1.getTranslation)(minRows ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:row' : 'general:rows'),
                 }))),
-                (rows.length === 0 && readOnly) && (React.createElement(Banner, null, t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) }))),
+                (rows.length === 0 && readOnly) && (react_1.default.createElement(Banner_1.default, null, t('validation:fieldHasNo', { label: (0, getTranslation_1.getTranslation)(labels.plural, i18n) }))),
                 provided.placeholder))),
-            (!readOnly && !hasMaxRows) && (React.createElement("div", { className: `${baseClass}__add-button-wrap` },
-                React.createElement(Button, { onClick: () => addRow(value), buttonStyle: "icon-label", icon: "plus", iconStyle: "with-border", iconPosition: "left" }, t('addLabel', { label: getTranslation(labels.singular, i18n) })))))));
+            (!readOnly && !hasMaxRows) && (react_1.default.createElement("div", { className: `${baseClass}__add-button-wrap` },
+                react_1.default.createElement(Button_1.default, { onClick: () => addRow(value), buttonStyle: "icon-label", icon: "plus", iconStyle: "with-border", iconPosition: "left" }, t('addLabel', { label: (0, getTranslation_1.getTranslation)(labels.singular, i18n) })))))));
 };
-export default withCondition(ArrayFieldType);
+exports.default = (0, withCondition_1.default)(ArrayFieldType);

package/dist/admin/components/forms/field-types/Array/types.d.ts

@@ -1,7 +1,7 @@
 import { ArrayField } from '../../../../../fields/config/types';
 import { FieldTypes } from '..';
 import { FieldPermissions } from '../../../../../auth/types';
-export declare type Props = Omit<ArrayField, 'type'> & {
+export type Props = Omit<ArrayField, 'type'> & {
     path?: string;
     fieldTypes: FieldTypes;
     permissions: FieldPermissions;

package/dist/admin/components/forms/field-types/Array/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlockSearch/index.js

@@ -1,16 +1,21 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import SearchIcon from '../../../../../graphics/Search';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Search_1 = __importDefault(require("../../../../../graphics/Search"));
+require("./index.scss");
 const baseClass = 'block-search';
 const BlockSearch = (props) => {
     const { setSearchTerm } = props;
-    const { t } = useTranslation('fields');
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
     const handleChange = (e) => {
         setSearchTerm(e.target.value);
     };
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("input", { className: `${baseClass}__input`, placeholder: t('searchForBlock'), onChange: handleChange }),
-        React.createElement(SearchIcon, null)));
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("input", { className: `${baseClass}__input`, placeholder: t('searchForBlock'), onChange: handleChange }),
+        react_1.default.createElement(Search_1.default, null)));
 };
-export default BlockSearch;
+exports.default = BlockSearch;

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlockSelection/index.js

@@ -1,21 +1,26 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { getTranslation } from '../../../../../../../utilities/getTranslation';
-import DefaultBlockImage from '../../../../../graphics/DefaultBlockImage';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../../../../utilities/getTranslation");
+const DefaultBlockImage_1 = __importDefault(require("../../../../../graphics/DefaultBlockImage"));
+require("./index.scss");
 const baseClass = 'block-selection';
 const BlockSelection = (props) => {
     const { addRow, addRowIndex, block, close, } = props;
-    const { i18n } = useTranslation();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     const { labels, slug, imageURL, imageAltText, } = block;
     const handleBlockSelection = () => {
         close();
         addRow(addRowIndex, slug);
     };
-    return (React.createElement("button", { className: baseClass, tabIndex: 0, type: "button", onClick: handleBlockSelection },
-        React.createElement("div", { className: `${baseClass}__image` }, imageURL
-            ? (React.createElement("img", { src: imageURL, alt: imageAltText }))
-            : React.createElement(DefaultBlockImage, null)),
-        React.createElement("div", { className: `${baseClass}__label` }, getTranslation(labels.singular, i18n))));
+    return (react_1.default.createElement("button", { className: baseClass, tabIndex: 0, type: "button", onClick: handleBlockSelection },
+        react_1.default.createElement("div", { className: `${baseClass}__image` }, imageURL
+            ? (react_1.default.createElement("img", { src: imageURL, alt: imageAltText }))
+            : react_1.default.createElement(DefaultBlockImage_1.default, null)),
+        react_1.default.createElement("div", { className: `${baseClass}__label` }, (0, getTranslation_1.getTranslation)(labels.singular, i18n))));
 };
-export default BlockSelection;
+exports.default = BlockSelection;

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlockSelection/types.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '../../../../../../../fields/config/types';
-export declare type Props = {
+export type Props = {
     addRow: (i: number, block: string) => void;
     addRowIndex: number;
     block: Block;

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlockSelection/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlocksContainer/index.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import BlockSelection from '../BlockSelection';
-import './index.scss';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const BlockSelection_1 = __importDefault(require("../BlockSelection"));
+require("./index.scss");
 const baseClass = 'blocks-container';
 const BlocksContainer = (props) => {
     const { blocks, ...remainingProps } = props;
-    return (React.createElement("div", { className: baseClass }, blocks === null || blocks === void 0 ? void 0 : blocks.map((block, index) => (React.createElement(BlockSelection, { key: index, block: block, ...remainingProps })))));
+    return (react_1.default.createElement("div", { className: baseClass }, blocks === null || blocks === void 0 ? void 0 : blocks.map((block, index) => (react_1.default.createElement(BlockSelection_1.default, { key: index, block: block, ...remainingProps })))));
 };
-export default BlocksContainer;
+exports.default = BlocksContainer;

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlocksContainer/types.d.ts

@@ -1,5 +1,5 @@
 import { Block } from '../../../../../../../fields/config/types';
-export declare type Props = {
+export type Props = {
     blocks: Block[];
     close: () => void;
     addRow: (i: number, block: string) => void;

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlocksContainer/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/index.js

@@ -1,13 +1,41 @@
-import React, { useState, useEffect } from 'react';
-import BlockSearch from './BlockSearch';
-import BlocksContainer from './BlocksContainer';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const BlockSearch_1 = __importDefault(require("./BlockSearch"));
+const BlocksContainer_1 = __importDefault(require("./BlocksContainer"));
 const baseClass = 'block-selector';
 const BlockSelector = (props) => {
     const { blocks, close, parentIsHovered, watchParentHover, ...remainingProps } = props;
-    const [searchTerm, setSearchTerm] = useState('');
-    const [filteredBlocks, setFilteredBlocks] = useState(blocks);
-    const [isBlockSelectorHovered, setBlockSelectorHovered] = useState(false);
-    useEffect(() => {
+    const [searchTerm, setSearchTerm] = (0, react_1.useState)('');
+    const [filteredBlocks, setFilteredBlocks] = (0, react_1.useState)(blocks);
+    const [isBlockSelectorHovered, setBlockSelectorHovered] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         const matchingBlocks = blocks.reduce((matchedBlocks, block) => {
             if (block.slug.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1)
                 matchedBlocks.push(block);
@@ -15,12 +43,12 @@ const BlockSelector = (props) => {
         }, []);
         setFilteredBlocks(matchingBlocks);
     }, [searchTerm, blocks]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!parentIsHovered && !isBlockSelectorHovered && close && watchParentHover)
             close();
     }, [isBlockSelectorHovered, parentIsHovered, close, watchParentHover]);
-    return (React.createElement("div", { className: baseClass, onMouseEnter: () => setBlockSelectorHovered(true), onMouseLeave: () => setBlockSelectorHovered(false) },
-        React.createElement(BlockSearch, { setSearchTerm: setSearchTerm }),
-        React.createElement(BlocksContainer, { blocks: filteredBlocks, close: close, ...remainingProps })));
+    return (react_1.default.createElement("div", { className: baseClass, onMouseEnter: () => setBlockSelectorHovered(true), onMouseLeave: () => setBlockSelectorHovered(false) },
+        react_1.default.createElement(BlockSearch_1.default, { setSearchTerm: setSearchTerm }),
+        react_1.default.createElement(BlocksContainer_1.default, { blocks: filteredBlocks, close: close, ...remainingProps })));
 };
-export default BlockSelector;
+exports.default = BlockSelector;

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/types.d.ts

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

package/dist/admin/components/forms/field-types/Blocks/BlockSelector/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });