payload 1.0.32 → 1.0.35

package/dist/admin/components/forms/field-types/RichText/elements/link/index.scss

@@ -10,14 +10,44 @@
     right: 0;
     bottom: 0;
     left: 0;
+
+
+    .popup__scroll,
+    .popup__wrap {
+      overflow: visible;
+    }
+
+    .popup__scroll {
+      padding-right: base(.5);
+    }
+  }
+
+  .icon--x line {
+    stroke-width: 2px;
   }
-}
 
-.rich-text-link__popup-wrap {
-  cursor: pointer;
+  &__popup {
+    @extend %body;
+    font-family: var(--font-body);
+    display: flex;
 
-  .tooltip {
-    bottom: 80%;
+    button {
+      @extend %btn-reset;
+      font-weight: 600;
+      cursor: pointer;
+      margin: 0 0 0 base(.25);
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  &__link-label {
+    max-width: base(8);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-right: base(.25);
   }
 }
 
@@ -36,61 +66,4 @@
   &--open {
     z-index: var(--z-popup);
   }
-}
-
-.rich-text-link__url-wrap {
-  position: relative;
-  width: 100%;
-  margin-bottom: base(.5);
-}
-
-.rich-text-link__confirm {
-  position: absolute;
-  right: base(.5);
-  top: 50%;
-  transform: translateY(-50%);
-
-  svg {
-    @include color-svg(var(--theme-elevation-0));
-    transform: rotate(-90deg);
-  }
-}
-
-.rich-text-link__url {
-  @include formInput;
-  padding-right: base(1.75);
-  min-width: base(12);
-  width: 100%;
-  background: var(--theme-input-bg);
-  color: var(--theme-elevation-1000);
-}
-
-.rich-text-link__new-tab {
-  svg {
-    @include color-svg(var(--theme-elevation-900));
-    background: var(--theme-elevation-100);
-    margin-right: base(.5);
-  }
-
-  path {
-    opacity: 0;
-  }
-
-  &:hover {
-    path {
-      opacity: .2;
-    }
-  }
-
-  &--checked {
-    path {
-      opacity: 1;
-    }
-
-    &:hover {
-      path {
-        opacity: .8;
-      }
-    }
-  }
-}
+}

package/dist/admin/components/forms/field-types/RichText/elements/link/shared.d.ts

@@ -0,0 +1 @@
+export declare const modalSlug = "rich-text-link-modal";

package/dist/admin/components/forms/field-types/RichText/elements/link/shared.js

@@ -0,0 +1 @@
+export const modalSlug = 'rich-text-link-modal';

package/dist/admin/components/forms/field-types/RichText/elements/link/utilities.d.ts

@@ -1,4 +1,4 @@
 import { Editor } from 'slate';
 export declare const unwrapLink: (editor: Editor) => void;
-export declare const wrapLink: (editor: Editor, url?: string, newTab?: boolean) => void;
+export declare const wrapLink: (editor: Editor) => void;
 export declare const withLinks: (incomingEditor: Editor) => Editor;

package/dist/admin/components/forms/field-types/RichText/elements/link/utilities.js

@@ -1,32 +1,22 @@
 import { Transforms, Range, Element } from 'slate';
-import isElementActive from '../isActive';
 export const unwrapLink = (editor) => {
     Transforms.unwrapNodes(editor, { match: (n) => Element.isElement(n) && n.type === 'link' });
 };
-export const wrapLink = (editor, url, newTab) => {
-    const { selection, blurSelection } = editor;
-    if (blurSelection) {
-        Transforms.select(editor, blurSelection);
-    }
-    if (isElementActive(editor, 'link')) {
-        unwrapLink(editor);
+export const wrapLink = (editor) => {
+    const { selection } = editor;
+    const isCollapsed = selection && Range.isCollapsed(selection);
+    const link = {
+        type: 'link',
+        url: undefined,
+        newTab: false,
+        children: isCollapsed ? [{ text: '' }] : [],
+    };
+    if (isCollapsed) {
+        Transforms.insertNodes(editor, link);
     }
     else {
-        const selectionToUse = selection || blurSelection;
-        const isCollapsed = selectionToUse && Range.isCollapsed(selectionToUse);
-        const link = {
-            type: 'link',
-            url,
-            newTab,
-            children: isCollapsed ? [{ text: url }] : [],
-        };
-        if (isCollapsed) {
-            Transforms.insertNodes(editor, link);
-        }
-        else {
-            Transforms.wrapNodes(editor, link, { split: true });
-            Transforms.collapse(editor, { edge: 'end' });
-        }
+        Transforms.wrapNodes(editor, link, { split: true });
+        Transforms.collapse(editor, { edge: 'end' });
     }
 };
 export const withLinks = (incomingEditor) => {

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/index.js

@@ -1,6 +1,5 @@
 import React, { Fragment, useCallback, useEffect, useState } from 'react';
 import { Modal, useModal } from '@faceless-ui/modal';
-import { Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
 import { useConfig } from '../../../../../../utilities/Config';
 import ElementButton from '../../Button';
@@ -26,14 +25,11 @@ const insertRelationship = (editor, { value, relationTo }) => {
             text,
         ],
     };
-    if (editor.blurSelection) {
-        Transforms.select(editor, editor.blurSelection);
-    }
     injectVoidElement(editor, relationship);
     ReactEditor.focus(editor);
 };
 const RelationshipButton = ({ path }) => {
-    const { open, closeAll } = useModal();
+    const { toggleModal } = useModal();
     const editor = useSlate();
     const { serverURL, routes: { api }, collections } = useConfig();
     const [renderModal, setRenderModal] = useState(false);
@@ -45,15 +41,15 @@ const RelationshipButton = ({ path }) => {
         const res = await requests.get(`${serverURL}${api}/${relationTo}/${value}?depth=0`);
         const json = await res.json();
         insertRelationship(editor, { value: { id: json.id }, relationTo });
-        closeAll();
+        toggleModal(modalSlug);
         setRenderModal(false);
         setLoading(false);
-    }, [editor, closeAll, api, serverURL]);
+    }, [editor, toggleModal, modalSlug, api, serverURL]);
     useEffect(() => {
         if (renderModal) {
-            open(modalSlug);
+            toggleModal(modalSlug);
         }
-    }, [renderModal, open, modalSlug]);
+    }, [renderModal, toggleModal, modalSlug]);
     if (!hasEnabledCollections)
         return null;
     return (React.createElement(Fragment, null,
@@ -64,7 +60,7 @@ const RelationshipButton = ({ path }) => {
                 React.createElement("header", { className: `${baseClass}__header` },
                     React.createElement("h3", null, "Add Relationship"),
                     React.createElement(Button, { buttonStyle: "none", onClick: () => {
-                            closeAll();
+                            toggleModal(modalSlug);
                             setRenderModal(false);
                         } },
                         React.createElement(X, null))),

package/dist/admin/components/forms/field-types/RichText/elements/toggle.js

@@ -12,9 +12,6 @@ const toggleElement = (editor, format) => {
     else if (isList) {
         type = 'li';
     }
-    if (editor.blurSelection) {
-        Transforms.select(editor, editor.blurSelection);
-    }
     Transforms.unwrapNodes(editor, {
         match: (n) => Element.isElement(n) && listTypes.includes(n.type),
         split: true,

package/dist/admin/components/forms/field-types/RichText/elements/upload/Button/index.js

@@ -1,6 +1,5 @@
 import React, { Fragment, useEffect, useState } from 'react';
 import { Modal, useModal } from '@faceless-ui/modal';
-import { Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
 import { useConfig } from '../../../../../../utilities/Config';
 import ElementButton from '../../Button';
@@ -30,15 +29,12 @@ const insertUpload = (editor, { value, relationTo }) => {
             text,
         ],
     };
-    if (editor.blurSelection) {
-        Transforms.select(editor, editor.blurSelection);
-    }
     injectVoidElement(editor, upload);
     ReactEditor.focus(editor);
 };
 const UploadButton = ({ path }) => {
-    var _a, _b;
-    const { open, closeAll, currentModal } = useModal();
+    var _a, _b, _c;
+    const { toggleModal, modalState } = useModal();
     const editor = useSlate();
     const { serverURL, routes: { api }, collections } = useConfig();
     const [availableCollections] = useState(() => collections.filter(({ admin: { enableRichTextRelationship }, upload }) => (Boolean(upload) && enableRichTextRelationship)));
@@ -58,7 +54,7 @@ const UploadButton = ({ path }) => {
     const [page, setPage] = useState(null);
     const modalSlug = `${path}-add-upload`;
     const moreThanOneAvailableCollection = availableCollections.length > 1;
-    const isOpen = currentModal === modalSlug;
+    const isOpen = (_a = modalState[modalSlug]) === null || _a === void 0 ? void 0 : _a.isOpen;
     // If modal is open, get active page of upload gallery
     const apiURL = isOpen ? `${serverURL}${api}/${modalCollection.slug}` : null;
     const [{ data }, { setParams }] = usePayloadAPI(apiURL, {});
@@ -69,9 +65,9 @@ const UploadButton = ({ path }) => {
     }, [modalCollection]);
     useEffect(() => {
         if (renderModal) {
-            open(modalSlug);
+            toggleModal(modalSlug);
         }
-    }, [renderModal, open, modalSlug]);
+    }, [renderModal, toggleModal, modalSlug]);
     useEffect(() => {
         const params = {};
         if (page)
@@ -102,7 +98,7 @@ const UploadButton = ({ path }) => {
                     ' ',
                     modalCollection.labels.singular),
                 React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => {
-                        closeAll();
+                        toggleModal(modalSlug);
                         setRenderModal(false);
                     } })),
             moreThanOneAvailableCollection && (React.createElement("div", { className: `${baseModalClass}__select-collection-wrap` },
@@ -120,7 +116,7 @@ const UploadButton = ({ path }) => {
                         relationTo: modalCollection.slug,
                     });
                     setRenderModal(false);
-                    closeAll();
+                    toggleModal(modalSlug);
                 } }),
             React.createElement("div", { className: `${baseModalClass}__page-controls` },
                 React.createElement(Paginator, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, onChange: setPage, disableHistoryChange: true }),
@@ -133,6 +129,6 @@ const UploadButton = ({ path }) => {
                         "of",
                         ' ',
                         data.totalDocs),
-                    React.createElement(PerPage, { limits: (_b = (_a = modalCollection === null || modalCollection === void 0 ? void 0 : modalCollection.admin) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))))));
+                    React.createElement(PerPage, { limits: (_c = (_b = modalCollection === null || modalCollection === void 0 ? void 0 : modalCollection.admin) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))))));
 };
 export default UploadButton;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.js

