@payloadcms/richtext-lexical 0.7.0 → 3.0.0-alpha.18

package/dist/field/features/relationship/feature.server.d.ts

@@ -0,0 +1,18 @@
+import type { FeatureProviderProviderServer } from '../types';
+export type RelationshipFeatureProps = {
+    /**
+     * The collections that should be disabled. Overrides the `enableRichTextRelationship` property in the collection config.
+     * When this property is set, `enabledCollections` will not be available.
+     **/
+    disabledCollections?: string[];
+    enabledCollections?: never;
+} | {
+    disabledCollections?: never;
+    /**
+     * The collections that should be enabled. Overrides the `enableRichTextRelationship` property in the collection config
+     * When this property is set, `disabledCollections` will not be available.
+     **/
+    enabledCollections?: string[];
+};
+export declare const RelationshipFeature: FeatureProviderProviderServer<RelationshipFeatureProps, RelationshipFeatureProps>;
+//# sourceMappingURL=feature.server.d.ts.map

package/dist/field/features/relationship/feature.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/relationship/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAM7D,MAAM,MAAM,wBAAwB,GAChC;IACE;;;QAGI;IACJ,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAG9B,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAC3B,GACD;IAEE,mBAAmB,CAAC,EAAE,KAAK,CAAA;IAE3B;;;QAGI;IACJ,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAA;AAEL,eAAO,MAAM,mBAAmB,EAAE,6BAA6B,CAC7D,wBAAwB,EACxB,wBAAwB,CAoBzB,CAAA"}

