@ekz/lexical-react 0.40.0

package/@ekz/lexicalExtensionComponent.dev.js

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var useExtensionComponent = require('@ekz/lexical-react/useExtensionComponent');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/**
+ * A convenient way to get an Extension's output Component with {@link useExtensionComponent}
+ * and construct it in one step.
+ *
+ * @example
+ * Usage
+ * ```tsx
+ * return (
+ *   <ExtensionComponent
+ *     lexical:extension={TreeViewExtension}
+ *     viewClassName="tree-view-output" />
+ * );
+ * ```
+ *
+ * @example
+ * Alternative without ExtensionComponent
+ * ```tsx
+ * const TreeViewComponent = useExtensionComponent(TreeViewExtension);
+ * return (<TreeViewComponent viewClassName="tree-view-output" />);
+ * ```
+ */
+function ExtensionComponent({
+  'lexical:extension': extension,
+  ...props
+}) {
+  const Component = useExtensionComponent.useExtensionComponent(extension);
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ...props
+  });
+}
+
+exports.ExtensionComponent = ExtensionComponent;

package/@ekz/lexicalExtensionComponent.dev.mjs

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useExtensionComponent } from '@ekz/lexical-react/useExtensionComponent';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/**
+ * A convenient way to get an Extension's output Component with {@link useExtensionComponent}
+ * and construct it in one step.
+ *
+ * @example
+ * Usage
+ * ```tsx
+ * return (
+ *   <ExtensionComponent
+ *     lexical:extension={TreeViewExtension}
+ *     viewClassName="tree-view-output" />
+ * );
+ * ```
+ *
+ * @example
+ * Alternative without ExtensionComponent
+ * ```tsx
+ * const TreeViewComponent = useExtensionComponent(TreeViewExtension);
+ * return (<TreeViewComponent viewClassName="tree-view-output" />);
+ * ```
+ */
+function ExtensionComponent({
+  'lexical:extension': extension,
+  ...props
+}) {
+  const Component = useExtensionComponent(extension);
+  return /*#__PURE__*/jsx(Component, {
+    ...props
+  });
+}
+
+export { ExtensionComponent };

package/@ekz/lexicalExtensionComponent.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict'
+const @ekz/lexicalExtensionComponent = process.env.NODE_ENV !== 'production' ? require('./@ekz/lexicalExtensionComponent.dev.js') : require('./@ekz/lexicalExtensionComponent.prod.js');
+module.exports = @ekz/lexicalExtensionComponent;

package/@ekz/lexicalExtensionComponent.mjs

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import * as modDev from './@ekz/lexicalExtensionComponent.dev.mjs';
+import * as modProd from './@ekz/lexicalExtensionComponent.prod.mjs';
+const mod = process.env.NODE_ENV !== 'production' ? modDev : modProd;
+export const ExtensionComponent = mod.ExtensionComponent;

package/@ekz/lexicalExtensionComponent.node.mjs

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const mod = await (process.env.NODE_ENV !== 'production' ? import('./@ekz/lexicalExtensionComponent.dev.mjs') : import('./@ekz/lexicalExtensionComponent.prod.mjs'));
+export const ExtensionComponent = mod.ExtensionComponent;

package/@ekz/lexicalExtensionComponent.prod.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+"use strict";var e=require("@ekz/lexical-react/useExtensionComponent"),n=require("react/jsx-runtime");exports.ExtensionComponent=function({"lexical:extension":t,...o}){const r=e.useExtensionComponent(t);return n.jsx(r,{...o})};

package/@ekz/lexicalExtensionComponent.prod.mjs

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import{useExtensionComponent as e}from"@ekz/lexical-react/useExtensionComponent";import{jsx as t}from"react/jsx-runtime";function n({"lexical:extension":n,...o}){const r=e(n);return t(r,{...o})}export{n as ExtensionComponent};

package/@ekz/lexicalReactExtension.dev.js

