@webiny/react-rich-text-lexical-renderer 5.40.0-beta.1 → 5.40.0-beta.3
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.
- package/index.d.ts +2 -2
- package/index.js +7 -4
- package/index.js.map +1 -1
- package/package.json +14 -13
package/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { LexicalNode, LexicalValue, Klass } from "@webiny/lexical-editor/types";
|
|
3
3
|
declare type RendererLexicalValue = LexicalValue | Record<string, any> | null | undefined;
|
|
4
4
|
interface RichTextLexicalRenderer {
|
|
@@ -6,5 +6,5 @@ interface RichTextLexicalRenderer {
|
|
|
6
6
|
theme?: Record<string, any>;
|
|
7
7
|
nodes?: Klass<LexicalNode>[];
|
|
8
8
|
}
|
|
9
|
-
export declare const RichTextLexicalRenderer: (props: RichTextLexicalRenderer) => JSX.Element;
|
|
9
|
+
export declare const RichTextLexicalRenderer: (props: RichTextLexicalRenderer) => React.JSX.Element;
|
|
10
10
|
export {};
|
package/index.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
3
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.RichTextLexicalRenderer = void 0;
|
|
8
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
-
var _react =
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _lexicalEditor = require("@webiny/lexical-editor");
|
|
11
12
|
var _appTheme = require("@webiny/app-theme");
|
|
12
13
|
var LexicalRenderer = function LexicalRenderer(props) {
|
|
@@ -18,15 +19,17 @@ var LexicalRenderer = function LexicalRenderer(props) {
|
|
|
18
19
|
}
|
|
19
20
|
return typeof props?.value === "string" ? props.value : JSON.stringify(props.value);
|
|
20
21
|
};
|
|
22
|
+
var rendererTheme = (0, _react.useMemo)(function () {
|
|
23
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props?.theme), theme);
|
|
24
|
+
}, [props?.theme, theme]);
|
|
21
25
|
return /*#__PURE__*/_react.default.createElement(_lexicalEditor.LexicalHtmlRenderer, {
|
|
22
26
|
value: getValue(props?.value),
|
|
23
|
-
theme:
|
|
27
|
+
theme: rendererTheme,
|
|
24
28
|
nodes: props.nodes
|
|
25
29
|
});
|
|
26
30
|
};
|
|
27
|
-
var RichTextLexicalRenderer = function RichTextLexicalRenderer(props) {
|
|
31
|
+
var RichTextLexicalRenderer = exports.RichTextLexicalRenderer = function RichTextLexicalRenderer(props) {
|
|
28
32
|
return /*#__PURE__*/_react.default.createElement(_appTheme.ThemeProvider, null, /*#__PURE__*/_react.default.createElement(LexicalRenderer, props));
|
|
29
33
|
};
|
|
30
|
-
exports.RichTextLexicalRenderer = RichTextLexicalRenderer;
|
|
31
34
|
|
|
32
35
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_lexicalEditor","_appTheme","LexicalRenderer","props","_useTheme","useTheme","theme","getValue","value","JSON","stringify","rendererTheme","useMemo","_objectSpread2","default","createElement","LexicalHtmlRenderer","nodes","RichTextLexicalRenderer","exports","ThemeProvider"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { LexicalNode, LexicalValue, Klass } from \"@webiny/lexical-editor/types\";\nimport { LexicalHtmlRenderer } from \"@webiny/lexical-editor\";\nimport { ThemeProvider, useTheme } from \"@webiny/app-theme\";\n\ntype RendererLexicalValue = LexicalValue | Record<string, any> | null | undefined;\n\ninterface RichTextLexicalRenderer {\n value: RendererLexicalValue;\n theme?: Record<string, any>;\n nodes?: Klass<LexicalNode>[];\n}\n\nconst LexicalRenderer = (props: RichTextLexicalRenderer) => {\n const { theme } = useTheme();\n\n const getValue = (value: RendererLexicalValue): string | null => {\n if (!value) {\n return null;\n }\n return typeof props?.value === \"string\" ? props.value : JSON.stringify(props.value);\n };\n\n const rendererTheme = useMemo(() => {\n return { ...props?.theme, ...theme };\n }, [props?.theme, theme]);\n\n return (\n <LexicalHtmlRenderer\n value={getValue(props?.value)}\n theme={rendererTheme}\n nodes={props.nodes}\n />\n );\n};\n\nexport const RichTextLexicalRenderer = (props: RichTextLexicalRenderer) => {\n return (\n <ThemeProvider>\n <LexicalRenderer {...props} />\n </ThemeProvider>\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAUA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA8B,EAAK;EACxD,IAAAC,SAAA,GAAkB,IAAAC,kBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAA2B,EAAoB;IAC7D,IAAI,CAACA,KAAK,EAAE;MACR,OAAO,IAAI;IACf;IACA,OAAO,OAAOL,KAAK,EAAEK,KAAK,KAAK,QAAQ,GAAGL,KAAK,CAACK,KAAK,GAAGC,IAAI,CAACC,SAAS,CAACP,KAAK,CAACK,KAAK,CAAC;EACvF,CAAC;EAED,IAAMG,aAAa,GAAG,IAAAC,cAAO,EAAC,YAAM;IAChC,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYX,KAAK,EAAEG,KAAK,GAAKA,KAAK;EACtC,CAAC,EAAE,CAACH,KAAK,EAAEG,KAAK,EAAEA,KAAK,CAAC,CAAC;EAEzB,oBACIT,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAAgB,mBAAmB;IAChBR,KAAK,EAAED,QAAQ,CAACJ,KAAK,EAAEK,KAAK,CAAE;IAC9BF,KAAK,EAAEK,aAAc;IACrBM,KAAK,EAAEd,KAAK,CAACc;EAAM,CACtB,CAAC;AAEV,CAAC;AAEM,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIf,KAA8B,EAAK;EACvE,oBACIN,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAmB,aAAa,qBACVvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,eAAe,EAAKC,KAAQ,CAClB,CAAC;AAExB,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/react-rich-text-lexical-renderer",
|
|
3
|
-
"version": "5.40.0-beta.
|
|
3
|
+
"version": "5.40.0-beta.3",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,20 +9,21 @@
|
|
|
9
9
|
"author": "Webiny Ltd",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@babel/runtime": "7.
|
|
13
|
-
"@types/react": "
|
|
14
|
-
"@webiny/app-theme": "5.40.0-beta.
|
|
15
|
-
"@webiny/lexical-editor": "5.40.0-beta.
|
|
16
|
-
"react": "
|
|
12
|
+
"@babel/runtime": "7.24.1",
|
|
13
|
+
"@types/react": "18.2.79",
|
|
14
|
+
"@webiny/app-theme": "5.40.0-beta.3",
|
|
15
|
+
"@webiny/lexical-editor": "5.40.0-beta.3",
|
|
16
|
+
"react": "18.2.0"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@
|
|
20
|
-
"@
|
|
21
|
-
"@webiny/
|
|
22
|
-
"@webiny/
|
|
19
|
+
"@emotion/react": "11.10.8",
|
|
20
|
+
"@testing-library/react": "15.0.7",
|
|
21
|
+
"@webiny/app-theme": "0.0.0",
|
|
22
|
+
"@webiny/cli": "5.40.0-beta.3",
|
|
23
|
+
"@webiny/project-utils": "5.40.0-beta.3",
|
|
24
|
+
"@webiny/react-composition": "5.40.0-beta.3",
|
|
23
25
|
"identity-obj-proxy": "3.0.0",
|
|
24
|
-
"prettier": "2.8.8"
|
|
25
|
-
"theme": "0.0.0"
|
|
26
|
+
"prettier": "2.8.8"
|
|
26
27
|
},
|
|
27
28
|
"publishConfig": {
|
|
28
29
|
"access": "public",
|
|
@@ -32,5 +33,5 @@
|
|
|
32
33
|
"build": "yarn webiny run build",
|
|
33
34
|
"watch": "yarn webiny run watch"
|
|
34
35
|
},
|
|
35
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "638d8b84063906cd1aa979ed6e0487ad26fbcf2f"
|
|
36
37
|
}
|