package/dist/field/features/relationship/feature.server.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RelationshipFeature", {
+    enumerable: true,
+    get: function() {
+        return RelationshipFeature;
+    }
+});
+const _featureclient = require("./feature.client");
+const _RelationshipNode = require("./nodes/RelationshipNode");
+const _populationPromise = require("./populationPromise");
+const RelationshipFeature = (props)=>{
+    return {
+        feature: ()=>{
+            return {
+                ClientComponent: _featureclient.RelationshipFeatureClientComponent,
+                clientFeatureProps: props,
+                nodes: [
+                    {
+                        node: _RelationshipNode.RelationshipNode,
+                        populationPromises: [
+                            _populationPromise.relationshipPopulationPromise
+                        ]
+                    }
+                ],
+                serverFeatureProps: props
+            };
+        },
+        key: 'relationship',
+        serverFeatureProps: props
+    };
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9yZWxhdGlvbnNoaXAvZmVhdHVyZS5zZXJ2ZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBGZWF0dXJlUHJvdmlkZXJQcm92aWRlclNlcnZlciB9IGZyb20gJy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBSZWxhdGlvbnNoaXBGZWF0dXJlQ2xpZW50Q29tcG9uZW50IH0gZnJvbSAnLi9mZWF0dXJlLmNsaWVudCdcbmltcG9ydCB7IFJlbGF0aW9uc2hpcE5vZGUgfSBmcm9tICcuL25vZGVzL1JlbGF0aW9uc2hpcE5vZGUnXG5pbXBvcnQgeyByZWxhdGlvbnNoaXBQb3B1bGF0aW9uUHJvbWlzZSB9IGZyb20gJy4vcG9wdWxhdGlvblByb21pc2UnXG5cbmV4cG9ydCB0eXBlIFJlbGF0aW9uc2hpcEZlYXR1cmVQcm9wcyA9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBUaGUgY29sbGVjdGlvbnMgdGhhdCBzaG91bGQgYmUgZGlzYWJsZWQuIE92ZXJyaWRlcyB0aGUgYGVuYWJsZVJpY2hUZXh0UmVsYXRpb25zaGlwYCBwcm9wZXJ0eSBpbiB0aGUgY29sbGVjdGlvbiBjb25maWcuXG4gICAgICAgKiBXaGVuIHRoaXMgcHJvcGVydHkgaXMgc2V0LCBgZW5hYmxlZENvbGxlY3Rpb25zYCB3aWxsIG5vdCBiZSBhdmFpbGFibGUuXG4gICAgICAgKiovXG4gICAgICBkaXNhYmxlZENvbGxlY3Rpb25zPzogc3RyaW5nW11cblxuICAgICAgLy8gRW5zdXJlcyB0aGF0IGVuYWJsZWRDb2xsZWN0aW9ucyBpcyBub3QgYXZhaWxhYmxlIHdoZW4gZGlzYWJsZWRDb2xsZWN0aW9ucyBpcyBzZXRcbiAgICAgIGVuYWJsZWRDb2xsZWN0aW9ucz86IG5ldmVyXG4gICAgfVxuICB8IHtcbiAgICAgIC8vIEVuc3VyZXMgdGhhdCBkaXNhYmxlZENvbGxlY3Rpb25zIGlzIG5vdCBhdmFpbGFibGUgd2hlbiBlbmFibGVkQ29sbGVjdGlvbnMgaXMgc2V0XG4gICAgICBkaXNhYmxlZENvbGxlY3Rpb25zPzogbmV2ZXJcblxuICAgICAgLyoqXG4gICAgICAgKiBUaGUgY29sbGVjdGlvbnMgdGhhdCBzaG91bGQgYmUgZW5hYmxlZC4gT3ZlcnJpZGVzIHRoZSBgZW5hYmxlUmljaFRleHRSZWxhdGlvbnNoaXBgIHByb3BlcnR5IGluIHRoZSBjb2xsZWN0aW9uIGNvbmZpZ1xuICAgICAgICogV2hlbiB0aGlzIHByb3BlcnR5IGlzIHNldCwgYGRpc2FibGVkQ29sbGVjdGlvbnNgIHdpbGwgbm90IGJlIGF2YWlsYWJsZS5cbiAgICAgICAqKi9cbiAgICAgIGVuYWJsZWRDb2xsZWN0aW9ucz86IHN0cmluZ1tdXG4gICAgfVxuXG5leHBvcnQgY29uc3QgUmVsYXRpb25zaGlwRmVhdHVyZTogRmVhdHVyZVByb3ZpZGVyUHJvdmlkZXJTZXJ2ZXI8XG4gIFJlbGF0aW9uc2hpcEZlYXR1cmVQcm9wcyxcbiAgUmVsYXRpb25zaGlwRmVhdHVyZVByb3BzXG4+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZmVhdHVyZTogKCkgPT4ge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgQ2xpZW50Q29tcG9uZW50OiBSZWxhdGlvbnNoaXBGZWF0dXJlQ2xpZW50Q29tcG9uZW50LFxuICAgICAgICBjbGllbnRGZWF0dXJlUHJvcHM6IHByb3BzLFxuICAgICAgICBub2RlczogW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIG5vZGU6IFJlbGF0aW9uc2hpcE5vZGUsXG4gICAgICAgICAgICBwb3B1bGF0aW9uUHJvbWlzZXM6IFtyZWxhdGlvbnNoaXBQb3B1bGF0aW9uUHJvbWlzZV0sXG4gICAgICAgICAgICAvLyBUT0RPOiBBZGQgdmFsaWRhdGlvbiBzaW1pbGFyIHRvIHVwbG9hZFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICAgIHNlcnZlckZlYXR1cmVQcm9wczogcHJvcHMsXG4gICAgICB9XG4gICAgfSxcbiAgICBrZXk6ICdyZWxhdGlvbnNoaXAnLFxuICAgIHNlcnZlckZlYXR1cmVQcm9wczogcHJvcHMsXG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJSZWxhdGlvbnNoaXBGZWF0dXJlIiwicHJvcHMiLCJmZWF0dXJlIiwiQ2xpZW50Q29tcG9uZW50IiwiUmVsYXRpb25zaGlwRmVhdHVyZUNsaWVudENvbXBvbmVudCIsImNsaWVudEZlYXR1cmVQcm9wcyIsIm5vZGVzIiwibm9kZSIsIlJlbGF0aW9uc2hpcE5vZGUiLCJwb3B1bGF0aW9uUHJvbWlzZXMiLCJyZWxhdGlvbnNoaXBQb3B1bGF0aW9uUHJvbWlzZSIsInNlcnZlckZlYXR1cmVQcm9wcyIsImtleSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkE0QmFBOzs7ZUFBQUE7OzsrQkExQnNDO2tDQUNsQjttQ0FDYTtBQXdCdkMsTUFBTUEsc0JBR1QsQ0FBQ0M7SUFDSCxPQUFPO1FBQ0xDLFNBQVM7WUFDUCxPQUFPO2dCQUNMQyxpQkFBaUJDLGlEQUFrQztnQkFDbkRDLG9CQUFvQko7Z0JBQ3BCSyxPQUFPO29CQUNMO3dCQUNFQyxNQUFNQyxrQ0FBZ0I7d0JBQ3RCQyxvQkFBb0I7NEJBQUNDLGdEQUE2Qjt5QkFBQztvQkFFckQ7aUJBQ0Q7Z0JBQ0RDLG9CQUFvQlY7WUFDdEI7UUFDRjtRQUNBVyxLQUFLO1FBQ0xELG9CQUFvQlY7SUFDdEI7QUFDRiJ9

package/dist/field/features/relationship/nodes/RelationshipNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipNode.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/relationship/nodes/RelationshipNode.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,gBAAgB,EAEhB,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,EACP,MAAM,SAAS,CAAA;AAEhB,OAAO,EACL,kBAAkB,EAClB,KAAK,4BAA4B,EAClC,MAAM,0CAA0C,CAAA;AAUjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE;QAEL,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;QACtB,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;CACF,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC,gBAAgB,EAAE,4BAA4B,CAAC,CAAA;AAkB/F,qBAAa,gBAAiB,SAAQ,kBAAkB;IACtD,MAAM,EAAE,gBAAgB,CAAA;gBAEZ,EACV,IAAI,EACJ,MAAM,EACN,GAAG,GACJ,EAAE;QACD,IAAI,EAAE,gBAAgB,CAAA;QACtB,MAAM,CAAC,EAAE,iBAAiB,CAAA;QAC1B,GAAG,CAAC,EAAE,OAAO,CAAA;KACd;IAKD,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB;IAQtD,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,SAAS,IAAI,gBAAgB,CAAC,cAAc,CAAC,GAAG,IAAI;IAiB3D,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,0BAA0B,GAAG,gBAAgB;IAU/E,MAAM,CAAC,QAAQ,IAAI,KAAK;IAGxB,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;IAWlE,SAAS,IAAI,eAAe;IAU5B,UAAU,IAAI,0BAA0B;IASxC,OAAO,IAAI,gBAAgB;IAI3B,cAAc,IAAI,MAAM;IAIxB,OAAO,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI;CAItC;AAED,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,CAIhF;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,GAAG,SAAS,GACtD,IAAI,IAAI,gBAAgB,CAE1B"}

package/dist/field/features/relationship/nodes/RelationshipNode.js

@@ -0,0 +1,172 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    $createRelationshipNode: function() {
+        return $createRelationshipNode;
+    },
+    $isRelationshipNode: function() {
+        return $isRelationshipNode;
+    },
+    RelationshipNode: function() {
+        return RelationshipNode;
+    }
+});
+const _LexicalDecoratorBlockNode = require("@lexical/react/LexicalDecoratorBlockNode");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const RelationshipComponent = /*#__PURE__*/ _react.lazy(()=>// @ts-expect-error-next-line TypeScript being dumb
+    Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./components/RelationshipComponent"))).then((module)=>({
+            default: module.RelationshipComponent
+        })));
+function relationshipElementToNode(domNode) {
+    const id = domNode.getAttribute('data-lexical-relationship-id');
+    const relationTo = domNode.getAttribute('data-lexical-relationship-relationTo');
+    if (id != null && relationTo != null) {
+        const node = $createRelationshipNode({
+            relationTo,
+            value: {
+                id
+            }
+        });
+        return {
+            node
+        };
+    }
+    return null;
+}
+class RelationshipNode extends _LexicalDecoratorBlockNode.DecoratorBlockNode {
+    __data;
+    constructor({ data, format, key }){
+        super(format, key);
+        this.__data = data;
+    }
+    static clone(node) {
+        return new RelationshipNode({
+            data: node.__data,
+            format: node.__format,
+            key: node.__key
+        });
+    }
+    static getType() {
+        return 'relationship';
+    }
+    static importDOM() {
+        return {
+            div: (domNode)=>{
+                if (!domNode.hasAttribute('data-lexical-relationship-relationTo') || !domNode.hasAttribute('data-lexical-relationship-id')) {
+                    return null;
+                }
+                return {
+                    conversion: relationshipElementToNode,
+                    priority: 2
+                };
+            }
+        };
+    }
+    static importJSON(serializedNode) {
+        const importedData = {
+            relationTo: serializedNode.relationTo,
+            value: serializedNode.value
+        };
+        const node = $createRelationshipNode(importedData);
+        node.setFormat(serializedNode.format);
+        return node;
+    }
+    static isInline() {
+        return false;
+    }
+    decorate(editor, config) {
+        return /*#__PURE__*/ _react.createElement(RelationshipComponent, {
+            className: config.theme.relationship ?? 'LexicalEditorTheme__relationship',
+            data: this.__data,
+            format: this.__format,
+            nodeKey: this.getKey()
+        });
+    }
+    exportDOM() {
+        const element = document.createElement('div');
+        element.setAttribute('data-lexical-relationship-id', this.__data?.value?.id);
+        element.setAttribute('data-lexical-relationship-relationTo', this.__data?.relationTo);
+        const text = document.createTextNode(this.getTextContent());
+        element.append(text);
+        return {
+            element
+        };
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            ...this.getData(),
+            type: this.getType(),
+            version: 1
+        };
+    }
+    getData() {
+        return this.getLatest().__data;
+    }
+    getTextContent() {
+        return `${this.__data?.relationTo} relation to ${this.__data?.value?.id}`;
+    }
+    setData(data) {
+        const writable = this.getWritable();
+        writable.__data = data;
+    }
+}
+function $createRelationshipNode(data) {
+    return new RelationshipNode({
+        data
+    });
+}
+function $isRelationshipNode(node) {
+    return node instanceof RelationshipNode;
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9yZWxhdGlvbnNoaXAvbm9kZXMvUmVsYXRpb25zaGlwTm9kZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICBET01Db252ZXJzaW9uTWFwLFxuICBET01Db252ZXJzaW9uT3V0cHV0LFxuICBET01FeHBvcnRPdXRwdXQsXG4gIEVkaXRvckNvbmZpZyxcbiAgRWxlbWVudEZvcm1hdFR5cGUsXG4gIExleGljYWxFZGl0b3IsXG4gIExleGljYWxOb2RlLFxuICBOb2RlS2V5LFxuICBTcHJlYWQsXG59IGZyb20gJ2xleGljYWwnXG5cbmltcG9ydCB7XG4gIERlY29yYXRvckJsb2NrTm9kZSxcbiAgdHlwZSBTZXJpYWxpemVkRGVjb3JhdG9yQmxvY2tOb2RlLFxufSBmcm9tICdAbGV4aWNhbC9yZWFjdC9MZXhpY2FsRGVjb3JhdG9yQmxvY2tOb2RlJ1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmNvbnN0IFJlbGF0aW9uc2hpcENvbXBvbmVudCA9IFJlYWN0LmxhenkoKCkgPT5cbiAgLy8gQHRzLWV4cGVjdC1lcnJvci1uZXh0LWxpbmUgVHlwZVNjcmlwdCBiZWluZyBkdW1iXG4gIGltcG9ydCgnLi9jb21wb25lbnRzL1JlbGF0aW9uc2hpcENvbXBvbmVudCcpLnRoZW4oKG1vZHVsZSkgPT4gKHtcbiAgICBkZWZhdWx0OiBtb2R1bGUuUmVsYXRpb25zaGlwQ29tcG9uZW50LFxuICB9KSksXG4pXG5cbmV4cG9ydCB0eXBlIFJlbGF0aW9uc2hpcERhdGEgPSB7XG4gIHJlbGF0aW9uVG86IHN0cmluZ1xuICB2YWx1ZToge1xuICAgIC8vIEFjdHVhbCByZWxhdGlvbnNoaXAsIHBvcHVsYXRlZCBpbiBhZnRlclJlYWQgaG9va1xuICAgIFtrZXk6IHN0cmluZ106IHVua25vd25cbiAgICBpZDogc3RyaW5nXG4gIH1cbn1cblxuZXhwb3J0IHR5cGUgU2VyaWFsaXplZFJlbGF0aW9uc2hpcE5vZGUgPSBTcHJlYWQ8UmVsYXRpb25zaGlwRGF0YSwgU2VyaWFsaXplZERlY29yYXRvckJsb2NrTm9kZT5cblxuZnVuY3Rpb24gcmVsYXRpb25zaGlwRWxlbWVudFRvTm9kZShkb21Ob2RlOiBIVE1MRGl2RWxlbWVudCk6IERPTUNvbnZlcnNpb25PdXRwdXQgfCBudWxsIHtcbiAgY29uc3QgaWQgPSBkb21Ob2RlLmdldEF0dHJpYnV0ZSgnZGF0YS1sZXhpY2FsLXJlbGF0aW9uc2hpcC1pZCcpXG4gIGNvbnN0IHJlbGF0aW9uVG8gPSBkb21Ob2RlLmdldEF0dHJpYnV0ZSgnZGF0YS1sZXhpY2FsLXJlbGF0aW9uc2hpcC1yZWxhdGlvblRvJylcblxuICBpZiAoaWQgIT0gbnVsbCAmJiByZWxhdGlvblRvICE9IG51bGwpIHtcbiAgICBjb25zdCBub2RlID0gJGNyZWF0ZVJlbGF0aW9uc2hpcE5vZGUoe1xuICAgICAgcmVsYXRpb25UbyxcbiAgICAgIHZhbHVlOiB7XG4gICAgICAgIGlkLFxuICAgICAgfSxcbiAgICB9KVxuICAgIHJldHVybiB7IG5vZGUgfVxuICB9XG4gIHJldHVybiBudWxsXG59XG5cbmV4cG9ydCBjbGFzcyBSZWxhdGlvbnNoaXBOb2RlIGV4dGVuZHMgRGVjb3JhdG9yQmxvY2tOb2RlIHtcbiAgX19kYXRhOiBSZWxhdGlvbnNoaXBEYXRhXG5cbiAgY29uc3RydWN0b3Ioe1xuICAgIGRhdGEsXG4gICAgZm9ybWF0LFxuICAgIGtleSxcbiAgfToge1xuICAgIGRhdGE6IFJlbGF0aW9uc2hpcERhdGFcbiAgICBmb3JtYXQ/OiBFbGVtZW50Rm9ybWF0VHlwZVxuICAgIGtleT86IE5vZGVLZXlcbiAgfSkge1xuICAgIHN1cGVyKGZvcm1hdCwga2V5KVxuICAgIHRoaXMuX19kYXRhID0gZGF0YVxuICB9XG5cbiAgc3RhdGljIGNsb25lKG5vZGU6IFJlbGF0aW9uc2hpcE5vZGUpOiBSZWxhdGlvbnNoaXBOb2RlIHtcbiAgICByZXR1cm4gbmV3IFJlbGF0aW9uc2hpcE5vZGUoe1xuICAgICAgZGF0YTogbm9kZS5fX2RhdGEsXG4gICAgICBmb3JtYXQ6IG5vZGUuX19mb3JtYXQsXG4gICAgICBrZXk6IG5vZGUuX19rZXksXG4gICAgfSlcbiAgfVxuXG4gIHN0YXRpYyBnZXRUeXBlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuICdyZWxhdGlvbnNoaXAnXG4gIH1cblxuICBzdGF0aWMgaW1wb3J0RE9NKCk6IERPTUNvbnZlcnNpb25NYXA8SFRNTERpdkVsZW1lbnQ+IHwgbnVsbCB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGRpdjogKGRvbU5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAhZG9tTm9kZS5oYXNBdHRyaWJ1dGUoJ2RhdGEtbGV4aWNhbC1yZWxhdGlvbnNoaXAtcmVsYXRpb25UbycpIHx8XG4gICAgICAgICAgIWRvbU5vZGUuaGFzQXR0cmlidXRlKCdkYXRhLWxleGljYWwtcmVsYXRpb25zaGlwLWlkJylcbiAgICAgICAgKSB7XG4gICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGNvbnZlcnNpb246IHJlbGF0aW9uc2hpcEVsZW1lbnRUb05vZGUsXG4gICAgICAgICAgcHJpb3JpdHk6IDIsXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgfVxuICB9XG5cbiAgc3RhdGljIGltcG9ydEpTT04oc2VyaWFsaXplZE5vZGU6IFNlcmlhbGl6ZWRSZWxhdGlvbnNoaXBOb2RlKTogUmVsYXRpb25zaGlwTm9kZSB7XG4gICAgY29uc3QgaW1wb3J0ZWREYXRhOiBSZWxhdGlvbnNoaXBEYXRhID0ge1xuICAgICAgcmVsYXRpb25Ubzogc2VyaWFsaXplZE5vZGUucmVsYXRpb25UbyxcbiAgICAgIHZhbHVlOiBzZXJpYWxpemVkTm9kZS52YWx1ZSxcbiAgICB9XG4gICAgY29uc3Qgbm9kZSA9ICRjcmVhdGVSZWxhdGlvbnNoaXBOb2RlKGltcG9ydGVkRGF0YSlcbiAgICBub2RlLnNldEZvcm1hdChzZXJpYWxpemVkTm9kZS5mb3JtYXQpXG4gICAgcmV0dXJuIG5vZGVcbiAgfVxuXG4gIHN0YXRpYyBpc0lubGluZSgpOiBmYWxzZSB7XG4gICAgcmV0dXJuIGZhbHNlXG4gIH1cbiAgZGVjb3JhdGUoZWRpdG9yOiBMZXhpY2FsRWRpdG9yLCBjb25maWc6IEVkaXRvckNvbmZpZyk6IEpTWC5FbGVtZW50IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJlbGF0aW9uc2hpcENvbXBvbmVudFxuICAgICAgICBjbGFzc05hbWU9e2NvbmZpZy50aGVtZS5yZWxhdGlvbnNoaXAgPz8gJ0xleGljYWxFZGl0b3JUaGVtZV9fcmVsYXRpb25zaGlwJ31cbiAgICAgICAgZGF0YT17dGhpcy5fX2RhdGF9XG4gICAgICAgIGZvcm1hdD17dGhpcy5fX2Zvcm1hdH1cbiAgICAgICAgbm9kZUtleT17dGhpcy5nZXRLZXkoKX1cbiAgICAgIC8+XG4gICAgKVxuICB9XG5cbiAgZXhwb3J0RE9NKCk6IERPTUV4cG9ydE91dHB1dCB7XG4gICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpXG4gICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2RhdGEtbGV4aWNhbC1yZWxhdGlvbnNoaXAtaWQnLCB0aGlzLl9fZGF0YT8udmFsdWU/LmlkKVxuICAgIGVsZW1lbnQuc2V0QXR0cmlidXRlKCdkYXRhLWxleGljYWwtcmVsYXRpb25zaGlwLXJlbGF0aW9uVG8nLCB0aGlzLl9fZGF0YT8ucmVsYXRpb25UbylcblxuICAgIGNvbnN0IHRleHQgPSBkb2N1bWVudC5jcmVhdGVUZXh0Tm9kZSh0aGlzLmdldFRleHRDb250ZW50KCkpXG4gICAgZWxlbWVudC5hcHBlbmQodGV4dClcbiAgICByZXR1cm4geyBlbGVtZW50IH1cbiAgfVxuXG4gIGV4cG9ydEpTT04oKTogU2VyaWFsaXplZFJlbGF0aW9uc2hpcE5vZGUge1xuICAgIHJldHVybiB7XG4gICAgICAuLi5zdXBlci5leHBvcnRKU09OKCksXG4gICAgICAuLi50aGlzLmdldERhdGEoKSxcbiAgICAgIHR5cGU6IHRoaXMuZ2V0VHlwZSgpLFxuICAgICAgdmVyc2lvbjogMSxcbiAgICB9XG4gIH1cblxuICBnZXREYXRhKCk6IFJlbGF0aW9uc2hpcERhdGEge1xuICAgIHJldHVybiB0aGlzLmdldExhdGVzdCgpLl9fZGF0YVxuICB9XG5cbiAgZ2V0VGV4dENvbnRlbnQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYCR7dGhpcy5fX2RhdGE/LnJlbGF0aW9uVG99IHJlbGF0aW9uIHRvICR7dGhpcy5fX2RhdGE/LnZhbHVlPy5pZH1gXG4gIH1cblxuICBzZXREYXRhKGRhdGE6IFJlbGF0aW9uc2hpcERhdGEpOiB2b2lkIHtcbiAgICBjb25zdCB3cml0YWJsZSA9IHRoaXMuZ2V0V3JpdGFibGUoKVxuICAgIHdyaXRhYmxlLl9fZGF0YSA9IGRhdGFcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gJGNyZWF0ZVJlbGF0aW9uc2hpcE5vZGUoZGF0YTogUmVsYXRpb25zaGlwRGF0YSk6IFJlbGF0aW9uc2hpcE5vZGUge1xuICByZXR1cm4gbmV3IFJlbGF0aW9uc2hpcE5vZGUoe1xuICAgIGRhdGEsXG4gIH0pXG59XG5cbmV4cG9ydCBmdW5jdGlvbiAkaXNSZWxhdGlvbnNoaXBOb2RlKFxuICBub2RlOiBMZXhpY2FsTm9kZSB8IFJlbGF0aW9uc2hpcE5vZGUgfCBudWxsIHwgdW5kZWZpbmVkLFxuKTogbm9kZSBpcyBSZWxhdGlvbnNoaXBOb2RlIHtcbiAgcmV0dXJuIG5vZGUgaW5zdGFuY2VvZiBSZWxhdGlvbnNoaXBOb2RlXG59XG4iXSwibmFtZXMiOlsiJGNyZWF0ZVJlbGF0aW9uc2hpcE5vZGUiLCIkaXNSZWxhdGlvbnNoaXBOb2RlIiwiUmVsYXRpb25zaGlwTm9kZSIsIlJlbGF0aW9uc2hpcENvbXBvbmVudCIsIlJlYWN0IiwibGF6eSIsInRoZW4iLCJtb2R1bGUiLCJkZWZhdWx0IiwicmVsYXRpb25zaGlwRWxlbWVudFRvTm9kZSIsImRvbU5vZGUiLCJpZCIsImdldEF0dHJpYnV0ZSIsInJlbGF0aW9uVG8iLCJub2RlIiwidmFsdWUiLCJEZWNvcmF0b3JCbG9ja05vZGUiLCJfX2RhdGEiLCJjb25zdHJ1Y3RvciIsImRhdGEiLCJmb3JtYXQiLCJrZXkiLCJjbG9uZSIsIl9fZm9ybWF0IiwiX19rZXkiLCJnZXRUeXBlIiwiaW1wb3J0RE9NIiwiZGl2IiwiaGFzQXR0cmlidXRlIiwiY29udmVyc2lvbiIsInByaW9yaXR5IiwiaW1wb3J0SlNPTiIsInNlcmlhbGl6ZWROb2RlIiwiaW1wb3J0ZWREYXRhIiwic2V0Rm9ybWF0IiwiaXNJbmxpbmUiLCJkZWNvcmF0ZSIsImVkaXRvciIsImNvbmZpZyIsImNsYXNzTmFtZSIsInRoZW1lIiwicmVsYXRpb25zaGlwIiwibm9kZUtleSIsImdldEtleSIsImV4cG9ydERPTSIsImVsZW1lbnQiLCJkb2N1bWVudCIsImNyZWF0ZUVsZW1lbnQiLCJzZXRBdHRyaWJ1dGUiLCJ0ZXh0IiwiY3JlYXRlVGV4dE5vZGUiLCJnZXRUZXh0Q29udGVudCIsImFwcGVuZCIsImV4cG9ydEpTT04iLCJnZXREYXRhIiwidHlwZSIsInZlcnNpb24iLCJnZXRMYXRlc3QiLCJzZXREYXRhIiwid3JpdGFibGUiLCJnZXRXcml0YWJsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7SUEwSmdCQSx1QkFBdUI7ZUFBdkJBOztJQU1BQyxtQkFBbUI7ZUFBbkJBOztJQTVHSEMsZ0JBQWdCO2VBQWhCQTs7OzJDQXJDTjsrREFDZ0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUV2QixNQUFNQyxzQ0FBd0JDLE9BQU1DLElBQUksQ0FBQyxJQUN2QyxtREFBbUQ7SUFDbkQsbUVBQUEsUUFBTyx3Q0FBc0NDLElBQUksQ0FBQyxDQUFDQyxTQUFZLENBQUE7WUFDN0RDLFNBQVNELE9BQU9KLHFCQUFxQjtRQUN2QyxDQUFBO0FBY0YsU0FBU00sMEJBQTBCQyxPQUF1QjtJQUN4RCxNQUFNQyxLQUFLRCxRQUFRRSxZQUFZLENB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

package/dist/field/features/relationship/nodes/components/RelationshipComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/field/features/relationship/nodes/components/RelationshipComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAI3D,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AA8GD,eAAO,MAAM,qBAAqB,UAAW,KAAK,KAAG,MAAM,SAE1D,CAAA"}

package/dist/field/features/relationship/nodes/components/RelationshipComponent.js

@@ -0,0 +1,154 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RelationshipComponent", {
+    enumerable: true,
+    get: function() {
+        return RelationshipComponent;
+    }
+});
+const _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+const _useLexicalNodeSelection = require("@lexical/react/useLexicalNodeSelection");
+const _translations = require("@payloadcms/translations");
+const _ui = require("@payloadcms/ui");
+const _lexical = require("lexical");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _EditorConfigProvider = require("../../../../lexical/config/client/EditorConfigProvider");
+const _commands = require("../../drawer/commands");
+require("./index.scss");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'lexical-relationship';
+const initialParams = {
+    depth: 0
+};
+const Component = (props)=>{
+    const { children, data: { relationTo, value: { id } }, nodeKey } = props;
+    const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
+    const [isSelected, setSelected, clearSelection] = (0, _useLexicalNodeSelection.useLexicalNodeSelection)(nodeKey);
+    const { field } = (0, _EditorConfigProvider.useEditorConfigContext)();
+    const { collections, routes: { api }, serverURL } = (0, _ui.useConfig)();
+    const [relatedCollection, setRelatedCollection] = (0, _react.useState)(()=>collections.find((coll)=>coll.slug === relationTo));
+    const { i18n, t } = (0, _ui.useTranslation)();
+    const [cacheBust, dispatchCacheBust] = (0, _react.useReducer)((state)=>state + 1, 0);
+    const [{ data }, { setParams }] = (0, _ui.usePayloadAPI)(`${serverURL}${api}/${relatedCollection.slug}/${id}`, {
+        initialParams
+    });
+    const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = (0, _ui.useDocumentDrawer)({
+        id,
+        collectionSlug: relatedCollection.slug
+    });
+    const removeRelationship = (0, _react.useCallback)(()=>{
+        editor.update(()=>{
+            (0, _lexical.$getNodeByKey)(nodeKey).remove();
+        });
+    }, [
+        editor,
+        nodeKey
+    ]);
+    const updateRelationship = _react.default.useCallback(({ doc })=>{
+        setParams({
+            ...initialParams,
+            cacheBust
+        });
+        closeDrawer();
+        dispatchCacheBust();
+    }, [
+        cacheBust,
+        setParams,
+        closeDrawer
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: [
+            baseClass,
+            isSelected && `${baseClass}--selected`
+        ].filter(Boolean).join(' '),
+        contentEditable: false
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__wrap`
+    }, /*#__PURE__*/ _react.default.createElement("p", {
+        className: `${baseClass}__label`
+    }, t('fields:labelRelationship', {
+        label: (0, _translations.getTranslation)(relatedCollection.labels.singular, i18n)
+    })), /*#__PURE__*/ _react.default.createElement(DocumentDrawerToggler, {
+        className: `${baseClass}__doc-drawer-toggler`
+    }, /*#__PURE__*/ _react.default.createElement("p", {
+        className: `${baseClass}__title`
+    }, data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : id))), editor.isEditable() && /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__actions`
+    }, /*#__PURE__*/ _react.default.createElement(_ui.Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__swapButton`,
+        disabled: field?.readOnly,
+        el: "div",
+        icon: "swap",
+        onClick: ()=>{
+            editor.dispatchCommand(_commands.INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {
+                replace: {
+                    nodeKey
+                }
+            });
+        },
+        round: true,
+        tooltip: t('fields:swapRelationship')
+    }), /*#__PURE__*/ _react.default.createElement(_ui.Button, {
+        buttonStyle: "icon-label",
+        className: `${baseClass}__removeButton`,
+        disabled: field?.readOnly,
+        icon: "x",
+        onClick: (e)=>{
+            e.preventDefault();
+            removeRelationship();
+        },
+        round: true,
+        tooltip: t('fields:removeRelationship')
+    })), id && /*#__PURE__*/ _react.default.createElement(DocumentDrawer, {
+        onSave: updateRelationship
+    }), children);
+};
+const RelationshipComponent = (props)=>{
+    return /*#__PURE__*/ _react.default.createElement(Component, props);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9yZWxhdGlvbnNoaXAvbm9kZXMvY29tcG9uZW50cy9SZWxhdGlvbnNoaXBDb21wb25lbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHsgdXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCB9IGZyb20gJ0BsZXhpY2FsL3JlYWN0L0xleGljYWxDb21wb3NlckNvbnRleHQnXG5pbXBvcnQgeyB1c2VMZXhpY2FsTm9kZVNlbGVjdGlvbiB9IGZyb20gJ0BsZXhpY2FsL3JlYWN0L3VzZUxleGljYWxOb2RlU2VsZWN0aW9uJ1xuaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy90cmFuc2xhdGlvbnMnXG5pbXBvcnQgeyBCdXR0b24sIHVzZUNvbmZpZywgdXNlRG9jdW1lbnREcmF3ZXIsIHVzZVBheWxvYWRBUEksIHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgeyAkZ2V0Tm9kZUJ5S2V5LCB0eXBlIEVsZW1lbnRGb3JtYXRUeXBlIH0gZnJvbSAnbGV4aWNhbCdcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlUmVkdWNlciwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBSZWxhdGlvbnNoaXBEYXRhIH0gZnJvbSAnLi4vUmVsYXRpb25zaGlwTm9kZSdcblxuaW1wb3J0IHsgdXNlRWRpdG9yQ29uZmlnQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uLy4uL2xleGljYWwvY29uZmlnL2NsaWVudC9FZGl0b3JDb25maWdQcm92aWRlcidcbmltcG9ydCB7IElOU0VSVF9SRUxBVElPTlNISVBfV0lUSF9EUkFXRVJfQ09NTUFORCB9IGZyb20gJy4uLy4uL2RyYXdlci9jb21tYW5kcydcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGV4aWNhbC1yZWxhdGlvbnNoaXAnXG5cbmNvbnN0IGluaXRpYWxQYXJhbXMgPSB7XG4gIGRlcHRoOiAwLFxufVxuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgZGF0YTogUmVsYXRpb25zaGlwRGF0YVxuICBmb3JtYXQ/OiBFbGVtZW50Rm9ybWF0VHlwZVxuICBub2RlS2V5Pzogc3RyaW5nXG59XG5cbmNvbnN0IENvbXBvbmVudDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBkYXRhOiB7XG4gICAgICByZWxhdGlvblRvLFxuICAgICAgdmFsdWU6IHsgaWQgfSxcbiAgICB9LFxuICAgIG5vZGVLZXksXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IFtlZGl0b3JdID0gdXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCgpXG4gIGNvbnN0IFtpc1NlbGVjdGVkLCBzZXRTZWxlY3RlZCwgY2xlYXJTZWxlY3Rpb25dID0gdXNlTGV4aWNhbE5vZGVTZWxlY3Rpb24obm9kZUtleSlcbiAgY29uc3QgeyBmaWVsZCB9ID0gdXNlRWRpdG9yQ29uZmlnQ29udGV4dCgpXG4gIGNvbnN0IHtcbiAgICBjb2xsZWN0aW9ucyxcbiAgICByb3V0ZXM6IHsgYXBpIH0sXG4gICAgc2VydmVyVVJMLFxuICB9ID0gdXNlQ29uZmlnKClcblxuICBjb25zdCBbcmVsYXRlZENvbGxlY3Rpb24sIHNldFJlbGF0ZWRDb2xsZWN0aW9uXSA9IHVzZVN0YXRlKCgpID0+XG4gICAgY29sbGVjdGlvbnMuZmluZCgoY29sbCkgPT4gY29sbC5zbHVnID09PSByZWxhdGlvblRvKSxcbiAgKVxuXG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBbY2FjaGVCdXN0LCBkaXNwYXRjaENhY2hlQnVzdF0gPSB1c2VSZWR1Y2VyKChzdGF0ZSkgPT4gc3RhdGUgKyAxLCAwKVxuICBjb25zdCBbeyBkYXRhIH0sIHsgc2V0UGFyYW1zIH1dID0gdXNlUGF5bG9hZEFQSShcbiAgICBgJHtzZXJ2ZXJVUkx9JHthcGl9LyR7cmVsYXRlZENvbGxlY3Rpb24uc2x1Z30vJHtpZH1gLFxuICAgIHsgaW5pdGlhbFBhcmFtcyB9LFxuICApXG5cbiAgY29uc3QgW0RvY3VtZW50RHJhd2VyLCBEb2N1bWVudERyYXdlclRvZ2dsZXIsIHsgY2xvc2VEcmF3ZXIgfV0gPSB1c2VEb2N1bWVudERyYXdlcih7XG4gICAgaWQsXG4gICAgY29sbGVjdGlvblNsdWc6IHJlbGF0ZWRDb2xsZWN0aW9uLnNsdWcsXG4gIH0pXG5cbiAgY29uc3QgcmVtb3ZlUmVsYXRpb25zaGlwID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGVkaXRvci51cGRhdGUoKCkgPT4ge1xuICAgICAgJGdldE5vZGVCeUtleShub2RlS2V5KS5yZW1vdmUoKVxuICAgIH0pXG4gIH0sIFtlZGl0b3IsIG5vZGVLZXldKVxuXG4gIGNvbnN0IHVwZGF0ZVJlbGF0aW9uc2hpcCA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICh7IGRvYyB9KSA9PiB7XG4gICAgICBzZXRQYXJhbXMoe1xuICAgICAgICAuLi5pbml0aWFsUGFyYW1zLFxuICAgICAgICBjYWNoZUJ1c3QsIC8vIGRvIHRoaXMgdG8gZ2V0IHRoZSB1c2VQYXlsb2FkQVBJIHRvIHJlLWZldGNoIHRoZSBkYXRhIGV2ZW4gdGhvdWdoIHRoZSBVUkwgc3RyaW5nIGhhc24ndCBjaGFuZ2VkXG4gICAgICB9KVxuXG4gICAgICBjbG9zZURyYXdlcigpXG4gICAgICBkaXNwYXRjaENhY2hlQnVzdCgpXG4gICAgfSxcbiAgICBbY2FjaGVCdXN0LCBzZXRQYXJhbXMsIGNsb3NlRHJhd2VyXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBpc1NlbGVjdGVkICYmIGAke2Jhc2VDbGFzc30tLXNlbGVjdGVkYF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGNvbnRlbnRFZGl0YWJsZT17ZmFsc2V9XG4gICAgPlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3dyYXBgfT5cbiAgICAgICAgPHAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19sYWJlbGB9PlxuICAgICAgICAgIHt0KCdmaWVsZHM6bGFiZWxSZWxhdGlvbnNoaXAnLCB7XG4gICAgICAgICAgICBsYWJlbDogZ2V0VHJhbnNsYXRpb24ocmVsYXRlZENvbGxlY3Rpb24ubGFiZWxzLnNpbmd1bGFyLCBpMThuKSxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9wPlxuICAgICAgICA8RG9jdW1lbnREcmF3ZXJUb2dnbGVyIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZG9jLWRyYXdlci10b2dnbGVyYH0+XG4gICAgICAgICAgPHAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X190aXRsZWB9PlxuICAgICAgICAgICAge2RhdGEgPyBkYXRhW3JlbGF0ZWRDb2xsZWN0aW9uPy5hZG1pbj8udXNlQXNUaXRsZSB8fCAnaWQnXSA6IGlkfVxuICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9Eb2N1bWVudERyYXdlclRvZ2dsZXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtlZGl0b3IuaXNFZGl0YWJsZSgpICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2FjdGlvbnNgfT5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBidXR0b25TdHlsZT1cImljb24tbGFiZWxcIlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19zd2FwQnV0dG9uYH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtmaWVsZD8ucmVhZE9ubHl9XG4gICAgICAgICAgICBlbD1cImRpdlwiXG4gICAgICAgICAgICBpY29uPVwic3dhcFwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIGVkaXRvci5kaXNwYXRjaENvbW1hbmQoSU5TRVJUX1JFTEFUSU9OU0hJUF9XSVRIX0RSQVdFUl9DT01NQU5ELCB7XG4gICAgICAgICAgICAgICAgcmVwbGFjZTogeyBub2RlS2V5IH0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcm91bmRcbiAgICAgICAgICAgIHRvb2x0aXA9e3QoJ2ZpZWxkczpzd2FwUmVsYXRpb25zaGlwJyl9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBidXR0b25TdHlsZT1cImljb24tbGFiZWxcIlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19yZW1vdmVCdXR0b25gfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2ZpZWxkPy5yZWFkT25seX1cbiAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICByZW1vdmVSZWxhdGlvbnNoaXAoKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHJvdW5kXG4gICAgICAgICAgICB0b29sdGlwPXt0KCdmaWVsZHM6cmVtb3ZlUmVsYXRpb25zaGlwJyl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7aWQgJiYgPERvY3VtZW50RHJhd2VyIG9uU2F2ZT17dXBkYXRlUmVsYXRpb25zaGlwfSAvPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUmVsYXRpb25zaGlwQ29tcG9uZW50ID0gKHByb3BzOiBQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIHJldHVybiA8Q29tcG9uZW50IHsuLi5wcm9wc30gLz5cbn1cbiJdLCJuYW1lcyI6WyJSZWxhdGlvbnNoaXBDb21wb25lbnQiLCJiYXNlQ2xhc3MiLCJpbml0aWFsUGFyYW1zIiwiZGVwdGgiLCJDb21wb25lbnQiLCJwcm9wcyIsImNoaWxkcmVuIiwiZGF0YSIsInJlbGF0aW9uVG8iLCJ2YWx1ZSIsImlkIiwibm9kZUtleSIsImVkaXRvciIsInVzZUxleGljYWxDb21wb3NlckNvbnRleHQiLCJpc1NlbGVjdGVkIiwic2V0U2VsZWN0ZWQiLCJjbGVhclNlbGVjdGlvbiIsInVzZUxleGljYWxOb2RlU2VsZWN0aW9uIiwiZmllbGQiLCJ1c2VFZGl0b3JDb25maWdDb250ZXh0IiwiY29sbGVjdGlvbnMiLCJyb3V0ZXMiLCJhcGkiLCJzZXJ2ZXJVUkwiLCJ1c2VDb25maWciLCJyZWxhdGVkQ29sbGVjdGlvbiIsInNldFJlbGF0ZWRDb2xsZWN0aW9uIiwidXNlU3RhdGUiLCJmaW5kIiwiY29sbCIsInNsdWciLCJpMThuIiwidCIsInVzZVRyYW5zbGF0aW9uIiwiY2FjaGVCdXN0IiwiZGlzcGF0Y2hDYWNoZUJ1c3QiLCJ1c2VSZWR1Y2VyIiwic3RhdGUiLCJzZXRQYXJhbXMiLCJ1c2VQYXlsb2FkQVBJIiwiRG9jdW1lbnREcmF3ZXIiLCJEb2N1bWVudERyYXdlclRvZ2dsZXIiLCJjbG9zZURyYXdlciIsInVzZURvY3VtZW50RHJhd2VyIiwiY29sbGVjdGlvblNsdWciLCJyZW1vdmVSZWxhdGlvbnNoaXAiLCJ1c2VDYWxsYmFjayIsInVwZGF0ZSIsIiRnZXROb2RlQnlLZXkiLCJyZW1vdmUiLCJ1cGRhdGVSZWxhdGlvbnNoaXAiLCJSZWFjdCIsImRvYyIsImRpdiIsImNsYXNzTmFtZSIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiY29udGVudEVkaXRhYmxlIiwicCIsImxhYmVsIiwiZ2V0VHJhbnNsYXRpb24iLCJsYWJlbHMiLCJzaW5ndWxhciIsImFkbWluIiwidXNlQXNUaXRsZSIsImlzRWRpdGFibGUiLCJCdXR0b24iLCJidXR0b25TdHlsZSIsImRpc2FibGVkIiwicmVhZE9ubHkiLCJlbCIsImljb24iLCJvbkNsaWNrIiwiZGlzcGF0Y2hDb21tYW5kIiwiSU5TRVJUX1JFTEFUSU9OU0hJUF9XSVRIX0RSQVdFUl9DT01NQU5EIiwicmVwbGFjZSIsInJvdW5kIiwidG9vbHRpcCIsImUiLCJwcmV2ZW50RGVmYXVsdCIsIm9uU2F2ZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQXdJYUE7OztlQUFBQTs7O3dDQXZJNkI7eUNBQ0Y7OEJBQ1Q7b0JBQ3FEO3lCQUM5QjsrREFDRztzQ0FJbEI7MEJBQ2lCO1FBQ2pEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRWxCLE1BQU1DLGdCQUFnQjtJQUNwQkMsT0FBTztBQUNUO0FBVUEsTUFBTUMsWUFBNkIsQ0FBQ0M7SUFDbEMsTUFBTSxFQUNKQyxRQUFRLEVBQ1JDLE1BQU0sRUFDSkMsVUFBVSxFQUNWQyxPQUFPLEVBQUVDLEVBQUUsRUFBRSxFQUNkLEVBQ0RDLE9BQU8sRUFDUixHQUFHTjtJQUVKLE1BQU0sQ0FBQ08sT0FBTyxHQUFHQyxJQUFBQSxpREFBeUI7SUFDMUMsTUFBTSxDQUFDQyxZQUFZQyxhQUFhQyxlQUFlLEdBQUdDLElBQUFBLGdEQUF1QixFQUFDTjtJQUMxRSxNQUFNLEVBQUVPLEtBQUssRUFBRSxHQUFHQyxJQUFBQSw0Q0FBc0I7SUFDeEMsTUFBTSxFQUNKQyxXQUFXLEVBQ1hDLFFBQVEsRUFBRUMsR0FBRyxFQUFFLEVBQ2ZDLFNBQVMsRUFDVixHQUFHQyxJQUFBQSxhQUFTO0lBRWIsTUFBTSxDQUFDQyxtQkFBbUJDLHFCQUFxQixHQUFHQyxJQUFBQSxlQUFRLEVBQUMsSUFDekRQLFlBQVlRLElBQUksQ0FBQyxDQUFDQyxPQUFTQSxLQUFLQyxJQUFJLEtBQUt0QjtJQUczQyxNQUFNLEVBQUV1QixJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSxrQkFBYztJQUNsQyxNQUFNLENBQUNDLFdBQVdDLGtCQUFrQixHQUFHQyxJQUFBQSxpQkFBVSxFQUFDLENBQUNDLFFBQVVBLFFBQVEsR0FBRztJQUN4RSxNQUFNLENBQUMsRUFBRTlCLElBQUks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

package/dist/field/features/relationship/nodes/components/index.scss

@@ -0,0 +1,97 @@
+@import '../../../../../scss/styles.scss';
+
+.lexical-relationship {
+  @extend %body;
+  @include shadow-sm;
+  padding: calc(var(--base) * 0.75);
+  display: flex;
+  align-items: center;
+  background: var(--theme-input-bg);
+  border: 1px solid var(--theme-elevation-100);
+  max-width: calc(var(--base) * 15);
+  font-family: var(--font-body);
+  margin: 0 0 1.5em;
+
+  &:hover {
+    border: 1px solid var(--theme-elevation-150);
+  }
+
+  &[data-slate-node='element'] {
+    margin: calc(var(--base) * 0.625) 0;
+  }
+
+  &__label {
+    margin-bottom: calc(var(--base) * 0.25);
+  }
+
+  &__title {
+    margin: 0;
+  }
+
+  &__label,
+  &__title {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    line-height: 1 !important;
+  }
+
+  &__title {
+    font-weight: bold;
+  }
+
+  &__wrap {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+
+  &--selected {
+    box-shadow: $focus-box-shadow;
+    outline: none;
+  }
+
+  &__doc-drawer-toggler {
+    text-decoration: underline;
+    pointer-events: all;
+    line-height: inherit;
+    & > * {
+      margin: 0;
+    }
+  }
+
+  &__swapButton.btn {
+    margin: 0;
+  }
+
+  &__doc-drawer-toggler,
+  &__swapButton {
+    &:disabled {
+      color: var(--theme-elevation-300);
+      pointer-events: none;
+    }
+  }
+
+  &__actions {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    margin-left: calc(var(--base) * 0.5);
+
+    & > *:not(:last-child) {
+      margin-right: calc(var(--base) * 0.25);
+    }
+  }
+
+  &__removeButton.btn {
+    margin: 0;
+
+    line {
+      stroke-width: $style-stroke-width-m;
+    }
+
+    &:disabled {
+      color: var(--theme-elevation-300);
+      pointer-events: none;
+    }
+  }
+}

package/dist/field/features/relationship/plugins/index.d.ts

@@ -0,0 +1,7 @@
+import { type LexicalCommand } from 'lexical';
+import React from 'react';
+import type { RelationshipFeatureProps } from '../feature.server';
+import type { RelationshipData } from '../nodes/RelationshipNode';
+export declare const INSERT_RELATIONSHIP_COMMAND: LexicalCommand<RelationshipData>;
+export declare function RelationshipPlugin(props?: RelationshipFeatureProps): React.ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/features/relationship/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/relationship/plugins/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAKjE,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,gBAAgB,CAExE,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAC,SAAS,CAqDpF"}

package/dist/field/features/relationship/plugins/index.js

@@ -0,0 +1,107 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    INSERT_RELATIONSHIP_COMMAND: function() {
+        return INSERT_RELATIONSHIP_COMMAND;
+    },
+    RelationshipPlugin: function() {
+        return RelationshipPlugin;
+    }
+});
+const _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+const _utils = require("@lexical/utils");
+const _ui = require("@payloadcms/ui");
+const _lexical = require("lexical");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _drawer = require("../drawer");
+const _RelationshipNode = require("../nodes/RelationshipNode");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const INSERT_RELATIONSHIP_COMMAND = (0, _lexical.createCommand)('INSERT_RELATIONSHIP_COMMAND');
+function RelationshipPlugin(props) {
+    const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
+    const { collections } = (0, _ui.useConfig)();
+    let enabledRelations = null;
+    if (props?.enabledCollections) {
+        enabledRelations = props?.enabledCollections;
+    } else if (props?.disabledCollections) {
+        enabledRelations = collections.filter(({ slug })=>!(props?.disabledCollections).includes(slug)).map(({ slug })=>slug);
+    }
+    (0, _react.useEffect)(()=>{
+        if (!editor.hasNodes([
+            _RelationshipNode.RelationshipNode
+        ])) {
+            throw new Error('RelationshipPlugin: RelationshipNode not registered on editor');
+        }
+        return editor.registerCommand(INSERT_RELATIONSHIP_COMMAND, (payload)=>{
+            const relationshipNode = (0, _RelationshipNode.$createRelationshipNode)(payload);
+            const selection = (0, _lexical.$getSelection)() || (0, _lexical.$getPreviousSelection)();
+            if ((0, _lexical.$isRangeSelection)(selection)) {
+                const { focus } = selection;
+                const focusNode = focus.getNode();
+                // First, delete currently selected node if it's an empty paragraph and if there are sufficient
+                // paragraph nodes (more than 1) left in the parent node, so that we don't "trap" the user
+                if ((0, _lexical.$isParagraphNode)(focusNode) && focusNode.getTextContentSize() === 0 && focusNode.getParent().getChildren().filter((node)=>(0, _lexical.$isParagraphNode)(node)).length > 1) {
+                    focusNode.remove();
+                }
+                (0, _utils.$insertNodeToNearestRoot)(relationshipNode);
+            }
+            return true;
+        }, _lexical.COMMAND_PRIORITY_EDITOR);
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_drawer.RelationshipDrawer, {
+        enabledCollectionSlugs: enabledRelations
+    });
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9yZWxhdGlvbnNoaXAvcGx1Z2lucy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyB1c2VMZXhpY2FsQ29tcG9zZXJDb250ZXh0IH0gZnJvbSAnQGxleGljYWwvcmVhY3QvTGV4aWNhbENvbXBvc2VyQ29udGV4dCdcbmltcG9ydCB7ICRpbnNlcnROb2RlVG9OZWFyZXN0Um9vdCB9IGZyb20gJ0BsZXhpY2FsL3V0aWxzJ1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQge1xuICAkZ2V0UHJldmlvdXNTZWxlY3Rpb24sXG4gICRnZXRTZWxlY3Rpb24sXG4gICRpc1BhcmFncmFwaE5vZGUsXG4gICRpc1JhbmdlU2VsZWN0aW9uLFxuICBDT01NQU5EX1BSSU9SSVRZX0VESVRPUixcbiAgdHlwZSBMZXhpY2FsQ29tbWFuZCxcbiAgY3JlYXRlQ29tbWFuZCxcbn0gZnJvbSAnbGV4aWNhbCdcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFJlbGF0aW9uc2hpcEZlYXR1cmVQcm9wcyB9IGZyb20gJy4uL2ZlYXR1cmUuc2VydmVyJ1xuaW1wb3J0IHR5cGUgeyBSZWxhdGlvbnNoaXBEYXRhIH0gZnJvbSAnLi4vbm9kZXMvUmVsYXRpb25zaGlwTm9kZSdcblxuaW1wb3J0IHsgUmVsYXRpb25zaGlwRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgJGNyZWF0ZVJlbGF0aW9uc2hpcE5vZGUsIFJlbGF0aW9uc2hpcE5vZGUgfSBmcm9tICcuLi9ub2Rlcy9SZWxhdGlvbnNoaXBOb2RlJ1xuXG5leHBvcnQgY29uc3QgSU5TRVJUX1JFTEFUSU9OU0hJUF9DT01NQU5EOiBMZXhpY2FsQ29tbWFuZDxSZWxhdGlvbnNoaXBEYXRhPiA9IGNyZWF0ZUNvbW1hbmQoXG4gICdJTlNFUlRfUkVMQVRJT05TSElQX0NPTU1BTkQnLFxuKVxuXG5leHBvcnQgZnVuY3Rpb24gUmVsYXRpb25zaGlwUGx1Z2luKHByb3BzPzogUmVsYXRpb25zaGlwRmVhdHVyZVByb3BzKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3QgW2VkaXRvcl0gPSB1c2VMZXhpY2FsQ29tcG9zZXJDb250ZXh0KClcbiAgY29uc3QgeyBjb2xsZWN0aW9ucyB9ID0gdXNlQ29uZmlnKClcblxuICBsZXQgZW5hYmxlZFJlbGF0aW9uczogc3RyaW5nW10gPSBudWxsXG5cbiAgaWYgKHByb3BzPy5lbmFibGVkQ29sbGVjdGlvbnMpIHtcbiAgICBlbmFibGVkUmVsYXRpb25zID0gcHJvcHM/LmVuYWJsZWRDb2xsZWN0aW9uc1xuICB9IGVsc2UgaWYgKHByb3BzPy5kaXNhYmxlZENvbGxlY3Rpb25zKSB7XG4gICAgZW5hYmxlZFJlbGF0aW9ucyA9IGNvbGxlY3Rpb25zXG4gICAgICAuZmlsdGVyKCh7IHNsdWcgfSkgPT4gIShwcm9wcz8uZGlzYWJsZWRDb2xsZWN0aW9ucykuaW5jbHVkZXMoc2x1ZykpXG4gICAgICAubWFwKCh7IHNsdWcgfSkgPT4gc2x1ZylcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFlZGl0b3IuaGFzTm9kZXMoW1JlbGF0aW9uc2hpcE5vZGVdKSkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdSZWxhdGlvbnNoaXBQbHVnaW46IFJlbGF0aW9uc2hpcE5vZGUgbm90IHJlZ2lzdGVyZWQgb24gZWRpdG9yJylcbiAgICB9XG5cbiAgICByZXR1cm4gZWRpdG9yLnJlZ2lzdGVyQ29tbWFuZDxSZWxhdGlvbnNoaXBEYXRhPihcbiAgICAgIElOU0VSVF9SRUxBVElPTlNISVBfQ09NTUFORCxcbiAgICAgIChwYXlsb2FkKSA9PiB7XG4gICAgICAgIGNvbnN0IHJlbGF0aW9uc2hpcE5vZGUgPSAkY3JlYXRlUmVsYXRpb25zaGlwTm9kZShwYXlsb2FkKVxuXG4gICAgICAgIGNvbnN0IHNlbGVjdGlvbiA9ICRnZXRTZWxlY3Rpb24oKSB8fCAkZ2V0UHJldmlvdXNTZWxlY3Rpb24oKVxuXG4gICAgICAgIGlmICgkaXNSYW5nZVNlbGVjdGlvbihzZWxlY3Rpb24pKSB7XG4gICAgICAgICAgY29uc3QgeyBmb2N1cyB9ID0gc2VsZWN0aW9uXG4gICAgICAgICAgY29uc3QgZm9jdXNOb2RlID0gZm9jdXMuZ2V0Tm9kZSgpXG5cbiAgICAgICAgICAvLyBGaXJzdCwgZGVsZXRlIGN1cnJlbnRseSBzZWxlY3RlZCBub2RlIGlmIGl0J3MgYW4gZW1wdHkgcGFyYWdyYXBoIGFuZCBpZiB0aGVyZSBhcmUgc3VmZmljaWVudFxuICAgICAgICAgIC8vIHBhcmFncmFwaCBub2RlcyAobW9yZSB0aGFuIDEpIGxlZnQgaW4gdGhlIHBhcmVudCBub2RlLCBzbyB0aGF0IHdlIGRvbid0IFwidHJhcFwiIHRoZSB1c2VyXG4gICAgICAgICAgaWYgKFxuICAgICAgICAgICAgJGlzUGFyYWdyYXBoTm9kZShmb2N1c05vZGUpICYmXG4gICAgICAgICAgICBmb2N1c05vZGUuZ2V0VGV4dENvbnRlbnRTaXplKCkgPT09IDAgJiZcbiAgICAgICAgICAgIGZvY3VzTm9kZVxuICAgICAgICAgICAgICAuZ2V0UGFyZW50KClcbiAgICAgICAgICAgICAgLmdldENoaWxkcmVuKClcbiAgICAgICAgICAgICAgLmZpbHRlcigobm9kZSkgPT4gJGlzUGFyYWdyYXBoTm9kZShub2RlKSkubGVuZ3RoID4gMVxuICAgICAgICAgICkge1xuICAgICAgICAgICAgZm9jdXNOb2RlLnJlbW92ZSgpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJGluc2VydE5vZGVUb05lYXJlc3RSb290KHJlbGF0aW9uc2hpcE5vZGUpXG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdHJ1ZVxuICAgICAgfSxcbiAgICAgIENPTU1BTkRfUFJJT1JJVFlfRURJVE9SLFxuICAgIClcbiAgfSwgW2VkaXRvcl0pXG5cbiAgcmV0dXJuIDxSZWxhdGlvbnNoaXBEcmF3ZXIgZW5hYmxlZENvbGxlY3Rpb25TbHVncz17ZW5hYmxlZFJlbGF0aW9uc30gLz5cbn1cbiJdLCJuYW1lcyI6WyJJTlNFUlRfUkVMQVRJT05TSElQX0NPTU1BTkQiLCJSZWxhdGlvbnNoaXBQbHVnaW4iLCJjcmVhdGVDb21tYW5kIiwicHJvcHMiLCJlZGl0b3IiLCJ1c2VMZXhpY2FsQ29tcG9zZXJDb250ZXh0IiwiY29sbGVjdGlvbnMiLCJ1c2VDb25maWciLCJlbmFibGVkUmVsYXRpb25zIiwiZW5hYmxlZENvbGxlY3Rpb25zIiwiZGlzYWJsZWRDb2xsZWN0aW9ucyIsImZpbHRlciIsInNsdWciLCJpbmNsdWRlcyIsIm1hcCIsInVzZUVmZmVjdCIsImhhc05vZGVzIiwiUmVsYXRpb25zaGlwTm9kZSIsIkVycm9yIiwicmVnaXN0ZXJDb21tYW5kIiwicGF5bG9hZCIsInJlbGF0aW9uc2hpcE5vZGUiLCIkY3JlYXRlUmVsYXRpb25zaGlwTm9kZSIsInNlbGVjdGlvbiIsIiRnZXRTZWxlY3Rpb24iLCIkZ2V0UHJldmlvdXNTZWxlY3Rpb24iLCIkaXNSYW5nZVNlbGVjdGlvbiIsImZvY3VzIiwiZm9jdXNOb2RlIiwiZ2V0Tm9kZSIsIiRpc1BhcmFncmFwaE5vZGUiLCJnZXRUZXh0Q29udGVudFNpemUiLCJnZXRQYXJlbnQiLCJnZXRDaGlsZHJlbiIsIm5vZGUiLCJsZW5ndGgiLCJyZW1vdmUiLCIkaW5zZXJ0Tm9kZVRvTmVhcmVzdFJvb3QiLCJDT01NQU5EX1BSSU9SSVRZX0VESVRPUiIsIlJlbGF0aW9uc2hpcERyYXdlciIsImVuYWJsZWRDb2xsZWN0aW9uU2x1Z3MiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUFzQmFBLDJCQUEyQjtlQUEzQkE7O0lBSUdDLGtCQUFrQjtlQUFsQkE7Ozt3Q0F6QjBCO3VCQUNEO29CQUNmO3lCQVNuQjsrREFDbUI7d0JBTVM7a0NBQ3VCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFbkQsTUFBTUQsOEJBQWdFRSxJQUFBQSxzQkFBYSxFQUN4RjtBQUdLLFNBQVNELG1CQUFtQkUsS0FBZ0M7SUFDakUsTUFBTSxDQUFDQyxPQUFPLEdBQUdDLElBQUFBLGlEQUF5QjtJQUMxQyxNQUFNLEVBQUVDLFdBQVcsRUFBRSxHQUFHQyxJQUFBQSxhQUFTO0lBRWpDLElBQUlDLG1CQUE2QjtJQUVqQyxJQUFJTCxPQUFPTSxvQkFBb0I7UUFDN0JELG1CQUFtQkwsT0FBT007SUFDNUIsT0FBTyxJQUFJTixPQUFPTyxxQkFBcUI7UUFDckNGLG1CQUFtQkYsWUFDaEJLLE1BQU0sQ0FBQyxDQUFDLEVBQUVDLElBQUksRUFBRSxHQUFLLENBQUMsQUFBQ1QsQ0FBQUEsT0FBT08sbUJBQWtCLEVBQUdHLFFBQVEsQ0FBQ0QsT0FDNURFLEdBQUcsQ0FBQyxDQUFDLEVBQUVGLElBQUksRUFBRSxHQUFLQTtJQUN2QjtJQUVBRyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSSxDQUFDWCxPQUFPWSxRQUFRLENBQUM7WUFBQ0Msa0NBQWdCO1NBQUMsR0FBRztZQUN4QyxNQUFNLElBQUlDLE1BQU07UUFDbEI7UUFFQSxPQUFPZCxPQUFPZSxlQUFlLENBQzNCbkIsNkJBQ0EsQ0FBQ29CO1lBQ0MsTUFBTUMsbUJBQW1CQyxJQUFBQSx5Q0FBdUIsRUFBQ0Y7WUFFakQsTUFBTUcsWUFBWUMsSUFBQUEsc0JBQWEsT0FBTUMsSUFBQUEsOEJBQXFCO1lBRTFELElBQUlDLElBQUFBLDBCQUFpQixFQUFDSCxZQUFZO2dCQUNoQyxNQUFNLEVBQUVJLEtBQUssRUFBRSxHQUFHSjtnQkFDbEIsTUFBTUssWUFBWUQsTUFBTUUsT0FBTztnQkFFL0IsK0ZBQStGO2dCQUMvRiwwRkFBMEY7Z0JBQzFGLElBQ0VDLElBQUFBLHlCQUFnQixFQUFDRixjQUNqQkEsVUFBVUcsa0JBQWtCLE9BQU8sS0FDbkNILFVBQ0dJLFNBQVMsR0FDVEMsV0FBVyxHQUNYdEIsTUFBTSxDQUFDLENBQUN1QixPQUFTSixJQUFBQSx5QkFBZ0IsRUFBQ0ksT0FBT0MsTUFBTSxHQUFHLEdBQ3JEO29CQUNBUCxVQUFVUSxNQUFNO2dCQUNsQjtnQkFFQUMsSUFBQUEsK0JBQXdCLEVBQUNoQjtZQUMzQjtZQUVBLE9BQU87UUFDVCxHQUNBaUIsZ0NBQXVCO0lBRTNCLEdBQUc7UUFBQ2xDO0tBQU87SUFFWCxxQkFBTyw2QkFBQ21DLDBCQUFrQjtRQUFDQyx3QkFBd0JoQzs7QUFDckQifQ==