@pie-lib/editable-html-tip-tap 1.0.3 → 1.0.4

package/src/components/media/MediaWrapper.jsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+
+const useStyles = withStyles(() => ({
+  root: {
+    position: 'relative',
+  },
+  editor: {
+    display: 'inline-block',
+    overflow: 'hidden',
+  },
+}));
+
+class MediaWrapper extends React.Component {
+  static propTypes = {
+    classes: PropTypes.object,
+    children: PropTypes.array,
+    editor: PropTypes.bool,
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  };
+
+  render() {
+    const { editor, classes, children, width, ...rest } = this.props;
+
+    return (
+      <span
+        className={classNames(classes.root, {
+          [classes.editor]: editor,
+        })}
+        {...rest}
+        style={{
+          width: width || 300,
+        }}
+      >
+        {children}
+      </span>
+    );
+  }
+}
+
+export default useStyles(MediaWrapper);

package/src/extensions/image.js

@@ -1,6 +1,6 @@
 import { Node, mergeAttributes } from '@tiptap/core';
-import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';
-import React, { useRef, useState, useCallback } from 'react';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import React from 'react';
 import ImageComponent from './component';
 
 // ---- Tiptap Extension ---- //

package/src/extensions/media.js

@@ -136,12 +136,11 @@ export default function MediaNodeView({ editor, node, updateAttributes, deleteNo
   const handleEdit = () => {
     insertDialog({
       ...node.attrs,
+      options: options,
       edit: true,
       callback: (val, data) => {
         if (val) {
           updateAttributes(data);
-        } else {
-          deleteNode();
         }
 
         editor
@@ -176,7 +175,7 @@ export default function MediaNodeView({ editor, node, updateAttributes, deleteNo
     <NodeViewWrapper data-type={type} style={{ width, height }}>
       {tag === 'audio' ? (
         <audio controls controlsList="nodownload">
-          <source src={src} />
+          <source type="audio/mp3" src={src} />
         </audio>
       ) : (
         <iframe src={src} allowFullScreen frameBorder="0" />