@@ -9,7 +9,6 @@ import Button from '../../../../../../../elements/Button';
 import RenderFields from '../../../../../../RenderFields';
 import fieldTypes from '../../../../..';
 import Form from '../../../../../../Form';
-import reduceFieldsToValues from '../../../../../../Form/reduceFieldsToValues';
 import Submit from '../../../../../../Submit';
 import { useLocale } from '../../../../../../../utilities/Locale';
 import './index.scss';
@@ -19,9 +18,9 @@ export const EditModal = ({ slug, closeModal, relatedCollectionConfig, fieldSche
     const [initialState, setInitialState] = useState({});
     const { user } = useAuth();
     const locale = useLocale();
-    const handleUpdateEditData = useCallback((fields) => {
+    const handleUpdateEditData = useCallback((_, data) => {
         const newNode = {
-            fields: reduceFieldsToValues(fields, true),
+            fields: data,
         };
         const elementPath = ReactEditor.findPath(editor, element);
         Transforms.setNodes(editor, newNode, { at: elementPath });

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/index.js

@@ -17,7 +17,7 @@ const initialParams = {
 const Element = ({ attributes, children, element, path, fieldProps }) => {
     var _a, _b, _c, _d;
     const { relationTo, value } = element;
-    const { closeAll, open } = useModal();
+    const { toggleModal } = useModal();
     const { collections, serverURL, routes: { api } } = useConfig();
     const [modalToRender, setModalToRender] = useState(undefined);
     const [relatedCollection, setRelatedCollection] = useState(() => collections.find((coll) => coll.slug === relationTo));
@@ -33,14 +33,14 @@ const Element = ({ attributes, children, element, path, fieldProps }) => {
         Transforms.removeNodes(editor, { at: elementPath });
     }, [editor, element]);
     const closeModal = useCallback(() => {
-        closeAll();
+        toggleModal(modalSlug);
         setModalToRender(null);
-    }, [closeAll]);
+    }, [toggleModal, modalSlug]);
     useEffect(() => {
-        if (modalToRender && modalSlug) {
-            open(`${modalSlug}`);
+        if (modalToRender) {
+            toggleModal(modalSlug);
         }
-    }, [modalToRender, open, modalSlug]);
+    }, [modalToRender, toggleModal, modalSlug]);
     const fieldSchema = (_d = (_c = (_b = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.admin) === null || _a === void 0 ? void 0 : _a.upload) === null || _b === void 0 ? void 0 : _b.collections) === null || _c === void 0 ? void 0 : _c[relatedCollection.slug]) === null || _d === void 0 ? void 0 : _d.fields;
     return (React.createElement("div", { className: [
             baseClass,

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

@@ -1,8 +1,4 @@
-import { BaseEditor, Selection } from 'slate';
 import { RichTextField } from '../../../../../fields/config/types';
 export declare type Props = Omit<RichTextField, 'type'> & {
     path?: string;
 };
-export interface BlurSelectionEditor extends BaseEditor {
-    blurSelection?: Selection;
-}

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

@@ -11,10 +11,12 @@ export declare type TextInputProps = Omit<TextField, 'type'> & {
     value?: string;
     description?: Description;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     placeholder?: string;
     style?: React.CSSProperties;
     className?: string;
     width?: string;
+    inputRef?: React.MutableRefObject<HTMLInputElement>;
 };
 declare const TextInput: React.FC<TextInputProps>;
 export default TextInput;

package/dist/admin/components/forms/field-types/Text/Input.js

@@ -2,10 +2,9 @@ import React from 'react';
 import Label from '../../Label';
 import Error from '../../Error';
 import FieldDescription from '../../FieldDescription';
-// import { FieldType } from '../../useField/types';
 import './index.scss';
 const TextInput = (props) => {
-    const { showError, errorMessage, placeholder, readOnly, path, label, required, value, onChange, description, style, className, width, } = props;
+    const { showError, errorMessage, placeholder, readOnly, path, label, required, value, onChange, onKeyDown, description, style, className, width, inputRef, } = props;
     const classes = [
         'field-type',
         'text',
@@ -19,7 +18,7 @@ const TextInput = (props) => {
         } },
         React.createElement(Error, { showError: showError, message: errorMessage }),
         React.createElement(Label, { htmlFor: `field-${path.replace(/\./gi, '__')}`, label: label, required: required }),
-        React.createElement("input", { id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, disabled: readOnly, placeholder: placeholder, type: "text", name: path }),
+        React.createElement("input", { ref: inputRef, id: `field-${path.replace(/\./gi, '__')}`, value: value || '', onChange: onChange, onKeyDown: onKeyDown, disabled: readOnly, placeholder: placeholder, type: "text", name: path }),
         React.createElement(FieldDescription, { value: value, description: description })));
 };
 export default TextInput;

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

@@ -4,7 +4,7 @@ import withCondition from '../../withCondition';
 import { text } from '../../../../../fields/validations';
 import TextInput from './Input';
 const Text = (props) => {
-    const { path: pathFromProps, name, required, validate = text, label, minLength, maxLength, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, } = props;
+    const { path: pathFromProps, name, required, validate = text, label, minLength, maxLength, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, inputRef, } = props;
     const path = pathFromProps || name;
     const memoizedValidate = useCallback((value, options) => {
         return validate(value, { ...options, minLength, maxLength, required });
@@ -18,6 +18,6 @@ const Text = (props) => {
     const { value, showError, setValue, errorMessage, } = field;
     return (React.createElement(TextInput, { path: path, name: name, onChange: (e) => {
             setValue(e.target.value);
-        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description }));
+        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description, inputRef: inputRef }));
 };
 export default withCondition(Text);

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

@@ -1,4 +1,7 @@
+/// <reference types="react" />
 import { TextField } from '../../../../../fields/config/types';
 export declare type Props = Omit<TextField, 'type'> & {
     path?: string;
+    inputRef?: React.MutableRefObject<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 };

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

@@ -16,11 +16,11 @@ const AddUploadModal = (props) => {
     const { collection, collection: { admin: { description, } = {}, } = {}, slug, fieldTypes, setValue, } = props;
     const { permissions } = useAuth();
     const { serverURL, routes: { api } } = useConfig();
-    const { closeAll } = useModal();
+    const { toggleModal } = useModal();
     const onSuccess = useCallback((json) => {
-        closeAll();
+        toggleModal(slug);
         setValue(json.doc);
-    }, [closeAll, setValue]);
+    }, [toggleModal, slug, setValue]);
     const classes = [
         baseClass,
     ].filter(Boolean).join(' ');
@@ -35,7 +35,7 @@ const AddUploadModal = (props) => {
                             ' ',
                             collection.labels.singular),
                         React.createElement(FormSubmit, null, "Save"),
-                        React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: closeAll })),
+                        React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => toggleModal(slug) })),
                     description && (React.createElement("div", { className: `${baseClass}__sub-header` },
                         React.createElement(ViewDescription, { description: description })))),
                 React.createElement(Upload, { collection: collection }),

