payload 1.6.4-beta.0 → 1.6.4

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBaseFields = void 0;
+const extractTranslations_1 = require("../../../../../../../../translations/extractTranslations");
+const translations = (0, extractTranslations_1.extractTranslations)([
+    'fields:textToDisplay',
+    'fields:linkType',
+    'fields:chooseBetweenCustomTextOrDocument',
+    'fields:customURL',
+    'fields:internalLink',
+    'fields:enterURL',
+    'fields:chooseDocumentToLink',
+    'fields:openInNewTab',
+]);
+const getBaseFields = (config) => [
+    {
+        name: 'text',
+        label: translations['fields:textToDisplay'],
+        type: 'text',
+        required: true,
+    },
+    {
+        name: 'linkType',
+        label: translations['fields:linkType'],
+        type: 'radio',
+        required: true,
+        admin: {
+            description: translations['fields:chooseBetweenCustomTextOrDocument'],
+        },
+        defaultValue: 'custom',
+        options: [
+            {
+                label: translations['fields:customURL'],
+                value: 'custom',
+            },
+            {
+                label: translations['fields:internalLink'],
+                value: 'internal',
+            },
+        ],
+    },
+    {
+        name: 'url',
+        label: translations['fields:enterURL'],
+        type: 'text',
+        required: true,
+        admin: {
+            condition: ({ linkType, url }) => {
+                return (typeof linkType === 'undefined' && url) || linkType === 'custom';
+            },
+        },
+    },
+    {
+        name: 'doc',
+        label: translations['fields:chooseDocumentToLink'],
+        type: 'relationship',
+        required: true,
+        relationTo: config.collections.map(({ slug }) => slug),
+        admin: {
+            condition: ({ linkType }) => {
+                return linkType === 'internal';
+            },
+        },
+    },
+    {
+        name: 'newTab',
+        label: translations['fields:openInNewTab'],
+        type: 'checkbox',
+    },
+];
+exports.getBaseFields = getBaseFields;
+//# sourceMappingURL=baseFields.js.map

