@webiny/lexical-nodes 6.0.0-beta.0 → 6.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/FontColorNode.d.ts +24 -22
  2. package/FontColorNode.js +114 -103
  3. package/FontColorNode.js.map +1 -1
  4. package/HeadingNode.d.ts +30 -20
  5. package/HeadingNode.js +185 -176
  6. package/HeadingNode.js.map +1 -1
  7. package/ImageNode.d.ts +2 -12
  8. package/ImageNode.js +119 -193
  9. package/ImageNode.js.map +1 -1
  10. package/LinkNode.d.ts +6 -6
  11. package/LinkNode.js +249 -347
  12. package/LinkNode.js.map +1 -1
  13. package/ListItemNode.d.ts +6 -5
  14. package/ListItemNode.js +275 -352
  15. package/ListItemNode.js.map +1 -1
  16. package/ListNode.d.ts +32 -19
  17. package/ListNode.js +170 -210
  18. package/ListNode.js.map +1 -1
  19. package/ParagraphNode.d.ts +30 -20
  20. package/ParagraphNode.js +144 -201
  21. package/ParagraphNode.js.map +1 -1
  22. package/QuoteNode.d.ts +27 -20
  23. package/QuoteNode.js +102 -208
  24. package/QuoteNode.js.map +1 -1
  25. package/README.md +9 -4
  26. package/components/ImageNode/ImageComponent.d.ts +2 -7
  27. package/components/ImageNode/ImageComponent.js +72 -166
  28. package/components/ImageNode/ImageComponent.js.map +1 -1
  29. package/components/ImageNode/ImageResizer.d.ts +1 -8
  30. package/components/ImageNode/ImageResizer.js +80 -95
  31. package/components/ImageNode/ImageResizer.js.map +1 -1
  32. package/generateInitialLexicalValue.d.ts +4 -0
  33. package/generateInitialLexicalValue.js +27 -0
  34. package/generateInitialLexicalValue.js.map +1 -0
  35. package/index.d.ts +19 -23
  36. package/index.js +50 -233
  37. package/index.js.map +1 -1
  38. package/package.json +22 -19
  39. package/prepareLexicalState.d.ts +2 -0
  40. package/prepareLexicalState.js +53 -0
  41. package/prepareLexicalState.js.map +1 -0
  42. package/types.d.ts +5 -9
  43. package/types.js +1 -5
  44. package/types.js.map +1 -1
  45. package/utils/clearNodeFormating.d.ts +2 -2
  46. package/utils/clearNodeFormating.js +12 -18
  47. package/utils/clearNodeFormating.js.map +1 -1
  48. package/utils/formatList.d.ts +4 -4
  49. package/utils/formatList.js +171 -208
  50. package/utils/formatList.js.map +1 -1
  51. package/utils/formatToHeading.d.ts +2 -2
  52. package/utils/formatToHeading.js +8 -15
  53. package/utils/formatToHeading.js.map +1 -1
  54. package/utils/formatToParagraph.d.ts +1 -1
  55. package/utils/formatToParagraph.js +8 -16
  56. package/utils/formatToParagraph.js.map +1 -1
  57. package/utils/formatToQuote.d.ts +1 -1
  58. package/utils/formatToQuote.js +10 -17
  59. package/utils/formatToQuote.js.map +1 -1
  60. package/utils/getStyleId.d.ts +11 -0
  61. package/utils/getStyleId.js +14 -0
  62. package/utils/getStyleId.js.map +1 -0
  63. package/utils/listNode.d.ts +14 -4
  64. package/utils/listNode.js +43 -49
  65. package/utils/listNode.js.map +1 -1
  66. package/utils/toggleLink.d.ts +1 -1
  67. package/utils/toggleLink.js +41 -45
  68. package/utils/toggleLink.js.map +1 -1
  69. package/TypographyNode.d.ts +0 -39
  70. package/TypographyNode.js +0 -147
  71. package/TypographyNode.js.map +0 -1
  72. package/components/ImageNode/ContentEditable.css +0 -22
  73. package/components/ImageNode/ContentEditable.d.ts +0 -12
  74. package/components/ImageNode/ContentEditable.js +0 -26
  75. package/components/ImageNode/ContentEditable.js.map +0 -1
  76. package/components/ImageNode/ImageComponent.css +0 -43
  77. package/components/ImageNode/Placeholder.css +0 -20
  78. package/components/ImageNode/Placeholder.d.ts +0 -15
  79. package/components/ImageNode/Placeholder.js +0 -30
  80. package/components/ImageNode/Placeholder.js.map +0 -1
  81. package/components/ImageNode/SharedHistoryContext.d.ts +0 -10
  82. package/components/ImageNode/SharedHistoryContext.js +0 -27
  83. package/components/ImageNode/SharedHistoryContext.js.map +0 -1
