@uiw/react-md-editor 3.23.6 → 3.24.1

package/lib/commands/fullscreen.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.fullscreen = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var fullscreen = {
+var fullscreen = exports.fullscreen = {
   name: 'fullscreen',
   keyCommand: 'fullscreen',
   shortcuts: 'ctrlcmd+0',
@@ -33,5 +33,4 @@ var fullscreen = {
       });
     }
   }
-};
-exports.fullscreen = fullscreen;
+};

package/lib/commands/group.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var group = function group(arr, options) {
+var group = exports.group = function group(arr, options) {
   var data = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     children: arr,
     icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
@@ -34,5 +34,4 @@ var group = function group(arr, options) {
     });
   }
   return data;
-};
-exports.group = group;
+};

package/lib/commands/help.d.ts

@@ -0,0 +1,2 @@
+import { ICommand } from './';
+export declare const help: ICommand;

package/lib/commands/help.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.help = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var help = exports.help = {
+  name: 'help',
+  keyCommand: 'help',
+  buttonProps: {
+    'aria-label': 'Open help',
+    title: 'Open help'
+  },
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    viewBox: "0 0 16 16",
+    width: "12px",
+    height: "12px",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8Zm.9 13H7v-1.8h1.9V13Zm-.1-3.6v.5H7.1v-.6c.2-2.1 2-1.9 1.9-3.2.1-.7-.3-1.1-1-1.1-.8 0-1.2.7-1.2 1.6H5c0-1.7 1.2-3 2.9-3 2.3 0 3 1.4 3 2.3.1 2.3-1.9 2-2.1 3.5Z",
+      fill: "currentColor"
+    })
+  }),
+  execute: function execute() {
+    window.open('https://www.markdownguide.org/basic-syntax/', '_blank', 'noreferrer');
+  }
+};

package/lib/commands/hr.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hr = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
-var hr = {
+var hr = exports.hr = {
   name: 'hr',
   keyCommand: 'hr',
   shortcuts: 'ctrlcmd+h',
-  value: '----------',
+  prefix: '\n\n---\n',
+  suffix: '',
   buttonProps: {
     'aria-label': 'Insert HR (ctrl + h)',
     title: 'Insert HR (ctrl + h)'
@@ -27,7 +29,35 @@ var hr = {
     })
   }),
   execute: function execute(state, api) {
-    api.replaceSelection("".concat(state.selectedText, "\n\n").concat(state.command.value || '', "-\n\n"));
+    var newSelectionRange = (0, _markdownUtils.selectWord)({
+      text: state.text,
+      selection: state.selection,
+      prefix: state.command.prefix,
+      suffix: state.command.suffix
+    });
+    var state1 = api.setSelectionRange(newSelectionRange);
+    if (state1.selectedText.length >= state.command.prefix.length && state1.selectedText.startsWith(state.command.prefix)) {
+      // Remove
+      (0, _markdownUtils.executeCommand)({
+        api: api,
+        selectedText: state1.selectedText,
+        selection: state.selection,
+        prefix: state.command.prefix,
+        suffix: state.command.suffix
+      });
+    } else {
+      // Add
+      state1 = api.setSelectionRange({
+        start: state.selection.start,
+        end: state.selection.start
+      });
+      (0, _markdownUtils.executeCommand)({
+        api: api,
+        selectedText: state1.selectedText,
+        selection: state.selection,
+        prefix: state.command.prefix,
+        suffix: state.command.suffix
+      });
+    }
   }
-};
-exports.hr = hr;
+};

package/lib/commands/image.js

