payload 1.4.2 → 1.5.1

package/dist/admin/components/views/collections/Edit/Upload/index.js

@@ -1,10 +1,38 @@
-import React, { useState, useRef, useEffect, useCallback, } from 'react';
-import { useTranslation } from 'react-i18next';
-import useField from '../../../../forms/useField';
-import Button from '../../../../elements/Button';
-import FileDetails from '../../../../elements/FileDetails';
-import Error from '../../../../forms/Error';
-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_i18next_1 = require("react-i18next");
+const useField_1 = __importDefault(require("../../../../forms/useField"));
+const Button_1 = __importDefault(require("../../../../elements/Button"));
+const FileDetails_1 = __importDefault(require("../../../../elements/FileDetails"));
+const Error_1 = __importDefault(require("../../../../forms/Error"));
+require("./index.scss");
 const baseClass = 'file-field';
 const handleDrag = (e) => {
     e.preventDefault();
@@ -18,20 +46,20 @@ const validate = (value) => {
 };
 const Upload = (props) => {
     var _a, _b;
-    const inputRef = useRef(null);
-    const dropRef = useRef(null);
-    const [selectingFile, setSelectingFile] = useState(false);
-    const [dragging, setDragging] = useState(false);
-    const [dragCounter, setDragCounter] = useState(0);
-    const [replacingFile, setReplacingFile] = useState(false);
-    const { t } = useTranslation('upload');
+    const inputRef = (0, react_1.useRef)(null);
+    const dropRef = (0, react_1.useRef)(null);
+    const [selectingFile, setSelectingFile] = (0, react_1.useState)(false);
+    const [dragging, setDragging] = (0, react_1.useState)(false);
+    const [dragCounter, setDragCounter] = (0, react_1.useState)(0);
+    const [replacingFile, setReplacingFile] = (0, react_1.useState)(false);
+    const { t } = (0, react_i18next_1.useTranslation)('upload');
     const { data = {}, collection, } = props;
     const { filename } = data;
-    const { value, setValue, showError, errorMessage, } = useField({
+    const { value, setValue, showError, errorMessage, } = (0, useField_1.default)({
         path: 'file',
         validate,
     });
-    const handleDragIn = useCallback((e) => {
+    const handleDragIn = (0, react_1.useCallback)((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragCounter((count) => count + 1);
@@ -39,7 +67,7 @@ const Upload = (props) => {
             setDragging(true);
         }
     }, []);
-    const handleDragOut = useCallback((e) => {
+    const handleDragOut = (0, react_1.useCallback)((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragCounter((count) => count - 1);
@@ -47,7 +75,7 @@ const Upload = (props) => {
             return;
         setDragging(false);
     }, [dragCounter]);
-    const handleDrop = useCallback((e) => {
+    const handleDrop = (0, react_1.useCallback)((e) => {
         e.preventDefault();
         e.stopPropagation();
         setDragging(false);
@@ -64,18 +92,18 @@ const Upload = (props) => {
     // Only called when input is interacted with directly
     // Not called when drag + drop is used
     // Or when input is cleared
-    const handleInputChange = useCallback(() => {
+    const handleInputChange = (0, react_1.useCallback)(() => {
         var _a, _b;
         setSelectingFile(false);
         setValue(((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) || null);
     }, [inputRef, setValue]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (selectingFile) {
             inputRef.current.click();
             setSelectingFile(false);
         }
     }, [selectingFile, inputRef, setSelectingFile]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const div = dropRef.current;
         if (div) {
             div.addEventListener('dragenter', handleDragIn);
@@ -91,7 +119,7 @@ const Upload = (props) => {
         }
         return () => null;
     }, [handleDragIn, handleDragOut, handleDrop, value]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setReplacingFile(false);
     }, [data]);
     const classes = [
@@ -99,21 +127,21 @@ const Upload = (props) => {
         dragging && `${baseClass}--dragging`,
         'field-type',
     ].filter(Boolean).join(' ');
-    return (React.createElement("div", { className: classes },
-        React.createElement(Error, { showError: showError, message: errorMessage }),
-        (filename && !replacingFile) && (React.createElement(FileDetails, { doc: data, collection: collection, handleRemove: () => {
+    return (react_1.default.createElement("div", { className: classes },
+        react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage }),
+        (filename && !replacingFile) && (react_1.default.createElement(FileDetails_1.default, { doc: data, collection: collection, handleRemove: () => {
                 setReplacingFile(true);
                 setValue(null);
             } })),
-        (!filename || replacingFile) && (React.createElement("div", { className: `${baseClass}__upload` },
-            value && (React.createElement("div", { className: `${baseClass}__file-selected` },
-                React.createElement("span", { className: `${baseClass}__filename` }, value.name),
-                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
+        (!filename || replacingFile) && (react_1.default.createElement("div", { className: `${baseClass}__upload` },
+            value && (react_1.default.createElement("div", { className: `${baseClass}__file-selected` },
+                react_1.default.createElement("span", { className: `${baseClass}__filename` }, value.name),
+                react_1.default.createElement(Button_1.default, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
                         setValue(null);
                         inputRef.current.value = null;
                     } }))),
-            !value && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef, onPaste: (e) => {
+            !value && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: `${baseClass}__drop-zone`, ref: dropRef, onPaste: (e) => {
                         var _a;
                         if ((_a = e === null || e === void 0 ? void 0 : e.clipboardData) === null || _a === void 0 ? void 0 : _a.files.length) {
                             const fileObject = e.clipboardData.files[0];
@@ -121,11 +149,11 @@ const Upload = (props) => {
                                 setValue(fileObject);
                         }
                     } },
-                    React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => setSelectingFile(true), className: `${baseClass}__file-button` }, t('selectFile')),
-                    React.createElement("p", { className: `${baseClass}__drag-label` },
+                    react_1.default.createElement(Button_1.default, { size: "small", buttonStyle: "secondary", onClick: () => setSelectingFile(true), className: `${baseClass}__file-button` }, t('selectFile')),
+                    react_1.default.createElement("p", { className: `${baseClass}__drag-label` },
                         t('general:or'),
                         ' ',
                         t('dragAndDrop'))))),
-            React.createElement("input", { ref: inputRef, type: "file", accept: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.upload) === null || _a === void 0 ? void 0 : _a.mimeTypes) === null || _b === void 0 ? void 0 : _b.join(','), onChange: handleInputChange })))));
+            react_1.default.createElement("input", { ref: inputRef, type: "file", accept: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.upload) === null || _a === void 0 ? void 0 : _a.mimeTypes) === null || _b === void 0 ? void 0 : _b.join(','), onChange: handleInputChange })))));
 };
-export default Upload;
+exports.default = Upload;

package/dist/admin/components/views/collections/Edit/Upload/types.d.ts

@@ -1,10 +1,10 @@
 import { SanitizedCollectionConfig } from '../../../../../../collections/config/types';
-export declare type Data = {
+export type Data = {
     filename: string;
     mimeType: string;
     filesize: number;
 };
-export declare type Props = {
+export type Props = {
     data?: Data;
     collection: SanitizedCollectionConfig;
     adminThumbnail?: string;

package/dist/admin/components/views/collections/Edit/Upload/types.js

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

package/dist/admin/components/views/collections/Edit/formatFields.js

@@ -1,5 +1,7 @@
-import { fieldAffectsData } from '../../../../../fields/config/types';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = require("../../../../../fields/config/types");
 const formatFields = (collection, isEditing) => (isEditing
-    ? collection.fields.filter((field) => (fieldAffectsData(field) && field.name !== 'id') || true)
+    ? collection.fields.filter((field) => ((0, types_1.fieldAffectsData)(field) && field.name !== 'id') || true)
     : collection.fields);
-export default formatFields;
+exports.default = formatFields;

package/dist/admin/components/views/collections/Edit/index.js

@@ -1,36 +1,64 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Redirect, useRouteMatch, useHistory, useLocation } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../utilities/Config';
-import { useAuth } from '../../../utilities/Auth';
-import usePayloadAPI from '../../../../hooks/usePayloadAPI';
-import RenderCustomComponent from '../../../utilities/RenderCustomComponent';
-import DefaultEdit from './Default';
-import formatFields from './formatFields';
-import buildStateFromSchema from '../../../forms/Form/buildStateFromSchema';
-import { useLocale } from '../../../utilities/Locale';
-import { useDocumentInfo } from '../../../utilities/DocumentInfo';
-import { usePreferences } from '../../../utilities/Preferences';
-import { EditDepthContext } from '../../../utilities/EditDepth';
+"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_router_dom_1 = require("react-router-dom");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../utilities/Config");
+const Auth_1 = require("../../../utilities/Auth");
+const usePayloadAPI_1 = __importDefault(require("../../../../hooks/usePayloadAPI"));
+const RenderCustomComponent_1 = __importDefault(require("../../../utilities/RenderCustomComponent"));
+const Default_1 = __importDefault(require("./Default"));
+const formatFields_1 = __importDefault(require("./formatFields"));
+const buildStateFromSchema_1 = __importDefault(require("../../../forms/Form/buildStateFromSchema"));
+const Locale_1 = require("../../../utilities/Locale");
+const DocumentInfo_1 = require("../../../utilities/DocumentInfo");
+const Preferences_1 = require("../../../utilities/Preferences");
+const EditDepth_1 = require("../../../utilities/EditDepth");
 const EditView = (props) => {
     var _a, _b;
     const { collection: incomingCollection, isEditing } = props;
     const { slug, admin: { components: { views: { Edit: CustomEdit, } = {}, } = {}, } = {}, } = incomingCollection;
-    const [fields] = useState(() => formatFields(incomingCollection, isEditing));
-    const [collection] = useState(() => ({ ...incomingCollection, fields }));
-    const [redirect, setRedirect] = useState();
-    const locale = useLocale();
-    const { serverURL, routes: { admin, api } } = useConfig();
-    const { params: { id } = {} } = useRouteMatch();
-    const { state: locationState } = useLocation();
-    const history = useHistory();
-    const [initialState, setInitialState] = useState();
-    const [updatedAt, setUpdatedAt] = useState();
-    const { user } = useAuth();
-    const { getVersions, preferencesKey, getDocPermissions, docPermissions } = useDocumentInfo();
-    const { getPreference } = usePreferences();
-    const { t } = useTranslation('general');
-    const onSave = useCallback(async (json) => {
+    const [fields] = (0, react_1.useState)(() => (0, formatFields_1.default)(incomingCollection, isEditing));
+    const [collection] = (0, react_1.useState)(() => ({ ...incomingCollection, fields }));
+    const [redirect, setRedirect] = (0, react_1.useState)();
+    const locale = (0, Locale_1.useLocale)();
+    const { serverURL, routes: { admin, api } } = (0, Config_1.useConfig)();
+    const { params: { id } = {} } = (0, react_router_dom_1.useRouteMatch)();
+    const { state: locationState } = (0, react_router_dom_1.useLocation)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const [initialState, setInitialState] = (0, react_1.useState)();
+    const [updatedAt, setUpdatedAt] = (0, react_1.useState)();
+    const { user } = (0, Auth_1.useAuth)();
+    const { getVersions, preferencesKey, getDocPermissions, docPermissions } = (0, DocumentInfo_1.useDocumentInfo)();
+    const { getPreference } = (0, Preferences_1.usePreferences)();
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const onSave = (0, react_1.useCallback)(async (json) => {
         var _a, _b;
         getVersions();
         getDocPermissions();
@@ -39,37 +67,37 @@ const EditView = (props) => {
             setRedirect(`${admin}/collections/${collection.slug}/${(_b = json === null || json === void 0 ? void 0 : json.doc) === null || _b === void 0 ? void 0 : _b.id}`);
         }
         else {
-            const state = await buildStateFromSchema({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
+            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: collection.fields, data: json.doc, user, id, operation: 'update', locale, t });
             setInitialState(state);
         }
     }, [admin, collection, isEditing, getVersions, user, id, t, locale, getDocPermissions]);
-    const [{ data, isLoading: isLoadingDocument, isError }] = usePayloadAPI((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
+    const [{ data, isLoading: isLoadingDocument, isError }] = (0, usePayloadAPI_1.default)((isEditing ? `${serverURL}${api}/${slug}/${id}` : null), { initialParams: { 'fallback-locale': 'null', depth: 0, draft: 'true' } });
     const dataToRender = (locationState === null || locationState === void 0 ? void 0 : locationState.data) || data;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (isLoadingDocument) {
             return;
         }
         const awaitInitialState = async () => {
             setUpdatedAt(dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt);
-            const state = await buildStateFromSchema({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, t });
+            const state = await (0, buildStateFromSchema_1.default)({ fieldSchema: fields, data: dataToRender, user, operation: isEditing ? 'update' : 'create', id, locale, t });
             await getPreference(preferencesKey);
             setInitialState(state);
         };
         awaitInitialState();
     }, [dataToRender, fields, isEditing, id, user, locale, isLoadingDocument, preferencesKey, getPreference, t]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (redirect) {
             history.push(redirect);
         }
     }, [history, redirect]);
     if (isError) {
-        return (React.createElement(Redirect, { to: `${admin}/not-found` }));
+        return (react_1.default.createElement(react_router_dom_1.Redirect, { to: `${admin}/not-found` }));
     }
     const apiURL = `${serverURL}${api}/${slug}/${id}${collection.versions.drafts ? '?draft=true' : ''}`;
     const action = `${serverURL}${api}/${slug}${isEditing ? `/${id}` : ''}?locale=${locale}&depth=0&fallback-locale=null`;
     const hasSavePermission = (isEditing && ((_a = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.update) === null || _a === void 0 ? void 0 : _a.permission)) || (!isEditing && ((_b = docPermissions === null || docPermissions === void 0 ? void 0 : docPermissions.create) === null || _b === void 0 ? void 0 : _b.permission));
-    return (React.createElement(EditDepthContext.Provider, { value: 1 },
-        React.createElement(RenderCustomComponent, { DefaultComponent: DefaultEdit, CustomComponent: CustomEdit, componentProps: {
+    return (react_1.default.createElement(EditDepth_1.EditDepthContext.Provider, { value: 1 },
+        react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: CustomEdit, componentProps: {
                 id,
                 isLoading: !initialState || !docPermissions,
                 data: dataToRender,
@@ -84,4 +112,4 @@ const EditView = (props) => {
                 updatedAt: updatedAt || (dataToRender === null || dataToRender === void 0 ? void 0 : dataToRender.updatedAt),
             } })));
 };
-export default EditView;
+exports.default = EditView;

package/dist/admin/components/views/collections/Edit/types.d.ts

@@ -3,11 +3,11 @@ import { SanitizedCollectionConfig } from '../../../../../collections/config/typ
 import { CollectionPermission } from '../../../../../auth/types';
 import { Document } from '../../../../../types';
 import { Fields } from '../../../forms/Form/types';
-export declare type IndexProps = {
+export type IndexProps = {
     collection: SanitizedCollectionConfig;
     isEditing?: boolean;
 };
-export declare type Props = IndexProps & {
+export type Props = IndexProps & {
     data: Document;
     onSave?: () => void;
     id?: string;

package/dist/admin/components/views/collections/Edit/types.js

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

package/dist/admin/components/views/collections/List/Cell/cellTypes.spec.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import BlocksCell from './field-types/Blocks';
-import DateCell from './field-types/Date';
-import Checkbox from './field-types/Checkbox';
-import Textarea from './field-types/Textarea';
-import Select from './field-types/Select';
+"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_2 = require("@testing-library/react");
+const Blocks_1 = __importDefault(require("./field-types/Blocks"));
+const Date_1 = __importDefault(require("./field-types/Date"));
+const Checkbox_1 = __importDefault(require("./field-types/Checkbox"));
+const Textarea_1 = __importDefault(require("./field-types/Textarea"));
+const Select_1 = __importDefault(require("./field-types/Select"));
 jest.mock('../../../../utilities/Config', () => ({
     useConfig: () => ({ admin: { dateFormat: 'MMMM do yyyy, h:mm a' } }),
 }));
@@ -37,13 +42,13 @@ describe('Cell Types', () => {
                 { blockType: 'number' },
                 { blockType: 'number' },
             ];
-            const { container } = render(React.createElement(BlocksCell, { data: data, field: field }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Blocks_1.default, { data: data, field: field }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('2 Blocks Content - Number, Number');
         });
         it('renders zero', () => {
             const data = [];
-            const { container } = render(React.createElement(BlocksCell, { data: data, field: field }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Blocks_1.default, { data: data, field: field }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('0 Blocks Content');
         });
@@ -56,7 +61,7 @@ describe('Cell Types', () => {
                 { blockType: 'number' },
                 { blockType: 'number' },
             ];
-            const { container } = render(React.createElement(BlocksCell, { data: data, field: field }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Blocks_1.default, { data: data, field: field }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('fields:itemsAndMore');
         });
@@ -73,38 +78,38 @@ describe('Cell Types', () => {
         };
         it('renders date', () => {
             const timeStamp = '2020-10-06T14:07:39.033Z';
-            const { container } = render(React.createElement(DateCell, { data: timeStamp, field: field }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Date_1.default, { data: timeStamp, field: field }));
             const dateMatch = /October\s6th\s2020,\s[\d]{1,2}:07\s[A|P]M/; // Had to account for timezones in CI
             const el = container.querySelector('span');
             expect(el.textContent).toMatch(dateMatch);
         });
         it('handles undefined', () => {
             const timeStamp = undefined;
-            const { container } = render(React.createElement(DateCell, { data: timeStamp, field: field }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Date_1.default, { data: timeStamp, field: field }));
             const el = container.querySelector('span');
             expect(el.textContent).toBe('');
         });
     });
     describe('Checkbox', () => {
         it('renders true', () => {
-            const { container } = render(React.createElement(Checkbox, { data: true }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Checkbox_1.default, { data: true }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('true');
         });
         it('renders false', () => {
-            const { container } = render(React.createElement(Checkbox, { data: false }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Checkbox_1.default, { data: false }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('false');
         });
     });
     describe('Textarea', () => {
         it('renders data', () => {
-            const { container } = render(React.createElement(Textarea, { data: "data" }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Textarea_1.default, { data: "data" }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('data');
         });
         it('handle undefined - bug/13', () => {
-            const { container } = render(React.createElement(Textarea, { data: undefined }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Textarea_1.default, { data: undefined }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('');
         });
@@ -127,23 +132,23 @@ describe('Cell Types', () => {
             options: ['blue', 'green', 'yellow'],
         };
         it('renders options objects', () => {
-            const { container } = render(React.createElement(Select, { data: "one", field: fieldWithOptionsObject }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Select_1.default, { data: "one", field: fieldWithOptionsObject }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('One');
         });
         it('renders option strings', () => {
-            const { container } = render(React.createElement(Select, { data: "blue", field: fieldWithStringsOptions }));
+            const { container } = (0, react_2.render)(react_1.default.createElement(Select_1.default, { data: "blue", field: fieldWithStringsOptions }));
             const el = container.querySelector('span');
             expect(el).toHaveTextContent('blue');
         });
         describe('HasMany', () => {
             it('renders options objects', () => {
-                const { container } = render(React.createElement(Select, { data: ['one', 'two'], field: fieldWithOptionsObject }));
+                const { container } = (0, react_2.render)(react_1.default.createElement(Select_1.default, { data: ['one', 'two'], field: fieldWithOptionsObject }));
                 const el = container.querySelector('span');
                 expect(el).toHaveTextContent('One, Two');
             });
             it('renders option strings', () => {
-                const { container } = render(React.createElement(Select, { data: ['blue', 'green'], field: fieldWithStringsOptions }));
+                const { container } = (0, react_2.render)(react_1.default.createElement(Select_1.default, { data: ['blue', 'green'], field: fieldWithStringsOptions }));
                 const el = container.querySelector('span');
                 expect(el).toHaveTextContent('blue, green');
             });

package/dist/admin/components/views/collections/List/Cell/field-types/Array/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ArrayField } from '../../../../../../../../fields/config/types';
-declare type Props = {
+type Props = {
     data: Record<string, unknown>;
     field: ArrayField;
 };

package/dist/admin/components/views/collections/List/Cell/field-types/Array/index.js

@@ -1,11 +1,16 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-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 });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../../../../../utilities/getTranslation");
 const ArrayCell = ({ data, field }) => {
     var _a;
-    const { t, i18n } = useTranslation('general');
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('general');
     const arrayFields = data !== null && data !== void 0 ? data : [];
-    const label = `${arrayFields.length} ${getTranslation(((_a = field === null || field === void 0 ? void 0 : field.labels) === null || _a === void 0 ? void 0 : _a.plural) || t('rows'), i18n)}`;
-    return (React.createElement("span", null, label));
+    const label = `${arrayFields.length} ${(0, getTranslation_1.getTranslation)(((_a = field === null || field === void 0 ? void 0 : field.labels) === null || _a === void 0 ? void 0 : _a.plural) || t('rows'), i18n)}`;
+    return (react_1.default.createElement("span", null, label));
 };
-export default ArrayCell;
+exports.default = ArrayCell;

package/dist/admin/components/views/collections/List/Cell/field-types/Blocks/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BlockField } from '../../../../../../../../fields/config/types';
-declare type Props = {
+type Props = {
     data: any;
     field: BlockField;
 };

package/dist/admin/components/views/collections/List/Cell/field-types/Blocks/index.js

@@ -1,11 +1,16 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-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 });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../../../../../utilities/getTranslation");
 const BlocksCell = ({ data, field }) => {
-    const { t, i18n } = useTranslation('fields');
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
     const selectedBlocks = data ? data.map(({ blockType }) => blockType) : [];
-    const blockLabels = field.blocks.map((s) => ({ slug: s.slug, label: getTranslation(s.labels.singular, i18n) }));
-    let label = `0 ${getTranslation(field.labels.plural, i18n)}`;
+    const blockLabels = field.blocks.map((s) => ({ slug: s.slug, label: (0, getTranslation_1.getTranslation)(s.labels.singular, i18n) }));
+    let label = `0 ${(0, getTranslation_1.getTranslation)(field.labels.plural, i18n)}`;
     const formatBlockList = (blocks) => blocks.map((b) => {
         var _a;
         const filtered = (_a = blockLabels.filter((f) => f.slug === b)) === null || _a === void 0 ? void 0 : _a[0];
@@ -14,11 +19,11 @@ const BlocksCell = ({ data, field }) => {
     const itemsToShow = 5;
     if (selectedBlocks.length > itemsToShow) {
         const more = selectedBlocks.length - itemsToShow;
-        label = `${selectedBlocks.length} ${getTranslation(field.labels.plural, i18n)} - ${t('fields:itemsAndMore', { items: formatBlockList(selectedBlocks.slice(0, itemsToShow)), count: more })}`;
+        label = `${selectedBlocks.length} ${(0, getTranslation_1.getTranslation)(field.labels.plural, i18n)} - ${t('fields:itemsAndMore', { items: formatBlockList(selectedBlocks.slice(0, itemsToShow)), count: more })}`;
     }
     else if (selectedBlocks.length > 0) {
-        label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? field.labels.singular : field.labels.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
+        label = `${selectedBlocks.length} ${(0, getTranslation_1.getTranslation)(selectedBlocks.length === 1 ? field.labels.singular : field.labels.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
     }
-    return (React.createElement("span", null, label));
+    return (react_1.default.createElement("span", null, label));
 };
-export default BlocksCell;
+exports.default = BlocksCell;

package/dist/admin/components/views/collections/List/Cell/field-types/Checkbox/index.js

@@ -1,6 +1,11 @@
-import React from 'react';
-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"));
+require("./index.scss");
 // Handles boolean values
-const Checkbox = ({ data }) => (React.createElement("code", { className: "bool-cell" },
-    React.createElement("span", null, JSON.stringify(data))));
-export default Checkbox;
+const Checkbox = ({ data }) => (react_1.default.createElement("code", { className: "bool-cell" },
+    react_1.default.createElement("span", null, JSON.stringify(data))));
+exports.default = Checkbox;

package/dist/admin/components/views/collections/List/Cell/field-types/Code/index.js

@@ -1,8 +1,13 @@
-import React from 'react';
-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"));
+require("./index.scss");
 const CodeCell = ({ data }) => {
     const textToShow = data.length > 100 ? `${data.substring(0, 100)}\u2026` : data;
-    return (React.createElement("code", { className: "code-cell" },
-        React.createElement("span", null, textToShow)));
+    return (react_1.default.createElement("code", { className: "code-cell" },
+        react_1.default.createElement("span", null, textToShow)));
 };
-export default CodeCell;
+exports.default = CodeCell;