@pie-lib/editable-html-tip-tap 1.2.0-next.9 → 2.0.1

package/lib/components/EditableHtml.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableHtml.js","names":["_react","_interopRequireWildcard","require","_react2","_starterKit","_interopRequireDefault","_extensionTextStyle","_extensionCharacterCount","_extensionSuperscript","_extensionSubscript","_extensionTextAlign","_extensionImage","_extensionPlaceholder","_styles","_debounce","_extendedTable","_extensionTableRow","_extensionTableCell","_extensionTableHeader","_responseArea","_math","_image","_media","_css","_TiptapContainer","_size","_extensions","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","defaultResponseAreaProps","options","respAreaToolbar","onHandleAreaChange","DEFAULT_ACTIVE_PLUGINS","cssVariables","EditableHtml","exports","props","_ref","pluginProps","showParagraphs","separateParagraphs","_useState","useState","_useState2","_slicedToArray2","pendingImages","setPendingImages","_useState3","_useState4","scheduled","setScheduled","toolbarOpts","toolbarOptsToUse","activePluginsToUse","useMemo","_ref3","_props$responseAreaPr","_ref2","customPlugins","otherPluginProps","_objectWithoutProperties2","filteredActivePlugins","activePlugins","pluginName","nameToUse","PLUGINS_MAP","pluginInfo","disabled","buildExtensions","math","textAlign","html","extraCSSRules","image","imageSupport","toolbar","table","responseArea","type","responseAreaProps","languageCharacters","languageCharactersProps","keyPadCharacterRef","setKeypadInteraction","media","extensions","TextStyleKit","CharacterCount","configure","limit","charactersLimit","StarterKit","Placeholder","placeholder","showOnlyWhenEditable","showOnlyCurrent","includeChildren","ExtendedTable","TableRow","TableHeader","TableCell","ResponseAreaExtension","ExplicitConstructedResponseNode","DragInTheBlankNode","InlineDropdownNode","MathTemplatedNode","MathNode","SubScript","SuperScript","TextAlign","types","alignments","Image","ImageUploadNode","imageHandling","disableImageAlignmentButtons","onDone","_props$onDone","editor","getHTML","onDelete","node","src","attrs","newPendingImages","img","key","newState","insertImageRequested","addedImage","getHandler","onFinish","result","_cb","cb","onChange","callback","handler","add","concat","_toConsumableArray2","maxImageWidth","maxImageHeight","Media","uploadSoundSupport","CSSMark","useEditor","immediatelyRender","editorProps","handleKeyDown","view","event","onKeyDown","editable","content","markup","onUpdate","_ref4","transaction","isDone","_props$onChange","onBlur","debounce","_ref5","otherToolbarOpened","_toolbarOpened","isActive","_props$onChange2","_props$onDone2","useEffect","setEditable","commands","setContent","entries","_ref6","_ref7","value","document","documentElement","style","setProperty","editorState","useEditorState","selector","ctx","_ctx$editor","isFocused","sizeStyle","minWidth","width","maxWidth","minHeight","height","maxHeight","valueToSize","createElement","_extends2","StyledEditorContent","showParagraph","separateParagraph","styled","EditorContent","shouldForwardProp","prop","includes","_ref8","outline","padding","margin","display","color","pointerEvents","whiteSpace","fontSize","marginBottom","_default"],"sources":["../../src/components/EditableHtml.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { TextStyleKit } from '@tiptap/extension-text-style';\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport SuperScript from '@tiptap/extension-superscript';\nimport SubScript from '@tiptap/extension-subscript';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Image from '@tiptap/extension-image';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { styled } from '@mui/material/styles';\nimport debounce from 'lodash-es/debounce';\n\nimport ExtendedTable from '../extensions/extended-table';\nimport { TableRow } from '@tiptap/extension-table-row';\nimport { TableCell } from '@tiptap/extension-table-cell';\nimport { TableHeader } from '@tiptap/extension-table-header';\nimport {\n  DragInTheBlankNode,\n  ExplicitConstructedResponseNode,\n  InlineDropdownNode,\n  MathTemplatedNode,\n  ResponseAreaExtension,\n} from '../extensions/responseArea';\nimport { MathNode } from '../extensions/math';\nimport { ImageUploadNode } from '../extensions/image';\nimport { Media } from '../extensions/media';\nimport { CSSMark } from '../extensions/css';\n\nimport EditorContainer from './TiptapContainer';\nimport { valueToSize } from '../utils/size';\nimport { buildExtensions, PLUGINS_MAP } from '../extensions';\n\nconst defaultToolbarOpts = {\n  position: 'bottom',\n  alignment: 'left',\n  alwaysVisible: false,\n  showDone: true,\n  doneOn: 'blur',\n};\n\nconst defaultResponseAreaProps = {\n  options: {},\n  respAreaToolbar: () => {},\n  onHandleAreaChange: () => {},\n};\n\nconst DEFAULT_ACTIVE_PLUGINS = [\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  'code',\n  'bulleted-list',\n  'numbered-list',\n  'image',\n  'math',\n  'languageCharacters',\n  'text-align',\n  'table',\n  'video',\n  'audio',\n  'responseArea',\n  'superscript',\n  'subscript',\n  'css',\n  'h3',\n  'undo',\n  'redo',\n];\n\nconst cssVariables = {\n  '--white': '#fff',\n  '--black': '#2e2b29',\n  '--black-contrast': '#110f0e',\n  '--gray-1': 'rgba(61, 37, 20, .05)',\n  '--gray-2': 'rgba(61, 37, 20, .08)',\n  '--gray-3': 'rgba(61, 37, 20, .12)',\n  '--gray-4': 'rgba(53, 38, 28, .3)',\n  '--gray-5': 'rgba(28, 25, 23, .6)',\n  '--green': '#22c55e',\n  '--purple': '#6a00f5',\n  '--purple-contrast': '#5800cc',\n  '--purple-light': 'rgba(88, 5, 255, .05)',\n  '--yellow-contrast': '#facc15',\n  '--yellow': 'rgba(250, 204, 21, .4)',\n  '--yellow-light': '#fffae5',\n  '--red': '#ff5c33',\n  '--red-light': '#ffebe5',\n  '--shadow': `0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)`,\n};\n\nexport const EditableHtml = (props) => {\n  const { showParagraphs, separateParagraphs } = props.pluginProps || {};\n  const [pendingImages, setPendingImages] = useState([]);\n  const [scheduled, setScheduled] = useState(false);\n  const { toolbarOpts } = props;\n\n  const toolbarOptsToUse = {\n    ...defaultToolbarOpts,\n    ...toolbarOpts,\n  };\n\n  const activePluginsToUse = useMemo(() => {\n    let { customPlugins, ...otherPluginProps } = props.pluginProps || {};\n\n    customPlugins = customPlugins || [];\n\n    const filteredActivePlugins = (props.activePlugins || DEFAULT_ACTIVE_PLUGINS)?.filter((pluginName) => {\n      const nameToUse = PLUGINS_MAP[pluginName] || pluginName;\n      const pluginInfo = otherPluginProps[nameToUse] || {};\n\n      return !pluginInfo || !pluginInfo.disabled;\n    });\n\n    return buildExtensions(filteredActivePlugins, customPlugins, {\n      math: {},\n      textAlign: props.textAlign,\n      html: {},\n      extraCSSRules: props.extraCSSRules || {},\n      image: {\n        ...props.imageSupport,\n      },\n      toolbar: {},\n      table: {},\n      responseArea: {\n        type: props.responseAreaProps?.type,\n      },\n      languageCharacters: props.languageCharactersProps,\n      keyPadCharacterRef: {},\n      setKeypadInteraction: {},\n      media: {},\n    });\n  }, [props]);\n\n  const extensions = [\n    TextStyleKit,\n    CharacterCount.configure({\n      limit: props.charactersLimit || 1000000,\n    }),\n    StarterKit,\n    Placeholder.configure({\n      placeholder: props.placeholder,\n      // show placeholder even when editor is focused\n      showOnlyWhenEditable: true,\n      showOnlyCurrent: false, // show on all empty nodes, not only the current one\n      includeChildren: true,\n    }),\n    ExtendedTable,\n    TableRow,\n    TableHeader,\n    TableCell,\n    ResponseAreaExtension.configure(props.responseAreaProps),\n    ExplicitConstructedResponseNode.configure(props.responseAreaProps),\n    DragInTheBlankNode.configure(props.responseAreaProps),\n    InlineDropdownNode.configure(props.responseAreaProps),\n    MathTemplatedNode.configure(props.responseAreaProps),\n    MathNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n    }),\n    SubScript,\n    SuperScript,\n    TextAlign.configure({\n      types: ['heading', 'paragraph'],\n      alignments: ['left', 'right', 'center'],\n    }),\n    Image,\n    ImageUploadNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      imageHandling: {\n        disableImageAlignmentButtons: props.disableImageAlignmentButtons,\n        onDone: () => props.onDone?.(editor.getHTML()),\n        onDelete:\n          props.imageSupport &&\n          props.imageSupport.delete &&\n          ((node) => {\n            const { src } = node.attrs;\n\n            props.imageSupport.delete(src, (e) => {\n              const newPendingImages = pendingImages.filter((img) => img.key !== node.key);\n              const newState = {\n                pendingImages: newPendingImages,\n                scheduled: scheduled && newPendingImages.length === 0 ? false : scheduled,\n              };\n\n              setPendingImages(newState.pendingImages);\n              setScheduled(newState.scheduled);\n            });\n          }),\n        insertImageRequested:\n          props.imageSupport &&\n          ((addedImage, getHandler) => {\n            const onFinish = (result) => {\n              let cb;\n\n              if (scheduled && result) {\n                // finish editing only on success\n                cb = props.onChange;\n              }\n\n              const newPendingImages = pendingImages.filter((img) => img.key !== addedImage.key);\n              const newState = {\n                pendingImages: newPendingImages,\n              };\n\n              if (newPendingImages.length === 0) {\n                newState.scheduled = false;\n              }\n\n              setPendingImages(newState.pendingImages);\n              setScheduled(newState.scheduled);\n              cb?.(editor.getHTML());\n            };\n            const callback = () => {\n              /**\n               * The handler is the object through which the outer context\n               * communicates file upload events like: fileChosen, cancel, progress\n               */\n              const handler = getHandler(onFinish);\n              props.imageSupport.add(handler);\n            };\n\n            setPendingImages([...pendingImages, addedImage]);\n            callback();\n          }),\n        maxImageWidth: props.maxImageWidth,\n        maxImageHeight: props.maxImageHeight,\n      },\n      limit: 3,\n    }),\n    Media.configure({\n      uploadSoundSupport: props.uploadSoundSupport,\n    }),\n    CSSMark.configure({\n      extraCSSRules: props.extraCSSRules,\n    }),\n  ];\n\n  const editor = useEditor(\n    {\n      extensions,\n      immediatelyRender: false,\n      editorProps: {\n        handleKeyDown(view, event) {\n          if (props.onKeyDown) {\n            return props.onKeyDown(event);\n          }\n\n          // Return false to let default behavior continue\n          return false;\n        },\n      },\n      editable: !props.disabled,\n      content: props.markup,\n      onUpdate: ({ editor, transaction }) => {\n        if (transaction.isDone) {\n          props.onChange?.(editor.getHTML());\n        }\n      },\n      onBlur: debounce(({ editor }) => {\n        const otherToolbarOpened =\n          editor._toolbarOpened ||\n          editor.isActive('inline_dropdown') ||\n          editor.isActive('explicit_constructed_response');\n\n        if (otherToolbarOpened) {\n          return;\n        }\n\n        if (props.markup !== editor.getHTML()) {\n          props.onChange?.(editor.getHTML());\n        }\n\n        if (toolbarOptsToUse.doneOn === 'blur') {\n          props.onDone?.(editor.getHTML());\n        }\n      }, 200),\n    },\n    [props.charactersLimit],\n  );\n\n  useEffect(() => {\n    editor?.setEditable(!props.disabled);\n  }, [props.disabled, editor]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    if (props.markup !== editor.getHTML()) {\n      editor.commands.setContent(props.markup, false); // false = don’t emit update\n    }\n  }, [props.markup, editor]);\n\n  useEffect(() => {\n    Object.entries(cssVariables).forEach(([key, value]) => {\n      document.documentElement.style.setProperty(key, value);\n    });\n  }, []);\n\n  const editorState = useEditorState({\n    editor,\n    selector: (ctx) => ({\n      isFocused: ctx.editor?.isFocused,\n    }),\n  });\n\n  const sizeStyle = useMemo(() => {\n    const { minWidth, width, maxWidth, minHeight, height, maxHeight } = props;\n\n    return {\n      width: valueToSize(width),\n      minWidth: valueToSize(minWidth),\n      maxWidth: valueToSize(maxWidth),\n      height: valueToSize(height),\n      minHeight: valueToSize(minHeight),\n      maxHeight: valueToSize(maxHeight),\n    };\n  }, [props]);\n\n  return (\n    <EditorContainer\n      {...{\n        ...props,\n        activePlugins: activePluginsToUse,\n        toolbarOpts: toolbarOptsToUse,\n      }}\n      editorState={editorState}\n      editor={editor}\n    >\n      {editor && (\n        <StyledEditorContent\n          style={{\n            minHeight: sizeStyle.minHeight,\n            height: sizeStyle.height,\n            maxHeight: sizeStyle.maxHeight,\n          }}\n          showParagraph={showParagraphs && !showParagraphs.disabled}\n          separateParagraph={separateParagraphs && !separateParagraphs.disabled}\n          editor={editor}\n        />\n      )}\n    </EditorContainer>\n  );\n};\n\nconst StyledEditorContent = styled(EditorContent, {\n  shouldForwardProp: (prop) => !['showParagraph', 'separateParagraph'].includes(prop),\n})(({ showParagraph, separateParagraph }) => ({\n  outline: 'none !important',\n  '& .ProseMirror': {\n    padding: '5px',\n    maxHeight: '500px',\n    outline: 'none !important',\n    position: 'initial',\n    '& > p': {\n      margin: '0',\n    },\n\n    '& p.is-editor-empty:first-child::before': {\n      content: 'attr(data-placeholder)',\n      display: 'block',\n      color: '#9CA3AF',\n      pointerEvents: 'none',\n      whiteSpace: 'pre-wrap',\n    },\n\n    ...(showParagraph && {\n      '& > p:has(+ p)::after': {\n        display: 'block',\n        content: '\"¶\"',\n        fontSize: '1em',\n        color: '#146EB3',\n      },\n    }),\n    ...(separateParagraph && {\n      '& > div:has(+ div)': {\n        marginBottom: '1em',\n      },\n    }),\n  },\n}));\n\nexport default EditableHtml;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableHtml.js","names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_react2","_styles","_starterKit","_extensionTextStyle","_extensionCharacterCount","_extensionSuperscript","_extensionSubscript","_extensionTextAlign","_extensionImage","_extensionPlaceholder","_helper","_extendedTable","_extendedTableCell","_divNode","_ensureEmptyRootDiv","_ensureListItemContentIsDiv","_extensionTableRow","_responseArea","_math","_image","_media","_css","_extendedListItem","_TiptapContainer","_size","_extensions","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","defaultResponseAreaProps","options","respAreaToolbar","onHandleAreaChange","DEFAULT_ACTIVE_PLUGINS","cssVariables","EditableHtml","exports","props","_props$pluginProps","_ref","pluginProps","showParagraphs","separateParagraphs","_useState","useState","_useState2","_slicedToArray2","pendingImages","setPendingImages","_useState3","_useState4","scheduled","setScheduled","toolbarOpts","removePendingImage","useCallback","imagePos","prev","next","img","pos","toolbarOptsToUse","activePluginsToUse","useMemo","_ref3","_props$responseAreaPr","_ref2","customPlugins","otherPluginProps","_objectWithoutProperties2","filteredActivePlugins","activePlugins","pluginName","nameToUse","PLUGINS_MAP","pluginInfo","disabled","buildExtensions","math","textAlign","html","extraCSSRules","image","imageSupport","toolbar","table","responseArea","type","responseAreaProps","languageCharacters","languageCharactersProps","keyPadCharacterRef","setKeypadInteraction","media","extensions","TextAlign","configure","types","alignments","TextStyleKit","CharacterCount","limit","charactersLimit","StarterKit","trailingNode","node","notAfter","ExtendedListItem","DivNode","EnsureEmptyRootIsDiv","EnsureListItemContentIsDiv","Placeholder","placeholder","showOnlyWhenEditable","showOnlyCurrent","includeChildren","ExtendedTable","TableRow","ExtendedTableHeader","ExtendedTableCell","ResponseAreaExtension","ExplicitConstructedResponseNode","DragInTheBlankNode","InlineDropdownNode","MathTemplatedNode","MathNode","SubScript","SuperScript","Image","ImageUploadNode","imageHandling","disableImageAlignmentButtons","onDone","editor","_props$onDone","getHTML","onDelete","src","attrs","insertImageRequested","imageInfo","getHandler","_imageInfo","addedImage","onFinish","result","_cb","cb","onChange","callback","handler","focusHandler","debounce","detach","window","removeEventListener","_insertingImage","addEventListener","add","concat","_toConsumableArray2","maxImageWidth","maxImageHeight","Media","uploadSoundSupport","CSSMark","useEditor","immediatelyRender","editorProps","handleKeyDown","view","event","onKeyDown","editable","content","normalizeInitialMarkup","markup","onUpdate","_ref4","transaction","isDone","_props$onChange","onBlur","_ref5","otherToolbarOpened","_toolbarOpened","isActive","_props$onChange2","_props$onDone2","useEffect","editorRef","setEditable","nextMarkup","commands","setContent","entries","_ref6","_ref7","key","value","document","documentElement","style","setProperty","editorState","useEditorState","selector","ctx","_ctx$editor","isFocused","sizeStyle","minWidth","width","maxWidth","minHeight","height","maxHeight","valueToSize","createElement","_extends2","StyledEditorContent","showParagraph","separateParagraph","styled","EditorContent","shouldForwardProp","prop","includes","_ref8","display","outline","flex","padding","margin","left","top","color","pointerEvents","whiteSpace","fontSize","marginBottom","_default"],"sources":["../../src/components/EditableHtml.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport debounce from 'lodash-es/debounce';\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { styled } from '@mui/material/styles';\nimport StarterKit from '@tiptap/starter-kit';\nimport { TextStyleKit } from '@tiptap/extension-text-style';\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport SuperScript from '@tiptap/extension-superscript';\nimport SubScript from '@tiptap/extension-subscript';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Image from '@tiptap/extension-image';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { normalizeInitialMarkup } from '../utils/helper';\n\nimport ExtendedTable from '../extensions/extended-table';\nimport { ExtendedTableCell, ExtendedTableHeader } from '../extensions/extended-table-cell';\nimport { DivNode } from '../extensions/div-node';\nimport { EnsureEmptyRootIsDiv } from '../extensions/ensure-empty-root-div';\nimport { EnsureListItemContentIsDiv } from '../extensions/ensure-list-item-content-is-div';\nimport { TableRow } from '@tiptap/extension-table-row';\nimport {\n  DragInTheBlankNode,\n  ExplicitConstructedResponseNode,\n  InlineDropdownNode,\n  MathTemplatedNode,\n  ResponseAreaExtension,\n} from '../extensions/responseArea';\nimport { MathNode } from '../extensions/math';\nimport { ImageUploadNode } from '../extensions/image';\nimport { Media } from '../extensions/media';\nimport { CSSMark } from '../extensions/css';\nimport { ExtendedListItem } from '../extensions/extended-list-item';\n\nimport EditorContainer from './TiptapContainer';\nimport { valueToSize } from '../utils/size';\nimport { buildExtensions, PLUGINS_MAP } from '../extensions';\n\nconst defaultToolbarOpts = {\n  position: 'bottom',\n  alignment: 'left',\n  alwaysVisible: false,\n  showDone: true,\n  doneOn: 'blur',\n};\n\nconst defaultResponseAreaProps = {\n  options: {},\n  respAreaToolbar: () => {},\n  onHandleAreaChange: () => {},\n};\n\nconst DEFAULT_ACTIVE_PLUGINS = [\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  'code',\n  'bulleted-list',\n  'numbered-list',\n  'image',\n  'math',\n  'languageCharacters',\n  'text-align',\n  'table',\n  'video',\n  'audio',\n  'responseArea',\n  'superscript',\n  'subscript',\n  'css',\n  'h3',\n  'undo',\n  'redo',\n];\n\nconst cssVariables = {\n  '--white': '#fff',\n  '--black': '#2e2b29',\n  '--black-contrast': '#110f0e',\n  '--gray-1': 'rgba(61, 37, 20, .05)',\n  '--gray-2': 'rgba(61, 37, 20, .08)',\n  '--gray-3': 'rgba(61, 37, 20, .12)',\n  '--gray-4': 'rgba(53, 38, 28, .3)',\n  '--gray-5': 'rgba(28, 25, 23, .6)',\n  '--green': '#22c55e',\n  '--purple': '#6a00f5',\n  '--purple-contrast': '#5800cc',\n  '--purple-light': 'rgba(88, 5, 255, .05)',\n  '--yellow-contrast': '#facc15',\n  '--yellow': 'rgba(250, 204, 21, .4)',\n  '--yellow-light': '#fffae5',\n  '--red': '#ff5c33',\n  '--red-light': '#ffebe5',\n  '--shadow': `0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)`,\n};\n\nexport const EditableHtml = (props) => {\n  const { showParagraphs, separateParagraphs } = props.pluginProps || {};\n  const [pendingImages, setPendingImages] = useState([]);\n  const [scheduled, setScheduled] = useState(false);\n  const { toolbarOpts } = props;\n\n  const removePendingImage = useCallback(\n    (imagePos) => {\n      setPendingImages((prev) => {\n        const next = prev.filter((img) => img.pos !== imagePos);\n        if (next.length === 0) {\n          setScheduled(false);\n        }\n        return next;\n      });\n    },\n    [setPendingImages],\n  );\n\n  const toolbarOptsToUse = {\n    ...defaultToolbarOpts,\n    ...toolbarOpts,\n  };\n\n  const activePluginsToUse = useMemo(() => {\n    let { customPlugins, ...otherPluginProps } = props.pluginProps || {};\n\n    customPlugins = customPlugins || [];\n\n    const filteredActivePlugins = (props.activePlugins || DEFAULT_ACTIVE_PLUGINS)?.filter((pluginName) => {\n      const nameToUse = PLUGINS_MAP[pluginName] || pluginName;\n      const pluginInfo = otherPluginProps[nameToUse] || {};\n\n      return !pluginInfo || !pluginInfo.disabled;\n    });\n\n    return buildExtensions(filteredActivePlugins, customPlugins, {\n      math: {},\n      textAlign: props.textAlign,\n      html: {},\n      extraCSSRules: props.extraCSSRules || {},\n      image: {\n        ...props.imageSupport,\n      },\n      toolbar: {},\n      table: {},\n      responseArea: {\n        type: props.responseAreaProps?.type,\n      },\n      languageCharacters: props.languageCharactersProps,\n      keyPadCharacterRef: {},\n      setKeypadInteraction: {},\n      media: {},\n    });\n  }, [props]);\n\n  const extensions = [\n    TextAlign.configure({\n      types: ['heading', 'paragraph', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'td', 'th'],\n      alignments: ['left', 'right', 'center', 'justify'],\n    }),\n    TextStyleKit,\n    CharacterCount.configure({\n      limit: props.charactersLimit || 1000000,\n    }),\n    StarterKit.configure({\n      trailingNode: {\n        node: 'paragraph',\n        notAfter: ['paragraph', 'div'],\n      },\n    }),\n    ExtendedListItem,\n    DivNode,\n    EnsureEmptyRootIsDiv,\n    EnsureListItemContentIsDiv,\n    Placeholder.configure({\n      placeholder: props.placeholder,\n      // show placeholder even when editor is focused\n      showOnlyWhenEditable: true,\n      showOnlyCurrent: false, // show on all empty nodes, not only the current one\n      includeChildren: true,\n    }),\n    ExtendedTable,\n    TableRow,\n    ExtendedTableHeader,\n    ExtendedTableCell,\n    ResponseAreaExtension.configure(props.responseAreaProps),\n    ExplicitConstructedResponseNode.configure(props.responseAreaProps),\n    DragInTheBlankNode.configure(props.responseAreaProps),\n    InlineDropdownNode.configure(props.responseAreaProps),\n    MathTemplatedNode.configure(props.responseAreaProps),\n    MathNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      math: props.pluginProps?.math || {},\n    }),\n    SubScript,\n    SuperScript,\n    Image,\n    ImageUploadNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      imageHandling: {\n        disableImageAlignmentButtons: props.disableImageAlignmentButtons,\n        onDone: (editor) => props.onDone?.(editor.getHTML()),\n        onDelete:\n          props.imageSupport &&\n          props.imageSupport.delete &&\n          ((node) => {\n            const { src } = node.attrs;\n\n            props.imageSupport.delete(src, (e) => {\n              removePendingImage(node.pos);\n            });\n          }),\n        insertImageRequested:\n          props.imageSupport &&\n          ((editor, imageInfo, getHandler) => {\n            const [addedImage, pos] = imageInfo;\n\n            const onFinish = (result) => {\n              let cb;\n\n              if (scheduled && result) {\n                // finish editing only on success\n                cb = props.onChange;\n              }\n\n              removePendingImage(pos);\n              cb?.(editor.getHTML());\n            };\n\n            const callback = () => {\n              /**\n               * The handler is the object through which the outer context\n               * communicates file upload events like: fileChosen, cancel, progress\n               */\n              const handler = getHandler(onFinish);\n\n              // If the user closes the file picker without choosing a file, the window regains\n              // focus while _insertingImage is still true — drop the stale pending entry.\n              const focusHandler = debounce(() => {\n                const detach = () => window.removeEventListener('focus', focusHandler);\n\n                if (!editor._insertingImage) {\n                  detach();\n                  return;\n                }\n\n                removePendingImage(pos);\n                editor._insertingImage = false;\n                detach();\n              }, 500);\n\n              window.addEventListener('focus', focusHandler);\n\n              props.imageSupport.add(handler);\n            };\n\n            editor._insertingImage = true;\n            setPendingImages((prev) => [...prev, addedImage]);\n            callback();\n          }),\n        maxImageWidth: props.maxImageWidth,\n        maxImageHeight: props.maxImageHeight,\n      },\n      limit: 3,\n    }),\n    Media.configure({\n      uploadSoundSupport: props.uploadSoundSupport,\n    }),\n    CSSMark.configure({\n      extraCSSRules: props.extraCSSRules,\n    }),\n  ];\n\n  const editor = useEditor(\n    {\n      extensions,\n      immediatelyRender: false,\n      editorProps: {\n        handleKeyDown(view, event) {\n          if (props.onKeyDown) {\n            return props.onKeyDown(event);\n          }\n\n          // Return false to let default behavior continue\n          return false;\n        },\n      },\n      editable: !props.disabled,\n      content: normalizeInitialMarkup(props.markup),\n      onUpdate: ({ editor, transaction }) => {\n        if (transaction.isDone) {\n          props.onChange?.(editor.getHTML());\n        }\n      },\n      onBlur: debounce(({ editor }) => {\n        const otherToolbarOpened =\n          editor._insertingImage ||\n          editor._toolbarOpened ||\n          editor.isActive('inline_dropdown') ||\n          editor.isActive('explicit_constructed_response');\n\n        if (otherToolbarOpened) {\n          return;\n        }\n\n        if (props.markup !== editor.getHTML()) {\n          props.onChange?.(editor.getHTML());\n        }\n\n        if (toolbarOptsToUse.doneOn === 'blur') {\n          props.onDone?.(editor.getHTML());\n        }\n      }, 200),\n    },\n    [props.charactersLimit],\n  );\n\n  useEffect(() => {\n    if (props.editorRef) {\n      props.editorRef(editor);\n    }\n  }, [props.editorRef, editor]);\n\n  useEffect(() => {\n    editor?.setEditable(!props.disabled);\n  }, [props.disabled, editor]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n    const nextMarkup = normalizeInitialMarkup(props.markup);\n\n    if (nextMarkup !== editor.getHTML()) {\n      editor.commands.setContent(nextMarkup, false);\n    }\n  }, [props.markup, editor]);\n\n  useEffect(() => {\n    Object.entries(cssVariables).forEach(([key, value]) => {\n      document.documentElement.style.setProperty(key, value);\n    });\n  }, []);\n\n  const editorState = useEditorState({\n    editor,\n    selector: (ctx) => ({\n      isFocused: ctx.editor?.isFocused,\n    }),\n  });\n\n  const sizeStyle = useMemo(() => {\n    const { minWidth, width, maxWidth, minHeight, height, maxHeight } = props;\n\n    return {\n      width: valueToSize(width),\n      minWidth: valueToSize(minWidth),\n      maxWidth: valueToSize(maxWidth),\n      height: valueToSize(height),\n      minHeight: valueToSize(minHeight),\n      maxHeight: valueToSize(maxHeight),\n    };\n  }, [props]);\n\n  return (\n    <EditorContainer\n      {...{\n        ...props,\n        activePlugins: activePluginsToUse,\n        toolbarOpts: toolbarOptsToUse,\n      }}\n      editorState={editorState}\n      editor={editor}\n    >\n      {editor && (\n        <StyledEditorContent\n          style={{\n            minHeight: sizeStyle.minHeight,\n            height: sizeStyle.height,\n            maxHeight: sizeStyle.maxHeight,\n          }}\n          showParagraph={showParagraphs && !showParagraphs.disabled}\n          separateParagraph={separateParagraphs && !separateParagraphs.disabled}\n          editor={editor}\n        />\n      )}\n    </EditorContainer>\n  );\n};\n\nconst StyledEditorContent = styled(EditorContent, {\n  shouldForwardProp: (prop) => !['showParagraph', 'separateParagraph'].includes(prop),\n})(({ showParagraph, separateParagraph }) => ({\n  display: 'flex',\n  outline: 'none !important',\n  '& .ProseMirror': {\n    flex: 1,\n    padding: '5px',\n    maxHeight: '500px',\n    outline: 'none !important',\n    position: 'initial',\n\n    // reset default margins for all block paragraphs/divs in the editor\n    '& > p, & > div': {\n      margin: '0',\n    },\n\n    // Out of flow so the caret stays at the start of the block; in-flow ::before pushes the caret after the hint text.\n    '& p.is-editor-empty, & div.is-editor-empty': {\n      position: 'relative',\n    },\n    '& p.is-editor-empty::before, & div.is-editor-empty::before': {\n      content: 'attr(data-placeholder)',\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      color: '#9CA3AF',\n      pointerEvents: 'none',\n      whiteSpace: 'pre-wrap',\n    },\n\n    ...(showParagraph && {\n      '& > p:has(+ p)::after, & > div:has(+ div)::after': {\n        display: 'block',\n        content: '\"¶\"',\n        fontSize: '1em',\n        color: '#146EB3',\n      },\n    }),\n    ...(separateParagraph && {\n      '& > div:has(+ div)': {\n        marginBottom: '1em',\n      },\n    }),\n  },\n}));\n\nexport default EditableHtml;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/MenuBar.js

@@ -25,9 +25,11 @@ var _Functions = _interopRequireDefault(require("@mui/icons-material/Functions")
 var _Image = _interopRequireDefault(require("@mui/icons-material/Image"));
 var _Redo = _interopRequireDefault(require("@mui/icons-material/Redo"));
 var _Undo = _interopRequireDefault(require("@mui/icons-material/Undo"));
+var _FormatQuote = _interopRequireDefault(require("@mui/icons-material/FormatQuote"));
 var _Theaters = _interopRequireDefault(require("@mui/icons-material/Theaters"));
 var _VolumeUp = _interopRequireDefault(require("@mui/icons-material/VolumeUp"));
 var _BorderAll = _interopRequireDefault(require("@mui/icons-material/BorderAll"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _react2 = require("@tiptap/react");
 var _constants = require("../constants");
 var _ToolbarIcon = require("./respArea/ToolbarIcon");
@@ -81,6 +83,7 @@ var HeadingIcon = function HeadingIcon() {
   }));
 };
 function MenuBar(_ref) {
+  var _editorState$currentN;
   var editor = _ref.editor,
     classes = _ref.classes,
     activePlugins = _ref.activePlugins,
@@ -96,18 +99,20 @@ function MenuBar(_ref) {
   var editorState = (0, _react2.useEditorState)({
     editor: editor,
     selector: function selector(ctx) {
-      var _ctx$editor, _ctx$editor2, _ctx$editor3, _ctx$editor4, _ctx$editor5, _ctx$editor$isActive, _ctx$editor$can$chain, _ctx$editor$isActive2, _ref3, _ctx$editor$getAttrib, _ctx$editor$can$chain2, _ctx$editor$isActive3, _ctx$editor$can$chain3, _ctx$editor$isActive4, _ctx$editor$can$chain4, _ctx$editor$isActive5, _ctx$editor$can$chain5, _ctx$editor$can$chain6, _ctx$editor$isActive6, _ctx$editor$isActive7, _ctx$editor$isActive8, _ctx$editor$isActive9, _ctx$editor$isActive0, _ctx$editor$isActive1, _ctx$editor$isActive10, _ctx$editor$isActive11, _ctx$editor$isActive12, _ctx$editor$isActive13, _ctx$editor$isActive14, _ctx$editor$isActive15, _ctx$editor$isActive16, _ctx$editor$isActive17, _ctx$editor$can$chain7, _ctx$editor$can$chain8;
+      var _ctx$editor, _ctx$editor2, _ctx$editor3, _ctx$editor4, _ctx$editor5, _ctx$editor6, _ctx$editor$isActive, _ctx$editor$can$chain, _ctx$editor$isActive2, _ref3, _ctx$editor$getAttrib, _ctx$editor$can$chain2, _ctx$editor$isActive3, _ctx$editor$can$chain3, _ctx$editor$isActive4, _ctx$editor$can$chain4, _ctx$editor$isActive5, _ctx$editor$can$chain5, _ctx$editor$can$chain6, _ctx$editor$isActive6, _ctx$editor$isActive7, _ctx$editor$isActive8, _ctx$editor$isActive9, _ctx$editor$isActive0, _ctx$editor$isActive1, _ctx$editor$isActive10, _ctx$editor$isActive11, _ctx$editor$isActive12, _ctx$editor$isActive13, _ctx$editor$isActive14, _ctx$editor$isActive15, _ctx$editor$isActive16, _ctx$editor$isActive17, _ctx$editor$can$chain7, _ctx$editor$can$chain8;
       var _ref2 = ((_ctx$editor = ctx.editor) === null || _ctx$editor === void 0 ? void 0 : _ctx$editor.state) || {},
         selection = _ref2.selection;
       var currentNode;
       if (selection instanceof _prosemirrorState.NodeSelection) {
         currentNode = selection.node; // the selected node
       }
-      var hideDefaultToolbar = ((_ctx$editor2 = ctx.editor) === null || _ctx$editor2 === void 0 ? void 0 : _ctx$editor2.isActive('math')) || ((_ctx$editor3 = ctx.editor) === null || _ctx$editor3 === void 0 ? void 0 : _ctx$editor3.isActive('explicit_constructed_response')) || ((_ctx$editor4 = ctx.editor) === null || _ctx$editor4 === void 0 ? void 0 : _ctx$editor4.isActive('imageUploadNode'));
+      var hideDefaultToolbar = ((_ctx$editor2 = ctx.editor) === null || _ctx$editor2 === void 0 ? void 0 : _ctx$editor2.isActive('math')) || ((_ctx$editor3 = ctx.editor) === null || _ctx$editor3 === void 0 ? void 0 : _ctx$editor3.isActive('explicit_constructed_response')) || ((_ctx$editor4 = ctx.editor) === null || _ctx$editor4 === void 0 ? void 0 : _ctx$editor4.isActive('imageUploadNode')) || ((_ctx$editor5 = ctx.editor) === null || _ctx$editor5 === void 0 ? void 0 : _ctx$editor5.isActive('drag_in_the_blank'));
+      var hasTextSelectionInTable = selection && selection.empty === false && ctx.editor.isActive('table');
       return {
         currentNode: currentNode,
         hideDefaultToolbar: hideDefaultToolbar,
-        isFocused: (_ctx$editor5 = ctx.editor) === null || _ctx$editor5 === void 0 ? void 0 : _ctx$editor5.isFocused,
+        hasTextSelectionInTable: hasTextSelectionInTable,
+        isFocused: (_ctx$editor6 = ctx.editor) === null || _ctx$editor6 === void 0 ? void 0 : _ctx$editor6.isFocused,
         isBold: (_ctx$editor$isActive = ctx.editor.isActive('bold')) !== null && _ctx$editor$isActive !== void 0 ? _ctx$editor$isActive : false,
         canBold: (_ctx$editor$can$chain = ctx.editor.can().chain().toggleBold().run()) !== null && _ctx$editor$can$chain !== void 0 ? _ctx$editor$can$chain : false,
         isTable: (_ctx$editor$isActive2 = ctx.editor.isActive('table')) !== null && _ctx$editor$isActive2 !== void 0 ? _ctx$editor$isActive2 : false,
@@ -153,7 +158,7 @@ function MenuBar(_ref) {
   });
   var hasDoneButton = false;
   var autoWidth = !!autoWidthToolbar;
-  var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, classes.toolbarWithNoDone, !hasDoneButton), classes.toolbarTop, toolbarOpts.position === 'top'), classes.toolbarRight, toolbarOpts.alignment === 'right'), classes.focused, toolbarOpts.alwaysVisible || editorState.isFocused && !editor._toolbarOpened), classes.autoWidth, autoWidth), classes.fullWidth, !autoWidth), classes.hidden, toolbarOpts.isHidden === true));
+  var names = (0, _classnames["default"])(classes.toolbar, _constants.PIE_TOOLBAR__CLASS, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, classes.toolbarWithNoDone, !hasDoneButton), classes.toolbarTop, toolbarOpts.position === 'top'), classes.toolbarRight, toolbarOpts.alignment === 'right'), classes.focused, toolbarOpts.alwaysVisible || editorState.isFocused && !editor._toolbarOpened && !editorState.hideDefaultToolbar), classes.autoWidth, autoWidth), classes.fullWidth, !autoWidth), classes.hidden, toolbarOpts.isHidden === true));
   var customStyles = toolbarOpts.minWidth !== undefined ? {
     minWidth: toolbarOpts.minWidth
   } : {};
