@atlaskit/editor-plugin-synced-block/dist/cjs/ui/BodiedSyncBlockWrapper.js

SyncedBlock plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BodiedSyncBlockWrapper = void 0;
var _react = _interopRequireDefault(require("react"));
var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
var _SyncBlockLabel = require("./SyncBlockLabel");
// Delete this file when cleaning up platform_synced_block_use_new_source_nodeview
var BodiedSyncBlockWrapper = exports.BodiedSyncBlockWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
  var node = _ref.node,
    syncBlockStore = _ref.syncBlockStore;
  // TODO: EDITOR-2429 - this should be debounced (either here or in the data provider) to avoid excessive API writes
  (0, _editorSyncedBlockProvider.useHandleContentChanges)(syncBlockStore, node);
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
    "data-testid": "bodied-sync-block-wrapper",
    ref: ref
  }), /*#__PURE__*/_react.default.createElement(_SyncBlockLabel.SyncBlockLabel, {
    isSource: true,
    localId: node.attrs.localId
  }));
});