@atlaskit/editor-plugin-hyperlink
Version:
Hyperlink plugin for @atlaskit/editor-core
42 lines • 2 kB
JavaScript
import React, { useCallback } from 'react';
import { useIntl } from 'react-intl';
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
import { addLink, tooltip } from '@atlaskit/editor-common/keymaps';
import { LinkAction } from '@atlaskit/editor-common/link';
import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
import { IconLink } from '@atlaskit/editor-common/quick-insert';
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
import { stateKey } from '../../pm-plugins/main';
export const HyperlinkQuickInsertMenuItem = ({
api
}) => {
const {
formatMessage
} = useIntl();
const onSelect = useCallback(({
insert
}) => {
var _api$analytics, _api$analytics$action, _api$analytics$action2;
const tr = insert(undefined);
tr.setMeta(stateKey, {
type: LinkAction.SHOW_INSERT_TOOLBAR,
inputMethod: INPUT_METHOD.QUICK_INSERT
});
const analyticsAttached = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : (_api$analytics$action2 = _api$analytics$action.attachAnalyticsEvent) === null || _api$analytics$action2 === void 0 ? void 0 : _api$analytics$action2.call(_api$analytics$action, {
action: ACTION.INVOKED,
actionSubject: ACTION_SUBJECT.TYPEAHEAD,
actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_LINK,
attributes: {
inputMethod: INPUT_METHOD.QUICK_INSERT
},
eventType: EVENT_TYPE.UI
})(tr);
return analyticsAttached !== false ? tr : false;
}, [api]);
return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
iconBefore: /*#__PURE__*/React.createElement(IconLink, null),
onSelect: onSelect,
shortcut: tooltip(addLink),
title: formatMessage(messages.link)
});
};