@uiw/react-md-editor 4.0.4 → 4.0.6

package/lib/components/Toolbar/Child.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 import './Child.less';
 import { type IToolbarProps } from './';
 export type ChildProps = IToolbarProps & {

package/lib/components/Toolbar/index.d.ts

@@ -1,5 +1,5 @@
 import { IProps } from '../../Types';
-import { ICommand } from '../../commands';
+import { ICommand } from '../../commands/';
 import './index.less';
 export interface IToolbarProps extends IProps {
     overflow?: boolean;

package/lib/index.d.ts

@@ -1,8 +1,8 @@
 import MDEditor from './Editor';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/lib/index.js

@@ -21,7 +21,7 @@ Object.keys(_Editor).forEach(function (key) {
     }
   });
 });
-var commands = _interopRequireWildcard(require("./commands"));
+var commands = _interopRequireWildcard(require("./commands/"));
 exports.commands = commands;
 Object.keys(commands).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/index.nohighlight.d.ts

@@ -1,8 +1,8 @@
 import MDEditor from './Editor.nohighlight';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/lib/index.nohighlight.js

@@ -21,7 +21,7 @@ Object.keys(_Editor).forEach(function (key) {
     }
   });
 });
-var commands = _interopRequireWildcard(require("./commands"));
+var commands = _interopRequireWildcard(require("./commands/"));
 exports.commands = commands;
 Object.keys(commands).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/utils/markdownUtils.d.ts

@@ -1,5 +1,4 @@
-import { TextRange } from '../commands';
-import { TextAreaTextApi } from '../commands';
+import { TextAreaTextApi, type TextRange } from '../commands';
 export interface TextSection {
     text: string;
     selection: TextRange;

package/markdown-editor.css

@@ -271,7 +271,6 @@
   text-align: right !important;
 }
 .w-md-editor-toolbar {
-  height: -webkit-fit-content;
   height: fit-content;
 }
 .w-md-editor-content {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "funding": "https://jaywcjlove.github.io/#/sponsor",

package/src/Context.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, TextAreaCommandOrchestrator } from './commands';
+import { ICommand, TextAreaCommandOrchestrator } from './commands/';
 import { MDEditorProps } from './Types';
 
 export type PreviewType = 'live' | 'edit' | 'preview';

package/src/Editor.nohighlight.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview/nohighlight';
 import TextArea from './components/TextArea/index.nohighlight';
