phx-react 1.3.1569 → 1.3.1571

package/dist/cjs/components/TextEditorV2/plugins/InlineImagePlugin/index.js

@@ -0,0 +1,193 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INSERT_INLINE_IMAGE_COMMAND = void 0;
+exports.InsertInlineImageModal = InsertInlineImageModal;
+exports.default = InlineImagePlugin;
+var tslib_1 = require("tslib");
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var utils_1 = require("@lexical/utils");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+var React = tslib_1.__importStar(require("react"));
+var InlineImageNode_1 = require("../../nodes/InlineImageNode");
+var canUseDOM_1 = require("../../shared/canUseDOM");
+var Modal_1 = require("../../../Modal");
+var UploadFile_1 = require("../../../UploadFile");
+var Select_1 = require("../../../Select");
+var Input_1 = require("../../../Input");
+var Checkbox_1 = require("../../../Checkbox");
+var getDOMSelection = function (targetWindow) {
+    return canUseDOM_1.CAN_USE_DOM ? (targetWindow || window).getSelection() : null;
+};
+exports.INSERT_INLINE_IMAGE_COMMAND = (0, lexical_1.createCommand)('INSERT_INLINE_IMAGE_COMMAND');
+function InsertInlineImageModal(_a) {
+    var activeEditor = _a.activeEditor, setShow = _a.setShow, show = _a.show;
+    var _b = (0, react_1.useState)(''), cdnLink = _b[0], setCdnLink = _b[1];
+    var position = 'left';
+    var altText = 'photo';
+    var fileName = '';
+    var showCaption = false;
+    var onHide = function () {
+        setShow(false);
+        setCdnLink('');
+        fileName = '';
+    };
+    var handleListenUpload = function (fileUpload, linkCdn) {
+        fileName = fileUpload.name;
+        setCdnLink(linkCdn[0]);
+    };
+    var handleSubmit = function () {
+        activeEditor.dispatchCommand(exports.INSERT_INLINE_IMAGE_COMMAND, {
+            altText: altText,
+            position: position,
+            showCaption: showCaption,
+            src: cdnLink,
+        });
+        onHide();
+    };
+    var handleShowCaptionChange = function (e) {
+        showCaption = e.target.checked;
+    };
+    var handlePositionChange = function (e) {
+        position = e.target.value;
+    };
+    return (React.createElement(Modal_1.PHXModal, { onHide: onHide, onPrimaryClick: handleSubmit, show: show, title: 'Insert Image' },
+        React.createElement("div", { className: 'space-y-4' },
+            React.createElement(UploadFile_1.PHXUploadFile, { apiCdnUpload: '/api/cdn-upload', basePath: '', defaultLink: [cdnLink], fileName: fileName, fileType: 'image', handleListenUpload: handleListenUpload, inCard: false, label: 'Image upload', moduleId: 'insert-editor-image', oneImg: true, projectId: 'phenikaa', titleHeaderAction: '' }),
+            React.createElement(Input_1.PHXInput, { defaultValue: altText, label: 'Alt Text', onChange: function (e) { return (altText = e.target.value); } }),
+            React.createElement(Select_1.PHXSelect, { defaultValue: position, label: 'Position', onChange: handlePositionChange, style: {
+                    border: '1px gray solid',
+                } },
+                React.createElement("option", { value: 'left' }, "Left"),
+                React.createElement("option", { value: 'right' }, "Right"),
+                React.createElement("option", { value: 'full' }, "Full Width")),
+            React.createElement(Checkbox_1.PHXCheckbox, { key: 'show_cation', onChange: handleShowCaptionChange, title: 'Show Caption' }))));
+}
+function InlineImagePlugin() {
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    (0, react_1.useEffect)(function () {
+        if (!editor.hasNodes([InlineImageNode_1.InlineImageNode])) {
+            throw new Error('ImagesPlugin: ImageNode not registered on editor');
+        }
+        return (0, utils_1.mergeRegister)(editor.registerCommand(exports.INSERT_INLINE_IMAGE_COMMAND, function (payload) {
+            var imageNode = (0, InlineImageNode_1.$createInlineImageNode)(payload);
+            (0, lexical_1.$insertNodes)([imageNode]);
+            if ((0, lexical_1.$isRootOrShadowRoot)(imageNode.getParentOrThrow())) {
+                (0, utils_1.$wrapNodeInElement)(imageNode, lexical_1.$createParagraphNode).selectEnd();
+            }
+            return true;
+        }, lexical_1.COMMAND_PRIORITY_EDITOR), editor.registerCommand(lexical_1.DRAGSTART_COMMAND, function (event) { return onDragStart(event); }, lexical_1.COMMAND_PRIORITY_HIGH), editor.registerCommand(lexical_1.DRAGOVER_COMMAND, function (event) { return onDragover(event); }, lexical_1.COMMAND_PRIORITY_LOW), editor.registerCommand(lexical_1.DROP_COMMAND, function (event) { return onDrop(event, editor); }, lexical_1.COMMAND_PRIORITY_HIGH));
+    }, [editor]);
+    return null;
+}
+var TRANSPARENT_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+function onDragStart(event) {
+    var img = document.createElement('img');
+    img.src = TRANSPARENT_IMAGE;
+    var node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    var dataTransfer = event.dataTransfer;
+    if (!dataTransfer) {
+        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) {
+    var node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    if (!canDropImage(event)) {
+        event.preventDefault();
+    }
+    return true;
+}
+function onDrop(event, editor) {
+    var node = getImageNodeInSelection();
+    if (!node) {
+        return false;
+    }
+    var data = getDragImageData(event);
+    if (!data) {
+        return false;
+    }
+    event.preventDefault();
+    if (canDropImage(event)) {
+        var range = getDragSelection(event);
+        node.remove();
+        var rangeSelection = (0, lexical_1.$createRangeSelection)();
+        if (range !== null && range !== undefined) {
+            rangeSelection.applyDOMRange(range);
+        }
+        (0, lexical_1.$setSelection)(rangeSelection);
+        editor.dispatchCommand(exports.INSERT_INLINE_IMAGE_COMMAND, data);
+    }
+    return true;
+}
+function getImageNodeInSelection() {
+    var selection = (0, lexical_1.$getSelection)();
+    if (!(0, lexical_1.$isNodeSelection)(selection)) {
+        return null;
+    }
+    var nodes = selection.getNodes();
+    var node = nodes[0];
+    return (0, InlineImageNode_1.$isInlineImageNode)(node) ? node : null;
+}
+function getDragImageData(event) {
+    var _a;
+    var dragData = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('application/x-lexical-drag');
+    if (!dragData) {
+        return null;
+    }
+    var _b = JSON.parse(dragData), data = _b.data, type = _b.type;
+    if (type !== 'image') {
+        return null;
+    }
+    return data;
+}
+function canDropImage(event) {
+    var target = event.target;
+    return !!(target &&
+        target instanceof HTMLElement &&
+        !target.closest('code, span.editor-image') &&
+        target.parentElement &&
+        target.parentElement.closest('div.ContentEditable__root'));
+}
+function getDragSelection(event) {
+    var range;
+    var target = event.target;
+    var targetWindow = target == null
+        ? null
+        : target.nodeType === 9
+            ? target.defaultView
+            : target.ownerDocument.defaultView;
+    var domSelection = getDOMSelection(targetWindow);
+    if (document.caretRangeFromPoint) {
+        range = document.caretRangeFromPoint(event.clientX, event.clientY);
+    }
+    else if (event.rangeParent && 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/cjs/components/TextEditorV2/plugins/InlineImagePlugin/index.js.map

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

package/dist/cjs/components/TextEditorV2/plugins/KeywordsPlugin/index.d.ts

@@ -0,0 +1 @@
+export default function KeywordsPlugin(): React.JSX.Element | null;

package/dist/cjs/components/TextEditorV2/plugins/KeywordsPlugin/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = KeywordsPlugin;
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var useLexicalTextEntity_1 = require("@lexical/react/useLexicalTextEntity");
+var react_1 = require("react");
+var KeywordNode_1 = require("../../nodes/KeywordNode");
+var KEYWORDS_REGEX = /(^|$|[^A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽॐक़-ॡॱ-ॷॹ-ॿঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-ഐഒ-ഺഽൎൠൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦫᧁ-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎↃↄⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⸯ々〆〱-〵〻〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿌ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚗꚠ-ꛥꜗ-ꜟꜢ-ꞈꞋ-ꞎꞐ-ꞓꞠ-Ɦꟸ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ])(congrats|congratulations|gratuluju|gratuluji|gratulujeme|blahopřeju|blahopřeji|blahopřejeme|Til lykke|Tillykke|Glückwunsch|Gratuliere|felicitaciones|enhorabuena|paljon onnea|onnittelut|Félicitations|gratula|gratulálok|gratulálunk|congratulazioni|complimenti|おめでとう|おめでとうございます|축하해|축하해요|gratulerer|Gefeliciteerd|gratulacje|Parabéns|parabéns|felicitações|felicitări|мои поздравления|поздравляем|поздравляю|gratulujem|blahoželám|ยินดีด้วย|ขอแสดงความยินดี|tebrikler|tebrik ederim|恭喜|祝贺你|恭喜你|恭喜|恭喜|baie geluk|veels geluk|অভিনন্দন|Čestitam|Čestitke|Čestitamo|Συγχαρητήρια|Μπράβο|અભિનંદન|badhai|बधाई|अभिनंदन|Честитам|Свака част|hongera|வாழ்த்துகள்|வாழ்த்துக்கள்|అభినందనలు|അഭിനന്ദനങ്ങൾ|Chúc mừng|מזל טוב|mazel tov|mazal tov)(^|$|[^A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽॐक़-ॡॱ-ॷॹ-ॿঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-ഐഒ-ഺഽൎൠൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦫᧁ-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎↃↄⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⸯ々〆〱-〵〻〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿌ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚗꚠ-ꛥꜗ-ꜟꜢ-ꞈꞋ-ꞎꞐ-ꞓꞠ-Ɦꟸ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ])/i;
+function KeywordsPlugin() {
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    (0, react_1.useEffect)(function () {
+        if (!editor.hasNodes([KeywordNode_1.KeywordNode])) {
+            throw new Error('KeywordsPlugin: KeywordNode not registered on editor');
+        }
+    }, [editor]);
+    var createKeywordNode = (0, react_1.useCallback)(function (textNode) { return (0, KeywordNode_1.$createKeywordNode)(textNode.getTextContent()); }, []);
+    var getKeywordMatch = (0, react_1.useCallback)(function (text) {
+        var matchArr = KEYWORDS_REGEX.exec(text);
+        if (matchArr === null) {
+            return null;
+        }
+        var hashtagLength = matchArr[2].length;
+        var startOffset = matchArr.index + matchArr[1].length;
+        var endOffset = startOffset + hashtagLength;
+        return {
+            end: endOffset,
+            start: startOffset,
+        };
+    }, []);
+    (0, useLexicalTextEntity_1.useLexicalTextEntity)(getKeywordMatch, KeywordNode_1.KeywordNode, createKeywordNode);
+    return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextEditorV2/plugins/KeywordsPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/plugins/KeywordsPlugin/index.ts"],"names":[],"mappings":";;AASA,iCAiCC;AA1CD,gFAAiF;AACjF,4EAA0E;AAE1E,+BAA8C;AAC9C,uDAAyE;AAEzE,IAAM,cAAc,GAClB,0/EAA0/E,CAAA;AAE5/E,SAAwB,cAAc;IAC7B,IAAA,MAAM,GAAI,IAAA,kDAAyB,GAAE,GAA/B,CAA+B;IAE5C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAW,CAAC,CAAC,EAAE,CAAC;YACpC,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;QACzE,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,UAAC,QAAkB,IAAkB,OAAA,IAAA,gCAAkB,EAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,EAA7C,CAA6C,EAClF,EAAE,CACH,CAAA;IAED,IAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,UAAC,IAAY;QAC/C,IAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAE1C,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;QACxC,IAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;QACvD,IAAM,SAAS,GAAG,WAAW,GAAG,aAAa,CAAA;QAC7C,OAAO;YACL,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,WAAW;SACnB,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,2CAAoB,EAAc,eAAe,EAAE,yBAAW,EAAE,iBAAiB,CAAC,CAAA;IAElF,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/LayoutPlugin/InsertLayoutDialog.d.ts

@@ -0,0 +1,6 @@
+import { LexicalEditor } from 'lexical';
+import * as React from 'react';
+export default function InsertLayoutDialog({ activeEditor, onClose, }: {
+    activeEditor: LexicalEditor;
+    onClose(): void;
+}): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/LayoutPlugin/InsertLayoutDialog.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = InsertLayoutDialog;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var Button_1 = tslib_1.__importDefault(require("../../ui/Button"));
+var DropDown_1 = tslib_1.__importStar(require("../../ui/DropDown"));
+var LayoutPlugin_1 = require("./LayoutPlugin");
+var LAYOUTS = [
+    { label: '2 columns (equal width)', value: '1fr 1fr' },
+    { label: '2 columns (25% - 75%)', value: '1fr 3fr' },
+    { 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' },
+];
+function InsertLayoutDialog(_a) {
+    var _b;
+    var activeEditor = _a.activeEditor, onClose = _a.onClose;
+    var _c = (0, react_1.useState)(LAYOUTS[0].value), layout = _c[0], setLayout = _c[1];
+    var buttonLabel = (_b = LAYOUTS.find(function (item) { return item.value === layout; })) === null || _b === void 0 ? void 0 : _b.label;
+    var onClick = function () {
+        activeEditor.dispatchCommand(LayoutPlugin_1.INSERT_LAYOUT_COMMAND, layout);
+        onClose();
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DropDown_1.default, { buttonClassName: 'toolbar-item dialog-dropdown', buttonLabel: buttonLabel }, LAYOUTS.map(function (_a) {
+            var label = _a.label, value = _a.value;
+            return (React.createElement(DropDown_1.DropDownItem, { key: value, className: 'item', onClick: function () { return setLayout(value); } },
+                React.createElement("span", { className: 'text' }, label)));
+        })),
+        React.createElement(Button_1.default, { onClick: onClick }, "Insert")));
+}
+//# sourceMappingURL=InsertLayoutDialog.js.map

package/dist/cjs/components/TextEditorV2/plugins/LayoutPlugin/InsertLayoutDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertLayoutDialog.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/plugins/LayoutPlugin/InsertLayoutDialog.tsx"],"names":[],"mappings":";;AAeA,qCA2BC;;AAzCD,mDAA8B;AAC9B,+BAAgC;AAChC,mEAAoC;AACpC,oEAA0D;AAC1D,+CAAsD;AAEtD,IAAM,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,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,SAAwB,kBAAkB,CAAC,EAM1C;;QALC,YAAY,kBAAA,EACZ,OAAO,aAAA;IAKD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAA;IACtD,IAAM,WAAW,GAAG,MAAA,OAAO,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,MAAM,EAArB,CAAqB,CAAC,0CAAE,KAAK,CAAA;IAExE,IAAM,OAAO,GAAG;QACd,YAAY,CAAC,eAAe,CAAC,oCAAqB,EAAE,MAAM,CAAC,CAAA;QAC3D,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,kBAAQ,IAAC,eAAe,EAAC,8BAA8B,EAAC,WAAW,EAAE,WAAW,IAC9E,OAAO,CAAC,GAAG,CAAC,UAAC,EAAgB;gBAAd,KAAK,WAAA,EAAE,KAAK,WAAA;YAAO,OAAA,CACjC,oBAAC,uBAAY,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB;gBACxE,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CACxB,CAChB;QAJkC,CAIlC,CAAC,CACO;QACX,oBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,aAAiB,CACxC,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/LayoutPlugin/LayoutPlugin.d.ts

@@ -0,0 +1,7 @@
+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;

package/dist/cjs/components/TextEditorV2/plugins/LayoutPlugin/LayoutPlugin.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UPDATE_LAYOUT_COMMAND = exports.INSERT_LAYOUT_COMMAND = void 0;
+exports.LayoutPlugin = LayoutPlugin;
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var utils_1 = require("@lexical/utils");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+var LayoutContainerNode_1 = require("../../nodes/LayoutContainerNode");
+var LayoutItemNode_1 = require("../../nodes/LayoutItemNode");
+exports.INSERT_LAYOUT_COMMAND = (0, lexical_1.createCommand)();
+exports.UPDATE_LAYOUT_COMMAND = (0, lexical_1.createCommand)();
+function LayoutPlugin() {
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    (0, react_1.useEffect)(function () {
+        if (!editor.hasNodes([LayoutContainerNode_1.LayoutContainerNode, LayoutItemNode_1.LayoutItemNode])) {
+            throw new Error('LayoutPlugin: LayoutContainerNode, or LayoutItemNode not registered on editor');
+        }
+        return (0, utils_1.mergeRegister)(editor.registerCommand(exports.INSERT_LAYOUT_COMMAND, function (template) {
+            editor.update(function () {
+                var container = (0, LayoutContainerNode_1.$createLayoutContainerNode)(template);
+                var itemsCount = getItemsCountFromTemplate(template);
+                for (var i = 0; i < itemsCount; i++) {
+                    container.append((0, LayoutItemNode_1.$createLayoutItemNode)().append((0, lexical_1.$createParagraphNode)()));
+                }
+                (0, utils_1.$insertNodeToNearestRoot)(container);
+                container.selectStart();
+            });
+            return true;
+        }, lexical_1.COMMAND_PRIORITY_EDITOR), editor.registerCommand(exports.UPDATE_LAYOUT_COMMAND, function (_a) {
+            var nodeKey = _a.nodeKey, template = _a.template;
+            editor.update(function () {
+                var container = (0, lexical_1.$getNodeByKey)(nodeKey);
+                if (!(0, LayoutContainerNode_1.$isLayoutContainerNode)(container)) {
+                    return;
+                }
+                var itemsCount = getItemsCountFromTemplate(template);
+                var prevItemsCount = getItemsCountFromTemplate(container.getTemplateColumns());
+                // Add or remove extra columns if new template does not match existing one
+                if (itemsCount > prevItemsCount) {
+                    for (var i = prevItemsCount; i < itemsCount; i++) {
+                        container.append((0, LayoutItemNode_1.$createLayoutItemNode)().append((0, lexical_1.$createParagraphNode)()));
+                    }
+                }
+                else if (itemsCount < prevItemsCount) {
+                    for (var i = prevItemsCount; i < itemsCount; i++) {
+                        var layoutItem = container.getChildAtIndex(i);
+                        if ((0, LayoutItemNode_1.$isLayoutItemNode)(layoutItem)) {
+                            for (var _i = 0, _a = layoutItem.getChildren(); _i < _a.length; _i++) {
+                                var child = _a[_i];
+                                container.insertAfter(child);
+                            }
+                        }
+                    }
+                }
+                container.setTemplateColumns(template);
+            });
+            return true;
+        }, lexical_1.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_1.LayoutItemNode, function (node) {
+            var parent = node.getParent();
+            if (!(0, LayoutContainerNode_1.$isLayoutContainerNode)(parent)) {
+                var children = node.getChildren();
+                for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+                    var child = children_1[_i];
+                    node.insertBefore(child);
+                }
+                node.remove();
+            }
+        }), editor.registerNodeTransform(LayoutContainerNode_1.LayoutContainerNode, function (node) {
+            var children = node.getChildren();
+            if (!children.every(LayoutItemNode_1.$isLayoutItemNode)) {
+                for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {
+                    var child = children_2[_i];
+                    node.insertBefore(child);
+                }
+                node.remove();
+            }
+        }));
+    }, [editor]);
+    return null;
+}
+function getItemsCountFromTemplate(template) {
+    return template.trim().split(/\s+/).length;
+}
+//# sourceMappingURL=LayoutPlugin.js.map

package/dist/cjs/components/TextEditorV2/plugins/LayoutPlugin/LayoutPlugin.js.map

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

package/dist/cjs/components/TextEditorV2/plugins/LinkPlugin/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function LinkPlugin(): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/LinkPlugin/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LinkPlugin;
+var tslib_1 = require("tslib");
+var LexicalLinkPlugin_1 = require("@lexical/react/LexicalLinkPlugin");
+var React = tslib_1.__importStar(require("react"));
+var url_1 = require("../../utils/url");
+function LinkPlugin() {
+    return React.createElement(LexicalLinkPlugin_1.LinkPlugin, { validateUrl: url_1.validateUrl });
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextEditorV2/plugins/LinkPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/plugins/LinkPlugin/index.tsx"],"names":[],"mappings":";;AAIA,6BAEC;;AAND,sEAAkF;AAClF,mDAA8B;AAC9B,uCAA6C;AAE7C,SAAwB,UAAU;IAChC,OAAO,oBAAC,8BAAiB,IAAC,WAAW,EAAE,iBAAW,GAAI,CAAA;AACxD,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/ListMaxIndentLevelPlugin/index.d.ts

@@ -0,0 +1,5 @@
+type Props = Readonly<{
+    maxDepth: number | null | undefined;
+}>;
+export default function ListMaxIndentLevelPlugin({ maxDepth }: Props): null;
+export {};

package/dist/cjs/components/TextEditorV2/plugins/ListMaxIndentLevelPlugin/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ListMaxIndentLevelPlugin;
+var list_1 = require("@lexical/list");
+var LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+var lexical_1 = require("lexical");
+var react_1 = require("react");
+function getElementNodesInSelection(selection) {
+    var nodesInSelection = selection.getNodes();
+    if (nodesInSelection.length === 0) {
+        return new Set([selection.anchor.getNode().getParentOrThrow(), selection.focus.getNode().getParentOrThrow()]);
+    }
+    return new Set(nodesInSelection.map(function (n) { return ((0, lexical_1.$isElementNode)(n) ? n : n.getParentOrThrow()); }));
+}
+function isIndentPermitted(maxDepth) {
+    var selection = (0, lexical_1.$getSelection)();
+    if (!(0, lexical_1.$isRangeSelection)(selection)) {
+        return false;
+    }
+    var elementNodesInSelection = getElementNodesInSelection(selection);
+    var totalDepth = 0;
+    elementNodesInSelection.forEach(function (elementNode) {
+        if ((0, list_1.$isListNode)(elementNode)) {
+            totalDepth = Math.max((0, list_1.$getListDepth)(elementNode) + 1, totalDepth);
+        }
+        else if ((0, list_1.$isListItemNode)(elementNode)) {
+            var parent_1 = elementNode.getParent();
+            if (!(0, list_1.$isListNode)(parent_1)) {
+                throw new Error('ListMaxIndentLevelPlugin: A ListItemNode must have a ListNode for a parent.');
+            }
+            totalDepth = Math.max((0, list_1.$getListDepth)(parent_1) + 1, totalDepth);
+        }
+    });
+    return totalDepth <= maxDepth;
+}
+function ListMaxIndentLevelPlugin(_a) {
+    var maxDepth = _a.maxDepth;
+    var editor = (0, LexicalComposerContext_1.useLexicalComposerContext)()[0];
+    (0, react_1.useEffect)(function () {
+        return editor.registerCommand(lexical_1.INDENT_CONTENT_COMMAND, function () { return !isIndentPermitted(maxDepth !== null && maxDepth !== void 0 ? maxDepth : 7); }, lexical_1.COMMAND_PRIORITY_CRITICAL);
+    }, [editor, maxDepth]);
+    return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextEditorV2/plugins/ListMaxIndentLevelPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/plugins/ListMaxIndentLevelPlugin/index.ts"],"names":[],"mappings":";;AAuDA,2CAaC;AApED,sCAA2E;AAC3E,gFAAiF;AAEjF,mCAOgB;AAChB,+BAAiC;AAMjC,SAAS,0BAA0B,CAAC,SAAyB;IAC3D,IAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAA;IAE7C,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAA;IAC/G,CAAC;IAED,OAAO,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,IAAA,wBAAc,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,EAA9C,CAA8C,CAAC,CAAC,CAAA;AAC7F,CAAC;AAED,SAAS,iBAAiB,CAAC,QAAgB;IACzC,IAAM,SAAS,GAAG,IAAA,uBAAa,GAAE,CAAA;IAEjC,IAAI,CAAC,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE,CAAC;QAClC,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAM,uBAAuB,GAAqB,0BAA0B,CAAC,SAAS,CAAC,CAAA;IAEvF,IAAI,UAAU,GAAG,CAAC,CAAA;IAElB,uBAAuB,CAAC,OAAO,CAAC,UAAC,WAAW;QAC1C,IAAI,IAAA,kBAAW,EAAC,WAAW,CAAC,EAAE,CAAC;YAC7B,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAA,oBAAa,EAAC,WAAW,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;QACnE,CAAC;aAAM,IAAI,IAAA,sBAAe,EAAC,WAAW,CAAC,EAAE,CAAC;YACxC,IAAM,QAAM,GAAG,WAAW,CAAC,SAAS,EAAE,CAAA;YAEtC,IAAI,CAAC,IAAA,kBAAW,EAAC,QAAM,CAAC,EAAE,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAA;YAChG,CAAC;YAED,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAA,oBAAa,EAAC,QAAM,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,UAAU,IAAI,QAAQ,CAAA;AAC/B,CAAC;AAED,SAAwB,wBAAwB,CAAC,EAAmB;QAAjB,QAAQ,cAAA;IAClD,IAAA,MAAM,GAAI,IAAA,kDAAyB,GAAE,GAA/B,CAA+B;IAE5C,IAAA,iBAAS,EACP;QACE,OAAA,MAAM,CAAC,eAAe,CACpB,gCAAsB,EACtB,cAAM,OAAA,CAAC,iBAAiB,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC,EAAjC,CAAiC,EACvC,mCAAyB,CAC1B;IAJD,CAIC,EACH,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/MarkdownShortcutPlugin/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function MarkdownPlugin(): React.JSX.Element;

package/dist/cjs/components/TextEditorV2/plugins/MarkdownShortcutPlugin/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MarkdownPlugin;
+var tslib_1 = require("tslib");
+var LexicalMarkdownShortcutPlugin_1 = require("@lexical/react/LexicalMarkdownShortcutPlugin");
+var React = tslib_1.__importStar(require("react"));
+var MarkdownTransformers_1 = require("../MarkdownTransformers");
+function MarkdownPlugin() {
+    return React.createElement(LexicalMarkdownShortcutPlugin_1.MarkdownShortcutPlugin, { transformers: MarkdownTransformers_1.PLAYGROUND_TRANSFORMERS });
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextEditorV2/plugins/MarkdownShortcutPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/plugins/MarkdownShortcutPlugin/index.tsx"],"names":[],"mappings":";;AAIA,iCAEC;;AAND,8FAAqF;AACrF,mDAA8B;AAC9B,gEAAiE;AAEjE,SAAwB,cAAc;IACpC,OAAO,oBAAC,sDAAsB,IAAC,YAAY,EAAE,8CAAuB,GAAI,CAAA;AAC1E,CAAC"}

package/dist/cjs/components/TextEditorV2/plugins/MarkdownTransformers/index.d.ts

@@ -0,0 +1,8 @@
+import { ElementTransformer, TextMatchTransformer, Transformer } from '@lexical/markdown';
+export declare const HR: ElementTransformer;
+export declare const IMAGE: TextMatchTransformer;
+export declare const EMOJI: TextMatchTransformer;
+export declare const EQUATION: TextMatchTransformer;
+export declare const TWEET: ElementTransformer;
+export declare const TABLE: ElementTransformer;
+export declare const PLAYGROUND_TRANSFORMERS: Array<Transformer>;