@webiny/lexical-editor 5.35.2 → 5.36.0-beta.0

package/nodes/WebinyQuoteNode.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.$createWebinyQuoteNode = $createWebinyQuoteNode;
-exports.$isWebinyQuoteNode = $isWebinyQuoteNode;
-exports.WebinyQuoteNode = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lexical = require("lexical");
-var _styleObjectToString = require("../utils/styleObjectToString");
-var _utils = require("@lexical/utils");
-function convertBlockquoteElement() {
-  var node = $createWebinyQuoteNode();
-  return {
-    node: node
-  };
-}
-var QuoteNodeAttrName = "data-quote-style-id";
-var WebinyQuoteNode = /*#__PURE__*/function (_ElementNode) {
-  (0, _inherits2.default)(WebinyQuoteNode, _ElementNode);
-  var _super = (0, _createSuper2.default)(WebinyQuoteNode);
-  function WebinyQuoteNode(themeStyleId, key) {
-    var _this;
-    (0, _classCallCheck2.default)(this, WebinyQuoteNode);
-    _this = _super.call(this, key);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "__themeStyleId", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyleId", function () {
-      return _this.__themeStyleId;
-    });
-    _this.__themeStyleId = themeStyleId || "";
-    return _this;
-  }
-  (0, _createClass2.default)(WebinyQuoteNode, [{
-    key: "getTag",
-    value: function getTag() {
-      return "quoteblock";
-    }
-  }, {
-    key: "addThemeStylesToHTMLElement",
-    value: function addThemeStylesToHTMLElement(element, theme) {
-      var styles = {};
-      var typographyValue = theme !== null && theme !== void 0 && theme.emotionMap ? theme.emotionMap[this.__themeStyleId] : undefined;
-      if (this.__themeStyleId && typographyValue) {
-        styles = typographyValue.styles;
-        (0, _utils.addClassNamesToElement)(element, typographyValue === null || typographyValue === void 0 ? void 0 : typographyValue.className);
-      }
-      element.setAttribute(QuoteNodeAttrName, this.__themeStyleId || "");
-      element.style.cssText = (0, _styleObjectToString.styleObjectToString)(styles);
-      return element;
-    }
-
-    // View
-  }, {
-    key: "createDOM",
-    value: function createDOM(config) {
-      var element = document.createElement("blockquote");
-      (0, _utils.addClassNamesToElement)(element, config.theme.quote);
-      this.addThemeStylesToHTMLElement(element, config.theme);
-      return element;
-    }
-  }, {
-    key: "updateDOM",
-    value: function updateDOM() {
-      return false;
-    }
-  }, {
-    key: "exportJSON",
-    value: function exportJSON() {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(WebinyQuoteNode.prototype), "exportJSON", this).call(this)), {}, {
-        tag: "quoteblock",
-        type: "webiny-quote",
-        styleId: this.__themeStyleId,
-        version: 1
-      });
-    }
-
-    // Mutation
-  }, {
-    key: "insertNewAfter",
-    value: function insertNewAfter() {
-      var newBlock = (0, _lexical.$createParagraphNode)();
-      var direction = this.getDirection();
-      newBlock.setDirection(direction);
-      this.insertAfter(newBlock);
-      return newBlock;
-    }
-  }, {
-    key: "collapseAtStart",
-    value: function collapseAtStart() {
-      var paragraph = (0, _lexical.$createParagraphNode)();
-      var children = this.getChildren();
-      children.forEach(function (child) {
-        return paragraph.append(child);
-      });
-      this.replace(paragraph);
-      return true;
-    }
-  }], [{
-    key: "getType",
-    value: function getType() {
-      return "webiny-quote";
-    }
-  }, {
-    key: "clone",
-    value: function clone(node) {
-      return new WebinyQuoteNode(node.__themeStyleId, node.__key);
-    }
-  }, {
-    key: "importDOM",
-    value: function importDOM() {
-      return {
-        blockquote: function blockquote() {
-          return {
-            conversion: convertBlockquoteElement,
-            priority: 0
-          };
-        }
-      };
-    }
-  }, {
-    key: "importJSON",
-    value: function importJSON(serializedNode) {
-      var node = $createWebinyQuoteNode(serializedNode.styleId);
-      node.setFormat(serializedNode.format);
-      node.setIndent(serializedNode.indent);
-      node.setDirection(serializedNode.direction);
-      return node;
-    }
-  }]);
-  return WebinyQuoteNode;
-}(_lexical.ElementNode);
-exports.WebinyQuoteNode = WebinyQuoteNode;
-function $createWebinyQuoteNode(themeStyleId, key) {
-  return new WebinyQuoteNode(themeStyleId, key);
-}
-function $isWebinyQuoteNode(node) {
-  return node instanceof WebinyQuoteNode;
-}