-import { ToolbarVisibility } from './components/Toolbar';
-import DragBar from './components/DragBar';
-import { getCommands, getExtraCommands, ICommand, TextState, TextAreaCommandOrchestrator } from './commands';
+import { ToolbarVisibility } from './components/Toolbar/';
+import DragBar from './components/DragBar/';
+import { getCommands, getExtraCommands, ICommand, TextState, TextAreaCommandOrchestrator } from './commands/';
 import { reducer, EditorContext, ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 

package/src/Editor.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle, Fragment } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
-import TextArea from './components/TextArea';
-import { ToolbarVisibility } from './components/Toolbar';
-import DragBar from './components/DragBar';
-import { getCommands, getExtraCommands, ICommand, TextState, TextAreaCommandOrchestrator } from './commands';
+import { ToolbarVisibility } from './components/Toolbar/';
+import TextArea from './components/TextArea/';
+import DragBar from './components/DragBar/';
+import { getCommands, getExtraCommands, ICommand, TextState, TextAreaCommandOrchestrator } from './commands/';
 import { reducer, EditorContext, ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 

package/src/Types.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

package/src/commands/bold.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const bold: ICommand = {

package/src/commands/code.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const codeBlock: ICommand = {

package/src/commands/comment.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const comment: ICommand = {

package/src/commands/divider.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand } from './';
+import { type ICommand } from './';
 
 export const divider: ICommand = {
   keyCommand: 'divider',

package/src/commands/fullscreen.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ICommand, TextState, TextAreaTextApi } from './';
-import { ContextStore, ExecuteCommandState } from '../Context';
+import { type ICommand, TextState, type TextAreaTextApi } from './';
+import { type ContextStore, type ExecuteCommandState } from '../Context';
 
 export const fullscreen: ICommand = {
   name: 'fullscreen',

package/src/commands/group.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ICommandChildCommands, ICommandChildHandle } from './';
+import { type ICommand, type ICommandChildCommands, type ICommandChildHandle } from './';
 
 export type GroupOptions = Omit<ICommand<string>, 'children'> & {
   children?: ICommandChildHandle['children'];

package/src/commands/help.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand } from './';
 
 export const help: ICommand = {
   name: 'help',

package/src/commands/hr.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const hr: ICommand = {

package/src/commands/image.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const image: ICommand = {

package/src/commands/index.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextStore, ExecuteCommandState } from '../Context';
+import { type ContextStore, ExecuteCommandState } from '../Context';
 import { insertTextAtPosition } from '../utils/InsertTextAtPosition';
 import { bold } from './bold';
 import { code, codeBlock } from './code';

package/src/commands/issue.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const issue: ICommand = {
@@ -12,8 +12,8 @@ export const issue: ICommand = {
     <svg role="img" width="12" height="12" viewBox="0 0 448 512">
       <path
         fill="currentColor"
-        d="M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.826.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8320h95.1l21.3-128H187.1z"
-        //Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+        d="M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128l95.1 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0L325.8 320l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7-95.1 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384 32 384c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 21.3-128L64 192c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320l95.1 0 21.3-128-95.1 0z"
+        //Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
       />
     </svg>
   ),

package/src/commands/italic.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const italic: ICommand = {

package/src/commands/link.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { selectWord, executeCommand } from '../utils/markdownUtils';
 
 export const link: ICommand = {

package/src/commands/list.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import {
   selectWord,
   getBreaksNeededForEmptyLineBefore,

package/src/commands/preview.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ICommand, TextState, TextAreaTextApi } from './';
-import { ContextStore, ExecuteCommandState } from '../Context';
+import { type ICommand, type TextState, TextAreaTextApi } from './';
+import { type ContextStore, type ExecuteCommandState } from '../Context';
 
 export const codePreview: ICommand = {
   name: 'preview',

package/src/commands/quote.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import {
   getBreaksNeededForEmptyLineBefore,
   getBreaksNeededForEmptyLineAfter,

package/src/components/TextArea/Textarea.tsx

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect } from 'react';
 import { IProps } from '../../Types';
 import { EditorContext, ExecuteCommandState } from '../../Context';
-import { TextAreaCommandOrchestrator } from '../../commands';
+import { TextAreaCommandOrchestrator } from '../../commands/';
 import handleKeyDown from './handleKeyDown';
 import shortcuts from './shortcuts';
 import './index.less';

package/src/components/TextArea/handleKeyDown.tsx

@@ -1,6 +1,6 @@
 import { insertTextAtPosition } from '../../utils/InsertTextAtPosition';
 import { insertBeforeEachLine, selectLine } from '../../utils/markdownUtils';
-import { TextAreaTextApi } from '../../commands';
+import { TextAreaTextApi } from '../../commands/';
 
 /**
  * - `13` - `Enter`

package/src/components/TextArea/index.nohighlight.tsx

@@ -1,9 +1,9 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Textarea, { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
+import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
 import './index.less';
 
 type RenderTextareaHandle = {

package/src/components/TextArea/index.tsx

@@ -1,10 +1,10 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Markdown from './Markdown';
 import Textarea, { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
+import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
 import './index.less';
 
 type RenderTextareaHandle = {

package/src/components/TextArea/shortcuts.ts

@@ -1,4 +1,4 @@
-import { ICommand, TextAreaCommandOrchestrator } from '../../commands';
+import { ICommand, TextAreaCommandOrchestrator } from '../../commands/';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 
 function getCommands(data: ICommand[] = [], resulte: Record<string, ICommand> = {}): Record<string, ICommand> {

package/src/components/Toolbar/Child.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, JSX } from 'react';
 import './Child.less';
 import Toolbar, { type IToolbarProps } from './';
 import { EditorContext } from '../../Context';

package/src/components/Toolbar/index.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useContext, useEffect, useRef } from 'react';
 import { IProps } from '../../Types';
 import { EditorContext, PreviewType, ContextStore } from '../../Context';
-import { ICommand } from '../../commands';
+import { ICommand } from '../../commands/';
 import Child from './Child';
 import './index.less';
 

package/src/index.nohighlight.tsx

@@ -1,9 +1,9 @@
 import MDEditor from './Editor.nohighlight';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
 
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/src/index.tsx

@@ -1,9 +1,9 @@
 import MDEditor from './Editor';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
 
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/src/utils/markdownUtils.ts

@@ -1,5 +1,4 @@
-import { TextRange } from '../commands';
-import { TextAreaTextApi, ExecuteState } from '../commands';
+import { TextAreaTextApi, type TextRange } from '../commands';
 
 export interface TextSection {
   text: string;