payload 0.14.2-beta.0 → 0.14.3-beta.0

package/dist/admin/components/elements/DeleteDocument/index.js

@@ -1,81 +1,81 @@
-import React, { useState, useCallback } from 'react';
-import { toast } from 'react-toastify';
-import { useHistory } from 'react-router-dom';
-import { Modal, useModal } from '@faceless-ui/modal';
-import { useConfig } from '@payloadcms/config-provider';
-import Button from '../Button';
-import MinimalTemplate from '../../templates/Minimal';
-import { useForm } from '../../forms/Form/context';
-import useTitle from '../../../hooks/useTitle';
-import { requests } from '../../../api';
-import './index.scss';
-const baseClass = 'delete-document';
-const DeleteDocument = (props) => {
-    const { title: titleFromProps, id, collection: { admin: { useAsTitle, }, slug, labels: { singular, } = {}, } = {}, } = props;
-    const { serverURL, routes: { api, admin } } = useConfig();
-    const { setModified } = useForm();
-    const [deleting, setDeleting] = useState(false);
-    const { closeAll, toggle } = useModal();
-    const history = useHistory();
-    const title = useTitle(useAsTitle) || id;
-    const titleToRender = titleFromProps || title;
-    const modalSlug = `delete-${id}`;
-    const addDefaultError = useCallback(() => {
-        toast.error(`There was an error while deleting ${title}. Please check your connection and try again.`);
-    }, [title]);
-    const handleDelete = useCallback(() => {
-        setDeleting(true);
-        setModified(false);
-        requests.delete(`${serverURL}${api}/${slug}/${id}`, {
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        }).then(async (res) => {
-            try {
-                const json = await res.json();
-                if (res.status < 400) {
-                    closeAll();
-                    return history.push({
-                        pathname: `${admin}/collections/${slug}`,
-                        state: {
-                            status: {
-                                message: `${singular} "${title}" successfully deleted.`,
-                            },
-                        },
-                    });
-                }
-                closeAll();
-                if (json.errors) {
-                    toast.error(json.errors);
-                }
-                addDefaultError();
-                return false;
-            }
-            catch (e) {
-                return addDefaultError();
-            }
-        });
-    }, [addDefaultError, closeAll, history, id, singular, slug, title, admin, api, serverURL, setModified]);
-    if (id) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("button", { type: "button", className: `${baseClass}__toggle`, onClick: (e) => {
-                    e.preventDefault();
-                    toggle(modalSlug);
-                } }, "Delete"),
-            React.createElement(Modal, { slug: modalSlug, className: baseClass },
-                React.createElement(MinimalTemplate, null,
-                    React.createElement("h1", null, "Confirm deletion"),
-                    React.createElement("p", null,
-                        "You are about to delete the",
-                        ' ',
-                        singular,
-                        ' ',
-                        "\"",
-                        React.createElement("strong", null, titleToRender),
-                        "\". Are you sure?"),
-                    React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: deleting ? undefined : () => toggle(modalSlug) }, "Cancel"),
-                    React.createElement(Button, { onClick: deleting ? undefined : handleDelete }, deleting ? 'Deleting...' : 'Confirm')))));
-    }
-    return null;
-};
-export default DeleteDocument;
+import React, { useState, useCallback } from 'react';
+import { toast } from 'react-toastify';
+import { useHistory } from 'react-router-dom';
+import { Modal, useModal } from '@faceless-ui/modal';
+import { useConfig } from '@payloadcms/config-provider';
+import Button from '../Button';
+import MinimalTemplate from '../../templates/Minimal';
+import { useForm } from '../../forms/Form/context';
+import useTitle from '../../../hooks/useTitle';
+import { requests } from '../../../api';
+import './index.scss';
+const baseClass = 'delete-document';
+const DeleteDocument = (props) => {
+    const { title: titleFromProps, id, collection: { admin: { useAsTitle, }, slug, labels: { singular, } = {}, } = {}, } = props;
+    const { serverURL, routes: { api, admin } } = useConfig();
+    const { setModified } = useForm();
+    const [deleting, setDeleting] = useState(false);
+    const { closeAll, toggle } = useModal();
+    const history = useHistory();
+    const title = useTitle(useAsTitle) || id;
+    const titleToRender = titleFromProps || title;
+    const modalSlug = `delete-${id}`;
+    const addDefaultError = useCallback(() => {
+        toast.error(`There was an error while deleting ${title}. Please check your connection and try again.`);
+    }, [title]);
+    const handleDelete = useCallback(() => {
+        setDeleting(true);
+        setModified(false);
+        requests.delete(`${serverURL}${api}/${slug}/${id}`, {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        }).then(async (res) => {
+            try {
+                const json = await res.json();
+                if (res.status < 400) {
+                    closeAll();
+                    return history.push({
+                        pathname: `${admin}/collections/${slug}`,
+                        state: {
+                            status: {
+                                message: `${singular} "${title}" successfully deleted.`,
+                            },
+                        },
+                    });
+                }
+                closeAll();
+                if (json.errors) {
+                    toast.error(json.errors);
+                }
+                addDefaultError();
+                return false;
+            }
+            catch (e) {
+                return addDefaultError();
+            }
+        });
+    }, [addDefaultError, closeAll, history, id, singular, slug, title, admin, api, serverURL, setModified]);
+    if (id) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("button", { type: "button", className: `${baseClass}__toggle`, onClick: (e) => {
+                    e.preventDefault();
+                    toggle(modalSlug);
+                } }, "Delete"),
+            React.createElement(Modal, { slug: modalSlug, className: baseClass },
+                React.createElement(MinimalTemplate, null,
+                    React.createElement("h1", null, "Confirm deletion"),
+                    React.createElement("p", null,
+                        "You are about to delete the",
+                        ' ',
+                        singular,
+                        ' ',
+                        "\"",
+                        React.createElement("strong", null, titleToRender),
+                        "\". Are you sure?"),
+                    React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: deleting ? undefined : () => toggle(modalSlug) }, "Cancel"),
+                    React.createElement(Button, { onClick: deleting ? undefined : handleDelete }, deleting ? 'Deleting...' : 'Confirm')))));
+    }
+    return null;
+};
+export default DeleteDocument;