@@ -8,11 +8,12 @@ exports.image = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
-var image = {
+var image = exports.image = {
   name: 'image',
   keyCommand: 'image',
   shortcuts: 'ctrlcmd+k',
-  value: '![image]({{text}})',
+  prefix: '![image](',
+  suffix: ')',
   buttonProps: {
     'aria-label': 'Add image (ctrl + k)',
     title: 'Add image (ctrl + k)'
@@ -27,25 +28,46 @@ var image = {
     })
   }),
   execute: function execute(state, api) {
-    // Select everything
     var newSelectionRange = (0, _markdownUtils.selectWord)({
       text: state.text,
-      selection: state.selection
+      selection: state.selection,
+      prefix: state.command.prefix,
+      suffix: state.command.suffix
     });
     var state1 = api.setSelectionRange(newSelectionRange);
-    // Replaces the current selection with the image
-    var imageTemplate = state1.selectedText || 'https://example.com/your-image.png';
-    var val = state.command.value || '';
-    api.replaceSelection(val.replace(/({{text}})/gi, imageTemplate));
-    var start = state1.selection.start + val.indexOf('{{text}}');
-    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
-    if (!state1.selectedText) {
-      end = end + imageTemplate.length;
+    if (state1.selectedText.includes('http') || state1.selectedText.includes('www')) {
+      (0, _markdownUtils.executeCommand)({
+        api: api,
+        selectedText: state1.selectedText,
+        selection: state.selection,
+        prefix: state.command.prefix,
+        suffix: state.command.suffix
+      });
+    } else {
+      newSelectionRange = (0, _markdownUtils.selectWord)({
+        text: state.text,
+        selection: state.selection,
+        prefix: '![',
+        suffix: ']()'
+      });
+      state1 = api.setSelectionRange(newSelectionRange);
+      if (state1.selectedText.length === 0) {
+        (0, _markdownUtils.executeCommand)({
+          api: api,
+          selectedText: state1.selectedText,
+          selection: state.selection,
+          prefix: '![image',
+          suffix: '](url)'
+        });
+      } else {
+        (0, _markdownUtils.executeCommand)({
+          api: api,
+          selectedText: state1.selectedText,
+          selection: state.selection,
+          prefix: '![',
+          suffix: ']()'
+        });
+      }
     }
-    api.setSelectionRange({
-      start: start,
-      end: end
-    });
   }
-};
-exports.image = image;
+};

package/lib/commands/index.d.ts

@@ -21,6 +21,9 @@ import { title3 } from './title3';
 import { title4 } from './title4';
 import { title5 } from './title5';
 import { title6 } from './title6';
+import { table } from './table';
+import { issue } from './issue';
+import { help } from './help';
 export interface CommandOrchestrator {
     executeCommand(command: ICommand): void;
 }
@@ -43,7 +46,9 @@ export interface ICommandBase<T> {
     shortcuts?: string;
     groupName?: string;
     icon?: React.ReactElement;
-    value?: T;
+    value?: string;
+    prefix?: string;
+    suffix?: string;
     position?: 'right';
     liProps?: React.LiHTMLAttributes<HTMLLIElement>;
     buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement> | null;
@@ -88,4 +93,4 @@ declare class TextAreaCommandOrchestrator implements CommandOrchestrator {
     getState(): false | TextState;
     executeCommand(command: ICommand<string>, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState, shortcuts?: string[]): void;
 }
-export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, codeEdit, codeLive, codePreview, fullscreen, getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi, };
+export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen, getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi, };

package/lib/commands/index.js

@@ -73,6 +73,12 @@ Object.defineProperty(exports, "group", {
     return _group.group;
   }
 });
