@prisma-cms/front-editor/src/components/form/EditableObject/EditableView/index.js

import React from 'react'

import EditorComponent from '../../../../EditorComponent'
import { EditableObjectContext } from '../../../../context'

class EditableView extends EditorComponent {
  static defaultProps = {
    ...EditorComponent.defaultProps,
    hide_wrapper_in_default_mode: true,
  }

  static Name = 'EditableView'
  static help_url =
    'https://front-editor.prisma-cms.com/topics/editableobject.html'

  onBeforeDrop = () => {
    return
  }

  renderPanelView(content) {
    return super.renderPanelView(
      content || <div className={'panelEditableView'}>EditableView</div>
    )
  }

  renderMainView() {
    return (
      <EditableObjectContext.Consumer>
        {(editableObjectContext) => {
          const { inEditMode: objectInEditMode } = editableObjectContext

          return !objectInEditMode ? null : super.renderMainView()
        }}
      </EditableObjectContext.Consumer>
    )
  }
}

export default EditableView