@@ -0,0 +1,187 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict';
+
+var LexicalContentEditable = require('@ekz/lexical-react/LexicalContentEditable');
+var LexicalErrorBoundary = require('@ekz/lexical-react/LexicalErrorBoundary');
+var ReactProviderExtension = require('@ekz/lexical-react/ReactProviderExtension');
+var lexical = require('@ekz/lexical');
+var LexicalComposerContext = require('@ekz/lexical-react/LexicalComposerContext');
+var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+// Do not require this module directly! Use normal `invariant` calls.
+
+function formatDevErrorMessage(message) {
+  throw new Error(message);
+}
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/** @internal */
+function useReactDecorators(editor, ErrorBoundary) {
+  const [subscribe, getSnapshot] = react.useMemo(() => [cb => editor.registerDecoratorListener(cb), () => editor.getDecorators()], [editor]);
+  const decorators = react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+
+  // Return decorators defined as React Portals
+  return react.useMemo(() => {
+    const decoratedPortals = [];
+    for (const nodeKey in decorators) {
+      const element = editor.getElementByKey(nodeKey);
+      if (element !== null) {
+        const reactDecorator = /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+          onError: e => {
+            editor._onError(e);
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(react.Suspense, {
+            fallback: null,
+            children: decorators[nodeKey]
+          })
+        });
+        decoratedPortals.push(/*#__PURE__*/reactDom.createPortal(reactDecorator, element, nodeKey));
+      }
+    }
+    return decoratedPortals;
+  }, [ErrorBoundary, decorators, editor]);
+}
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+function buildEditorComponent(config, context) {
+  const [editor] = context;
+  const rawConfigDecorators = config.decorators.map(El =>
+  // eslint-disable-next-line react/jsx-key -- wrapped later
+  typeof El === 'function' ? /*#__PURE__*/jsxRuntime.jsx(El, {
+    context: context
+  }) : El);
+  return function EditorComponent(props) {
+    const {
+      EditorChildrenComponent = config.EditorChildrenComponent,
+      ErrorBoundary = config.ErrorBoundary,
+      contentEditable = config.contentEditable,
+      children
+    } = props;
+    const decorators = useReactDecorators(editor, ErrorBoundary);
+    const configDecorators = react.useMemo(() => rawConfigDecorators.map((decorator, i) => /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, {
+      onError: e => {
+        editor._onError(e);
+      }
+      // eslint-disable-next-line react/no-array-index-key -- no natural key
+      ,
+      children: /*#__PURE__*/jsxRuntime.jsx(react.Suspense, {
+        fallback: null,
+        children: decorator
+      })
+    }, i)), [ErrorBoundary]);
+    return /*#__PURE__*/jsxRuntime.jsx(LexicalComposerContext.LexicalComposerContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/jsxRuntime.jsxs(EditorChildrenComponent, {
+        context: context,
+        contentEditable: contentEditable,
+        children: [children, configDecorators, decorators]
+      })
+    });
+  };
+}
+
+/**
+ * @example
+ * The default EditorChildrenComponent implementation
+ * ```jsx
+ * return (
+ *   <>
+ *     {contentEditable}
+ *     {children}
+ *   </>
+ * );
+ * ```
+ */
+function DefaultEditorChildrenComponent({
+  contentEditable,
+  children
+}) {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [contentEditable, children]
+  });
+}
+const initialConfig = {
+  EditorChildrenComponent: DefaultEditorChildrenComponent,
+  ErrorBoundary: LexicalErrorBoundary.LexicalErrorBoundary,
+  contentEditable: /*#__PURE__*/jsxRuntime.jsx(LexicalContentEditable.ContentEditable, {}),
+  decorators: []
+};
+
+/**
+ * An extension to use or configure React for use with Lexical. In an editor, you
+ * would typically use {@link LexicalExtensionComposer} (for React projects) or
+ * {@link ReactPluginHostExtension} (to use React Extensions and plug-ins in a non-React
+ * project).
+ *
+ * See {@link ReactConfig} for more detailed exextensionations of how to use
+ * the config for this Extension.
+ *
+ * For an Extension developer, you can defineConfig() override the extension with
+ * decorators to add JSX inside the editor context that is not
+ * location-dependent (e.g. floating UI that does not need to be mounted in
+ * some specific location, or effects that return null).
+ */
+const ReactExtension = lexical.defineExtension({
+  build(editor, config, state) {
+    const providerPeer = state.getPeer(ReactProviderExtension.ReactProviderExtension.name);
+    if (!providerPeer) {
+      {
+        formatDevErrorMessage(`No ReactProviderExtension detected. You must use ReactPluginHostExtension or LexicalExtensionComposer to host React extensions. The following extensions depend on ReactExtension: ${[...state.getDirectDependentNames()].join(' ')}`);
+      }
+    }
+    const context = [editor, {
+      getTheme: () => editor._config.theme
+    }];
+    const Component = buildEditorComponent(config, context);
+    return {
+      Component,
+      context
+    };
+  },
+  config: initialConfig,
+  mergeConfig(a, b) {
+    const config = lexical.shallowMergeConfig(a, b);
+    if (b.decorators) {
+      config.decorators = b.decorators.length > 0 ? [...a.decorators, ...b.decorators] : a.decorators;
+    }
+    return config;
+  },
+  name: '@ekz/lexical-react/React',
+  peerDependencies: [
+  // We are not trying to avoid the import, just the direct dependency,
+  // so using the extension directly is fine.
+  lexical.declarePeerDependency(ReactProviderExtension.ReactProviderExtension.name)]
+});
+
+exports.DefaultEditorChildrenComponent = DefaultEditorChildrenComponent;
+exports.ReactExtension = ReactExtension;