package/dist/admin/components/elements/DeleteDocument/types.d.ts

@@ -1,6 +1,6 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
-    collection?: SanitizedCollectionConfig;
-    id?: string;
-    title?: string;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    collection?: SanitizedCollectionConfig;
+    id?: string;
+    title?: string;
+};

package/dist/admin/components/elements/DeleteDocument/types.js

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

package/dist/admin/components/elements/DuplicateDocument/index.d.ts

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

package/dist/admin/components/elements/DuplicateDocument/index.js

@@ -1,23 +1,23 @@
-import React, { useCallback } from 'react';
-import { useHistory } from 'react-router-dom';
-import { useConfig } from '@payloadcms/config-provider';
-import Button from '../Button';
-import { useForm } from '../../forms/Form/context';
-import './index.scss';
-const baseClass = 'duplicate';
-const Duplicate = ({ slug }) => {
-    const { push } = useHistory();
-    const { getData } = useForm();
-    const { routes: { admin } } = useConfig();
-    const handleClick = useCallback(() => {
-        const data = getData();
-        push({
-            pathname: `${admin}/collections/${slug}/create`,
-            state: {
-                data,
-            },
-        });
-    }, [push, getData, slug, admin]);
-    return (React.createElement(Button, { buttonStyle: "none", className: baseClass, onClick: handleClick }, "Duplicate"));
-};
-export default Duplicate;
+import React, { useCallback } from 'react';
+import { useHistory } from 'react-router-dom';
+import { useConfig } from '@payloadcms/config-provider';
+import Button from '../Button';
+import { useForm } from '../../forms/Form/context';
+import './index.scss';
+const baseClass = 'duplicate';
+const Duplicate = ({ slug }) => {
+    const { push } = useHistory();
+    const { getData } = useForm();
+    const { routes: { admin } } = useConfig();
+    const handleClick = useCallback(() => {
+        const data = getData();
+        push({
+            pathname: `${admin}/collections/${slug}/create`,
+            state: {
+                data,
+            },
+        });
+    }, [push, getData, slug, admin]);
+    return (React.createElement(Button, { buttonStyle: "none", className: baseClass, onClick: handleClick }, "Duplicate"));
+};
+export default Duplicate;

