Add support for pasting text for uploaded file caption

Author: johnnythinks

components/Live.js

@@ -3,6 +3,7 @@ import Highlight, { defaultProps } from "prism-react-renderer";
 import { LiveProvider, LiveEditor, LiveError, LivePreview } from "react-live";
 import { mdx } from "@mdx-js/react";
 import Dante, {
+  FileBlockConfig,
   ImageBlockConfig,
   EmbedBlockConfig,
   VideoBlockConfig,
@@ -53,6 +54,7 @@ export default function Live({ children, className, live, render }) {
           scope={{
             mdx,
             Dante,
+            FileBlockConfig,
             ImageBlockConfig,
             EmbedBlockConfig,
             VideoBlockConfig,

packages/dante2/docs/widgets.mdx

@@ -1,3 +1,4 @@
+
 ---
 title: Widgets
 order: 2
@@ -90,13 +91,20 @@ Embed and Video widgets uses open framely you can override this by using your ow
   />
 ```
 
-## Upload 
+## Upload Image
 
 ```js live=true
   <Dante content={null} widgets={[ImageBlockConfig()]}  
   />
 ```
 
+## Upload File
+
+```js live=true
+  <Dante content={null} widgets={[FileBlockConfig()]}
+  />
+```
+
 ## Upload Url Callback
 
 ```js live=true

packages/dante2/src/editor/components/Dante/Dante.js

@@ -10,6 +10,7 @@ import {DanteImagePopoverConfig} from '../popovers/image.js'
 import {DanteAnchorPopoverConfig} from '../popovers/link.js'
 import {DanteInlineTooltipConfig} from '../popovers/addButton.js' //'Dante2/es/components/popovers/addButton.js'
 import {DanteTooltipConfig} from '../popovers/toolTip.js' //'Dante2/es/components/popovers/toolTip.js'
+import {FileBlockConfig} from '../blocks/file.js'
 import {ImageBlockConfig} from '../blocks/image.js'
 import {EmbedBlockConfig} from '../blocks/embed.js'
 import {VideoBlockConfig} from '../blocks/video.js'
@@ -191,6 +192,7 @@ Dante.defaultProps = {
 
   widgets: [
     ImageBlockConfig(),
+    FileBlockConfig(),
     EmbedBlockConfig(),
     VideoBlockConfig(),
     PlaceholderBlockConfig(),

packages/dante2/src/editor/components/Dante/index.js

@@ -18,8 +18,11 @@ export {utils}
 import {LinkDecorator, PrismDraftDecorator} from '../decorators'
 export {LinkDecorator, PrismDraftDecorator}
 
+import FileBlock, {FileBlockConfig} from '../blocks/file.js'
+export { FileBlock, FileBlockConfig}
+
 import ImageBlock, {ImageBlockConfig} from '../blocks/image.js'
-export { ImageBlock, ImageBlockConfig} 
+export { ImageBlock, ImageBlockConfig}
 
 import EmbedBlock, {EmbedBlockConfig} from '../blocks/embed.js'
 export { EmbedBlock, EmbedBlockConfig}