@mdxeditor/editor 1.6.0 → 1.7.0

package/dist/plugins/table/index.d.ts

@@ -11,6 +11,16 @@ import type { LexicalEditor, RangeSelection, Klass, LexicalNode, TextFormatType,
 import type { SystemSpec, Realm, RealmNode, PluginConstructor, TypedRealm, ValueForKey, SystemKeys, ValuesForKeys, SystemDict } from '../../gurx';
 /// <reference types="react" />
 import * as Mdast from 'mdast';
+type InsertTablePayload = {
+    /**
+     * The nunber of rows of the table.
+     */
+    rows?: number;
+    /**
+     * The nunber of columns of the table.
+     */
+    columns?: number;
+};
 /** @internal */
 export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     activeEditor: RealmNode<LexicalEditor | null>;
@@ -123,7 +133,7 @@ export declare const tableSystem: SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
 }]) => {
-    insertTable: RealmNode<true>;
+    insertTable: RealmNode<InsertTablePayload>;
 }>;
 export declare const 
 /** @internal */
@@ -238,12 +248,12 @@ tablePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
     onBlur: RealmNode<FocusEvent>;
 }]) => {
-    insertTable: RealmNode<true>;
+    insertTable: RealmNode<InsertTablePayload>;
 }>, object>, 
 /** @internal */
 tablePluginHooks: {
     useRealmContext: () => TypedRealm<{
-        insertTable: RealmNode<true>;
+        insertTable: RealmNode<InsertTablePayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -301,7 +311,7 @@ tablePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
     }>;
     useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertTable">(key: K, callback: (value: ValueForKey<{
-        insertTable: RealmNode<true>;
+        insertTable: RealmNode<InsertTablePayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -359,7 +369,7 @@ tablePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
     }, K>) => void) => void;
     useEmitterValues: <K_1 extends SystemKeys<{
-        insertTable: RealmNode<true>;
+        insertTable: RealmNode<InsertTablePayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -416,7 +426,7 @@ tablePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
     }>>(...keys: K_1) => ValuesForKeys<{
-        insertTable: RealmNode<true>;
+        insertTable: RealmNode<InsertTablePayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -474,7 +484,7 @@ tablePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
     }, K_1>;
     usePubKeys: () => (values: SystemDict<{
-        insertTable: RealmNode<true>;
+        insertTable: RealmNode<InsertTablePayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -532,7 +542,7 @@ tablePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
     }>) => void;
     usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "insertTable">(key: K_2) => (value: ValueForKey<{
-        insertTable: RealmNode<true>;
+        insertTable: RealmNode<InsertTablePayload>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -590,3 +600,4 @@ tablePluginHooks: {
         onBlur: RealmNode<FocusEvent>;
     }, K_2>) => void;
 };
+export {};

package/dist/plugins/table/index.js

@@ -6,16 +6,26 @@ import { MdastTableVisitor } from "./MdastTableVisitor.js";
 import { $createTableNode, TableNode } from "./TableNode.js";
 import { system } from "../../gurx/realmFactory.js";
 import { realmPlugin } from "../../gurx/react.js";
-function seedTable() {
-  return {
+function seedTable(rows = 1, columns = 1) {
+  const table = {
     type: "table",
-    children: [
-      {
-        type: "tableRow",
-        children: [{ type: "tableCell", children: [] }]
-      }
-    ]
+    children: []
   };
+  for (let i = 0; i < rows; i++) {
+    const tableRow = {
+      type: "tableRow",
+      children: []
+    };
+    for (let j = 0; j < columns; j++) {
+      const cell = {
+        type: "tableCell",
+        children: []
+      };
+      tableRow.children.push(cell);
+    }
+    table.children.push(tableRow);
+  }
+  return table;
 }
 const tableSystem = system(
   (r, [{ insertDecoratorNode }]) => {
@@ -23,8 +33,8 @@ const tableSystem = system(
     r.link(
       r.pipe(
         insertTable,
-        r.o.mapTo(() => {
-          return $createTableNode(seedTable());
+        r.o.map(({ rows, columns }) => {
+          return () => $createTableNode(seedTable(rows, columns));
         })
       ),
       insertDecoratorNode

package/dist/plugins/toolbar/components/InsertTable.js

@@ -9,7 +9,7 @@ const InsertTable = () => {
     {
       title: "Insert table",
       onClick: () => {
-        insertTable(true);
+        insertTable({ rows: 3, columns: 3 });
       }
     },
     /* @__PURE__ */ React__default.createElement(TableIcon, null)

package/package.json

@@ -9,7 +9,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",