package/dist/admin/components/elements/DuplicateDocument/types.d.ts

@@ -1,3 +1,3 @@
-export declare type Props = {
-    slug: string;
-};
+export declare type Props = {
+    slug: string;
+};

package/dist/admin/components/elements/DuplicateDocument/types.js

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

package/dist/admin/components/elements/Eyebrow/index.d.ts

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

package/dist/admin/components/elements/Eyebrow/index.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import StepNav from '../StepNav';
-import './index.scss';
-const baseClass = 'eyebrow';
-const Eyebrow = ({ actions }) => (React.createElement("div", { className: baseClass },
-    React.createElement(StepNav, null),
-    actions));
-export default Eyebrow;
+import React from 'react';
+import StepNav from '../StepNav';
+import './index.scss';
+const baseClass = 'eyebrow';
+const Eyebrow = ({ actions }) => (React.createElement("div", { className: baseClass },
+    React.createElement(StepNav, null),
+    actions));
+export default Eyebrow;

package/dist/admin/components/elements/Eyebrow/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare type Props = {
-    actions?: React.ReactNode;
-};
+/// <reference types="react" />
+export declare type Props = {
+    actions?: React.ReactNode;
+};

package/dist/admin/components/elements/Eyebrow/types.js

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

package/dist/admin/components/elements/FileDetails/Meta/index.d.ts

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

package/dist/admin/components/elements/FileDetails/Meta/index.js