+Object.defineProperty(exports, "help", {
+  enumerable: true,
+  get: function get() {
+    return _help.help;
+  }
+});
 Object.defineProperty(exports, "hr", {
   enumerable: true,
   get: function get() {
@@ -85,6 +91,12 @@ Object.defineProperty(exports, "image", {
     return _image.image;
   }
 });
+Object.defineProperty(exports, "issue", {
+  enumerable: true,
+  get: function get() {
+    return _issue.issue;
+  }
+});
 Object.defineProperty(exports, "italic", {
   enumerable: true,
   get: function get() {
@@ -115,6 +127,12 @@ Object.defineProperty(exports, "strikethrough", {
     return _strikeThrough.strikethrough;
   }
 });
+Object.defineProperty(exports, "table", {
+  enumerable: true,
+  get: function get() {
+    return _table.table;
+  }
+});
 Object.defineProperty(exports, "title", {
   enumerable: true,
   get: function get() {
@@ -189,7 +207,10 @@ var _title4 = require("./title3");
 var _title5 = require("./title4");
 var _title6 = require("./title5");
 var _title7 = require("./title6");
-var getCommands = function getCommands() {
+var _table = require("./table");
+var _issue = require("./issue");
+var _help = require("./help");
+var getCommands = exports.getCommands = function getCommands() {
   return [_bold.bold, _italic.italic, _strikeThrough.strikethrough, _hr.hr, (0, _group.group)([_title2.title1, _title3.title2, _title4.title3, _title5.title4, _title6.title5, _title7.title6], {
     name: 'title',
     groupName: 'title',
@@ -197,13 +218,11 @@ var getCommands = function getCommands() {
       'aria-label': 'Insert title',
       title: 'Insert title'
     }
-  }), _divider.divider, _link.link, _quote.quote, _code.code, _code.codeBlock, _comment.comment, _image.image, _divider.divider, _list.unorderedListCommand, _list.orderedListCommand, _list.checkedListCommand];
+  }), _divider.divider, _link.link, _quote.quote, _code.code, _code.codeBlock, _comment.comment, _image.image, _table.table, _divider.divider, _list.unorderedListCommand, _list.orderedListCommand, _list.checkedListCommand, _divider.divider, _help.help];
 };
-exports.getCommands = getCommands;
-var getExtraCommands = function getExtraCommands() {
+var getExtraCommands = exports.getExtraCommands = function getExtraCommands() {
   return [_preview.codeEdit, _preview.codeLive, _preview.codePreview, _divider.divider, _fullscreen.fullscreen];
 };
-exports.getExtraCommands = getExtraCommands;
 function getStateFromTextArea(textArea) {
   var _textArea$value;
   return {
@@ -215,7 +234,7 @@ function getStateFromTextArea(textArea) {
     selectedText: (_textArea$value = textArea.value) === null || _textArea$value === void 0 ? void 0 : _textArea$value.slice(textArea.selectionStart, textArea.selectionEnd)
   };
 }
-var TextAreaTextApi = /*#__PURE__*/function () {
+var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
   function TextAreaTextApi(textArea) {
     (0, _classCallCheck2["default"])(this, TextAreaTextApi);
     (0, _defineProperty2["default"])(this, "textArea", void 0);
@@ -249,8 +268,7 @@ var TextAreaTextApi = /*#__PURE__*/function () {
   }]);
   return TextAreaTextApi;
 }();
-exports.TextAreaTextApi = TextAreaTextApi;
-var TextAreaCommandOrchestrator = /*#__PURE__*/function () {
+var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PURE__*/function () {
   function TextAreaCommandOrchestrator(textArea) {
     (0, _classCallCheck2["default"])(this, TextAreaCommandOrchestrator);
     (0, _defineProperty2["default"])(this, "textArea", void 0);
@@ -273,5 +291,4 @@ var TextAreaCommandOrchestrator = /*#__PURE__*/function () {
     }
   }]);
   return TextAreaCommandOrchestrator;
-}();
-exports.TextAreaCommandOrchestrator = TextAreaCommandOrchestrator;
+}();

package/lib/commands/issue.d.ts

@@ -0,0 +1,2 @@
+import { ICommand } from './';
+export declare const issue: ICommand;

package/lib/commands/issue.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.issue = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _markdownUtils = require("../utils/markdownUtils");
+var _jsxRuntime = require("react/jsx-runtime");
+var issue = exports.issue = {
+  name: 'issue',
+  keyCommand: 'issue',
+  prefix: '#',
+  suffix: '',
+  buttonProps: {
+    'aria-label': 'Add issue',
+    title: 'Add issue'
+  },
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    role: "img",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 448 512",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("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
+    })
+  }),
+
+  execute: function execute(state, api) {
+    var newSelectionRange = (0, _markdownUtils.selectWord)({
+      text: state.text,
+      selection: state.selection,
+      prefix: state.command.prefix,
+      suffix: state.command.suffix
+    });
+    var state1 = api.setSelectionRange(newSelectionRange);
+    (0, _markdownUtils.executeCommand)({
+      api: api,
+      selectedText: state1.selectedText,
+      selection: state.selection,
+      prefix: state.command.prefix,
+      suffix: state.command.suffix
+    });
+  }
+};

