payload 1.1.0 → 1.1.2

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

@@ -1,206 +1,206 @@
-import React, { useCallback, useEffect, useReducer, useState } from 'react';
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
-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 { fieldAffectsData } from '../../../../../fields/config/types';
-import { usePreferences } from '../../../utilities/Preferences';
-import { ArrayAction } from '../../../elements/ArrayAction';
-import { scrollToID } from '../../../../utilities/scrollToID';
-import HiddenInput from '../HiddenInput';
-import './index.scss';
-const baseClass = 'array-field';
-const ArrayFieldType = (props) => {
-    var _a, _b;
-    const { name, path: pathFromProps, fields, fieldTypes, validate = array, required, maxRows, minRows, permissions, admin: { readOnly, description, condition, initCollapsed, className, }, } = props;
-    const path = pathFromProps || name;
-    // Handle labeling for Arrays, Global Arrays, and Blocks
-    const getLabels = (p) => {
-        if (p === null || p === void 0 ? void 0 : p.labels)
-            return p.labels;
-        if (p === null || p === void 0 ? void 0 : p.label)
-            return { singular: p.label, plural: undefined };
-        return { singular: 'Row', plural: 'Rows' };
-    };
-    const labels = getLabels(props);
-    // 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 { 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 { dispatchFields } = formContext;
-    const memoizedValidate = useCallback((value, options) => {
-        return validate(value, { ...options, minRows, maxRows, required });
-    }, [maxRows, minRows, required, validate]);
-    const [disableFormData, setDisableFormData] = useState(false);
-    const { showError, errorMessage, value, setValue, } = useField({
-        path,
-        validate: memoizedValidate,
-        disableFormData,
-        condition,
-    });
-    const addRow = useCallback(async (rowIndex) => {
-        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale });
-        dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path });
-        dispatchRows({ type: 'ADD', rowIndex });
-        setValue(value + 1);
-        setTimeout(() => {
-            scrollToID(`${path}-row-${rowIndex + 1}`);
-        }, 0);
-    }, [dispatchRows, dispatchFields, fields, path, setValue, value, operation, id, user, locale]);
-    const duplicateRow = useCallback(async (rowIndex) => {
-        dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
-        dispatchRows({ type: 'ADD', rowIndex });
-        setValue(value + 1);
-        setTimeout(() => {
-            scrollToID(`${path}-row-${rowIndex + 1}`);
-        }, 0);
-    }, [dispatchRows, dispatchFields, path, setValue, value]);
-    const removeRow = useCallback((rowIndex) => {
-        dispatchRows({ type: 'REMOVE', rowIndex });
-        dispatchFields({ type: 'REMOVE_ROW', rowIndex, path });
-        setValue(value - 1);
-    }, [dispatchRows, dispatchFields, path, value, setValue]);
-    const moveRow = useCallback((moveFromIndex, moveToIndex) => {
-        dispatchRows({ type: 'MOVE', moveFromIndex, moveToIndex });
-        dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path });
-    }, [dispatchRows, dispatchFields, path]);
-    const onDragEnd = 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) => {
-        var _a, _b, _c;
-        dispatchRows({ type: 'SET_COLLAPSE', id: rowID, collapsed });
-        if (preferencesKey) {
-            const preferencesToSet = (await getPreference(preferencesKey)) || { fields: {} };
-            let newCollapsedState = (_b = (_a = preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.collapsed;
-            if (initCollapsed && typeof newCollapsedState === 'undefined') {
-                newCollapsedState = rows.map((row) => row.id);
-            }
-            else if (typeof newCollapsedState === 'undefined') {
-                newCollapsedState = [];
-            }
-            if (!collapsed) {
-                newCollapsedState = newCollapsedState.filter((existingID) => existingID !== rowID);
-            }
-            else {
-                newCollapsedState.push(rowID);
-            }
-            setPreference(preferencesKey, {
-                ...preferencesToSet,
-                fields: {
-                    ...((preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) || {}),
-                    [path]: {
-                        ...(_c = preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) === null || _c === void 0 ? void 0 : _c[path],
-                        collapsed: newCollapsedState,
-                    },
-                },
-            });
-        }
-    }, [preferencesKey, getPreference, path, setPreference, initCollapsed, rows]);
-    const toggleCollapseAll = useCallback(async (collapse) => {
-        var _a;
-        dispatchRows({ type: 'SET_ALL_COLLAPSED', collapse });
-        if (preferencesKey) {
-            const preferencesToSet = await getPreference(preferencesKey) || { fields: {} };
-            setPreference(preferencesKey, {
-                ...preferencesToSet,
-                fields: {
-                    ...(preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) || {},
-                    [path]: {
-                        ...(_a = preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) === null || _a === void 0 ? void 0 : _a[path],
-                        collapsed: collapse ? rows.map(({ id: rowID }) => rowID) : [],
-                    },
-                },
-            });
-        }
-    }, [path, getPreference, preferencesKey, rows, setPreference]);
-    useEffect(() => {
-        const initializeRowState = async () => {
-            var _a, _b;
-            const data = formContext.getDataByPath(path);
-            const preferences = (await getPreference(preferencesKey)) || { fields: {} };
-            dispatchRows({ type: 'SET_ALL', data: data || [], collapsedState: (_b = (_a = preferences === null || preferences === void 0 ? void 0 : preferences.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.collapsed, initCollapsed });
-        };
-        initializeRowState();
-    }, [formContext, path, getPreference, preferencesKey, initCollapsed]);
-    useEffect(() => {
-        setValue((rows === null || rows === void 0 ? void 0 : rows.length) || 0, true);
-        if ((rows === null || rows === void 0 ? void 0 : rows.length) === 0) {
-            setDisableFormData(false);
-        }
-        else {
-            setDisableFormData(true);
-        }
-    }, [rows, setValue]);
-    const hasMaxRows = maxRows && (rows === null || rows === void 0 ? void 0 : rows.length) >= maxRows;
-    const classes = [
-        'field-type',
-        baseClass,
-        className,
-    ].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, label),
-                    React.createElement("ul", { className: `${baseClass}__header-actions` },
-                        React.createElement("li", null,
-                            React.createElement("button", { type: "button", onClick: () => toggleCollapseAll(true), className: `${baseClass}__header-action` }, "Collapse All")),
-                        React.createElement("li", null,
-                            React.createElement("button", { type: "button", onClick: () => toggleCollapseAll(false), className: `${baseClass}__header-action` }, "Show All")))),
-                React.createElement(FieldDescription, { value: value, description: description })),
-            React.createElement(Droppable, { droppableId: "array-drop" }, (provided) => (React.createElement("div", { ref: provided.innerRef, ...provided.droppableProps },
-                rows.length > 0 && rows.map((row, i) => {
-                    const rowNumber = i + 1;
-                    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: `${labels.singular} ${rowNumber >= 10 ? rowNumber : `0${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, fieldSchema: fields.map((field) => ({
-                                    ...field,
-                                    path: `${path}.${i}${fieldAffectsData(field) ? `.${field.name}` : ''}`,
-                                })) }))))));
-                }),
-                (rows.length < minRows || (required && rows.length === 0)) && (React.createElement(Banner, { type: "error" },
-                    "This field requires at least",
-                    ' ',
-                    minRows
-                        ? `${minRows} ${labels.plural}`
-                        : `1 ${labels.singular}`)),
-                (rows.length === 0 && readOnly) && (React.createElement(Banner, null,
-                    "This field has no",
-                    ' ',
-                    labels.plural,
-                    ".")),
-                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" }, `Add ${labels.singular}`))))));
-};
-export default withCondition(ArrayFieldType);
+import React, { useCallback, useEffect, useReducer, useState } from 'react';
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+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 { fieldAffectsData } from '../../../../../fields/config/types';
+import { usePreferences } from '../../../utilities/Preferences';
+import { ArrayAction } from '../../../elements/ArrayAction';
+import { scrollToID } from '../../../../utilities/scrollToID';
+import HiddenInput from '../HiddenInput';
+import './index.scss';
+const baseClass = 'array-field';
+const ArrayFieldType = (props) => {
+    var _a, _b;
+    const { name, path: pathFromProps, fields, fieldTypes, validate = array, required, maxRows, minRows, permissions, admin: { readOnly, description, condition, initCollapsed, className, }, } = props;
+    const path = pathFromProps || name;
+    // Handle labeling for Arrays, Global Arrays, and Blocks
+    const getLabels = (p) => {
+        if (p === null || p === void 0 ? void 0 : p.labels)
+            return p.labels;
+        if (p === null || p === void 0 ? void 0 : p.label)
+            return { singular: p.label, plural: undefined };
+        return { singular: 'Row', plural: 'Rows' };
+    };
+    const labels = getLabels(props);
+    // 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 { 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 { dispatchFields } = formContext;
+    const memoizedValidate = useCallback((value, options) => {
+        return validate(value, { ...options, minRows, maxRows, required });
+    }, [maxRows, minRows, required, validate]);
+    const [disableFormData, setDisableFormData] = useState(false);
+    const { showError, errorMessage, value, setValue, } = useField({
+        path,
+        validate: memoizedValidate,
+        disableFormData,
+        condition,
+    });
+    const addRow = useCallback(async (rowIndex) => {
+        const subFieldState = await buildStateFromSchema({ fieldSchema: fields, operation, id, user, locale });
+        dispatchFields({ type: 'ADD_ROW', rowIndex, subFieldState, path });
+        dispatchRows({ type: 'ADD', rowIndex });
+        setValue(value + 1);
+        setTimeout(() => {
+            scrollToID(`${path}-row-${rowIndex + 1}`);
+        }, 0);
+    }, [dispatchRows, dispatchFields, fields, path, setValue, value, operation, id, user, locale]);
+    const duplicateRow = useCallback(async (rowIndex) => {
+        dispatchFields({ type: 'DUPLICATE_ROW', rowIndex, path });
+        dispatchRows({ type: 'ADD', rowIndex });
+        setValue(value + 1);
+        setTimeout(() => {
+            scrollToID(`${path}-row-${rowIndex + 1}`);
+        }, 0);
+    }, [dispatchRows, dispatchFields, path, setValue, value]);
+    const removeRow = useCallback((rowIndex) => {
+        dispatchRows({ type: 'REMOVE', rowIndex });
+        dispatchFields({ type: 'REMOVE_ROW', rowIndex, path });
+        setValue(value - 1);
+    }, [dispatchRows, dispatchFields, path, value, setValue]);
+    const moveRow = useCallback((moveFromIndex, moveToIndex) => {
+        dispatchRows({ type: 'MOVE', moveFromIndex, moveToIndex });
+        dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path });
+    }, [dispatchRows, dispatchFields, path]);
+    const onDragEnd = 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) => {
+        var _a, _b, _c;
+        dispatchRows({ type: 'SET_COLLAPSE', id: rowID, collapsed });
+        if (preferencesKey) {
+            const preferencesToSet = (await getPreference(preferencesKey)) || { fields: {} };
+            let newCollapsedState = (_b = (_a = preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.collapsed;
+            if (initCollapsed && typeof newCollapsedState === 'undefined') {
+                newCollapsedState = rows.map((row) => row.id);
+            }
+            else if (typeof newCollapsedState === 'undefined') {
+                newCollapsedState = [];
+            }
+            if (!collapsed) {
+                newCollapsedState = newCollapsedState.filter((existingID) => existingID !== rowID);
+            }
+            else {
+                newCollapsedState.push(rowID);
+            }
+            setPreference(preferencesKey, {
+                ...preferencesToSet,
+                fields: {
+                    ...((preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) || {}),
+                    [path]: {
+                        ...(_c = preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) === null || _c === void 0 ? void 0 : _c[path],
+                        collapsed: newCollapsedState,
+                    },
+                },
+            });
+        }
+    }, [preferencesKey, getPreference, path, setPreference, initCollapsed, rows]);
+    const toggleCollapseAll = useCallback(async (collapse) => {
+        var _a;
+        dispatchRows({ type: 'SET_ALL_COLLAPSED', collapse });
+        if (preferencesKey) {
+            const preferencesToSet = await getPreference(preferencesKey) || { fields: {} };
+            setPreference(preferencesKey, {
+                ...preferencesToSet,
+                fields: {
+                    ...(preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) || {},
+                    [path]: {
+                        ...(_a = preferencesToSet === null || preferencesToSet === void 0 ? void 0 : preferencesToSet.fields) === null || _a === void 0 ? void 0 : _a[path],
+                        collapsed: collapse ? rows.map(({ id: rowID }) => rowID) : [],
+                    },
+                },
+            });
+        }
+    }, [path, getPreference, preferencesKey, rows, setPreference]);
+    useEffect(() => {
+        const initializeRowState = async () => {
+            var _a, _b;
+            const data = formContext.getDataByPath(path);
+            const preferences = (await getPreference(preferencesKey)) || { fields: {} };
+            dispatchRows({ type: 'SET_ALL', data: data || [], collapsedState: (_b = (_a = preferences === null || preferences === void 0 ? void 0 : preferences.fields) === null || _a === void 0 ? void 0 : _a[path]) === null || _b === void 0 ? void 0 : _b.collapsed, initCollapsed });
+        };
+        initializeRowState();
+    }, [formContext, path, getPreference, preferencesKey, initCollapsed]);
+    useEffect(() => {
+        setValue((rows === null || rows === void 0 ? void 0 : rows.length) || 0, true);
+        if ((rows === null || rows === void 0 ? void 0 : rows.length) === 0) {
+            setDisableFormData(false);
+        }
+        else {
+            setDisableFormData(true);
+        }
+    }, [rows, setValue]);
+    const hasMaxRows = maxRows && (rows === null || rows === void 0 ? void 0 : rows.length) >= maxRows;
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+    ].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, label),
+                    React.createElement("ul", { className: `${baseClass}__header-actions` },
+                        React.createElement("li", null,
+                            React.createElement("button", { type: "button", onClick: () => toggleCollapseAll(true), className: `${baseClass}__header-action` }, "Collapse All")),
+                        React.createElement("li", null,
+                            React.createElement("button", { type: "button", onClick: () => toggleCollapseAll(false), className: `${baseClass}__header-action` }, "Show All")))),
+                React.createElement(FieldDescription, { value: value, description: description })),
+            React.createElement(Droppable, { droppableId: "array-drop" }, (provided) => (React.createElement("div", { ref: provided.innerRef, ...provided.droppableProps },
+                rows.length > 0 && rows.map((row, i) => {
+                    const rowNumber = i + 1;
+                    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: `${labels.singular} ${rowNumber >= 10 ? rowNumber : `0${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, fieldSchema: fields.map((field) => ({
+                                    ...field,
+                                    path: `${path}.${i}${fieldAffectsData(field) ? `.${field.name}` : ''}`,
+                                })) }))))));
+                }),
+                (rows.length < minRows || (required && rows.length === 0)) && (React.createElement(Banner, { type: "error" },
+                    "This field requires at least",
+                    ' ',
+                    minRows
+                        ? `${minRows} ${labels.plural}`
+                        : `1 ${labels.singular}`)),
+                (rows.length === 0 && readOnly) && (React.createElement(Banner, null,
+                    "This field has no",
+                    ' ',
+                    labels.plural,
+                    ".")),
+                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" }, `Add ${labels.singular}`))))));
+};
+export default withCondition(ArrayFieldType);

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

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

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

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import './index.scss';
-declare const BlockSearch: React.FC<{
-    setSearchTerm: (term: string) => void;
-}>;
-export default BlockSearch;
+import React from 'react';
+import './index.scss';
+declare const BlockSearch: React.FC<{
+    setSearchTerm: (term: string) => void;
+}>;
+export default BlockSearch;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import SearchIcon from '../../../../../graphics/Search';
-import './index.scss';
-const baseClass = 'block-search';
-const BlockSearch = (props) => {
-    const { setSearchTerm } = props;
-    const handleChange = (e) => {
-        setSearchTerm(e.target.value);
-    };
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("input", { className: `${baseClass}__input`, placeholder: "Search for a block", onChange: handleChange }),
-        React.createElement(SearchIcon, null)));
-};
-export default BlockSearch;
+import React from 'react';
+import SearchIcon from '../../../../../graphics/Search';
+import './index.scss';
+const baseClass = 'block-search';
+const BlockSearch = (props) => {
+    const { setSearchTerm } = props;
+    const handleChange = (e) => {
+        setSearchTerm(e.target.value);
+    };
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("input", { className: `${baseClass}__input`, placeholder: "Search for a block", onChange: handleChange }),
+        React.createElement(SearchIcon, null)));
+};
+export default BlockSearch;

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

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

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import DefaultBlockImage from '../../../../../graphics/DefaultBlockImage';
-import './index.scss';
-const baseClass = 'block-selection';
-const BlockSelection = (props) => {
-    const { addRow, addRowIndex, block, close, } = props;
-    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` }, labels.singular)));
-};
-export default BlockSelection;
+import React from 'react';
+import DefaultBlockImage from '../../../../../graphics/DefaultBlockImage';
+import './index.scss';
+const baseClass = 'block-selection';
+const BlockSelection = (props) => {
+    const { addRow, addRowIndex, block, close, } = props;
+    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` }, labels.singular)));
+};
+export default BlockSelection;

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

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

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

@@ -1 +1 @@
-export {};
+export {};

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

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

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import BlockSelection from '../BlockSelection';
-import './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 })))));
-};
-export default BlocksContainer;
+import React from 'react';
+import BlockSelection from '../BlockSelection';
+import './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 })))));
+};
+export default BlocksContainer;

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

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

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

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { Props } from './types';
-declare const BlockSelector: React.FC<Props>;
-export default BlockSelector;
+import React from 'react';
+import { Props } from './types';
+declare const BlockSelector: React.FC<Props>;
+export default BlockSelector;