@@ -1,26 +1,26 @@
-import React from 'react';
-import { useConfig } from '@payloadcms/config-provider';
-import CopyToClipboard from '../../CopyToClipboard';
-import formatFilesize from '../../../../../uploads/formatFilesize';
-import './index.scss';
-const baseClass = 'file-meta';
-const Meta = (props) => {
-    const { filename, filesize, width, height, mimeType, staticURL, url, } = props;
-    const { serverURL } = useConfig();
-    const fileURL = url || `${serverURL}${staticURL}/${filename}`;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("div", { className: `${baseClass}__url` },
-            React.createElement("a", { href: fileURL, target: "_blank", rel: "noopener noreferrer" }, filename),
-            React.createElement(CopyToClipboard, { value: fileURL, defaultMessage: "Copy URL" })),
-        React.createElement("div", { className: `${baseClass}__size-type` },
-            formatFilesize(filesize),
-            (width && height) && (React.createElement(React.Fragment, null,
-                "\u00A0-\u00A0",
-                width,
-                "x",
-                height)),
-            mimeType && (React.createElement(React.Fragment, null,
-                "\u00A0-\u00A0",
-                mimeType)))));
-};
-export default Meta;
+import React from 'react';
+import { useConfig } from '@payloadcms/config-provider';
+import CopyToClipboard from '../../CopyToClipboard';
+import formatFilesize from '../../../../../uploads/formatFilesize';
+import './index.scss';
+const baseClass = 'file-meta';
+const Meta = (props) => {
+    const { filename, filesize, width, height, mimeType, staticURL, url, } = props;
+    const { serverURL } = useConfig();
+    const fileURL = url || `${serverURL}${staticURL}/${filename}`;
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__url` },
+            React.createElement("a", { href: fileURL, target: "_blank", rel: "noopener noreferrer" }, filename),
+            React.createElement(CopyToClipboard, { value: fileURL, defaultMessage: "Copy URL" })),
+        React.createElement("div", { className: `${baseClass}__size-type` },
+            formatFilesize(filesize),
+            (width && height) && (React.createElement(React.Fragment, null,
+                "\u00A0-\u00A0",
+                width,
+                "x",
+                height)),
+            mimeType && (React.createElement(React.Fragment, null,
+                "\u00A0-\u00A0",
+                mimeType)))));
+};
+export default Meta;

package/dist/admin/components/elements/FileDetails/Meta/types.d.ts

@@ -1,10 +1,10 @@
-export declare type Props = {
-    filename: string;
-    mimeType: string;
-    filesize: number;
-    staticURL: string;
-    width?: number;
-    height?: number;
-    sizes?: unknown;
-    url?: string;
-};
+export declare type Props = {
+    filename: string;
+    mimeType: string;
+    filesize: number;
+    staticURL: string;
+    width?: number;
+    height?: number;
+    sizes?: unknown;
+    url?: string;
+};

package/dist/admin/components/elements/FileDetails/Meta/types.js

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

package/dist/admin/components/elements/FileDetails/index.d.ts

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

package/dist/admin/components/elements/FileDetails/index.js

@@ -1,39 +1,39 @@
-import React, { useState } from 'react';
-import AnimateHeight from 'react-animate-height';
-import Thumbnail from '../Thumbnail';
-import Button from '../Button';
-import Meta from './Meta';
-import Chevron from '../../icons/Chevron';
-import './index.scss';
-const baseClass = 'file-details';
-const FileDetails = (props) => {
-    var _a;
-    const { doc, collection, handleRemove, } = props;
-    const { upload: { staticURL, }, } = collection;
-    const { filename, filesize, width, height, mimeType, sizes, url, } = doc;
-    const [moreInfoOpen, setMoreInfoOpen] = useState(false);
-    const hasSizes = sizes && ((_a = Object.keys(sizes)) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    return (React.createElement("div", { className: baseClass },
-        React.createElement("header", null,
-            React.createElement(Thumbnail, { doc: doc, collection: collection }),
-            React.createElement("div", { className: `${baseClass}__main-detail` },
-                React.createElement(Meta, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url }),
-                hasSizes && (React.createElement(Button, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
-                    !moreInfoOpen && (React.createElement(React.Fragment, null,
-                        "More info",
-                        React.createElement(Chevron, null))),
-                    moreInfoOpen && (React.createElement(React.Fragment, null,
-                        "Less info",
-                        React.createElement(Chevron, null)))))),
-            handleRemove && (React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
-        hasSizes && (React.createElement(AnimateHeight, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
-            React.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(sizes).map(([key, val]) => {
-                if (val === null || val === void 0 ? void 0 : val.filename) {
-                    return (React.createElement("li", { key: key },
-                        React.createElement("div", { className: `${baseClass}__size-label` }, key),
-                        React.createElement(Meta, { ...val, mimeType: mimeType, staticURL: staticURL })));
-                }
-                return null;
-            }))))));
-};
-export default FileDetails;
+import React, { useState } from 'react';
+import AnimateHeight from 'react-animate-height';
+import Thumbnail from '../Thumbnail';
+import Button from '../Button';
+import Meta from './Meta';
+import Chevron from '../../icons/Chevron';
+import './index.scss';
+const baseClass = 'file-details';
+const FileDetails = (props) => {
+    var _a;
+    const { doc, collection, handleRemove, } = props;
+    const { upload: { staticURL, }, } = collection;
+    const { filename, filesize, width, height, mimeType, sizes, url, } = doc;
+    const [moreInfoOpen, setMoreInfoOpen] = useState(false);
+    const hasSizes = sizes && ((_a = Object.keys(sizes)) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("header", null,
+            React.createElement(Thumbnail, { doc: doc, collection: collection }),
+            React.createElement("div", { className: `${baseClass}__main-detail` },
+                React.createElement(Meta, { staticURL: staticURL, filename: filename, filesize: filesize, width: width, height: height, mimeType: mimeType, url: url }),
+                hasSizes && (React.createElement(Button, { className: `${baseClass}__toggle-more-info${moreInfoOpen ? ' open' : ''}`, buttonStyle: "none", onClick: () => setMoreInfoOpen(!moreInfoOpen) },
+                    !moreInfoOpen && (React.createElement(React.Fragment, null,
+                        "More info",
+                        React.createElement(Chevron, null))),
+                    moreInfoOpen && (React.createElement(React.Fragment, null,
+                        "Less info",
+                        React.createElement(Chevron, null)))))),
+            handleRemove && (React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: handleRemove, className: `${baseClass}__remove` }))),
+        hasSizes && (React.createElement(AnimateHeight, { className: `${baseClass}__more-info`, height: moreInfoOpen ? 'auto' : 0 },
+            React.createElement("ul", { className: `${baseClass}__sizes` }, Object.entries(sizes).map(([key, val]) => {
+                if (val === null || val === void 0 ? void 0 : val.filename) {
+                    return (React.createElement("li", { key: key },
+                        React.createElement("div", { className: `${baseClass}__size-label` }, key),
+                        React.createElement(Meta, { ...val, mimeType: mimeType, staticURL: staticURL })));
+                }
+                return null;
+            }))))));
+};
+export default FileDetails;

package/dist/admin/components/elements/FileDetails/types.d.ts

@@ -1,6 +1,6 @@
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-export declare type Props = {
-    collection: SanitizedCollectionConfig;
-    doc: Record<string, unknown>;
-    handleRemove?: () => void;
-};
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+export declare type Props = {
+    collection: SanitizedCollectionConfig;
+    doc: Record<string, unknown>;
+    handleRemove?: () => void;
+};

package/dist/admin/components/elements/FileDetails/types.js

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

package/dist/admin/components/elements/GenerateConfirmation/index.d.ts

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

package/dist/admin/components/elements/GenerateConfirmation/index.js

@@ -1,38 +1,38 @@
-import React from 'react';
-import { toast } from 'react-toastify';
-import { Modal, useModal } from '@faceless-ui/modal';
-import Button from '../Button';
-import MinimalTemplate from '../../templates/Minimal';
-import './index.scss';
-const baseClass = 'generate-confirmation';
-const GenerateConfirmation = (props) => {
-    const { setKey, highlightField, } = props;
-    const { toggle } = useModal();
-    const modalSlug = 'generate-confirmation';
-    const handleGenerate = () => {
-        setKey();
-        toggle(modalSlug);
-        toast.success('New API Key Generated.', { autoClose: 3000 });
-        highlightField(true);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
-                toggle(modalSlug);
-            } }, "Generate new API key"),
-        React.createElement(Modal, { slug: modalSlug, className: baseClass },
-            React.createElement(MinimalTemplate, null,
-                React.createElement("h1", null, "Confirm Generation"),
-                React.createElement("p", null,
-                    "Generating a new API key will",
-                    ' ',
-                    React.createElement("strong", null, "invalidate"),
-                    ' ',
-                    "the previous key.",
-                    ' ',
-                    "Are you sure you wish to continue?"),
-                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
-                        toggle(modalSlug);
-                    } }, "Cancel"),
-                React.createElement(Button, { onClick: handleGenerate }, "Generate")))));
-};
-export default GenerateConfirmation;
+import React from 'react';
+import { toast } from 'react-toastify';
+import { Modal, useModal } from '@faceless-ui/modal';
+import Button from '../Button';
+import MinimalTemplate from '../../templates/Minimal';
+import './index.scss';
+const baseClass = 'generate-confirmation';
+const GenerateConfirmation = (props) => {
+    const { setKey, highlightField, } = props;
+    const { toggle } = useModal();
+    const modalSlug = 'generate-confirmation';
+    const handleGenerate = () => {
+        setKey();
+        toggle(modalSlug);
+        toast.success('New API Key Generated.', { autoClose: 3000 });
+        highlightField(true);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { size: "small", buttonStyle: "secondary", onClick: () => {
+                toggle(modalSlug);
+            } }, "Generate new API key"),
+        React.createElement(Modal, { slug: modalSlug, className: baseClass },
+            React.createElement(MinimalTemplate, null,
+                React.createElement("h1", null, "Confirm Generation"),
+                React.createElement("p", null,
+                    "Generating a new API key will",
+                    ' ',
+                    React.createElement("strong", null, "invalidate"),
+                    ' ',
+                    "the previous key.",
+                    ' ',
+                    "Are you sure you wish to continue?"),
+                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: () => {
+                        toggle(modalSlug);
+                    } }, "Cancel"),
+                React.createElement(Button, { onClick: handleGenerate }, "Generate")))));
+};
+export default GenerateConfirmation;

package/dist/admin/components/elements/GenerateConfirmation/types.d.ts

@@ -1,4 +1,4 @@
-export declare type Props = {
-    setKey: () => void;
-    highlightField: (Boolean: any) => void;
-};
+export declare type Props = {
+    setKey: () => void;
+    highlightField: (Boolean: any) => void;
+};

package/dist/admin/components/elements/GenerateConfirmation/types.js

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

package/dist/admin/components/elements/ListControls/index.d.ts

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