@atlaskit/editor-plugin-media 2.3.6 → 2.3.8
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 +12 -0
- package/dist/cjs/nodeviews/mediaGroup.js +3 -3
- package/dist/cjs/nodeviews/mediaGroupNext.js +1 -1
- package/dist/cjs/pm-plugins/main.js +2 -0
- package/dist/cjs/pm-plugins/utils/media-single.js +1 -1
- package/dist/cjs/ui/ImageBorder/styles.js +1 -1
- package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +5 -5
- package/dist/cjs/ui/toolbar/comments.js +1 -1
- package/dist/cjs/ui/toolbar/index.js +12 -5
- package/dist/cjs/ui/toolbar/mediaInline.js +1 -1
- package/dist/es2019/nodeviews/mediaGroup.js +3 -3
- package/dist/es2019/nodeviews/mediaGroupNext.js +1 -1
- package/dist/es2019/pm-plugins/main.js +4 -0
- package/dist/es2019/pm-plugins/utils/media-single.js +1 -1
- package/dist/es2019/ui/ImageBorder/styles.js +1 -1
- package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +5 -5
- package/dist/es2019/ui/toolbar/comments.js +1 -1
- package/dist/es2019/ui/toolbar/index.js +12 -5
- package/dist/es2019/ui/toolbar/mediaInline.js +1 -1
- package/dist/esm/nodeviews/mediaGroup.js +3 -3
- package/dist/esm/nodeviews/mediaGroupNext.js +1 -1
- package/dist/esm/pm-plugins/main.js +2 -0
- package/dist/esm/pm-plugins/utils/media-single.js +1 -1
- package/dist/esm/ui/ImageBorder/styles.js +1 -1
- package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js +5 -5
- package/dist/esm/ui/toolbar/comments.js +1 -1
- package/dist/esm/ui/toolbar/index.js +12 -5
- package/dist/esm/ui/toolbar/mediaInline.js +1 -1
- package/package.json +9 -12
package/CHANGELOG.md
CHANGED
|
@@ -95,7 +95,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
|
|
|
95
95
|
// Because the original code would return NaN on runtime
|
|
96
96
|
// We are just make it explict now.
|
|
97
97
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
98
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
98
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
99
99
|
return NaN;
|
|
100
100
|
}
|
|
101
101
|
return pos + childOffset + 1;
|
|
@@ -147,7 +147,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
|
|
|
147
147
|
// Because the original code would return NaN on runtime
|
|
148
148
|
// We are just make it explict now.
|
|
149
149
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
150
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
150
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
151
151
|
return NaN;
|
|
152
152
|
}
|
|
153
153
|
return pos + idx + 1;
|
|
@@ -225,7 +225,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
|
|
|
225
225
|
// Because the original code would return NaN on runtime
|
|
226
226
|
// We are just make it explict now.
|
|
227
227
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
228
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
228
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
229
229
|
return NaN;
|
|
230
230
|
}
|
|
231
231
|
return pos + 1;
|
|
@@ -67,7 +67,7 @@ var prepareFilmstripItem = function prepareFilmstripItem(_ref) {
|
|
|
67
67
|
// Because the original code would return NaN on runtime
|
|
68
68
|
// We are just make it explict now.
|
|
69
69
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
70
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
70
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
71
71
|
return NaN;
|
|
72
72
|
}
|
|
73
73
|
return pos + idx + 1;
|
|
@@ -533,6 +533,8 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
|
|
|
533
533
|
return mediaProvider;
|
|
534
534
|
case 11:
|
|
535
535
|
this.mediaProvider = _context.sent;
|
|
536
|
+
// Ignored via go/ees007
|
|
537
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
536
538
|
// TODO [MS-2038]: remove once context api is removed
|
|
537
539
|
// We want to re assign the view and upload configs if they are missing for backwards compatibility
|
|
538
540
|
// as currently integrators can pass context || mediaClientConfig
|
|
@@ -264,7 +264,7 @@ var createMediaSingleNode = function createMediaSingleNode(schema, collection, m
|
|
|
264
264
|
} : {};
|
|
265
265
|
var extendedMediaSingleAttrs = (0, _platformFeatureFlags.fg)('platform_editor_media_extended_resize_experience') ? _objectSpread(_objectSpread({}, mediaSingleAttrs), {}, {
|
|
266
266
|
width: (0, _mediaSingle.getMediaSingleInitialWidth)(scaledWidth, maxWidth, minWidth),
|
|
267
|
-
// TODO: change to use enum
|
|
267
|
+
// TODO: ED-26962 - change to use enum
|
|
268
268
|
widthType: 'pixel'
|
|
269
269
|
}) : mediaSingleAttrs;
|
|
270
270
|
(0, _mediaCommon.copyOptionalAttrsFromMediaState)(mediaState, mediaNode);
|
|
@@ -28,7 +28,7 @@ var menuItemDimensions = exports.menuItemDimensions = {
|
|
|
28
28
|
height: 32
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
// TODO: Migrate away from gridSize
|
|
31
|
+
// TODO: ED-26962 - Migrate away from gridSize
|
|
32
32
|
// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
|
|
33
33
|
var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
|
|
34
34
|
|
|
@@ -190,7 +190,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
190
190
|
};
|
|
191
191
|
});
|
|
192
192
|
(0, _defineProperty2.default)(_this, "selectCurrentMediaNode", function () {
|
|
193
|
-
// TODO: if adding !this.props.selected, it doesn't work if media single node is at top postion
|
|
193
|
+
// TODO: ED-26962 - if adding !this.props.selected, it doesn't work if media single node is at top postion
|
|
194
194
|
if (_this.pos === null) {
|
|
195
195
|
return;
|
|
196
196
|
}
|
|
@@ -397,7 +397,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
397
397
|
return width / height;
|
|
398
398
|
}
|
|
399
399
|
|
|
400
|
-
// TODO handle this case
|
|
400
|
+
// TODO: ED-26962 - handle this case
|
|
401
401
|
return 1;
|
|
402
402
|
}
|
|
403
403
|
}, {
|
|
@@ -535,7 +535,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
535
535
|
}
|
|
536
536
|
});
|
|
537
537
|
|
|
538
|
-
// TODO: Clean up where this lives and how it gets generated
|
|
538
|
+
// TODO: ED-26962 - Clean up where this lives and how it gets generated
|
|
539
539
|
var className = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', this.props.className, {
|
|
540
540
|
'richMedia-selected': selected,
|
|
541
541
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
@@ -677,7 +677,7 @@ var getAspectRatio = function getAspectRatio(_ref6) {
|
|
|
677
677
|
return width / height;
|
|
678
678
|
}
|
|
679
679
|
|
|
680
|
-
// TODO handle this case
|
|
680
|
+
// TODO: ED-26962 - handle this case
|
|
681
681
|
return 1;
|
|
682
682
|
};
|
|
683
683
|
var updateSizeInPluginState = (0, _throttle.default)(function (_ref7) {
|
|
@@ -797,7 +797,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
|
|
|
797
797
|
// while is not resizing, we take 100% as min-width if the container width is less than the min-width
|
|
798
798
|
var minViewWidth = isResizing ? minWidth : "min(".concat(minWidth, "px, 100%)");
|
|
799
799
|
var resizerNextClassName = (0, _react.useMemo)(function () {
|
|
800
|
-
// TODO: Clean up where this lives and how it gets generated
|
|
800
|
+
// TODO: ED-26962 - Clean up where this lives and how it gets generated
|
|
801
801
|
var classNameNext = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, {
|
|
802
802
|
'richMedia-selected': selected,
|
|
803
803
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
@@ -37,7 +37,7 @@ var commentButton = exports.commentButton = function commentButton(intl, state,
|
|
|
37
37
|
if (!showCommentForBlockNode(selectMediaNode, _analytics.VIEW_METHOD.COMMENT_BUTTON, isOpeningMediaCommentFromToolbar)(state, dispatch)) {
|
|
38
38
|
var _selectMediaNode$attr;
|
|
39
39
|
setInlineCommentDraftState(true,
|
|
40
|
-
// TODO: might need to update to reflect it's from media floating toolbar
|
|
40
|
+
// TODO: ED-26962 - might need to update to reflect it's from media floating toolbar
|
|
41
41
|
_analytics.INPUT_METHOD.FLOATING_TB, 'block', (_selectMediaNode$attr = selectMediaNode.attrs) === null || _selectMediaNode$attr === void 0 ? void 0 : _selectMediaNode$attr.id, isOpeningMediaCommentFromToolbar)(state, dispatch);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -89,12 +89,12 @@ var handleShowMediaViewer = exports.handleShowMediaViewer = function handleShowM
|
|
|
89
89
|
api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.media.commands.showMediaViewer(selectedNodeAttrs));
|
|
90
90
|
};
|
|
91
91
|
var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi, editorAnalyticsAPI, forceFocusSelector, isViewOnly) {
|
|
92
|
-
var _mediaPluginState$med;
|
|
92
|
+
var _mediaPluginState$med, _pluginInjectionApi$c;
|
|
93
93
|
if (isViewOnly) {
|
|
94
94
|
return [];
|
|
95
95
|
}
|
|
96
96
|
var enforceMediaDataSecurityPolicy = mediaPluginState === null || mediaPluginState === void 0 || (_mediaPluginState$med = mediaPluginState.mediaClientConfig) === null || _mediaPluginState$med === void 0 ? void 0 : _mediaPluginState$med.enforceDataSecurityPolicy;
|
|
97
|
-
var disableDownloadButton = typeof enforceMediaDataSecurityPolicy === 'boolean'
|
|
97
|
+
var disableDownloadButton = typeof enforceMediaDataSecurityPolicy === 'boolean' ? enforceMediaDataSecurityPolicy : false;
|
|
98
98
|
var mediaGroup = state.schema.nodes.mediaGroup;
|
|
99
99
|
var items = [{
|
|
100
100
|
id: 'editor.media.view.switcher.inline',
|
|
@@ -138,6 +138,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
|
|
|
138
138
|
api: pluginInjectionApi
|
|
139
139
|
})) !== null && _handleShowMediaViewe !== void 0 ? _handleShowMediaViewe : false;
|
|
140
140
|
},
|
|
141
|
+
disabled: (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) === 'offline',
|
|
141
142
|
supportsViewMode: true
|
|
142
143
|
}, {
|
|
143
144
|
type: 'separator'
|
|
@@ -532,6 +533,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
532
533
|
var _selectedMediaSingleNode = (0, _utils2.getSelectedMediaSingle)(state);
|
|
533
534
|
var mediaNode = _selectedMediaSingleNode === null || _selectedMediaSingleNode === void 0 ? void 0 : _selectedMediaSingleNode.node.content.firstChild;
|
|
534
535
|
if (!(0, _mediaSingle2.isVideo)(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.__fileMimeType)) {
|
|
536
|
+
var _pluginInjectionApi$c2;
|
|
535
537
|
toolbarButtons.push({
|
|
536
538
|
id: 'editor.media.viewer',
|
|
537
539
|
testId: 'file-preview-toolbar-button',
|
|
@@ -546,6 +548,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
546
548
|
mediaPluginState: pluginState
|
|
547
549
|
})) !== null && _handleShowMediaViewe2 !== void 0 ? _handleShowMediaViewe2 : false;
|
|
548
550
|
},
|
|
551
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.sharedState) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.currentState()) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.mode) === 'offline',
|
|
549
552
|
supportsViewMode: true
|
|
550
553
|
}, {
|
|
551
554
|
type: 'separator',
|
|
@@ -600,6 +603,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
600
603
|
var _selectedMediaSingleNode2 = (0, _utils2.getSelectedMediaSingle)(state);
|
|
601
604
|
var _mediaNode = _selectedMediaSingleNode2 === null || _selectedMediaSingleNode2 === void 0 ? void 0 : _selectedMediaSingleNode2.node.content.firstChild;
|
|
602
605
|
if (!(0, _mediaSingle2.isVideo)(_mediaNode === null || _mediaNode === void 0 || (_mediaNode$attrs2 = _mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType)) {
|
|
606
|
+
var _pluginInjectionApi$c3;
|
|
603
607
|
toolbarButtons.push({
|
|
604
608
|
id: 'editor.media.viewer',
|
|
605
609
|
testId: 'file-preview-toolbar-button',
|
|
@@ -614,6 +618,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
614
618
|
mediaPluginState: pluginState
|
|
615
619
|
})) !== null && _handleShowMediaViewe3 !== void 0 ? _handleShowMediaViewe3 : false;
|
|
616
620
|
},
|
|
621
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.sharedState) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.mode) === 'offline',
|
|
617
622
|
supportsViewMode: true
|
|
618
623
|
}, {
|
|
619
624
|
type: 'separator',
|
|
@@ -644,7 +649,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
644
649
|
supportsViewMode: true
|
|
645
650
|
});
|
|
646
651
|
if (allowAdvancedToolBarOptions && allowCommentsOnMedia) {
|
|
647
|
-
// TODO: add separator when overflow menu is added
|
|
652
|
+
// TODO: ED-26962 - add separator when overflow menu is added
|
|
648
653
|
toolbarButtons.push((0, _comments.commentButton)(intl, state, pluginInjectionApi));
|
|
649
654
|
}
|
|
650
655
|
return toolbarButtons;
|
|
@@ -770,6 +775,8 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
|
|
|
770
775
|
}, {
|
|
771
776
|
title: 'Resize',
|
|
772
777
|
onClick: function onClick() {
|
|
778
|
+
// Ignored via go/ees007
|
|
779
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
773
780
|
// TODO open resize dialog?
|
|
774
781
|
return true;
|
|
775
782
|
},
|
|
@@ -781,8 +788,8 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
|
|
|
781
788
|
}, {
|
|
782
789
|
title: 'Copy',
|
|
783
790
|
onClick: function onClick() {
|
|
784
|
-
var _pluginInjectionApi$
|
|
785
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$
|
|
791
|
+
var _pluginInjectionApi$c4, _pluginInjectionApi$f3;
|
|
792
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 || _pluginInjectionApi$c4.actions.execute( // @ts-ignore
|
|
786
793
|
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f3 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f3 === void 0 ? void 0 : _pluginInjectionApi$f3.commands.copyNode(nodeType));
|
|
787
794
|
return true;
|
|
788
795
|
},
|
|
@@ -253,7 +253,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
|
|
|
253
253
|
});
|
|
254
254
|
}
|
|
255
255
|
|
|
256
|
-
// TODO: editor controls move to overflow menu
|
|
256
|
+
// TODO: ED-26961 - editor controls move to overflow menu
|
|
257
257
|
if ((0, _experiments.editorExperiment)('platform_editor_controls', 'control')) {
|
|
258
258
|
inlineImageItems.push({
|
|
259
259
|
type: 'custom',
|
|
@@ -78,7 +78,7 @@ class MediaGroup extends React.Component {
|
|
|
78
78
|
// Because the original code would return NaN on runtime
|
|
79
79
|
// We are just make it explict now.
|
|
80
80
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
81
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
81
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
82
82
|
return NaN;
|
|
83
83
|
}
|
|
84
84
|
return pos + childOffset + 1;
|
|
@@ -133,7 +133,7 @@ class MediaGroup extends React.Component {
|
|
|
133
133
|
// Because the original code would return NaN on runtime
|
|
134
134
|
// We are just make it explict now.
|
|
135
135
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
136
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
136
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
137
137
|
return NaN;
|
|
138
138
|
}
|
|
139
139
|
return pos + idx + 1;
|
|
@@ -202,7 +202,7 @@ class MediaGroup extends React.Component {
|
|
|
202
202
|
// Because the original code would return NaN on runtime
|
|
203
203
|
// We are just make it explict now.
|
|
204
204
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
205
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
205
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
206
206
|
return NaN;
|
|
207
207
|
}
|
|
208
208
|
return pos + 1;
|
|
@@ -49,7 +49,7 @@ const prepareFilmstripItem = ({
|
|
|
49
49
|
// Because the original code would return NaN on runtime
|
|
50
50
|
// We are just make it explict now.
|
|
51
51
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
52
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
52
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
53
53
|
return NaN;
|
|
54
54
|
}
|
|
55
55
|
return pos + idx + 1;
|
|
@@ -486,10 +486,14 @@ export class MediaPluginStateImplementation {
|
|
|
486
486
|
return;
|
|
487
487
|
}
|
|
488
488
|
|
|
489
|
+
// Ignored via go/ees007
|
|
490
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
489
491
|
// TODO disable (not destroy!) pickers until mediaProvider is resolved
|
|
490
492
|
try {
|
|
491
493
|
this.mediaProvider = await mediaProvider;
|
|
492
494
|
|
|
495
|
+
// Ignored via go/ees007
|
|
496
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
493
497
|
// TODO [MS-2038]: remove once context api is removed
|
|
494
498
|
// We want to re assign the view and upload configs if they are missing for backwards compatibility
|
|
495
499
|
// as currently integrators can pass context || mediaClientConfig
|
|
@@ -267,7 +267,7 @@ const createMediaSingleNode = (schema, collection, maxWidth, minWidth, alignLeft
|
|
|
267
267
|
const extendedMediaSingleAttrs = fg('platform_editor_media_extended_resize_experience') ? {
|
|
268
268
|
...mediaSingleAttrs,
|
|
269
269
|
width: getMediaSingleInitialWidth(scaledWidth, maxWidth, minWidth),
|
|
270
|
-
// TODO: change to use enum
|
|
270
|
+
// TODO: ED-26962 - change to use enum
|
|
271
271
|
widthType: 'pixel'
|
|
272
272
|
} : mediaSingleAttrs;
|
|
273
273
|
copyOptionalAttrsFromMediaState(mediaState, mediaNode);
|
|
@@ -16,7 +16,7 @@ export const menuItemDimensions = {
|
|
|
16
16
|
height: 32
|
|
17
17
|
};
|
|
18
18
|
|
|
19
|
-
// TODO: Migrate away from gridSize
|
|
19
|
+
// TODO: ED-26962 - Migrate away from gridSize
|
|
20
20
|
// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
|
|
21
21
|
export const itemSpacing = gridSize() / 2;
|
|
22
22
|
|
|
@@ -171,7 +171,7 @@ class ResizableMediaSingleNext extends React.Component {
|
|
|
171
171
|
};
|
|
172
172
|
});
|
|
173
173
|
_defineProperty(this, "selectCurrentMediaNode", () => {
|
|
174
|
-
// TODO: if adding !this.props.selected, it doesn't work if media single node is at top postion
|
|
174
|
+
// TODO: ED-26962 - if adding !this.props.selected, it doesn't work if media single node is at top postion
|
|
175
175
|
if (this.pos === null) {
|
|
176
176
|
return;
|
|
177
177
|
}
|
|
@@ -354,7 +354,7 @@ class ResizableMediaSingleNext extends React.Component {
|
|
|
354
354
|
return width / height;
|
|
355
355
|
}
|
|
356
356
|
|
|
357
|
-
// TODO handle this case
|
|
357
|
+
// TODO: ED-26962 - handle this case
|
|
358
358
|
return 1;
|
|
359
359
|
}
|
|
360
360
|
get insideInlineLike() {
|
|
@@ -449,7 +449,7 @@ class ResizableMediaSingleNext extends React.Component {
|
|
|
449
449
|
}
|
|
450
450
|
});
|
|
451
451
|
|
|
452
|
-
// TODO: Clean up where this lives and how it gets generated
|
|
452
|
+
// TODO: ED-26962 - Clean up where this lives and how it gets generated
|
|
453
453
|
const className = classnames(richMediaClassName, `image-${layout}`, isResizing ? 'is-resizing' : 'not-resizing', this.props.className, {
|
|
454
454
|
'richMedia-selected': selected,
|
|
455
455
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
@@ -589,7 +589,7 @@ const getAspectRatio = ({
|
|
|
589
589
|
return width / height;
|
|
590
590
|
}
|
|
591
591
|
|
|
592
|
-
// TODO handle this case
|
|
592
|
+
// TODO: ED-26962 - handle this case
|
|
593
593
|
return 1;
|
|
594
594
|
};
|
|
595
595
|
const updateSizeInPluginState = throttle(({
|
|
@@ -702,7 +702,7 @@ export const ResizableMediaSingleNextFunctional = props => {
|
|
|
702
702
|
// while is not resizing, we take 100% as min-width if the container width is less than the min-width
|
|
703
703
|
const minViewWidth = isResizing ? minWidth : `min(${minWidth}px, 100%)`;
|
|
704
704
|
const resizerNextClassName = useMemo(() => {
|
|
705
|
-
// TODO: Clean up where this lives and how it gets generated
|
|
705
|
+
// TODO: ED-26962 - Clean up where this lives and how it gets generated
|
|
706
706
|
const classNameNext = classnames(richMediaClassName, `image-${layout}`, isResizing ? 'is-resizing' : 'not-resizing', className, {
|
|
707
707
|
'richMedia-selected': selected,
|
|
708
708
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
@@ -29,7 +29,7 @@ export const commentButton = (intl, state, api) => {
|
|
|
29
29
|
if (!showCommentForBlockNode(selectMediaNode, VIEW_METHOD.COMMENT_BUTTON, isOpeningMediaCommentFromToolbar)(state, dispatch)) {
|
|
30
30
|
var _selectMediaNode$attr;
|
|
31
31
|
setInlineCommentDraftState(true,
|
|
32
|
-
// TODO: might need to update to reflect it's from media floating toolbar
|
|
32
|
+
// TODO: ED-26962 - might need to update to reflect it's from media floating toolbar
|
|
33
33
|
INPUT_METHOD.FLOATING_TB, 'block', (_selectMediaNode$attr = selectMediaNode.attrs) === null || _selectMediaNode$attr === void 0 ? void 0 : _selectMediaNode$attr.id, isOpeningMediaCommentFromToolbar)(state, dispatch);
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -76,12 +76,12 @@ export const handleShowMediaViewer = ({
|
|
|
76
76
|
api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : api.media.commands.showMediaViewer(selectedNodeAttrs));
|
|
77
77
|
};
|
|
78
78
|
const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi, editorAnalyticsAPI, forceFocusSelector, isViewOnly) => {
|
|
79
|
-
var _mediaPluginState$med;
|
|
79
|
+
var _mediaPluginState$med, _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
|
|
80
80
|
if (isViewOnly) {
|
|
81
81
|
return [];
|
|
82
82
|
}
|
|
83
83
|
const enforceMediaDataSecurityPolicy = mediaPluginState === null || mediaPluginState === void 0 ? void 0 : (_mediaPluginState$med = mediaPluginState.mediaClientConfig) === null || _mediaPluginState$med === void 0 ? void 0 : _mediaPluginState$med.enforceDataSecurityPolicy;
|
|
84
|
-
const disableDownloadButton = typeof enforceMediaDataSecurityPolicy === 'boolean'
|
|
84
|
+
const disableDownloadButton = typeof enforceMediaDataSecurityPolicy === 'boolean' ? enforceMediaDataSecurityPolicy : false;
|
|
85
85
|
const {
|
|
86
86
|
mediaGroup
|
|
87
87
|
} = state.schema.nodes;
|
|
@@ -125,6 +125,7 @@ const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDe
|
|
|
125
125
|
api: pluginInjectionApi
|
|
126
126
|
})) !== null && _handleShowMediaViewe !== void 0 ? _handleShowMediaViewe : false;
|
|
127
127
|
},
|
|
128
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : (_pluginInjectionApi$c3 = _pluginInjectionApi$c2.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.mode) === 'offline',
|
|
128
129
|
supportsViewMode: true
|
|
129
130
|
}, {
|
|
130
131
|
type: 'separator'
|
|
@@ -534,6 +535,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
|
|
|
534
535
|
const selectedMediaSingleNode = getSelectedMediaSingle(state);
|
|
535
536
|
const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
|
|
536
537
|
if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.__fileMimeType)) {
|
|
538
|
+
var _pluginInjectionApi$c4, _pluginInjectionApi$c5, _pluginInjectionApi$c6;
|
|
537
539
|
toolbarButtons.push({
|
|
538
540
|
id: 'editor.media.viewer',
|
|
539
541
|
testId: 'file-preview-toolbar-button',
|
|
@@ -548,6 +550,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
|
|
|
548
550
|
mediaPluginState: pluginState
|
|
549
551
|
})) !== null && _handleShowMediaViewe2 !== void 0 ? _handleShowMediaViewe2 : false;
|
|
550
552
|
},
|
|
553
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c4 = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : (_pluginInjectionApi$c5 = _pluginInjectionApi$c4.sharedState) === null || _pluginInjectionApi$c5 === void 0 ? void 0 : (_pluginInjectionApi$c6 = _pluginInjectionApi$c5.currentState()) === null || _pluginInjectionApi$c6 === void 0 ? void 0 : _pluginInjectionApi$c6.mode) === 'offline',
|
|
551
554
|
supportsViewMode: true
|
|
552
555
|
}, {
|
|
553
556
|
type: 'separator',
|
|
@@ -602,6 +605,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
|
|
|
602
605
|
const selectedMediaSingleNode = getSelectedMediaSingle(state);
|
|
603
606
|
const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
|
|
604
607
|
if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType)) {
|
|
608
|
+
var _pluginInjectionApi$c7, _pluginInjectionApi$c8, _pluginInjectionApi$c9;
|
|
605
609
|
toolbarButtons.push({
|
|
606
610
|
id: 'editor.media.viewer',
|
|
607
611
|
testId: 'file-preview-toolbar-button',
|
|
@@ -616,6 +620,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
|
|
|
616
620
|
mediaPluginState: pluginState
|
|
617
621
|
})) !== null && _handleShowMediaViewe3 !== void 0 ? _handleShowMediaViewe3 : false;
|
|
618
622
|
},
|
|
623
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : (_pluginInjectionApi$c8 = _pluginInjectionApi$c7.sharedState) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : (_pluginInjectionApi$c9 = _pluginInjectionApi$c8.currentState()) === null || _pluginInjectionApi$c9 === void 0 ? void 0 : _pluginInjectionApi$c9.mode) === 'offline',
|
|
619
624
|
supportsViewMode: true
|
|
620
625
|
}, {
|
|
621
626
|
type: 'separator',
|
|
@@ -646,7 +651,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
|
|
|
646
651
|
supportsViewMode: true
|
|
647
652
|
});
|
|
648
653
|
if (allowAdvancedToolBarOptions && allowCommentsOnMedia) {
|
|
649
|
-
// TODO: add separator when overflow menu is added
|
|
654
|
+
// TODO: ED-26962 - add separator when overflow menu is added
|
|
650
655
|
toolbarButtons.push(commentButton(intl, state, pluginInjectionApi));
|
|
651
656
|
}
|
|
652
657
|
return toolbarButtons;
|
|
@@ -770,6 +775,8 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
|
|
|
770
775
|
}, {
|
|
771
776
|
title: 'Resize',
|
|
772
777
|
onClick: () => {
|
|
778
|
+
// Ignored via go/ees007
|
|
779
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
773
780
|
// TODO open resize dialog?
|
|
774
781
|
return true;
|
|
775
782
|
},
|
|
@@ -781,8 +788,8 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
|
|
|
781
788
|
}, {
|
|
782
789
|
title: 'Copy',
|
|
783
790
|
onClick: () => {
|
|
784
|
-
var _pluginInjectionApi$
|
|
785
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$
|
|
791
|
+
var _pluginInjectionApi$c10, _pluginInjectionApi$f5;
|
|
792
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c10 = pluginInjectionApi.core) === null || _pluginInjectionApi$c10 === void 0 ? void 0 : _pluginInjectionApi$c10.actions.execute( // @ts-ignore
|
|
786
793
|
pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f5 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f5 === void 0 ? void 0 : _pluginInjectionApi$f5.commands.copyNode(nodeType));
|
|
787
794
|
return true;
|
|
788
795
|
},
|
|
@@ -239,7 +239,7 @@ const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverDecorati
|
|
|
239
239
|
});
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
// TODO: editor controls move to overflow menu
|
|
242
|
+
// TODO: ED-26961 - editor controls move to overflow menu
|
|
243
243
|
if (editorExperiment('platform_editor_controls', 'control')) {
|
|
244
244
|
inlineImageItems.push({
|
|
245
245
|
type: 'custom',
|
|
@@ -88,7 +88,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
|
|
|
88
88
|
// Because the original code would return NaN on runtime
|
|
89
89
|
// We are just make it explict now.
|
|
90
90
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
91
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
91
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
92
92
|
return NaN;
|
|
93
93
|
}
|
|
94
94
|
return pos + childOffset + 1;
|
|
@@ -140,7 +140,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
|
|
|
140
140
|
// Because the original code would return NaN on runtime
|
|
141
141
|
// We are just make it explict now.
|
|
142
142
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
143
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
143
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
144
144
|
return NaN;
|
|
145
145
|
}
|
|
146
146
|
return pos + idx + 1;
|
|
@@ -218,7 +218,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
|
|
|
218
218
|
// Because the original code would return NaN on runtime
|
|
219
219
|
// We are just make it explict now.
|
|
220
220
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
221
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
221
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
222
222
|
return NaN;
|
|
223
223
|
}
|
|
224
224
|
return pos + 1;
|
|
@@ -57,7 +57,7 @@ var prepareFilmstripItem = function prepareFilmstripItem(_ref) {
|
|
|
57
57
|
// Because the original code would return NaN on runtime
|
|
58
58
|
// We are just make it explict now.
|
|
59
59
|
// We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
|
|
60
|
-
// TODO: ED-13910 prosemirror-bump leftovers
|
|
60
|
+
// TODO: ED-13910 - prosemirror-bump leftovers
|
|
61
61
|
return NaN;
|
|
62
62
|
}
|
|
63
63
|
return pos + idx + 1;
|
|
@@ -524,6 +524,8 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
|
|
|
524
524
|
return mediaProvider;
|
|
525
525
|
case 11:
|
|
526
526
|
this.mediaProvider = _context.sent;
|
|
527
|
+
// Ignored via go/ees007
|
|
528
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
527
529
|
// TODO [MS-2038]: remove once context api is removed
|
|
528
530
|
// We want to re assign the view and upload configs if they are missing for backwards compatibility
|
|
529
531
|
// as currently integrators can pass context || mediaClientConfig
|
|
@@ -257,7 +257,7 @@ var createMediaSingleNode = function createMediaSingleNode(schema, collection, m
|
|
|
257
257
|
} : {};
|
|
258
258
|
var extendedMediaSingleAttrs = fg('platform_editor_media_extended_resize_experience') ? _objectSpread(_objectSpread({}, mediaSingleAttrs), {}, {
|
|
259
259
|
width: getMediaSingleInitialWidth(scaledWidth, maxWidth, minWidth),
|
|
260
|
-
// TODO: change to use enum
|
|
260
|
+
// TODO: ED-26962 - change to use enum
|
|
261
261
|
widthType: 'pixel'
|
|
262
262
|
}) : mediaSingleAttrs;
|
|
263
263
|
copyOptionalAttrsFromMediaState(mediaState, mediaNode);
|
|
@@ -18,7 +18,7 @@ export var menuItemDimensions = {
|
|
|
18
18
|
height: 32
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
// TODO: Migrate away from gridSize
|
|
21
|
+
// TODO: ED-26962 - Migrate away from gridSize
|
|
22
22
|
// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
|
|
23
23
|
export var itemSpacing = gridSize() / 2;
|
|
24
24
|
|
|
@@ -183,7 +183,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
183
183
|
};
|
|
184
184
|
});
|
|
185
185
|
_defineProperty(_this, "selectCurrentMediaNode", function () {
|
|
186
|
-
// TODO: if adding !this.props.selected, it doesn't work if media single node is at top postion
|
|
186
|
+
// TODO: ED-26962 - if adding !this.props.selected, it doesn't work if media single node is at top postion
|
|
187
187
|
if (_this.pos === null) {
|
|
188
188
|
return;
|
|
189
189
|
}
|
|
@@ -390,7 +390,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
390
390
|
return width / height;
|
|
391
391
|
}
|
|
392
392
|
|
|
393
|
-
// TODO handle this case
|
|
393
|
+
// TODO: ED-26962 - handle this case
|
|
394
394
|
return 1;
|
|
395
395
|
}
|
|
396
396
|
}, {
|
|
@@ -528,7 +528,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
|
|
|
528
528
|
}
|
|
529
529
|
});
|
|
530
530
|
|
|
531
|
-
// TODO: Clean up where this lives and how it gets generated
|
|
531
|
+
// TODO: ED-26962 - Clean up where this lives and how it gets generated
|
|
532
532
|
var className = classnames(richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', this.props.className, {
|
|
533
533
|
'richMedia-selected': selected,
|
|
534
534
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
@@ -670,7 +670,7 @@ var getAspectRatio = function getAspectRatio(_ref6) {
|
|
|
670
670
|
return width / height;
|
|
671
671
|
}
|
|
672
672
|
|
|
673
|
-
// TODO handle this case
|
|
673
|
+
// TODO: ED-26962 - handle this case
|
|
674
674
|
return 1;
|
|
675
675
|
};
|
|
676
676
|
var updateSizeInPluginState = throttle(function (_ref7) {
|
|
@@ -790,7 +790,7 @@ export var ResizableMediaSingleNextFunctional = function ResizableMediaSingleNex
|
|
|
790
790
|
// while is not resizing, we take 100% as min-width if the container width is less than the min-width
|
|
791
791
|
var minViewWidth = isResizing ? minWidth : "min(".concat(minWidth, "px, 100%)");
|
|
792
792
|
var resizerNextClassName = useMemo(function () {
|
|
793
|
-
// TODO: Clean up where this lives and how it gets generated
|
|
793
|
+
// TODO: ED-26962 - Clean up where this lives and how it gets generated
|
|
794
794
|
var classNameNext = classnames(richMediaClassName, "image-".concat(layout), isResizing ? 'is-resizing' : 'not-resizing', className, {
|
|
795
795
|
'richMedia-selected': selected,
|
|
796
796
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
@@ -30,7 +30,7 @@ export var commentButton = function commentButton(intl, state, api) {
|
|
|
30
30
|
if (!showCommentForBlockNode(selectMediaNode, VIEW_METHOD.COMMENT_BUTTON, isOpeningMediaCommentFromToolbar)(state, dispatch)) {
|
|
31
31
|
var _selectMediaNode$attr;
|
|
32
32
|
setInlineCommentDraftState(true,
|
|
33
|
-
// TODO: might need to update to reflect it's from media floating toolbar
|
|
33
|
+
// TODO: ED-26962 - might need to update to reflect it's from media floating toolbar
|
|
34
34
|
INPUT_METHOD.FLOATING_TB, 'block', (_selectMediaNode$attr = selectMediaNode.attrs) === null || _selectMediaNode$attr === void 0 ? void 0 : _selectMediaNode$attr.id, isOpeningMediaCommentFromToolbar)(state, dispatch);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -79,12 +79,12 @@ export var handleShowMediaViewer = function handleShowMediaViewer(_ref) {
|
|
|
79
79
|
api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.media.commands.showMediaViewer(selectedNodeAttrs));
|
|
80
80
|
};
|
|
81
81
|
var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi, editorAnalyticsAPI, forceFocusSelector, isViewOnly) {
|
|
82
|
-
var _mediaPluginState$med;
|
|
82
|
+
var _mediaPluginState$med, _pluginInjectionApi$c;
|
|
83
83
|
if (isViewOnly) {
|
|
84
84
|
return [];
|
|
85
85
|
}
|
|
86
86
|
var enforceMediaDataSecurityPolicy = mediaPluginState === null || mediaPluginState === void 0 || (_mediaPluginState$med = mediaPluginState.mediaClientConfig) === null || _mediaPluginState$med === void 0 ? void 0 : _mediaPluginState$med.enforceDataSecurityPolicy;
|
|
87
|
-
var disableDownloadButton = typeof enforceMediaDataSecurityPolicy === 'boolean'
|
|
87
|
+
var disableDownloadButton = typeof enforceMediaDataSecurityPolicy === 'boolean' ? enforceMediaDataSecurityPolicy : false;
|
|
88
88
|
var mediaGroup = state.schema.nodes.mediaGroup;
|
|
89
89
|
var items = [{
|
|
90
90
|
id: 'editor.media.view.switcher.inline',
|
|
@@ -128,6 +128,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
|
|
|
128
128
|
api: pluginInjectionApi
|
|
129
129
|
})) !== null && _handleShowMediaViewe !== void 0 ? _handleShowMediaViewe : false;
|
|
130
130
|
},
|
|
131
|
+
disabled: (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) === 'offline',
|
|
131
132
|
supportsViewMode: true
|
|
132
133
|
}, {
|
|
133
134
|
type: 'separator'
|
|
@@ -522,6 +523,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
522
523
|
var _selectedMediaSingleNode = getSelectedMediaSingle(state);
|
|
523
524
|
var mediaNode = _selectedMediaSingleNode === null || _selectedMediaSingleNode === void 0 ? void 0 : _selectedMediaSingleNode.node.content.firstChild;
|
|
524
525
|
if (!isVideo(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.__fileMimeType)) {
|
|
526
|
+
var _pluginInjectionApi$c2;
|
|
525
527
|
toolbarButtons.push({
|
|
526
528
|
id: 'editor.media.viewer',
|
|
527
529
|
testId: 'file-preview-toolbar-button',
|
|
@@ -536,6 +538,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
536
538
|
mediaPluginState: pluginState
|
|
537
539
|
})) !== null && _handleShowMediaViewe2 !== void 0 ? _handleShowMediaViewe2 : false;
|
|
538
540
|
},
|
|
541
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.sharedState) === null || _pluginInjectionApi$c2 === void 0 || (_pluginInjectionApi$c2 = _pluginInjectionApi$c2.currentState()) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.mode) === 'offline',
|
|
539
542
|
supportsViewMode: true
|
|
540
543
|
}, {
|
|
541
544
|
type: 'separator',
|
|
@@ -590,6 +593,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
590
593
|
var _selectedMediaSingleNode2 = getSelectedMediaSingle(state);
|
|
591
594
|
var _mediaNode = _selectedMediaSingleNode2 === null || _selectedMediaSingleNode2 === void 0 ? void 0 : _selectedMediaSingleNode2.node.content.firstChild;
|
|
592
595
|
if (!isVideo(_mediaNode === null || _mediaNode === void 0 || (_mediaNode$attrs2 = _mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType)) {
|
|
596
|
+
var _pluginInjectionApi$c3;
|
|
593
597
|
toolbarButtons.push({
|
|
594
598
|
id: 'editor.media.viewer',
|
|
595
599
|
testId: 'file-preview-toolbar-button',
|
|
@@ -604,6 +608,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
604
608
|
mediaPluginState: pluginState
|
|
605
609
|
})) !== null && _handleShowMediaViewe3 !== void 0 ? _handleShowMediaViewe3 : false;
|
|
606
610
|
},
|
|
611
|
+
disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c3 = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.sharedState) === null || _pluginInjectionApi$c3 === void 0 || (_pluginInjectionApi$c3 = _pluginInjectionApi$c3.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.mode) === 'offline',
|
|
607
612
|
supportsViewMode: true
|
|
608
613
|
}, {
|
|
609
614
|
type: 'separator',
|
|
@@ -634,7 +639,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
634
639
|
supportsViewMode: true
|
|
635
640
|
});
|
|
636
641
|
if (allowAdvancedToolBarOptions && allowCommentsOnMedia) {
|
|
637
|
-
// TODO: add separator when overflow menu is added
|
|
642
|
+
// TODO: ED-26962 - add separator when overflow menu is added
|
|
638
643
|
toolbarButtons.push(commentButton(intl, state, pluginInjectionApi));
|
|
639
644
|
}
|
|
640
645
|
return toolbarButtons;
|
|
@@ -760,6 +765,8 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
|
|
|
760
765
|
}, {
|
|
761
766
|
title: 'Resize',
|
|
762
767
|
onClick: function onClick() {
|
|
768
|
+
// Ignored via go/ees007
|
|
769
|
+
// eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
|
|
763
770
|
// TODO open resize dialog?
|
|
764
771
|
return true;
|
|
765
772
|
},
|
|
@@ -771,8 +778,8 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
|
|
|
771
778
|
}, {
|
|
772
779
|
title: 'Copy',
|
|
773
780
|
onClick: function onClick() {
|
|
774
|
-
var _pluginInjectionApi$
|
|
775
|
-
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$
|
|
781
|
+
var _pluginInjectionApi$c4, _pluginInjectionApi$f3;
|
|
782
|
+
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 || _pluginInjectionApi$c4.actions.execute( // @ts-ignore
|
|
776
783
|
pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f3 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f3 === void 0 ? void 0 : _pluginInjectionApi$f3.commands.copyNode(nodeType));
|
|
777
784
|
return true;
|
|
778
785
|
},
|
|
@@ -243,7 +243,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
|
|
|
243
243
|
});
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
// TODO: editor controls move to overflow menu
|
|
246
|
+
// TODO: ED-26961 - editor controls move to overflow menu
|
|
247
247
|
if (editorExperiment('platform_editor_controls', 'control')) {
|
|
248
248
|
inlineImageItems.push({
|
|
249
249
|
type: 'custom',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.8",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -38,25 +38,25 @@
|
|
|
38
38
|
"@atlaskit/analytics-namespaced-context": "^7.0.0",
|
|
39
39
|
"@atlaskit/analytics-next": "^11.0.0",
|
|
40
40
|
"@atlaskit/button": "^21.1.0",
|
|
41
|
-
"@atlaskit/editor-common": "^102.
|
|
42
|
-
"@atlaskit/editor-palette": "^2.
|
|
43
|
-
"@atlaskit/editor-plugin-analytics": "^2.
|
|
41
|
+
"@atlaskit/editor-common": "^102.8.0",
|
|
42
|
+
"@atlaskit/editor-palette": "^2.1.0",
|
|
43
|
+
"@atlaskit/editor-plugin-analytics": "^2.2.0",
|
|
44
44
|
"@atlaskit/editor-plugin-annotation": "^2.1.0",
|
|
45
45
|
"@atlaskit/editor-plugin-connectivity": "^2.0.0",
|
|
46
46
|
"@atlaskit/editor-plugin-decorations": "^2.0.0",
|
|
47
47
|
"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
|
|
48
48
|
"@atlaskit/editor-plugin-editor-viewmode": "^3.0.0",
|
|
49
|
-
"@atlaskit/editor-plugin-floating-toolbar": "^3.
|
|
49
|
+
"@atlaskit/editor-plugin-floating-toolbar": "^3.2.0",
|
|
50
50
|
"@atlaskit/editor-plugin-focus": "^1.5.0",
|
|
51
51
|
"@atlaskit/editor-plugin-grid": "^2.0.0",
|
|
52
52
|
"@atlaskit/editor-plugin-guideline": "^2.0.0",
|
|
53
|
-
"@atlaskit/editor-plugin-selection": "^2.
|
|
53
|
+
"@atlaskit/editor-plugin-selection": "^2.1.0",
|
|
54
54
|
"@atlaskit/editor-plugin-width": "^3.0.0",
|
|
55
55
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
56
56
|
"@atlaskit/editor-shared-styles": "^3.4.0",
|
|
57
57
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
58
58
|
"@atlaskit/form": "^12.0.0",
|
|
59
|
-
"@atlaskit/icon": "^
|
|
59
|
+
"@atlaskit/icon": "^25.0.0",
|
|
60
60
|
"@atlaskit/media-card": "^79.0.0",
|
|
61
61
|
"@atlaskit/media-client": "^32.0.0",
|
|
62
62
|
"@atlaskit/media-client-react": "^4.0.0",
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
"@atlaskit/primitives": "^14.1.0",
|
|
70
70
|
"@atlaskit/textfield": "^8.0.0",
|
|
71
71
|
"@atlaskit/theme": "^18.0.0",
|
|
72
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
73
|
-
"@atlaskit/tokens": "^4.
|
|
72
|
+
"@atlaskit/tmp-editor-statsig": "^4.0.0",
|
|
73
|
+
"@atlaskit/tokens": "^4.5.0",
|
|
74
74
|
"@atlaskit/tooltip": "^20.0.0",
|
|
75
75
|
"@babel/runtime": "^7.0.0",
|
|
76
76
|
"@emotion/react": "^11.7.1",
|
|
@@ -164,9 +164,6 @@
|
|
|
164
164
|
},
|
|
165
165
|
"platform_editor_safari_media_clipboard_fix": {
|
|
166
166
|
"type": "boolean"
|
|
167
|
-
},
|
|
168
|
-
"dlp_cc-enforce-attachment-dl-dsp": {
|
|
169
|
-
"type": "boolean"
|
|
170
167
|
}
|
|
171
168
|
},
|
|
172
169
|
"stricter": {
|