default export

Author: solomontang

src/index.js

@@ -86,6 +86,8 @@ export {
   CardStack
 } from './layout';
 
+export { MarkdownEditor, MarkdownPreview, MarkdownWrapper } from './markdown';
+
 export { Creatable, Select, CheckboxSelect } from './select';
 export {
   Cell,

src/index_named_exports.test.js

@@ -39,6 +39,9 @@ const EXPECTED_OBJ_EXPORTS = Set([
   'ListItemSecondaryAction',
   'ListItemText',
   'ListSubheader',
+  'MarkdownEditor',
+  'MarkdownPreview',
+  'MarkdownWrapper',
   'Menu',
   'MenuItem',
   'MenuList',

src/markdown/index.js

@@ -1,6 +1,6 @@
 import MarkdownEditor from './src/components/MarkdownEditor';
 import MarkdownPreview from './src/components/MarkdownPreview';
-import { MarkdownWrapper } from './src/components/styled/MarkdownWrapper';
+import MarkdownWrapper from './src/components/styled/MarkdownWrapper';
 
 export {
   MarkdownEditor,

src/markdown/src/components/MarkdownPreview.js

@@ -6,7 +6,7 @@ import ReactMarkdown from 'react-markdown';
 import rehypeHighlight from 'rehype-highlight';
 import remarkGFM from 'remark-gfm';
 
-import { MarkdownWrapper } from './styled/MarkdownWrapper';
+import MarkdownWrapper from './styled/MarkdownWrapper';
 
 type Props = {
   children :Node;
@@ -15,8 +15,8 @@ type Props = {
 const MarkdownPreview = ({ children } :Props) => (
   <MarkdownWrapper>
     <ReactMarkdown
-        remarkPlugins={[remarkGFM]}
-        rehypePlugins={[rehypeHighlight]}>
+        rehypePlugins={[rehypeHighlight]}
+        remarkPlugins={[remarkGFM]}>
       {children}
     </ReactMarkdown>
   </MarkdownWrapper>

src/markdown/src/components/MarkdownPreview.test.js

@@ -3,7 +3,7 @@ import toJson from 'enzyme-to-json';
 import { shallow } from 'enzyme';
 
 import MarkdownPreview from './MarkdownPreview';
-import { MarkdownWrapper } from './styled/MarkdownWrapper';
+import MarkdownWrapper from './styled/MarkdownWrapper';
 
 describe('MarkdownPreview', () => {
 

src/markdown/src/components/styled/MarkdownWrapper.js

@@ -2,18 +2,18 @@ import styled from 'styled-components';
 
 const MarkdownWrapper = styled.div`
   code {
-    padding: .2em .4em;
-    margin: 0;
-    font-size: 85%;
     background-color: rgba(27,31,35,.05);
     border-radius: 3px;
+    font-size: 85%;
+    margin: 0;
+    padding: .2em .4em;
   }
   .hljs {
+    background: #f8f8f8;
+    color: #333;
     display: block;
     overflow-x: auto;
     padding: .5em;
-    color: #333;
-    background: #f8f8f8;
   }
   .hljs-comment, .hljs-quote {
     color: #998;
@@ -70,19 +70,19 @@ const MarkdownWrapper = styled.div`
     font-weight: 700;
   }
   table {
+    border-collapse: collapse;
+    border-spacing: 0;
     display: block;
-    width: 100%;
     overflow: auto;
-    border-spacing: 0;
-    border-collapse: collapse;
+    width: 100%;
   }
   table th {
     font-weight: 600;
   }
   table td,
   table th {
-    padding: 6px 13px;
     border: 1px solid #dfe2e5;
+    padding: 6px 13px;
   }
   table tr {
     background-color: #fff;
@@ -93,6 +93,4 @@ const MarkdownWrapper = styled.div`
   }
 `;
 
-export {
-  MarkdownWrapper
-};
+export default MarkdownWrapper;