@atlaskit/editor-plugin-card
Version:
Card plugin for @atlaskit/editor-core
103 lines (102 loc) • 5.57 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.OpenPreviewPanelToolbarButton = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _analytics = require("@atlaskit/editor-common/analytics");
var _messages = require("@atlaskit/editor-common/messages");
var _ui = require("@atlaskit/editor-common/ui");
var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
var _linkExtractors = require("@atlaskit/link-extractors");
var _linkProvider = require("@atlaskit/link-provider");
var _compiled = require("@atlaskit/primitives/compiled");
var _smartCard = require("@atlaskit/smart-card");
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
var _utils = require("../../pm-plugins/utils");
var _utils2 = require("../analytics/utils");
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) { (0, _defineProperty2.default)(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; }
var OpenPreviewPanelToolbarButton = exports.OpenPreviewPanelToolbarButton = function OpenPreviewPanelToolbarButton(_ref) {
var node = _ref.node,
intl = _ref.intl,
areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled,
editorAnalyticsApi = _ref.editorAnalyticsApi,
editorView = _ref.editorView;
var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
store = _useSmartLinkContext.store,
isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
openPreviewPanel = _useSmartLinkContext.openPreviewPanel;
var url = node.attrs.url;
var display = (0, _utils2.appearanceForLink)(node);
var cardState = store === null || store === void 0 ? void 0 : store.getState()[url];
if (cardState) {
var ari = (0, _smartCard.getObjectAri)(cardState.details);
var name = (0, _smartCard.getObjectName)(cardState.details);
var iconUrl = (0, _smartCard.getObjectIconUrl)(cardState.details);
var isPanelAvailable = ari && (isPreviewPanelAvailable === null || isPreviewPanelAvailable === void 0 ? void 0 : isPreviewPanelAvailable({
ari: ari
}));
var handleOpenGlancePanelClick = function handleOpenGlancePanelClick() {
if (openPreviewPanel && isPanelAvailable) {
var _extractSmartLinkEmbe;
openPreviewPanel({
url: url,
ari: ari,
name: name || '',
iconUrl: iconUrl,
panelData: {
embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(cardState === null || cardState === void 0 ? void 0 : cardState.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
}
});
}
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.fireAnalyticsEvent({
action: _analytics.ACTION.CLICKED,
actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
actionSubjectId: _analytics.ACTION_SUBJECT_ID.TOOLBAR_PREVIEW,
attributes: _objectSpread({
previewType: 'panel'
}, (0, _utils.getResolvedAttributesFromStore)(url, display, store)),
eventType: _analytics.EVENT_TYPE.UI
});
};
var title = intl.formatMessage(_messages.linkMessages.openPreviewPanel);
var icon = areAnyNewToolbarFlagsEnabled ? /*#__PURE__*/_react.default.createElement(_panelRight.default, {
label: "",
spacing: "spacious"
}) :
/*#__PURE__*/
// This is a hack required for Jira until areToolbarFlagsEnabled are enabled to ensure the icon has padding
// Padding is removed when areToolbarFlagsEnabled for a button with icon only in platform/packages/editor/editor-common/src/ui/FloatingToolbar/Button.tsx
_react.default.createElement(_compiled.Inline, {
as: "span",
space: "space.050",
alignBlock: "center"
}, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
as: "span",
"aria-hidden": true,
role: "presentation"
}), /*#__PURE__*/_react.default.createElement(_panelRight.default, {
label: "",
spacing: "spacious"
}), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
as: "span",
"aria-hidden": true,
role: "presentation"
}));
if (openPreviewPanel && isPanelAvailable) {
return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
gap: "space.050"
}, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
testId: "open-preview-panel-floating-toolbar-button",
onClick: handleOpenGlancePanelClick,
icon: icon,
title: title,
areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
}));
}
}
return null;
};