package/dist/admin/components/forms/field-types/Upload/Input.js

@@ -11,7 +11,7 @@ import './index.scss';
 const baseClass = 'upload';
 const UploadInput = (props) => {
     const { path, required, readOnly, style, className, width, description, label, relationTo, fieldTypes, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, filterOptions, } = props;
-    const { toggle } = useModal();
+    const { toggleModal } = useModal();
     const addModalSlug = `${path}-add`;
     const selectExistingModalSlug = `${path}-select-existing`;
     const [file, setFile] = useState(undefined);
@@ -59,13 +59,13 @@ const UploadInput = (props) => {
                 } })),
             (!file || missingFile) && (React.createElement("div", { className: `${baseClass}__wrap` },
                 React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        toggle(addModalSlug);
+                        toggleModal(addModalSlug);
                     } },
                     "Upload new",
                     ' ',
                     collection.labels.singular),
                 React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        toggle(selectExistingModalSlug);
+                        toggleModal(selectExistingModalSlug);
                     } }, "Choose from existing"))),
             React.createElement(AddModal, { ...{
                     collection,

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

@@ -18,13 +18,13 @@ import ViewDescription from '../../../../elements/ViewDescription';
 import './index.scss';
 const baseClass = 'select-existing-upload-modal';
 const SelectExistingUploadModal = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { setValue, collection, collection: { slug: collectionSlug, admin: { description, pagination: { defaultLimit, }, } = {}, } = {}, slug: modalSlug, path, filterOptions, } = props;
     const { serverURL, routes: { api } } = useConfig();
     const { id } = useDocumentInfo();
     const { user } = useAuth();
     const { getData, getSiblingData } = useWatchForm();
-    const { closeAll, currentModal } = useModal();
+    const { toggleModal, modalState } = useModal();
     const [fields] = useState(() => formatFields(collection));
     const [limit, setLimit] = useState(defaultLimit);
     const [sort, setSort] = useState(null);
@@ -34,7 +34,7 @@ const SelectExistingUploadModal = (props) => {
     const classes = [
         baseClass,
     ].filter(Boolean).join(' ');
-    const isOpen = currentModal === modalSlug;
+    const isOpen = (_a = modalState[modalSlug]) === null || _a === void 0 ? void 0 : _a.isOpen;
     const apiURL = isOpen ? `${serverURL}${api}/${collectionSlug}` : null;
     const [{ data }, { setParams }] = usePayloadAPI(apiURL, {});
     useEffect(() => {
@@ -72,7 +72,7 @@ const SelectExistingUploadModal = (props) => {
                     "Select existing",
                     ' ',
                     collection.labels.singular),
-                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: closeAll })),
+                React.createElement(Button, { icon: "x", round: true, buttonStyle: "icon-label", iconStyle: "with-border", onClick: () => toggleModal(modalSlug) })),
             description && (React.createElement("div", { className: `${baseClass}__sub-header` },
                 React.createElement(ViewDescription, { description: description })))),
         React.createElement(ListControls, { collection: {
@@ -81,7 +81,7 @@ const SelectExistingUploadModal = (props) => {
             }, enableColumns: false, enableSort: true, modifySearchQuery: false, handleSortChange: setSort, handleWhereChange: setWhere }),
         React.createElement(UploadGallery, { docs: data === null || data === void 0 ? void 0 : data.docs, collection: collection, onCardClick: (doc) => {
                 setValue(doc);
-                closeAll();
+                toggleModal(modalSlug);
             } }),
         React.createElement("div", { className: `${baseClass}__page-controls` },
             React.createElement(Paginator, { limit: data.limit, totalPages: data.totalPages, page: data.page, hasPrevPage: data.hasPrevPage, hasNextPage: data.hasNextPage, prevPage: data.prevPage, nextPage: data.nextPage, numberOfNeighbors: 1, onChange: setPage, disableHistoryChange: true }),
@@ -94,6 +94,6 @@ const SelectExistingUploadModal = (props) => {
                     "of",
                     ' ',
                     data.totalDocs),
-                React.createElement(PerPage, { limits: (_b = (_a = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))));
+                React.createElement(PerPage, { limits: (_c = (_b = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _b === void 0 ? void 0 : _b.pagination) === null || _c === void 0 ? void 0 : _c.limits, limit: limit, modifySearchParams: false, handleChange: setLimit }))))))));
 };
 export default SelectExistingUploadModal;