package/@ekz/lexicalReactExtension.dev.mjs

@@ -0,0 +1,184 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { ContentEditable } from '@ekz/lexical-react/LexicalContentEditable';
+import { LexicalErrorBoundary } from '@ekz/lexical-react/LexicalErrorBoundary';
+import { ReactProviderExtension } from '@ekz/lexical-react/ReactProviderExtension';
+import { defineExtension, declarePeerDependency, shallowMergeConfig } from '@ekz/lexical';
+import { LexicalComposerContext } from '@ekz/lexical-react/LexicalComposerContext';
+import { useMemo, useSyncExternalStore, Suspense } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+// Do not require this module directly! Use normal `invariant` calls.
+
+function formatDevErrorMessage(message) {
+  throw new Error(message);
+}
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/** @internal */
+function useReactDecorators(editor, ErrorBoundary) {
+  const [subscribe, getSnapshot] = useMemo(() => [cb => editor.registerDecoratorListener(cb), () => editor.getDecorators()], [editor]);
+  const decorators = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+
+  // Return decorators defined as React Portals
+  return useMemo(() => {
+    const decoratedPortals = [];
+    for (const nodeKey in decorators) {
+      const element = editor.getElementByKey(nodeKey);
+      if (element !== null) {
+        const reactDecorator = /*#__PURE__*/jsx(ErrorBoundary, {
+          onError: e => {
+            editor._onError(e);
+          },
+          children: /*#__PURE__*/jsx(Suspense, {
+            fallback: null,
+            children: decorators[nodeKey]
+          })
+        });
+        decoratedPortals.push(/*#__PURE__*/createPortal(reactDecorator, element, nodeKey));
+      }
+    }
+    return decoratedPortals;
+  }, [ErrorBoundary, decorators, editor]);
+}
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+function buildEditorComponent(config, context) {
+  const [editor] = context;
+  const rawConfigDecorators = config.decorators.map(El =>
+  // eslint-disable-next-line react/jsx-key -- wrapped later
+  typeof El === 'function' ? /*#__PURE__*/jsx(El, {
+    context: context
+  }) : El);
+  return function EditorComponent(props) {
+    const {
+      EditorChildrenComponent = config.EditorChildrenComponent,
+      ErrorBoundary = config.ErrorBoundary,
+      contentEditable = config.contentEditable,
+      children
+    } = props;
+    const decorators = useReactDecorators(editor, ErrorBoundary);
+    const configDecorators = useMemo(() => rawConfigDecorators.map((decorator, i) => /*#__PURE__*/jsx(ErrorBoundary, {
+      onError: e => {
+        editor._onError(e);
+      }
+      // eslint-disable-next-line react/no-array-index-key -- no natural key
+      ,
+      children: /*#__PURE__*/jsx(Suspense, {
+        fallback: null,
+        children: decorator
+      })
+    }, i)), [ErrorBoundary]);
+    return /*#__PURE__*/jsx(LexicalComposerContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/jsxs(EditorChildrenComponent, {
+        context: context,
+        contentEditable: contentEditable,
+        children: [children, configDecorators, decorators]
+      })
+    });
+  };
+}
+
+/**
+ * @example
+ * The default EditorChildrenComponent implementation
+ * ```jsx
+ * return (
+ *   <>
+ *     {contentEditable}
+ *     {children}
+ *   </>
+ * );
+ * ```
+ */
+function DefaultEditorChildrenComponent({
+  contentEditable,
+  children
+}) {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [contentEditable, children]
+  });
+}
+const initialConfig = {
+  EditorChildrenComponent: DefaultEditorChildrenComponent,
+  ErrorBoundary: LexicalErrorBoundary,
+  contentEditable: /*#__PURE__*/jsx(ContentEditable, {}),
+  decorators: []
+};
+
+/**
+ * An extension to use or configure React for use with Lexical. In an editor, you
+ * would typically use {@link LexicalExtensionComposer} (for React projects) or
+ * {@link ReactPluginHostExtension} (to use React Extensions and plug-ins in a non-React
+ * project).
+ *
+ * See {@link ReactConfig} for more detailed exextensionations of how to use
+ * the config for this Extension.
+ *
+ * For an Extension developer, you can defineConfig() override the extension with
+ * decorators to add JSX inside the editor context that is not
+ * location-dependent (e.g. floating UI that does not need to be mounted in
+ * some specific location, or effects that return null).
+ */
+const ReactExtension = defineExtension({
+  build(editor, config, state) {
+    const providerPeer = state.getPeer(ReactProviderExtension.name);
+    if (!providerPeer) {
+      {
+        formatDevErrorMessage(`No ReactProviderExtension detected. You must use ReactPluginHostExtension or LexicalExtensionComposer to host React extensions. The following extensions depend on ReactExtension: ${[...state.getDirectDependentNames()].join(' ')}`);
+      }
+    }
+    const context = [editor, {
+      getTheme: () => editor._config.theme
+    }];
+    const Component = buildEditorComponent(config, context);
+    return {
+      Component,
+      context
+    };
+  },
+  config: initialConfig,
+  mergeConfig(a, b) {
+    const config = shallowMergeConfig(a, b);
+    if (b.decorators) {
+      config.decorators = b.decorators.length > 0 ? [...a.decorators, ...b.decorators] : a.decorators;
+    }
+    return config;
+  },
+  name: '@ekz/lexical-react/React',
+  peerDependencies: [
+  // We are not trying to avoid the import, just the direct dependency,
+  // so using the extension directly is fine.
+  declarePeerDependency(ReactProviderExtension.name)]
+});
+
+export { DefaultEditorChildrenComponent, ReactExtension };

