@atlaskit/editor-plugin-table
Version:
Table plugin for the @atlaskit/editor
38 lines • 1.19 kB
JavaScript
import React, { useCallback } from 'react';
import { useIntl } from 'react-intl';
import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
import GridIcon from '@atlaskit/icon/core/grid';
import { insertTableFromQuickInsert } from './insertTableFromQuickInsert';
export const TableQuickInsertMenuItem = ({
api,
isTableSelectorEnabled,
options,
previewImageUrls
}) => {
const {
formatMessage
} = useIntl();
const onSelect = useCallback(({
editorView,
insert,
source
}) => insertTableFromQuickInsert({
api,
inputMethod: source,
insert,
isTableSelectorEnabled,
options,
state: editorView.state
}), [api, isTableSelectorEnabled, options]);
return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
iconBefore: /*#__PURE__*/React.createElement(GridIcon, {
label: ""
}),
onSelect: onSelect,
previewImageUrls: previewImageUrls,
shortcut: tooltip(toggleTable),
title: formatMessage(messages.table)
});
};