@atlaskit/editor-plugin-card 32.1.3 → 32.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/cardPlugin.js +15 -15
- package/dist/cjs/nodeviews/blockCard.js +10 -9
- package/dist/cjs/nodeviews/datasource.js +8 -7
- package/dist/cjs/nodeviews/embedCard.js +21 -18
- package/dist/cjs/nodeviews/genericCard.js +7 -7
- package/dist/cjs/nodeviews/inlineCard.js +4 -4
- package/dist/cjs/nodeviews/inlineCardBase.js +6 -6
- package/dist/cjs/nodeviews/inlineCardWithAwareness.js +10 -10
- package/dist/cjs/nodeviews/toDOM-fixes/blockCard.js +2 -2
- package/dist/cjs/nodeviews/toDOM-fixes/embedCard.js +6 -6
- package/dist/cjs/nodeviews/toDOM-fixes/inlineCard.js +2 -2
- package/dist/cjs/pm-plugins/doc.js +45 -40
- package/dist/cjs/pm-plugins/main.js +8 -8
- package/dist/cjs/pm-plugins/shouldReplaceLink.js +4 -4
- package/dist/cjs/pm-plugins/util/resolve.js +2 -1
- package/dist/cjs/ui/ConfigureOverlay/index.js +2 -2
- package/dist/cjs/ui/DatasourceAppearanceButton.js +7 -6
- package/dist/cjs/ui/DatasourceDropdownOption.js +5 -5
- package/dist/cjs/ui/DatasourceModal/ModalWithState.js +2 -2
- package/dist/cjs/ui/EditLinkToolbar.js +16 -15
- package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js +20 -17
- package/dist/cjs/ui/EditToolbarButton/index.js +18 -15
- package/dist/cjs/ui/EditorAnalyticsContext.js +2 -2
- package/dist/cjs/ui/EditorLinkingPlatformAnalytics/common.js +11 -11
- package/dist/cjs/ui/EditorSmartCardEvents.js +2 -2
- package/dist/cjs/ui/HyperlinkToolbarAppearance.js +4 -4
- package/dist/cjs/ui/HyperlinkToolbarAppearanceDropdown.js +8 -6
- package/dist/cjs/ui/InlineCardOverlay/index.js +3 -3
- package/dist/cjs/ui/LayoutButton/index.js +6 -6
- package/dist/cjs/ui/LinkToolbarAppearance.js +23 -22
- package/dist/cjs/ui/LinkToolbarAppearanceDropdown.js +20 -17
- package/dist/cjs/ui/OpenLinkToolbarButton/index.js +2 -2
- package/dist/cjs/ui/OpenPreviewButton/index.js +9 -9
- package/dist/cjs/ui/PasteDisplayAsMenu.js +21 -18
- package/dist/cjs/ui/ResizableEmbedCard.js +17 -14
- package/dist/cjs/ui/SmartCardSSRReactContextsProvider.js +2 -2
- package/dist/cjs/ui/analytics/events-from-tr.js +7 -6
- package/dist/cjs/ui/editDatasourceAction.js +5 -5
- package/dist/cjs/ui/nativeEmbedNode.js +6 -6
- package/dist/cjs/ui/preview/PreviewInvoker.js +2 -2
- package/dist/cjs/ui/quick-insert/DatasourceQuickInsertMenuItem.js +5 -5
- package/dist/cjs/ui/quick-insert/getCardQuickInsertComponents.js +11 -11
- package/dist/cjs/ui/toolbar.js +75 -68
- package/dist/es2019/cardPlugin.js +3 -3
- package/dist/es2019/nodeviews/blockCard.js +4 -3
- package/dist/es2019/nodeviews/datasource.js +4 -3
- package/dist/es2019/nodeviews/embedCard.js +8 -5
- package/dist/es2019/nodeviews/genericCard.js +2 -2
- package/dist/es2019/nodeviews/inlineCard.js +2 -2
- package/dist/es2019/nodeviews/inlineCardBase.js +3 -3
- package/dist/es2019/nodeviews/inlineCardWithAwareness.js +3 -3
- package/dist/es2019/nodeviews/toDOM-fixes/blockCard.js +1 -1
- package/dist/es2019/nodeviews/toDOM-fixes/embedCard.js +2 -2
- package/dist/es2019/nodeviews/toDOM-fixes/inlineCard.js +1 -1
- package/dist/es2019/pm-plugins/doc.js +8 -3
- package/dist/es2019/pm-plugins/main.js +3 -3
- package/dist/es2019/pm-plugins/shouldReplaceLink.js +1 -1
- package/dist/es2019/pm-plugins/util/resolve.js +2 -1
- package/dist/es2019/ui/ConfigureOverlay/index.js +1 -1
- package/dist/es2019/ui/DatasourceAppearanceButton.js +3 -3
- package/dist/es2019/ui/DatasourceDropdownOption.js +1 -1
- package/dist/es2019/ui/DatasourceModal/ModalWithState.js +1 -1
- package/dist/es2019/ui/EditLinkToolbar.js +6 -5
- package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js +6 -3
- package/dist/es2019/ui/EditToolbarButton/index.js +6 -3
- package/dist/es2019/ui/EditorAnalyticsContext.js +1 -1
- package/dist/es2019/ui/EditorLinkingPlatformAnalytics/common.js +1 -1
- package/dist/es2019/ui/EditorSmartCardEvents.js +1 -1
- package/dist/es2019/ui/HyperlinkToolbarAppearance.js +2 -2
- package/dist/es2019/ui/HyperlinkToolbarAppearanceDropdown.js +4 -2
- package/dist/es2019/ui/InlineCardOverlay/index.js +2 -2
- package/dist/es2019/ui/LayoutButton/index.js +3 -3
- package/dist/es2019/ui/LinkToolbarAppearance.js +6 -3
- package/dist/es2019/ui/LinkToolbarAppearanceDropdown.js +6 -3
- package/dist/es2019/ui/OpenLinkToolbarButton/index.js +1 -1
- package/dist/es2019/ui/OpenPreviewButton/index.js +3 -3
- package/dist/es2019/ui/PasteDisplayAsMenu.js +7 -4
- package/dist/es2019/ui/ResizableEmbedCard.js +6 -3
- package/dist/es2019/ui/SmartCardSSRReactContextsProvider.js +1 -1
- package/dist/es2019/ui/analytics/events-from-tr.js +4 -3
- package/dist/es2019/ui/editDatasourceAction.js +1 -1
- package/dist/es2019/ui/nativeEmbedNode.js +2 -2
- package/dist/es2019/ui/preview/PreviewInvoker.js +1 -1
- package/dist/es2019/ui/quick-insert/DatasourceQuickInsertMenuItem.js +1 -1
- package/dist/es2019/ui/quick-insert/getCardQuickInsertComponents.js +2 -2
- package/dist/es2019/ui/toolbar.js +15 -8
- package/dist/esm/cardPlugin.js +3 -3
- package/dist/esm/nodeviews/blockCard.js +4 -3
- package/dist/esm/nodeviews/datasource.js +4 -3
- package/dist/esm/nodeviews/embedCard.js +8 -5
- package/dist/esm/nodeviews/genericCard.js +2 -2
- package/dist/esm/nodeviews/inlineCard.js +2 -2
- package/dist/esm/nodeviews/inlineCardBase.js +3 -3
- package/dist/esm/nodeviews/inlineCardWithAwareness.js +3 -3
- package/dist/esm/nodeviews/toDOM-fixes/blockCard.js +1 -1
- package/dist/esm/nodeviews/toDOM-fixes/embedCard.js +2 -2
- package/dist/esm/nodeviews/toDOM-fixes/inlineCard.js +1 -1
- package/dist/esm/pm-plugins/doc.js +8 -3
- package/dist/esm/pm-plugins/main.js +3 -3
- package/dist/esm/pm-plugins/shouldReplaceLink.js +1 -1
- package/dist/esm/pm-plugins/util/resolve.js +2 -1
- package/dist/esm/ui/ConfigureOverlay/index.js +1 -1
- package/dist/esm/ui/DatasourceAppearanceButton.js +3 -3
- package/dist/esm/ui/DatasourceDropdownOption.js +1 -1
- package/dist/esm/ui/DatasourceModal/ModalWithState.js +1 -1
- package/dist/esm/ui/EditLinkToolbar.js +6 -5
- package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js +6 -3
- package/dist/esm/ui/EditToolbarButton/index.js +6 -3
- package/dist/esm/ui/EditorAnalyticsContext.js +1 -1
- package/dist/esm/ui/EditorLinkingPlatformAnalytics/common.js +1 -1
- package/dist/esm/ui/EditorSmartCardEvents.js +1 -1
- package/dist/esm/ui/HyperlinkToolbarAppearance.js +2 -2
- package/dist/esm/ui/HyperlinkToolbarAppearanceDropdown.js +4 -2
- package/dist/esm/ui/InlineCardOverlay/index.js +2 -2
- package/dist/esm/ui/LayoutButton/index.js +3 -3
- package/dist/esm/ui/LinkToolbarAppearance.js +6 -3
- package/dist/esm/ui/LinkToolbarAppearanceDropdown.js +6 -3
- package/dist/esm/ui/OpenLinkToolbarButton/index.js +1 -1
- package/dist/esm/ui/OpenPreviewButton/index.js +3 -3
- package/dist/esm/ui/PasteDisplayAsMenu.js +7 -4
- package/dist/esm/ui/ResizableEmbedCard.js +6 -3
- package/dist/esm/ui/SmartCardSSRReactContextsProvider.js +1 -1
- package/dist/esm/ui/analytics/events-from-tr.js +4 -3
- package/dist/esm/ui/editDatasourceAction.js +1 -1
- package/dist/esm/ui/nativeEmbedNode.js +2 -2
- package/dist/esm/ui/preview/PreviewInvoker.js +1 -1
- package/dist/esm/ui/quick-insert/DatasourceQuickInsertMenuItem.js +1 -1
- package/dist/esm/ui/quick-insert/getCardQuickInsertComponents.js +2 -2
- package/dist/esm/ui/toolbar.js +15 -8
- package/dist/types/cardPluginType.d.ts +20 -18
- package/dist/types/nodeviews/blockCard.d.ts +2 -2
- package/dist/types/nodeviews/datasource.d.ts +3 -3
- package/dist/types/nodeviews/embedCard.d.ts +2 -1
- package/dist/types/nodeviews/genericCard.d.ts +7 -6
- package/dist/types/nodeviews/inlineCard.d.ts +1 -1
- package/dist/types/nodeviews/lazy-inline-card.d.ts +1 -1
- package/dist/types/pm-plugins/actions.d.ts +3 -3
- package/dist/types/pm-plugins/doc.d.ts +5 -5
- package/dist/types/pm-plugins/keymap.d.ts +1 -1
- package/dist/types/pm-plugins/main.d.ts +2 -1
- package/dist/types/pm-plugins/util/resolve.d.ts +4 -3
- package/dist/types/pm-plugins/util/state.d.ts +6 -5
- package/dist/types/pm-plugins/utils.d.ts +2 -2
- package/dist/types/types/index.d.ts +8 -5
- package/dist/types/ui/DatasourceAppearanceButton.d.ts +1 -1
- package/dist/types/ui/DatasourceDropdownOption.d.ts +1 -1
- package/dist/types/ui/DatasourceModal/ModalWithState.d.ts +2 -1
- package/dist/types/ui/DatasourceModal/index.d.ts +1 -1
- package/dist/types/ui/EditLinkToolbar.d.ts +8 -5
- package/dist/types/ui/EditToolbarButton/types.d.ts +2 -2
- package/dist/types/ui/HyperlinkToolbarAppearance.d.ts +3 -3
- package/dist/types/ui/HyperlinkToolbarAppearanceDropdown.d.ts +2 -1
- package/dist/types/ui/LayoutButton/types.d.ts +1 -1
- package/dist/types/ui/LinkToolbarAppearance.d.ts +2 -2
- package/dist/types/ui/LinkToolbarAppearanceDropdown.d.ts +2 -1
- package/dist/types/ui/OpenLinkToolbarButton/index.d.ts +1 -1
- package/dist/types/ui/OpenPreviewButton/index.d.ts +1 -1
- package/dist/types/ui/PasteDisplayAsMenu.d.ts +1 -1
- package/dist/types/ui/ResizableEmbedCard.d.ts +1 -1
- package/dist/types/ui/analytics/utils.d.ts +1 -1
- package/dist/types/ui/datasourceErrorBoundary.d.ts +1 -1
- package/dist/types/ui/editDatasourceAction.d.ts +2 -2
- package/dist/types/ui/hooks/useLinkUpgradeDiscoverability.d.ts +1 -1
- package/dist/types/ui/nativeEmbedNode.d.ts +1 -1
- package/dist/types/ui/quick-insert/DatasourceQuickInsertMenuItem.d.ts +1 -1
- package/dist/types/ui/quick-insert/getCardQuickInsertComponents.d.ts +1 -1
- package/dist/types/ui/toolbar.d.ts +7 -4
- package/package.json +2 -2
package/dist/cjs/ui/toolbar.js
CHANGED
|
@@ -10,17 +10,24 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _isSafeUrl = require("@atlaskit/adf-schema/is-safe-url");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
13
|
+
var _linkingUtils = require("@atlaskit/editor-common/analytics/linking-utils");
|
|
14
|
+
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
15
|
+
var _MediaAndEmbedsToolbar = _interopRequireWildcard(require("@atlaskit/editor-common/card/MediaAndEmbedsToolbar"));
|
|
16
|
+
var _utils = require("@atlaskit/editor-common/card/utils");
|
|
17
|
+
var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
|
|
18
|
+
var _utils2 = require("@atlaskit/editor-common/link/utils");
|
|
19
|
+
var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
|
|
20
|
+
var _annotation = require("@atlaskit/editor-common/messages/annotation");
|
|
21
|
+
var _card = require("@atlaskit/editor-common/messages/card");
|
|
22
|
+
var _link2 = require("@atlaskit/editor-common/messages/link");
|
|
23
|
+
var _linkToolbar = require("@atlaskit/editor-common/messages/link-toolbar");
|
|
24
|
+
var _mediaSingle = require("@atlaskit/editor-common/styles/media-single");
|
|
25
|
+
var _smartCard = require("@atlaskit/editor-common/styles/smartCard");
|
|
18
26
|
var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
|
|
19
|
-
var
|
|
20
|
-
var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
|
|
27
|
+
var _datasource = require("@atlaskit/editor-common/utils/datasource");
|
|
21
28
|
var _state2 = require("@atlaskit/editor-prosemirror/state");
|
|
22
|
-
var
|
|
23
|
-
var
|
|
29
|
+
var _utils3 = require("@atlaskit/editor-prosemirror/utils");
|
|
30
|
+
var _constants = require("@atlaskit/editor-shared-styles/constants");
|
|
24
31
|
var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
|
|
25
32
|
var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
|
|
26
33
|
var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
|
|
@@ -31,7 +38,7 @@ var _settings = _interopRequireDefault(require("@atlaskit/icon/core/settings"));
|
|
|
31
38
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
32
39
|
var _doc = require("../pm-plugins/doc");
|
|
33
40
|
var _pluginKey = require("../pm-plugins/plugin-key");
|
|
34
|
-
var
|
|
41
|
+
var _utils4 = require("../pm-plugins/utils");
|
|
35
42
|
var _DatasourceAppearanceButton = require("./DatasourceAppearanceButton");
|
|
36
43
|
var _EditLinkToolbar = require("./EditLinkToolbar");
|
|
37
44
|
var _EditToolbarButton = require("./EditToolbarButton");
|
|
@@ -46,30 +53,30 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
46
53
|
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; }
|
|
47
54
|
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; }
|
|
48
55
|
var removeCard = exports.removeCard = function removeCard(editorAnalyticsApi) {
|
|
49
|
-
return (0,
|
|
56
|
+
return (0, _utils.commandWithMetadata)(function (state, dispatch) {
|
|
50
57
|
if (!(state.selection instanceof _state2.NodeSelection)) {
|
|
51
58
|
return false;
|
|
52
59
|
}
|
|
53
60
|
var type = state.selection.node.type.name;
|
|
54
61
|
var payload = {
|
|
55
|
-
action:
|
|
56
|
-
actionSubject:
|
|
62
|
+
action: _enums.ACTION.DELETED,
|
|
63
|
+
actionSubject: _enums.ACTION_SUBJECT.SMART_LINK,
|
|
57
64
|
actionSubjectId: type,
|
|
58
65
|
attributes: {
|
|
59
|
-
inputMethod:
|
|
66
|
+
inputMethod: _enums.INPUT_METHOD.FLOATING_TB,
|
|
60
67
|
displayMode: type
|
|
61
68
|
},
|
|
62
|
-
eventType:
|
|
69
|
+
eventType: _enums.EVENT_TYPE.TRACK
|
|
63
70
|
};
|
|
64
71
|
if (dispatch) {
|
|
65
72
|
var tr = state.tr;
|
|
66
|
-
(0,
|
|
73
|
+
(0, _utils3.removeSelectedNode)(tr);
|
|
67
74
|
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent(payload)(tr);
|
|
68
75
|
dispatch(tr);
|
|
69
76
|
}
|
|
70
77
|
return true;
|
|
71
78
|
}, {
|
|
72
|
-
action:
|
|
79
|
+
action: _enums.ACTION.DELETED
|
|
73
80
|
});
|
|
74
81
|
};
|
|
75
82
|
var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi, inputMethod, resolvedAttributes) {
|
|
@@ -80,7 +87,7 @@ var visitCardLinkAnalytics = exports.visitCardLinkAnalytics = function visitCard
|
|
|
80
87
|
var type = state.selection.node.type;
|
|
81
88
|
if (dispatch) {
|
|
82
89
|
var tr = state.tr;
|
|
83
|
-
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0,
|
|
90
|
+
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0, _linkingUtils.buildVisitedNonHyperLinkPayload)(type.name, inputMethod, resolvedAttributes))(tr);
|
|
84
91
|
dispatch(tr);
|
|
85
92
|
}
|
|
86
93
|
return true;
|
|
@@ -94,16 +101,16 @@ var fireOpenLinkToolbarAnalytics = function fireOpenLinkToolbarAnalytics(editorA
|
|
|
94
101
|
return false;
|
|
95
102
|
}
|
|
96
103
|
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.fireAnalyticsEvent({
|
|
97
|
-
action:
|
|
98
|
-
actionSubject:
|
|
99
|
-
actionSubjectId:
|
|
104
|
+
action: _enums.ACTION.CLICKED,
|
|
105
|
+
actionSubject: _enums.ACTION_SUBJECT.BUTTON,
|
|
106
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.OPEN_LINK,
|
|
100
107
|
attributes: {
|
|
101
108
|
displayCategory: resolvedAttributes.displayCategory,
|
|
102
109
|
extensionKey: resolvedAttributes.extensionKey,
|
|
103
110
|
status: resolvedAttributes.status,
|
|
104
111
|
statusDetails: resolvedAttributes.statusDetails
|
|
105
112
|
},
|
|
106
|
-
eventType:
|
|
113
|
+
eventType: _enums.EVENT_TYPE.UI
|
|
107
114
|
});
|
|
108
115
|
return true;
|
|
109
116
|
};
|
|
@@ -116,7 +123,7 @@ var openLinkSettings = exports.openLinkSettings = function openLinkSettings(edit
|
|
|
116
123
|
if (dispatch) {
|
|
117
124
|
var tr = state.tr,
|
|
118
125
|
type = state.selection.node.type;
|
|
119
|
-
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0,
|
|
126
|
+
editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0, _linkingUtils.buildOpenedSettingsPayload)(type.name))(tr);
|
|
120
127
|
dispatch(tr);
|
|
121
128
|
}
|
|
122
129
|
return true;
|
|
@@ -140,7 +147,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
|
|
|
140
147
|
if (!selectedNode) {
|
|
141
148
|
return;
|
|
142
149
|
}
|
|
143
|
-
var isEmbedCard = (0,
|
|
150
|
+
var isEmbedCard = (0, _utils4.appearanceForNodeType)(selectedNode.type) === 'embed';
|
|
144
151
|
|
|
145
152
|
/* add an offset to embeds due to extra padding */
|
|
146
153
|
var toolbarOffset = isEmbedCard ? {
|
|
@@ -148,10 +155,10 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
|
|
|
148
155
|
} : {};
|
|
149
156
|
|
|
150
157
|
// Applies padding override for when link picker is currently displayed
|
|
151
|
-
var className = pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ?
|
|
158
|
+
var className = pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar ? _smartCard.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME : undefined;
|
|
152
159
|
var isLinkPickerEnabled = !!lpLinkPicker;
|
|
153
160
|
return _objectSpread(_objectSpread({
|
|
154
|
-
title: intl.formatMessage(
|
|
161
|
+
title: intl.formatMessage(_card.messages.card),
|
|
155
162
|
className: className,
|
|
156
163
|
nodeType: nodeType,
|
|
157
164
|
preventPopupOverflow: isLinkPickerEnabled
|
|
@@ -159,14 +166,14 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
|
|
|
159
166
|
getDomRef: function getDomRef(view) {
|
|
160
167
|
// Ignored via go/ees005
|
|
161
168
|
// eslint-disable-next-line @atlaskit/editor/no-as-casting
|
|
162
|
-
var element = (0,
|
|
169
|
+
var element = (0, _utils3.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view));
|
|
163
170
|
if (!element) {
|
|
164
171
|
return undefined;
|
|
165
172
|
}
|
|
166
173
|
if (isEmbedCard) {
|
|
167
174
|
// Ignored via go/ees005
|
|
168
175
|
// eslint-disable-next-line @atlaskit/editor/no-as-casting
|
|
169
|
-
var richMediaElement = element.querySelector(".".concat(
|
|
176
|
+
var richMediaElement = element.querySelector(".".concat(_mediaSingle.richMediaClassName));
|
|
170
177
|
if (!(0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
171
178
|
exposure: true
|
|
172
179
|
})) {
|
|
@@ -184,11 +191,11 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOpt
|
|
|
184
191
|
};
|
|
185
192
|
};
|
|
186
193
|
var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
|
|
187
|
-
var displayInfo = (0,
|
|
194
|
+
var displayInfo = (0, _utils4.displayInfoForCard)(node, (0, _utils4.findCardInfo)(state));
|
|
188
195
|
var text = displayInfo.title || displayInfo.url;
|
|
189
196
|
if (text) {
|
|
190
|
-
return (0,
|
|
191
|
-
action:
|
|
197
|
+
return (0, _utils.commandWithMetadata)((0, _doc.changeSelectedCardToText)(text, editorAnalyticsApi), {
|
|
198
|
+
action: _enums.ACTION.UNLINK
|
|
192
199
|
});
|
|
193
200
|
}
|
|
194
201
|
return function () {
|
|
@@ -197,13 +204,13 @@ var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
|
|
|
197
204
|
};
|
|
198
205
|
var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions, areAnyNewToolbarFlagsEnabled) {
|
|
199
206
|
if (areAnyNewToolbarFlagsEnabled) {
|
|
200
|
-
return (0,
|
|
207
|
+
return (0, _MediaAndEmbedsToolbar.buildLayoutDropdown)(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
|
|
201
208
|
}
|
|
202
|
-
return (0,
|
|
209
|
+
return (0, _MediaAndEmbedsToolbar.default)(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
|
|
203
210
|
};
|
|
204
211
|
var withToolbarMetadata = function withToolbarMetadata(command) {
|
|
205
|
-
return (0,
|
|
206
|
-
inputMethod:
|
|
212
|
+
return (0, _utils.commandWithMetadata)(command, {
|
|
213
|
+
inputMethod: _enums.INPUT_METHOD.FLOATING_TB
|
|
207
214
|
});
|
|
208
215
|
};
|
|
209
216
|
var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
|
|
@@ -226,7 +233,7 @@ var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
|
|
|
226
233
|
var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) {
|
|
227
234
|
return function (node) {
|
|
228
235
|
var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$a2, _node$attrs;
|
|
229
|
-
var _titleUrlPairFromNode = (0,
|
|
236
|
+
var _titleUrlPairFromNode = (0, _utils4.titleUrlPairFromNode)(node),
|
|
230
237
|
url = _titleUrlPairFromNode.url;
|
|
231
238
|
var _ref = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
|
|
232
239
|
editorAnalyticsApi = _ref.actions;
|
|
@@ -234,7 +241,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
234
241
|
if (url && !(0, _isSafeUrl.isSafeUrl)(url)) {
|
|
235
242
|
return [];
|
|
236
243
|
} else {
|
|
237
|
-
var _displayInfoForCard = (0,
|
|
244
|
+
var _displayInfoForCard = (0, _utils4.displayInfoForCard)(node, (0, _utils4.findCardInfo)(state)),
|
|
238
245
|
title = _displayInfoForCard.title;
|
|
239
246
|
metadata = {
|
|
240
247
|
url: url,
|
|
@@ -242,10 +249,10 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
242
249
|
};
|
|
243
250
|
}
|
|
244
251
|
var areAllNewToolbarFlagsDisabled = !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar));
|
|
245
|
-
var currentAppearance = (0,
|
|
252
|
+
var currentAppearance = (0, _utils4.appearanceForNodeType)(node.type);
|
|
246
253
|
var _ref2 = (_pluginInjectionApi$d = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d2 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions) !== null && _pluginInjectionApi$d !== void 0 ? _pluginInjectionApi$d : {},
|
|
247
254
|
hoverDecoration = _ref2.hoverDecoration;
|
|
248
|
-
var isDatasource = (0,
|
|
255
|
+
var isDatasource = (0, _utils4.isDatasourceNode)(node);
|
|
249
256
|
var pluginState = _pluginKey.pluginKey.getState(state);
|
|
250
257
|
var annotationApiState = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.annotation) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.sharedState.currentState();
|
|
251
258
|
var activeCommentMark = node.marks.find(function (mark) {
|
|
@@ -258,10 +265,10 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
258
265
|
return false;
|
|
259
266
|
}
|
|
260
267
|
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.actions) === null || _pluginInjectionApi$a3 === void 0 || _pluginInjectionApi$a3.fireAnalyticsEvent({
|
|
261
|
-
action:
|
|
262
|
-
actionSubject:
|
|
263
|
-
actionSubjectId:
|
|
264
|
-
eventType:
|
|
268
|
+
action: _enums.ACTION.CLICKED,
|
|
269
|
+
actionSubject: _enums.ACTION_SUBJECT.BUTTON,
|
|
270
|
+
actionSubjectId: _enums.ACTION_SUBJECT_ID.CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU,
|
|
271
|
+
eventType: _enums.EVENT_TYPE.UI,
|
|
265
272
|
attributes: {
|
|
266
273
|
source: 'highlightActionsMenu',
|
|
267
274
|
pageMode: 'edit',
|
|
@@ -269,10 +276,10 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
269
276
|
}
|
|
270
277
|
});
|
|
271
278
|
var setInlineCommentDraftState = pluginInjectionApi.annotation.actions.setInlineCommentDraftState;
|
|
272
|
-
var command = setInlineCommentDraftState(true,
|
|
279
|
+
var command = setInlineCommentDraftState(true, _enums.INPUT_METHOD.FLOATING_TB);
|
|
273
280
|
return command(state, dispatch);
|
|
274
281
|
};
|
|
275
|
-
var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && (0,
|
|
282
|
+
var shouldRenderDatasourceToolbar = isDatasource && cardOptions.allowDatasource && (0, _datasource.canRenderDatasource)(node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.datasource) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id);
|
|
276
283
|
if (pluginState !== null && pluginState !== void 0 && pluginState.showLinkingToolbar) {
|
|
277
284
|
return [(0, _EditLinkToolbar.buildEditLinkToolbar)({
|
|
278
285
|
providerFactory: providerFactory,
|
|
@@ -306,7 +313,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
306
313
|
type: 'button',
|
|
307
314
|
selected: false,
|
|
308
315
|
metadata: metadata,
|
|
309
|
-
title: intl.formatMessage(
|
|
316
|
+
title: intl.formatMessage(_linkToolbar.linkToolbarMessages.editLink),
|
|
310
317
|
showTitle: true,
|
|
311
318
|
testId: 'link-toolbar-edit-link-button',
|
|
312
319
|
onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
|
|
@@ -319,14 +326,14 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
319
326
|
icon: _comment.default,
|
|
320
327
|
testId: 'inline-card-toolbar-comment-button',
|
|
321
328
|
iconFallback: _comment.default,
|
|
322
|
-
title: intl.formatMessage(
|
|
329
|
+
title: intl.formatMessage(_annotation.annotationMessages.createComment),
|
|
323
330
|
showTitle: (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'control') ? undefined : true,
|
|
324
331
|
onClick: onCommentButtonClick,
|
|
325
|
-
disabled: (0,
|
|
332
|
+
disabled: (0, _isOfflineMode.isOfflineMode)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.currentState()) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.mode)
|
|
326
333
|
}, {
|
|
327
334
|
type: 'separator'
|
|
328
335
|
}] : [];
|
|
329
|
-
var openLinkInputMethod =
|
|
336
|
+
var openLinkInputMethod = _enums.INPUT_METHOD.FLOATING_TB;
|
|
330
337
|
var editButtonItems = cardOptions.allowDatasource ? [{
|
|
331
338
|
type: 'custom',
|
|
332
339
|
fallback: [],
|
|
@@ -347,7 +354,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
347
354
|
type: 'button',
|
|
348
355
|
selected: false,
|
|
349
356
|
metadata: metadata,
|
|
350
|
-
title: intl.formatMessage(
|
|
357
|
+
title: intl.formatMessage(_linkToolbar.linkToolbarMessages.editLink),
|
|
351
358
|
icon: _edit.default,
|
|
352
359
|
testId: 'link-toolbar-edit-link-button',
|
|
353
360
|
onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
|
|
@@ -372,7 +379,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
372
379
|
iconFallback: _linkExternal.default,
|
|
373
380
|
metadata: metadata,
|
|
374
381
|
className: 'hyperlink-open-link',
|
|
375
|
-
title: intl.formatMessage(
|
|
382
|
+
title: intl.formatMessage(_link2.linkMessages.openLink),
|
|
376
383
|
onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, resolvedToolbarAttributes),
|
|
377
384
|
href: url,
|
|
378
385
|
target: '_blank'
|
|
@@ -383,7 +390,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
383
390
|
render: function render(editorView) {
|
|
384
391
|
return editorView && url ? /*#__PURE__*/_react.default.createElement(_OpenLinkToolbarButton.OpenLinkToolbarButton, {
|
|
385
392
|
url: url,
|
|
386
|
-
title: intl.formatMessage(
|
|
393
|
+
title: intl.formatMessage(_link2.linkMessages.openLink),
|
|
387
394
|
editorView: editorView,
|
|
388
395
|
onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, resolvedToolbarAttributes),
|
|
389
396
|
areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
|
|
@@ -482,7 +489,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
482
489
|
url: url,
|
|
483
490
|
editorView: editorView,
|
|
484
491
|
editorState: state,
|
|
485
|
-
inputMethod:
|
|
492
|
+
inputMethod: _enums.INPUT_METHOD.FLOATING_TB,
|
|
486
493
|
areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
|
|
487
494
|
});
|
|
488
495
|
}
|
|
@@ -512,13 +519,13 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
|
|
|
512
519
|
title: intl.formatMessage(_messages.default.copyToClipboard),
|
|
513
520
|
onClick: function onClick() {
|
|
514
521
|
var _pluginInjectionApi$c2, _pluginInjectionApi$f;
|
|
515
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 || _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.commands.copyNode(node.type,
|
|
522
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 || _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.commands.copyNode(node.type, _enums.INPUT_METHOD.FLOATING_TB));
|
|
516
523
|
return true;
|
|
517
524
|
},
|
|
518
525
|
icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
|
|
519
526
|
label: intl.formatMessage(_messages.default.copyToClipboard)
|
|
520
527
|
})
|
|
521
|
-
}, hoverDecorationProps(node.type,
|
|
528
|
+
}, hoverDecorationProps(node.type, _constants.akEditorSelectedNodeClassName)), _objectSpread({
|
|
522
529
|
title: intl.formatMessage(_messages.default.delete),
|
|
523
530
|
onClick: withToolbarMetadata(removeCard(editorAnalyticsApi)),
|
|
524
531
|
icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
|
|
@@ -537,7 +544,7 @@ var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inli
|
|
|
537
544
|
id: 'editor.link.unlink',
|
|
538
545
|
focusEditoronEnter: true,
|
|
539
546
|
type: 'button',
|
|
540
|
-
title: intl.formatMessage(
|
|
547
|
+
title: intl.formatMessage(_linkToolbar.linkToolbarMessages.unlink),
|
|
541
548
|
icon: _linkBroken.default,
|
|
542
549
|
iconFallback: _linkBroken.default,
|
|
543
550
|
onClick: withToolbarMetadata(unlinkCard(node, state, editorAnalyticsApi))
|
|
@@ -551,9 +558,9 @@ var getSettingsButton = exports.getSettingsButton = function getSettingsButton(i
|
|
|
551
558
|
type: 'button',
|
|
552
559
|
icon: _settings.default,
|
|
553
560
|
iconFallback: _settings.default,
|
|
554
|
-
title: intl.formatMessage(
|
|
561
|
+
title: intl.formatMessage(_linkToolbar.linkToolbarMessages.settingsLink),
|
|
555
562
|
onClick: openLinkSettings(editorAnalyticsApi),
|
|
556
|
-
href: userPreferencesLink || (0,
|
|
563
|
+
href: userPreferencesLink || (0, _utils2.getLinkPreferencesURLFromENV)(),
|
|
557
564
|
target: '_blank'
|
|
558
565
|
};
|
|
559
566
|
};
|
|
@@ -605,7 +612,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
|
|
|
605
612
|
editorView: editorView,
|
|
606
613
|
editorState: state,
|
|
607
614
|
selected: true,
|
|
608
|
-
inputMethod:
|
|
615
|
+
inputMethod: _enums.INPUT_METHOD.FLOATING_TB,
|
|
609
616
|
areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
|
|
610
617
|
});
|
|
611
618
|
}
|
|
@@ -631,7 +638,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
|
|
|
631
638
|
});
|
|
632
639
|
}
|
|
633
640
|
}
|
|
634
|
-
var openLinkInputMethod =
|
|
641
|
+
var openLinkInputMethod = _enums.INPUT_METHOD.FLOATING_TB;
|
|
635
642
|
var pluginState = _pluginKey.pluginKey.getState(state);
|
|
636
643
|
toolbarItems.push({
|
|
637
644
|
type: 'custom',
|
|
@@ -660,7 +667,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
|
|
|
660
667
|
iconFallback: _linkExternal.default,
|
|
661
668
|
metadata: metadata,
|
|
662
669
|
className: 'hyperlink-open-link',
|
|
663
|
-
title: intl.formatMessage(
|
|
670
|
+
title: intl.formatMessage(_link2.linkMessages.openLink),
|
|
664
671
|
onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, (_pluginState$resolved2 = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[node.attrs.url]) !== null && _pluginState$resolved2 !== void 0 ? _pluginState$resolved2 : {}),
|
|
665
672
|
href: node.attrs.url,
|
|
666
673
|
target: '_blank'
|
|
@@ -672,7 +679,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
|
|
|
672
679
|
var _pluginState$resolved3;
|
|
673
680
|
return editorView ? /*#__PURE__*/_react.default.createElement(_OpenLinkToolbarButton.OpenLinkToolbarButton, {
|
|
674
681
|
url: node.attrs.url,
|
|
675
|
-
title: intl.formatMessage(
|
|
682
|
+
title: intl.formatMessage(_link2.linkMessages.openLink),
|
|
676
683
|
editorView: editorView,
|
|
677
684
|
onClick: fireOpenLinkToolbarAnalytics(editorAnalyticsApi, openLinkInputMethod, (_pluginState$resolved3 = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[node.attrs.url]) !== null && _pluginState$resolved3 !== void 0 ? _pluginState$resolved3 : {}),
|
|
678
685
|
areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
|
|
@@ -741,13 +748,13 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
|
|
|
741
748
|
title: intl.formatMessage(_messages.default.copyToClipboard),
|
|
742
749
|
onClick: function onClick() {
|
|
743
750
|
var _pluginInjectionApi$c3, _pluginInjectionApi$f2;
|
|
744
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 || _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f2 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.commands.copyNode(node.type,
|
|
751
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.core) === null || _pluginInjectionApi$c3 === void 0 || _pluginInjectionApi$c3.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f2 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.commands.copyNode(node.type, _enums.INPUT_METHOD.FLOATING_TB));
|
|
745
752
|
return true;
|
|
746
753
|
},
|
|
747
|
-
onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true,
|
|
748
|
-
onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false,
|
|
749
|
-
onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true,
|
|
750
|
-
onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false,
|
|
754
|
+
onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true, _constants.akEditorSelectedNodeClassName),
|
|
755
|
+
onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false, _constants.akEditorSelectedNodeClassName),
|
|
756
|
+
onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, true, _constants.akEditorSelectedNodeClassName),
|
|
757
|
+
onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(node.type, false, _constants.akEditorSelectedNodeClassName),
|
|
751
758
|
icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
|
|
752
759
|
label: intl.formatMessage(_messages.default.copyToClipboard)
|
|
753
760
|
})
|
|
@@ -797,7 +804,7 @@ var getStartingToolbarItems = exports.getStartingToolbarItems = function getStar
|
|
|
797
804
|
testId: 'editor.link.edit',
|
|
798
805
|
type: 'button',
|
|
799
806
|
onClick: onEditLink,
|
|
800
|
-
title: intl.formatMessage(
|
|
807
|
+
title: intl.formatMessage(_linkToolbar.linkToolbarMessages.editLink),
|
|
801
808
|
showTitle: (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? false : true,
|
|
802
809
|
metadata: metadata,
|
|
803
810
|
icon: (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? _edit.default : undefined
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useContext, useEffect } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { canRenderDatasource } from '@atlaskit/editor-common/utils';
|
|
2
|
+
import { IconDatasourceAssetsObjects, IconDatasourceConfluenceSearch, IconDatasourceJiraIssue } from '@atlaskit/editor-common/assets';
|
|
3
|
+
import { messages } from '@atlaskit/editor-common/messages/card';
|
|
4
|
+
import { canRenderDatasource } from '@atlaskit/editor-common/utils/datasource';
|
|
5
5
|
import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource/assets-modal';
|
|
6
6
|
import { CONFLUENCE_SEARCH_DATASOURCE_ID } from '@atlaskit/link-datasource/confluence-search-modal';
|
|
7
7
|
import { SmartCardContext } from '@atlaskit/link-provider/context';
|
|
@@ -4,12 +4,13 @@ import rafSchedule from 'raf-schd';
|
|
|
4
4
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
5
5
|
import { v4 as uuid } from 'uuid';
|
|
6
6
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
7
|
+
import { findOverflowScrollParent } from '@atlaskit/editor-common/Popup/utils';
|
|
7
8
|
import ReactNodeView from '@atlaskit/editor-common/react-node-view';
|
|
8
|
-
import
|
|
9
|
-
import { canRenderDatasource } from '@atlaskit/editor-common/utils';
|
|
9
|
+
import UnsupportedBlock from '@atlaskit/editor-common/UnsupportedBlock';
|
|
10
|
+
import { canRenderDatasource } from '@atlaskit/editor-common/utils/datasource';
|
|
10
11
|
import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
|
|
11
12
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
12
|
-
import { Card as SmartCard } from '@atlaskit/smart-card';
|
|
13
|
+
import { Card as SmartCard } from '@atlaskit/smart-card/card/lazy';
|
|
13
14
|
import { CardSSR } from '@atlaskit/smart-card/ssr';
|
|
14
15
|
import { Datasource } from '../nodeviews/datasource';
|
|
15
16
|
import { registerCard, removeCard } from '../pm-plugins/actions';
|
|
@@ -8,9 +8,10 @@ import React from 'react';
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
9
9
|
import { jsx } from '@emotion/react';
|
|
10
10
|
import ReactNodeView from '@atlaskit/editor-common/react-node-view';
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import
|
|
11
|
+
import { SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles/smart-card';
|
|
12
|
+
import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles/smartCard';
|
|
13
|
+
import UnsupportedInline from '@atlaskit/editor-common/UnsupportedInline';
|
|
14
|
+
import { calcBreakoutWidth } from '@atlaskit/editor-common/utils/breakout';
|
|
14
15
|
import { DatasourceTableViewWithWrappers as DatasourceTableView } from '@atlaskit/link-datasource/datasource-table-view-with-wrappers';
|
|
15
16
|
import { EditorSmartCardProvider } from '@atlaskit/link-provider/editor-smart-card-provider';
|
|
16
17
|
import { EditorSmartCardProviderValueGuard } from '@atlaskit/link-provider/editor-smart-card-provider-value-guard';
|
|
@@ -6,17 +6,20 @@ import rafSchedule from 'raf-schd';
|
|
|
6
6
|
import { v4 as uuid } from 'uuid';
|
|
7
7
|
import { SetAttrsStep } from '@atlaskit/adf-schema/steps/set-attrs';
|
|
8
8
|
import { isConfluenceSlideUrl } from '@atlaskit/editor-card-provider/url-checkers';
|
|
9
|
-
import
|
|
9
|
+
import RichMediaWrapper from '@atlaskit/editor-common/MediaSingle';
|
|
10
|
+
import { findOverflowScrollParent } from '@atlaskit/editor-common/Popup/utils';
|
|
10
11
|
import ReactNodeView from '@atlaskit/editor-common/react-node-view';
|
|
11
|
-
import
|
|
12
|
-
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/
|
|
12
|
+
import UnsupportedBlock from '@atlaskit/editor-common/UnsupportedBlock';
|
|
13
|
+
import { useSharedPluginStateSelector } from '@atlaskit/editor-common/useSharedPluginStateSelector';
|
|
14
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
13
15
|
import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
|
|
14
|
-
import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
|
|
16
|
+
import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles/constants';
|
|
15
17
|
import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
|
|
16
18
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
17
19
|
import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
|
|
18
20
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
19
|
-
import {
|
|
21
|
+
import { Card as SmartCard } from '@atlaskit/smart-card/card/lazy';
|
|
22
|
+
import { EmbedResizeMessageListener } from '@atlaskit/smart-card/embed-resize-message-listener';
|
|
20
23
|
import { CardSSR } from '@atlaskit/smart-card/ssr';
|
|
21
24
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
22
25
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
@@ -3,8 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
import React, { useCallback } from 'react';
|
|
4
4
|
import { isSafeUrl } from '@atlaskit/adf-schema/is-safe-url';
|
|
5
5
|
import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
|
|
6
|
-
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/
|
|
7
|
-
import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
|
|
6
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
7
|
+
import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils/analytics';
|
|
8
8
|
import Link from '@atlaskit/link/link';
|
|
9
9
|
import { changeSelectedCardToLinkFallback } from '../pm-plugins/doc';
|
|
10
10
|
import { getPluginState } from '../pm-plugins/util/state';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect, useMemo } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
3
|
+
import UnsupportedInline from '@atlaskit/editor-common/UnsupportedInline';
|
|
4
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
5
5
|
import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
|
|
6
6
|
import { getAwarenessProps } from '../pm-plugins/utils';
|
|
7
7
|
import { SmartCardSSRReactContextsProvider } from '../ui/SmartCardSSRReactContextsProvider';
|
|
@@ -2,10 +2,10 @@ import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
|
|
|
2
2
|
import rafSchedule from 'raf-schd';
|
|
3
3
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
4
4
|
import { v4 as uuid } from 'uuid';
|
|
5
|
-
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
6
|
-
import { findOverflowScrollParent } from '@atlaskit/editor-common/
|
|
5
|
+
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
6
|
+
import { findOverflowScrollParent } from '@atlaskit/editor-common/Popup/utils';
|
|
7
7
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
8
|
-
import { Card as SmartCard } from '@atlaskit/smart-card';
|
|
8
|
+
import { Card as SmartCard } from '@atlaskit/smart-card/card/lazy';
|
|
9
9
|
import { CardSSR } from '@atlaskit/smart-card/ssr';
|
|
10
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
11
11
|
import { registerCard, removeCard } from '../pm-plugins/actions';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { memo, useCallback, useMemo, useState } from 'react';
|
|
2
|
-
import { ACTION_SUBJECT_ID, EVENT_TYPE, ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { ACTION_SUBJECT_ID, EVENT_TYPE, ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics/types/enums';
|
|
3
|
+
import HoverLinkOverlay from '@atlaskit/editor-common/HoverLinkOverlay';
|
|
4
|
+
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
5
5
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
6
6
|
import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
|
|
7
7
|
import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils/is-within-preview-panel-iframe';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { blockCard, blockCardWithLocalId } from '@atlaskit/adf-schema/block-card';
|
|
2
|
-
import { convertToInlineCss } from '@atlaskit/editor-common/
|
|
2
|
+
import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
4
|
// @nodeSpecException:toDOM patch
|
|
5
5
|
export const blockCardSpecWithFixedToDOM = () => {
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
* case we can consolidate them.
|
|
10
10
|
*/
|
|
11
11
|
import { embedCard, embedCardWithLocalId } from '@atlaskit/adf-schema/embed-card';
|
|
12
|
-
import { convertToInlineCss } from '@atlaskit/editor-common/
|
|
13
|
-
import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
|
|
12
|
+
import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
|
|
13
|
+
import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles/constants';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
15
|
// From `packages/editor/editor-common/src/ui/MediaSingle/styled.tsx`
|
|
16
16
|
function calcMargin(layout) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { inlineCard, inlineCardWithLocalId } from '@atlaskit/adf-schema/inline-card';
|
|
2
|
-
import { convertToInlineCss } from '@atlaskit/editor-common/
|
|
2
|
+
import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
4
|
// @nodeSpecException:toDOM patch
|
|
5
5
|
export const inlineCardSpecWithFixedToDOM = () => {
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import isEqual from 'lodash/isEqual';
|
|
2
2
|
import { isSafeUrl } from '@atlaskit/adf-schema/is-safe-url';
|
|
3
|
-
import {
|
|
3
|
+
import { unlinkPayload } from '@atlaskit/editor-common/analytics/linking-utils';
|
|
4
|
+
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
5
|
+
import { SMART_LINK_TYPE } from '@atlaskit/editor-common/analytics/types/node-events';
|
|
4
6
|
import { addLinkMetadata } from '@atlaskit/editor-common/card';
|
|
5
|
-
import { getActiveLinkMark } from '@atlaskit/editor-common/link';
|
|
6
|
-
import {
|
|
7
|
+
import { getActiveLinkMark } from '@atlaskit/editor-common/link/utils';
|
|
8
|
+
import { processRawValue } from '@atlaskit/editor-common/process-raw-value';
|
|
9
|
+
import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils/annotation';
|
|
10
|
+
import { nodesBetweenChanged } from '@atlaskit/editor-common/utils/document';
|
|
11
|
+
import { getLinkCreationAnalyticsEvent, isFromCurrentDomain } from '@atlaskit/editor-common/utils/hyperlink';
|
|
7
12
|
import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
8
13
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
14
|
import { closeHistory } from '@atlaskit/prosemirror-history/closeHistory';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import rafSchedule from 'raf-schd';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { getInlineNodeViewProducer } from '@atlaskit/editor-common/getInlineNodeViewProducer';
|
|
3
|
+
import { isSSR } from '@atlaskit/editor-common/is-ssr';
|
|
4
4
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
5
|
-
import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles';
|
|
5
|
+
import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles/smartCard';
|
|
6
6
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
7
7
|
import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
|
|
8
8
|
import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common/constants';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { normalizeUrl } from '@atlaskit/adf-schema/normalize-url';
|
|
2
|
-
import { md } from '@atlaskit/editor-common/paste';
|
|
2
|
+
import { md } from '@atlaskit/editor-common/paste/md';
|
|
3
3
|
export function shouldReplaceLink(node, compareLinkText = true, compareToUrl) {
|
|
4
4
|
const linkMark = node.marks.find(mark => mark.type.name === 'link');
|
|
5
5
|
if (!linkMark) {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { hasDocAsParent } from '@atlaskit/editor-common/utils';
|
|
2
|
+
import { canRenderDatasource } from '@atlaskit/editor-common/utils/datasource';
|
|
2
3
|
import { setProvider } from '../actions';
|
|
3
4
|
import { handleFallbackWithAnalytics, replaceQueuedUrlWithCard } from '../doc';
|
|
4
5
|
const isFreshlyPastedOnNewLine = view => {
|