@atlaskit/editor-plugin-quick-insert
Version:
Quick insert plugin for @atlaskit/editor-core
36 lines • 1.03 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 const RegisteredQuickInsertMenuItem = ({
id,
isSelected,
isActive,
registration
}) => {
const {
editorView,
isOffline,
popupsMountPoint,
select,
surfaceContext
} = useQuickInsertContext();
const value = useMemo(() => ({
editorView,
isOffline,
item: {
id,
isSelected,
isPreviewActive: isActive
},
popupsMountPoint,
select,
surfaceContext
}), [editorView, isOffline, popupsMountPoint, select, surfaceContext, isActive, id, isSelected]);
const Component = registration.component;
return /*#__PURE__*/React.createElement(QuickInsertProvider, {
value: value
}, Component ? /*#__PURE__*/React.createElement(Component, {
parents: registration.parents,
surfaceContext: surfaceContext
}, null) : null);
};