phx-react 1.3.1578 → 1.3.1579

package/dist/esm/components/TextEditorV2/nodes/TweetNode.js

@@ -5,60 +5,46 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { BlockWithAlignableContents } from '@lexical/react/LexicalBlockWithAlignableContents';
 import { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
 import * as React from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
-var WIDGET_SCRIPT_URL = 'https://platform.twitter.com/widgets.js';
+const WIDGET_SCRIPT_URL = 'https://platform.twitter.com/widgets.js';
 function convertTweetElement(domNode) {
-    var id = domNode.getAttribute('data-lexical-tweet-id');
+    const id = domNode.getAttribute('data-lexical-tweet-id');
     if (id) {
-        var node = $createTweetNode(id);
-        return { node: node };
+        const node = $createTweetNode(id);
+        return { node };
     }
     return null;
 }
-var isTwitterScriptLoading = true;
-function TweetComponent(_a) {
-    var _this = this;
-    var className = _a.className, format = _a.format, loadingComponent = _a.loadingComponent, nodeKey = _a.nodeKey, onError = _a.onError, onLoad = _a.onLoad, tweetID = _a.tweetID;
-    var containerRef = useRef(null);
-    var previousTweetIDRef = useRef('');
-    var _b = useState(false), isTweetLoading = _b[0], setIsTweetLoading = _b[1];
-    var createTweet = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    // @ts-expect-error Twitter is attached to the window.
-                    return [4 /*yield*/, window.twttr.widgets.createTweet(tweetID, containerRef.current)];
-                case 1:
-                    // @ts-expect-error Twitter is attached to the window.
-                    _a.sent();
-                    setIsTweetLoading(false);
-                    isTwitterScriptLoading = false;
-                    if (onLoad) {
-                        onLoad();
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _a.sent();
-                    if (onError) {
-                        onError(String(error_1));
-                    }
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+let isTwitterScriptLoading = true;
+function TweetComponent({ className, format, loadingComponent, nodeKey, onError, onLoad, tweetID, }) {
+    const containerRef = useRef(null);
+    const previousTweetIDRef = useRef('');
+    const [isTweetLoading, setIsTweetLoading] = useState(false);
+    const createTweet = useCallback(async () => {
+        try {
+            // @ts-expect-error Twitter is attached to the window.
+            await window.twttr.widgets.createTweet(tweetID, containerRef.current);
+            setIsTweetLoading(false);
+            isTwitterScriptLoading = false;
+            if (onLoad) {
+                onLoad();
             }
-        });
-    }); }, [onError, onLoad, tweetID]);
-    useEffect(function () {
+        }
+        catch (error) {
+            if (onError) {
+                onError(String(error));
+            }
+        }
+    }, [onError, onLoad, tweetID]);
+    useEffect(() => {
         var _a;
         if (tweetID !== previousTweetIDRef.current) {
             setIsTweetLoading(true);
             if (isTwitterScriptLoading) {
-                var script = document.createElement('script');
+                const script = document.createElement('script');
                 script.src = WIDGET_SCRIPT_URL;
                 script.async = true;
                 (_a = document.body) === null || _a === void 0 ? void 0 : _a.appendChild(script);
@@ -79,30 +65,29 @@ function TweetComponent(_a) {
         isTweetLoading ? loadingComponent : null,
         React.createElement("div", { ref: containerRef, style: { display: 'inline-block', width: '550px' } })));
 }
-var TweetNode = /** @class */ (function (_super) {
-    __extends(TweetNode, _super);
-    function TweetNode(id, format, key) {
-        var _this = _super.call(this, format, key) || this;
-        _this.__id = id;
-        return _this;
-    }
-    TweetNode.getType = function () {
+export class TweetNode extends DecoratorBlockNode {
+    static getType() {
         return 'tweet';
-    };
-    TweetNode.clone = function (node) {
+    }
+    static clone(node) {
         return new TweetNode(node.__id, node.__format, node.__key);
-    };
-    TweetNode.importJSON = function (serializedNode) {
-        var node = $createTweetNode(serializedNode.id);
+    }
+    static importJSON(serializedNode) {
+        const node = $createTweetNode(serializedNode.id);
         node.setFormat(serializedNode.format);
         return node;
-    };
-    TweetNode.prototype.exportJSON = function () {
-        return __assign(__assign({}, _super.prototype.exportJSON.call(this)), { id: this.getId(), type: 'tweet', version: 1 });
-    };
-    TweetNode.importDOM = function () {
+    }
+    exportJSON() {
         return {
-            div: function (domNode) {
+            ...super.exportJSON(),
+            id: this.getId(),
+            type: 'tweet',
+            version: 1,
+        };
+    }
+    static importDOM() {
+        return {
+            div: (domNode) => {
                 if (!domNode.hasAttribute('data-lexical-tweet-id')) {
                     return null;
                 }
@@ -112,36 +97,38 @@ var TweetNode = /** @class */ (function (_super) {
                 };
             },
         };
-    };
-    TweetNode.prototype.exportDOM = function () {
-        var element = document.createElement('div');
+    }
+    exportDOM() {
+        const element = document.createElement('div');
         element.setAttribute('data-lexical-tweet-id', this.__id);
-        var text = document.createTextNode(this.getTextContent());
+        const text = document.createTextNode(this.getTextContent());
         element.append(text);
-        return { element: element };
-    };
-    TweetNode.prototype.getId = function () {
+        return { element };
+    }
+    constructor(id, format, key) {
+        super(format, key);
+        this.__id = id;
+    }
+    getId() {
         return this.__id;
-    };
-    TweetNode.prototype.getTextContent = function (
+    }
+    getTextContent(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _includeInert, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _includeDirectionless) {
-        return "https://x.com/i/web/status/".concat(this.__id);
-    };
-    TweetNode.prototype.decorate = function (editor, config) {
+        return `https://x.com/i/web/status/${this.__id}`;
+    }
+    decorate(editor, config) {
         console.log(editor);
-        var embedBlockTheme = config.theme.embedBlock || {};
-        var className = {
+        const embedBlockTheme = config.theme.embedBlock || {};
+        const className = {
             base: embedBlockTheme.base || '',
             focus: embedBlockTheme.focus || '',
         };
         return (React.createElement(TweetComponent, { className: className, format: this.__format, loadingComponent: 'Loading...', nodeKey: this.getKey(), tweetID: this.__id }));
-    };
-    return TweetNode;
-}(DecoratorBlockNode));
-export { TweetNode };
+    }
+}
 export function $createTweetNode(tweetID) {
     return new TweetNode(tweetID);
 }

package/dist/esm/components/TextEditorV2/nodes/TweetNode.js.map

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

package/dist/esm/components/TextEditorV2/nodes/YouTubeNode.js

@@ -5,59 +5,60 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { __assign, __extends } from "tslib";
 import { BlockWithAlignableContents } from '@lexical/react/LexicalBlockWithAlignableContents';
 import { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
 import * as React from 'react';
-function YouTubeComponent(_a) {
-    var className = _a.className, format = _a.format, nodeKey = _a.nodeKey, videoID = _a.videoID;
+function YouTubeComponent({ className, format, nodeKey, videoID }) {
     return (React.createElement(BlockWithAlignableContents, { className: className, format: format, nodeKey: nodeKey },
-        React.createElement("iframe", { allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture', allowFullScreen: true, frameBorder: '0', height: '315', src: "https://www.youtube-nocookie.com/embed/".concat(videoID), title: 'YouTube video', width: '560' })));
+        React.createElement("iframe", { allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture', allowFullScreen: true, frameBorder: '0', height: '315', src: `https://www.youtube-nocookie.com/embed/${videoID}`, title: 'YouTube video', width: '560' })));
 }
 function convertYoutubeElement(domNode) {
-    var videoID = domNode.getAttribute('data-lexical-youtube');
+    const videoID = domNode.getAttribute('data-lexical-youtube');
     if (videoID) {
-        var node = $createYouTubeNode(videoID);
-        return { node: node };
+        const node = $createYouTubeNode(videoID);
+        return { node };
     }
     return null;
 }
-var YouTubeNode = /** @class */ (function (_super) {
-    __extends(YouTubeNode, _super);
-    function YouTubeNode(id, format, key) {
-        var _this = _super.call(this, format, key) || this;
-        _this.__id = id;
-        return _this;
-    }
-    YouTubeNode.getType = function () {
+export class YouTubeNode extends DecoratorBlockNode {
+    static getType() {
         return 'youtube';
-    };
-    YouTubeNode.clone = function (node) {
+    }
+    static clone(node) {
         return new YouTubeNode(node.__id, node.__format, node.__key);
-    };
-    YouTubeNode.importJSON = function (serializedNode) {
-        var node = $createYouTubeNode(serializedNode.videoID);
+    }
+    static importJSON(serializedNode) {
+        const node = $createYouTubeNode(serializedNode.videoID);
         node.setFormat(serializedNode.format);
         return node;
-    };
-    YouTubeNode.prototype.exportJSON = function () {
-        return __assign(__assign({}, _super.prototype.exportJSON.call(this)), { type: 'youtube', version: 1, videoID: this.__id });
-    };
-    YouTubeNode.prototype.exportDOM = function () {
-        var element = document.createElement('iframe');
+    }
+    exportJSON() {
+        return {
+            ...super.exportJSON(),
+            type: 'youtube',
+            version: 1,
+            videoID: this.__id,
+        };
+    }
+    constructor(id, format, key) {
+        super(format, key);
+        this.__id = id;
+    }
+    exportDOM() {
+        const element = document.createElement('iframe');
         element.setAttribute('data-lexical-youtube', this.__id);
         element.setAttribute('width', '560');
         element.setAttribute('height', '315');
-        element.setAttribute('src', "https://www.youtube-nocookie.com/embed/".concat(this.__id));
+        element.setAttribute('src', `https://www.youtube-nocookie.com/embed/${this.__id}`);
         element.setAttribute('frameborder', '0');
         element.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
         element.setAttribute('allowfullscreen', 'true');
         element.setAttribute('title', 'YouTube video');
-        return { element: element };
-    };
-    YouTubeNode.importDOM = function () {
+        return { element };
+    }
+    static importDOM() {
         return {
-            iframe: function (domNode) {
+            iframe: (domNode) => {
                 if (!domNode.hasAttribute('data-lexical-youtube')) {
                     return null;
                 }
@@ -67,28 +68,26 @@ var YouTubeNode = /** @class */ (function (_super) {
                 };
             },
         };
-    };
-    YouTubeNode.prototype.updateDOM = function () {
+    }
+    updateDOM() {
         return false;
-    };
-    YouTubeNode.prototype.getTextContent = function (
+    }
+    getTextContent(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _includeInert, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _includeDirectionless) {
-        return "https://www.youtube.com/watch?v=".concat(this.__id);
-    };
-    YouTubeNode.prototype.decorate = function (_editor, config) {
-        var embedBlockTheme = config.theme.embedBlock || {};
-        var className = {
+        return `https://www.youtube.com/watch?v=${this.__id}`;
+    }
+    decorate(_editor, config) {
+        const embedBlockTheme = config.theme.embedBlock || {};
+        const className = {
             base: embedBlockTheme.base || '',
             focus: embedBlockTheme.focus || '',
         };
         return React.createElement(YouTubeComponent, { className: className, format: this.__format, nodeKey: this.getKey(), videoID: this.__id });
-    };
-    return YouTubeNode;
-}(DecoratorBlockNode));
-export { YouTubeNode };
+    }
+}
 export function $createYouTubeNode(videoID) {
     return new YouTubeNode(videoID);
 }

package/dist/esm/components/TextEditorV2/nodes/YouTubeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"YouTubeNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/YouTubeNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;AAEH,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAA;AAC7F,OAAO,EAAE,kBAAkB,EAAgC,MAAM,0CAA0C,CAAA;AAY3G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,SAAS,gBAAgB,CAAC,EAA8D;QAA5D,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IAC7D,OAAO,CACL,oBAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;QAChF,gCACE,KAAK,EAAC,0FAA0F,EAChG,eAAe,QACf,WAAW,EAAC,GAAG,EACf,MAAM,EAAC,KAAK,EACZ,GAAG,EAAE,iDAA0C,OAAO,CAAE,EACxD,KAAK,EAAC,eAAe,EACrB,KAAK,EAAC,KAAK,GACX,CACyB,CAC9B,CAAA;AACH,CAAC;AASD,SAAS,qBAAqB,CAAC,OAAoB;IACjD,IAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAA;IAC5D,IAAI,OAAO,EAAE,CAAC;QACZ,IAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA;QACxC,OAAO,EAAE,IAAI,MAAA,EAAE,CAAA;IACjB,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED;IAAiC,+BAAkB;IA0BjD,qBAAY,EAAU,EAAE,MAA0B,EAAE,GAAa;QAC/D,YAAA,MAAK,YAAC,MAAM,EAAE,GAAG,CAAC,SAAA;QAClB,KAAI,CAAC,IAAI,GAAG,EAAE,CAAA;;IAChB,CAAC;IA1Ba,mBAAO,GAArB;QACE,OAAO,SAAS,CAAA;IAClB,CAAC;IAEa,iBAAK,GAAnB,UAAoB,IAAiB;QACnC,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9D,CAAC;IAEa,sBAAU,GAAxB,UAAyB,cAAqC;QAC5D,IAAM,IAAI,GAAG,kBAAkB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;QACvD,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACrC,OAAO,IAAI,CAAA;IACb,CAAC;IAEM,gCAAU,GAAjB;QACE,6BACK,gBAAK,CAAC,UAAU,WAAE,KACrB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,IAAI,CAAC,IAAI,IACnB;IACH,CAAC;IAOM,+BAAS,GAAhB;QACE,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAChD,OAAO,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACvD,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QACpC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;QACrC,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,iDAA0C,IAAI,CAAC,IAAI,CAAE,CAAC,CAAA;QAClF,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,CAAA;QACxC,OAAO,CAAC,YAAY,CAClB,OAAO,EACP,0FAA0F,CAC3F,CAAA;QACD,OAAO,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;QAC/C,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;QAC9C,OAAO,EAAE,OAAO,SAAA,EAAE,CAAA;IACpB,CAAC;IAEa,qBAAS,GAAvB;QACE,OAAO;YACL,MAAM,EAAE,UAAC,OAAoB;gBAC3B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,CAAC;oBAClD,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO;oBACL,UAAU,EAAE,qBAAqB;oBACjC,QAAQ,EAAE,CAAC;iBACZ,CAAA;YACH,CAAC;SACF,CAAA;IACH,CAAC;IAEM,+BAAS,GAAhB;QACE,OAAO,KAAK,CAAA;IACd,CAAC;IAEM,oCAAc,GAArB;IACE,6DAA6D;IAC7D,aAAmC;IACnC,6DAA6D;IAC7D,qBAAyC;QAEzC,OAAO,0CAAmC,IAAI,CAAC,IAAI,CAAE,CAAA;IACvD,CAAC;IAEM,8BAAQ,GAAf,UAAgB,OAAsB,EAAE,MAAoB;QAC1D,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAA;QACrD,IAAM,SAAS,GAAG;YAChB,IAAI,EAAE,eAAe,CAAC,IAAI,IAAI,EAAE;YAChC,KAAK,EAAE,eAAe,CAAC,KAAK,IAAI,EAAE;SACnC,CAAA;QACD,OAAO,oBAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CAAA;IACtH,CAAC;IACH,kBAAC;AAAD,CAAC,AAlFD,CAAiC,kBAAkB,GAkFlD;;AAED,MAAM,UAAU,kBAAkB,CAAC,OAAe;IAChD,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAkD;IAC/E,OAAO,IAAI,YAAY,WAAW,CAAA;AACpC,CAAC"}
+{"version":3,"file":"YouTubeNode.js","sourceRoot":"","sources":["../../../../../src/components/TextEditorV2/nodes/YouTubeNode.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TextEditorV2/plugins/ActionsPlugin/index.js

@@ -1,4 +1,3 @@
-import { __awaiter, __generator } from "tslib";
 import { $createCodeNode, $isCodeNode } from '@lexical/code';
 import { exportFile, importFile } from '@lexical/file';
 import { $convertFromMarkdownString, $convertToMarkdownString } from '@lexical/markdown';
@@ -12,140 +11,106 @@ import { useCallback, useEffect, useState } from 'react';
 import useModal from '../../hooks/useModal';
 import Button from '../../ui/Button';
 import { PLAYGROUND_TRANSFORMERS } from '../MarkdownTransformers';
-function sendEditorState(editor) {
-    return __awaiter(this, void 0, void 0, function () {
-        var stringifiedEditorState, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    stringifiedEditorState = JSON.stringify(editor.getEditorState());
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, fetch('http://localhost:1235/setEditorState', {
-                            body: stringifiedEditorState,
-                            headers: {
-                                Accept: 'application/json',
-                                'Content-type': 'application/json',
-                            },
-                            method: 'POST',
-                        })];
-                case 2:
-                    _b.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    _a = _b.sent();
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
+async function sendEditorState(editor) {
+    const stringifiedEditorState = JSON.stringify(editor.getEditorState());
+    try {
+        await fetch('http://localhost:1235/setEditorState', {
+            body: stringifiedEditorState,
+            headers: {
+                Accept: 'application/json',
+                'Content-type': 'application/json',
+            },
+            method: 'POST',
         });
-    });
+    }
+    catch (_a) {
+        // NO-OP
+    }
 }
-function validateEditorState(editor) {
-    return __awaiter(this, void 0, void 0, function () {
-        var stringifiedEditorState, response, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    stringifiedEditorState = JSON.stringify(editor.getEditorState());
-                    response = null;
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, fetch('http://localhost:1235/validateEditorState', {
-                            body: stringifiedEditorState,
-                            headers: {
-                                Accept: 'application/json',
-                                'Content-type': 'application/json',
-                            },
-                            method: 'POST',
-                        })];
-                case 2:
-                    response = _b.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    _a = _b.sent();
-                    return [3 /*break*/, 4];
-                case 4:
-                    if (response !== null && response.status === 403) {
-                        throw new Error('Editor state validation failed! Server did not accept changes.');
-                    }
-                    return [2 /*return*/];
-            }
+async function validateEditorState(editor) {
+    const stringifiedEditorState = JSON.stringify(editor.getEditorState());
+    let response = null;
+    try {
+        response = await fetch('http://localhost:1235/validateEditorState', {
+            body: stringifiedEditorState,
+            headers: {
+                Accept: 'application/json',
+                'Content-type': 'application/json',
+            },
+            method: 'POST',
         });
-    });
+    }
+    catch (_a) {
+        // NO-OP
+    }
+    if (response !== null && response.status === 403) {
+        throw new Error('Editor state validation failed! Server did not accept changes.');
+    }
 }
 export default function ActionsPlugin() {
-    var editor = useLexicalComposerContext()[0];
-    var _a = useState(function () { return editor.isEditable(); }), isEditable = _a[0], setIsEditable = _a[1];
-    var _b = useState(false), connected = _b[0], setConnected = _b[1];
-    var _c = useState(true), isEditorEmpty = _c[0], setIsEditorEmpty = _c[1];
-    var _d = useModal(), modal = _d[0], showModal = _d[1];
-    var isCollabActive = useCollaborationContext().isCollabActive;
-    useEffect(function () {
-        return mergeRegister(editor.registerEditableListener(function (editable) {
-            setIsEditable(editable);
-        }), editor.registerCommand(CONNECTED_COMMAND, function (payload) {
-            var isConnected = payload;
-            setConnected(isConnected);
-            return false;
-        }, COMMAND_PRIORITY_EDITOR));
-    }, [editor]);
-    useEffect(function () {
-        return editor.registerUpdateListener(function (_a) {
-            var dirtyElements = _a.dirtyElements, tags = _a.tags;
-            // If we are in read only mode, send the editor state
-            // to server and ask for validation if possible.
-            if (!isEditable && dirtyElements.size > 0 && !tags.has('historic') && !tags.has('collaboration')) {
-                validateEditorState(editor);
+    const [editor] = useLexicalComposerContext();
+    const [isEditable, setIsEditable] = useState(() => editor.isEditable());
+    const [connected, setConnected] = useState(false);
+    const [isEditorEmpty, setIsEditorEmpty] = useState(true);
+    const [modal, showModal] = useModal();
+    const { isCollabActive } = useCollaborationContext();
+    useEffect(() => mergeRegister(editor.registerEditableListener((editable) => {
+        setIsEditable(editable);
+    }), editor.registerCommand(CONNECTED_COMMAND, (payload) => {
+        const isConnected = payload;
+        setConnected(isConnected);
+        return false;
+    }, COMMAND_PRIORITY_EDITOR)), [editor]);
+    useEffect(() => editor.registerUpdateListener(({ dirtyElements, tags }) => {
+        // If we are in read only mode, send the editor state
+        // to server and ask for validation if possible.
+        if (!isEditable && dirtyElements.size > 0 && !tags.has('historic') && !tags.has('collaboration')) {
+            validateEditorState(editor);
+        }
+        editor.getEditorState().read(() => {
+            const root = $getRoot();
+            const children = root.getChildren();
+            if (children.length > 1) {
+                setIsEditorEmpty(false);
             }
-            editor.getEditorState().read(function () {
-                var root = $getRoot();
-                var children = root.getChildren();
-                if (children.length > 1) {
-                    setIsEditorEmpty(false);
+            else {
+                if ($isParagraphNode(children[0])) {
+                    const paragraphChildren = children[0].getChildren();
+                    setIsEditorEmpty(paragraphChildren.length === 0);
                 }
                 else {
-                    if ($isParagraphNode(children[0])) {
-                        var paragraphChildren = children[0].getChildren();
-                        setIsEditorEmpty(paragraphChildren.length === 0);
-                    }
-                    else {
-                        setIsEditorEmpty(false);
-                    }
+                    setIsEditorEmpty(false);
                 }
-            });
+            }
         });
-    }, [editor, isEditable]);
-    var handleMarkdownToggle = useCallback(function () {
-        editor.update(function () {
-            var root = $getRoot();
-            var firstChild = root.getFirstChild();
+    }), [editor, isEditable]);
+    const handleMarkdownToggle = useCallback(() => {
+        editor.update(() => {
+            const root = $getRoot();
+            const firstChild = root.getFirstChild();
             if ($isCodeNode(firstChild) && firstChild.getLanguage() === 'markdown') {
                 $convertFromMarkdownString(firstChild.getTextContent(), PLAYGROUND_TRANSFORMERS);
             }
             else {
-                var markdown = $convertToMarkdownString(PLAYGROUND_TRANSFORMERS);
+                const markdown = $convertToMarkdownString(PLAYGROUND_TRANSFORMERS);
                 root.clear().append($createCodeNode('markdown').append($createTextNode(markdown)));
             }
             root.selectEnd();
         });
     }, [editor]);
     return (React.createElement("div", { className: 'actions' },
-        React.createElement("button", { "aria-label": 'Import editor state from JSON', className: 'action-button import', onClick: function () { return importFile(editor); }, title: 'Import', type: 'button' },
+        React.createElement("button", { "aria-label": 'Import editor state from JSON', className: 'action-button import', onClick: () => importFile(editor), title: 'Import', type: 'button' },
             React.createElement("i", { className: 'import' })),
-        React.createElement("button", { "aria-label": 'Export editor state to JSON', className: 'action-button export', onClick: function () {
-                return exportFile(editor, {
-                    fileName: "Playground ".concat(new Date().toISOString()),
-                    source: 'Playground',
-                });
-            }, title: 'Export', type: 'button' },
+        React.createElement("button", { "aria-label": 'Export editor state to JSON', className: 'action-button export', onClick: () => exportFile(editor, {
+                fileName: `Playground ${new Date().toISOString()}`,
+                source: 'Playground',
+            }), title: 'Export', type: 'button' },
             React.createElement("i", { className: 'export' })),
-        React.createElement("button", { "aria-label": 'Clear editor contents', className: 'action-button clear', disabled: isEditorEmpty, onClick: function () {
-                showModal('Clear editor', function (onClose) { return React.createElement(ShowClearDialog, { editor: editor, onClose: onClose }); });
+        React.createElement("button", { "aria-label": 'Clear editor contents', className: 'action-button clear', disabled: isEditorEmpty, onClick: () => {
+                showModal('Clear editor', (onClose) => React.createElement(ShowClearDialog, { editor: editor, onClose: onClose }));
             }, title: 'Clear', type: 'button' },
             React.createElement("i", { className: 'clear' })),
-        React.createElement("button", { "aria-label": "".concat(!isEditable ? 'Unlock' : 'Lock', " read-only mode"), className: "action-button ".concat(!isEditable ? 'unlock' : 'lock'), onClick: function () {
+        React.createElement("button", { "aria-label": `${!isEditable ? 'Unlock' : 'Lock'} read-only mode`, className: `action-button ${!isEditable ? 'unlock' : 'lock'}`, onClick: () => {
                 // Send latest editor state to commenting validation server
                 if (isEditable) {
                     sendEditorState(editor);
@@ -155,24 +120,23 @@ export default function ActionsPlugin() {
             React.createElement("i", { className: !isEditable ? 'unlock' : 'lock' })),
         React.createElement("button", { "aria-label": 'Convert from markdown', className: 'action-button', onClick: handleMarkdownToggle, title: 'Convert From Markdown', type: 'button' },
             React.createElement("i", { className: 'markdown' })),
-        isCollabActive && (React.createElement("button", { "aria-label": "".concat(connected ? 'Disconnect from' : 'Connect to', " a collaborative editing server"), className: 'action-button connect', onClick: function () {
+        isCollabActive && (React.createElement("button", { "aria-label": `${connected ? 'Disconnect from' : 'Connect to'} a collaborative editing server`, className: 'action-button connect', onClick: () => {
                 editor.dispatchCommand(TOGGLE_CONNECT_COMMAND, !connected);
-            }, title: "".concat(connected ? 'Disconnect' : 'Connect', " Collaborative Editing"), type: 'button' },
+            }, title: `${connected ? 'Disconnect' : 'Connect'} Collaborative Editing`, type: 'button' },
             React.createElement("i", { className: connected ? 'disconnect' : 'connect' }))),
         modal));
 }
-function ShowClearDialog(_a) {
-    var editor = _a.editor, onClose = _a.onClose;
+function ShowClearDialog({ editor, onClose }) {
     return (React.createElement(React.Fragment, null,
         "Are you sure you want to clear the editor?",
         React.createElement("div", { className: 'Modal__content' },
-            React.createElement(Button, { onClick: function () {
+            React.createElement(Button, { onClick: () => {
                     editor.dispatchCommand(CLEAR_EDITOR_COMMAND, undefined);
                     editor.focus();
                     onClose();
                 } }, "Clear"),
             ' ',
-            React.createElement(Button, { onClick: function () {
+            React.createElement(Button, { onClick: () => {
                     editor.focus();
                     onClose();
                 } }, "Cancel"))));