package/dist/admin/components/modals/StayLoggedIn/index.js

@@ -6,23 +6,24 @@ import MinimalTemplate from '../../templates/Minimal';
 import Button from '../../elements/Button';
 import './index.scss';
 const baseClass = 'stay-logged-in';
+const modalSlug = 'stay-logged-in';
 const StayLoggedInModal = (props) => {
     const { refreshCookie } = props;
     const history = useHistory();
     const { routes: { admin } } = useConfig();
-    const { closeAll: closeAllModals } = useModal();
+    const { toggleModal } = useModal();
     return (React.createElement(Modal, { className: baseClass, slug: "stay-logged-in" },
         React.createElement(MinimalTemplate, { className: `${baseClass}__template` },
             React.createElement("h1", null, "Stay logged in"),
             React.createElement("p", null, "You haven't been active in a little while and will shortly be automatically logged out for your own security. Would you like to stay logged in?"),
             React.createElement("div", { className: `${baseClass}__actions` },
                 React.createElement(Button, { buttonStyle: "secondary", onClick: () => {
-                        closeAllModals();
+                        toggleModal(modalSlug);
                         history.push(`${admin}/logout`);
                     } }, "Log out"),
                 React.createElement(Button, { onClick: () => {
                         refreshCookie();
-                        closeAllModals();
+                        toggleModal(modalSlug);
                     } }, "Stay logged in")))));
 };
 export default StayLoggedInModal;