package/@ekz/lexicalReactExtension.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+'use strict'
+const @ekz/lexicalReactExtension = process.env.NODE_ENV !== 'production' ? require('./@ekz/lexicalReactExtension.dev.js') : require('./@ekz/lexicalReactExtension.prod.js');
+module.exports = @ekz/lexicalReactExtension;

package/@ekz/lexicalReactExtension.mjs

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import * as modDev from './@ekz/lexicalReactExtension.dev.mjs';
+import * as modProd from './@ekz/lexicalReactExtension.prod.mjs';
+const mod = process.env.NODE_ENV !== 'production' ? modDev : modProd;
+export const DefaultEditorChildrenComponent = mod.DefaultEditorChildrenComponent;
+export const ReactExtension = mod.ReactExtension;

package/@ekz/lexicalReactExtension.node.mjs

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const mod = await (process.env.NODE_ENV !== 'production' ? import('./@ekz/lexicalReactExtension.dev.mjs') : import('./@ekz/lexicalReactExtension.prod.mjs'));
+export const DefaultEditorChildrenComponent = mod.DefaultEditorChildrenComponent;
+export const ReactExtension = mod.ReactExtension;

package/@ekz/lexicalReactExtension.prod.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+"use strict";var e=require("@ekz/lexical-react/LexicalContentEditable"),r=require("@ekz/lexical-react/LexicalErrorBoundary"),n=require("@ekz/lexical-react/ReactProviderExtension"),t=require("@ekz/lexical"),o=require("@ekz/lexical-react/LexicalComposerContext"),i=require("react"),c=require("react-dom"),a=require("react/jsx-runtime");function s(e,r){const[n]=r,t=e.decorators.map(e=>"function"==typeof e?a.jsx(e,{context:r}):e);return function(s){const{EditorChildrenComponent:l=e.EditorChildrenComponent,ErrorBoundary:d=e.ErrorBoundary,contentEditable:u=e.contentEditable,children:x}=s,E=function(e,r){const[n,t]=i.useMemo(()=>[r=>e.registerDecoratorListener(r),()=>e.getDecorators()],[e]),o=i.useSyncExternalStore(n,t,t);return i.useMemo(()=>{const n=[];for(const t in o){const s=e.getElementByKey(t);if(null!==s){const l=a.jsx(r,{onError:r=>{e._onError(r)},children:a.jsx(i.Suspense,{fallback:null,children:o[t]})});n.push(c.createPortal(l,s,t))}}return n},[r,o,e])}(n,d),m=i.useMemo(()=>t.map((e,r)=>a.jsx(d,{onError:e=>{n._onError(e)},children:a.jsx(i.Suspense,{fallback:null,children:e})},r)),[d]);return a.jsx(o.LexicalComposerContext.Provider,{value:r,children:a.jsxs(l,{context:r,contentEditable:u,children:[x,m,E]})})}}function l({contentEditable:e,children:r}){return a.jsxs(a.Fragment,{children:[e,r]})}const d={EditorChildrenComponent:l,ErrorBoundary:r.LexicalErrorBoundary,contentEditable:a.jsx(e.ContentEditable,{}),decorators:[]},u=t.defineExtension({build(e,r,t){t.getPeer(n.ReactProviderExtension.name)||function(e,...r){const n=new URL("https://lexical.dev/docs/error"),t=new URLSearchParams;t.append("code",e);for(const e of r)t.append("v",e);throw n.search=t.toString(),Error(`Minified Lexical error #${e}; visit ${n.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)}(321,[...t.getDirectDependentNames()].join(" "));const o=[e,{getTheme:()=>e._config.theme}];return{Component:s(r,o),context:o}},config:d,mergeConfig(e,r){const n=t.shallowMergeConfig(e,r);return r.decorators&&(n.decorators=r.decorators.length>0?[...e.decorators,...r.decorators]:e.decorators),n},name:"@ekz/lexical-react/React",peerDependencies:[t.declarePeerDependency(n.ReactProviderExtension.name)]});exports.DefaultEditorChildrenComponent=l,exports.ReactExtension=u;

package/@ekz/lexicalReactExtension.prod.mjs

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import{ContentEditable as e}from"@ekz/lexical-react/LexicalContentEditable";import{LexicalErrorBoundary as r}from"@ekz/lexical-react/LexicalErrorBoundary";import{ReactProviderExtension as o}from"@ekz/lexical-react/ReactProviderExtension";import{defineExtension as t,declarePeerDependency as n,shallowMergeConfig as c}from"@ekz/lexical";import{LexicalComposerContext as i}from"@ekz/lexical-react/LexicalComposerContext";import{useMemo as a,useSyncExternalStore as l,Suspense as d}from"react";import{createPortal as s}from"react-dom";import{jsx as m,jsxs as f,Fragment as u}from"react/jsx-runtime";function p(e,r){const[o]=r,t=e.decorators.map(e=>"function"==typeof e?m(e,{context:r}):e);return function(n){const{EditorChildrenComponent:c=e.EditorChildrenComponent,ErrorBoundary:u=e.ErrorBoundary,contentEditable:p=e.contentEditable,children:h}=n,E=function(e,r){const[o,t]=a(()=>[r=>e.registerDecoratorListener(r),()=>e.getDecorators()],[e]),n=l(o,t,t);return a(()=>{const o=[];for(const t in n){const c=e.getElementByKey(t);if(null!==c){const i=m(r,{onError:r=>{e._onError(r)},children:m(d,{fallback:null,children:n[t]})});o.push(s(i,c,t))}}return o},[r,n,e])}(o,u),x=a(()=>t.map((e,r)=>m(u,{onError:e=>{o._onError(e)},children:m(d,{fallback:null,children:e})},r)),[u]);return m(i.Provider,{value:r,children:f(c,{context:r,contentEditable:p,children:[h,x,E]})})}}function h({contentEditable:e,children:r}){return f(u,{children:[e,r]})}const E={EditorChildrenComponent:h,ErrorBoundary:r,contentEditable:m(e,{}),decorators:[]},x=t({build(e,r,t){t.getPeer(o.name)||function(e,...r){const o=new URL("https://lexical.dev/docs/error"),t=new URLSearchParams;t.append("code",e);for(const e of r)t.append("v",e);throw o.search=t.toString(),Error(`Minified Lexical error #${e}; visit ${o.toString()} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`)}(321,[...t.getDirectDependentNames()].join(" "));const n=[e,{getTheme:()=>e._config.theme}];return{Component:p(r,n),context:n}},config:E,mergeConfig(e,r){const o=c(e,r);return r.decorators&&(o.decorators=r.decorators.length>0?[...e.decorators,...r.decorators]:e.decorators),o},name:"@ekz/lexical-react/React",peerDependencies:[n(o.name)]});export{h as DefaultEditorChildrenComponent,x as ReactExtension};