fix(lexical-playground): add experimental table to component picker o…

…ptions
facebook · Jan 27, 2023 · 42dd114 · 42dd114
1 parent 70eed93
commit 42dd114
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/lexical-playground/src/plugins/ComponentPickerPlugin/index.tsx b/packages/lexical-playground/src/plugins/ComponentPickerPlugin/index.tsx
@@ -42,7 +42,7 @@ import {InsertEquationDialog} from '../EquationsPlugin';
 import {INSERT_EXCALIDRAW_COMMAND} from '../ExcalidrawPlugin';
 import {INSERT_IMAGE_COMMAND, InsertImageDialog} from '../ImagesPlugin';
 import {InsertPollDialog} from '../PollPlugin';
-import {InsertTableDialog} from '../TablePlugin';
+import {InsertNewTableDialog, InsertTableDialog} from '../TablePlugin';
 
 class ComponentPickerOption extends TypeaheadOption {
   // What shows up in the editor
@@ -204,6 +204,14 @@ export default function ComponentPickerMenuPlugin(): JSX.Element {
             <InsertTableDialog activeEditor={editor} onClose={onClose} />
           )),
       }),
+      new ComponentPickerOption('Table (Experimental)', {
+        icon: <i className="icon table" />,
+        keywords: ['table', 'grid', 'spreadsheet', 'rows', 'columns'],
+        onSelect: () =>
+          showModal('Insert Table', (onClose) => (
+            <InsertNewTableDialog activeEditor={editor} onClose={onClose} />
+          )),
+      }),
       new ComponentPickerOption('Numbered List', {
         icon: <i className="icon number" />,
         keywords: ['numbered list', 'ordered list', 'ol'],