package/HeadingNode.js CHANGED
@@ -1,188 +1,197 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.$createHeadingNode = $createHeadingNode;
8
- exports.$isHeadingNode = $isHeadingNode;
9
- exports.HeadingNode = void 0;
10
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
11
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
14
- var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
15
- var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
16
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
17
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
18
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
- var _lexical = require("lexical");
20
- var _utils = require("@lexical/utils");
21
- var _richText = require("@lexical/rich-text");
22
- var _lexicalTheme = require("@webiny/lexical-theme");
23
- var HeadingNode = exports.HeadingNode = /*#__PURE__*/function (_BaseHeadingNode) {
24
- function HeadingNode(tag, typographyStyleId, key) {
25
- var _this;
26
- (0, _classCallCheck2.default)(this, HeadingNode);
27
- _this = (0, _callSuper2.default)(this, HeadingNode, [tag, key]);
28
- (0, _defineProperty2.default)(_this, "__styles", []);
29
- if (typographyStyleId) {
30
- _this.__styles.push({
31
- styleId: typographyStyleId,
32
- type: "typography"
33
- });
34
- }
35
- return _this;
36
- }
37
- (0, _inherits2.default)(HeadingNode, _BaseHeadingNode);
38
- return (0, _createClass2.default)(HeadingNode, [{
39
- key: "setDefaultTypography",
40
- value: function setDefaultTypography(themeEmotionMap) {
41
- var typographyStyle = (0, _lexicalTheme.findTypographyStyleByHtmlTag)(this.__tag, themeEmotionMap);
42
- if (typographyStyle) {
43
- this.__styles.push({
44
- styleId: typographyStyle.id,
45
- type: "typography"
46
- });
47
- }
48
- }
49
- }, {
50
- key: "setTypography",
51
- value: function setTypography(typographyStyleId) {
52
- var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getWritable", this).call(this);
53
- if (!this.hasTypographyStyle()) {
54
- var themeStyle = {
55
- styleId: typographyStyleId,
56
- type: "typography"
57
- };
58
- self.__styles.push(themeStyle);
59
- }
60
- return self;
61
- }
62
- }, {
63
- key: "getTypographyStyleId",
64
- value: function getTypographyStyleId() {
65
- var style = this.__styles.find(function (x) {
66
- return x.type === "typography";
67
- });
68
- return style?.styleId || undefined;
69
- }
70
- }, {
71
- key: "clearTypographyStyle",
72
- value: function clearTypographyStyle() {
73
- var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getWritable", this).call(this);
74
- self.__styles = self.__styles.filter(function (s) {
75
- return s.type !== "typography";
76
- });
77
- return self;
78
- }
79
- }, {
80
- key: "hasTypographyStyle",
81
- value: function hasTypographyStyle() {
82
- return !!this.getTypographyStyleId();
83
- }
84
- }, {
85
- key: "getThemeStyles",
86
- value: function getThemeStyles() {
87
- var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getLatest", this).call(this);
88
- return self.__styles;
89
- }
90
- }, {
91
- key: "setThemeStyles",
92
- value: function setThemeStyles(styles) {
93
- var self = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "getWritable", this).call(this);
94
- self.__styles = (0, _toConsumableArray2.default)(styles);
95
- return self;
1
+ import { $applyNodeReplacement, setNodeIndentFromDOM, addClassNamesToElement } from "lexical";
2
+ import { HeadingNode as BaseHeadingNode } from "@lexical/rich-text";
3
+ import { Theme } from "@webiny/lexical-theme";
4
+ import { getStyleId } from "./utils/getStyleId.js";
5
+ function isGoogleDocsTitle(domNode) {
6
+ if (domNode.nodeName.toLowerCase() === "span") {
7
+ return domNode.style.fontSize === "26pt";
8
+ }
9
+ return false;
10
+ }
11
+ function $convertHeadingElement(element) {
12
+ const nodeName = element.nodeName.toLowerCase();
13
+ let node = null;
14
+ if (nodeName === "h1" || nodeName === "h2" || nodeName === "h3" || nodeName === "h4" || nodeName === "h5" || nodeName === "h6") {
15
+ node = $createHeadingNode(nodeName);
16
+ if (element.style !== null) {
17
+ setNodeIndentFromDOM(element, node);
18
+ node.setFormat(element.style.textAlign);
96
19
  }
97
- }, {
98
- key: "updateElementWithThemeClasses",
99
- value: function updateElementWithThemeClasses(element, theme) {
100
- if (!theme?.emotionMap) {
101
- return element;
102
- }
103
- if (!this.hasTypographyStyle()) {
104
- this.setDefaultTypography(theme.emotionMap);
105
- }
106
- var typoStyleId = this.getTypographyStyleId();
107
- var themeClasses;
108
-
109
- // Typography css class
110
- if (typoStyleId) {
111
- var typographyStyle = theme.emotionMap[typoStyleId];
112
- if (typographyStyle) {
113
- themeClasses = typographyStyle.className;
20
+ }
21
+ return {
22
+ node
23
+ };
24
+ }
25
+ export class HeadingNode extends BaseHeadingNode {
26
+ constructor(tag, options = {}) {
27
+ const {
28
+ styleId,
29
+ key,
30
+ className
31
+ } = options;
32
+ super(tag, key);
33
+ this.__styleId = styleId;
34
+ this.__className = className;
35
+ }
36
+ getStyleId() {
37
+ return this.__styleId;
38
+ }
39
+ setStyleId(styleId) {
40
+ this.__styleId = styleId;
41
+ }
42
+ setClassName(className) {
43
+ this.__className = className;
44
+ }
45
+ getClassName() {
46
+ return this.__className;
47
+ }
48
+ static getType() {
49
+ return "wby-heading";
50
+ }
51
+ static clone(node) {
52
+ return new HeadingNode(node.getTag(), {
53
+ key: node.getKey(),
54
+ styleId: node.getStyleId(),
55
+ className: node.getClassName()
56
+ });
57
+ }
58
+ createDOM(config) {
59
+ const element = super.createDOM(config);
60
+ const theme = Theme.from(config.theme);
61
+ return this.updateElementWithThemeClasses(element, theme);
62
+ }
63
+ exportDOM(editor) {
64
+ const base = super.exportDOM(editor);
65
+ const element = base.element;
66
+ if (element && this.__className) {
67
+ element.classList.add(this.__className);
68
+ }
69
+ return {
70
+ ...base,
71
+ element
72
+ };
73
+ }
74
+ static importDOM() {
75
+ return {
76
+ h1: () => ({
77
+ conversion: $convertHeadingElement,
78
+ priority: 0
79
+ }),
80
+ h2: () => ({
81
+ conversion: $convertHeadingElement,
82
+ priority: 0
83
+ }),
84
+ h3: () => ({
85
+ conversion: $convertHeadingElement,
86
+ priority: 0
87
+ }),
88
+ h4: () => ({
89
+ conversion: $convertHeadingElement,
90
+ priority: 0
91
+ }),
92
+ h5: () => ({
93
+ conversion: $convertHeadingElement,
94
+ priority: 0
95
+ }),
96
+ h6: () => ({
97
+ conversion: $convertHeadingElement,
98
+ priority: 0
99
+ }),
100
+ p: node => {
101
+ // domNode is a <p> since we matched it by nodeName
102
+ const firstChild = node.firstChild;
103
+ if (firstChild !== null && isGoogleDocsTitle(firstChild)) {
104
+ return {
105
+ conversion: () => ({
106
+ node: null
107
+ }),
108
+ priority: 3
109
+ };
114
110
  }
111
+ return null;
112
+ },
113
+ span: node => {
114
+ if (isGoogleDocsTitle(node)) {
115
+ return {
116
+ conversion: () => {
117
+ return {
118
+ node: $createHeadingNode("h1")
119
+ };
120
+ },
121
+ priority: 3
122
+ };
123
+ }
124
+ return null;
115
125
  }
116
- if (themeClasses) {
117
- (0, _utils.addClassNamesToElement)(element, themeClasses);
118
- }
119
- return element;
120
- }
121
- }, {
122
- key: "createDOM",
123
- value: function createDOM(config) {
124
- var element = (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "createDOM", this).call(this, config);
125
- return this.updateElementWithThemeClasses(element, config.theme);
126
- }
127
- }, {
128
- key: "exportJSON",
129
- value: function exportJSON() {
130
- return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(HeadingNode.prototype), "exportJSON", this).call(this)), {}, {
131
- styles: this.__styles,
132
- type: "heading-element",
133
- version: 1
134
- });
135
- }
126
+ };
127
+ }
128
+ static importJSON(serializedNode) {
129
+ const node = $createHeadingNode(serializedNode.tag);
130
+ node.setFormat(serializedNode.format);
131
+ node.setIndent(serializedNode.indent);
132
+ node.setDirection(serializedNode.direction);
133
+ const styleId = getStyleId({
134
+ styleId: serializedNode.styleId,
135
+ styles: serializedNode.styles
136
+ });
137
+ node.setStyleId(styleId);
138
+ node.setClassName(serializedNode.className);
139
+ return node;
140
+ }
141
+ exportJSON() {
142
+ return {
143
+ ...super.exportJSON(),
144
+ type: "wby-heading",
145
+ styleId: this.__styleId,
146
+ className: this.__className
147
+ };
148
+ }
136
149
 
137
- // Mutation
138
- }, {
139
- key: "insertNewAfter",
140
- value: function insertNewAfter(selection) {
141
- var restoreSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
142
- // Next line for headings are always headings with the same tag
143
- var newElement = $createHeadingNode(this.getTag());
144
- var direction = this.getDirection();
145
- newElement.setDirection(direction);
146
- this.insertAfter(newElement, restoreSelection);
147
- return newElement;
148
- }
149
- }, {
150
- key: "collapseAtStart",
151
- value: function collapseAtStart() {
152
- var newElement = $createHeadingNode(this.getTag());
153
- var children = this.getChildren();
154
- children.forEach(function (child) {
155
- return newElement.append(child);
156
- });
157
- this.replace(newElement);
158
- return true;
150
+ // Mutation
151
+ insertNewAfter(selection, restoreSelection = true) {
152
+ // Next line for headings are always headings with the same tag
153
+ const newElement = $createHeadingNode(this.getTag());
154
+ const direction = this.getDirection();
155
+ newElement.setDirection(direction);
156
+ this.insertAfter(newElement, restoreSelection);
157
+ return newElement;
158
+ }
159
+ collapseAtStart() {
160
+ const newElement = $createHeadingNode(this.getTag());
161
+ const children = this.getChildren();
162
+ children.forEach(child => newElement.append(child));
163
+ this.replace(newElement);
164
+ return true;
165
+ }
166
+ updateElementWithThemeClasses(element, theme) {
167
+ if (!this.__styleId || !this.__className) {
168
+ this.setDefaultTypography(theme, this.__styleId);
159
169
  }
160
- }], [{
161
- key: "getType",
162
- value: function getType() {
163
- return "heading-element";
170
+ if (this.__className) {
171
+ addClassNamesToElement(element, this.__className);
164
172
  }
165
- }, {
166
- key: "clone",
167
- value: function clone(node) {
168
- return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);
173
+ return element;
174
+ }
175
+ setDefaultTypography(theme, styleId) {
176
+ let typographyStyle = theme.getTypographyByTag(this.getTag());
177
+ if (styleId) {
178
+ const byStyleId = theme.getTypographyById(styleId);
179
+ if (byStyleId) {
180
+ typographyStyle = byStyleId;
181
+ }
169
182
  }
170
- }, {
171
- key: "importJSON",
172
- value: function importJSON(serializedNode) {
173
- var node = $createHeadingNode(serializedNode.tag);
174
- node.setFormat(serializedNode.format);
175
- node.setIndent(serializedNode.indent);
176
- node.setDirection(serializedNode.direction);
177
- node.setThemeStyles(serializedNode.styles);
178
- return node;
183
+ if (typographyStyle) {
184
+ this.__styleId = typographyStyle.id;
185
+ this.__className = typographyStyle.className;
179
186
  }
180
- }]);
181
- }(_richText.HeadingNode);
182
- function $createHeadingNode(tag, typographyStyleId) {
183
- return (0, _lexical.$applyNodeReplacement)(new HeadingNode(tag, typographyStyleId));
187
+ }
188
+ }
189
+ export function $createHeadingNode(tag, styleId) {
190
+ return $applyNodeReplacement(new HeadingNode(tag, {
191
+ styleId
192
+ }));
184
193
  }
185
- function $isHeadingNode(node) {
194
+ export function $isHeadingNode(node) {
186
195
  return node instanceof HeadingNode;
187
196
  }
188
197
 
@@ -1 +1 @@
1
- {"version":3,"names":["_lexical","require","_utils","_richText","_lexicalTheme","HeadingNode","exports","_BaseHeadingNode","tag","typographyStyleId","key","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","__styles","push","styleId","type","_inherits2","_createClass2","value","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","__tag","id","setTypography","self","_get2","_getPrototypeOf2","prototype","call","hasTypographyStyle","themeStyle","getTypographyStyleId","style","find","x","undefined","clearTypographyStyle","filter","s","getThemeStyles","setThemeStyles","styles","_toConsumableArray2","updateElementWithThemeClasses","element","theme","emotionMap","typoStyleId","themeClasses","className","addClassNamesToElement","createDOM","config","exportJSON","_objectSpread2","version","insertNewAfter","selection","restoreSelection","arguments","length","newElement","$createHeadingNode","getTag","direction","getDirection","setDirection","insertAfter","collapseAtStart","children","getChildren","forEach","child","append","replace","getType","clone","node","__key","importJSON","serializedNode","setFormat","format","setIndent","indent","BaseHeadingNode","$applyNodeReplacement","$isHeadingNode"],"sources":["HeadingNode.ts"],"sourcesContent":["import {\n EditorConfig,\n $applyNodeReplacement,\n LexicalNode,\n NodeKey,\n RangeSelection,\n Spread\n} from \"lexical\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport {\n HeadingNode as BaseHeadingNode,\n HeadingTagType,\n SerializedHeadingNode as BaseSerializedHeadingNode\n} from \"@lexical/rich-text\";\nimport { WebinyTheme, ThemeEmotionMap, findTypographyStyleByHtmlTag } from \"@webiny/lexical-theme\";\nimport { ParagraphNode } from \"~/ParagraphNode\";\nimport { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from \"~/types\";\n\nexport type SerializeHeadingNode = Spread<\n {\n styles: ThemeStyleValue[];\n type: \"heading-element\";\n },\n BaseSerializedHeadingNode\n>;\n\nexport class HeadingNode\n extends BaseHeadingNode\n implements TextNodeThemeStyles, TypographyStylesNode\n{\n __styles: ThemeStyleValue[] = [];\n\n constructor(tag: HeadingTagType, typographyStyleId?: string, key?: NodeKey) {\n super(tag, key);\n\n if (typographyStyleId) {\n this.__styles.push({ styleId: typographyStyleId, type: \"typography\" });\n }\n }\n\n protected setDefaultTypography(themeEmotionMap: ThemeEmotionMap) {\n const typographyStyle = findTypographyStyleByHtmlTag(this.__tag, themeEmotionMap);\n if (typographyStyle) {\n this.__styles.push({ styleId: typographyStyle.id, type: \"typography\" });\n }\n }\n\n setTypography(typographyStyleId: string): this {\n const self = super.getWritable();\n if (!this.hasTypographyStyle()) {\n const themeStyle = {\n styleId: typographyStyleId,\n type: \"typography\"\n } as ThemeStyleValue;\n self.__styles.push(themeStyle);\n }\n return self;\n }\n\n getTypographyStyleId(): string | undefined {\n const style = this.__styles.find(x => x.type === \"typography\");\n return style?.styleId || undefined;\n }\n\n clearTypographyStyle(): this {\n const self = super.getWritable();\n self.__styles = self.__styles.filter(s => s.type !== \"typography\");\n return self;\n }\n\n hasTypographyStyle(): boolean {\n return !!this.getTypographyStyleId();\n }\n\n getThemeStyles(): ThemeStyleValue[] {\n const self = super.getLatest();\n return self.__styles;\n }\n\n setThemeStyles(styles: ThemeStyleValue[]) {\n const self = super.getWritable();\n self.__styles = [...styles];\n return self;\n }\n\n static override getType(): string {\n return \"heading-element\";\n }\n\n static override clone(node: HeadingNode): HeadingNode {\n return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);\n }\n\n protected updateElementWithThemeClasses(element: HTMLElement, theme: WebinyTheme): HTMLElement {\n if (!theme?.emotionMap) {\n return element;\n }\n\n if (!this.hasTypographyStyle()) {\n this.setDefaultTypography(theme.emotionMap);\n }\n\n const typoStyleId = this.getTypographyStyleId();\n\n let themeClasses;\n\n // Typography css class\n if (typoStyleId) {\n const typographyStyle = theme.emotionMap[typoStyleId];\n if (typographyStyle) {\n themeClasses = typographyStyle.className;\n }\n }\n\n if (themeClasses) {\n addClassNamesToElement(element, themeClasses);\n }\n\n return element;\n }\n\n override createDOM(config: EditorConfig): HTMLElement {\n const element = super.createDOM(config);\n return this.updateElementWithThemeClasses(element, config.theme as WebinyTheme);\n }\n\n static override importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode {\n const node = $createHeadingNode(serializedNode.tag);\n node.setFormat(serializedNode.format);\n node.setIndent(serializedNode.indent);\n node.setDirection(serializedNode.direction);\n node.setThemeStyles(serializedNode.styles);\n return node;\n }\n\n override exportJSON(): SerializeHeadingNode {\n return {\n ...super.exportJSON(),\n styles: this.__styles,\n type: \"heading-element\",\n version: 1\n };\n }\n\n // Mutation\n override insertNewAfter(\n selection?: RangeSelection,\n restoreSelection = true\n ): ParagraphNode | HeadingNode {\n // Next line for headings are always headings with the same tag\n const newElement = $createHeadingNode(this.getTag());\n const direction = this.getDirection();\n newElement.setDirection(direction);\n this.insertAfter(newElement, restoreSelection);\n return newElement;\n }\n\n override collapseAtStart(): true {\n const newElement = $createHeadingNode(this.getTag());\n const children = this.getChildren();\n children.forEach(child => newElement.append(child));\n this.replace(newElement);\n return true;\n }\n}\n\nexport function $createHeadingNode(tag: HeadingTagType, typographyStyleId?: string): HeadingNode {\n return $applyNodeReplacement(new HeadingNode(tag, typographyStyleId));\n}\n\nexport function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode {\n return node instanceof HeadingNode;\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["$applyNodeReplacement","setNodeIndentFromDOM","addClassNamesToElement","HeadingNode","BaseHeadingNode","Theme","getStyleId","isGoogleDocsTitle","domNode","nodeName","toLowerCase","style","fontSize","$convertHeadingElement","element","node","$createHeadingNode","setFormat","textAlign","constructor","tag","options","styleId","key","className","__styleId","__className","setStyleId","setClassName","getClassName","getType","clone","getTag","getKey","createDOM","config","theme","from","updateElementWithThemeClasses","exportDOM","editor","base","classList","add","importDOM","h1","conversion","priority","h2","h3","h4","h5","h6","p","firstChild","span","importJSON","serializedNode","format","setIndent","indent","setDirection","direction","styles","exportJSON","type","insertNewAfter","selection","restoreSelection","newElement","getDirection","insertAfter","collapseAtStart","children","getChildren","forEach","child","append","replace","setDefaultTypography","typographyStyle","getTypographyByTag","byStyleId","getTypographyById","id","$isHeadingNode"],"sources":["HeadingNode.ts"],"sourcesContent":["import type {\n EditorConfig,\n LexicalNode,\n NodeKey,\n RangeSelection,\n Spread,\n LexicalEditor,\n DOMExportOutput,\n DOMConversionMap\n} from \"lexical\";\nimport { $applyNodeReplacement, setNodeIndentFromDOM, addClassNamesToElement } from \"lexical\";\nimport type {\n HeadingTagType,\n SerializedHeadingNode as BaseSerializedHeadingNode\n} from \"@lexical/rich-text\";\nimport { HeadingNode as BaseHeadingNode } from \"@lexical/rich-text\";\nimport { Theme } from \"@webiny/lexical-theme\";\nimport type { ParagraphNode } from \"~/ParagraphNode.js\";\nimport type { TypographyStylesNode, ThemeStyleValue } from \"~/types.js\";\nimport { getStyleId } from \"~/utils/getStyleId.js\";\n\nexport type SerializeHeadingNode = Spread<\n {\n styles?: ThemeStyleValue[];\n styleId?: string;\n className?: string;\n type: \"wby-heading\";\n },\n BaseSerializedHeadingNode\n>;\n\ninterface HeadingNodeOptions {\n className?: string;\n styleId?: string;\n key?: NodeKey;\n}\n\nfunction isGoogleDocsTitle(domNode: HTMLElement) {\n if (domNode.nodeName.toLowerCase() === \"span\") {\n return domNode.style.fontSize === \"26pt\";\n }\n return false;\n}\nfunction $convertHeadingElement(element: HTMLElement) {\n const nodeName = element.nodeName.toLowerCase();\n let node = null;\n if (\n nodeName === \"h1\" ||\n nodeName === \"h2\" ||\n nodeName === \"h3\" ||\n nodeName === \"h4\" ||\n nodeName === \"h5\" ||\n nodeName === \"h6\"\n ) {\n node = $createHeadingNode(nodeName);\n if (element.style !== null) {\n setNodeIndentFromDOM(element, node);\n node.setFormat(element.style.textAlign as any);\n }\n }\n return {\n node\n };\n}\n\nexport class HeadingNode extends BaseHeadingNode implements TypographyStylesNode {\n private __styleId: string | undefined;\n private __className: string | undefined;\n\n constructor(tag: HeadingTagType, options: HeadingNodeOptions = {}) {\n const { styleId, key, className } = options;\n\n super(tag, key);\n\n this.__styleId = styleId;\n this.__className = className;\n }\n\n getStyleId(): string | undefined {\n return this.__styleId;\n }\n\n setStyleId(styleId: string | undefined) {\n this.__styleId = styleId;\n }\n\n setClassName(className: string | undefined) {\n this.__className = className;\n }\n\n getClassName(): string | undefined {\n return this.__className;\n }\n\n static override getType(): string {\n return \"wby-heading\";\n }\n\n static override clone(node: HeadingNode): HeadingNode {\n return new HeadingNode(node.getTag(), {\n key: node.getKey(),\n styleId: node.getStyleId(),\n className: node.getClassName()\n });\n }\n\n override createDOM(config: EditorConfig): HTMLElement {\n const element = super.createDOM(config);\n\n const theme = Theme.from(config.theme);\n\n return this.updateElementWithThemeClasses(element, theme);\n }\n\n override exportDOM(editor: LexicalEditor): DOMExportOutput {\n const base = super.exportDOM(editor);\n\n const element = base.element as HTMLElement;\n if (element && this.__className) {\n element.classList.add(this.__className);\n }\n\n return { ...base, element };\n }\n\n static override importDOM(): DOMConversionMap | null {\n return {\n h1: () => ({\n conversion: $convertHeadingElement,\n priority: 0\n }),\n h2: () => ({\n conversion: $convertHeadingElement,\n priority: 0\n }),\n h3: () => ({\n conversion: $convertHeadingElement,\n priority: 0\n }),\n h4: () => ({\n conversion: $convertHeadingElement,\n priority: 0\n }),\n h5: () => ({\n conversion: $convertHeadingElement,\n priority: 0\n }),\n h6: () => ({\n conversion: $convertHeadingElement,\n priority: 0\n }),\n p: node => {\n // domNode is a <p> since we matched it by nodeName\n const firstChild = node.firstChild as HTMLElement;\n if (firstChild !== null && isGoogleDocsTitle(firstChild)) {\n return {\n conversion: () => ({\n node: null\n }),\n priority: 3\n };\n }\n return null;\n },\n span: node => {\n if (isGoogleDocsTitle(node)) {\n return {\n conversion: () => {\n return {\n node: $createHeadingNode(\"h1\")\n };\n },\n priority: 3\n };\n }\n return null;\n }\n };\n }\n\n static override importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode {\n const node = $createHeadingNode(serializedNode.tag);\n node.setFormat(serializedNode.format);\n node.setIndent(serializedNode.indent);\n node.setDirection(serializedNode.direction);\n\n const styleId = getStyleId({\n styleId: serializedNode.styleId,\n styles: serializedNode.styles\n });\n\n node.setStyleId(styleId);\n node.setClassName(serializedNode.className);\n\n return node;\n }\n\n override exportJSON(): SerializeHeadingNode {\n return {\n ...super.exportJSON(),\n type: \"wby-heading\",\n styleId: this.__styleId,\n className: this.__className\n };\n }\n\n // Mutation\n override insertNewAfter(\n selection?: RangeSelection,\n restoreSelection = true\n ): ParagraphNode | HeadingNode {\n // Next line for headings are always headings with the same tag\n const newElement = $createHeadingNode(this.getTag());\n const direction = this.getDirection();\n newElement.setDirection(direction);\n this.insertAfter(newElement, restoreSelection);\n return newElement;\n }\n\n override collapseAtStart(): true {\n const newElement = $createHeadingNode(this.getTag());\n const children = this.getChildren();\n children.forEach(child => newElement.append(child));\n this.replace(newElement);\n return true;\n }\n\n protected updateElementWithThemeClasses(element: HTMLElement, theme: Theme): HTMLElement {\n if (!this.__styleId || !this.__className) {\n this.setDefaultTypography(theme, this.__styleId);\n }\n\n if (this.__className) {\n addClassNamesToElement(element, this.__className);\n }\n\n return element;\n }\n\n private setDefaultTypography(theme: Theme, styleId?: string) {\n let typographyStyle = theme.getTypographyByTag(this.getTag());\n if (styleId) {\n const byStyleId = theme.getTypographyById(styleId);\n if (byStyleId) {\n typographyStyle = byStyleId;\n }\n }\n\n if (typographyStyle) {\n this.__styleId = typographyStyle.id;\n this.__className = typographyStyle.className;\n }\n }\n}\n\nexport function $createHeadingNode(tag: HeadingTagType, styleId?: string): HeadingNode {\n return $applyNodeReplacement(new HeadingNode(tag, { styleId }));\n}\n\nexport function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode {\n return node instanceof HeadingNode;\n}\n"],"mappings":"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","ignoreList":[]}
package/ImageNode.d.ts CHANGED
@@ -1,13 +1,10 @@
1
- /// <reference types="react" />
2
- import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedEditor, SerializedLexicalNode, Spread } from "lexical";
1
+ import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from "lexical";
3
2
  import { DecoratorNode } from "lexical";
4
- export declare type SerializedImageNode = Spread<{
3
+ export type SerializedImageNode = Spread<{
5
4
  id: string;
6
5
  altText: string;
7
- caption: SerializedEditor;
8
6
  height?: number;
9
7
  maxWidth: number;
10
- showCaption: boolean;
11
8
  src: string;
12
9
  width?: number;
13
10
  }, SerializedLexicalNode>;
@@ -18,9 +15,6 @@ export interface ImageNodeProps {
18
15
  maxWidth: number;
19
16
  width?: "inherit" | number;
20
17
  height?: "inherit" | number;
21
- showCaption?: boolean;
22
- caption?: LexicalEditor;
23
- captionsEnabled?: boolean;
24
18
  }
25
19
  export declare class ImageNode extends DecoratorNode<JSX.Element> {
26
20
  __id: string;
@@ -29,9 +23,6 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
29
23
  __width: "inherit" | number;
30
24
  __height: "inherit" | number;
31
25
  __maxWidth: number;
32
- __showCaption: boolean;
33
- __caption: LexicalEditor;
34
- __captionsEnabled: boolean;
35
26
  static getType(): string;
36
27
  static clone(node: ImageNode): ImageNode;
37
28
  static importJSON(serializedNode: SerializedImageNode): ImageNode;
@@ -45,7 +36,6 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
45
36
  constructor(props: ImageNodeProps, key?: NodeKey);
46
37
  exportJSON(): SerializedImageNode;
47
38
  setWidthAndHeight(width: "inherit" | number, height: "inherit" | number): void;
48
- setShowCaption(showCaption: boolean): void;
49
39
  createDOM(config: EditorConfig): HTMLElement;
50
40
  updateDOM(): false;
51
41
  getSrc(): string;