package/nodes/WebinyQuoteNode.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["convertBlockquoteElement","node","$createWebinyQuoteNode","QuoteNodeAttrName","WebinyQuoteNode","themeStyleId","key","__themeStyleId","element","theme","styles","typographyValue","emotionMap","undefined","addClassNamesToElement","className","setAttribute","style","cssText","styleObjectToString","config","document","createElement","quote","addThemeStylesToHTMLElement","tag","type","styleId","version","newBlock","$createParagraphNode","direction","getDirection","setDirection","insertAfter","paragraph","children","getChildren","forEach","child","append","replace","__key","blockquote","conversion","priority","serializedNode","setFormat","format","setIndent","indent","ElementNode","$isWebinyQuoteNode"],"sources":["WebinyQuoteNode.ts"],"sourcesContent":["import {\n    $createParagraphNode,\n    DOMConversionMap,\n    EditorConfig,\n    ElementNode,\n    LexicalNode,\n    NodeKey,\n    ParagraphNode,\n    SerializedElementNode,\n    Spread\n} from \"lexical\";\nimport { WebinyEditorTheme } from \"~/themes/webinyLexicalTheme\";\nimport { styleObjectToString } from \"~/utils/styleObjectToString\";\nimport { QuoteBlockHtmlTag, WebinyThemeNode } from \"~/types\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport { CSSObject } from \"@emotion/react\";\n\nfunction convertBlockquoteElement() {\n    const node = $createWebinyQuoteNode();\n    return {\n        node\n    };\n}\n\nconst QuoteNodeAttrName = \"data-quote-style-id\";\n\nexport type SerializedWebinyQuoteNode = Spread<\n    {\n        tag: QuoteBlockHtmlTag;\n        styleId: string;\n        type: \"webiny-quote\";\n        version: 1;\n    },\n    SerializedElementNode\n>;\n\nexport class WebinyQuoteNode extends ElementNode implements WebinyThemeNode {\n    __themeStyleId: string;\n\n    constructor(themeStyleId?: string, key?: NodeKey) {\n        super(key);\n        this.__themeStyleId = themeStyleId || \"\";\n    }\n\n    getStyleId = (): string => {\n        return this.__themeStyleId;\n    };\n\n    static override getType(): string {\n        return \"webiny-quote\";\n    }\n\n    getTag(): QuoteBlockHtmlTag {\n        return \"quoteblock\";\n    }\n\n    static override clone(node: WebinyQuoteNode): WebinyQuoteNode {\n        return new WebinyQuoteNode(node.__themeStyleId, node.__key);\n    }\n\n    addThemeStylesToHTMLElement(element: HTMLElement, theme: WebinyEditorTheme): HTMLElement {\n        let styles: CSSObject = {};\n        const typographyValue = theme?.emotionMap\n            ? theme.emotionMap[this.__themeStyleId]\n            : undefined;\n        if (this.__themeStyleId && typographyValue) {\n            styles = typographyValue.styles;\n            addClassNamesToElement(element, typographyValue?.className);\n        }\n\n        element.setAttribute(QuoteNodeAttrName, this.__themeStyleId || \"\");\n        element.style.cssText = styleObjectToString(styles);\n        return element;\n    }\n\n    // View\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = document.createElement(\"blockquote\");\n        addClassNamesToElement(element, config.theme.quote);\n        this.addThemeStylesToHTMLElement(element, config.theme);\n        return element;\n    }\n    override updateDOM(): boolean {\n        return false;\n    }\n\n    static importDOM(): DOMConversionMap | null {\n        return {\n            blockquote: () => ({\n                conversion: convertBlockquoteElement,\n                priority: 0\n            })\n        };\n    }\n\n    static override importJSON(serializedNode: SerializedWebinyQuoteNode): WebinyQuoteNode {\n        const node = $createWebinyQuoteNode(serializedNode.styleId);\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        return node;\n    }\n\n    override exportJSON(): SerializedWebinyQuoteNode {\n        return {\n            ...super.exportJSON(),\n            tag: \"quoteblock\",\n            type: \"webiny-quote\",\n            styleId: this.__themeStyleId,\n            version: 1\n        };\n    }\n\n    // Mutation\n\n    override insertNewAfter(): ParagraphNode {\n        const newBlock = $createParagraphNode();\n        const direction = this.getDirection();\n        newBlock.setDirection(direction);\n        this.insertAfter(newBlock);\n        return newBlock;\n    }\n\n    override collapseAtStart(): true {\n        const paragraph = $createParagraphNode();\n        const children = this.getChildren();\n        children.forEach(child => paragraph.append(child));\n        this.replace(paragraph);\n        return true;\n    }\n}\n\nexport function $createWebinyQuoteNode(themeStyleId?: string, key?: NodeKey): WebinyQuoteNode {\n    return new WebinyQuoteNode(themeStyleId, key);\n}\n\nexport function $isWebinyQuoteNode(node: LexicalNode | null | undefined): node is WebinyQuoteNode {\n    return node instanceof WebinyQuoteNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAYA;AAEA;AAGA,SAASA,wBAAwB,GAAG;EAChC,IAAMC,IAAI,GAAGC,sBAAsB,EAAE;EACrC,OAAO;IACHD,IAAI,EAAJA;EACJ,CAAC;AACL;AAEA,IAAME,iBAAiB,GAAG,qBAAqB;AAAC,IAYnCC,eAAe;EAAA;EAAA;EAGxB,yBAAYC,YAAqB,EAAEC,GAAa,EAAE;IAAA;IAAA;IAC9C,0BAAMA,GAAG;IAAE;IAAA,yFAIF,YAAc;MACvB,OAAO,MAAKC,cAAc;IAC9B,CAAC;IALG,MAAKA,cAAc,GAAGF,YAAY,IAAI,EAAE;IAAC;EAC7C;EAAC;IAAA;IAAA,OAUD,kBAA4B;MACxB,OAAO,YAAY;IACvB;EAAC;IAAA;IAAA,OAMD,qCAA4BG,OAAoB,EAAEC,KAAwB,EAAe;MACrF,IAAIC,MAAiB,GAAG,CAAC,CAAC;MAC1B,IAAMC,eAAe,GAAGF,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEG,UAAU,GACnCH,KAAK,CAACG,UAAU,CAAC,IAAI,CAACL,cAAc,CAAC,GACrCM,SAAS;MACf,IAAI,IAAI,CAACN,cAAc,IAAII,eAAe,EAAE;QACxCD,MAAM,GAAGC,eAAe,CAACD,MAAM;QAC/B,IAAAI,6BAAsB,EAACN,OAAO,EAAEG,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEI,SAAS,CAAC;MAC/D;MAEAP,OAAO,CAACQ,YAAY,CAACb,iBAAiB,EAAE,IAAI,CAACI,cAAc,IAAI,EAAE,CAAC;MAClEC,OAAO,CAACS,KAAK,CAACC,OAAO,GAAG,IAAAC,wCAAmB,EAACT,MAAM,CAAC;MACnD,OAAOF,OAAO;IAClB;;IAEA;EAAA;IAAA;IAAA,OACA,mBAAmBY,MAAoB,EAAe;MAClD,IAAMZ,OAAO,GAAGa,QAAQ,CAACC,aAAa,CAAC,YAAY,CAAC;MACpD,IAAAR,6BAAsB,EAACN,OAAO,EAAEY,MAAM,CAACX,KAAK,CAACc,KAAK,CAAC;MACnD,IAAI,CAACC,2BAA2B,CAAChB,OAAO,EAAEY,MAAM,CAACX,KAAK,CAAC;MACvD,OAAOD,OAAO;IAClB;EAAC;IAAA;IAAA,OACD,qBAA8B;MAC1B,OAAO,KAAK;IAChB;EAAC;IAAA;IAAA,OAmBD,sBAAiD;MAC7C;QAEIiB,GAAG,EAAE,YAAY;QACjBC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,IAAI,CAACpB,cAAc;QAC5BqB,OAAO,EAAE;MAAC;IAElB;;IAEA;EAAA;IAAA;IAAA,OAEA,0BAAyC;MACrC,IAAMC,QAAQ,GAAG,IAAAC,6BAAoB,GAAE;MACvC,IAAMC,SAAS,GAAG,IAAI,CAACC,YAAY,EAAE;MACrCH,QAAQ,CAACI,YAAY,CAACF,SAAS,CAAC;MAChC,IAAI,CAACG,WAAW,CAACL,QAAQ,CAAC;MAC1B,OAAOA,QAAQ;IACnB;EAAC;IAAA;IAAA,OAED,2BAAiC;MAC7B,IAAMM,SAAS,GAAG,IAAAL,6BAAoB,GAAE;MACxC,IAAMM,QAAQ,GAAG,IAAI,CAACC,WAAW,EAAE;MACnCD,QAAQ,CAACE,OAAO,CAAC,UAAAC,KAAK;QAAA,OAAIJ,SAAS,CAACK,MAAM,CAACD,KAAK,CAAC;MAAA,EAAC;MAClD,IAAI,CAACE,OAAO,CAACN,SAAS,CAAC;MACvB,OAAO,IAAI;IACf;EAAC;IAAA;IAAA,OAjFD,mBAAkC;MAC9B,OAAO,cAAc;IACzB;EAAC;IAAA;IAAA,OAMD,eAAsBlC,IAAqB,EAAmB;MAC1D,OAAO,IAAIG,eAAe,CAACH,IAAI,CAACM,cAAc,EAAEN,IAAI,CAACyC,KAAK,CAAC;IAC/D;EAAC;IAAA;IAAA,OA4BD,qBAA4C;MACxC,OAAO;QACHC,UAAU,EAAE;UAAA,OAAO;YACfC,UAAU,EAAE5C,wBAAwB;YACpC6C,QAAQ,EAAE;UACd,CAAC;QAAA;MACL,CAAC;IACL;EAAC;IAAA;IAAA,OAED,oBAA2BC,cAAyC,EAAmB;MACnF,IAAM7C,IAAI,GAAGC,sBAAsB,CAAC4C,cAAc,CAACnB,OAAO,CAAC;MAC3D1B,IAAI,CAAC8C,SAAS,CAACD,cAAc,CAACE,MAAM,CAAC;MACrC/C,IAAI,CAACgD,SAAS,CAACH,cAAc,CAACI,MAAM,CAAC;MACrCjD,IAAI,CAACgC,YAAY,CAACa,cAAc,CAACf,SAAS,CAAC;MAC3C,OAAO9B,IAAI;IACf;EAAC;EAAA;AAAA,EAjEgCkD,oBAAW;AAAA;AAgGzC,SAASjD,sBAAsB,CAACG,YAAqB,EAAEC,GAAa,EAAmB;EAC1F,OAAO,IAAIF,eAAe,CAACC,YAAY,EAAEC,GAAG,CAAC;AACjD;AAEO,SAAS8C,kBAAkB,CAACnD,IAAoC,EAA2B;EAC9F,OAAOA,IAAI,YAAYG,eAAe;AAC1C"}