Refactored toolbar

src/index.js

@@ -10,13 +10,14 @@ import { ListPlugin } from '@lexical/react/LexicalListPlugin';
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
 import {
+  $convertFromMarkdownString,
   TRANSFORMERS,
 } from '@lexical/markdown';
 import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin';
 import {CAN_USE_DOM} from './utils/canUseDOM';
 
 // ------------------------------------------------------
-import ToolbarPlugin from "./plugins/toolbar";
+import ToolbarPlugin from "./plugins/toolbarPlugin";
 import AutoLinkPlugin from './plugins/autoLink.Plugin';
 import { HorizontalRulePlugin } from './plugins/horizontalRulePlugin';
 import LinkPlugin from './plugins/link.Plugin';

src/plugins/alignFormatDropDown.js → src/plugins/toolbarPlugin/alignFormatDropDown.js

@@ -9,7 +9,7 @@ import {
 import { Button, Dropdown, Space } from "antd";
 
 // Local imports
-import Icons from '../icons'
+import Icons from '../../icons'
 // ----------------------------------------------------------------
 function AlignFormatDropDown({ editor, disabled = false, locale }) {
   const items = [{
@@ -44,7 +44,6 @@ function AlignFormatDropDown({ editor, disabled = false, locale }) {
     <Dropdown disabled={disabled} menu={{items}}>
       <Button type="text" size="large" icon={<Icons.AlignLeft />}>
         <Space>
-        {locale.resources.align}
           <Icons.Down />
         </Space>
         </Button>

src/plugins/blockFormatDropDown.js → src/plugins/toolbarPlugin/blockFormatDropDown.js

@@ -18,7 +18,7 @@ import { $createHeadingNode,  $createQuoteNode } from '@lexical/rich-text';
 import { Button, Dropdown, Space } from "antd";
 
 // Local imports
-import Icons from '../icons'
+import Icons from '../../icons'
 
 // ----------------------------------------------------------------
 
@@ -180,11 +180,8 @@ function BlockFormatDropDown({
       items,
     }}>
       <Button type="text" size="large" icon={selectedItem?.icon ?? <Icons.Paragraph />}>
-        <Space>
-          {selectedItem?.label ?? locale.resources.normal}
           <Icons.Down />
-        </Space>
-        </Button>
+      </Button>
     </Dropdown>
     </>
   );

src/plugins/fontDropdown.js → src/plugins/toolbarPlugin/fontDropdown.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, Dropdown, Select, Space } from "antd";
-import Icons from '../icons';
+import Icons from '../../icons';
 
 // --------------------------------------------------
 

src/plugins/toolbar.js → src/plugins/toolbarPlugin/index.js

@@ -43,17 +43,17 @@ import { useCallback, useEffect, useState } from "react";
 import { Button, Divider, InputNumber, Tooltip } from "antd";
 // -----------------------------------------------------------
 
-import { sanitizeUrl } from '../utils/url';
-import { getSelectedNode } from '../utils/getSelectedNode';
+import { sanitizeUrl } from '../../utils/url';
+import { getSelectedNode } from '../../utils/getSelectedNode';
 import FontDropDown, { defaultFont } from "./fontDropdown";
 import BlockFormatDropDown, { blockTypeToBlockName } from './blockFormatDropDown';
 import InsertDropDown from "./insertDropDown";
 import ToolsDropdown from "./toolsDropDown";
-import Icons from '../icons'
-import CheckButton from "../components/checkButton";
+import Icons from '../../icons'
+import CheckButton from "../../components/checkButton";
 import AlignFormatDropDown from "./alignFormatDropDown";
-import styles from "../styles.module.css";
-import { SAVE_COMMAND } from '../commands/saveCommand';
+import styles from "../../styles.module.css";
+import { SAVE_COMMAND } from '../../commands/saveCommand';
 // -----------------------------------------------------------
 
 const ToolbarPlugin = ({ configuration, setIsLinkEditMode, locale }) => {

src/plugins/insertDropDown.js → src/plugins/toolbarPlugin/insertDropDown.js

@@ -5,7 +5,7 @@ import {INSERT_HORIZONTAL_RULE_COMMAND} from '@lexical/react/LexicalHorizontalRu
 // 3rd party
 import { Button, Dropdown, Space } from "antd";
 // local import
-import Icons from "../icons";
+import Icons from "../../icons";
 
 // --------------------------------------
 

src/plugins/toolsDropDown.js → src/plugins/toolbarPlugin/toolsDropDown.js

@@ -1,11 +1,11 @@
 import React, { Fragment } from 'react';
 
-import { AUTO_CORRECT_COMMAND, SPELLCHECK_COMMAND, PUNCTUATION_CORRECT_COMMAND } from '../commands/spellCheckCommand';
+import { AUTO_CORRECT_COMMAND, SPELLCHECK_COMMAND, PUNCTUATION_CORRECT_COMMAND } from '../../commands/spellCheckCommand';
 
 // 3rd party
 import { Button, Dropdown, Space, Tooltip } from "antd";
 // local import
-import Icons from "../icons";
+import Icons from "../../icons";
 
 // --------------------------------------