package/dist/admin/components/utilities/Auth/index.js

@@ -16,7 +16,7 @@ export const AuthProvider = ({ children }) => {
     const { admin: { user: userSlug, }, serverURL, routes: { admin, api, }, } = config;
     const exp = user === null || user === void 0 ? void 0 : user.exp;
     const [permissions, setPermissions] = useState();
-    const { open: openModal, closeAll: closeAllModals } = useModal();
+    const { openModal, closeAllModals } = useModal();
     const [lastLocationChange, setLastLocationChange] = useState(0);
     const debouncedLocationChange = useDebounce(lastLocationChange, 10000);
     const id = user === null || user === void 0 ? void 0 : user.id;

package/dist/admin/components/views/Version/Restore/index.js

@@ -11,7 +11,7 @@ const modalSlug = 'restore-version';
 const Restore = ({ collection, global, className, versionID, originalDocID, versionDate }) => {
     const { serverURL, routes: { api, admin } } = useConfig();
     const history = useHistory();
-    const { toggle } = useModal();
+    const { toggleModal } = useModal();
     const [processing, setProcessing] = useState(false);
     let fetchURL = `${serverURL}${api}`;
     let redirectURL;
@@ -39,12 +39,12 @@ const Restore = ({ collection, global, className, versionID, originalDocID, vers
         }
     }, [history, fetchURL, redirectURL]);
     return (React.createElement(Fragment, null,
-        React.createElement(Pill, { onClick: () => toggle(modalSlug), className: [baseClass, className].filter(Boolean).join(' ') }, "Restore this version"),
+        React.createElement(Pill, { onClick: () => toggleModal(modalSlug), className: [baseClass, className].filter(Boolean).join(' ') }, "Restore this version"),
         React.createElement(Modal, { slug: modalSlug, className: `${baseClass}__modal` },
             React.createElement(MinimalTemplate, { className: `${baseClass}__modal-template` },
                 React.createElement("h1", null, "Confirm version restoration"),
                 React.createElement("p", null, restoreMessage),
-                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggle(modalSlug) }, "Cancel"),
+                React.createElement(Button, { buttonStyle: "secondary", type: "button", onClick: processing ? undefined : () => toggleModal(modalSlug) }, "Cancel"),
                 React.createElement(Button, { onClick: processing ? undefined : handleRestore }, processing ? 'Restoring...' : 'Confirm')))));
 };
 export default Restore;

