@atlaskit/editor-plugin-table
Version:
Table plugin for the @atlaskit/editor
37 lines • 1.47 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 var TableQuickInsertMenuItem = function TableQuickInsertMenuItem(_ref) {
var api = _ref.api,
isTableSelectorEnabled = _ref.isTableSelectorEnabled,
options = _ref.options,
previewImageUrls = _ref.previewImageUrls;
var _useIntl = useIntl(),
formatMessage = _useIntl.formatMessage;
var onSelect = useCallback(function (_ref2) {
var editorView = _ref2.editorView,
insert = _ref2.insert,
source = _ref2.source;
return insertTableFromQuickInsert({
api: api,
inputMethod: source,
insert: insert,
isTableSelectorEnabled: isTableSelectorEnabled,
options: 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)
});
};