@webiny/lexical-editor 5.44.1-beta.0 → 5.44.1-beta.1

package/components/LexicalEditorConfig/LexicalEditorConfig.d.ts

@@ -1,20 +1,19 @@
-import React from "react";
-import { ToolbarElementConfig } from "./components/ToolbarElement";
-import { PluginConfig } from "./components/Plugin";
-import { NodeConfig } from "./components/Node";
-export declare const LexicalEditorConfig: {
-    ({ children }: {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    ToolbarElement: ({ name, element, after, before, remove }: import("./components/ToolbarElement").ToolbarElementProps) => React.JSX.Element;
-    Plugin: ({ name, element, after, before, remove }: import("./components/Plugin").PluginProps) => React.JSX.Element;
-    Node: ({ name, node, after, before, remove }: import("./components/Node").NodeProps) => React.JSX.Element;
+/// <reference types="react" />
+import type { ToolbarElementConfig } from "./components/ToolbarElement.js";
+import type { PluginConfig } from "./components/Plugin.js";
+import type { NodeConfig } from "./components/Node.js";
+export type { ToolbarElementConfig } from "./components/ToolbarElement.js";
+export type { PluginConfig } from "./components/Plugin.js";
+export type { NodeConfig } from "./components/Node.js";
+export declare const LexicalEditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
+    ToolbarElement: ({ name, element, after, before, remove }: import("./components/ToolbarElement.js").ToolbarElementProps) => import("react").JSX.Element;
+    Plugin: ({ name, element, after, before, remove }: import("./components/Plugin.js").PluginProps) => import("react").JSX.Element;
+    Node: ({ name, node, after, before, remove }: import("./components/Node.js").NodeProps) => import("react").JSX.Element;
 };
-export declare const LexicalEditorWithConfig: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare function useLexicalEditorConfig(): {
+export declare const LexicalEditorWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => import("react").JSX.Element;
+interface LexicalEditorConfigData {
     toolbarElements: ToolbarElementConfig[];
     plugins: PluginConfig[];
     nodes: NodeConfig[];
-};
+}
+export declare function useLexicalEditorConfig(): LexicalEditorConfigData;

package/components/LexicalEditorConfig/LexicalEditorConfig.js

@@ -1,73 +1,36 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LexicalEditorWithConfig = exports.LexicalEditorConfig = void 0;
 exports.useLexicalEditorConfig = useLexicalEditorConfig;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactComposition = require("@webiny/react-composition");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = require("react");
 var _reactProperties = require("@webiny/react-properties");
-var _ToolbarElement = require("./components/ToolbarElement");
-var _Plugin = require("./components/Plugin");
-var _Node = require("./components/Node");
-var LexicalEditorConfigApply = (0, _reactComposition.makeDecoratable)("LexicalEditorConfigApply", function (_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+var _ToolbarElement = require("./components/ToolbarElement.js");
+var _Plugin = require("./components/Plugin.js");
+var _Node = require("./components/Node.js");
+var base = (0, _reactProperties.createConfigurableComponent)("LexicalEditor");
+var LexicalEditorConfig = exports.LexicalEditorConfig = Object.assign(base.Config, {
+  ToolbarElement: _ToolbarElement.ToolbarElement,
+  Plugin: _Plugin.Plugin,
+  Node: _Node.Node
 });
-var createHOC = function createHOC(newChildren) {
-  return function (BaseComponent) {
-    return function ConfigHOC(_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(BaseComponent, null, newChildren, children);
-    };
-  };
-};
-var LexicalEditorConfig = exports.LexicalEditorConfig = function LexicalEditorConfig(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/_react.default.createElement(_reactComposition.Compose, {
-    component: LexicalEditorConfigApply,
-    with: createHOC(children)
-  });
-};
-LexicalEditorConfig.ToolbarElement = _ToolbarElement.ToolbarElement;
-LexicalEditorConfig.Plugin = _Plugin.Plugin;
-LexicalEditorConfig.Node = _Node.Node;
-var ViewContext = /*#__PURE__*/_react.default.createContext({
-  properties: []
-});
-var LexicalEditorWithConfig = exports.LexicalEditorWithConfig = function LexicalEditorWithConfig(_ref4) {
-  var children = _ref4.children;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    properties = _useState2[0],
-    setProperties = _useState2[1];
-  var context = {
-    properties: properties
-  };
-  var stateUpdater = function stateUpdater(properties) {
-    setProperties(properties);
-  };
-  return /*#__PURE__*/_react.default.createElement(ViewContext.Provider, {
-    value: context
-  }, /*#__PURE__*/_react.default.createElement(_reactProperties.Properties, {
-    onChange: stateUpdater
-  }, /*#__PURE__*/_react.default.createElement(LexicalEditorConfigApply, null), children));
-};
+var LexicalEditorWithConfig = exports.LexicalEditorWithConfig = base.WithConfig;
 function useLexicalEditorConfig() {
-  var _useContext = (0, _react.useContext)(ViewContext),
-    properties = _useContext.properties;
-  var config = (0, _react.useMemo)(function () {
-    return (0, _reactProperties.toObject)(properties);
-  }, [properties]);
-  return {
-    toolbarElements: config.toolbarElements || [],
-    plugins: config.plugins || [],
-    nodes: config.nodes || []
-  };
+  var config = base.useConfig();
+  var toolbarElements = config.toolbarElements || [];
+  var plugins = config.plugins || [];
+  var nodes = config.nodes || [];
+  return (0, _react.useMemo)(function () {
+    return {
+      toolbarElements: (0, _toConsumableArray2.default)(toolbarElements),
+      plugins: (0, _toConsumableArray2.default)(plugins),
+      nodes: (0, _toConsumableArray2.default)(nodes)
+    };
+  }, [config]);
 }
 
 //# sourceMappingURL=LexicalEditorConfig.js.map

package/components/LexicalEditorConfig/LexicalEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactComposition","_reactProperties","_ToolbarElement","_Plugin","_Node","LexicalEditorConfigApply","makeDecoratable","_ref","children","default","createElement","Fragment","createHOC","newChildren","BaseComponent","ConfigHOC","_ref2","LexicalEditorConfig","exports","_ref3","Compose","component","with","ToolbarElement","Plugin","Node","ViewContext","React","createContext","properties","LexicalEditorWithConfig","_ref4","_useState","useState","_useState2","_slicedToArray2","setProperties","context","stateUpdater","Provider","value","Properties","onChange","useLexicalEditorConfig","_useContext","useContext","config","useMemo","toObject","toolbarElements","plugins","nodes"],"sources":["LexicalEditorConfig.tsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from \"react\";\nimport { makeDecoratable, Compose, Decorator, GenericComponent } from \"@webiny/react-composition\";\nimport { Property, Properties, toObject } from \"@webiny/react-properties\";\nimport { ToolbarElement, ToolbarElementConfig } from \"./components/ToolbarElement\";\nimport { Plugin, PluginConfig } from \"./components/Plugin\";\nimport { Node, NodeConfig } from \"./components/Node\";\n\nconst LexicalEditorConfigApply = makeDecoratable(\"LexicalEditorConfigApply\", ({ children }) => {\n    return <>{children}</>;\n});\n\nconst createHOC =\n    (newChildren: React.ReactNode): Decorator<GenericComponent> =>\n    BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n\nexport const LexicalEditorConfig = ({ children }: { children: React.ReactNode }) => {\n    return <Compose component={LexicalEditorConfigApply} with={createHOC(children)} />;\n};\n\nLexicalEditorConfig.ToolbarElement = ToolbarElement;\nLexicalEditorConfig.Plugin = Plugin;\nLexicalEditorConfig.Node = Node;\n\ninterface ViewContext {\n    properties: Property[];\n}\n\nconst ViewContext = React.createContext<ViewContext>({ properties: [] });\n\nexport const LexicalEditorWithConfig = ({ children }: { children: React.ReactNode }) => {\n    const [properties, setProperties] = useState<Property[]>([]);\n    const context = { properties };\n\n    const stateUpdater = (properties: Property[]) => {\n        setProperties(properties);\n    };\n\n    return (\n        <ViewContext.Provider value={context}>\n            <Properties onChange={stateUpdater}>\n                <LexicalEditorConfigApply />\n                {children}\n            </Properties>\n        </ViewContext.Provider>\n    );\n};\n\ninterface LexicalEditorConfigData {\n    toolbarElements: ToolbarElementConfig[];\n    plugins: PluginConfig[];\n    nodes: NodeConfig[];\n}\n\nexport function useLexicalEditorConfig() {\n    const { properties } = useContext(ViewContext);\n\n    const config = useMemo(() => {\n        return toObject<LexicalEditorConfigData>(properties);\n    }, [properties]);\n\n    return {\n        toolbarElements: config.toolbarElements || [],\n        plugins: config.plugins || [],\n        nodes: config.nodes || []\n    };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactProperties","_ToolbarElement","_Plugin","_Node","base","createConfigurableComponent","LexicalEditorConfig","exports","Object","assign","Config","ToolbarElement","Plugin","Node","LexicalEditorWithConfig","WithConfig","useLexicalEditorConfig","config","useConfig","toolbarElements","plugins","nodes","useMemo","_toConsumableArray2","default"],"sources":["LexicalEditorConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { ToolbarElementConfig } from \"./components/ToolbarElement.js\";\nimport { ToolbarElement } from \"./components/ToolbarElement.js\";\nimport type { PluginConfig } from \"./components/Plugin.js\";\nimport { Plugin } from \"./components/Plugin.js\";\nimport type { NodeConfig } from \"./components/Node.js\";\nimport { Node } from \"./components/Node.js\";\n\nexport type { ToolbarElementConfig } from \"./components/ToolbarElement.js\";\nexport type { PluginConfig } from \"./components/Plugin.js\";\nexport type { NodeConfig } from \"./components/Node.js\";\n\nconst base = createConfigurableComponent<LexicalEditorConfigData>(\"LexicalEditor\");\n\nexport const LexicalEditorConfig = Object.assign(base.Config, {\n    ToolbarElement,\n    Plugin,\n    Node\n});\n\nexport const LexicalEditorWithConfig = base.WithConfig;\n\ninterface LexicalEditorConfigData {\n    toolbarElements: ToolbarElementConfig[];\n    plugins: PluginConfig[];\n    nodes: NodeConfig[];\n}\n\nexport function useLexicalEditorConfig(): LexicalEditorConfigData {\n    const config = base.useConfig();\n    const toolbarElements = config.toolbarElements || [];\n    const plugins = config.plugins || [];\n    const nodes = config.nodes || [];\n\n    return useMemo(\n        () => ({\n            toolbarElements: [...toolbarElements],\n            plugins: [...plugins],\n            nodes: [...nodes]\n        }),\n        [config]\n    );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAMA,IAAMK,IAAI,GAAG,IAAAC,4CAA2B,EAA0B,eAAe,CAAC;AAE3E,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,MAAM,CAACC,MAAM,CAACL,IAAI,CAACM,MAAM,EAAE;EAC1DC,cAAc,EAAdA,8BAAc;EACdC,MAAM,EAANA,cAAM;EACNC,IAAI,EAAJA;AACJ,CAAC,CAAC;AAEK,IAAMC,uBAAuB,GAAAP,OAAA,CAAAO,uBAAA,GAAGV,IAAI,CAACW,UAAU;AAQ/C,SAASC,sBAAsBA,CAAA,EAA4B;EAC9D,IAAMC,MAAM,GAAGb,IAAI,CAACc,SAAS,CAAC,CAAC;EAC/B,IAAMC,eAAe,GAAGF,MAAM,CAACE,eAAe,IAAI,EAAE;EACpD,IAAMC,OAAO,GAAGH,MAAM,CAACG,OAAO,IAAI,EAAE;EACpC,IAAMC,KAAK,GAAGJ,MAAM,CAACI,KAAK,IAAI,EAAE;EAEhC,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACHH,eAAe,MAAAI,mBAAA,CAAAC,OAAA,EAAML,eAAe,CAAC;MACrCC,OAAO,MAAAG,mBAAA,CAAAC,OAAA,EAAMJ,OAAO,CAAC;MACrBC,KAAK,MAAAE,mBAAA,CAAAC,OAAA,EAAMH,KAAK;IACpB,CAAC;EAAA,CAAC,EACF,CAACJ,MAAM,CACX,CAAC;AACL","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/lexical-editor",
-	"version": "5.44.1-beta.0",
+	"version": "5.44.1-beta.1",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -15,10 +15,10 @@
 		"@lexical/selection": "0.23.1",
 		"@lexical/text": "0.23.1",
 		"@lexical/utils": "0.23.1",
-		"@webiny/lexical-nodes": "5.44.1-beta.0",
-		"@webiny/lexical-theme": "5.44.1-beta.0",
-		"@webiny/react-composition": "5.44.1-beta.0",
-		"@webiny/react-properties": "5.44.1-beta.0",
+		"@webiny/lexical-nodes": "5.44.1-beta.1",
+		"@webiny/lexical-theme": "5.44.1-beta.1",
+		"@webiny/react-composition": "5.44.1-beta.1",
+		"@webiny/react-properties": "5.44.1-beta.1",
 		"emotion": "10.0.27",
 		"lexical": "0.23.1",
 		"lodash": "4.17.21",
@@ -26,7 +26,7 @@
 		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "5.44.1-beta.0"
+		"@webiny/project-utils": "5.44.1-beta.1"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -36,5 +36,5 @@
 		"build": "node ../cli/bin.js run build",
 		"watch": "node ../cli/bin.js run watch"
 	},
-	"gitHead": "c80e6d88501ac84229f6577dee7b30163a906379"
+	"gitHead": "ff5f085c417040291d39fdbe5153067f3a23ed86"
 }