@@ -185,7 +190,7 @@ function MenuBar(_ref) {
         return editor.chain().focus().addRowAfter().run();
       },
       hidden: function hidden(state) {
-        return !state.isTable;
+        return !(state.isTable && !state.hasTextSelectionInTable);
       },
       isActive: function isActive(state) {
         return state.isTable;
@@ -199,7 +204,7 @@ function MenuBar(_ref) {
         return editor.chain().focus().deleteRow().run();
       },
       hidden: function hidden(state) {
-        return !state.isTable;
+        return !(state.isTable && !state.hasTextSelectionInTable);
       },
       isActive: function isActive(state) {
         return state.isTable;
@@ -213,7 +218,7 @@ function MenuBar(_ref) {
         return editor.chain().focus().addColumnAfter().run();
       },
       hidden: function hidden(state) {
-        return !state.isTable;
+        return !(state.isTable && !state.hasTextSelectionInTable);
       },
       isActive: function isActive(state) {
         return state.isTable;
@@ -227,7 +232,7 @@ function MenuBar(_ref) {
         return editor.chain().focus().deleteColumn().run();
       },
       hidden: function hidden(state) {
-        return !state.isTable;
+        return !(state.isTable && !state.hasTextSelectionInTable);
       },
       isActive: function isActive(state) {
         return state.isTable;
@@ -241,7 +246,7 @@ function MenuBar(_ref) {
         return editor.chain().focus().deleteTable().run();
       },
       hidden: function hidden(state) {
-        return !state.isTable;
+        return !(state.isTable && !state.hasTextSelectionInTable);
       },
       isActive: function isActive(state) {
         return state.isTable;
@@ -259,7 +264,7 @@ function MenuBar(_ref) {
         editor.commands.updateAttributes('table', update);
       },
       hidden: function hidden(state) {
-        return !state.isTable;
+        return !(state.isTable && !state.hasTextSelectionInTable);
       },
       isActive: function isActive(state) {
         return state.tableHasBorder;
@@ -272,8 +277,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleBold().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('bold')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('bold'));
       },
       isActive: function isActive(state) {
         return state.isBold;
@@ -286,8 +291,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleItalic().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('italic')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('italic'));
       },
       isActive: function isActive(state) {
         return state.isItalic;
@@ -300,8 +305,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleStrike().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('strikethrough')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('strikethrough'));
       },
       isActive: function isActive(state) {
         return state.isStrike;
@@ -314,8 +319,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleCode().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('code')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('code'));
       },
       isActive: function isActive(state) {
         return state.isCode;
@@ -328,8 +333,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleUnderline().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('underline')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('underline'));
       },
       isActive: function isActive(state) {
         return state.isUnderline;
@@ -339,8 +344,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleSubscript().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('subscript')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('subscript'));
       },
       isActive: function isActive(state) {
         return state.isSubScript;
@@ -350,8 +355,8 @@ function MenuBar(_ref) {
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleSuperscript().run();
       },
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('superscript')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('superscript'));
       },
       isActive: function isActive(state) {
         return state.isSuperScript;
@@ -366,8 +371,8 @@ function MenuBar(_ref) {
       }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_Theaters["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('video')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('video'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().insertMedia({
@@ -376,8 +381,8 @@ function MenuBar(_ref) {
       }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_VolumeUp["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('audio')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('audio'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().insertMedia({
@@ -387,16 +392,27 @@ function MenuBar(_ref) {
       }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_CssIcon["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('css')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('css'));
       },
       onClick: function onClick(editor) {
         return editor.commands.openCSSClassDialog();
       }
+    }, {
+      icon: /*#__PURE__*/_react["default"].createElement(_FormatQuote["default"], null),
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('blockquote'));
+      },
+      onClick: function onClick(editor) {
+        return editor.chain().focus().toggleBlockquote().run();
+      },
+      isActive: function isActive(state) {
+        return state.isBlockquote;
+      }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(HeadingIcon, null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('h3')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('h3'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleHeading({
@@ -440,14 +456,14 @@ function MenuBar(_ref) {
       icon: /*#__PURE__*/_react["default"].createElement(_TextAlign["default"], {
         editor: editor
       }),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('text-align')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('text-align'));
       },
       onClick: function onClick() {}
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_FormatListBulleted["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('bulleted-list')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('bulleted-list'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleBulletList().run();
@@ -457,8 +473,8 @@ function MenuBar(_ref) {
       }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_FormatListNumbered["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('numbered-list')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('numbered-list'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().toggleOrderedList().run();
@@ -468,8 +484,8 @@ function MenuBar(_ref) {
       }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_Undo["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('undo')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('undo'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().undo().run();
@@ -479,8 +495,8 @@ function MenuBar(_ref) {
       }
     }, {
       icon: /*#__PURE__*/_react["default"].createElement(_Redo["default"], null),
-      hidden: function hidden(state) {
-        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('redo')) || state.isTable;
+      hidden: function hidden() {
+        return !(activePlugins !== null && activePlugins !== void 0 && activePlugins.includes('redo'));
       },
       onClick: function onClick(editor) {
         return editor.chain().focus().redo().run();
@@ -490,11 +506,26 @@ function MenuBar(_ref) {
       }
     }];
   }, [activePlugins, editor]);
+  var isDragInTheBlankSelected = editorState.hideDefaultToolbar && ((_editorState$currentN = editorState.currentNode) === null || _editorState$currentN === void 0 || (_editorState$currentN = _editorState$currentN.type) === null || _editorState$currentN === void 0 ? void 0 : _editorState$currentN.name) === 'drag_in_the_blank';
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: names,
     style: _objectSpread({}, customStyles),
     onMouseDown: handleMouseDown
-  }, !editorState.hideDefaultToolbar && /*#__PURE__*/_react["default"].createElement("div", {
+  }, isDragInTheBlankSelected && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.defaultToolbar,
+    tabIndex: "1"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.buttonsContainer
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    className: classes.button,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      editor.chain().focus().deleteSelection().run();
+      onChange === null || onChange === void 0 || onChange(editor.getHTML());
+    },
+    "aria-label": "Delete response area"
+  }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)))), !editorState.hideDefaultToolbar && /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.defaultToolbar,
     tabIndex: "1"
   }, /*#__PURE__*/_react["default"].createElement("div", {