@lexical/react 0.2.6 → 0.2.9

package/LexicalAutoScrollPlugin.d.ts

@@ -6,8 +6,7 @@
  *
  */
 
-import {$ReadOnly} from 'utility-types';
-type Props = $ReadOnly<{
+type Props = Readonly<{
   scrollRef: {current: HTMLElement | null};
 }>;
 export default function LexicalAutoScrollPlugin(props: Props): null;

package/LexicalBlockWithAlignableContents.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ */
+
+import type {ElementFormatType, NodeKey} from 'lexical';
+
+type Props = Readonly<{
+  children: JSX.Element | string | (JSX.Element | string)[];
+  format: ElementFormatType | null;
+  nodeKey: NodeKey;
+}>;
+
+declare function BlockWithAlignableContents(Props): JSX.Element;

package/LexicalCheckListPlugin.d.ts

@@ -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.
+ *
+ */
+
+export default function LexicalCheckListPlugin(): null;

package/LexicalCollaborationPlugin.d.ts

@@ -6,6 +6,7 @@
  *
  */
 
+import {WebsocketProvider} from 'y-websocket';
 import type {Doc, RelativePosition} from 'yjs';
 export type UserState = {
   anchorPos: null | RelativePosition;
@@ -21,34 +22,15 @@ export type ProviderAwareness = {
   on: (type: 'update', cb: () => void) => void;
   off: (type: 'update', cb: () => void) => void;
 };
-export interface Provider {
-  connect(): void | Promise<void>;
-  disconnect(): void;
-  awareness: ProviderAwareness;
-  on(type: 'sync', cb: (isSynced: boolean) => void): void;
-  on(type: 'status', cb: (arg0: {status: string}) => void): void;
-  // $FlowFixMe: temp
-  on(type: 'update', cb: (arg0: any) => void): void;
-  on(type: 'reload', cb: (doc: Doc) => boolean): void;
-  off(type: 'sync', cb: (isSynced: boolean) => void): void;
-  // $FlowFixMe: temp
-  off(type: 'update', cb: (arg0: any) => void): void;
-  off(type: 'status', cb: (arg0: {status: string}) => void): void;
-  off(type: 'reload', cb: (doc: Doc) => boolean): void;
-}
 type CollaborationContextType = {
   clientID: number;
   color: string;
   name: string;
   yjsDocMap: Map<string, Doc>;
 };
-export type ProviderFactory = (
-  id: string,
-  yjsDocMap: Map<string, Doc>,
-) => Provider;
 export function CollaborationPlugin(arg0: {
   id: string;
-  providerFactory: ProviderFactory;
+  providerFactory(id: string, yjsDocMap: Map<string, Doc>): WebsocketProvider;
   shouldBootstrap: boolean;
   username?: string;
 }): JSX.Element | null;

package/LexicalDecoratorBlockNode.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ */
+
+import type {ElementFormatType, LexicalNode, NodeKey} from 'lexical';
+
+import {DecoratorNode} from 'lexical';
+
+declare class DecoratorBlockNode<T> extends DecoratorNode<T> {
+  __format: ElementFormatType;
+  constructor(format?: ElementFormatType | null, key?: NodeKey);
+  createDOM(): HTMLElement;
+  setFormat(format: ElementFormatType): void;
+}
+
+declare function $isDecoratorBlockNode<T>(
+  node: LexicalNode,
+): node is DecoratorBlockNode<T>;

package/LexicalMarkdownShortcutPlugin.d.ts

@@ -6,4 +6,8 @@
  *
  */
 
-export default function LexicalMarkdownShortcutPlugin(): JSX.Element | null;
+import type {Transformer} from '@lexical/markdown';
+
+export default function LexicalMarkdownShortcutPlugin(arg0: {
+  transformers: Array<Transformer>;
+}): JSX.Element | null;

package/LexicalMarkdownShortcutPlugin.dev.js

@@ -8,7 +8,8 @@
 
 var markdown = require('@lexical/markdown');
 var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var react = require('react');
+var React = require('react');
+var lexical = require('lexical');
 
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -18,11 +19,105 @@ var react = require('react');
  *
  * 
  */
+lexical.createCommand();
+
+function HorizontalRuleComponent() {
+  return /*#__PURE__*/React.createElement("hr", null);
+}
+
+class HorizontalRuleNode extends lexical.DecoratorNode {
+  static getType() {
+    return 'horizontalrule';
+  }
+
+  static clone(node) {
+    return new HorizontalRuleNode(node.__key);
+  }
+
+  static importDOM() {
+    return {
+      hr: node => ({
+        conversion: convertHorizontalRuleElement,
+        priority: 0
+      })
+    };
+  }
+
+  exportDOM() {
+    return {
+      element: document.createElement('hr')
+    };
+  }
+
+  createDOM() {
+    const div = document.createElement('div');
+    div.style.display = 'contents';
+    return div;
+  }
+
+  getTextContent() {
+    return '\n';
+  }
+
+  isTopLevel() {
+    return true;
+  }
+
+  updateDOM() {
+    return false;
+  }
+
+  decorate() {
+    return /*#__PURE__*/React.createElement(HorizontalRuleComponent, null);
+  }
+
+}
+
+function convertHorizontalRuleElement() {
+  return {
+    node: $createHorizontalRuleNode()
+  };
+}
+
+function $createHorizontalRuleNode() {
+  return new HorizontalRuleNode();
+}
+function $isHorizontalRuleNode(node) {
+  return node instanceof HorizontalRuleNode;
+}
+
+/**
+ * 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 HR = {
+  export: node => {
+    return $isHorizontalRuleNode(node) ? '***' : null;
+  },
+  regExp: /^(---|\*\*\*|___)\s?$/,
+  replace: (parentNode, _1, _2, isImport) => {
+    const line = $createHorizontalRuleNode(); // TODO: Get rid of isImport flag
+
+    if (isImport || parentNode.getNextSibling() != null) {
+      parentNode.replace(line);
+    } else {
+      parentNode.insertBefore(line);
+    }
+
+    line.selectNext();
+  },
+  type: 'element'
+};
+const DEFAULT_TRANSFORMERS = [HR, ...markdown.TRANSFORMERS];
 function LexicalMarkdownShortcutPlugin({
-  transformers
+  transformers = DEFAULT_TRANSFORMERS
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  react.useEffect(() => {
+  React.useEffect(() => {
     return markdown.registerMarkdownShortcuts(editor, transformers);
   }, [editor, transformers]);
   return null;

package/LexicalMarkdownShortcutPlugin.prod.js

@@ -4,4 +4,6 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var c=require("@lexical/markdown"),d=require("@lexical/react/LexicalComposerContext"),e=require("react");module.exports=function({transformers:a}){const [b]=d.useLexicalComposerContext();e.useEffect(()=>c.registerMarkdownShortcuts(b,a),[b,a]);return null};
+var c=require("@lexical/markdown"),d=require("@lexical/react/LexicalComposerContext"),e=require("react"),f=require("lexical");f.createCommand();function g(){return e.createElement("hr",null)}
+class h extends f.DecoratorNode{static getType(){return"horizontalrule"}static clone(a){return new h(a.__key)}static importDOM(){return{hr:()=>({conversion:k,priority:0})}}exportDOM(){return{element:document.createElement("hr")}}createDOM(){const a=document.createElement("div");a.style.display="contents";return a}getTextContent(){return"\n"}isTopLevel(){return!0}updateDOM(){return!1}decorate(){return e.createElement(g,null)}}function k(){return{node:new h}}
+const m=[{export:a=>a instanceof h?"***":null,regExp:/^(---|\*\*\*|___)\s?$/,replace:(a,b,n,l)=>{b=new h;l||null!=a.getNextSibling()?a.replace(b):a.insertBefore(b);b.selectNext()},type:"element"},...c.TRANSFORMERS];module.exports=function({transformers:a=m}){const [b]=d.useLexicalComposerContext();e.useEffect(()=>c.registerMarkdownShortcuts(b,a),[b,a]);return null};

package/LexicalNestedComposer.d.ts

@@ -11,5 +11,5 @@ import type {LexicalEditor, EditorThemeClasses} from 'lexical';
 export default function LexicalNestedComposer(arg0: {
   initialEditor: LexicalEditor;
   initialTheme?: EditorThemeClasses;
-  children: JSX.Element | JSX.Element[] | null;
+  children: JSX.Element | (JSX.Element | string | null)[] | null;
 }): JSX.Element | null;

package/package.json

@@ -8,28 +8,28 @@
     "rich-text"
   ],
   "license": "MIT",
-  "version": "0.2.6",
+  "version": "0.2.9",
   "dependencies": {
-    "@lexical/clipboard": "0.2.6",
-    "@lexical/list": "0.2.6",
-    "@lexical/table": "0.2.6",
-    "@lexical/yjs": "0.2.6",
-    "@lexical/hashtag": "0.2.6",
-    "@lexical/selection": "0.2.6",
-    "@lexical/utils": "0.2.6",
-    "@lexical/dragon": "0.2.6",
-    "@lexical/plain-text": "0.2.6",
-    "@lexical/rich-text": "0.2.6",
-    "@lexical/code": "0.2.6",
-    "@lexical/text": "0.2.6",
-    "@lexical/link": "0.2.6",
-    "@lexical/overflow": "0.2.6",
-    "@lexical/history": "0.2.6",
-    "@lexical/markdown": "0.2.6",
-    "@lexical/mark": "0.2.6"
+    "@lexical/clipboard": "0.2.9",
+    "@lexical/list": "0.2.9",
+    "@lexical/table": "0.2.9",
+    "@lexical/yjs": "0.2.9",
+    "@lexical/hashtag": "0.2.9",
+    "@lexical/selection": "0.2.9",
+    "@lexical/utils": "0.2.9",
+    "@lexical/dragon": "0.2.9",
+    "@lexical/plain-text": "0.2.9",
+    "@lexical/rich-text": "0.2.9",
+    "@lexical/code": "0.2.9",
+    "@lexical/text": "0.2.9",
+    "@lexical/link": "0.2.9",
+    "@lexical/overflow": "0.2.9",
+    "@lexical/history": "0.2.9",
+    "@lexical/markdown": "0.2.9",
+    "@lexical/mark": "0.2.9"
   },
   "peerDependencies": {
-    "lexical": "0.2.6",
+    "lexical": "0.2.9",
     "react": ">=17.x",
     "react-dom": ">=17.x"
   },