@infonomic/payload-alternative-lexical-editor 1.0.0

package/dist/field/plugins/inline-image-plugin/index.js

@@ -0,0 +1,222 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $wrapNodeInElement, mergeRegister } from '@lexical/utils';
+import { formatDrawerSlug, useConfig, useEditDepth, useModal } from '@payloadcms/ui';
+import { requests } from '@payloadcms/ui/utilities/api';
+import { $createParagraphNode, $createRangeSelection, $getSelection, $insertNodes, $isNodeSelection, $isRootOrShadowRoot, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, COMMAND_PRIORITY_NORMAL, createCommand, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, } from 'lexical';
+import { useEditorConfig } from '../../config/editor-config-context';
+import { $createInlineImageNode, $isInlineImageNode, InlineImageNode, } from '../../nodes/inline-image-node';
+import { CAN_USE_DOM } from '../../shared/canUseDOM';
+import { InlineImageDrawer } from './inline-image-drawer';
+import { getPreferredSize } from './utils';
+const getDOMSelection = (targetWindow) => CAN_USE_DOM ? (targetWindow ?? window).getSelection() : null;
+export const OPEN_INLINE_IMAGE_MODAL_COMMAND = createCommand('OPEN_INLINE_IMAGE_MODAL_COMMAND');
+export const INSERT_INLINE_IMAGE_COMMAND = createCommand('INSERT_INLINE_IMAGE_COMMAND');
+export function InlineImagePlugin({ collection }) {
+    const [editor] = useLexicalComposerContext();
+    const { uuid } = useEditorConfig();
+    const editDepth = useEditDepth();
+    const { config } = useConfig();
+    const { serverURL, routes: { api }, } = config;
+    const { toggleModal = () => {
+        console.error('Error: useModal() from FacelessUI did not work correctly');
+    }, closeModal, isModalOpen, } = useModal();
+    const inlineImageDrawerSlug = formatDrawerSlug({
+        slug: `rich-text-inline-image-insert-lexical-${uuid}`,
+        depth: editDepth,
+    });
+    useEffect(() => {
+        if (!editor.hasNodes([InlineImageNode])) {
+            throw new Error('InlineImagePlugin: InlineImageNode not registered on editor');
+        }
+        return mergeRegister(
+        // TODO: possibly register this command with insert and edit options?
+        editor.registerCommand(OPEN_INLINE_IMAGE_MODAL_COMMAND, () => {
+            if (inlineImageDrawerSlug != null) {
+                toggleModal(inlineImageDrawerSlug);
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(INSERT_INLINE_IMAGE_COMMAND, (payload) => {
+            const imageNode = $createInlineImageNode(payload);
+            $insertNodes([imageNode]);
+            if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+                $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(DRAGSTART_COMMAND, (event) => {
+            return onDragStart(event);
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(DRAGOVER_COMMAND, (event) => {
+            return onDragover(event);
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, (event) => {
+            return onDrop(event, editor);
+        }, COMMAND_PRIORITY_HIGH));
+    }, [editor, inlineImageDrawerSlug, toggleModal]);
+    const handleModalSubmit = async (data) => {
+        closeModal(inlineImageDrawerSlug);
+        if (data?.id != null) {
+            try {
+                const url = `${serverURL}${api}/${collection}/${data.id}`;
+                const response = await requests.get(url);
+                if (response.ok) {
+                    const doc = await response.json();
+                    const editorPreviewSize = data?.position === 'default' ? 'medium' : 'small';
+                    const imageSource = getPreferredSize(editorPreviewSize, doc);
+                    if (imageSource != null) {
+                        const imagePayload = {
+                            id: data.id,
+                            collection,
+                            src: imageSource.url,
+                            altText: data?.altText,
+                            position: data?.position,
+                            size: data?.size,
+                            showCaption: data?.showCaption,
+                        };
+                        // We don't set width or height for SVG images
+                        if (imageSource.width != null) {
+                            imagePayload.width = imageSource.width;
+                        }
+                        if (imageSource.height != null) {
+                            imagePayload.height = imageSource.height;
+                        }
+                        editor.dispatchCommand(INSERT_INLINE_IMAGE_COMMAND, imagePayload);
+                    }
+                    else {
+                        console.error('Error: unable to find image source from document in InlineImagePlugin.');
+                    }
+                }
+                else {
+                    console.error('Error: Response not ok trying load existing image in InlineImagePlugin');
+                }
+            }
+            catch (error) {
+                console.error('Error: trying load existing image in InlineImagePlugin', error);
+            }
+        }
+    };
+    return (_jsx(InlineImageDrawer, { isOpen: isModalOpen(inlineImageDrawerSlug), drawerSlug: inlineImageDrawerSlug, data: {
+            id: undefined,
+            altText: undefined,
+            position: undefined,
+            size: undefined,
+            showCaption: undefined,
+        }, onSubmit: (data) => {
+            void handleModalSubmit(data);
+        }, onClose: () => {
+            closeModal(inlineImageDrawerSlug);
+        } }));
+}
+const TRANSPARENT_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+let img;
+if (typeof document !== 'undefined') {
+    img = document?.createElement('img');
+    img.src = TRANSPARENT_IMAGE;
+}
+function onDragStart(event) {
+    const node = getImageNodeInSelection();
+    if (node == null) {
+        return false;
+    }
+    const dataTransfer = event.dataTransfer;
+    if (dataTransfer == null) {
+        return false;
+    }
+    dataTransfer.setData('text/plain', '_');
+    dataTransfer.setDragImage(img, 0, 0);
+    dataTransfer.setData('application/x-lexical-drag', JSON.stringify({
+        data: {
+            altText: node.__altText,
+            caption: node.__caption,
+            height: node.__height,
+            key: node.getKey(),
+            showCaption: node.__showCaption,
+            src: node.__src,
+            width: node.__width,
+        },
+        type: 'image',
+    }));
+    return true;
+}
+function onDragover(event) {
+    const node = getImageNodeInSelection();
+    if (node == null) {
+        return false;
+    }
+    if (!canDropImage(event)) {
+        event.preventDefault();
+    }
+    return true;
+}
+function onDrop(event, editor) {
+    const node = getImageNodeInSelection();
+    if (node == null) {
+        return false;
+    }
+    const data = getDragImageData(event);
+    if (data == null) {
+        return false;
+    }
+    event.preventDefault();
+    if (canDropImage(event)) {
+        const range = getDragSelection(event);
+        node.remove();
+        const rangeSelection = $createRangeSelection();
+        if (range !== null && range !== undefined) {
+            rangeSelection.applyDOMRange(range);
+        }
+        $setSelection(rangeSelection);
+        editor.dispatchCommand(INSERT_INLINE_IMAGE_COMMAND, data);
+    }
+    return true;
+}
+function getImageNodeInSelection() {
+    const selection = $getSelection();
+    if (!$isNodeSelection(selection)) {
+        return null;
+    }
+    const nodes = selection.getNodes();
+    const node = nodes[0];
+    return $isInlineImageNode(node) ? node : null;
+}
+function getDragImageData(event) {
+    const dragData = event.dataTransfer?.getData('application/x-lexical-drag');
+    if (dragData == null) {
+        return null;
+    }
+    const { type, data } = JSON.parse(dragData);
+    if (type !== 'image') {
+        return null;
+    }
+    return data;
+}
+function canDropImage(event) {
+    const target = event.target;
+    return !!(target != null &&
+        target instanceof HTMLElement &&
+        target.closest('code, span.editor-image') == null &&
+        target.parentElement?.closest('div.ContentEditable__root') != null);
+}
+function getDragSelection(event) {
+    let range;
+    const target = event.target;
+    const targetWindow = target == null
+        ? null
+        : target.nodeType === 9
+            ? target.defaultView
+            : target.ownerDocument.defaultView;
+    const domSelection = getDOMSelection(targetWindow);
+    if (document.caretRangeFromPoint != null) {
+        range = document.caretRangeFromPoint(event.clientX, event.clientY);
+    }
+    else if (event.rangeParent != null && domSelection !== null) {
+        domSelection.collapse(event.rangeParent, event.rangeOffset ?? 0);
+        range = domSelection.getRangeAt(0);
+    }
+    else {
+        throw Error('Cannot get the selection when dragging');
+    }
+    return range;
+}
+//# sourceMappingURL=index.js.map

package/dist/field/plugins/inline-image-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/index.tsx"],"names":[],"mappings":"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"}

package/dist/field/plugins/inline-image-plugin/inline-image-drawer.css

@@ -0,0 +1,29 @@
+.inline-image-plugin--modal-image {
+  margin-bottom: 2rem;
+}
+
+.inline-image-plugin--modal-actions {
+  display: flex;
+  gap: 12px;
+}
+
+.inline-image-plugin--modal-media-display {
+  margin-bottom: 2em;
+}
+
+.inline-image-plugin--modal-alt-text {
+  margin-bottom: 1em;
+}
+
+.inline-image-plugin--modal-position {
+  margin-bottom: 2em;
+}
+
+.inline-image-plugin--modal-show-caption {
+  margin-bottom: 1em;
+}
+
+.inline-image-plugin--modal-actions {
+  display: flex;
+  gap: 12px;
+}

package/dist/field/plugins/inline-image-plugin/inline-image-drawer.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+import type { InlineImageDrawerProps } from './types';
+import './inline-image-drawer.css';
+export declare const InlineImageDrawer: React.FC<InlineImageDrawerProps>;
+//# sourceMappingURL=inline-image-drawer.d.ts.map

package/dist/field/plugins/inline-image-plugin/inline-image-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-image-drawer.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/inline-image-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAmB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEtE,OAAO,2BAA2B,CAAA;AAIlC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmF9D,CAAA"}

package/dist/field/plugins/inline-image-plugin/inline-image-drawer.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Button, Drawer, Form, FormSubmit, RenderFields, useTranslation } from '@payloadcms/ui';
+import { useEditorConfig } from '../../config/editor-config-context';
+import { getFields, getInitialState, validateFields } from './fields';
+import './inline-image-drawer.css';
+const baseClass = 'inline-image-plugin--modal';
+export const InlineImageDrawer = ({ isOpen = false, drawerSlug, onSubmit, onClose, data: dataFromProps, }) => {
+    const { config } = useEditorConfig();
+    const { t } = useTranslation();
+    const [synchronizedFormState, setSynchronizedFormState] = useState(undefined);
+    const handleOnCancel = () => {
+        setSynchronizedFormState(undefined);
+        onClose();
+    };
+    async function handleFormOnChange({ formState }) {
+        return new Promise((resolve, _reject) => {
+            validateFields(formState);
+            resolve(formState);
+        });
+    }
+    const handleFormOnSubmit = (fields, data) => {
+        const { valid } = validateFields(fields);
+        if (valid === true) {
+            if (onSubmit != null) {
+                const submitData = {
+                    id: data.image,
+                    altText: data.altText,
+                    position: data.position,
+                    size: data.size,
+                    showCaption: data.showCaption,
+                };
+                onSubmit(submitData);
+            }
+            setSynchronizedFormState(undefined);
+            onClose();
+        }
+    };
+    useEffect(() => {
+        if (synchronizedFormState == null && isOpen === true) {
+            const formState = getInitialState(dataFromProps);
+            setSynchronizedFormState(formState);
+        }
+    }, [synchronizedFormState, isOpen, dataFromProps]);
+    if (isOpen === false) {
+        return null;
+    }
+    return (_jsx(Drawer, { slug: drawerSlug, className: baseClass, title: "Inline Image", children: _jsxs(Form, { initialState: synchronizedFormState, onSubmit: handleFormOnSubmit, onChange: [handleFormOnChange], children: [_jsx(RenderFields, { fields: getFields(config.inlineImageUploadCollection), forceRender: true, parentSchemaPath: "", parentPath: "", parentIndexPath: "", permissions: true, readOnly: false }), _jsxs("div", { className: "inline-image-plugin--modal-actions", "data-test-id": "inline-image-model-actions", children: [_jsx(FormSubmit, { children: t('general:save') }), _jsx(Button, { buttonStyle: "secondary", onClick: handleOnCancel, children: t('general:cancel') })] })] }) }));
+};
+//# sourceMappingURL=inline-image-drawer.js.map

package/dist/field/plugins/inline-image-plugin/inline-image-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-image-drawer.js","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/inline-image-drawer.tsx"],"names":[],"mappings":"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"}

package/dist/field/plugins/inline-image-plugin/types.d.ts

@@ -0,0 +1,16 @@
+import type { Position } from '../../nodes/inline-image-node/types';
+export interface InlineImageData {
+    id?: string;
+    altText?: string;
+    position?: Position;
+    size?: 'small' | 'medium' | 'auto';
+    showCaption?: boolean;
+}
+export interface InlineImageDrawerProps {
+    isOpen: boolean;
+    drawerSlug: string;
+    onClose: () => void;
+    onSubmit: (data: InlineImageData) => void;
+    data?: InlineImageData;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/field/plugins/inline-image-plugin/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAEnE,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACzC,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB"}

package/dist/field/plugins/inline-image-plugin/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/field/plugins/inline-image-plugin/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/types.ts"],"names":[],"mappings":""}

package/dist/field/plugins/inline-image-plugin/utils.d.ts

@@ -0,0 +1,9 @@
+export declare function getPreferredSize(preferred: string, doc: Record<string, any>): {
+    width?: number;
+    height?: number;
+    mimeType: string;
+    filesize: number;
+    filename: string;
+    url: string;
+} | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/field/plugins/inline-image-plugin/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACvB;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,IAAI,CAsBP"}

package/dist/field/plugins/inline-image-plugin/utils.js

@@ -0,0 +1,27 @@
+export function getPreferredSize(preferred, doc) {
+    if (doc.mimeType === 'image/svg+xml' && doc.url != null) {
+        return {
+            mimeType: doc.mimeType,
+            filesize: doc.filesize,
+            filename: doc.filename,
+            url: doc.url,
+        };
+    }
+    else if (doc.sizes?.[preferred]?.filename != null) {
+        return doc.sizes[preferred];
+    }
+    else if (doc.url != null) {
+        return {
+            width: doc.with,
+            height: doc.height,
+            mimeType: doc.mimeType,
+            filesize: doc.filesize,
+            filename: doc.filename,
+            url: doc.url,
+        };
+    }
+    else {
+        return null;
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/field/plugins/inline-image-plugin/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/field/plugins/inline-image-plugin/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAC9B,SAAiB,EACjB,GAAwB;IASxB,IAAI,GAAG,CAAC,QAAQ,KAAK,eAAe,IAAI,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;QACxD,OAAO;YACL,QAAQ,EAAE,GAAG,CAAC,QAAkB;YAChC,QAAQ,EAAE,GAAG,CAAC,QAAkB;YAChC,QAAQ,EAAE,GAAG,CAAC,QAAkB;YAChC,GAAG,EAAE,GAAG,CAAC,GAAa;SACvB,CAAA;IACH,CAAC;SAAM,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC,SAAyB,CAAC,EAAE,QAAQ,IAAI,IAAI,EAAE,CAAC;QACpE,OAAO,GAAG,CAAC,KAAK,CAAC,SAAyB,CAAC,CAAA;IAC7C,CAAC;SAAM,IAAI,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;QAC3B,OAAO;YACL,KAAK,EAAE,GAAG,CAAC,IAAc;YACzB,MAAM,EAAE,GAAG,CAAC,MAAgB;YAC5B,QAAQ,EAAE,GAAG,CAAC,QAAkB;YAChC,QAAQ,EAAE,GAAG,CAAC,QAAkB;YAChC,QAAQ,EAAE,GAAG,CAAC,QAAkB;YAChC,GAAG,EAAE,GAAG,CAAC,GAAa;SACvB,CAAA;IACH,CAAC;SAAM,CAAC;QACN,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC"}

package/dist/field/plugins/layout-plugin/insert-layout-dialog.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type * as React from 'react';
+import type { LexicalEditor } from 'lexical';
+export declare function InsertLayoutDialog({ activeEditor, onClose, }: {
+    activeEditor: LexicalEditor;
+    onClose: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=insert-layout-dialog.d.ts.map

package/dist/field/plugins/layout-plugin/insert-layout-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-layout-dialog.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/layout-plugin/insert-layout-dialog.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAGnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAe5C,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,OAAO,GACR,EAAE;IACD,YAAY,EAAE,aAAa,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2BpB"}

package/dist/field/plugins/layout-plugin/insert-layout-dialog.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Button from '../../ui/button';
+import DropDown, { DropDownItem } from '../../ui/dropdown';
+import { INSERT_LAYOUT_COMMAND } from './layout-plugin';
+const LAYOUTS = [
+    { label: '2 columns (equal width)', value: '1fr 1fr' },
+    { label: '2 columns (25% - 75%)', value: '1fr 3fr' },
+    { label: '2 columns (75% - 25%)', value: '3fr 1fr' },
+    { label: '3 columns (equal width)', value: '1fr 1fr 1fr' },
+    { label: '3 columns (25% - 50% - 25%)', value: '1fr 2fr 1fr' },
+    { label: '4 columns (equal width)', value: '1fr 1fr 1fr 1fr' },
+];
+export function InsertLayoutDialog({ activeEditor, onClose, }) {
+    const [layout, setLayout] = useState(LAYOUTS[0].value);
+    const buttonLabel = LAYOUTS.find((item) => item.value === layout)?.label;
+    const onClick = () => {
+        activeEditor.dispatchCommand(INSERT_LAYOUT_COMMAND, layout);
+        onClose();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(DropDown, { buttonClassName: "toolbar-item dialog-dropdown", buttonLabel: buttonLabel, children: LAYOUTS.map(({ label, value }) => (_jsx(DropDownItem, { className: "item", onClick: () => {
+                        setLayout(value);
+                    }, children: _jsx("span", { className: "text", children: label }) }, value))) }), _jsx(Button, { onClick: onClick, children: "Insert" })] }));
+}
+//# sourceMappingURL=insert-layout-dialog.js.map

package/dist/field/plugins/layout-plugin/insert-layout-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-layout-dialog.js","sourceRoot":"","sources":["../../../../src/field/plugins/layout-plugin/insert-layout-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAUZ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,QAAQ,EAAE,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,SAAS,EAAE;IACtD,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,SAAS,EAAE;IACpD,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,SAAS,EAAE;IACpD,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,aAAa,EAAE;IAC1D,EAAE,KAAK,EAAE,6BAA6B,EAAE,KAAK,EAAE,aAAa,EAAE;IAC9D,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,iBAAiB,EAAE;CAC/D,CAAA;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,YAAY,EACZ,OAAO,GAIR;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,EAAE,KAAK,CAAA;IAExE,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,YAAY,CAAC,eAAe,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAA;QAC3D,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL,8BACE,KAAC,QAAQ,IAAC,eAAe,EAAC,8BAA8B,EAAC,WAAW,EAAE,WAAW,YAC9E,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAEX,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,SAAS,CAAC,KAAK,CAAC,CAAA;oBAClB,CAAC,YAED,eAAM,SAAS,EAAC,MAAM,YAAE,KAAK,GAAQ,IANhC,KAAK,CAOG,CAChB,CAAC,GACO,EACX,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,uBAAiB,IACxC,CACJ,CAAA;AACH,CAAC"}

package/dist/field/plugins/layout-plugin/layout-plugin.d.ts

@@ -0,0 +1,8 @@
+import type { LexicalCommand, NodeKey } from 'lexical';
+export declare const INSERT_LAYOUT_COMMAND: LexicalCommand<string>;
+export declare const UPDATE_LAYOUT_COMMAND: LexicalCommand<{
+    template: string;
+    nodeKey: NodeKey;
+}>;
+export declare function LayoutPlugin(): null;
+//# sourceMappingURL=layout-plugin.d.ts.map

package/dist/field/plugins/layout-plugin/layout-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-plugin.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/layout-plugin/layout-plugin.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,cAAc,EAAe,OAAO,EAAE,MAAM,SAAS,CAAA;AAmBhF,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,MAAM,CAA2B,CAAA;AAEpF,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;CACjB,CAA2D,CAAA;AAE5D,wBAAgB,YAAY,IAAI,IAAI,CA0FnC"}

package/dist/field/plugins/layout-plugin/layout-plugin.js

@@ -0,0 +1,87 @@
+'use client';
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils';
+import { $createParagraphNode, $getNodeByKey, COMMAND_PRIORITY_EDITOR, createCommand, } from 'lexical';
+import { $createLayoutContainerNode, $isLayoutContainerNode, LayoutContainerNode, } from '../../nodes/layout-container-node/layout-container-node';
+import { $createLayoutItemNode, $isLayoutItemNode, LayoutItemNode, } from '../../nodes/layout-container-node/layout-item-node';
+export const INSERT_LAYOUT_COMMAND = createCommand();
+export const UPDATE_LAYOUT_COMMAND = createCommand();
+export function LayoutPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!editor.hasNodes([LayoutContainerNode, LayoutItemNode])) {
+            throw new Error('LayoutPlugin: LayoutContainerNode, or LayoutItemNode not registered on editor');
+        }
+        return mergeRegister(editor.registerCommand(INSERT_LAYOUT_COMMAND, (template) => {
+            editor.update(() => {
+                const container = $createLayoutContainerNode(template);
+                const itemsCount = getItemsCountFromTemplate(template);
+                for (let i = 0; i < itemsCount; i++) {
+                    container.append($createLayoutItemNode().append($createParagraphNode()));
+                }
+                $insertNodeToNearestRoot(container);
+                container.selectStart();
+            });
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(UPDATE_LAYOUT_COMMAND, ({ template, nodeKey }) => {
+            editor.update(() => {
+                const container = $getNodeByKey(nodeKey);
+                if (!$isLayoutContainerNode(container)) {
+                    return;
+                }
+                const itemsCount = getItemsCountFromTemplate(template);
+                const prevItemsCount = getItemsCountFromTemplate(container.getTemplateColumns());
+                // Add or remove extra columns if new template does not match existing one
+                if (itemsCount > prevItemsCount) {
+                    for (let i = prevItemsCount; i < itemsCount; i++) {
+                        container.append($createLayoutItemNode().append($createParagraphNode()));
+                    }
+                }
+                else if (itemsCount < prevItemsCount) {
+                    for (let i = prevItemsCount - 1; i >= itemsCount; i--) {
+                        const layoutItem = container.getChildAtIndex(i);
+                        if ($isLayoutItemNode(layoutItem)) {
+                            layoutItem.remove();
+                        }
+                    }
+                }
+                container.setTemplateColumns(template);
+            });
+            return true;
+        }, COMMAND_PRIORITY_EDITOR), 
+        // Structure enforcing transformers for each node type. In case nesting structure is not
+        // "Container > Item" it'll unwrap nodes and convert it back
+        // to regular content.
+        editor.registerNodeTransform(LayoutItemNode, (node) => {
+            const parent = node.getParent();
+            if (!$isLayoutContainerNode(parent)) {
+                const children = node.getChildren();
+                for (const child of children) {
+                    node.insertBefore(child);
+                }
+                node.remove();
+            }
+        }), editor.registerNodeTransform(LayoutContainerNode, (node) => {
+            const children = node.getChildren();
+            if (!children.every($isLayoutItemNode)) {
+                for (const child of children) {
+                    node.insertBefore(child);
+                }
+                node.remove();
+            }
+        }));
+    }, [editor]);
+    return null;
+}
+function getItemsCountFromTemplate(template) {
+    return template.trim().split(/\s+/).length;
+}
+//# sourceMappingURL=layout-plugin.js.map

package/dist/field/plugins/layout-plugin/layout-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-plugin.js","sourceRoot":"","sources":["../../../../src/field/plugins/layout-plugin/layout-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts

@@ -0,0 +1,22 @@
+import { type LinkAttributes } from '../../../nodes/link-nodes';
+type ChangeHandler = (url: string | null, prevUrl: string | null) => void;
+interface LinkMatcherResult {
+    attributes?: LinkAttributes;
+    index: number;
+    length: number;
+    text: string;
+    url: string;
+}
+export type LinkMatcher = (text: string) => LinkMatcherResult | null;
+export declare function createLinkMatcherWithRegExp(regExp: RegExp, urlTransformer?: (text: string) => string): (text: string) => {
+    index: number;
+    length: number;
+    text: string;
+    url: string;
+} | null;
+export declare function AutoLinkPlugin({ matchers, onChange, }: {
+    matchers: LinkMatcher[];
+    onChange?: ChangeHandler;
+}): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=auto-link-plugin.d.ts.map

package/dist/field/plugins/link-plugin/auto-link/auto-link-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-link-plugin.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/auto-link/auto-link-plugin.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAGlC,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAEzE,UAAU,iBAAiB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,iBAAiB,GAAG,IAAI,CAAA;AAEpE,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EACd,cAAc,GAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAuB,IAEjD,MAAM,MAAM;;;;;SAUrB;AA+PD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAA;CACzB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAI3B"}