payload 1.3.0 → 1.3.1

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

@@ -1,38 +1,36 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { useModal } from '@faceless-ui/modal';
+import React, { Fragment, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import Button from '../../../../elements/Button';
 import Popup from '../../../../elements/Popup';
 import { useRelatedCollections } from './useRelatedCollections';
 import { useAuth } from '../../../../utilities/Auth';
-import { AddNewRelationModal } from './Modal';
-import { useEditDepth } from '../../../../utilities/EditDepth';
 import Plus from '../../../../icons/Plus';
 import { getTranslation } from '../../../../../../utilities/getTranslation';
+import Tooltip from '../../../../elements/Tooltip';
+import { useDocumentDrawer } from '../../../../elements/DocumentDrawer';
 import './index.scss';
 const baseClass = 'relationship-add-new';
 export const AddNewRelation = ({ path, hasMany, relationTo, value, setValue, dispatchOptions }) => {
     const relatedCollections = useRelatedCollections(relationTo);
-    const { toggleModal, isModalOpen } = useModal();
     const { permissions } = useAuth();
-    const [hasPermission, setHasPermission] = useState(false);
-    const [modalCollection, setModalCollection] = useState();
+    const [show, setShow] = useState(false);
+    const [selectedCollection, setSelectedCollection] = useState();
+    const relatedToMany = relatedCollections.length > 1;
+    const [collectionConfig, setCollectionConfig] = useState(() => (!relatedToMany ? relatedCollections[0] : undefined));
     const [popupOpen, setPopupOpen] = useState(false);
-    const editDepth = useEditDepth();
     const { t, i18n } = useTranslation('fields');
-    const modalSlug = `${path}-add-modal-depth-${editDepth}`;
-    const openModal = useCallback(async (collection) => {
-        setModalCollection(collection);
-        toggleModal(modalSlug);
-    }, [toggleModal, modalSlug]);
+    const [showTooltip, setShowTooltip] = useState(false);
+    const [DocumentDrawer, DocumentDrawerToggler, { toggleDrawer, isDrawerOpen },] = useDocumentDrawer({
+        collectionSlug: collectionConfig === null || collectionConfig === void 0 ? void 0 : collectionConfig.slug,
+    });
     const onSave = useCallback((json) => {
         const newValue = Array.isArray(relationTo) ? {
-            relationTo: modalCollection.slug,
+            relationTo: collectionConfig.slug,
             value: json.doc.id,
         } : json.doc.id;
         dispatchOptions({
             type: 'ADD',
-            collection: modalCollection,
+            collection: collectionConfig,
             docs: [
                 json.doc,
             ],
@@ -45,37 +43,59 @@ export const AddNewRelation = ({ path, hasMany, relationTo, value, setValue, dis
         else {
             setValue(newValue);
         }
-        setModalCollection(undefined);
-        toggleModal(modalSlug);
-    }, [relationTo, modalCollection, dispatchOptions, i18n, hasMany, toggleModal, modalSlug, setValue, value]);
+        setSelectedCollection(undefined);
+    }, [relationTo, collectionConfig, dispatchOptions, i18n, hasMany, setValue, value]);
     const onPopopToggle = useCallback((state) => {
         setPopupOpen(state);
     }, []);
     useEffect(() => {
         if (permissions) {
             if (relatedCollections.length === 1) {
-                setHasPermission(permissions.collections[relatedCollections[0].slug].create.permission);
+                setShow(permissions.collections[relatedCollections[0].slug].create.permission);
             }
             else {
-                setHasPermission(relatedCollections.some((collection) => permissions.collections[collection.slug].create.permission));
+                setShow(relatedCollections.some((collection) => permissions.collections[collection.slug].create.permission));
             }
         }
     }, [permissions, relatedCollections]);
     useEffect(() => {
-        if (!isModalOpen(modalSlug)) {
-            setModalCollection(undefined);
+        if (relatedToMany && selectedCollection) {
+            setCollectionConfig(relatedCollections.find((collection) => collection.slug === selectedCollection));
         }
-    }, [isModalOpen, modalSlug]);
-    return hasPermission ? (React.createElement("div", { className: baseClass, id: `${path}-add-new` },
-        relatedCollections.length === 1 && (React.createElement(Button, { className: `${baseClass}__add-button`, onClick: () => openModal(relatedCollections[0]), buttonStyle: "none", tooltip: t('addNewLabel', { label: relatedCollections[0].labels.singular }) },
-            React.createElement(Plus, null))),
-        relatedCollections.length > 1 && (React.createElement(Popup, { buttonType: "custom", horizontalAlign: "center", onToggleOpen: onPopopToggle, button: (React.createElement(Button, { className: `${baseClass}__add-button`, buttonStyle: "none", tooltip: popupOpen ? undefined : t('addNew') },
-                React.createElement(Plus, null))), render: ({ close: closePopup }) => (React.createElement("ul", { className: `${baseClass}__relations` }, relatedCollections.map((relatedCollection) => {
-                if (permissions.collections[relatedCollection.slug].create.permission) {
-                    return (React.createElement("li", { key: relatedCollection.slug },
-                        React.createElement("button", { className: `${baseClass}__relation-button ${baseClass}__relation-button--${relatedCollection.slug}`, type: "button", onClick: () => { closePopup(); openModal(relatedCollection); } }, getTranslation(relatedCollection.labels.singular, i18n))));
-                }
-                return null;
-            }))) })),
-        modalCollection && (React.createElement(AddNewRelationModal, { ...{ onSave, modalSlug, modalCollection } })))) : null;
+    }, [selectedCollection, relatedToMany, relatedCollections]);
+    useEffect(() => {
+        if (relatedToMany && collectionConfig) {
+            // the drawer must be rendered on the page before before opening it
+            // this is why 'selectedCollection' is different from 'collectionConfig'
+            toggleDrawer();
+            setSelectedCollection(undefined);
+        }
+    }, [toggleDrawer, relatedToMany, collectionConfig]);
+    useEffect(() => {
+        if (relatedToMany && !isDrawerOpen) {
+            setCollectionConfig(undefined);
+        }
+    }, [isDrawerOpen, relatedToMany]);
+    if (show) {
+        return (React.createElement("div", { className: baseClass, id: `${path}-add-new` },
+            relatedCollections.length === 1 && (React.createElement(Fragment, null,
+                React.createElement(DocumentDrawerToggler, { className: `${baseClass}__add-button`, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                    React.createElement(Tooltip, { className: `${baseClass}__tooltip`, show: showTooltip }, t('addNewLabel', { label: getTranslation(relatedCollections[0].labels.singular, i18n) })),
+                    React.createElement(Plus, null)),
+                React.createElement(DocumentDrawer, { onSave: onSave }))),
+            relatedCollections.length > 1 && (React.createElement(Fragment, null,
+                React.createElement(Popup, { buttonType: "custom", horizontalAlign: "center", onToggleOpen: onPopopToggle, button: (React.createElement(Button, { className: `${baseClass}__add-button`, buttonStyle: "none", tooltip: popupOpen ? undefined : t('addNew') },
+                        React.createElement(Plus, null))), render: ({ close: closePopup }) => (React.createElement("ul", { className: `${baseClass}__relations` }, relatedCollections.map((relatedCollection) => {
+                        if (permissions.collections[relatedCollection.slug].create.permission) {
+                            return (React.createElement("li", { key: relatedCollection.slug },
+                                React.createElement("button", { type: "button", className: `${baseClass}__relation-button ${baseClass}__relation-button--${relatedCollection.slug}`, onClick: () => {
+                                        closePopup();
+                                        setSelectedCollection(relatedCollection.slug);
+                                    } }, getTranslation(relatedCollection.labels.singular, i18n))));
+                        }
+                        return null;
+                    }))) }),
+                collectionConfig && permissions.collections[collectionConfig.slug].create.permission && (React.createElement(DocumentDrawer, { onSave: onSave }))))));
+    }
+    return null;
 };

package/dist/admin/components/forms/field-types/Relationship/AddNew/index.scss

@@ -12,28 +12,16 @@
 
   &__add-button {
     @include formInput;
+    position: relative;
     height: 100%;
     margin-left: -1px;
     display: flex;
-    padding: 0;
-
-    .btn__content,
-    .btn__label {
-      display: flex;
-    }
-
-    .btn__content,
-    .btn__label {
-      height: 100%;
-    }
-
-    .btn__label {
-      padding: 0 base(.5);
-      align-items: center;
-    }
+    padding: 0 base(0.5);
+    align-items: center;
+    display: flex;
+    cursor: pointer;
   }
 
-
   &__relations {
     list-style: none;
     margin: 0;
@@ -57,4 +45,4 @@
       opacity: .7;
     }
   }
-}
+}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Action } from '../types';
-export declare type Props = {
+export type Props = {
     hasMany: boolean;
     relationTo: string | string[];
     path: string;

package/dist/admin/components/forms/field-types/Relationship/AddNew/useRelatedCollections.js

@@ -3,8 +3,11 @@ import { useConfig } from '../../../../utilities/Config';
 export const useRelatedCollections = (relationTo) => {
     const config = useConfig();
     const [relatedCollections] = useState(() => {
-        const relations = typeof relationTo === 'string' ? [relationTo] : relationTo;
-        return relations.map((relation) => config.collections.find((collection) => collection.slug === relation));
+        if (relationTo) {
+            const relations = typeof relationTo === 'string' ? [relationTo] : relationTo;
+            return relations.map((relation) => config.collections.find((collection) => collection.slug === relation));
+        }
+        return [];
     });
     return relatedCollections;
 };

package/dist/admin/components/forms/field-types/Relationship/GetFilterOptions/index.d.ts

@@ -1,6 +1,6 @@
 import { FilterOptions } from '../../../../../../fields/config/types';
 import { FilterOptionsResult } from '../types';
-declare type Args = {
+type Args = {
     filterOptions: FilterOptions;
     filterOptionsResult: FilterOptionsResult;
     setFilterOptionsResult: (optionFilters: FilterOptionsResult) => void;

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

@@ -1,7 +1,7 @@
-declare type RelationMap = {
+type RelationMap = {
     [relation: string]: unknown[];
 };
-declare type CreateRelationMap = (args: {
+type CreateRelationMap = (args: {
     hasMany: boolean;
     relationTo: string | string[];
     value: unknown;

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

@@ -1,6 +1,6 @@
 import { Option } from '../../../elements/ReactSelect/types';
 import { OptionGroup, Value } from './types';
-declare type Args = {
+type Args = {
     value: Value | Value[];
     options: OptionGroup[];
 };

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

@@ -18,6 +18,8 @@ import wordBoundariesRegex from '../../../../../utilities/wordBoundariesRegex';
 import { AddNewRelation } from './AddNew';
 import { findOptionsByValue } from './findOptionsByValue';
 import { GetFilterOptions } from './GetFilterOptions';
+import { SingleValue } from './select-components/SingleValue';
+import { MultiValueLabel } from './select-components/MultiValueLabel';
 import './index.scss';
 const maxResultsPerRequest = 10;
 const baseClass = 'relationship';
@@ -47,6 +49,7 @@ const Relationship = (props) => {
         validate: memoizedValidate,
         condition,
     });
+    const [drawerIsOpen, setDrawerIsOpen] = useState(false);
     const getResults = useCallback(async ({ lastFullyLoadedRelation: lastFullyLoadedRelationArg, lastLoadedPage: lastLoadedPageArg, search: searchArg, value: valueArg, sort, onSuccess, }) => {
         if (!permissions) {
             return;
@@ -273,7 +276,14 @@ const Relationship = (props) => {
                         value: initialValue,
                         sort: false,
                     });
-                }, value: valueToRender, showError: showError, disabled: formProcessing, options: options, isMulti: hasMany, isSortable: isSortable, isLoading: isLoading, onMenuOpen: () => {
+                }, value: valueToRender, showError: showError, disabled: formProcessing, options: options, isMulti: hasMany, isSortable: isSortable, isLoading: isLoading, components: {
+                    SingleValue,
+                    MultiValueLabel,
+                }, selectProps: {
+                    disableMouseDown: drawerIsOpen,
+                    disableKeyDown: drawerIsOpen,
+                    setDrawerIsOpen,
+                }, onMenuOpen: () => {
                     if (!hasLoadedFirstPage) {
                         setIsLoading(true);
                         getResults({

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MultiValueProps } from 'react-select';
+import { Option } from '../../types';
+import './index.scss';
+export declare const MultiValueLabel: React.FC<MultiValueProps<Option>>;

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.js

@@ -0,0 +1,36 @@
+import React, { Fragment, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { components } from 'react-select';
+import { useDocumentDrawer } from '../../../../../elements/DocumentDrawer';
+import Tooltip from '../../../../../elements/Tooltip';
+import Edit from '../../../../../icons/Edit';
+import { useAuth } from '../../../../../utilities/Auth';
+import './index.scss';
+const baseClass = 'relationship--multi-value-label';
+export const MultiValueLabel = (props) => {
+    var _a, _b, _c;
+    const { data: { value, relationTo, label, }, selectProps: { setDrawerIsOpen, draggableProps, }, } = props;
+    const { permissions } = useAuth();
+    const [showTooltip, setShowTooltip] = useState(false);
+    const { t } = useTranslation('general');
+    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({
+        id: value === null || value === void 0 ? void 0 : value.toString(),
+        collectionSlug: relationTo,
+    });
+    useEffect(() => {
+        if (typeof setDrawerIsOpen === 'function')
+            setDrawerIsOpen(isDrawerOpen);
+    }, [isDrawerOpen, setDrawerIsOpen]);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__content` },
+            React.createElement(components.MultiValueLabel, { ...props, innerProps: {
+                    className: `${baseClass}__text`,
+                    ...draggableProps || {},
+                } })),
+        relationTo && hasReadPermission && (React.createElement(Fragment, null,
+            React.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": `Edit ${label}`, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                React.createElement(Tooltip, { className: `${baseClass}__tooltip`, show: showTooltip }, t('editLabel', { label: '' })),
+                React.createElement(Edit, null)),
+            React.createElement(DocumentDrawer, null)))));
+};

package/dist/admin/components/forms/field-types/Relationship/select-components/MultiValueLabel/index.scss

@@ -0,0 +1,40 @@
+@import '../../../../../../scss/styles.scss';
+
+.relationship--multi-value-label {
+  display: flex;
+
+  &__content {
+    @extend %small;
+    padding: 0 base(.125) 0 base(.25);
+    max-width: 150px;
+    color: currentColor;
+    display: flex;
+    align-items: center;
+  }
+
+  &__text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+}

package/dist/admin/components/forms/field-types/Relationship/select-components/SingleValue/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SingleValueProps } from 'react-select';
+import { Option } from '../../types';
+import './index.scss';
+export declare const SingleValue: React.FC<SingleValueProps<Option>>;

package/dist/admin/components/forms/field-types/Relationship/select-components/SingleValue/index.js

@@ -0,0 +1,34 @@
+import React, { Fragment, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { components as SelectComponents } from 'react-select';
+import { useDocumentDrawer } from '../../../../../elements/DocumentDrawer';
+import Tooltip from '../../../../../elements/Tooltip';
+import Edit from '../../../../../icons/Edit';
+import { useAuth } from '../../../../../utilities/Auth';
+import './index.scss';
+const baseClass = 'relationship--single-value';
+export const SingleValue = (props) => {
+    var _a, _b, _c;
+    const { data: { value, relationTo, label, }, children, selectProps: { selectProps: { setDrawerIsOpen, }, }, } = props;
+    const [showTooltip, setShowTooltip] = useState(false);
+    const { t } = useTranslation('general');
+    const { permissions } = useAuth();
+    const hasReadPermission = Boolean((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[relationTo]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission);
+    const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({
+        id: value.toString(),
+        collectionSlug: relationTo,
+    });
+    useEffect(() => {
+        if (typeof setDrawerIsOpen === 'function')
+            setDrawerIsOpen(isDrawerOpen);
+    }, [isDrawerOpen, setDrawerIsOpen]);
+    return (React.createElement("div", { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__label` },
+            React.createElement(SelectComponents.SingleValue, { ...props },
+                React.createElement("div", { className: `${baseClass}__text` }, children),
+                relationTo && hasReadPermission && (React.createElement(Fragment, null,
+                    React.createElement(DocumentDrawerToggler, { className: `${baseClass}__drawer-toggler`, "aria-label": t('editLabel', { label }), onMouseDown: (e) => e.stopPropagation(), onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                        React.createElement(Tooltip, { className: `${baseClass}__tooltip`, show: showTooltip }, t('edit')),
+                        React.createElement(Edit, null)))))),
+        relationTo && hasReadPermission && (React.createElement(DocumentDrawer, null))));
+};

package/dist/admin/components/forms/field-types/Relationship/select-components/SingleValue/index.scss

@@ -0,0 +1,43 @@
+@import '../../../../../../scss/styles.scss';
+
+.relationship--single-value {
+  display: flex;
+  align-items: center;
+
+  .rs__single-value {
+    color: currentColor;
+    max-width: unset;
+    display: flex;
+    align-items: center;
+    overflow: visible;
+  }
+
+  &__drawer-toggler {
+    position: relative;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: base(0.25);
+
+    .icon {
+      width: base(0.75);
+      height: base(0.75);
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    &:hover {
+      background-color: var(--theme-elevation-100);
+    }
+  }
+
+  &__label {
+    flex-grow: 1;
+  }
+}

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

@@ -2,27 +2,27 @@ import i18n from 'i18next';
 import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
 import { RelationshipField } from '../../../../../fields/config/types';
 import { Where } from '../../../../../types';
-export declare type Props = Omit<RelationshipField, 'type'> & {
+export type Props = Omit<RelationshipField, 'type'> & {
     path?: string;
 };
-export declare type Option = {
+export type Option = {
     label: string;
     value: string | number;
     relationTo?: string;
     options?: Option[];
 };
-export declare type OptionGroup = {
+export type OptionGroup = {
     label: string;
     options: Option[];
 };
-export declare type Value = {
+export type Value = {
     relationTo: string;
     value: string | number;
 } | string | number;
-declare type CLEAR = {
+type CLEAR = {
     type: 'CLEAR';
 };
-declare type ADD = {
+type ADD = {
     type: 'ADD';
     docs: any[];
     collection: SanitizedCollectionConfig;
@@ -30,12 +30,12 @@ declare type ADD = {
     ids?: unknown[];
     i18n: typeof i18n;
 };
-export declare type Action = CLEAR | ADD;
-export declare type ValueWithRelation = {
+export type Action = CLEAR | ADD;
+export type ValueWithRelation = {
     relationTo: string;
     value: string;
 };
-export declare type GetResults = (args: {
+export type GetResults = (args: {
     lastFullyLoadedRelation?: number;
     lastLoadedPage?: number;
     search?: string;
@@ -43,7 +43,7 @@ export declare type GetResults = (args: {
     sort?: boolean;
     onSuccess?: () => void;
 }) => Promise<void>;
-export declare type FilterOptionsResult = {
+export type FilterOptionsResult = {
     [relation: string]: Where;
 };
 export {};

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

@@ -4,11 +4,11 @@ import { ReactEditor } from 'slate-react';
 import { HistoryEditor } from 'slate-history';
 import { Props } from './types';
 import './index.scss';
-declare type CustomText = {
+type CustomText = {
     text: string;
     [x: string]: unknown;
 };
-declare type CustomElement = {
+type CustomElement = {
     type?: string;
     children: CustomText[];
 };

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

@@ -1,6 +1,6 @@
 import { Field } from '../../../../../../../../fields/config/types';
 import { Fields } from '../../../../../Form/types';
-export declare type Props = {
+export type Props = {
     modalSlug: string;
     close: () => void;
     handleModalSubmit: (fields: Fields, data: Record<string, unknown>) => void;

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

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { useConfig } from '../../../../../../utilities/Config';
 import RelationshipIcon from '../../../../../../icons/Relationship';
 import usePayloadAPI from '../../../../../../../hooks/usePayloadAPI';
+import { getTranslation } from '../../../../../../../../utilities/getTranslation';
 import './index.scss';
 const baseClass = 'rich-text-relationship';
 const initialParams = {
@@ -17,7 +18,7 @@ const Element = (props) => {
     const [relatedCollection] = useState(() => collections.find((coll) => coll.slug === relationTo));
     const selected = useSelected();
     const focused = useFocused();
-    const { t } = useTranslation('fields');
+    const { t, i18n } = useTranslation('fields');
     const [{ data }] = usePayloadAPI(`${serverURL}${api}/${relatedCollection.slug}/${value === null || value === void 0 ? void 0 : value.id}`, { initialParams });
     return (React.createElement("div", { className: [
             baseClass,
@@ -25,7 +26,7 @@ const Element = (props) => {
         ].filter(Boolean).join(' '), contentEditable: false, ...attributes },
         React.createElement(RelationshipIcon, null),
         React.createElement("div", { className: `${baseClass}__wrap` },
-            React.createElement("div", { className: `${baseClass}__label` }, t('labelRelationship', { label: relatedCollection.labels.singular })),
+            React.createElement("div", { className: `${baseClass}__label` }, t('labelRelationship', { label: getTranslation(relatedCollection.labels.singular, i18n) })),
             React.createElement("h5", null, data[((_a = relatedCollection === null || relatedCollection === void 0 ? void 0 : relatedCollection.admin) === null || _a === void 0 ? void 0 : _a.useAsTitle) || 'id'])),
         children));
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type ButtonProps = {
+export type ButtonProps = {
     format: string;
     onClick?: (e: React.MouseEvent) => void;
     className?: string;

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

@@ -3,7 +3,7 @@ import { Element } from 'slate';
 import { SanitizedCollectionConfig } from '../../../../../../../../../collections/config/types';
 import { Field } from '../../../../../../../../../fields/config/types';
 import './index.scss';
-declare type Props = {
+type Props = {
     slug: string;
     closeModal: () => void;
     relatedCollectionConfig: SanitizedCollectionConfig;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/SwapUploadModal/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Element } from 'slate';
 import { SanitizedCollectionConfig } from '../../../../../../../../../collections/config/types';
 import '../../addSwapModals.scss';
-declare type Props = {
+type Props = {
     slug: string;
     element: Element;
     closeModal: () => void;

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

@@ -1,4 +1,4 @@
 import { RichTextField } from '../../../../../fields/config/types';
-export declare type Props = Omit<RichTextField, 'type'> & {
+export type Props = Omit<RichTextField, 'type'> & {
     path?: string;
 };

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

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

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

@@ -3,7 +3,7 @@ import { OptionObject, SelectField } from '../../../../../fields/config/types';
 import { Description } from '../../FieldDescription/types';
 import { Option } from '../../../elements/ReactSelect/types';
 import './index.scss';
-export declare type SelectInputProps = Omit<SelectField, 'type' | 'value' | 'options'> & {
+export type SelectInputProps = Omit<SelectField, 'type' | 'value' | 'options'> & {
     showError?: boolean;
     errorMessage?: string;
     readOnly?: boolean;

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

@@ -1,4 +1,4 @@
 import { SelectField } from '../../../../../fields/config/types';
-export declare type Props = Omit<SelectField, 'type'> & {
+export type Props = Omit<SelectField, 'type'> & {
     path?: string;
 };

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

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

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

@@ -2,7 +2,7 @@ import React, { ChangeEvent } from 'react';
 import { TextField } from '../../../../../fields/config/types';
 import { Description } from '../../FieldDescription/types';
 import './index.scss';
-export declare type TextInputProps = Omit<TextField, 'type'> & {
+export type TextInputProps = Omit<TextField, 'type'> & {
     showError?: boolean;
     errorMessage?: string;
     readOnly?: boolean;

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

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