package/dist/admin/hooks/useThrottledEffect.js

@@ -1,17 +1,22 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect, useRef } from 'react';
 const useThrottledEffect = (callback, delay, deps = []) => {
-    const lastRan = useRef(Date.now());
+    const lastRan = useRef(null);
     useEffect(() => {
-        const handler = setTimeout(() => {
-            if (Date.now() - lastRan.current >= delay) {
-                callback();
-                lastRan.current = Date.now();
-            }
-        }, delay - (Date.now() - lastRan.current));
-        return () => {
-            clearTimeout(handler);
-        };
+        if (lastRan) {
+            const handler = setTimeout(() => {
+                if (Date.now() - lastRan.current >= delay) {
+                    callback();
+                    lastRan.current = Date.now();
+                }
+            }, delay - (Date.now() - lastRan.current));
+            return () => {
+                clearTimeout(handler);
+            };
+        }
+        callback();
+        lastRan.current = Date.now();
+        return () => null;
     }, [delay, ...deps]);
 };
 export default useThrottledEffect;

package/dist/admin/index.js

@@ -28,7 +28,7 @@ const Index = () => (React.createElement(React.Fragment, null,
             } },
             React.createElement(ScrollInfoProvider, null,
                 React.createElement(Router, null,
-                    React.createElement(ModalProvider, { classPrefix: "payload", zIndex: 50 },
+                    React.createElement(ModalProvider, { classPrefix: "payload", zIndex: 50, transTime: 0 },
                         React.createElement(AuthProvider, null,
                             React.createElement(PreferencesProvider, null,
                                 React.createElement(ThemeProvider, null,