package/lib/commands/italic.js

@@ -8,11 +8,11 @@ exports.italic = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
-var italic = {
+var italic = exports.italic = {
   name: 'italic',
   keyCommand: 'italic',
   shortcuts: 'ctrlcmd+i',
-  value: '*{{text}}*',
+  prefix: '*',
   buttonProps: {
     'aria-label': 'Add italic text (ctrl + i)',
     title: 'Add italic text (ctrl + i)'
@@ -29,22 +29,17 @@ var italic = {
     })
   }),
   execute: function execute(state, api) {
-    // Adjust the selection to encompass the whole word if the caret is inside one
     var newSelectionRange = (0, _markdownUtils.selectWord)({
       text: state.text,
-      selection: state.selection
+      selection: state.selection,
+      prefix: state.command.prefix
     });
     var state1 = api.setSelectionRange(newSelectionRange);
-    // Replaces the current selection with the bold mark up
-    var val = state.command.value || '';
-    api.replaceSelection(val.replace(/({{text}})/gi, state1.selectedText));
-    var start = state1.selection.start + val.indexOf('{{text}}');
-    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
-    // Adjust the selection to not contain the **
-    api.setSelectionRange({
-      start: start,
-      end: end
+    (0, _markdownUtils.executeCommand)({
+      api: api,
+      selectedText: state1.selectedText,
+      selection: state.selection,
+      prefix: state.command.prefix
     });
   }
-};
-exports.italic = italic;
+};

package/lib/commands/link.js

@@ -8,11 +8,12 @@ exports.link = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
-var link = {
+var link = exports.link = {
   name: 'link',
   keyCommand: 'link',
   shortcuts: 'ctrlcmd+l',
-  value: '[{{text}}](URL Here)',
+  prefix: '[',
+  suffix: '](url)',
   buttonProps: {
     'aria-label': 'Add a link (ctrl + l)',
     title: 'Add a link (ctrl + l)'
@@ -29,22 +30,46 @@ var link = {
     })
   }),
   execute: function execute(state, api) {
-    // Adjust the selection to encompass the whole word if the caret is inside one
     var newSelectionRange = (0, _markdownUtils.selectWord)({
       text: state.text,
-      selection: state.selection
+      selection: state.selection,
+      prefix: state.command.prefix,
+      suffix: state.command.suffix
     });
     var state1 = api.setSelectionRange(newSelectionRange);
-    var val = state.command.value || '';
-    // Replaces the current selection with the bold mark up
-    api.replaceSelection(val.replace(/({{text}})/gi, state1.selectedText));
-    var start = state1.selection.start + val.indexOf('{{text}}');
-    var end = state1.selection.start + val.indexOf('{{text}}') + (state1.selection.end - state1.selection.start);
-    // Adjust the selection to not contain the **
-    api.setSelectionRange({
-      start: start,
-      end: end
-    });
+    if (state1.selectedText.includes('http') || state1.selectedText.includes('www')) {
+      newSelectionRange = (0, _markdownUtils.selectWord)({
+        text: state.text,
+        selection: state.selection,
+        prefix: '[](',
+        suffix: ')'
+      });
+      state1 = api.setSelectionRange(newSelectionRange);
+      (0, _markdownUtils.executeCommand)({
+        api: api,
+        selectedText: state1.selectedText,
+        selection: state.selection,
+        prefix: '[](',
+        suffix: ')'
+      });
+    } else {
+      if (state1.selectedText.length === 0) {
+        (0, _markdownUtils.executeCommand)({
+          api: api,
+          selectedText: state1.selectedText,
+          selection: state.selection,
+          prefix: '[title',
+          suffix: '](url)'
+        });
+      } else {
+        (0, _markdownUtils.executeCommand)({
+          api: api,
+          selectedText: state1.selectedText,
+          selection: state.selection,
+          prefix: state.command.prefix,
+          suffix: state.command.suffix
+        });
+      }
+    }
   }
