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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/blocks/component/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAatD,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,qBAAqB,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,QAAQ,EAAE,WAAW,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,mBAAmB,EAAE,WAAW,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuH1C,CAAA"}

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

@@ -0,0 +1,172 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BlockComponent", {
+    enumerable: true,
+    get: function() {
+        return BlockComponent;
+    }
+});
+const _ui = require("@payloadcms/ui");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _uuid = require("uuid");
+const _EditorConfigProvider = require("../../../lexical/config/client/EditorConfigProvider");
+const _BlockContent = require("./BlockContent");
+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-block';
+const BlockComponent = (props)=>{
+    const { blockFieldWrapperName, formData, nodeKey } = props;
+    const config = (0, _ui.useConfig)();
+    const submitted = (0, _ui.useFormSubmitted)();
+    const { id } = (0, _ui.useDocumentInfo)();
+    const { schemaPath } = (0, _ui.useFieldPath)();
+    const { editorConfig, field: parentLexicalRichTextField } = (0, _EditorConfigProvider.useEditorConfigContext)();
+    const [initialState, setInitialState] = (0, _react.useState)(false);
+    const { field: { richTextComponentMap } } = (0, _EditorConfigProvider.useEditorConfigContext)();
+    const componentMapRenderedFieldsPath = `feature.blocks.fields.${formData?.blockType}`;
+    const schemaFieldsPath = `${schemaPath}.feature.blocks.${formData?.blockType}`;
+    const reducedBlock = editorConfig?.resolvedFeatureMap?.get('blocks')?.clientFeatureProps?.reducedBlocks?.find((block)=>block.slug === formData?.blockType);
+    const fieldMap = richTextComponentMap.get(componentMapRenderedFieldsPath);
+    // Field Schema
+    (0, _react.useEffect)(()=>{
+        const awaitInitialState = async ()=>{
+            const state = await (0, _ui.getFormState)({
+                apiRoute: config.routes.api,
+                body: {
+                    id,
+                    data: JSON.parse(JSON.stringify(formData)),
+                    operation: 'update',
+                    schemaPath: schemaFieldsPath
+                },
+                serverURL: config.serverURL
+            }) // Form State
+            ;
+            if (state) {
+                setInitialState({
+                    ...state,
+                    blockName2: {
+                        initialValue: '',
+                        passesCondition: true,
+                        valid: true,
+                        value: formData.blockName
+                    }
+                });
+            }
+        };
+        if (formData) {
+            void awaitInitialState();
+        }
+    }, [
+        config.routes.api,
+        config.serverURL,
+        schemaFieldsPath,
+        id
+    ]);
+    const onChange = (0, _react.useCallback)(async ({ formState: prevFormState })=>{
+        const formState = await (0, _ui.getFormState)({
+            apiRoute: config.routes.api,
+            body: {
+                id,
+                formState: prevFormState,
+                operation: 'update',
+                schemaPath: schemaFieldsPath
+            },
+            serverURL: config.serverURL
+        });
+        return {
+            ...formState,
+            blockName2: {
+                initialValue: '',
+                passesCondition: true,
+                valid: true,
+                value: formData.blockName
+            }
+        };
+    }, [
+        config.routes.api,
+        config.serverURL,
+        schemaFieldsPath,
+        id,
+        formData.blockName
+    ]);
+    // Memoized Form JSX
+    const formContent = (0, _react.useMemo)(()=>{
+        return reducedBlock && initialState !== false && /*#__PURE__*/ _react.default.createElement(_ui.FieldPathProvider, {
+            path: "",
+            schemaPath: ""
+        }, /*#__PURE__*/ _react.default.createElement(_ui.Form, {
+            // @ts-expect-error // TODO: Fix this type. Is this correct?
+            fields: fieldMap,
+            initialState: initialState,
+            onChange: [
+                onChange
+            ],
+            submitted: submitted,
+            uuid: (0, _uuid.v4)()
+        }, /*#__PURE__*/ _react.default.createElement(_BlockContent.BlockContent, {
+            baseClass: baseClass,
+            field: parentLexicalRichTextField,
+            formData: formData,
+            formSchema: Array.isArray(fieldMap) ? fieldMap : [],
+            nodeKey: nodeKey,
+            reducedBlock: reducedBlock
+        })));
+    }, [
+        fieldMap,
+        parentLexicalRichTextField,
+        nodeKey,
+        submitted,
+        initialState,
+        reducedBlock,
+        blockFieldWrapperName,
+        onChange
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: baseClass
+    }, formContent);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9ibG9ja3MvY29tcG9uZW50L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7XG4gIEZpZWxkUGF0aFByb3ZpZGVyLFxuICBGb3JtLFxuICB0eXBlIEZvcm1Qcm9wcyxcbiAgZ2V0Rm9ybVN0YXRlLFxuICB1c2VDb25maWcsXG4gIHVzZURvY3VtZW50SW5mbyxcbiAgdXNlRmllbGRQYXRoLFxuICB1c2VGb3JtU3VibWl0dGVkLFxufSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyB0eXBlIEJsb2NrRmllbGRzIH0gZnJvbSAnLi4vbm9kZXMvQmxvY2tzTm9kZSdcbmNvbnN0IGJhc2VDbGFzcyA9ICdsZXhpY2FsLWJsb2NrJ1xuXG5pbXBvcnQgdHlwZSB7IFJlZHVjZWRCbG9jayB9IGZyb20gJ0BwYXlsb2FkY21zL3VpL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBGb3JtU3RhdGUgfSBmcm9tICdwYXlsb2FkL3R5cGVzJ1xuXG5pbXBvcnQgeyB2NCBhcyB1dWlkIH0gZnJvbSAndXVpZCdcblxuaW1wb3J0IHR5cGUgeyBDbGllbnRDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBCbG9ja3NGZWF0dXJlQ2xpZW50UHJvcHMgfSBmcm9tICcuLi9mZWF0dXJlLmNsaWVudCdcblxuaW1wb3J0IHsgdXNlRWRpdG9yQ29uZmlnQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uL2xleGljYWwvY29uZmlnL2NsaWVudC9FZGl0b3JDb25maWdQcm92aWRlcidcbmltcG9ydCB7IEJsb2NrQ29udGVudCB9IGZyb20gJy4vQmxvY2tDb250ZW50J1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIGJsb2NrRmllbGRXcmFwcGVyTmFtZTogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG5cbiAgZm9ybURhdGE6IEJsb2NrRmllbGRzXG4gIG5vZGVLZXk/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgdHJhbnNmb3JtZWRGb3JtRGF0YSBhbHJlYWR5IGNvbWVzIHdyYXBwZWQgaW4gYmxvY2tGaWVsZFdyYXBwZXJOYW1lXG4gICAqL1xuICB0cmFuc2Zvcm1lZEZvcm1EYXRhOiBCbG9ja0ZpZWxkc1xufVxuXG5leHBvcnQgY29uc3QgQmxvY2tDb21wb25lbnQ6IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCB7IGJsb2NrRmllbGRXcmFwcGVyTmFtZSwgZm9ybURhdGEsIG5vZGVLZXkgfSA9IHByb3BzXG4gIGNvbnN0IGNvbmZpZyA9IHVzZUNvbmZpZygpXG4gIGNvbnN0IHN1Ym1pdHRlZCA9IHVzZUZvcm1TdWJtaXR0ZWQoKVxuICBjb25zdCB7IGlkIH0gPSB1c2VEb2N1bWVudEluZm8oKVxuICBjb25zdCB7IHNjaGVtYVBhdGggfSA9IHVzZUZpZWxkUGF0aCgpXG4gIGNvbnN0IHsgZWRpdG9yQ29uZmlnLCBmaWVsZDogcGFyZW50TGV4aWNhbFJpY2hUZXh0RmllbGQgfSA9IHVzZUVkaXRvckNvbmZpZ0NvbnRleHQoKVxuXG4gIGNvbnN0IFtpbml0aWFsU3RhdGUsIHNldEluaXRpYWxTdGF0ZV0gPSB1c2VTdGF0ZTxGb3JtU3RhdGUgfCBmYWxzZT4oZmFsc2UpXG4gIGNvbnN0IHtcbiAgICBmaWVsZDogeyByaWNoVGV4dENvbXBvbmVudE1hcCB9LFxuICB9ID0gdXNlRWRpdG9yQ29uZmlnQ29udGV4dCgpXG5cbiAgY29uc3QgY29tcG9uZW50TWFwUmVuZGVyZWRGaWVsZHNQYXRoID0gYGZlYXR1cmUuYmxvY2tzLmZpZWxkcy4ke2Zvcm1EYXRhPy5ibG9ja1R5cGV9YFxuICBjb25zdCBzY2hlbWFGaWVsZHNQYXRoID0gYCR7c2NoZW1hUGF0aH0uZmVhdHVyZS5ibG9ja3MuJHtmb3JtRGF0YT8uYmxvY2tUeXBlfWBcblxuICBjb25zdCByZWR1Y2VkQmxvY2s6IFJlZHVjZWRCbG9jayA9IChcbiAgICBlZGl0b3JDb25maWc/LnJlc29sdmVkRmVhdHVyZU1hcD8uZ2V0KCdibG9ja3MnKVxuICAgICAgPy5jbGllbnRGZWF0dXJlUHJvcHMgYXMgQ2xpZW50Q29tcG9uZW50UHJvcHM8QmxvY2tzRmVhdHVyZUNsaWVudFByb3BzPlxuICApPy5yZWR1Y2VkQmxvY2tzPy5maW5kKChibG9jaykgPT4gYmxvY2suc2x1ZyA9PT0gZm9ybURhdGE/LmJsb2NrVHlwZSlcblxuICBjb25zdCBmaWVsZE1hcCA9IHJpY2hUZXh0Q29tcG9uZW50TWFwLmdldChjb21wb25lbnRNYXBSZW5kZXJlZEZpZWxkc1BhdGgpXG4gIC8vIEZpZWxkIFNjaGVtYVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGF3YWl0SW5pdGlhbFN0YXRlID0gYXN5bmMgKCkgPT4ge1xuICAgICAgY29uc3Qgc3RhdGUgPSBhd2FpdCBnZXRGb3JtU3RhdGUoe1xuICAgICAgICBhcGlSb3V0ZTogY29uZmlnLnJvdXRlcy5hcGksXG4gICAgICAgIGJvZHk6IHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBkYXRhOiBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KGZvcm1EYXRhKSksXG4gICAgICAgICAgb3BlcmF0aW9uOiAndXBkYXRlJyxcbiAgICAgICAgICBzY2hlbWFQYXRoOiBzY2hlbWFGaWVsZHNQYXRoLFxuICAgICAgICB9LFxuICAgICAgICBzZXJ2ZXJVUkw6IGNvbmZpZy5zZXJ2ZXJVUkwsXG4gICAgICB9KSAvLyBGb3JtIFN0YXRlXG5cbiAgICAgIGlmIChzdGF0ZSkge1xuICAgICAgICBzZXRJbml0aWFsU3RhdGUoe1xuICAgICAgICAgIC4uLnN0YXRlLFxuICAgICAgICAgIGJsb2NrTmFtZTI6IHtcbiAgICAgICAgICAgIGluaXRpYWxWYWx1ZTogJycsXG4gICAgICAgICAgICBwYXNzZXNDb25kaXRpb246IHRydWUsXG4gICAgICAgICAgICB2YWxpZDogdHJ1ZSxcbiAgICAgICAgICAgIHZhbHVlOiBmb3JtRGF0YS5ibG9ja05hbWUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9XG5cbiAgICBpZiAoZm9ybURhdGEpIHtcbiAgICAgIHZvaWQgYXdhaXRJbml0aWFsU3RhdGUoKVxuICAgIH1cbiAgfSwgW2NvbmZpZy5yb3V0ZXMuYXBpLCBjb25maWcuc2VydmVyVVJMLCBzY2hlbWFGaWVsZHNQYXRoLCBpZF0pXG5cbiAgY29uc3Qgb25DaGFuZ2U6IEZvcm1Qcm9wc1snb25DaGFuZ2UnXVswXSA9IHVzZUNhbGxiYWNrKFxuICAgIGFzeW5jICh7IGZvcm1TdGF0ZTogcHJldkZvcm1TdGF0ZSB9KSA9PiB7XG4gICAgICBjb25zdCBmb3JtU3RhdGUgPSBhd2FpdCBnZXRGb3JtU3RhdGUoe1xuICAgICAgICBhcGlSb3V0ZTogY29uZmlnLnJvdXRlcy5hcGksXG4gICAgICAgIGJvZHk6IHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBmb3JtU3RhdGU6IHByZXZGb3JtU3RhdGUsXG4gICAgICAgICAgb3BlcmF0aW9uOiAndXBkYXRlJyxcbiAgICAgICAgICBzY2hlbWFQYXRoOiBzY2hlbWFGaWVsZHNQYXRoLFxuICAgICAgICB9LFxuICAgICAgICBzZXJ2ZXJVUkw6IGNvbmZpZy5zZXJ2ZXJVUkwsXG4gICAgICB9KVxuXG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5mb3JtU3RhdGUsXG4gICAgICAgIGJsb2NrTmFtZTI6IHtcbiAgICAgICAgICBpbml0aWFsVmFsdWU6ICcnLFxuICAgICAgICAgIHBhc3Nlc0NvbmRpdGlvbjogdHJ1ZSxcbiAgICAgICAgICB2YWxpZDogdHJ1ZSxcbiAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuYmxvY2tOYW1lLFxuICAgICAgICB9LFxuICAgICAgfVxuICAgIH0sXG5cbiAgICBbY29uZmlnLnJvdXRlcy5hcGksIGNvbmZpZy5zZXJ2ZXJVUkwsIHNjaGVtYUZpZWxkc1BhdGgsIGlkLCBmb3JtRGF0YS5ibG9ja05hbWVdLFxuICApXG5cbiAgLy8gTWVtb2l6ZWQgRm9ybSBKU1hcbiAgY29uc3QgZm9ybUNvbnRlbnQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgcmVkdWNlZEJsb2NrICYmXG4gICAgICBpbml0aWFsU3RhdGUgIT09IGZhbHNlICYmIChcbiAgICAgICAgPEZpZWxkUGF0aFByb3ZpZGVyIHBhdGg9XCJcIiBzY2hlbWFQYXRoPVwiXCI+XG4gICAgICAgICAgPEZvcm1cbiAgICAgICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3IgLy8gVE9ETzogRml4IHRoaXMgdHlwZS4gSXMgdGhpcyBjb3JyZWN0P1xuICAgICAgICAgICAgZmllbGRzPXtmaWVsZE1hcH1cbiAgICAgICAgICAgIGluaXRpYWxTdGF0ZT17aW5pdGlhbFN0YXRlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e1tvbkNoYW5nZV19XG4gICAgICAgICAgICBzdWJtaXR0ZWQ9e3N1Ym1pdHRlZH1cbiAgICAgICAgICAgIHV1aWQ9e3V1aWQoKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8QmxvY2tDb250ZW50XG4gICAgICAgICAgICAgIGJhc2VDbGFzcz17YmFzZUNsYXNzfVxuICAgICAgICAgICAgICBmaWVsZD17cGFyZW50TGV4aWNhbFJpY2hUZXh0RmllbGR9XG4gICAgICAgICAgICAgIGZvcm1EYXRhPXtmb3JtRGF0YX1cbiAgICAgICAgICAgICAgZm9ybVNjaGVtYT17QXJyYXkuaXNBcnJheShmaWVsZE1hcCkgPyBmaWVsZE1hcCA6IFtdfVxuICAgICAgICAgICAgICBub2RlS2V5PXtub2RlS2V5fVxuICAgICAgICAgICAgICByZWR1Y2VkQmxvY2s9e3JlZHVjZWRCbG9ja31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Gb3JtPlxuICAgICAgICA8L0ZpZWxkUGF0aFByb3ZpZGVyPlxuICAgICAgKVxuICAgIClcbiAgfSwgW1xuICAgIGZpZWxkTWFwLFxuICAgIHBhcmVudExleGljYWxSaWNoVGV4dEZpZWxkLFxuICAgIG5vZGVLZXksXG4gICAgc3VibWl0dGVkLFxuICAgIGluaXRpYWxTdGF0ZSxcbiAgICByZWR1Y2VkQmxvY2ssXG4gICAgYmxvY2tGaWVsZFdyYXBwZXJOYW1lLFxuICAgIG9uQ2hhbmdlLFxuICBdKVxuXG4gIHJldHVybiA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT57Zm9ybUNvbnRlbnR9PC9kaXY+XG59XG4iXSwibmFtZXMiOlsiQmxvY2tDb21wb25lbnQiLCJiYXNlQ2xhc3MiLCJwcm9wcyIsImJsb2NrRmllbGRXcmFwcGVyTmFtZSIsImZvcm1EYXRhIiwibm9kZUtleSIsImNvbmZpZyIsInVzZUNvbmZpZyIsInN1Ym1pdHRlZCIsInVzZUZvcm1TdWJtaXR0ZWQiLCJpZCIsInVzZURvY3VtZW50SW5mbyIsInNjaGVtYVBhdGgiLCJ1c2VGaWVsZFBhdGgiLCJlZGl0b3JDb25maWciLCJmaWVsZCIsInBhcmVudExleGljYWxSaWNoVGV4dEZpZWxkIiwidXNlRWRpdG9yQ29uZmlnQ29udGV4dCIsImluaXRpYWxTdGF0ZSIsInNldEluaXRpYWxTdGF0ZSIsInVzZVN0YXRlIiwicmljaFRleHRDb21wb25lbnRNYXAiLCJjb21wb25lbnRNYXBSZW5kZXJlZEZpZWxkc1BhdGgiLCJibG9ja1R5cGUiLCJzY2hlbWFGaWVsZHNQYXRoIiwicmVkdWNlZEJsb2NrIiwicmVzb2x2ZWRGZWF0dXJlTWFwIiwiZ2V0IiwiY2xpZW50RmVhdHVyZVByb3BzIiwicmVkdWNlZEJsb2NrcyIsImZpbmQiLCJibG9jayIsInNsdWciLCJmaWVsZE1hcCIsInVzZUVmZmVjdCIsImF3YWl0SW5pdGlhbFN0YXRlIiwic3RhdGUiLCJnZXRGb3JtU3RhdGUiLCJhcGlSb3V0ZSIsInJvdXRlcyIsImFwaSIsImJvZHkiLCJkYXRhIiwiSlNPTiIsInBhcnNlIiwic3RyaW5naWZ5Iiwib3BlcmF0aW9uIiwic2VydmVyVVJMIiwiYmxvY2tOYW1lMiIsImluaXRpYWxWYWx1ZSIsInBhc3Nlc0NvbmRpdGlvbiIsInZhbGlkIiwidmFsdWUiLCJibG9ja05hbWUiLCJvbkNoYW5nZSIsInVzZUNhbGxiYWNrIiwiZm9ybVN0YXRlIiwicHJldkZvcm1TdGF0ZSIsImZvcm1Db250ZW50IiwidXNlTWVtbyIsIkZpZWxkUGF0aFByb3ZpZGVyIiwicGF0aCIsIkZvcm0iLCJmaWVsZHMiLCJ1dWlkIiwiQmxvY2tDb250ZW50IiwiZm9ybVNjaGVtYSIsIkFycmF5IiwiaXNBcnJheSIsImRpdiIsImNsYXNzTmFtZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQXdDYUE7OztlQUFBQTs7O29CQTlCTjsrREFDMEQ7c0JBUXRDO3NDQUtZOzhCQUNWO1FBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFaUCxNQUFNQyxZQUFZO0FBMEJYLE1BQU1ELGlCQUFrQyxDQUFDRTtJQUM5QyxNQUFNLEVBQUVDLHFCQUFxQixFQUFFQyxRQUFRLEVBQUVDLE9BQU8sRUFBRSxHQUFHSDtJQUNyRCxNQUFNSSxTQUFTQyxJQUFBQSxhQUFTO0lBQ3hCLE1BQU1DLFlBQVlDLElBQUFBLG9CQUFnQjtJQUNsQyxNQUFNLEVBQUVDLEVBQUUsRUFBRSxHQUFHQyxJQUFBQSxtQkFBZTtJQUM5QixNQUFNLEVBQUVDLFVBQVUsRUFBRSxHQUFHQyxJQUFBQSxnQkFBWTtJQUNuQyxNQUFNLEVBQUVDLFlBQVksRUFBRUMsT0FBT0MsMEJBQTBCLEVBQUUsR0FBR0MsSUFBQUEsNENBQXNCO0lBRWxGLE1BQU0sQ0FBQ0MsY0FBY0MsZ0JBQWdCLEdBQUdDLElBQUFBLGVBQVEsRUFBb0I7SUFDcEUsTUFBTSxFQUNKTCxPQUFPLEVBQUVNLG9CQUFvQixFQUFFLEVBQ2hDLEdBQUdKLElBQUFBLDRDQUFzQjtJQUUxQixNQUFNSyxpQ0FBaUMsQ0FBQyxzQkFBc0IsRUFBRWxCLFVBQVVtQixVQUFVLENBQUM7SUFDckYsTUFBTUMs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

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

@@ -0,0 +1,153 @@
+@import '../../../../scss/styles.scss';
+
+.ContentEditable__root > div:has(.lexical-block) {
+  // Fixes a bug where, if the block field has a Select field, the Select field's dropdown menu would be hidden behind the lexical editor.
+  z-index: 1;
+}
+
+.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: calc(var(--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: calc(var(--base) * 0.5);
+
+    &:hover,
+    &:focus-visible {
+      text-decoration: underline;
+    }
+  }
+
+  .collapsible {
+    &__header-wrap {
+      //  Make more space for the block header (default right: is `calc(var(--base) * 3)`) so that the remove button aligns nicely to the right
+      right: calc(var(--base) * 1.5);
+    }
+  }
+
+  &__removeButton.btn {
+    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: calc(var(--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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/features/blocks/drawer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,SAAS,CAAA;AAChB,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,eAAO,MAAM,gCAAgC,EAAE,cAAc,CAAC;IAC5D,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;CACrC,CAAqD,CAAA;AAiCtD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EA0DzC,CAAA"}

package/dist/field/features/blocks/drawer/index.js

@@ -0,0 +1,137 @@
+'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, {
+    BlocksDrawerComponent: function() {
+        return BlocksDrawerComponent;
+    },
+    INSERT_BLOCK_WITH_DRAWER_COMMAND: function() {
+        return INSERT_BLOCK_WITH_DRAWER_COMMAND;
+    }
+});
+const _modal = require("@faceless-ui/modal");
+const _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+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 _BlocksNode = require("../nodes/BlocksNode");
+const _commands = require("../plugin/commands");
+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-blocks-drawer';
+const INSERT_BLOCK_WITH_DRAWER_COMMAND = (0, _lexical.createCommand)('INSERT_BLOCK_WITH_DRAWER_COMMAND');
+const insertBlock = ({ blockType, editor, replaceNodeKey })=>{
+    if (!replaceNodeKey) {
+        editor.dispatchCommand(_commands.INSERT_BLOCK_COMMAND, {
+            id: null,
+            blockName: '',
+            blockType
+        });
+    } else {
+        editor.update(()=>{
+            const node = (0, _lexical.$getNodeByKey)(replaceNodeKey);
+            if (node) {
+                node.replace((0, _BlocksNode.$createBlockNode)({
+                    id: null,
+                    blockName: '',
+                    blockType
+                }));
+            }
+        });
+    }
+};
+const BlocksDrawerComponent = ()=>{
+    const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
+    const { editorConfig, uuid } = (0, _EditorConfigProvider.useEditorConfigContext)();
+    const [replaceNodeKey, setReplaceNodeKey] = (0, _react.useState)(null);
+    const editDepth = (0, _ui.useEditDepth)();
+    const { t } = (0, _ui.useTranslation)();
+    const { openModal } = (0, _modal.useModal)();
+    const labels = {
+        plural: t('fields:blocks') || 'Blocks',
+        singular: t('fields:block') || 'Block'
+    };
+    const addRow = (0, _react.useCallback)((rowIndex, blockType)=>{
+        insertBlock({
+            blockType,
+            editor,
+            replaceNodeKey
+        });
+    }, [
+        editor,
+        replaceNodeKey
+    ]);
+    const drawerSlug = (0, _ui.formatDrawerSlug)({
+        slug: `lexical-rich-text-blocks-` + uuid,
+        depth: editDepth
+    });
+    const reducedBlocks = editorConfig?.resolvedFeatureMap?.get('blocks')?.clientFeatureProps?.reducedBlocks;
+    (0, _react.useEffect)(()=>{
+        return editor.registerCommand(INSERT_BLOCK_WITH_DRAWER_COMMAND, (payload)=>{
+            setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null);
+            openModal(drawerSlug);
+            return true;
+        }, _lexical.COMMAND_PRIORITY_EDITOR);
+    }, [
+        editor,
+        drawerSlug,
+        openModal
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_ui.BlocksDrawer, {
+        addRow: addRow,
+        addRowIndex: 0,
+        blocks: reducedBlocks,
+        drawerSlug: drawerSlug,
+        labels: labels
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9ibG9ja3MvZHJhd2VyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IHVzZU1vZGFsIH0gZnJvbSAnQGZhY2VsZXNzLXVpL21vZGFsJ1xuaW1wb3J0IHsgdXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCB9IGZyb20gJ0BsZXhpY2FsL3JlYWN0L0xleGljYWxDb21wb3NlckNvbnRleHQnXG5pbXBvcnQgeyBCbG9ja3NEcmF3ZXIsIGZvcm1hdERyYXdlclNsdWcsIHVzZUVkaXREZXB0aCwgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy91aSdcbmltcG9ydCB7XG4gICRnZXROb2RlQnlLZXksXG4gIENPTU1BTkRfUFJJT1JJVFlfRURJVE9SLFxuICB0eXBlIExleGljYWxDb21tYW5kLFxuICB0eXBlIExleGljYWxFZGl0b3IsXG4gIGNyZWF0ZUNvbW1hbmQsXG59IGZyb20gJ2xleGljYWwnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBDbGllbnRDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBCbG9ja3NGZWF0dXJlQ2xpZW50UHJvcHMgfSBmcm9tICcuLi9mZWF0dXJlLmNsaWVudCdcblxuaW1wb3J0IHsgdXNlRWRpdG9yQ29uZmlnQ29udGV4dCB9IGZyb20gJy4uLy4uLy4uL2xleGljYWwvY29uZmlnL2NsaWVudC9FZGl0b3JDb25maWdQcm92aWRlcidcbmltcG9ydCB7ICRjcmVhdGVCbG9ja05vZGUgfSBmcm9tICcuLi9ub2Rlcy9CbG9ja3NOb2RlJ1xuaW1wb3J0IHsgSU5TRVJUX0JMT0NLX0NPTU1BTkQgfSBmcm9tICcuLi9wbHVnaW4vY29tbWFuZHMnXG5jb25zdCBiYXNlQ2xhc3MgPSAnbGV4aWNhbC1ibG9ja3MtZHJhd2VyJ1xuXG5leHBvcnQgY29uc3QgSU5TRVJUX0JMT0NLX1dJVEhfRFJBV0VSX0NPTU1BTkQ6IExleGljYWxDb21tYW5kPHtcbiAgcmVwbGFjZTogeyBub2RlS2V5OiBzdHJpbmcgfSB8IGZhbHNlXG59PiA9IGNyZWF0ZUNvbW1hbmQoJ0lOU0VSVF9CTE9DS19XSVRIX0RSQVdFUl9DT01NQU5EJylcblxuY29uc3QgaW5zZXJ0QmxvY2sgPSAoe1xuICBibG9ja1R5cGUsXG4gIGVkaXRvcixcbiAgcmVwbGFjZU5vZGVLZXksXG59OiB7XG4gIGJsb2NrVHlwZTogc3RyaW5nXG4gIGVkaXRvcjogTGV4aWNhbEVkaXRvclxuICByZXBsYWNlTm9kZUtleTogbnVsbCB8IHN0cmluZ1xufSkgPT4ge1xuICBpZiAoIXJlcGxhY2VOb2RlS2V5KSB7XG4gICAgZWRpdG9yLmRpc3BhdGNoQ29tbWFuZChJTlNFUlRfQkxPQ0tfQ09NTUFORCwge1xuICAgICAgaWQ6IG51bGwsXG4gICAgICBibG9ja05hbWU6ICcnLFxuICAgICAgYmxvY2tUeXBlLFxuICAgIH0pXG4gIH0gZWxzZSB7XG4gICAgZWRpdG9yLnVwZGF0ZSgoKSA9PiB7XG4gICAgICBjb25zdCBub2RlID0gJGdldE5vZGVCeUtleShyZXBsYWNlTm9kZUtleSlcbiAgICAgIGlmIChub2RlKSB7XG4gICAgICAgIG5vZGUucmVwbGFjZShcbiAgICAgICAgICAkY3JlYXRlQmxvY2tOb2RlKHtcbiAgICAgICAgICAgIGlkOiBudWxsLFxuICAgICAgICAgICAgYmxvY2tOYW1lOiAnJyxcbiAgICAgICAgICAgIGJsb2NrVHlwZSxcbiAgICAgICAgICB9KSxcbiAgICAgICAgKVxuICAgICAgfVxuICAgIH0pXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IEJsb2Nrc0RyYXdlckNvbXBvbmVudDogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIGNvbnN0IFtlZGl0b3JdID0gdXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCgpXG4gIGNvbnN0IHsgZWRpdG9yQ29uZmlnLCB1dWlkIH0gPSB1c2VFZGl0b3JDb25maWdDb250ZXh0KClcblxuICBjb25zdCBbcmVwbGFjZU5vZGVLZXksIHNldFJlcGxhY2VOb2RlS2V5XSA9IHVzZVN0YXRlPG51bGwgfCBzdHJpbmc+KG51bGwpXG4gIGNvbnN0IGVkaXREZXB0aCA9IHVzZUVkaXREZXB0aCgpXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCB7IG9wZW5Nb2RhbCB9ID0gdXNlTW9kYWwoKVxuXG4gIGNvbnN0IGxhYmVscyA9IHtcbiAgICBwbHVyYWw6IHQoJ2ZpZWxkczpibG9ja3MnKSB8fCAnQmxvY2tzJyxcbiAgICBzaW5ndWxhcjogdCgnZmllbGRzOmJsb2NrJykgfHwgJ0Jsb2NrJyxcbiAgfVxuXG4gIGNvbnN0IGFkZFJvdyA9IHVzZUNhbGxiYWNrKFxuICAgIChyb3dJbmRleDogbnVtYmVyLCBibG9ja1R5cGU6IHN0cmluZykgPT4ge1xuICAgICAgaW5zZXJ0QmxvY2soe1xuICAgICAgICBibG9ja1R5cGUsXG4gICAgICAgIGVkaXRvcixcbiAgICAgICAgcmVwbGFjZU5vZGVLZXksXG4gICAgICB9KVxuICAgIH0sXG4gICAgW2VkaXRvciwgcmVwbGFjZU5vZGVLZXldLFxuICApXG5cbiAgY29uc3QgZHJhd2VyU2x1ZyA9IGZvcm1hdERyYXdlclNsdWcoe1xuICAgIHNsdWc6IGBsZXhpY2FsLXJpY2gtdGV4dC1ibG9ja3MtYCArIHV1aWQsXG4gICAgZGVwdGg6IGVkaXREZXB0aCxcbiAgfSlcblxuICBjb25zdCByZWR1Y2VkQmxvY2tzID0gKFxuICAgIGVkaXRvckNvbmZpZz8ucmVzb2x2ZWRGZWF0dXJlTWFwPy5nZXQoJ2Jsb2NrcycpXG4gICAgICA/LmNsaWVudEZlYXR1cmVQcm9wcyBhcyBDbGllbnRDb21wb25lbnRQcm9wczxCbG9ja3NGZWF0dXJlQ2xpZW50UHJvcHM+XG4gICk/LnJlZHVjZWRCbG9ja3NcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiBlZGl0b3IucmVnaXN0ZXJDb21tYW5kPHtcbiAgICAgIHJlcGxhY2U6IHsgbm9kZUtleTogc3RyaW5nIH0gfCBmYWxzZVxuICAgIH0+KFxuICAgICAgSU5TRVJUX0JMT0NLX1dJVEhfRFJBV0VSX0NPTU1BTkQsXG4gICAgICAocGF5bG9hZCkgPT4ge1xuICAgICAgICBzZXRSZXBsYWNlTm9kZUtleShwYXlsb2FkPy5yZXBsYWNlID8gcGF5bG9hZD8ucmVwbGFjZS5ub2RlS2V5IDogbnVsbClcbiAgICAgICAgb3Blbk1vZGFsKGRyYXdlclNsdWcpXG4gICAgICAgIHJldHVybiB0cnVlXG4gICAgICB9LFxuICAgICAgQ09NTUFORF9QUklPUklUWV9FRElUT1IsXG4gICAgKVxuICB9LCBbZWRpdG9yLCBkcmF3ZXJTbHVnLCBvcGVuTW9kYWxdKVxuXG4gIHJldHVybiAoXG4gICAgPEJsb2Nrc0RyYXdlclxuICAgICAgYWRkUm93PXthZGRSb3d9XG4gICAgICBhZGRSb3dJbmRleD17MH1cbiAgICAgIGJsb2Nrcz17cmVkdWNlZEJsb2Nrc31cbiAgICAgIGRyYXdlclNsdWc9e2RyYXdlclNsdWd9XG4gICAgICBsYWJlbHM9e2xhYmVsc31cbiAgICAvPlxuICApXG59XG4iXSwibmFtZXMiOlsiQmxvY2tzRHJhd2VyQ29tcG9uZW50IiwiSU5TRVJUX0JMT0NLX1dJVEhfRFJBV0VSX0NPTU1BTkQiLCJiYXNlQ2xhc3MiLCJjcmVhdGVDb21tYW5kIiwiaW5zZXJ0QmxvY2siLCJibG9ja1R5cGUiLCJlZGl0b3IiLCJyZXBsYWNlTm9kZUtleSIsImRpc3BhdGNoQ29tbWFuZCIsIklOU0VSVF9CTE9DS19DT01NQU5EIiwiaWQiLCJibG9ja05hbWUiLCJ1cGRhdGUiLCJub2RlIiwiJGdldE5vZGVCeUtleSIsInJlcGxhY2UiLCIkY3JlYXRlQmxvY2tOb2RlIiwidXNlTGV4aWNhbENvbXBvc2VyQ29udGV4dCIsImVkaXRvckNvbmZpZyIsInV1aWQiLCJ1c2VFZGl0b3JDb25maWdDb250ZXh0Iiwic2V0UmVwbGFjZU5vZGVLZXkiLCJ1c2VTdGF0ZSIsImVkaXREZXB0aCIsInVzZUVkaXREZXB0aCIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsIm9wZW5Nb2RhbCIsInVzZU1vZGFsIiwibGFiZWxzIiwicGx1cmFsIiwic2luZ3VsYXIiLCJhZGRSb3ciLCJ1c2VDYWxsYmFjayIsInJvd0luZGV4IiwiZHJhd2VyU2x1ZyIsImZvcm1hdERyYXdlclNsdWciLCJzbHVnIiwiZGVwdGgiLCJyZWR1Y2VkQmxvY2tzIiwicmVzb2x2ZWRGZWF0dXJlTWFwIiwiZ2V0IiwiY2xpZW50RmVhdHVyZVByb3BzIiwidXNlRWZmZWN0IiwicmVnaXN0ZXJDb21tYW5kIiwicGF5bG9hZCIsIm5vZGVLZXkiLCJDT01NQU5EX1BSSU9SSVRZX0VESVRPUiIsIkJsb2Nrc0RyYXdlciIsImFkZFJvd0luZGV4IiwiYmxvY2tzIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7O0lBd0RhQSxxQkFBcUI7ZUFBckJBOztJQW5DQUMsZ0NBQWdDO2VBQWhDQTs7O3VCQXBCWTt3Q0FDaUI7b0JBQ21DO3lCQU90RTsrREFDaUQ7c0NBS2pCOzRCQUNOOzBCQUNJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDckMsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELG1DQUVSRSxJQUFBQSxzQkFBYSxFQUFDO0FBRW5CLE1BQU1DLGNBQWMsQ0FBQyxFQUNuQkMsU0FBUyxFQUNUQyxNQUFNLEVBQ05DLGNBQWMsRUFLZjtJQUNDLElBQUksQ0FBQ0EsZ0JBQWdCO1FBQ25CRCxPQUFPRSxlQUFlLENBQUNDLDhCQUFvQixFQUFFO1lBQzNDQyxJQUFJO1lBQ0pDLFdBQVc7WUFDWE47UUFDRjtJQUNGLE9BQU87UUFDTEMsT0FBT00sTUFBTSxDQUFDO1lBQ1osTUFBTUMsT0FBT0MsSUFBQUEsc0JBQWEsRUFBQ1A7WUFDM0IsSUFBSU0sTUFBTTtnQkFDUkEsS0FBS0UsT0FBTyxDQUNWQyxJQUFBQSw0QkFBZ0IsRUFBQztvQkFDZk4sSUFBSTtvQkFDSkMsV0FBVztvQkFDWE47Z0JBQ0Y7WUFFSjtRQUNGO0lBQ0Y7QUFDRjtBQUVPLE1BQU1MLHdCQUFrQztJQUM3QyxNQUFNLENBQUNNLE9BQU8sR0FBR1csSUFBQUEsaURBQXlCO0lBQzFDLE1BQU0sRUFBRUMsWUFBWSxFQUFFQyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsNENBQXNCO0lBRXJELE1BQU0sQ0FBQ2IsZ0JBQWdCYyxrQkFBa0IsR0FBR0MsSUFBQUEsZUFBUSxFQUFnQjtJQUNwRSxNQUFNQyxZQUFZQyxJQUFBQSxnQkFBWTtJQUM5QixNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSxrQkFBYztJQUM1QixNQUFNLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxJQUFBQSxlQUFRO0lBRTlCLE1BQU1DLFNBQVM7UUFDYkMsUUFBUUwsRUFBRSxvQkFBb0I7UUFDOUJNLFVBQVVOLEVBQUUsbUJBQW1CO0lBQ2pDO0lBRUEsTUFBTU8sU0FBU0MsSUFBQUEsa0JBQVcsRUFDeEIsQ0FBQ0MsVUFBa0I3QjtRQUNqQkQsWUFBWTtZQUNWQztZQUNBQztZQUNBQztRQUNGO0lBQ0YsR0FDQTtRQUFDRDtRQUFRQztLQUFlO0lBRzFCLE1BQU00QixhQUFhQyxJQUFBQSxvQkFBZ0IsRUFBQztRQUNsQ0MsTUFBTSxDQUFDLHlCQUF5QixDQUFDLEdBQUdsQjtRQUNwQ21CLE9BQU9mO0lBQ1Q7SUFFQSxNQUFNZ0IsZ0JBQ0pyQixjQUFjc0Isb0JBQW9CQyxJQUFJLFdBQ2xDQyxvQkFDSEg7SUFFSEksSUFBQUEsZ0JBQVMsRUFBQztRQUNSLE9BQU9yQyxPQUFPc0MsZUFBZSxDQUczQjNDLGtDQUNBLENBQUM0QztZQUNDeEIsa0JBQWtCd0IsU0FBUzlCLFVBQVU4QixTQUFTOUIsUUFBUStCLFVBQVU7WUFDaEVuQixVQUFVUTtZQUNWLE9BQU87UUFDVCxHQUNBWSxnQ0FBdUI7SUFFM0IsR0FBRztRQUFDekM7UUFBUTZCO1FBQVlSO0tBQVU7SUFFbEMscUJBQ0UsNkJBQUNxQixnQkFBWTtRQUNYaEIsUUFBUUE7UUFDUmlCLGFBQWE7UUFDYkMsUUFBUVg7UUFDUkosWUFBWUE7UUFDWk4sUUFBUUE7O0FBR2QifQ==

package/dist/field/features/blocks/feature.client.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ReducedBlock } from '@payloadcms/ui/types';
+export type BlocksFeatureClientProps = {
+    reducedBlocks: ReducedBlock[];
+};
+export declare const BlocksFeatureClientComponent: import("react").FC<import("../types").ClientComponentProps<BlocksFeatureClientProps>>;
+//# sourceMappingURL=feature.client.d.ts.map

package/dist/field/features/blocks/feature.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/field/features/blocks/feature.client.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAaxD,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,YAAY,EAAE,CAAA;CAC9B,CAAA;AAgDD,eAAO,MAAM,4BAA4B,uFAA6C,CAAA"}

package/dist/field/features/blocks/feature.client.js

@@ -0,0 +1,71 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BlocksFeatureClientComponent", {
+    enumerable: true,
+    get: function() {
+        return BlocksFeatureClientComponent;
+    }
+});
+const _translations = require("@payloadcms/translations");
+const _types = require("../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types");
+const _Block = require("../../lexical/ui/icons/Block");
+const _createClientComponent = require("../createClientComponent");
+const _BlocksNode = require("./nodes/BlocksNode");
+const _plugin = require("./plugin");
+const _commands = require("./plugin/commands");
+const BlocksFeatureClient = (props)=>{
+    return {
+        clientFeatureProps: props,
+        feature: ()=>({
+                clientFeatureProps: props,
+                nodes: [
+                    _BlocksNode.BlockNode
+                ],
+                plugins: [
+                    {
+                        Component: _plugin.BlocksPlugin,
+                        position: 'normal'
+                    }
+                ],
+                slashMenu: {
+                    options: [
+                        {
+                            displayName: 'Blocks',
+                            key: 'blocks',
+                            options: [
+                                ...props.reducedBlocks.map((block)=>{
+                                    return new _types.SlashMenuOption('block-' + block.slug, {
+                                        Icon: _Block.BlockIcon,
+                                        displayName: ({ i18n })=>{
+                                            if (!block.labels.singular) {
+                                                return block.slug;
+                                            }
+                                            return (0, _translations.getTranslation)(block.labels.singular, i18n);
+                                        },
+                                        keywords: [
+                                            'block',
+                                            'blocks',
+                                            block.slug
+                                        ],
+                                        onSelect: ({ editor })=>{
+                                            editor.dispatchCommand(_commands.INSERT_BLOCK_COMMAND, {
+                                                id: null,
+                                                blockName: '',
+                                                blockType: block.slug
+                                            });
+                                        }
+                                    });
+                                })
+                            ]
+                        }
+                    ]
+                }
+            })
+    };
+};
+const BlocksFeatureClientComponent = (0, _createClientComponent.createClientComponent)(BlocksFeatureClient);
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9maWVsZC9mZWF0dXJlcy9ibG9ja3MvZmVhdHVyZS5jbGllbnQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgdHlwZSB7IFJlZHVjZWRCbG9jayB9IGZyb20gJ0BwYXlsb2FkY21zL3VpL3R5cGVzJ1xuXG5pbXBvcnQgeyBnZXRUcmFuc2xhdGlvbiB9IGZyb20gJ0BwYXlsb2FkY21zL3RyYW5zbGF0aW9ucydcblxuaW1wb3J0IHR5cGUgeyBGZWF0dXJlUHJvdmlkZXJQcm92aWRlckNsaWVudCB9IGZyb20gJy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBTbGFzaE1lbnVPcHRpb24gfSBmcm9tICcuLi8uLi9sZXhpY2FsL3BsdWdpbnMvU2xhc2hNZW51L0xleGljYWxUeXBlYWhlYWRNZW51UGx1Z2luL3R5cGVzJ1xuaW1wb3J0IHsgQmxvY2tJY29uIH0gZnJvbSAnLi4vLi4vbGV4aWNhbC91aS9pY29ucy9CbG9jaydcbmltcG9ydCB7IGNyZWF0ZUNsaWVudENvbXBvbmVudCB9IGZyb20gJy4uL2NyZWF0ZUNsaWVudENvbXBvbmVudCdcbmltcG9ydCB7IEJsb2NrTm9kZSB9IGZyb20gJy4vbm9kZXMvQmxvY2tzTm9kZSdcbmltcG9ydCB7IEJsb2Nrc1BsdWdpbiB9IGZyb20gJy4vcGx1Z2luJ1xuaW1wb3J0IHsgSU5TRVJUX0JMT0NLX0NPTU1BTkQgfSBmcm9tICcuL3BsdWdpbi9jb21tYW5kcydcblxuZXhwb3J0IHR5cGUgQmxvY2tzRmVhdHVyZUNsaWVudFByb3BzID0ge1xuICByZWR1Y2VkQmxvY2tzOiBSZWR1Y2VkQmxvY2tbXVxufVxuXG5jb25zdCBCbG9ja3NGZWF0dXJlQ2xpZW50OiBGZWF0dXJlUHJvdmlkZXJQcm92aWRlckNsaWVudDxCbG9ja3NGZWF0dXJlQ2xpZW50UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiB7XG4gICAgY2xpZW50RmVhdHVyZVByb3BzOiBwcm9wcyxcbiAgICBmZWF0dXJlOiAoKSA9PiAoe1xuICAgICAgY2xpZW50RmVhdHVyZVByb3BzOiBwcm9wcyxcbiAgICAgIG5vZGVzOiBbQmxvY2tOb2RlXSxcbiAgICAgIHBsdWdpbnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIENvbXBvbmVudDogQmxvY2tzUGx1Z2luLFxuICAgICAgICAgIHBvc2l0aW9uOiAnbm9ybWFsJyxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBzbGFzaE1lbnU6IHtcbiAgICAgICAgb3B0aW9uczogW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIGRpc3BsYXlOYW1lOiAnQmxvY2tzJyxcbiAgICAgICAgICAgIGtleTogJ2Jsb2NrcycsXG4gICAgICAgICAgICBvcHRpb25zOiBbXG4gICAgICAgICAgICAgIC4uLnByb3BzLnJlZHVjZWRCbG9ja3MubWFwKChibG9jaykgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiBuZXcgU2xhc2hNZW51T3B0aW9uKCdibG9jay0nICsgYmxvY2suc2x1Zywge1xuICAgICAgICAgICAgICAgICAgSWNvbjogQmxvY2tJY29uLFxuICAgICAgICAgICAgICAgICAgZGlzcGxheU5hbWU6ICh7IGkxOG4gfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIWJsb2NrLmxhYmVscy5zaW5ndWxhcikge1xuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBibG9jay5zbHVnXG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZ2V0VHJhbnNsYXRpb24oYmxvY2subGFiZWxzLnNpbmd1bGFyLCBpMThuKVxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIGtleXdvcmRzOiBbJ2Jsb2NrJywgJ2Jsb2NrcycsIGJsb2NrLnNsdWddLFxuICAgICAgICAgICAgICAgICAgb25TZWxlY3Q6ICh7IGVkaXRvciB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGVkaXRvci5kaXNwYXRjaENvbW1hbmQoSU5TRVJUX0JMT0NLX0NPTU1BTkQsIHtcbiAgICAgICAgICAgICAgICAgICAgICBpZDogbnVsbCxcbiAgICAgICAgICAgICAgICAgICAgICBibG9ja05hbWU6ICcnLFxuICAgICAgICAgICAgICAgICAgICAgIGJsb2NrVHlwZTogYmxvY2suc2x1ZyxcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICBdLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCbG9ja3NGZWF0dXJlQ2xpZW50Q29tcG9uZW50ID0gY3JlYXRlQ2xpZW50Q29tcG9uZW50KEJsb2Nrc0ZlYXR1cmVDbGllbnQpXG4iXSwibmFtZXMiOlsiQmxvY2tzRmVhdHVyZUNsaWVudENvbXBvbmVudCIsIkJsb2Nrc0ZlYXR1cmVDbGllbnQiLCJwcm9wcyIsImNsaWVudEZlYXR1cmVQcm9wcyIsImZlYXR1cmUiLCJub2RlcyIsIkJsb2NrTm9kZSIsInBsdWdpbnMiLCJDb21wb25lbnQiLCJCbG9ja3NQbHVnaW4iLCJwb3NpdGlvbiIsInNsYXNoTWVudSIsIm9wdGlvbnMiLCJkaXNwbGF5TmFtZSIsImtleSIsInJlZHVjZWRCbG9ja3MiLCJtYXAiLCJibG9jayIsIlNsYXNoTWVudU9wdGlvbiIsInNsdWciLCJJY29uIiwiQmxvY2tJY29uIiwiaTE4biIsImxhYmVscyIsInNpbmd1bGFyIiwiZ2V0VHJhbnNsYXRpb24iLCJrZXl3b3JkcyIsIm9uU2VsZWN0IiwiZWRpdG9yIiwiZGlzcGF0Y2hDb21tYW5kIiwiSU5TRVJUX0JMT0NLX0NPTU1BTkQiLCJpZCIsImJsb2NrTmFtZSIsImJsb2NrVHlwZSIsImNyZWF0ZUNsaWVudENvbXBvbmVudCJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQWlFYUE7OztlQUFBQTs7OzhCQTdEa0I7dUJBSUM7dUJBQ047dUNBQ1k7NEJBQ1o7d0JBQ0c7MEJBQ1E7QUFNckMsTUFBTUMsc0JBQStFLENBQUNDO0lBQ3BGLE9BQU87UUFDTEMsb0JBQW9CRDtRQUNwQkUsU0FBUyxJQUFPLENBQUE7Z0JBQ2RELG9CQUFvQkQ7Z0JBQ3BCRyxPQUFPO29CQUFDQyxxQkFBUztpQkFBQztnQkFDbEJDLFNBQVM7b0JBQ1A7d0JBQ0VDLFdBQVdDLG9CQUFZO3dCQUN2QkMsVUFBVTtvQkFDWjtpQkFDRDtnQkFDREMsV0FBVztvQkFDVEMsU0FBUzt3QkFDUDs0QkFDRUMsYUFBYTs0QkFDYkMsS0FBSzs0QkFDTEYsU0FBUzttQ0FDSlYsTUFBTWEsYUFBYSxDQUFDQyxHQUFHLENBQUMsQ0FBQ0M7b0NBQzFCLE9BQU8sSUFBSUMsc0JBQWUsQ0FBQyxXQUFXRCxNQUFNRSxJQUFJLEVBQUU7d0NBQ2hEQyxNQUFNQyxnQkFBUzt3Q0FDZlIsYUFBYSxDQUFDLEVBQUVTLElBQUksRUFBRTs0Q0FDcEIsSUFBSSxDQUFDTCxNQUFNTSxNQUFNLENBQUNDLFFBQVEsRUFBRTtnREFDMUIsT0FBT1AsTUFBTUUsSUFBSTs0Q0FDbkI7NENBRUEsT0FBT00sSUFBQUEsNEJBQWMsRUFBQ1IsTUFBTU0sTUFBTSxDQUFDQyxRQUFRLEVBQUVGO3dDQUMvQzt3Q0FDQUksVUFBVTs0Q0FBQzs0Q0FBUzs0Q0FBVVQsTUFBTUUsSUFBSTt5Q0FBQzt3Q0FDekNRLFVBQVUsQ0FBQyxFQUFFQyxNQUFNLEVBQUU7NENBQ25CQSxPQUFPQyxlQUFlLENBQUNDLDhCQUFvQixFQUFFO2dEQUMzQ0MsSUFBSTtnREFDSkMsV0FBVztnREFDWEMsV0FBV2hCLE1BQU1FLElBQUk7NENBQ3ZCO3dDQUNGO29DQUNGO2dDQUNGOzZCQUNEO3dCQUNIO3FCQUNEO2dCQUNIO1lBQ0YsQ0FBQTtJQUNGO0FBQ0Y7QUFFTyxNQUFNbkIsK0JBQStCa0MsSUFBQUEsNENBQXFCLEVBQUNqQyJ9

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

@@ -0,0 +1,8 @@
+import type { Block } from 'payload/types';
+import type { FeatureProviderProviderServer } from '../types';
+import type { BlocksFeatureClientProps } from './feature.client';
+export type BlocksFeatureProps = {
+    blocks: Block[];
+};
+export declare const BlocksFeature: FeatureProviderProviderServer<BlocksFeatureProps, BlocksFeatureClientProps>;
+//# sourceMappingURL=feature.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature.server.d.ts","sourceRoot":"","sources":["../../../../src/field/features/blocks/feature.server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,eAAe,CAAA;AAK7D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAOhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,KAAK,EAAE,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,6BAA6B,CACvD,kBAAkB,EAClB,wBAAwB,CAmFzB,CAAA"}