@atlaskit/editor-plugin-quick-insert
Version:
Quick insert plugin for @atlaskit/editor-core
36 lines • 1.46 kB
JavaScript
import React, { useMemo } from 'react';
import { QuickInsertProvider } from '@atlaskit/editor-common/quick-insert/provider';
import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
export var RegisteredQuickInsertMenuItem = function RegisteredQuickInsertMenuItem(_ref) {
var id = _ref.id,
isSelected = _ref.isSelected,
isActive = _ref.isActive,
registration = _ref.registration;
var _useQuickInsertContex = useQuickInsertContext(),
editorView = _useQuickInsertContex.editorView,
isOffline = _useQuickInsertContex.isOffline,
popupsMountPoint = _useQuickInsertContex.popupsMountPoint,
select = _useQuickInsertContex.select,
surfaceContext = _useQuickInsertContex.surfaceContext;
var value = useMemo(function () {
return {
editorView: editorView,
isOffline: isOffline,
item: {
id: id,
isSelected: isSelected,
isPreviewActive: isActive
},
popupsMountPoint: popupsMountPoint,
select: select,
surfaceContext: surfaceContext
};
}, [editorView, isOffline, popupsMountPoint, select, surfaceContext, isActive, id, isSelected]);
var Component = registration.component;
return /*#__PURE__*/React.createElement(QuickInsertProvider, {
value: value
}, Component ? /*#__PURE__*/React.createElement(Component, {
parents: registration.parents,
surfaceContext: surfaceContext
}, null) : null);
};