package/dist/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/baseFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseFields.js","sourceRoot":"","sources":["../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/baseFields.ts"],"names":[],"mappings":";;;AAEA,kGAA+F;AAE/F,MAAM,YAAY,GAAG,IAAA,yCAAmB,EAAC;IACvC,sBAAsB;IACtB,iBAAiB;IACjB,0CAA0C;IAC1C,kBAAkB;IAClB,qBAAqB;IACrB,iBAAiB;IACjB,6BAA6B;IAC7B,qBAAqB;CACtB,CAAC,CAAC;AAEI,MAAM,aAAa,GAAG,CAAC,MAAc,EAAW,EAAE,CAAC;IACxD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,YAAY,CAAC,sBAAsB,CAAC;QAC3C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC;QACtC,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE;YACL,WAAW,EAAE,YAAY,CAAC,0CAA0C,CAAC;SACtE;QACD,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,YAAY,CAAC,kBAAkB,CAAC;gBACvC,KAAK,EAAE,QAAQ;aAChB;YACD;gBACE,KAAK,EAAE,YAAY,CAAC,qBAAqB,CAAC;gBAC1C,KAAK,EAAE,UAAU;aAClB;SACF;KACF;IACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC;QACtC,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE;gBAC/B,OAAO,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,GAAG,CAAC,IAAI,QAAQ,KAAK,QAAQ,CAAC;YAC3E,CAAC;SACF;KACF;IACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,YAAY,CAAC,6BAA6B,CAAC;QAClD,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC;QACtD,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;gBAC1B,OAAO,QAAQ,KAAK,UAAU,CAAC;YACjC,CAAC;SACF;KACF;IACD;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,YAAY,CAAC,qBAAqB,CAAC;QAC1C,IAAI,EAAE,UAAU;KACjB;CACF,CAAC;AAvDW,QAAA,aAAa,iBAuDxB"}

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkDrawer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Drawer_1 = require("../../../../../../elements/Drawer");
+const Button_1 = __importDefault(require("../../../../../../elements/Button"));
+const X_1 = __importDefault(require("../../../../../../icons/X"));
+const Form_1 = __importDefault(require("../../../../../Form"));
+const Submit_1 = __importDefault(require("../../../../../Submit"));
+const __1 = __importDefault(require("../../../.."));
+const RenderFields_1 = __importDefault(require("../../../../../RenderFields"));
+require("./index.scss");
+const Gutter_1 = require("../../../../../../elements/Gutter");
+const baseClass = 'rich-text-link-edit-modal';
+const LinkDrawer = ({ handleClose, handleModalSubmit, initialState, fieldSchema, drawerSlug, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
+    return (react_1.default.createElement(Drawer_1.Drawer, { slug: drawerSlug, className: baseClass },
+        react_1.default.createElement(Gutter_1.Gutter, { className: `${baseClass}__template` },
+            react_1.default.createElement("header", { className: `${baseClass}__header` },
+                react_1.default.createElement("h2", { className: `${baseClass}__header-text` }, t('editLink')),
+                react_1.default.createElement(Button_1.default, { className: `${baseClass}__header-close`, buttonStyle: "none", onClick: handleClose },
+                    react_1.default.createElement(X_1.default, null))),
+            react_1.default.createElement(Form_1.default, { onSubmit: handleModalSubmit, initialState: initialState },
+                react_1.default.createElement(RenderFields_1.default, { fieldTypes: __1.default, readOnly: false, fieldSchema: fieldSchema, forceRender: true }),
+                react_1.default.createElement(Submit_1.default, null, t('general:submit'))))));
+};
+exports.LinkDrawer = LinkDrawer;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAC/C,8DAA2D;AAC3D,+EAAuD;AACvD,kEAA0C;AAC1C,+DAAuC;AACvC,mEAA+C;AAE/C,oDAAqC;AACrC,+EAAuD;AAEvD,wBAAsB;AACtB,8DAA2D;AAE3D,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAEvC,MAAM,UAAU,GAAoB,CAAC,EAC1C,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,UAAU,GACX,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CACL,8BAAC,eAAM,IACL,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,SAAS;QAEpB,8BAAC,eAAM,IAAC,SAAS,EAAE,GAAG,SAAS,YAAY;YACzC,0CAAQ,SAAS,EAAE,GAAG,SAAS,UAAU;gBACvC,sCAAI,SAAS,EAAE,GAAG,SAAS,eAAe,IACvC,CAAC,CAAC,UAAU,CAAC,CACX;gBACL,8BAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,gBAAgB,EACvC,WAAW,EAAC,MAAM,EAClB,OAAO,EAAE,WAAW;oBAEpB,8BAAC,WAAC,OAAG,CACE,CACF;YACT,8BAAC,cAAI,IACH,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,YAAY;gBAE1B,8BAAC,sBAAY,IACX,UAAU,EAAE,WAAU,EACtB,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,WAAW,EACxB,WAAW,SACX;gBACF,8BAAC,gBAAU,QACR,CAAC,CAAC,gBAAgB,CAAC,CACT,CACR,CACA,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB"}

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

@@ -0,0 +1,50 @@
+@import '../../../../../../../scss/styles.scss';
+
+.rich-text-link-edit-modal {
+  &__template {
+    position: relative;
+    z-index: 1;
+    padding-top: base(1);
+    padding-bottom: base(2);
+  }
+
+  &__header {
+    width: 100%;
+    margin-bottom: $baseline;
+    display: flex;
+    justify-content: space-between;
+    margin-top: base(2.5);
+    margin-bottom: base(1);
+
+    @include mid-break {
+      margin-top: base(1.5);
+    }
+  }
+
+  &__header-text {
+    margin: 0;
+  }
+
+  &__header-close {
+    border: 0;
+    background-color: transparent;
+    padding: 0;
+    cursor: pointer;
+    overflow: hidden;
+    width: base(1);
+    height: base(1);
+
+    svg {
+      width: base(2.75);
+      height: base(2.75);
+      position: relative;
+      left: base(-.825);
+      top: base(-.825);
+
+      .stroke {
+        stroke-width: 2px;
+        vector-effect: non-scaling-stroke;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+import { Field } from '../../../../../../../../fields/config/types';
+import { Fields } from '../../../../../Form/types';
+export type Props = {
+    drawerSlug: string;
+    handleClose: () => void;
+    handleModalSubmit: (fields: Fields, data: Record<string, unknown>) => void;
+    initialState?: Fields;
+    fieldSchema: Field[];
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/LinkDrawer/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const link: {
+    Button: import("react").FC<{
+        path: string;
+        fieldProps: import("../../types").Props;
+    }>;
+    Element: import("react").FC<{
+        attributes: import("react").HTMLAttributes<HTMLDivElement>;
+        children: import("react").ReactNode;
+        element: any;
+        fieldProps: import("../../types").Props;
+        editorRef: import("react").RefObject<HTMLDivElement>;
+    }>;
+    plugins: ((incomingEditor: import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor) => import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor)[];
+};
+export default link;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utilities_1 = require("./utilities");
+const Button_1 = require("./Button");
+const Element_1 = require("./Element");
+const link = {
+    Button: Button_1.LinkButton,
+    Element: Element_1.LinkElement,
+    plugins: [
+        utilities_1.withLinks,
+    ],
+};
+exports.default = link;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/index.tsx"],"names":[],"mappings":";;AAAA,2CAAwC;AACxC,qCAAsC;AACtC,uCAAwC;AAExC,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,mBAAU;IAClB,OAAO,EAAE,qBAAW;IACpB,OAAO,EAAE;QACP,qBAAS;KACV;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modalSlug = void 0;
+exports.modalSlug = 'rich-text-link-modal';
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/shared.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,sBAAsB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { Editor } from 'slate';
+export declare const unwrapLink: (editor: Editor) => 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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withLinks = exports.wrapLink = exports.unwrapLink = void 0;
+const slate_1 = require("slate");
+const unwrapLink = (editor) => {
+    slate_1.Transforms.unwrapNodes(editor, { match: (n) => slate_1.Element.isElement(n) && n.type === 'link' });
+};
+exports.unwrapLink = unwrapLink;
+const wrapLink = (editor) => {
+    const { selection } = editor;
+    const isCollapsed = selection && slate_1.Range.isCollapsed(selection);
+    const link = {
+        type: 'link',
+        url: undefined,
+        newTab: false,
+        children: isCollapsed ? [{ text: '' }] : [],
+    };
+    if (isCollapsed) {
+        slate_1.Transforms.insertNodes(editor, link);
+    }
+    else {
+        slate_1.Transforms.wrapNodes(editor, link, { split: true });
+        slate_1.Transforms.collapse(editor, { edge: 'end' });
+    }
+};
+exports.wrapLink = wrapLink;
+const withLinks = (incomingEditor) => {
+    const editor = incomingEditor;
+    const { isInline } = editor;
+    editor.isInline = (element) => {
+        if (element.type === 'link') {
+            return true;
+        }
+        return isInline(element);
+    };
+    return editor;
+};
+exports.withLinks = withLinks;
+//# sourceMappingURL=utilities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../../../../../src/admin/components/forms/field-types/RichText/elements/link/utilities.tsx"],"names":[],"mappings":";;;AAAA,iCAA2D;AAEpD,MAAM,UAAU,GAAG,CAAC,MAAc,EAAQ,EAAE;IACjD,kBAAU,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,CAAC;AAC9F,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB;AAEK,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAQ,EAAE;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,WAAW,GAAG,SAAS,IAAI,aAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAE9D,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,SAAS;QACd,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KAC5C,CAAC;IAEF,IAAI,WAAW,EAAE;QACf,kBAAU,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;KACtC;SAAM;QACL,kBAAU,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,kBAAU,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;KAC9C;AACH,CAAC,CAAC;AAjBW,QAAA,QAAQ,YAiBnB;AAEK,MAAM,SAAS,GAAG,CAAC,cAAsB,EAAU,EAAE;IAC1D,MAAM,MAAM,GAAG,cAAc,CAAC;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAE5B,MAAM,CAAC,QAAQ,GAAG,CAAC,OAAO,EAAE,EAAE;QAC5B,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;YAC3B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB"}

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

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ['ol', 'ul'];
+//# sourceMappingURL=listTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listTypes.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RichText/elements/listTypes.tsx"],"names":[],"mappings":";;AAAA,kBAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './index.scss';
+declare const ol: {
+    Button: () => JSX.Element;
+    Element: ({ attributes, children }: {
+        attributes: any;
+        children: any;
+    }) => JSX.Element;
+};
+export default ol;

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

@@ -0,0 +1,17 @@
+"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 ListButton_1 = __importDefault(require("../ListButton"));
+const OrderedList_1 = __importDefault(require("../../../../../icons/OrderedList"));
+require("./index.scss");
+const OL = ({ attributes, children }) => (react_1.default.createElement("ol", { className: "rich-text-ol", ...attributes }, children));
+const ol = {
+    Button: () => (react_1.default.createElement(ListButton_1.default, { format: "ol" },
+        react_1.default.createElement(OrderedList_1.default, null))),
+    Element: OL,
+};
+exports.default = ol;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/RichText/elements/ol/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/admin/components/forms/field-types/RichText/elements/ol/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+DAAuC;AACvC,mFAAsD;AAEtD,wBAAsB;AAEtB,MAAM,EAAE,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACvC,sCACE,SAAS,EAAC,cAAc,KACpB,UAAU,IAEb,QAAQ,CACN,CACN,CAAC;AAEF,MAAM,EAAE,GAAG;IACT,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,8BAAC,oBAAU,IAAC,MAAM,EAAC,IAAI;QACrB,8BAAC,qBAAM,OAAG,CACC,CACd;IACD,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAe,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+@import '../../../../../../scss/styles.scss';
+
+.rich-text-ol {
+  &[data-slate-node=element] {
+    margin: base(.625) 0;
+  }
+}

package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/Fields/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RelationshipFields: () => JSX.Element;
+export default RelationshipFields;

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

@@ -0,0 +1,63 @@
+"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 Config_1 = require("../../../../../../../utilities/Config");
+const Auth_1 = require("../../../../../../../utilities/Auth");
+const context_1 = require("../../../../../../Form/context");
+const Relationship_1 = __importDefault(require("../../../../../Relationship"));
+const Select_1 = __importDefault(require("../../../../../Select"));
+const createOptions = (collections, permissions) => collections.reduce((options, collection) => {
+    var _a, _b, _c, _d;
+    if (((_c = (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[collection.slug]) === null || _b === void 0 ? void 0 : _b.read) === null || _c === void 0 ? void 0 : _c.permission) && ((_d = collection === null || collection === void 0 ? void 0 : collection.admin) === null || _d === void 0 ? void 0 : _d.enableRichTextRelationship)) {
+        return [
+            ...options,
+            {
+                label: collection.labels.plural,
+                value: collection.slug,
+            },
+        ];
+    }
+    return options;
+}, []);
+const RelationshipFields = () => {
+    const { collections } = (0, Config_1.useConfig)();
+    const { permissions } = (0, Auth_1.useAuth)();
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
+    const [options, setOptions] = (0, react_1.useState)(() => createOptions(collections, permissions));
+    const relationTo = (0, context_1.useFormFields)(([fields]) => { var _a; return (_a = fields.relationTo) === null || _a === void 0 ? void 0 : _a.value; });
+    (0, react_1.useEffect)(() => {
+        setOptions(createOptions(collections, permissions));
+    }, [collections, permissions]);
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(Select_1.default, { required: true, label: t('relationTo'), name: "relationTo", options: options }),
+        relationTo && (react_1.default.createElement(Relationship_1.default, { label: t('relatedDocument'), name: "value", relationTo: relationTo, required: true }))));
+};
+exports.default = RelationshipFields;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/relationship/Button/Fields/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAC7D,iDAA+C;AAC/C,kEAAkE;AAClE,8DAA8D;AAC9D,4DAA+D;AAC/D,+EAAuD;AACvD,mEAA2C;AAE3C,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE;;IAC7F,IAAI,CAAA,MAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,0CAAG,UAAU,CAAC,IAAI,CAAC,0CAAE,IAAI,0CAAE,UAAU,MAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,0BAA0B,CAAA,EAAE;QAClH,OAAO;YACL,GAAG,OAAO;YACV;gBACE,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM;gBAC/B,KAAK,EAAE,UAAU,CAAC,IAAI;aACvB;SACF,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,EAAE,EAAE,CAAC,CAAC;AAEP,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IACpC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,cAAO,GAAE,CAAC;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,QAAQ,CAAC,CAAC;IAEvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IACtF,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAS,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,UAAU,0CAAE,KAAe,CAAA,EAAA,CAAC,CAAC;IAE3F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,gBAAM,IACL,QAAQ,QACR,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,EACtB,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,GAChB;QACD,UAAU,IAAI,CACb,8BAAC,sBAAY,IACX,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,SACR,CACH,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+declare const RelationshipButton: React.FC<{
+    path: string;
+}>;
+export default RelationshipButton;

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

@@ -0,0 +1,87 @@
+"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 slate_react_1 = require("slate-react");
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../../../../utilities/Config");
+const Button_1 = __importDefault(require("../../Button"));
+const Relationship_1 = __importDefault(require("../../../../../../icons/Relationship"));
+const injectVoid_1 = require("../../injectVoid");
+const ListDrawer_1 = require("../../../../../../elements/ListDrawer");
+require("./index.scss");
+const baseClass = 'relationship-rich-text-button';
+const insertRelationship = (editor, { value, relationTo }) => {
+    const text = { text: ' ' };
+    const relationship = {
+        type: 'relationship',
+        value,
+        relationTo,
+        children: [
+            text,
+        ],
+    };
+    (0, injectVoid_1.injectVoidElement)(editor, relationship);
+    slate_react_1.ReactEditor.focus(editor);
+};
+const RelationshipButton = () => {
+    const { collections } = (0, Config_1.useConfig)();
+    const { t } = (0, react_i18next_1.useTranslation)('fields');
+    const editor = (0, slate_react_1.useSlate)();
+    const [enabledCollectionSlugs] = (0, react_1.useState)(() => collections.filter(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship).map(({ slug }) => slug));
+    const [selectedCollectionSlug, setSelectedCollectionSlug] = (0, react_1.useState)(() => enabledCollectionSlugs[0]);
+    const [ListDrawer, ListDrawerToggler, { closeDrawer, isDrawerOpen, },] = (0, ListDrawer_1.useListDrawer)({
+        collectionSlugs: enabledCollectionSlugs,
+        selectedCollection: selectedCollectionSlug,
+    });
+    const onSelect = (0, react_1.useCallback)(({ docID, collectionConfig }) => {
+        insertRelationship(editor, {
+            value: {
+                id: docID,
+            },
+            relationTo: collectionConfig.slug,
+        });
+        closeDrawer();
+    }, [editor, closeDrawer]);
+    (0, react_1.useEffect)(() => {
+        // always reset back to first option
+        // TODO: this is not working, see the ListDrawer component
+        setSelectedCollectionSlug(enabledCollectionSlugs[0]);
+    }, [isDrawerOpen, enabledCollectionSlugs]);
+    if (!enabledCollectionSlugs || enabledCollectionSlugs.length === 0)
+        return null;
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(ListDrawerToggler, null,
+            react_1.default.createElement(Button_1.default, { className: baseClass, format: "relationship", tooltip: t('addRelationship'), el: "div", onClick: () => {
+                    // do nothing
+                } },
+                react_1.default.createElement(Relationship_1.default, null))),
+        react_1.default.createElement(ListDrawer, { onSelect: onSelect })));
+};
+exports.default = RelationshipButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/admin/components/forms/field-types/RichText/elements/relationship/Button/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+@import '../../../../../../../scss/styles.scss';
+
+.relationship-rich-text-button {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}

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

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from 'react';
+import { Props as RichTextProps } from '../../../types';
+import './index.scss';
+declare const Element: React.FC<{
+    attributes: HTMLAttributes<HTMLDivElement>;
+    children: React.ReactNode;
+    element: any;
+    fieldProps: RichTextProps;
+}>;
+export default Element;