@uiw/react-md-editor 4.0.8 → 4.0.9

package/esm/Editor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
-import { ContextStore } from './Context';
+import { type ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 export interface RefMDEditor extends ContextStore {
 }

package/esm/Editor.nohighlight.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview/nohighlight';
-import { ContextStore } from './Context';
+import { type ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 export interface RefMDEditor extends ContextStore {
 }

package/esm/components/DragBar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import './index.less';
 export interface IDragBarProps extends IProps {
     height: number;

package/esm/components/TextArea/Markdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 export interface MarkdownProps extends IProps, React.HTMLAttributes<HTMLPreElement> {
 }
 export default function Markdown(props: MarkdownProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/TextArea/Textarea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import './index.less';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>, IProps {
 }

package/esm/components/TextArea/index.d.ts

@@ -1,8 +1,8 @@
 import React, { JSX } from 'react';
-import { ContextStore, ExecuteCommandState } from '../../Context';
-import { TextAreaProps } from './Textarea';
-import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
+import { type ContextStore, type ExecuteCommandState } from '../../Context';
+import { type TextAreaProps } from './Textarea';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
 import './index.less';
 type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];

package/esm/components/TextArea/index.nohighlight.d.ts

@@ -1,8 +1,8 @@
 import React, { JSX } from 'react';
-import { ContextStore, ExecuteCommandState } from '../../Context';
+import { type ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
-import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
 import './index.less';
 type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];

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

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

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

@@ -1,4 +1,4 @@
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import { ICommand } from '../../commands/';
 import './index.less';
 export interface IToolbarProps extends IProps {

package/esm/index.css

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

package/esm/index.d.ts

@@ -10,5 +10,7 @@ export * from './utils/InsertTextAtPosition';
 export * from './Editor';
 export * from './Context';
 export * from './Types';
+export { default as handleKeyDown } from './components/TextArea/handleKeyDown';
+export { default as shortcuts } from './components/TextArea/shortcuts';
 export { MarkdownUtil, commands };
 export default MDEditor;

package/esm/index.js

@@ -10,5 +10,7 @@ export * from "./utils/InsertTextAtPosition.js";
 export * from "./Editor.js";
 export * from "./Context.js";
 export * from "./Types.js";
+export { default as handleKeyDown } from "./components/TextArea/handleKeyDown.js";
+export { default as shortcuts } from "./components/TextArea/shortcuts.js";
 export { MarkdownUtil, commands };
 export default MDEditor;

package/lib/Editor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
-import { ContextStore } from './Context';
+import { type ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 export interface RefMDEditor extends ContextStore {
 }

package/lib/Editor.nohighlight.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview/nohighlight';
-import { ContextStore } from './Context';
+import { type ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 export interface RefMDEditor extends ContextStore {
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import './index.less';
 export interface IDragBarProps extends IProps {
     height: number;

package/lib/components/TextArea/Markdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 export interface MarkdownProps extends IProps, React.HTMLAttributes<HTMLPreElement> {
 }
 export default function Markdown(props: MarkdownProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/TextArea/Textarea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import './index.less';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>, IProps {
 }

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

@@ -1,8 +1,8 @@
 import React, { JSX } from 'react';
-import { ContextStore, ExecuteCommandState } from '../../Context';
-import { TextAreaProps } from './Textarea';
-import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
+import { type ContextStore, type ExecuteCommandState } from '../../Context';
+import { type TextAreaProps } from './Textarea';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
 import './index.less';
 type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];

package/lib/components/TextArea/index.nohighlight.d.ts

@@ -1,8 +1,8 @@
 import React, { JSX } from 'react';
-import { ContextStore, ExecuteCommandState } from '../../Context';
+import { type ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
-import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
 import './index.less';
 type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];

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

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

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

@@ -1,4 +1,4 @@
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import { ICommand } from '../../commands/';
 import './index.less';
 export interface IToolbarProps extends IProps {

package/lib/index.d.ts

@@ -10,5 +10,7 @@ export * from './utils/InsertTextAtPosition';
 export * from './Editor';
 export * from './Context';
 export * from './Types';
+export { default as handleKeyDown } from './components/TextArea/handleKeyDown';
+export { default as shortcuts } from './components/TextArea/shortcuts';
 export { MarkdownUtil, commands };
 export default MDEditor;

package/lib/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7,15 +8,29 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   commands: true,
   MarkdownUtil: true,
-  headingExecute: true
+  headingExecute: true,
+  handleKeyDown: true,
+  shortcuts: true
 };
 exports["default"] = exports.commands = exports.MarkdownUtil = void 0;
+Object.defineProperty(exports, "handleKeyDown", {
+  enumerable: true,
+  get: function get() {
+    return _handleKeyDown["default"];
+  }
+});
 Object.defineProperty(exports, "headingExecute", {
   enumerable: true,
   get: function get() {
     return _title.headingExecute;
   }
 });
+Object.defineProperty(exports, "shortcuts", {
+  enumerable: true,
+  get: function get() {
+    return _shortcuts["default"];
+  }
+});
 var _Editor = _interopRequireWildcard(require("./Editor"));
 Object.keys(_Editor).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -103,4 +118,6 @@ Object.keys(_Types).forEach(function (key) {
     }
   });
 });
+var _handleKeyDown = _interopRequireDefault(require("./components/TextArea/handleKeyDown"));
+var _shortcuts = _interopRequireDefault(require("./components/TextArea/shortcuts"));
 var _default = exports["default"] = _Editor["default"];

package/markdown-editor.css

@@ -271,6 +271,7 @@
   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.8",
+  "version": "4.0.9",
   "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/Editor.nohighlight.tsx

@@ -3,8 +3,8 @@ 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 { reducer, EditorContext, ContextStore } from './Context';
+import { getCommands, getExtraCommands, type ICommand, type TextState, TextAreaCommandOrchestrator } from './commands/';
+import { reducer, EditorContext, type ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 
 function setGroupPopFalse(data: Record<string, boolean> = {}) {

package/src/Editor.tsx

@@ -1,10 +1,10 @@
-import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle, Fragment } from 'react';
+import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 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 { getCommands, getExtraCommands, type ICommand, type TextState, TextAreaCommandOrchestrator } from './commands/';
+import { reducer, EditorContext, type ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 
 function setGroupPopFalse(data: Record<string, boolean> = {}) {

package/src/components/DragBar/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef } from 'react';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import './index.less';
 
 export interface IDragBarProps extends IProps {

package/src/components/TextArea/Markdown.tsx

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect } from 'react';
 import { rehype } from 'rehype';
 import rehypePrism from 'rehype-prism-plus';
-import { IProps } from '../../Types';
+import { type IProps } from '../../Types';
 import { EditorContext } from '../../Context';
 
 function html2Escape(sHtml: string) {

package/src/components/TextArea/Textarea.tsx

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

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

@@ -1,9 +1,10 @@
 import React, { useEffect, Fragment, useContext, JSX } from 'react';
-import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
+import type * as CSS from 'csstype';
+import { EditorContext, type ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Textarea, { TextAreaProps } from './Textarea';
-import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
 import './index.less';
 
 type RenderTextareaHandle = {
@@ -66,7 +67,7 @@ export default function TextArea(props: ITextAreaProps) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const textStyle: React.CSSProperties = { WebkitTextFillColor: 'initial', overflow: 'auto' };
+  const textStyle: CSS.Properties = { WebkitTextFillColor: 'initial', overflow: 'auto' };
 
   return (
     <div ref={warp} className={`${prefixCls}-area ${className || ''}`} onScroll={onScroll}>

package/src/components/TextArea/index.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect, Fragment, useContext, JSX } from 'react';
-import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
+import type * as CSS from 'csstype';
+import { EditorContext, type ContextStore, type 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 Textarea, { type TextAreaProps } from './Textarea';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
 import './index.less';
 
 type RenderTextareaHandle = {
@@ -68,7 +69,7 @@ export default function TextArea(props: ITextAreaProps) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  const textStyle: React.CSSProperties = highlightEnable ? {} : { WebkitTextFillColor: 'initial', overflow: 'auto' };
+  const textStyle: CSS.Properties = highlightEnable ? {} : { WebkitTextFillColor: 'initial', overflow: 'auto' };
 
   return (
     <div ref={warp} className={`${prefixCls}-area ${className || ''}`} onScroll={onScroll}>

package/src/components/Toolbar/Child.tsx

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

package/src/components/Toolbar/index.tsx

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

package/src/index.tsx

@@ -11,6 +11,8 @@ export * from './utils/InsertTextAtPosition';
 export * from './Editor';
 export * from './Context';
 export * from './Types';
+export { default as handleKeyDown } from './components/TextArea/handleKeyDown';
+export { default as shortcuts } from './components/TextArea/shortcuts';
 
 export { MarkdownUtil, commands };