-};
-exports.link = link;
+};

package/lib/commands/list.d.ts

@@ -1,13 +1,6 @@
-import { ICommand, TextState, TextAreaTextApi } from './';
-export type AlterLineFunction = (line: string, index: number) => string;
-/**
- * Inserts insertionString before each line
- */
-export declare function insertBeforeEachLine(selectedText: string, insertBefore: string | AlterLineFunction): {
-    modifiedText: string;
-    insertionLength: number;
-};
-export declare const makeList: (state: TextState, api: TextAreaTextApi, insertBefore: string | AlterLineFunction) => void;
+import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { AlterLineFunction } from '../utils/markdownUtils';
+export declare const makeList: (state: ExecuteState, api: TextAreaTextApi, insertBefore: string | AlterLineFunction) => void;
 export declare const unorderedListCommand: ICommand;
 export declare const orderedListCommand: ICommand;
 export declare const checkedListCommand: ICommand;

package/lib/commands/list.js

@@ -4,65 +4,59 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkedListCommand = void 0;
-exports.insertBeforeEachLine = insertBeforeEachLine;
-exports.unorderedListCommand = exports.orderedListCommand = exports.makeList = void 0;
+exports.unorderedListCommand = exports.orderedListCommand = exports.makeList = exports.checkedListCommand = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Inserts insertionString before each line
- */
-function insertBeforeEachLine(selectedText, insertBefore) {
-  var lines = selectedText.split(/\n/);
-  var insertionLength = 0;
-  var modifiedText = lines.map(function (item, index) {
-    if (typeof insertBefore === 'string') {
-      insertionLength += insertBefore.length;
-      return insertBefore + item;
-    } else if (typeof insertBefore === 'function') {
-      var insertionResult = insertBefore(item, index);
-      insertionLength += insertionResult.length;
-      return insertBefore(item, index) + item;
-    }
-    throw Error('insertion is expected to be either a string or a function');
-  }).join('\n');
-  return {
-    modifiedText: modifiedText,
-    insertionLength: insertionLength
-  };
-}
-var makeList = function makeList(state, api, insertBefore) {
-  // Adjust the selection to encompass the whole word if the caret is inside one
+var makeList = exports.makeList = function makeList(state, api, insertBefore) {
   var newSelectionRange = (0, _markdownUtils.selectWord)({
     text: state.text,
-    selection: state.selection
+    selection: state.selection,
+    prefix: state.command.prefix
   });
   var state1 = api.setSelectionRange(newSelectionRange);
   var breaksBeforeCount = (0, _markdownUtils.getBreaksNeededForEmptyLineBefore)(state1.text, state1.selection.start);
   var breaksBefore = Array(breaksBeforeCount + 1).join('\n');
   var breaksAfterCount = (0, _markdownUtils.getBreaksNeededForEmptyLineAfter)(state1.text, state1.selection.end);
   var breaksAfter = Array(breaksAfterCount + 1).join('\n');
-  var modifiedText = insertBeforeEachLine(state1.selectedText, insertBefore);
-  api.replaceSelection("".concat(breaksBefore).concat(modifiedText.modifiedText).concat(breaksAfter));
-
-  // Specifically when the text has only one line, we can exclude the "- ", for example, from the selection
-  var oneLinerOffset = state1.selectedText.indexOf('\n') === -1 ? modifiedText.insertionLength : 0;
-  var selectionStart = state1.selection.start + breaksBeforeCount + oneLinerOffset;
-  var selectionEnd = selectionStart + modifiedText.modifiedText.length - oneLinerOffset;
-
-  // Adjust the selection to not contain the **
-  api.setSelectionRange({
-    start: selectionStart,
-    end: selectionEnd
-  });
+  var _insertBeforeEachLine = (0, _markdownUtils.insertBeforeEachLine)(state1.selectedText, insertBefore),
+    modifiedText = _insertBeforeEachLine.modifiedText,
+    insertionLength = _insertBeforeEachLine.insertionLength;
+  if (insertionLength < 0) {
+    // Remove
+    var selectionStart = state1.selection.start;
+    var selectionEnd = state1.selection.end;
+    if (state1.selection.start > 0 && state.text.slice(state1.selection.start - 1, state1.selection.start) === '\n') {
+      selectionStart -= 1;
+    }
+    if (state1.selection.end < state.text.length - 1 && state.text.slice(state1.selection.end, state1.selection.end + 1) === '\n') {
+      selectionEnd += 1;
+    }
+    api.setSelectionRange({
+      start: selectionStart,
+      end: selectionEnd
+    });
+    api.replaceSelection("".concat(modifiedText));
+    api.setSelectionRange({
+      start: selectionStart,
+      end: selectionStart + modifiedText.length
+    });
+  } else {
+    // Add
+    api.replaceSelection("".concat(breaksBefore).concat(modifiedText).concat(breaksAfter));
+    var _selectionStart = state1.selection.start + breaksBeforeCount;
+    var _selectionEnd = _selectionStart + modifiedText.length;
+    api.setSelectionRange({
+      start: _selectionStart,
+      end: _selectionEnd
+    });
+  }
 };
-exports.makeList = makeList;
-var unorderedListCommand = {
+var unorderedListCommand = exports.unorderedListCommand = {
   name: 'unordered-list',
   keyCommand: 'list',
   shortcuts: 'ctrl+shift+u',
-  value: '- ',
+  prefix: '- ',
   buttonProps: {
     'aria-label': 'Add unordered list (ctrl + shift + u)',
     title: 'Add unordered list (ctrl + shift + u)'
@@ -81,12 +75,11 @@ var unorderedListCommand = {
     makeList(state, api, '- ');
   }
 };
-exports.unorderedListCommand = unorderedListCommand;
-var orderedListCommand = {
+var orderedListCommand = exports.orderedListCommand = {
   name: 'ordered-list',
   keyCommand: 'list',
   shortcuts: 'ctrl+shift+o',
-  value: '1. ',
+  prefix: '1. ',
   buttonProps: {
     'aria-label': 'Add ordered list (ctrl + shift + o)',
     title: 'Add ordered list (ctrl + shift + o)'
@@ -108,12 +101,11 @@ var orderedListCommand = {
     });
   }
 };
-exports.orderedListCommand = orderedListCommand;
-var checkedListCommand = {
+var checkedListCommand = exports.checkedListCommand = {
   name: 'checked-list',
   keyCommand: 'list',
   shortcuts: 'ctrl+shift+c',
-  value: '- [x] ',
+  prefix: '- [ ] ',
   buttonProps: {
     'aria-label': 'Add checked list (ctrl + shift + c)',
     title: 'Add checked list (ctrl + shift + c)'
@@ -134,5 +126,4 @@ var checkedListCommand = {
       return "- [ ] ";
     });
   }
-};
-exports.checkedListCommand = checkedListCommand;
+};