@payloadcms/richtext-lexical 0.1.0-beta.0 → 0.1.0-beta.2

package/dist/field/features/Blocks/afterReadPromise.d.ts

@@ -0,0 +1,5 @@
+import type { BlocksFeatureProps } from '.';
+import type { AfterReadPromise } from '../types';
+import type { SerializedBlockNode } from './nodes/BlocksNode';
+export declare const blockAfterReadPromiseHOC: (props: BlocksFeatureProps) => AfterReadPromise<SerializedBlockNode>;
+//# sourceMappingURL=afterReadPromise.d.ts.map

package/dist/field/features/Blocks/afterReadPromise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"afterReadPromise.d.ts","sourceRoot":"","sources":["../../../../src/field/features/Blocks/afterReadPromise.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAI7D,eAAO,MAAM,wBAAwB,UAC5B,kBAAkB,KACxB,iBAAiB,mBAAmB,CAgDtC,CAAA"}

package/dist/field/features/Blocks/afterReadPromise.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "blockAfterReadPromiseHOC", {
+    enumerable: true,
+    get: function() {
+        return blockAfterReadPromiseHOC;
+    }
+});
+const _config = require("payload/config");
+const _recurseNestedFields = require("../../../populate/recurseNestedFields");
+const blockAfterReadPromiseHOC = (props)=>{
+    const blockAfterReadPromise = ({ afterReadPromises, currentDepth, depth, field, node, overrideAccess, req, showHiddenFields })=>{
+        const promises = [];
+        // Sanitize block's fields here. This is done here and not in the feature, because the payload config is available here
+        const payloadConfig = req.payload.config;
+        const validRelationships = payloadConfig.collections.map((c)=>c.slug) || [];
+        props.blocks = props.blocks.map((block)=>{
+            const unsanitizedBlock = {
+                ...block
+            };
+            unsanitizedBlock.fields = (0, _config.sanitizeFields)({
+                config: payloadConfig,
+                fields: block.fields,
+                validRelationships
+            });
+            return unsanitizedBlock;
+        });
+        if (Array.isArray(props.blocks)) {
+            props.blocks.forEach((block)=>{
+                if (block?.fields) {
+                    (0, _recurseNestedFields.recurseNestedFields)({
+                        afterReadPromises,
+                        currentDepth,
+                        data: node.fields.data || {},
+                        depth,
+                        fields: block.fields,
+                        overrideAccess,
+                        promises,
+                        req,
+                        showHiddenFields
+                    });
+                }
+            });
+        }
+        return promises;
+    };
+    return blockAfterReadPromise;
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9CbG9ja3MvYWZ0ZXJSZWFkUHJvbWlzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzYW5pdGl6ZUZpZWxkcyB9IGZyb20gJ3BheWxvYWQvY29uZmlnJ1xuXG5pbXBvcnQgdHlwZSB7IEJsb2Nrc0ZlYXR1cmVQcm9wcyB9IGZyb20gJy4nXG5pbXBvcnQgdHlwZSB7IEFmdGVyUmVhZFByb21pc2UgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB0eXBlIHsgU2VyaWFsaXplZEJsb2NrTm9kZSB9IGZyb20gJy4vbm9kZXMvQmxvY2tzTm9kZSdcblxuaW1wb3J0IHsgcmVjdXJzZU5lc3RlZEZpZWxkcyB9IGZyb20gJy4uLy4uLy4uL3BvcHVsYXRlL3JlY3Vyc2VOZXN0ZWRGaWVsZHMnXG5cbmV4cG9ydCBjb25zdCBibG9ja0FmdGVyUmVhZFByb21pc2VIT0MgPSAoXG4gIHByb3BzOiBCbG9ja3NGZWF0dXJlUHJvcHMsXG4pOiBBZnRlclJlYWRQcm9taXNlPFNlcmlhbGl6ZWRCbG9ja05vZGU+ID0+IHtcbiAgY29uc3QgYmxvY2tBZnRlclJlYWRQcm9taXNlOiBBZnRlclJlYWRQcm9taXNlPFNlcmlhbGl6ZWRCbG9ja05vZGU+ID0gKHtcbiAgICBhZnRlclJlYWRQcm9taXNlcyxcbiAgICBjdXJyZW50RGVwdGgsXG4gICAgZGVwdGgsXG4gICAgZmllbGQsXG4gICAgbm9kZSxcbiAgICBvdmVycmlkZUFjY2VzcyxcbiAgICByZXEsXG4gICAgc2hvd0hpZGRlbkZpZWxkcyxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHByb21pc2VzOiBQcm9taXNlPHZvaWQ+W10gPSBbXVxuXG4gICAgLy8gU2FuaXRpemUgYmxvY2sncyBmaWVsZHMgaGVyZS4gVGhpcyBpcyBkb25lIGhlcmUgYW5kIG5vdCBpbiB0aGUgZmVhdHVyZSwgYmVjYXVzZSB0aGUgcGF5bG9hZCBjb25maWcgaXMgYXZhaWxhYmxlIGhlcmVcbiAgICBjb25zdCBwYXlsb2FkQ29uZmlnID0gcmVxLnBheWxvYWQuY29uZmlnXG4gICAgY29uc3QgdmFsaWRSZWxhdGlvbnNoaXBzID0gcGF5bG9hZENvbmZpZy5jb2xsZWN0aW9ucy5tYXAoKGMpID0+IGMuc2x1ZykgfHwgW11cbiAgICBwcm9wcy5ibG9ja3MgPSBwcm9wcy5ibG9ja3MubWFwKChibG9jaykgPT4ge1xuICAgICAgY29uc3QgdW5zYW5pdGl6ZWRCbG9jayA9IHsgLi4uYmxvY2sgfVxuICAgICAgdW5zYW5pdGl6ZWRCbG9jay5maWVsZHMgPSBzYW5pdGl6ZUZpZWxkcyh7XG4gICAgICAgIGNvbmZpZzogcGF5bG9hZENvbmZpZyxcbiAgICAgICAgZmllbGRzOiBibG9jay5maWVsZHMsXG4gICAgICAgIHZhbGlkUmVsYXRpb25zaGlwcyxcbiAgICAgIH0pXG4gICAgICByZXR1cm4gdW5zYW5pdGl6ZWRCbG9ja1xuICAgIH0pXG5cbiAgICBpZiAoQXJyYXkuaXNBcnJheShwcm9wcy5ibG9ja3MpKSB7XG4gICAgICBwcm9wcy5ibG9ja3MuZm9yRWFjaCgoYmxvY2spID0+IHtcbiAgICAgICAgaWYgKGJsb2NrPy5maWVsZHMpIHtcbiAgICAgICAgICByZWN1cnNlTmVzdGVkRmllbGRzKHtcbiAgICAgICAgICAgIGFmdGVyUmVhZFByb21pc2VzLFxuICAgICAgICAgICAgY3VycmVudERlcHRoLFxuICAgICAgICAgICAgZGF0YTogbm9kZS5maWVsZHMuZGF0YSB8fCB7fSxcbiAgICAgICAgICAgIGRlcHRoLFxuICAgICAgICAgICAgZmllbGRzOiBibG9jay5maWVsZHMsXG4gICAgICAgICAgICBvdmVycmlkZUFjY2VzcyxcbiAgICAgICAgICAgIHByb21pc2VzLFxuICAgICAgICAgICAgcmVxLFxuICAgICAgICAgICAgc2hvd0hpZGRlbkZpZWxkcyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cblxuICAgIHJldHVybiBwcm9taXNlc1xuICB9XG5cbiAgcmV0dXJuIGJsb2NrQWZ0ZXJSZWFkUHJvbWlzZVxufVxuIl0sIm5hbWVzIjpbImJsb2NrQWZ0ZXJSZWFkUHJvbWlzZUhPQyIsInByb3BzIiwiYmxvY2tBZnRlclJlYWRQcm9taXNlIiwiYWZ0ZXJSZWFkUHJvbWlzZXMiLCJjdXJyZW50RGVwdGgiLCJkZXB0aCIsImZpZWxkIiwibm9kZSIsIm92ZXJyaWRlQWNjZXNzIiwicmVxIiwic2hvd0hpZGRlbkZpZWxkcyIsInByb21pc2VzIiwicGF5bG9hZENvbmZpZyIsInBheWxvYWQiLCJjb25maWciLCJ2YWxpZFJlbGF0aW9uc2hpcHMiLCJjb2xsZWN0aW9ucyIsIm1hcCIsImMiLCJzbHVnIiwiYmxvY2tzIiwiYmxvY2siLCJ1bnNhbml0aXplZEJsb2NrIiwiZmllbGRzIiwic2FuaXRpemVGaWVsZHMiLCJBcnJheSIsImlzQXJyYXkiLCJmb3JFYWNoIiwicmVjdXJzZU5lc3RlZEZpZWxkcyIsImRhdGEiXSwibWFwcGluZ3MiOiI7Ozs7K0JBUWFBOzs7ZUFBQUE7Ozt3QkFSa0I7cUNBTUs7QUFFN0IsTUFBTUEsMkJBQTJCLENBQ3RDQztJQUVBLE1BQU1DLHdCQUErRCxDQUFDLEVBQ3BFQyxpQkFBaUIsRUFDakJDLFlBQVksRUFDWkMsS0FBSyxFQUNMQyxLQUFLLEVBQ0xDLElBQUksRUFDSkMsY0FBYyxFQUNkQyxHQUFHLEVBQ0hDLGdCQUFnQixFQUNqQjtRQUNDLE1BQU1DLFdBQTRCLEVBQUU7UUFFcEMsdUhBQXVIO1FBQ3ZILE1BQU1DLGdCQUFnQkgsSUFBSUksT0FBTyxDQUFDQyxNQUFNO1FBQ3hDLE1BQU1DLHFCQUFxQkgsY0FBY0ksV0FBVyxDQUFDQyxHQUFHLENBQUMsQ0FBQ0MsSUFBTUEsRUFBRUMsSUFBSSxLQUFLLEVBQUU7UUFDN0VsQixNQUFNbUIsTUFBTSxHQUFHbkIsTUFBTW1CLE1BQU0sQ0FBQ0gsR0FBRyxDQUFDLENBQUNJO1lBQy9CLE1BQU1DLG1CQUFtQjtnQkFBRSxHQUFHRCxLQUFLO1lBQUM7WUFDcENDLGlCQUFpQkMsTUFBTSxHQUFHQyxJQUFBQSxzQkFBYyxFQUFDO2dCQUN2Q1YsUUFBUUY7Z0JBQ1JXLFFBQVFGLE1BQU1FLE1BQU07Z0JBQ3BCUjtZQUNGO1lBQ0EsT0FBT087UUFDVDtRQUVBLElBQUlHLE1BQU1DLE9BQU8sQ0FBQ3pCLE1BQU1tQixNQUFNLEdBQUc7WUFDL0JuQixNQUFNbUIsTUFBTSxDQUFDTyxPQUFPLENBQUMsQ0FBQ047Z0JBQ3BCLElBQUlBLE9BQU9FLFFBQVE7b0JBQ2pCSyxJQUFBQSx3Q0FBbUIsRUFBQzt3QkFDbEJ6Qjt3QkFDQUM7d0JBQ0F5QixNQUFNdEIsS0FBS2dCLE1BQU0sQ0FBQ00sSUFBSSxJQUFJLENBQUM7d0JBQzNCeEI7d0JBQ0FrQixRQUFRRixNQUFNRSxNQUFNO3dCQUNwQmY7d0JBQ0FHO3dCQUNBRjt3QkFDQUM7b0JBQ0Y7Z0JBQ0Y7WUFDRjtRQUNGO1FBRUEsT0FBT0M7SUFDVDtJQUVBLE9BQU9UO0FBQ1QifQ==

package/dist/field/features/Blocks/component/BlockContent.d.ts

@@ -0,0 +1,14 @@
+import type { Block } from 'payload/types';
+import React from 'react';
+import type { FieldProps } from '../../../../types';
+import type { BlockFields } from '../nodes/BlocksNode';
+type Props = {
+    baseClass: string;
+    block: Block;
+    field: FieldProps;
+    fields: BlockFields;
+    nodeKey: string;
+};
+export declare const BlockContent: React.FC<Props>;
+export {};
+//# sourceMappingURL=BlockContent.d.ts.map

package/dist/field/features/Blocks/component/BlockContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockContent.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/Blocks/component/BlockContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAQ,MAAM,eAAe,CAAA;AAShD,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,qBAAqB,CAAA;AAIjE,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,UAAU,CAAA;IACjB,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+GxC,CAAA"}

package/dist/field/features/Blocks/component/BlockContent.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BlockContent", {
+    enumerable: true,
+    get: function() {
+        return BlockContent;
+    }
+});
+const _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+const _lexical = require("lexical");
+const _components = require("payload/components");
+const _elements = require("payload/components/elements");
+const _Blocks = require("payload/components/fields/Blocks");
+const _forms = require("payload/components/forms");
+const _utilities = require("payload/utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reacti18next = require("react-i18next");
+const _FormSavePlugin = require("./FormSavePlugin");
+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 = {};
+    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 BlockContent = (props)=>{
+    const { baseClass, block, field, fields, nodeKey } = props;
+    const { i18n } = (0, _reacti18next.useTranslation)();
+    const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
+    const [collapsed, setCollapsed] = _react.default.useState(fields.collapsed);
+    const hasSubmitted = (0, _forms.useFormSubmitted)();
+    const childErrorPathsCount = 0 // TODO row.childErrorPaths?.size
+    ;
+    const fieldHasErrors = hasSubmitted && childErrorPathsCount > 0;
+    const classNames = [
+        `${baseClass}__row`,
+        fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
+    ].filter(Boolean).join(' ');
+    const path = '';
+    const onFormChange = (0, _react.useCallback)(({ formData })=>{
+        editor.update(()=>{
+            const node = (0, _lexical.$getNodeByKey)(nodeKey);
+            if (node) {
+                node.setFields({
+                    collapsed: collapsed,
+                    data: formData
+                });
+            }
+        });
+    }, [
+        editor,
+        nodeKey,
+        collapsed
+    ]);
+    const onCollapsedChange = (0, _react.useCallback)(()=>{
+        editor.update(()=>{
+            const node = (0, _lexical.$getNodeByKey)(nodeKey);
+            if (node) {
+                node.setFields({
+                    ...node.getFields(),
+                    collapsed: collapsed
+                });
+            }
+        });
+    }, [
+        editor,
+        nodeKey,
+        collapsed
+    ]);
+    const removeBlock = (0, _react.useCallback)(()=>{
+        editor.update(()=>{
+            (0, _lexical.$getNodeByKey)(nodeKey).remove();
+        });
+    }, [
+        editor,
+        nodeKey
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_elements.Collapsible, {
+        className: classNames,
+        collapsed: collapsed,
+        collapsibleStyle: false ? 'error' : 'default',
+        header: /*#__PURE__*/ _react.default.createElement("div", {
+            className: `${baseClass}__block-header`
+        }, /*#__PURE__*/ _react.default.createElement("div", null, /*#__PURE__*/ _react.default.createElement(_components.Pill, {
+            className: `${baseClass}__block-pill ${baseClass}__block-pill-${fields?.data?.blockType}`,
+            pillStyle: "white"
+        }, (0, _utilities.getTranslation)(block.labels.singular, i18n)), /*#__PURE__*/ _react.default.createElement(_Blocks.SectionTitle, {
+            path: `${path}blockName`,
+            readOnly: field?.admin?.readOnly
+        }), fieldHasErrors && /*#__PURE__*/ _react.default.createElement(_components.ErrorPill, {
+            count: childErrorPathsCount,
+            withMessage: true
+        })), /*#__PURE__*/ _react.default.createElement(_components.Button, {
+            buttonStyle: "icon-label",
+            className: `${baseClass}__removeButton`,
+            disabled: field?.admin?.readOnly,
+            icon: "x",
+            onClick: (e)=>{
+                e.preventDefault();
+                removeBlock();
+            },
+            round: true,
+            tooltip: "Remove Block"
+        })),
+        key: 0,
+        onToggle: (collapsed)=>{
+            setCollapsed(collapsed);
+            onCollapsedChange();
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_forms.RenderFields, {
+        className: `${baseClass}__fields`,
+        fieldSchema: block.fields.map((field)=>({
+                ...field,
+                path: (0, _forms.createNestedFieldPath)(null, field)
+            })),
+        fieldTypes: field.fieldTypes,
+        margins: "small",
+        permissions: field.permissions?.blocks?.[fields?.data?.blockType]?.fields,
+        readOnly: field.admin.readOnly
+    })), /*#__PURE__*/ _react.default.createElement(_FormSavePlugin.FormSavePlugin, {
+        fieldSchema: block.fields.map((field)=>({
+                ...field,
+                path: (0, _forms.createNestedFieldPath)(null, field)
+            })),
+        onChange: onFormChange
+    }));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9CbG9ja3MvY29tcG9uZW50L0Jsb2NrQ29udGVudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBCbG9jaywgRGF0YSB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IHVzZUxleGljYWxDb21wb3NlckNvbnRleHQgfSBmcm9tICdAbGV4aWNhbC9yZWFjdC9MZXhpY2FsQ29tcG9zZXJDb250ZXh0J1xuaW1wb3J0IHsgJGdldE5vZGVCeUtleSB9IGZyb20gJ2xleGljYWwnXG5pbXBvcnQgeyBCdXR0b24sIEVycm9yUGlsbCwgUGlsbCB9IGZyb20gJ3BheWxvYWQvY29tcG9uZW50cydcbmltcG9ydCB7IENvbGxhcHNpYmxlIH0gZnJvbSAncGF5bG9hZC9jb21wb25lbnRzL2VsZW1lbnRzJ1xuaW1wb3J0IHsgU2VjdGlvblRpdGxlIH0gZnJvbSAncGF5bG9hZC9jb21wb25lbnRzL2ZpZWxkcy9CbG9ja3MnXG5pbXBvcnQgeyBSZW5kZXJGaWVsZHMsIGNyZWF0ZU5lc3RlZEZpZWxkUGF0aCwgdXNlRm9ybVN1Ym1pdHRlZCB9IGZyb20gJ3BheWxvYWQvY29tcG9uZW50cy9mb3JtcydcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAncGF5bG9hZC91dGlsaXRpZXMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCdcblxuaW1wb3J0IHR5cGUgeyBGaWVsZFByb3BzIH0gZnJvbSAnLi4vLi4vLi4vLi4vdHlwZXMnXG5pbXBvcnQgdHlwZSB7IEJsb2NrRmllbGRzLCBCbG9ja05vZGUgfSBmcm9tICcuLi9ub2Rlcy9CbG9ja3NOb2RlJ1xuXG5pbXBvcnQgeyBGb3JtU2F2ZVBsdWdpbiB9IGZyb20gJy4vRm9ybVNhdmVQbHVnaW4nXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGJhc2VDbGFzczogc3RyaW5nXG4gIGJsb2NrOiBCbG9ja1xuICBmaWVsZDogRmllbGRQcm9wc1xuICBmaWVsZHM6IEJsb2NrRmllbGRzXG4gIG5vZGVLZXk6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQmxvY2tDb250ZW50OiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBiYXNlQ2xhc3MsIGJsb2NrLCBmaWVsZCwgZmllbGRzLCBub2RlS2V5IH0gPSBwcm9wc1xuICBjb25zdCB7IGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKClcbiAgY29uc3QgW2VkaXRvcl0gPSB1c2VMZXhpY2FsQ29tcG9zZXJDb250ZXh0KClcbiAgY29uc3QgW2NvbGxhcHNlZCwgc2V0Q29sbGFwc2VkXSA9IFJlYWN0LnVzZVN0YXRlPGJvb2xlYW4+KGZpZWxkcy5jb2xsYXBzZWQpXG4gIGNvbnN0IGhhc1N1Ym1pdHRlZCA9IHVzZUZvcm1TdWJtaXR0ZWQoKVxuICBjb25zdCBjaGlsZEVycm9yUGF0aHNDb3VudCA9IDAgLy8gVE9ETyByb3cuY2hpbGRFcnJvclBhdGhzPy5zaXplXG4gIGNvbnN0IGZpZWxkSGFzRXJyb3JzID0gaGFzU3VibWl0dGVkICYmIGNoaWxkRXJyb3JQYXRoc0NvdW50ID4gMFxuXG4gIGNvbnN0IGNsYXNzTmFtZXMgPSBbXG4gICAgYCR7YmFzZUNsYXNzfV9fcm93YCxcbiAgICBmaWVsZEhhc0Vycm9ycyA/IGAke2Jhc2VDbGFzc31fX3Jvdy0taGFzLWVycm9yc2AgOiBgJHtiYXNlQ2xhc3N9X19yb3ctLW5vLWVycm9yc2AsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuXG4gIGNvbnN0IHBhdGggPSAnJyBhcyBjb25zdFxuXG4gIGNvbnN0IG9uRm9ybUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICh7IGZvcm1EYXRhIH06IHsgZm9ybURhdGE6IERhdGEgfSkgPT4ge1xuICAgICAgZWRpdG9yLnVwZGF0ZSgoKSA9PiB7XG4gICAgICAgIGNvbnN0IG5vZGU6IEJsb2NrTm9kZSA9ICRnZXROb2RlQnlLZXkobm9kZUtleSlcbiAgICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgICBub2RlLnNldEZpZWxkcyh7XG4gICAgICAgICAgICBjb2xsYXBzZWQ6IGNvbGxhcHNlZCxcbiAgICAgICAgICAgIGRhdGE6IGZvcm1EYXRhIGFzIGFueSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH0sXG4gICAgW2VkaXRvciwgbm9kZUtleSwgY29sbGFwc2VkXSxcbiAgKVxuXG4gIGNvbnN0IG9uQ29sbGFwc2VkQ2hhbmdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGVkaXRvci51cGRhdGUoKCkgPT4ge1xuICAgICAgY29uc3Qgbm9kZTogQmxvY2tOb2RlID0gJGdldE5vZGVCeUtleShub2RlS2V5KVxuICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgbm9kZS5zZXRGaWVsZHMoe1xuICAgICAgICAgIC4uLm5vZGUuZ2V0RmllbGRzKCksXG4gICAgICAgICAgY29sbGFwc2VkOiBjb2xsYXBzZWQsXG4gICAgICAgIH0pXG4gICAgICB9XG4gICAgfSlcbiAgfSwgW2VkaXRvciwgbm9kZUtleSwgY29sbGFwc2VkXSlcblxuICBjb25zdCByZW1vdmVCbG9jayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBlZGl0b3IudXBkYXRlKCgpID0+IHtcbiAgICAgICRnZXROb2RlQnlLZXkobm9kZUtleSkucmVtb3ZlKClcbiAgICB9KVxuICB9LCBbZWRpdG9yLCBub2RlS2V5XSlcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIDxDb2xsYXBzaWJsZVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXN9XG4gICAgICAgIGNvbGxhcHNlZD17Y29sbGFwc2VkfVxuICAgICAgICBjb2xsYXBzaWJsZVN0eWxlPXtmYWxzZSA/ICdlcnJvcicgOiAnZGVmYXVsdCd9XG4gICAgICAgIGhlYWRlcj17XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2Jsb2NrLWhlYWRlcmB9PlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPFBpbGxcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2Jsb2NrLXBpbGwgJHtiYXNlQ2xhc3N9X19ibG9jay1waWxsLSR7ZmllbGRzPy5kYXRhPy5ibG9ja1R5cGV9YH1cbiAgICAgICAgICAgICAgICBwaWxsU3R5bGU9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7Z2V0VHJhbnNsYXRpb24oYmxvY2subGFiZWxzLnNpbmd1bGFyLCBpMThuKX1cbiAgICAgICAgICAgICAgPC9QaWxsPlxuICAgICAgICAgICAgICA8U2VjdGlvblRpdGxlIHBhdGg9e2Ake3BhdGh9YmxvY2tOYW1lYH0gcmVhZE9ubHk9e2ZpZWxkPy5hZG1pbj8ucmVhZE9ubHl9IC8+XG4gICAgICAgICAgICAgIHtmaWVsZEhhc0Vycm9ycyAmJiA8RXJyb3JQaWxsIGNvdW50PXtjaGlsZEVycm9yUGF0aHNDb3VudH0gd2l0aE1lc3NhZ2UgLz59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJpY29uLWxhYmVsXCJcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19yZW1vdmVCdXR0b25gfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZmllbGQ/LmFkbWluPy5yZWFkT25seX1cbiAgICAgICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIHJlbW92ZUJsb2NrKClcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgcm91bmRcbiAgICAgICAgICAgICAgdG9vbHRpcD1cIlJlbW92ZSBCbG9ja1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICAgIGtleT17MH1cbiAgICAgICAgb25Ub2dnbGU9eyhjb2xsYXBzZWQpID0+IHtcbiAgICAgICAgICBzZXRDb2xsYXBzZWQoY29sbGFwc2VkKVxuICAgICAgICAgIG9uQ29sbGFwc2VkQ2hhbmdlKClcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPFJlbmRlckZpZWxkc1xuICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fZmllbGRzYH1cbiAgICAgICAgICBmaWVsZFNjaGVtYT17YmxvY2suZmllbGRzLm1hcCgoZmllbGQpID0+ICh7XG4gICAgICAgICAgICAuLi5maWVsZCxcbiAgICAgICAgICAgIHBhdGg6IGNyZWF0ZU5lc3RlZEZpZWxkUGF0aChudWxsLCBmaWVsZCksXG4gICAgICAgICAgfSkpfVxuICAgICAgICAgIGZpZWxkVHlwZXM9e2ZpZWxkLmZpZWxkVHlwZXN9XG4gICAgICAgICAgbWFyZ2lucz1cInNtYWxsXCJcbiAgICAgICAgICBwZXJtaXNzaW9ucz17ZmllbGQucGVybWlzc2lvbnM/LmJsb2Nrcz8uW2ZpZWxkcz8uZGF0YT8uYmxvY2tUeXBlXT8uZmllbGRzfVxuICAgICAgICAgIHJlYWRPbmx5PXtmaWVsZC5hZG1pbi5yZWFkT25seX1cbiAgICAgICAgLz5cbiAgICAgIDwvQ29sbGFwc2libGU+XG5cbiAgICAgIDxGb3JtU2F2ZVBsdWdpblxuICAgICAgICBmaWVsZFNjaGVtYT17YmxvY2suZmllbGRzLm1hcCgoZmllbGQpID0+ICh7XG4gICAgICAgICAgLi4uZmllbGQsXG4gICAgICAgICAgcGF0aDogY3JlYXRlTmVzdGVkRmllbGRQYXRoKG51bGwsIGZpZWxkKSxcbiAgICAgICAgfSkpfVxuICAgICAgICBvbkNoYW5nZT17b25Gb3JtQ2hhbmdlfVxuICAgICAgLz5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApXG59XG4iXSwibmFtZXMiOlsiQmxvY2tDb250ZW50IiwicHJvcHMiLCJiYXNlQ2xhc3MiLCJibG9jayIsImZpZWxkIiwiZmllbGRzIiwibm9kZUtleSIsImkxOG4iLCJ1c2VUcmFuc2xhdGlvbiIsImVkaXRvciIsInVzZUxleGljYWxDb21wb3NlckNvbnRleHQiLCJjb2xsYXBzZWQiLCJzZXRDb2xsYXBzZWQiLCJSZWFjdCIsInVzZVN0YXRlIiwiaGFzU3VibWl0dGVkIiwidXNlRm9ybVN1Ym1pdHRlZCIsImNoaWxkRXJyb3JQYXRoc0NvdW50IiwiZmllbGRIYXNFcnJvcnMiLCJjbGFzc05hbWVzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJwYXRoIiwib25Gb3JtQ2hhbmdlIiwidXNlQ2FsbGJhY2siLCJmb3JtRGF0YSIsInVwZGF0ZSIsIm5vZGUiLCIkZ2V0Tm9kZUJ5S2V5Iiwic2V0RmllbGRzIiwiZGF0YSIsIm9uQ29sbGFwc2VkQ2hhbmdlIiwiZ2V0RmllbGRzIiwicmVtb3ZlQmxvY2siLCJyZW1vdmUiLCJGcmFnbWVudCIsIkNvbGxhcHNpYmxlIiwiY2xhc3NOYW1lIiwiY29sbGFwc2libGVTdHlsZSIsImhlYWRlciIsImRpdiIsIlBpbGwiLCJibG9ja1R5cGUiLCJwaWxsU3R5bGUiLCJnZXRUcmFuc2xhdGlvbiIsImxhYmVscyIsInNpbmd1bGFyIiwiU2VjdGlvblRpdGxlIiwicmVhZE9ubHkiLCJhZG1pbiIsIkVycm9yUGlsbCIsImNvdW50Iiwid2l0aE1lc3NhZ2UiLCJCdXR0b24iLCJidXR0b25TdHlsZSIsImRpc2FibGVkIiwiaWNvbiIsIm9uQ2xpY2siLCJlIiwicHJldmVudERlZmF1bHQiLCJyb3VuZCIsInRvb2x0aXAiLCJrZXkiLCJvblRvZ2dsZSIsIlJlbmRlckZpZWxkcyIsImZpZWxkU2NoZW1hIiwibWFwIiwiY3JlYXRlTmVzdGVkRmllbGRQYXRoIiwiZmllbGRUeXBlcyIsIm1hcmdpbnMiLCJwZXJtaXNzaW9ucyIsImJsb2NrcyIsIkZvcm1TYXZlUGx1Z2luIiwib25D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

package/dist/field/features/Blocks/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/Blocks/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAS/D,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAexE,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiH1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/Blocks/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAYtD,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsC1C,CAAA"}

package/dist/field/features/Blocks/component/index.js

@@ -8,17 +8,12 @@ Object.defineProperty(exports, "BlockComponent", {
         return BlockComponent;
     }
 });
-const _lexical = require("lexical");
-const _elements = require("payload/components/elements");
 const _forms = require("payload/components/forms");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-const _components = require("payload/components");
-const _Blocks = require("payload/components/fields/Blocks");
-const _utilities = require("payload/utilities");
-const _reacti18next = require("react-i18next");
+const _utilities = require("payload/components/utilities");
+const _config = require("payload/config");
 const _EditorConfigProvider = require("../../../lexical/config/EditorConfigProvider");
-const _FormSavePlugin = require("./FormSavePlugin");
+const _BlockContent = require("./BlockContent");
 require("./index.scss");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -62,115 +57,37 @@ function _interop_require_wildcard(obj, nodeInterop) {
 const baseClass = 'lexical-block';
 const BlockComponent = (props)=>{
     const { children, className, fields, format, nodeKey } = props;
-    const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
+    const payloadConfig = (0, _utilities.useConfig)();
     const { editorConfig, field } = (0, _EditorConfigProvider.useEditorConfigContext)();
-    const { i18n } = (0, _reacti18next.useTranslation)();
-    const [collapsed, setCollapsed] = _react.default.useState(fields.collapsed);
-    const [blockName, setBlockName] = _react.default.useState(fields.blockName);
-    const path = `${field.path}.${0}`;
-    const block = (editorConfig?.resolvedFeatureMap?.get('blocks')?.props)?.blocks?.find((block)=>block.slug === fields?.type);
-    const onFormChange = (0, _react.useCallback)(({ formData })=>{
-        editor.update(()=>{
-            const node = (0, _lexical.$getNodeByKey)(nodeKey);
-            if (node) {
-                node.setFields({
-                    blockName: blockName,
-                    collapsed: collapsed,
-                    data: formData,
-                    type: block.slug
-                });
-            }
-        });
-    }, [
-        block?.slug,
-        editor,
-        nodeKey,
-        collapsed,
-        blockName
-    ]);
-    const onCollapsedOrBlockNameChange = (0, _react.useCallback)(()=>{
-        editor.update(()=>{
-            const node = (0, _lexical.$getNodeByKey)(nodeKey);
-            if (node) {
-                node.setFields({
-                    ...node.getFields(),
-                    blockName: blockName,
-                    collapsed: collapsed
-                });
-            }
-        });
-    }, [
-        editor,
-        nodeKey,
-        collapsed,
-        blockName
-    ]);
+    const block = (editorConfig?.resolvedFeatureMap?.get('blocks')?.props)?.blocks?.find((block)=>block.slug === fields?.data?.blockType);
+    // Sanitize block's fields here. This is done here and not in the feature, because the payload config is available here
+    const validRelationships = payloadConfig.collections.map((c)=>c.slug) || [];
+    block.fields = (0, _config.sanitizeFields)({
+        config: payloadConfig,
+        fields: block.fields,
+        validRelationships
+    });
     const initialDataRef = _react.default.useRef((0, _forms.buildInitialState)(fields.data || {})) // Store initial value in a ref, so it doesn't change on re-render and only gets initialized once
     ;
     // Memoized Form JSX
     const formContent = (0, _react.useMemo)(()=>{
         return block && /*#__PURE__*/ _react.default.createElement(_forms.Form, {
             initialState: initialDataRef?.current
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            id: `row-${0}`,
-            key: `$row-${0}`
-        }, /*#__PURE__*/ _react.default.createElement(_elements.Collapsible, {
-            className: "",
-            collapsed: collapsed,
-            collapsibleStyle: false ? 'error' : 'default',
-            header: /*#__PURE__*/ _react.default.createElement("div", {
-                className: `${baseClass}__block-header`
-            }, /*#__PURE__*/ _react.default.createElement(_components.Pill, {
-                className: `${baseClass}__block-pill ${baseClass}__block-pill-${fields.type}`,
-                pillStyle: "white"
-            }, (0, _utilities.getTranslation)(block.labels.singular, i18n)), /*#__PURE__*/ _react.default.createElement(_Blocks.SectionTitle, {
-                customOnChange: (e)=>{
-                    e.stopPropagation();
-                    e.preventDefault();
-                    setBlockName(e.target.value);
-                    onCollapsedOrBlockNameChange();
-                },
-                customValue: blockName,
-                path: `${path}.blockName`,
-                readOnly: field?.admin?.readOnly
-            }), false && /*#__PURE__*/ _react.default.createElement(_components.ErrorPill, {
-                count: 0,
-                withMessage: true
-            })),
-            key: 0,
-            onToggle: (collapsed)=>{
-                setCollapsed(collapsed);
-                onCollapsedOrBlockNameChange();
-            }
-        }, /*#__PURE__*/ _react.default.createElement(_forms.HiddenInput, {
-            name: `${path}.id`,
-            value: 0
-        }), /*#__PURE__*/ _react.default.createElement(_forms.RenderFields, {
-            className: `${baseClass}__fields`,
-            fieldSchema: block.fields.map((field)=>({
-                    ...field,
-                    path: (0, _forms.createNestedFieldPath)(null, field)
-                })),
-            fieldTypes: field.fieldTypes,
-            margins: "small",
-            permissions: field.permissions?.blocks?.[fields?.type]?.fields,
-            readOnly: field.admin.readOnly
-        }))), /*#__PURE__*/ _react.default.createElement(_FormSavePlugin.FormSavePlugin, {
-            fieldSchema: block.fields.map((field)=>({
-                    ...field,
-                    path: (0, _forms.createNestedFieldPath)(null, field)
-                })),
-            onChange: onFormChange
+        }, /*#__PURE__*/ _react.default.createElement(_BlockContent.BlockContent, {
+            baseClass: baseClass,
+            block: block,
+            field: field,
+            fields: fields,
+            nodeKey: nodeKey
         }));
     }, [
         block,
-        onFormChange,
-        field.fieldTypes,
-        field.admin.readOnly
+        field,
+        nodeKey
     ]);
     return /*#__PURE__*/ _react.default.createElement("div", {
         className: baseClass
     }, formContent);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9CbG9ja3MvY29tcG9uZW50L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyAkZ2V0Tm9kZUJ5S2V5LCB0eXBlIEVsZW1lbnRGb3JtYXRUeXBlIH0gZnJvbSAnbGV4aWNhbCdcbmltcG9ydCB7IENvbGxhcHNpYmxlIH0gZnJvbSAncGF5bG9hZC9jb21wb25lbnRzL2VsZW1lbnRzJ1xuaW1wb3J0IHtcbiAgRm9ybSxcbiAgSGlkZGVuSW5wdXQsXG4gIFJlbmRlckZpZWxkcyxcbiAgYnVpbGRJbml0aWFsU3RhdGUsXG4gIGNyZWF0ZU5lc3RlZEZpZWxkUGF0aCxcbn0gZnJvbSAncGF5bG9hZC9jb21wb25lbnRzL2Zvcm1zJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgQmxvY2tOb2RlIH0gZnJvbSAnLi4vbm9kZXMvQmxvY2tzTm9kZSdcblxuaW1wb3J0IHsgJGNyZWF0ZUJsb2NrTm9kZSwgdHlwZSBCbG9ja0ZpZWxkcyB9IGZyb20gJy4uL25vZGVzL0Jsb2Nrc05vZGUnXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGV4aWNhbC1ibG9jaydcblxuaW1wb3J0IHR5cGUgeyBEYXRhIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHsgdXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCB9IGZyb20gJ0BsZXhpY2FsL3JlYWN0L0xleGljYWxDb21wb3NlckNvbnRleHQnXG5pbXBvcnQgeyBFcnJvclBpbGwsIFBpbGwgfSBmcm9tICdwYXlsb2FkL2NvbXBvbmVudHMnXG5pbXBvcnQgeyBSb3dBY3Rpb25zLCBTZWN0aW9uVGl0bGUgfSBmcm9tICdwYXlsb2FkL2NvbXBvbmVudHMvZmllbGRzL0Jsb2NrcydcbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAncGF5bG9hZC91dGlsaXRpZXMnXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnXG5cbmltcG9ydCB0eXBlIHsgQmxvY2tzRmVhdHVyZVByb3BzIH0gZnJvbSAnLi4nXG5cbmltcG9ydCB7IHVzZUVkaXRvckNvbmZpZ0NvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9sZXhpY2FsL2NvbmZpZy9FZGl0b3JDb25maWdQcm92aWRlcidcbmltcG9ydCB7IEZvcm1TYXZlUGx1Z2luIH0gZnJvbSAnLi9Gb3JtU2F2ZVBsdWdpbidcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG50eXBlIFByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgZmllbGRzOiBCbG9ja0ZpZWxkc1xuICBmb3JtYXQ/OiBFbGVtZW50Rm9ybWF0VHlwZVxuICBub2RlS2V5Pzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBCbG9ja0NvbXBvbmVudDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgZmllbGRzLCBmb3JtYXQsIG5vZGVLZXkgfSA9IHByb3BzXG4gIGNvbnN0IFtlZGl0b3JdID0gdXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCgpXG4gIGNvbnN0IHsgZWRpdG9yQ29uZmlnLCBmaWVsZCB9ID0gdXNlRWRpdG9yQ29uZmlnQ29udGV4dCgpXG4gIGNvbnN0IHsgaTE4biB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBbY29sbGFwc2VkLCBzZXRDb2xsYXBzZWRdID0gUmVhY3QudXNlU3RhdGU8Ym9vbGVhbj4oZmllbGRzLmNvbGxhcHNlZClcbiAgY29uc3QgW2Jsb2NrTmFtZSwgc2V0QmxvY2tOYW1lXSA9IFJlYWN0LnVzZVN0YXRlPHN0cmluZz4oZmllbGRzLmJsb2NrTmFtZSlcblxuICBjb25zdCBwYXRoID0gYCR7ZmllbGQucGF0aH0uJHswfWBcblxuICBjb25zdCBibG9jayA9IChcbiAgICBlZGl0b3JDb25maWc/LnJlc29sdmVkRmVhdHVyZU1hcD8uZ2V0KCdibG9ja3MnKT8ucHJvcHMgYXMgQmxvY2tzRmVhdHVyZVByb3BzXG4gICk/LmJsb2Nrcz8uZmluZCgoYmxvY2spID0+IGJsb2NrLnNsdWcgPT09IGZpZWxkcz8udHlwZSlcblxuICBjb25zdCBvbkZvcm1DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoeyBmb3JtRGF0YSB9OiB7IGZvcm1EYXRhOiBEYXRhIH0pID0+IHtcbiAgICAgIGVkaXRvci51cGRhdGUoKCkgPT4ge1xuICAgICAgICBjb25zdCBub2RlOiBCbG9ja05vZGUgPSAkZ2V0Tm9kZUJ5S2V5KG5vZGVLZXkpXG4gICAgICAgIGlmIChub2RlKSB7XG4gICAgICAgICAgbm9kZS5zZXRGaWVsZHMoe1xuICAgICAgICAgICAgYmxvY2tOYW1lOiBibG9ja05hbWUsXG4gICAgICAgICAgICBjb2xsYXBzZWQ6IGNvbGxhcHNlZCxcbiAgICAgICAgICAgIGRhdGE6IGZvcm1EYXRhLFxuICAgICAgICAgICAgdHlwZTogYmxvY2suc2x1ZyxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH0sXG4gICAgW2Jsb2NrPy5zbHVnLCBlZGl0b3IsIG5vZGVLZXksIGNvbGxhcHNlZCwgYmxvY2tOYW1lXSxcbiAgKVxuXG4gIGNvbnN0IG9uQ29sbGFwc2VkT3JCbG9ja05hbWVDaGFuZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgZWRpdG9yLnVwZGF0ZSgoKSA9PiB7XG4gICAgICBjb25zdCBub2RlOiBCbG9ja05vZGUgPSAkZ2V0Tm9kZUJ5S2V5KG5vZGVLZXkpXG4gICAgICBpZiAobm9kZSkge1xuICAgICAgICBub2RlLnNldEZpZWxkcyh7XG4gICAgICAgICAgLi4ubm9kZS5nZXRGaWVsZHMoKSxcbiAgICAgICAgICBibG9ja05hbWU6IGJsb2NrTmFtZSxcbiAgICAgICAgICBjb2xsYXBzZWQ6IGNvbGxhcHNlZCxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9KVxuICB9LCBbZWRpdG9yLCBub2RlS2V5LCBjb2xsYXBzZWQsIGJsb2NrTmFtZV0pXG5cbiAgY29uc3QgaW5pdGlhbERhdGFSZWYgPSBSZWFjdC51c2VSZWY8RGF0YT4oYnVpbGRJbml0aWFsU3RhdGUoZmllbGRzLmRhdGEgfHwge30pKSAvLyBTdG9yZSBpbml0aWFsIHZhbHVlIGluIGEgcmVmLCBzbyBpdCBkb2Vzbid0IGNoYW5nZSBvbiByZS1yZW5kZXIgYW5kIG9ubHkgZ2V0cyBpbml0aWFsaXplZCBvbmNlXG5cbiAgLy8gTWVtb2l6ZWQgRm9ybSBKU1hcbiAgY29uc3QgZm9ybUNvbnRlbnQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgYmxvY2sgJiYgKFxuICAgICAgICA8Rm9ybSBpbml0aWFsU3RhdGU9e2luaXRpYWxEYXRhUmVmPy5jdXJyZW50fT5cbiAgICAgICAgICA8ZGl2IGlkPXtgcm93LSR7MH1gfSBrZXk9e2Akcm93LSR7MH1gfT5cbiAgICAgICAgICAgIDxDb2xsYXBzaWJsZVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJcIlxuICAgICAgICAgICAgICBjb2xsYXBzZWQ9e2NvbGxhcHNlZH1cbiAgICAgICAgICAgICAgY29sbGFwc2libGVTdHlsZT17ZmFsc2UgPyAnZXJyb3InIDogJ2RlZmF1bHQnfVxuICAgICAgICAgICAgICBoZWFkZXI9e1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19ibG9jay1oZWFkZXJgfT5cbiAgICAgICAgICAgICAgICAgIDxQaWxsXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmxvY2stcGlsbCAke2Jhc2VDbGFzc31fX2Jsb2NrLXBpbGwtJHtmaWVsZHMudHlwZX1gfVxuICAgICAgICAgICAgICAgICAgICBwaWxsU3R5bGU9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtnZXRUcmFuc2xhdGlvbihibG9jay5sYWJlbHMuc2luZ3VsYXIsIGkxOG4pfVxuICAgICAgICAgICAgICAgICAgPC9QaWxsPlxuICAgICAgICAgICAgICAgICAgPFNlY3Rpb25UaXRsZVxuICAgICAgICAgICAgICAgICAgICBjdXN0b21PbkNoYW5nZT17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICAgICAgICAgICAgc2V0QmxvY2tOYW1lKGUudGFyZ2V0LnZhbHVlKVxuICAgICAgICAgICAgICAgICAgICAgIG9uQ29sbGFwc2VkT3JCbG9ja05hbWVDaGFuZ2UoKVxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBjdXN0b21WYWx1ZT17YmxvY2tOYW1lfVxuICAgICAgICAgICAgICAgICAgICBwYXRoPXtgJHtwYXRofS5ibG9ja05hbWVgfVxuICAgICAgICAgICAgICAgICAgICByZWFkT25seT17ZmllbGQ/LmFkbWluPy5yZWFkT25seX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICB7ZmFsc2UgJiYgPEVycm9yUGlsbCBjb3VudD17MH0gd2l0aE1lc3NhZ2UgLz59XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAga2V5PXswfVxuICAgICAgICAgICAgICBvblRvZ2dsZT17KGNvbGxhcHNlZCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldENvbGxhcHNlZChjb2xsYXBzZWQpXG4gICAgICAgICAgICAgICAgb25Db2xsYXBzZWRPckJsb2NrTmFtZUNoYW5nZSgpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxIaWRkZW5JbnB1dCBuYW1lPXtgJHtwYXRofS5pZGB9IHZhbHVlPXswfSAvPlxuXG4gICAgICAgICAgICAgIDxSZW5kZXJGaWVsZHNcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ZpZWxkc2B9XG4gICAgICAgICAgICAgICAgZmllbGRTY2hlbWE9e2Jsb2NrLmZpZWxkcy5tYXAoKGZpZWxkKSA9PiAoe1xuICAgICAgICAgICAgICAgICAgLi4uZmllbGQsXG4gICAgICAgICAgICAgICAgICBwYXRoOiBjcmVhdGVOZXN0ZWRGaWVsZFBhdGgobnVsbCwgZmllbGQpLFxuICAgICAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgICAgICBmaWVsZFR5cGVzPXtmaWVsZC5maWVsZFR5cGVzfVxuICAgICAgICAgICAgICAgIG1hcmdpbnM9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgcGVybWlzc2lvbnM9e2ZpZWxkLnBlcm1pc3Npb25zPy5ibG9ja3M/LltmaWVsZHM/LnR5cGVdPy5maWVsZHN9XG4gICAgICAgICAgICAgICAgcmVhZE9ubHk9e2ZpZWxkLmFkbWluLnJlYWRPbmx5fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Db2xsYXBzaWJsZT5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxGb3JtU2F2ZVBsdWdpblxuICAgICAgICAgICAgZmllbGRTY2hlbWE9e2Jsb2NrLmZpZWxkcy5tYXAoKGZpZWxkKSA9PiAoe1xuICAgICAgICAgICAgICAuLi5maWVsZCxcbiAgICAgICAgICAgICAgcGF0aDogY3JlYXRlTmVzdGVkRmllbGRQYXRoKG51bGwsIGZpZWxkKSxcbiAgICAgICAgICAgIH0pKX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkZvcm1DaGFuZ2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Gb3JtPlxuICAgICAgKVxuICAgIClcbiAgfSwgW2Jsb2NrLCBvbkZvcm1DaGFuZ2UsIGZpZWxkLmZpZWxkVHlwZXMsIGZpZWxkLmFkbWluLnJlYWRPbmx5XSlcblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+e2Zvcm1Db250ZW50fTwvZGl2PlxufVxuIl0sIm5hbWVzIjpbIkJsb2NrQ29tcG9uZW50IiwiYmFzZUNsYXNzIiwicHJvcHMiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImZpZWxkcyIsImZvcm1hdCIsIm5vZGVLZXkiLCJlZGl0b3IiLCJ1c2VMZXhpY2FsQ29tcG9zZXJDb250ZXh0IiwiZWRpdG9yQ29uZmlnIiwiZmllbGQiLCJ1c2VFZGl0b3JDb25maWdDb250ZXh0IiwiaTE4biIsInVzZVRyYW5zbGF0aW9uIiwiY29sbGFwc2VkIiwic2V0Q29sbGFwc2VkIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsImJsb2NrTmFtZSIsInNldEJsb2NrTmFtZSIsInBhdGgiLCJibG9jayIsInJlc29sdmVkRmVhdHVyZU1hcCIsImdldCIsImJsb2NrcyIsImZpbmQiLCJzbHVnIiwidHlwZSIsIm9uRm9ybUNoYW5nZSIsInVzZUNhbGxiYWNrIiwiZm9ybURhdGEiLCJ1cGRhdGUiLCJub2RlIiwiJGdldE5vZGVCeUtleSIsInNldEZpZWxkcyIsImRhdGEiLCJvbkNvbGxhcHNlZE9yQmxvY2tOYW1lQ2hhbmdlIiwiZ2V0RmllbGRzIiwiaW5pdGlhbERhdGFSZWYiLCJ1c2VSZWYiLCJidWlsZEluaXRpYWxTdGF0ZSIsImZvcm1Db250ZW50IiwidXNlTWVtbyIsIkZvcm0iLCJpbml0aWFsU3RhdGUiLCJjdXJyZW50IiwiZGl2IiwiaWQiLCJrZXkiLCJDb2xsYXBzaWJsZSIsImNvbGxhcHNpYmxlU3R5bGUiLCJoZWFkZXIiLCJQaWxsIiwicGlsbFN0eWxlIiwiZ2V0VHJhbnNsYXRpb24iLCJsYWJlbHMiLCJzaW5ndWxhciIsIlNlY3Rpb25UaXRsZSIsImN1c3RvbU9uQ2hhbmdlIiwiZSIsInN0b3BQcm9wYWdhdGlvbiIsInByZXZlbnREZWZhdWx0IiwidGFyZ2V0IiwidmFsdWUiLCJjdXN0b21WYWx1ZSIsInJlYWRPbmx5IiwiYWRtaW4iLCJFcnJvclBpbGwiLCJjb3VudCIsIndpdGhNZXNzYWdlIiwib25Ub2dnbGUiLCJIaWRkZW5JbnB1dCIsIm5hbWUiLCJSZW5kZXJGaWVsZHMiLCJmaWVsZFNjaGVtYSIsIm1hcCIsImNyZWF0ZU5lc3RlZEZpZWxkUGF0aCIsImZpZWxkVHlwZXMiLCJtYXJnaW5zIiwicGVybWlzc2lvbnMiLCJGb3JtU2F2ZVBsdWdpbiIsIm9uQ2hhbmdlIl0sIm1hcHBpbmdzIjoiOzs7OytCQXNDYUE7OztlQUFBQTs7O3lCQXRDeUM7MEJBQzFCO3VCQU9yQjsrREFDcUM7d0NBU0Y7NEJBQ1Y7d0JBQ1M7MkJBQ1Y7OEJBQ0E7c0NBSVE7Z0NBQ1I7UUFDeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFkUCxNQUFNQyxZQUFZO0FBd0JYLE1BQU1ELGlCQUFrQyxDQUFDRTtJQUM5QyxNQUFNLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFQyxNQUFNLEVBQUVDLE1BQU0sRUFBRUMsT0FBTyxFQUFFLEdBQUdMO0lBQ3pELE1BQU0sQ0FBQ00sT0FBTyxHQUFHQyxJQUFBQSxpREFBeUI7SUFDMUMsTUFBTSxFQUFFQyxZQUFZLEVBQUVDLEtBQUssRUFBRSxHQUFHQyxJQUFBQSw0Q0FBc0I7SUFDdEQsTUFBTSxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsNEJBQWM7SUFDL0IsTUFBTSxDQUFDQyxXQUFXQyxhQUFhLEdBQUdDLGNBQUssQ0FBQ0MsUUFBUSxDQUFVYixPQUFPVSxTQUFTO0lBQzFFLE1BQU0sQ0FBQ0ksV0FBV0MsYUFBYSxHQUFHSCxjQUFLLENBQUNDLFFBQVEsQ0FBU2IsT0FBT2MsU0FBUztJQUV6RSxNQUFNRSxPQUFPLENBQUMsRUFBRVYsTUFBTVUsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7SUFFakMsTUFBTUMsUUFBUSxDQUNaWixjQUFjYSxvQkFBb0JDLElBQUksV0FBV3RCLEtBQ25ELEdBQUd1QixRQUFRQyxLQUFLLENBQUNKLFFBQVVBLE1BQU1LLElBQUksS0FBS3RCLFFBQVF1QjtJQUVsRCxNQUFNQyxlQUFlQyxJQUFBQSxrQkFBVyxFQUM5QixDQUFDLEVBQUVDLFFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9CbG9ja3MvY29tcG9uZW50L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEVsZW1lbnRGb3JtYXRUeXBlIH0gZnJvbSAnbGV4aWNhbCdcbmltcG9ydCB7IEZvcm0sIGJ1aWxkSW5pdGlhbFN0YXRlIH0gZnJvbSAncGF5bG9hZC9jb21wb25lbnRzL2Zvcm1zJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgdHlwZSBCbG9ja0ZpZWxkcyB9IGZyb20gJy4uL25vZGVzL0Jsb2Nrc05vZGUnXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGV4aWNhbC1ibG9jaydcblxuaW1wb3J0IHR5cGUgeyBEYXRhIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAncGF5bG9hZC9jb21wb25lbnRzL3V0aWxpdGllcydcbmltcG9ydCB7IHNhbml0aXplRmllbGRzIH0gZnJvbSAncGF5bG9hZC9jb25maWcnXG5cbmltcG9ydCB0eXBlIHsgQmxvY2tzRmVhdHVyZVByb3BzIH0gZnJvbSAnLi4nXG5cbmltcG9ydCB7IHVzZUVkaXRvckNvbmZpZ0NvbnRleHQgfSBmcm9tICcuLi8uLi8uLi9sZXhpY2FsL2NvbmZpZy9FZGl0b3JDb25maWdQcm92aWRlcidcbmltcG9ydCB7IEJsb2NrQ29udGVudCB9IGZyb20gJy4vQmxvY2tDb250ZW50J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBmaWVsZHM6IEJsb2NrRmllbGRzXG4gIGZvcm1hdD86IEVsZW1lbnRGb3JtYXRUeXBlXG4gIG5vZGVLZXk/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJsb2NrQ29tcG9uZW50OiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBmaWVsZHMsIGZvcm1hdCwgbm9kZUtleSB9ID0gcHJvcHNcbiAgY29uc3QgcGF5bG9hZENvbmZpZyA9IHVzZUNvbmZpZygpXG5cbiAgY29uc3QgeyBlZGl0b3JDb25maWcsIGZpZWxkIH0gPSB1c2VFZGl0b3JDb25maWdDb250ZXh0KClcblxuICBjb25zdCBibG9jayA9IChcbiAgICBlZGl0b3JDb25maWc/LnJlc29sdmVkRmVhdHVyZU1hcD8uZ2V0KCdibG9ja3MnKT8ucHJvcHMgYXMgQmxvY2tzRmVhdHVyZVByb3BzXG4gICk/LmJsb2Nrcz8uZmluZCgoYmxvY2spID0+IGJsb2NrLnNsdWcgPT09IGZpZWxkcz8uZGF0YT8uYmxvY2tUeXBlKVxuXG4gIC8vIFNhbml0aXplIGJsb2NrJ3MgZmllbGRzIGhlcmUuIFRoaXMgaXMgZG9uZSBoZXJlIGFuZCBub3QgaW4gdGhlIGZlYXR1cmUsIGJlY2F1c2UgdGhlIHBheWxvYWQgY29uZmlnIGlzIGF2YWlsYWJsZSBoZXJlXG4gIGNvbnN0IHZhbGlkUmVsYXRpb25zaGlwcyA9IHBheWxvYWRDb25maWcuY29sbGVjdGlvbnMubWFwKChjKSA9PiBjLnNsdWcpIHx8IFtdXG4gIGJsb2NrLmZpZWxkcyA9IHNhbml0aXplRmllbGRzKHtcbiAgICBjb25maWc6IHBheWxvYWRDb25maWcsXG4gICAgZmllbGRzOiBibG9jay5maWVsZHMsXG4gICAgdmFsaWRSZWxhdGlvbnNoaXBzLFxuICB9KVxuXG4gIGNvbnN0IGluaXRpYWxEYXRhUmVmID0gUmVhY3QudXNlUmVmPERhdGE+KGJ1aWxkSW5pdGlhbFN0YXRlKGZpZWxkcy5kYXRhIHx8IHt9KSkgLy8gU3RvcmUgaW5pdGlhbCB2YWx1ZSBpbiBhIHJlZiwgc28gaXQgZG9lc24ndCBjaGFuZ2Ugb24gcmUtcmVuZGVyIGFuZCBvbmx5IGdldHMgaW5pdGlhbGl6ZWQgb25jZVxuXG4gIC8vIE1lbW9pemVkIEZvcm0gSlNYXG4gIGNvbnN0IGZvcm1Db250ZW50ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIGJsb2NrICYmIChcbiAgICAgICAgPEZvcm0gaW5pdGlhbFN0YXRlPXtpbml0aWFsRGF0YVJlZj8uY3VycmVudH0+XG4gICAgICAgICAgPEJsb2NrQ29udGVudFxuICAgICAgICAgICAgYmFzZUNsYXNzPXtiYXNlQ2xhc3N9XG4gICAgICAgICAgICBibG9jaz17YmxvY2t9XG4gICAgICAgICAgICBmaWVsZD17ZmllbGR9XG4gICAgICAgICAgICBmaWVsZHM9e2ZpZWxkc31cbiAgICAgICAgICAgIG5vZGVLZXk9e25vZGVLZXl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Gb3JtPlxuICAgICAgKVxuICAgIClcbiAgfSwgW2Jsb2NrLCBmaWVsZCwgbm9kZUtleV0pXG5cbiAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9Pntmb3JtQ29udGVudH08L2Rpdj5cbn1cbiJdLCJuYW1lcyI6WyJCbG9ja0NvbXBvbmVudCIsImJhc2VDbGFzcyIsInByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJmaWVsZHMiLCJmb3JtYXQiLCJub2RlS2V5IiwicGF5bG9hZENvbmZpZyIsInVzZUNvbmZpZyIsImVkaXRvckNvbmZpZyIsImZpZWxkIiwidXNlRWRpdG9yQ29uZmlnQ29udGV4dCIsImJsb2NrIiwicmVzb2x2ZWRGZWF0dXJlTWFwIiwiZ2V0IiwiYmxvY2tzIiwiZmluZCIsInNsdWciLCJkYXRhIiwiYmxvY2tUeXBlIiwidmFsaWRSZWxhdGlvbnNoaXBzIiwiY29sbGVjdGlvbnMiLCJtYXAiLCJjIiwic2FuaXRpemVGaWVsZHMiLCJjb25maWciLCJpbml0aWFsRGF0YVJlZiIsIlJlYWN0IiwidXNlUmVmIiwiYnVpbGRJbml0aWFsU3RhdGUiLCJmb3JtQ29udGVudCIsInVzZU1lbW8iLCJGb3JtIiwiaW5pdGlhbFN0YXRlIiwiY3VycmVudCIsIkJsb2NrQ29udGVudCIsImRpdiJdLCJtYXBwaW5ncyI6Ijs7OzsrQkEwQmFBOzs7ZUFBQUE7Ozt1QkF6QjJCOytEQUNUOzJCQU9MO3dCQUNLO3NDQUlROzhCQUNWO1FBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBWFAsTUFBTUMsWUFBWTtBQXFCWCxNQUFNRCxpQkFBa0MsQ0FBQ0U7SUFDOUMsTUFBTSxFQUFFQyxRQUFRLEVBQUVDLFNBQVMsRUFBRUMsTUFBTSxFQUFFQyxNQUFNLEVBQUVDLE9BQU8sRUFBRSxHQUFHTDtJQUN6RCxNQUFNTSxnQkFBZ0JDLElBQUFBLG9CQUFTO0lBRS9CLE1BQU0sRUFBRUMsWUFBWSxFQUFFQyxLQUFLLEVBQUUsR0FBR0MsSUFBQUEsNENBQXNCO0lBRXRELE1BQU1DLFFBQVEsQ0FDWkgsY0FBY0ksb0JBQW9CQyxJQUFJLFdBQVdiLEtBQ25ELEdBQUdjLFFBQVFDLEtBQUssQ0FBQ0osUUFBVUEsTUFBTUssSUFBSSxLQUFLYixRQUFRYyxNQUFNQztJQUV4RCx1SEFBdUg7SUFDdkgsTUFBTUMscUJBQXFCYixjQUFjYyxXQUFXLENBQUNDLEdBQUcsQ0FBQyxDQUFDQyxJQUFNQSxFQUFFTixJQUFJLEtBQUssRUFBRTtJQUM3RUwsTUFBTVIsTUFBTSxHQUFHb0IsSUFBQUEsc0JBQWMsRUFBQztRQUM1QkMsUUFBUWxCO1FBQ1JILFFBQVFRLE1BQU1SLE1BQU07UUFDcEJnQjtJQUNGO0lBRUEsTUFBTU0saUJBQWlCQyxjQUFLLENBQUNDLE1BQU0sQ0FBT0MsSUFBQUEsd0JBQWlCLEVBQUN6QixPQUFPYyxJQUFJLElBQUksQ0FBQyxJQUFJLGlHQUFpRzs7SUFFakwsb0JBQW9CO0lBQ3BCLE1BQU1ZLGNBQWNDLElBQUFBLGNBQU8sRUFBQztRQUMxQixPQUNFbkIsdUJBQ0UsNkJBQUNvQixXQUFJO1lBQUNDLGNBQWNQLGdCQUFnQlE7eUJBQ2xDLDZCQUFDQywwQkFBWTtZQUNYbkMsV0FBV0E7WUFDWFksT0FBT0E7WUFDUEYsT0FBT0E7WUFDUE4sUUFBUUE7WUFDUkUsU0FBU0E7O0lBS25CLEdBQUc7UUFBQ007UUFBT0Y7UUFBT0o7S0FBUTtJQUUxQixxQkFBTyw2QkFBQzhCO1FBQUlqQyxXQUFXSDtPQUFZOEI7QUFDckMifQ==

package/dist/field/features/Blocks/component/index.scss

@@ -0,0 +1,148 @@
+@import 'payload/scss';
+
+.lexical-block {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--base) / 2);
+  font-family: var(
+    --font-body
+  ); // Reset font to non-serif, body font, as the lexical editor parent uses a serif font.
+
+  margin: 0 0 1.5em;
+
+  &__header {
+    h3 {
+      margin: 0;
+    }
+  }
+
+  &__header-wrap {
+    display: flex;
+    align-items: flex-end;
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  &__heading-with-error {
+    display: flex;
+    align-items: center;
+    gap: base(0.5);
+  }
+
+  &--has-no-error {
+    > .array-field__header .array-field__heading-with-error {
+      color: var(--theme-text);
+    }
+  }
+
+  &--has-error {
+    > .array-field__header {
+      color: var(--theme-error-500);
+    }
+  }
+
+  &__error-pill {
+    align-self: center;
+  }
+
+  &__header-actions {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+  &__header-action {
+    @extend %btn-reset;
+    cursor: pointer;
+    margin-left: base(0.5);
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+  }
+
+  .collapsible {
+    &__header-wrap {
+      //  Make more space for the block header (default right: is base(3)) so that the remove button aligns nicely to the right
+      right: base(1.5);
+    }
+  }
+
+  &__removeButton {
+    margin: 0;
+  }
+
+  &__block-header {
+    pointer-events: none;
+  }
+
+  &__block-header * {
+    pointer-events: all;
+  }
+
+  &__block-header,
+  &__block-header div {
+    display: flex;
+    max-width: 100%;
+    overflow: hidden;
+    gap: base(0.375);
+    justify-content: space-between;
+  }
+
+  &__block-number {
+    flex-shrink: 0;
+  }
+
+  &__block-pill {
+    flex-shrink: 0;
+    display: block;
+    line-height: unset;
+  }
+
+  &__error-wrap {
+    position: relative;
+  }
+
+  &__rows {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
+  }
+
+  &__drawer-toggler {
+    background-color: transparent;
+    margin: 0;
+    padding: 0;
+    border: none;
+    align-self: flex-start;
+
+    .btn {
+      color: var(--theme-elevation-400);
+      margin: 0;
+
+      &:hover {
+        color: var(--theme-elevation-800);
+      }
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .blocks-field--has-error {
+    .section-title__input,
+    .blocks-field__heading-with-error {
+      color: var(--theme-error-750);
+    }
+  }
+}
+
+html[data-theme='dark'] {
+  .blocks-field--has-error {
+    .section-title__input,
+    .blocks-field__heading-with-error {
+      color: var(--theme-error-500);
+    }
+  }
+}

package/dist/field/features/Blocks/drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/Blocks/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAQ/D,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,gCAAgC,EAAE,cAAc,CAAC;IAC5D,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;CACrC,CAAqD,CAAA;AAmCtD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAwDzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/Blocks/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAQ/D,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,gCAAgC,EAAE,cAAc,CAAC;IAC5D,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;CACrC,CAAqD,CAAA;AAqCtD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAwDzC,CAAA"}