@atlaskit/editor-plugin-table
Version:
Table plugin for the @atlaskit/editor
41 lines • 2.53 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/defineProperty";
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React from 'react';
import { toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
import { STRUCTURE_SECTION, TABLE_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
import { TableQuickInsertMenuItem } from './TableQuickInsertMenuItem';
var previewImageUrls = {
light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/c4685o2hdf8w8hx14734ys157w642avq.png',
dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/322886by55wu3q48pshv25v2b0568y4y.png'
};
export var getTableQuickInsertComponents = function getTableQuickInsertComponents(_ref) {
var api = _ref.api,
isTableSelectorEnabled = _ref.isTableSelectorEnabled,
options = _ref.options;
return [_objectSpread(_objectSpread({}, TABLE_MENU_ITEM), {}, {
parents: [_objectSpread(_objectSpread({}, STRUCTURE_SECTION), {}, {
rank: STRUCTURE_SECTION_RANK[TABLE_MENU_ITEM.key]
})],
match: createQuickInsertMatcher(function (_ref2) {
var formatMessage = _ref2.formatMessage;
return {
description: formatMessage(messages.tableDescription),
keywords: ['cell', 'table'],
shortcut: tooltip(toggleTable),
title: formatMessage(messages.table)
};
}),
component: function component() {
return /*#__PURE__*/React.createElement(TableQuickInsertMenuItem, {
api: api,
isTableSelectorEnabled: isTableSelectorEnabled,
options: options,
previewImageUrls: previewImageUrls
});
}
})];
};