@atlaskit/editor-plugin-insert-block/dist/cjs/ui/registered-insert-menu/RegisteredInsertMenuItem.js

Insert block plugin for @atlaskit/editor-core

"use strict";

var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RegisteredInsertMenuPreviewContext = exports.RegisteredInsertMenuItem = void 0;
var _react = _interopRequireWildcard(require("react"));
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
var _insert = require("@atlaskit/editor-common/insert");
var _provider = require("@atlaskit/editor-common/quick-insert/provider");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
// Preview updates must remain live while react-virtualized caches row elements during scrolling.
var RegisteredInsertMenuPreviewContext = exports.RegisteredInsertMenuPreviewContext = /*#__PURE__*/(0, _react.createContext)(undefined);
var RegisteredInsertMenuItem = exports.RegisteredInsertMenuItem = function RegisteredInsertMenuItem(_ref) {
  var _registration$compone;
  var editorView = _ref.editorView,
    id = _ref.id,
    isOffline = _ref.isOffline,
    isSelected = _ref.isSelected,
    menuOpenId = _ref.menuOpenId,
    onClose = _ref.onClose,
    registration = _ref.registration,
    surfaceContext = _ref.surfaceContext;
  var Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : _react.default.Fragment;
  var activePreviewItemKey = (0, _react.useContext)(RegisteredInsertMenuPreviewContext);
  var isPreviewActive = activePreviewItemKey === registration.key;
  var select = (0, _react.useCallback)(function (selectionHandler) {
    // Close first so a registered item may safely focus the editor or open its picker.
    onClose();
    queueMicrotask(function () {
      var state = editorView.state;
      var insert = function insert(content) {
        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
        return (0, _insert.insertSelectedItem)(content, options)(state, state.tr, state.selection.head);
      };
      var transaction = selectionHandler({
        insert: insert,
        source: _enums.INPUT_METHOD.INSERT_MENU
      });
      if (transaction) {
        editorView.dispatch(transaction);
      }
    });
  }, [editorView, onClose]);
  var contextValue = (0, _react.useMemo)(function () {
    return {
      editorView: editorView,
      isOffline: isOffline,
      item: {
        id: id,
        isPreviewActive: isPreviewActive,
        isSelected: isSelected
      },
      menuOpenId: menuOpenId,
      select: select,
      surface: 'toolbar',
      surfaceContext: surfaceContext
    };
  }, [editorView, id, isOffline, isPreviewActive, isSelected, menuOpenId, select, surfaceContext]);
  return /*#__PURE__*/_react.default.createElement(_provider.QuickInsertProvider, {
    value: contextValue
  }, /*#__PURE__*/_react.default.createElement(Component, null, null));
};