decap-cms-widget-markdown 3.10.0 → 3.11.0

package/dist/esm/MarkdownControl/RawEditor.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React, { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { ClassNames } from '@emotion/react';
@@ -11,7 +11,7 @@ import { withHistory } from 'slate-history';
 import { editorStyleVars, EditorControlBar } from '../styles';
 import Toolbar from './Toolbar';
 import defaultEmptyBlock from './plugins/blocks/defaultEmptyBlock';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 function rawEditorStyles({
   minimal
 }) {
@@ -35,7 +35,7 @@ const RawEditorContainer = /*#__PURE__*/_styled("div", {
   styles: "position:relative"
 } : {
   name: "bjn8wh",
-  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NYXJrZG93bkNvbnRyb2wvUmF3RWRpdG9yLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL01hcmtkb3duQ29udHJvbC9SYXdFZGl0b3IuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgSW1tdXRhYmxlUHJvcFR5cGVzIGZyb20gJ3JlYWN0LWltbXV0YWJsZS1wcm9wdHlwZXMnO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGxlbmd0aHMsIGZvbnRzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuaW1wb3J0IHsgY3JlYXRlRWRpdG9yIH0gZnJvbSAnc2xhdGUnO1xuaW1wb3J0IHsgRWRpdGFibGUsIFJlYWN0RWRpdG9yLCBTbGF0ZSwgd2l0aFJlYWN0IH0gZnJvbSAnc2xhdGUtcmVhY3QnO1xuaW1wb3J0IHsgd2l0aEhpc3RvcnkgfSBmcm9tICdzbGF0ZS1oaXN0b3J5JztcblxuaW1wb3J0IHsgZWRpdG9yU3R5bGVWYXJzLCBFZGl0b3JDb250cm9sQmFyIH0gZnJvbSAnLi4vc3R5bGVzJztcbmltcG9ydCBUb29sYmFyIGZyb20gJy4vVG9vbGJhcic7XG5pbXBvcnQgZGVmYXVsdEVtcHR5QmxvY2sgZnJvbSAnLi9wbHVnaW5zL2Jsb2Nrcy9kZWZhdWx0RW1wdHlCbG9jayc7XG5cbmZ1bmN0aW9uIHJhd0VkaXRvclN0eWxlcyh7IG1pbmltYWwgfSkge1xuICByZXR1cm4gYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIG1pbi1oZWlnaHQ6ICR7bWluaW1hbCA/ICdhdXRvJyA6IGxlbmd0aHMucmljaFRleHRFZGl0b3JNaW5IZWlnaHR9O1xuICBmb250LWZhbWlseTogJHtmb250cy5tb25vfTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gIGJvcmRlci10b3A6IDA7XG4gIG1hcmdpbi10b3A6IC0ke2VkaXRvclN0eWxlVmFycy5zdGlja3lEaXN0YW5jZUJvdHRvbX07XG5gO1xufVxuXG5jb25zdCBSYXdFZGl0b3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZnVuY3Rpb24gUmF3RWRpdG9yKHByb3BzKSB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBmaWVsZCwgaXNTaG93TW9kZVRvZ2dsZSwgdCwgb25DaGFuZ2UgfSA9IHByb3BzO1xuXG4gIGNvbnN0IGVkaXRvciA9IHVzZU1lbW8oKCkgPT4gd2l0aFJlYWN0KHdpdGhIaXN0b3J5KGNyZWF0ZUVkaXRvcigpKSksIFtdKTtcblxuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKFxuICAgIHByb3BzLnZhbHVlXG4gICAgICA/IHByb3BzLnZhbHVlLnNwbGl0KCdcXG4nKS5tYXAobGluZSA9PiBkZWZhdWx0RW1wdHlCbG9jayhsaW5lKSlcbiAgICAgIDogW2RlZmF1bHRFbXB0eUJsb2NrKCldLFxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb3BzLnBlbmRpbmdGb2N1cykge1xuICAgICAgUmVhY3RFZGl0b3IuZm9jdXMoZWRpdG9yKTtcbiAgICAgIHByb3BzLnBlbmRpbmdGb2N1cygpO1xuICAgIH1cbiAgfSwgW3Byb3BzLnBlbmRpbmdGb2N1c10pO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZVRvZ2dsZU1vZGUoKSB7XG4gICAgcHJvcHMub25Nb2RlKCdyaWNoX3RleHQnKTtcbiAgfVxuXG4gIGZ1bmN0aW9uIGhhbmRsZUNoYW5nZSh2YWx1ZSkge1xuICAgIG9uQ2hhbmdlKHZhbHVlLm1hcChsaW5lID0+IGxpbmUuY2hpbGRyZW5bMF0udGV4dCkuam9pbignXFxuJykpO1xuICAgIHNldFZhbHVlKHZhbHVlKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFNsYXRlIGVkaXRvcj17ZWRpdG9yfSB2YWx1ZT17dmFsdWV9IGluaXRpYWxWYWx1ZT17dmFsdWV9IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9PlxuICAgICAgPFJhd0VkaXRvckNvbnRhaW5lcj5cbiAgICAgICAgPEVkaXRvckNvbnRyb2xCYXI+XG4gICAgICAgICAgPFRvb2xiYXJcbiAgICAgICAgICAgIG9uVG9nZ2xlTW9kZT17aGFuZGxlVG9nZ2xlTW9kZX1cbiAgICAgICAgICAgIGJ1dHRvbnM9e2ZpZWxkLmdldCgnYnV0dG9ucycpfVxuICAgICAgICAgICAgZGlzYWJsZWRcbiAgICAgICAgICAgIHJhd01vZGVcbiAgICAgICAgICAgIGlzU2hvd01vZGVUb2dnbGU9e2lzU2hvd01vZGVUb2dnbGV9XG4gICAgICAgICAgICB0PXt0fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRWRpdG9yQ29udHJvbEJhcj5cbiAgICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgICAgPEVkaXRhYmxlXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICR7cmF3RWRpdG9yU3R5bGVzKHsgbWluaW1hbDogZmllbGQuZ2V0KCdtaW5pbWFsJykgfSl9XG4gICAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NsYXNzTmFtZXM+XG4gICAgICA8L1Jhd0VkaXRvckNvbnRhaW5lcj5cbiAgICA8L1NsYXRlPlxuICApO1xufVxuXG5SYXdFZGl0b3IucHJvcFR5cGVzID0ge1xuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25Nb2RlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGZpZWxkOiBJbW11dGFibGVQcm9wVHlwZXMubWFwLmlzUmVxdWlyZWQsXG4gIGlzU2hvd01vZGVUb2dnbGU6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBSYXdFZGl0b3I7XG4iXX0= */",
+  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NYXJrZG93bkNvbnRyb2wvUmF3RWRpdG9yLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL01hcmtkb3duQ29udHJvbC9SYXdFZGl0b3IuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJbW11dGFibGVQcm9wVHlwZXMgZnJvbSAncmVhY3QtaW1tdXRhYmxlLXByb3B0eXBlcyc7XG5pbXBvcnQgeyBDbGFzc05hbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbGVuZ3RocywgZm9udHMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5pbXBvcnQgeyBjcmVhdGVFZGl0b3IgfSBmcm9tICdzbGF0ZSc7XG5pbXBvcnQgeyBFZGl0YWJsZSwgUmVhY3RFZGl0b3IsIFNsYXRlLCB3aXRoUmVhY3QgfSBmcm9tICdzbGF0ZS1yZWFjdCc7XG5pbXBvcnQgeyB3aXRoSGlzdG9yeSB9IGZyb20gJ3NsYXRlLWhpc3RvcnknO1xuXG5pbXBvcnQgeyBlZGl0b3JTdHlsZVZhcnMsIEVkaXRvckNvbnRyb2xCYXIgfSBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IFRvb2xiYXIgZnJvbSAnLi9Ub29sYmFyJztcbmltcG9ydCBkZWZhdWx0RW1wdHlCbG9jayBmcm9tICcuL3BsdWdpbnMvYmxvY2tzL2RlZmF1bHRFbXB0eUJsb2NrJztcblxuZnVuY3Rpb24gcmF3RWRpdG9yU3R5bGVzKHsgbWluaW1hbCB9KSB7XG4gIHJldHVybiBgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgbWluLWhlaWdodDogJHttaW5pbWFsID8gJ2F1dG8nIDogbGVuZ3Rocy5yaWNoVGV4dEVkaXRvck1pbkhlaWdodH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLm1vbm99O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcDogMDtcbiAgbWFyZ2luLXRvcDogLSR7ZWRpdG9yU3R5bGVWYXJzLnN0aWNreURpc3RhbmNlQm90dG9tfTtcbmA7XG59XG5cbmNvbnN0IFJhd0VkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5mdW5jdGlvbiBSYXdFZGl0b3IocHJvcHMpIHtcbiAgY29uc3QgeyBjbGFzc05hbWUsIGZpZWxkLCBpc1Nob3dNb2RlVG9nZ2xlLCB0LCBvbkNoYW5nZSB9ID0gcHJvcHM7XG5cbiAgY29uc3QgZWRpdG9yID0gdXNlTWVtbygoKSA9PiB3aXRoUmVhY3Qod2l0aEhpc3RvcnkoY3JlYXRlRWRpdG9yKCkpKSwgW10pO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUoXG4gICAgcHJvcHMudmFsdWVcbiAgICAgID8gcHJvcHMudmFsdWUuc3BsaXQoJ1xcbicpLm1hcChsaW5lID0+IGRlZmF1bHRFbXB0eUJsb2NrKGxpbmUpKVxuICAgICAgOiBbZGVmYXVsdEVtcHR5QmxvY2soKV0sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvcHMucGVuZGluZ0ZvY3VzKSB7XG4gICAgICBSZWFjdEVkaXRvci5mb2N1cyhlZGl0b3IpO1xuICAgICAgcHJvcHMucGVuZGluZ0ZvY3VzKCk7XG4gICAgfVxuICB9LCBbcHJvcHMucGVuZGluZ0ZvY3VzXSk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlVG9nZ2xlTW9kZSgpIHtcbiAgICBwcm9wcy5vbk1vZGUoJ3JpY2hfdGV4dCcpO1xuICB9XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2hhbmdlKHZhbHVlKSB7XG4gICAgb25DaGFuZ2UodmFsdWUubWFwKGxpbmUgPT4gbGluZS5jaGlsZHJlblswXS50ZXh0KS5qb2luKCdcXG4nKSk7XG4gICAgc2V0VmFsdWUodmFsdWUpO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U2xhdGUgZWRpdG9yPXtlZGl0b3J9IHZhbHVlPXt2YWx1ZX0gaW5pdGlhbFZhbHVlPXt2YWx1ZX0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICA8UmF3RWRpdG9yQ29udGFpbmVyPlxuICAgICAgICA8RWRpdG9yQ29udHJvbEJhcj5cbiAgICAgICAgICA8VG9vbGJhclxuICAgICAgICAgICAgb25Ub2dnbGVNb2RlPXtoYW5kbGVUb2dnbGVNb2RlfVxuICAgICAgICAgICAgYnV0dG9ucz17ZmllbGQuZ2V0KCdidXR0b25zJyl9XG4gICAgICAgICAgICBkaXNhYmxlZFxuICAgICAgICAgICAgcmF3TW9kZVxuICAgICAgICAgICAgaXNTaG93TW9kZVRvZ2dsZT17aXNTaG93TW9kZVRvZ2dsZX1cbiAgICAgICAgICAgIHQ9e3R9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9FZGl0b3JDb250cm9sQmFyPlxuICAgICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgICB7KHsgY3NzLCBjeCB9KSA9PiAoXG4gICAgICAgICAgICA8RWRpdGFibGVcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgJHtyYXdFZGl0b3JTdHlsZXMoeyBtaW5pbWFsOiBmaWVsZC5nZXQoJ21pbmltYWwnKSB9KX1cbiAgICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgIDwvUmF3RWRpdG9yQ29udGFpbmVyPlxuICAgIDwvU2xhdGU+XG4gICk7XG59XG5cblJhd0VkaXRvci5wcm9wVHlwZXMgPSB7XG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbk1vZGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgZmllbGQ6IEltbXV0YWJsZVByb3BUeXBlcy5tYXAuaXNSZXF1aXJlZCxcbiAgaXNTaG93TW9kZVRvZ2dsZTogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJhd0VkaXRvcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 function RawEditor(props) {
@@ -61,30 +61,37 @@ function RawEditor(props) {
     onChange(value.map(line => line.children[0].text).join('\n'));
     setValue(value);
   }
-  return ___EmotionJSX(Slate, {
+  return _jsx(Slate, {
     editor: editor,
     value: value,
     initialValue: value,
-    onChange: handleChange
-  }, ___EmotionJSX(RawEditorContainer, null, ___EmotionJSX(EditorControlBar, null, ___EmotionJSX(Toolbar, {
-    onToggleMode: handleToggleMode,
-    buttons: field.get('buttons'),
-    disabled: true,
-    rawMode: true,
-    isShowModeToggle: isShowModeToggle,
-    t: t
-  })), ___EmotionJSX(ClassNames, null, ({
-    css,
-    cx
-  }) => ___EmotionJSX(Editable, {
-    className: cx(className, css`
+    onChange: handleChange,
+    children: _jsxs(RawEditorContainer, {
+      children: [_jsx(EditorControlBar, {
+        children: _jsx(Toolbar, {
+          onToggleMode: handleToggleMode,
+          buttons: field.get('buttons'),
+          disabled: true,
+          rawMode: true,
+          isShowModeToggle: isShowModeToggle,
+          t: t
+        })
+      }), _jsx(ClassNames, {
+        children: ({
+          css,
+          cx
+        }) => _jsx(Editable, {
+          className: cx(className, css`
                   ${rawEditorStyles({
-      minimal: field.get('minimal')
-    })}
+            minimal: field.get('minimal')
+          })}
                 `),
-    value: value,
-    onChange: handleChange
-  }))));
+          value: value,
+          onChange: handleChange
+        })
+      })]
+    })
+  });
 }
 RawEditor.propTypes = {
   onChange: PropTypes.func.isRequired,

package/dist/esm/MarkdownControl/Toolbar.js

@@ -7,7 +7,7 @@ import { css } from '@emotion/react';
 import { List } from 'immutable';
 import { Toggle, Dropdown, DropdownItem, DropdownButton, colors, transitions, lengths } from 'decap-cms-ui-default';
 import ToolbarButton from './ToolbarButton';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const ToolbarContainer = /*#__PURE__*/_styled("div", {
   target: "e11cox783",
   label: "ToolbarContainer"
@@ -111,99 +111,115 @@ export default class Toolbar extends React.Component {
       'heading-five': t('editor.editorWidgets.headingOptions.headingFive'),
       'heading-six': t('editor.editorWidgets.headingOptions.headingSix')
     };
-    return ___EmotionJSX(ToolbarContainer, null, ___EmotionJSX("div", null, isVisible('bold') && ___EmotionJSX(ToolbarButton, {
-      type: "bold",
-      label: t('editor.editorWidgets.markdown.bold'),
-      icon: "bold",
-      onClick: this.handleMarkClick,
-      isActive: hasMark('bold'),
-      disabled: disabled
-    }), isVisible('italic') && ___EmotionJSX(ToolbarButton, {
-      type: "italic",
-      label: t('editor.editorWidgets.markdown.italic'),
-      icon: "italic",
-      onClick: this.handleMarkClick,
-      isActive: hasMark('italic'),
-      disabled: disabled
-    }), isVisible('strikethrough') && ___EmotionJSX(ToolbarButton, {
-      type: "strikethrough",
-      label: t('editor.editorWidgets.markdown.strikethrough'),
-      icon: "strikethrough",
-      onClick: this.handleMarkClick,
-      isActive: hasMark('delete'),
-      disabled: disabled
-    }), isVisible('code') && ___EmotionJSX(ToolbarButton, {
-      type: "code",
-      label: t('editor.editorWidgets.markdown.code'),
-      icon: "code",
-      onClick: this.handleMarkClick,
-      isActive: hasMark('code'),
-      disabled: disabled
-    }), isVisible('link') && ___EmotionJSX(ToolbarButton, {
-      type: "link",
-      label: t('editor.editorWidgets.markdown.link'),
-      icon: "link",
-      onClick: onLinkClick,
-      isActive: hasInline('link'),
-      disabled: disabled
-    }), Object.keys(headingOptions).some(isVisible) && ___EmotionJSX(ToolbarDropdownWrapper, null, ___EmotionJSX(Dropdown, {
-      dropdownWidth: "max-content",
-      dropdownTopOverlap: "36px",
-      renderButton: () => ___EmotionJSX(DropdownButton, null, ___EmotionJSX(ToolbarButton, {
-        type: "headings",
-        label: t('editor.editorWidgets.markdown.headings'),
-        icon: "hOptions",
-        disabled: disabled,
-        isActive: !disabled && Object.keys(headingOptions).some(hasBlock)
-      }))
-    }, !disabled && Object.keys(headingOptions).map((optionKey, idx) => isVisible(optionKey) && ___EmotionJSX(DropdownItem, {
-      key: idx,
-      label: headingOptions[optionKey],
-      className: hasBlock(optionKey) ? 'active' : '',
-      onClick: () => this.handleBlockClick(null, optionKey)
-    })))), isVisible('quote') && ___EmotionJSX(ToolbarButton, {
-      type: "quote",
-      label: t('editor.editorWidgets.markdown.quote'),
-      icon: "quote",
-      onClick: this.handleBlockClick,
-      isActive: hasQuote('quote'),
-      disabled: disabled
-    }), isVisible('bulleted-list') && ___EmotionJSX(ToolbarButton, {
-      type: "bulleted-list",
-      label: t('editor.editorWidgets.markdown.bulletedList'),
-      icon: "list-bulleted",
-      onClick: this.handleBlockClick,
-      isActive: hasListItems('bulleted-list'),
-      disabled: disabled
-    }), isVisible('numbered-list') && ___EmotionJSX(ToolbarButton, {
-      type: "numbered-list",
-      label: t('editor.editorWidgets.markdown.numberedList'),
-      icon: "list-numbered",
-      onClick: this.handleBlockClick,
-      isActive: hasListItems('numbered-list'),
-      disabled: disabled
-    }), showEditorComponents && ___EmotionJSX(ToolbarDropdownWrapper, null, ___EmotionJSX(Dropdown, {
-      dropdownTopOverlap: "36px",
-      dropdownWidth: "max-content",
-      renderButton: () => ___EmotionJSX(DropdownButton, null, ___EmotionJSX(ToolbarButton, {
-        label: t('editor.editorWidgets.markdown.addComponent'),
-        icon: "add-with",
-        onClick: this.handleComponentsMenuToggle,
-        disabled: disabled
-      }))
-    }, pluginsList.map((plugin, idx) => ___EmotionJSX(DropdownItem, {
-      key: idx,
-      label: plugin.label,
-      onClick: () => onSubmit(plugin)
-    }))))), isShowModeToggle && ___EmotionJSX(ToolbarToggle, null, ___EmotionJSX(ToolbarToggleLabel, {
-      isActive: !rawMode,
-      offPosition: true
-    }, t('editor.editorWidgets.markdown.richText')), ___EmotionJSX(StyledToggle, {
-      active: rawMode,
-      onChange: onToggleMode,
-      "aria-label": rawMode ? t('editor.editorWidgets.markdown.toggleMode.rich') : t('editor.editorWidgets.markdown.toggleMode.markdown')
-    }), ___EmotionJSX(ToolbarToggleLabel, {
-      isActive: rawMode
-    }, t('editor.editorWidgets.markdown.markdown'))));
+    return _jsxs(ToolbarContainer, {
+      children: [_jsxs("div", {
+        children: [isVisible('bold') && _jsx(ToolbarButton, {
+          type: "bold",
+          label: t('editor.editorWidgets.markdown.bold'),
+          icon: "bold",
+          onClick: this.handleMarkClick,
+          isActive: hasMark('bold'),
+          disabled: disabled
+        }), isVisible('italic') && _jsx(ToolbarButton, {
+          type: "italic",
+          label: t('editor.editorWidgets.markdown.italic'),
+          icon: "italic",
+          onClick: this.handleMarkClick,
+          isActive: hasMark('italic'),
+          disabled: disabled
+        }), isVisible('strikethrough') && _jsx(ToolbarButton, {
+          type: "strikethrough",
+          label: t('editor.editorWidgets.markdown.strikethrough'),
+          icon: "strikethrough",
+          onClick: this.handleMarkClick,
+          isActive: hasMark('delete'),
+          disabled: disabled
+        }), isVisible('code') && _jsx(ToolbarButton, {
+          type: "code",
+          label: t('editor.editorWidgets.markdown.code'),
+          icon: "code",
+          onClick: this.handleMarkClick,
+          isActive: hasMark('code'),
+          disabled: disabled
+        }), isVisible('link') && _jsx(ToolbarButton, {
+          type: "link",
+          label: t('editor.editorWidgets.markdown.link'),
+          icon: "link",
+          onClick: onLinkClick,
+          isActive: hasInline('link'),
+          disabled: disabled
+        }), Object.keys(headingOptions).some(isVisible) && _jsx(ToolbarDropdownWrapper, {
+          children: _jsx(Dropdown, {
+            dropdownWidth: "max-content",
+            dropdownTopOverlap: "36px",
+            renderButton: () => _jsx(DropdownButton, {
+              children: _jsx(ToolbarButton, {
+                type: "headings",
+                label: t('editor.editorWidgets.markdown.headings'),
+                icon: "hOptions",
+                disabled: disabled,
+                isActive: !disabled && Object.keys(headingOptions).some(hasBlock)
+              })
+            }),
+            children: !disabled && Object.keys(headingOptions).map((optionKey, idx) => isVisible(optionKey) && _jsx(DropdownItem, {
+              label: headingOptions[optionKey],
+              className: hasBlock(optionKey) ? 'active' : '',
+              onClick: () => this.handleBlockClick(null, optionKey)
+            }, idx))
+          })
+        }), isVisible('quote') && _jsx(ToolbarButton, {
+          type: "quote",
+          label: t('editor.editorWidgets.markdown.quote'),
+          icon: "quote",
+          onClick: this.handleBlockClick,
+          isActive: hasQuote('quote'),
+          disabled: disabled
+        }), isVisible('bulleted-list') && _jsx(ToolbarButton, {
+          type: "bulleted-list",
+          label: t('editor.editorWidgets.markdown.bulletedList'),
+          icon: "list-bulleted",
+          onClick: this.handleBlockClick,
+          isActive: hasListItems('bulleted-list'),
+          disabled: disabled
+        }), isVisible('numbered-list') && _jsx(ToolbarButton, {
+          type: "numbered-list",
+          label: t('editor.editorWidgets.markdown.numberedList'),
+          icon: "list-numbered",
+          onClick: this.handleBlockClick,
+          isActive: hasListItems('numbered-list'),
+          disabled: disabled
+        }), showEditorComponents && _jsx(ToolbarDropdownWrapper, {
+          children: _jsx(Dropdown, {
+            dropdownTopOverlap: "36px",
+            dropdownWidth: "max-content",
+            renderButton: () => _jsx(DropdownButton, {
+              children: _jsx(ToolbarButton, {
+                label: t('editor.editorWidgets.markdown.addComponent'),
+                icon: "add-with",
+                onClick: this.handleComponentsMenuToggle,
+                disabled: disabled
+              })
+            }),
+            children: pluginsList.map((plugin, idx) => _jsx(DropdownItem, {
+              label: plugin.label,
+              onClick: () => onSubmit(plugin)
+            }, idx))
+          })
+        })]
+      }), isShowModeToggle && _jsxs(ToolbarToggle, {
+        children: [_jsx(ToolbarToggleLabel, {
+          isActive: !rawMode,
+          offPosition: true,
+          children: t('editor.editorWidgets.markdown.richText')
+        }), _jsx(StyledToggle, {
+          active: rawMode,
+          onChange: onToggleMode,
+          "aria-label": rawMode ? t('editor.editorWidgets.markdown.toggleMode.rich') : t('editor.editorWidgets.markdown.toggleMode.markdown')
+        }), _jsx(ToolbarToggleLabel, {
+          isActive: rawMode,
+          children: t('editor.editorWidgets.markdown.markdown')
+        })]
+      })]
+    });
   }
 }

package/dist/esm/MarkdownControl/ToolbarButton.js

@@ -1,12 +1,11 @@
 import _styled from "@emotion/styled/base";
-import React from 'react';
 import PropTypes from 'prop-types';
 import { Icon, buttons } from 'decap-cms-ui-default';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const StyledToolbarButton = /*#__PURE__*/_styled("button", {
   target: "e1ps9s9m0",
   label: "StyledToolbarButton"
-})(buttons.button, ";display:inline-block;padding:6px;border:none;background-color:transparent;font-size:16px;color:", props => props.isActive ? '#1e2532' : 'inherit', ";cursor:pointer;&:disabled{cursor:auto;opacity:0.5;}", Icon, "{display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NYXJrZG93bkNvbnRyb2wvVG9vbGJhckJ1dHRvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL01hcmtkb3duQ29udHJvbC9Ub29sYmFyQnV0dG9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBidXR0b25zIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBTdHlsZWRUb29sYmFyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtidXR0b25zLmJ1dHRvbn07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcGFkZGluZzogNnB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBmb250LXNpemU6IDE2cHg7XG4gIGNvbG9yOiAke3Byb3BzID0+IChwcm9wcy5pc0FjdGl2ZSA/ICcjMWUyNTMyJyA6ICdpbmhlcml0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY3Vyc29yOiBhdXRvO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICR7SWNvbn0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5mdW5jdGlvbiBUb29sYmFyQnV0dG9uKHsgdHlwZSwgbGFiZWwsIGljb24sIG9uQ2xpY2ssIGlzQWN0aXZlLCBkaXNhYmxlZCB9KSB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRvb2xiYXJCdXR0b25cbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e2UgPT4gb25DbGljayAmJiBvbkNsaWNrKGUsIHR5cGUpfVxuICAgICAgdGl0bGU9e2xhYmVsfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgID5cbiAgICAgIHtpY29uID8gPEljb24gdHlwZT17aWNvbn0gLz4gOiBsYWJlbH1cbiAgICA8L1N0eWxlZFRvb2xiYXJCdXR0b24+XG4gICk7XG59XG5cblRvb2xiYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpY29uOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYmFyQnV0dG9uO1xuIl19 */"));
+})(buttons.button, ";display:inline-block;padding:6px;border:none;background-color:transparent;font-size:16px;color:", props => props.isActive ? '#1e2532' : 'inherit', ";cursor:pointer;&:disabled{cursor:auto;opacity:0.5;}", Icon, "{display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9NYXJrZG93bkNvbnRyb2wvVG9vbGJhckJ1dHRvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL01hcmtkb3duQ29udHJvbC9Ub29sYmFyQnV0dG9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIGJ1dHRvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IFN0eWxlZFRvb2xiYXJCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke2J1dHRvbnMuYnV0dG9ufTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwYWRkaW5nOiA2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gKHByb3BzLmlzQWN0aXZlID8gJyMxZTI1MzInIDogJ2luaGVyaXQnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmRpc2FibGVkIHtcbiAgICBjdXJzb3I6IGF1dG87XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgJHtJY29ufSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmZ1bmN0aW9uIFRvb2xiYXJCdXR0b24oeyB0eXBlLCBsYWJlbCwgaWNvbiwgb25DbGljaywgaXNBY3RpdmUsIGRpc2FibGVkIH0pIHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVG9vbGJhckJ1dHRvblxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17ZSA9PiBvbkNsaWNrICYmIG9uQ2xpY2soZSwgdHlwZSl9XG4gICAgICB0aXRsZT17bGFiZWx9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2ljb24gPyA8SWNvbiB0eXBlPXtpY29ufSAvPiA6IGxhYmVsfVxuICAgIDwvU3R5bGVkVG9vbGJhckJ1dHRvbj5cbiAgKTtcbn1cblxuVG9vbGJhckJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGljb246IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2xiYXJCdXR0b247XG4iXX0= */"));
 function ToolbarButton({
   type,
   label,
@@ -15,14 +14,15 @@ function ToolbarButton({
   isActive,
   disabled
 }) {
-  return ___EmotionJSX(StyledToolbarButton, {
+  return _jsx(StyledToolbarButton, {
     isActive: isActive,
     onClick: e => onClick && onClick(e, type),
     title: label,
-    disabled: disabled
-  }, icon ? ___EmotionJSX(Icon, {
-    type: icon
-  }) : label);
+    disabled: disabled,
+    children: icon ? _jsx(Icon, {
+      type: icon
+    }) : label
+  });
 }
 ToolbarButton.propTypes = {
   type: PropTypes.string,