@atlaskit/editor-plugin-media 9.3.0 → 9.3.2
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 +17 -0
- package/dist/cjs/nodeviews/mediaNodeView/index.js +5 -1
- package/dist/cjs/pm-plugins/main.js +10 -4
- package/dist/cjs/ui/toolbar/index.js +4 -1
- package/dist/es2019/nodeviews/mediaNodeView/index.js +5 -1
- package/dist/es2019/pm-plugins/main.js +9 -3
- package/dist/es2019/ui/toolbar/index.js +4 -1
- package/dist/esm/nodeviews/mediaNodeView/index.js +5 -1
- package/dist/esm/pm-plugins/main.js +10 -4
- package/dist/esm/ui/toolbar/index.js +4 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 9.3.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`f0aa021b562bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0aa021b562bb) -
|
|
8
|
+
Updated with default media provider and handle optional view in media state
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 9.3.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`17e77ddc106cc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/17e77ddc106cc) -
|
|
16
|
+
Added basic image modal tests for editor-plugin-media-editing Added image-edit-toolbar-button into
|
|
17
|
+
the editor media testing toolbar Imported media editing plugin into the editor test helper
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 9.3.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
|
@@ -145,6 +145,10 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
145
145
|
height: height
|
|
146
146
|
};
|
|
147
147
|
var isSelectedAndInteracted = _this.nodeInsideSelection() && interactionState !== 'hasNotHadInteraction';
|
|
148
|
+
var mediaProviderToUse = mediaProvider;
|
|
149
|
+
if (!mediaProviderToUse && (0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true)) {
|
|
150
|
+
mediaProviderToUse = mediaOptions.syncProvider ? Promise.resolve(mediaOptions.syncProvider) : mediaOptions.provider;
|
|
151
|
+
}
|
|
148
152
|
return /*#__PURE__*/_react.default.createElement(_media.default, {
|
|
149
153
|
api: pluginInjectionApi,
|
|
150
154
|
view: _this.view,
|
|
@@ -154,7 +158,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
154
158
|
originalDimensions: originalDimensions,
|
|
155
159
|
maxDimensions: maxDimensions,
|
|
156
160
|
url: url,
|
|
157
|
-
mediaProvider:
|
|
161
|
+
mediaProvider: mediaProviderToUse,
|
|
158
162
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
159
163
|
mediaOptions: mediaOptions,
|
|
160
164
|
onExternalImageLoaded: _this.onExternalImageLoaded,
|
|
@@ -418,7 +418,13 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
|
|
|
418
418
|
return true;
|
|
419
419
|
});
|
|
420
420
|
(0, _defineProperty2.default)(this, "selectedMediaContainerNode", function () {
|
|
421
|
-
var selection
|
|
421
|
+
var selection;
|
|
422
|
+
if ((0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true)) {
|
|
423
|
+
var _this$view;
|
|
424
|
+
selection = (_this$view = _this.view) === null || _this$view === void 0 || (_this$view = _this$view.state) === null || _this$view === void 0 ? void 0 : _this$view.selection;
|
|
425
|
+
} else {
|
|
426
|
+
selection = _this.view.state.selection;
|
|
427
|
+
}
|
|
422
428
|
if (selection instanceof _state2.NodeSelection && _this.isMediaSchemaNode(selection.node)) {
|
|
423
429
|
return selection.node;
|
|
424
430
|
}
|
|
@@ -430,9 +436,9 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
|
|
|
430
436
|
return;
|
|
431
437
|
}
|
|
432
438
|
_this.showDropzone = isActive;
|
|
433
|
-
var _this$
|
|
434
|
-
dispatch = _this$
|
|
435
|
-
state = _this$
|
|
439
|
+
var _this$view2 = _this.view,
|
|
440
|
+
dispatch = _this$view2.dispatch,
|
|
441
|
+
state = _this$view2.state;
|
|
436
442
|
var tr = state.tr,
|
|
437
443
|
selection = state.selection,
|
|
438
444
|
doc = state.doc;
|
|
@@ -582,7 +582,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
582
582
|
mediaPluginState: pluginState
|
|
583
583
|
})) !== null && _handleShowImageEdito !== void 0 ? _handleShowImageEdito : false;
|
|
584
584
|
},
|
|
585
|
-
|
|
585
|
+
// Making the button more accessible
|
|
586
|
+
supportsViewMode: false,
|
|
587
|
+
isRadioButton: true,
|
|
588
|
+
selected: false
|
|
586
589
|
});
|
|
587
590
|
}
|
|
588
591
|
}
|
|
@@ -134,6 +134,10 @@ class MediaNodeView extends SelectionBasedNodeView {
|
|
|
134
134
|
height
|
|
135
135
|
};
|
|
136
136
|
const isSelectedAndInteracted = this.nodeInsideSelection() && interactionState !== 'hasNotHadInteraction';
|
|
137
|
+
let mediaProviderToUse = mediaProvider;
|
|
138
|
+
if (!mediaProviderToUse && expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
|
|
139
|
+
mediaProviderToUse = mediaOptions.syncProvider ? Promise.resolve(mediaOptions.syncProvider) : mediaOptions.provider;
|
|
140
|
+
}
|
|
137
141
|
return /*#__PURE__*/React.createElement(MediaNode, {
|
|
138
142
|
api: pluginInjectionApi,
|
|
139
143
|
view: this.view,
|
|
@@ -143,7 +147,7 @@ class MediaNodeView extends SelectionBasedNodeView {
|
|
|
143
147
|
originalDimensions: originalDimensions,
|
|
144
148
|
maxDimensions: maxDimensions,
|
|
145
149
|
url: url,
|
|
146
|
-
mediaProvider:
|
|
150
|
+
mediaProvider: mediaProviderToUse,
|
|
147
151
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
148
152
|
mediaOptions: mediaOptions,
|
|
149
153
|
onExternalImageLoaded: this.onExternalImageLoaded,
|
|
@@ -389,9 +389,15 @@ export class MediaPluginStateImplementation {
|
|
|
389
389
|
return true;
|
|
390
390
|
});
|
|
391
391
|
_defineProperty(this, "selectedMediaContainerNode", () => {
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
392
|
+
let selection;
|
|
393
|
+
if (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
|
|
394
|
+
var _this$view, _this$view$state;
|
|
395
|
+
selection = (_this$view = this.view) === null || _this$view === void 0 ? void 0 : (_this$view$state = _this$view.state) === null || _this$view$state === void 0 ? void 0 : _this$view$state.selection;
|
|
396
|
+
} else {
|
|
397
|
+
({
|
|
398
|
+
selection
|
|
399
|
+
} = this.view.state);
|
|
400
|
+
}
|
|
395
401
|
if (selection instanceof NodeSelection && this.isMediaSchemaNode(selection.node)) {
|
|
396
402
|
return selection.node;
|
|
397
403
|
}
|
|
@@ -581,7 +581,10 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
|
|
|
581
581
|
mediaPluginState: pluginState
|
|
582
582
|
})) !== null && _handleShowImageEdito !== void 0 ? _handleShowImageEdito : false;
|
|
583
583
|
},
|
|
584
|
-
|
|
584
|
+
// Making the button more accessible
|
|
585
|
+
supportsViewMode: false,
|
|
586
|
+
isRadioButton: true,
|
|
587
|
+
selected: false
|
|
585
588
|
});
|
|
586
589
|
}
|
|
587
590
|
}
|
|
@@ -139,6 +139,10 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
139
139
|
height: height
|
|
140
140
|
};
|
|
141
141
|
var isSelectedAndInteracted = _this.nodeInsideSelection() && interactionState !== 'hasNotHadInteraction';
|
|
142
|
+
var mediaProviderToUse = mediaProvider;
|
|
143
|
+
if (!mediaProviderToUse && expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
|
|
144
|
+
mediaProviderToUse = mediaOptions.syncProvider ? Promise.resolve(mediaOptions.syncProvider) : mediaOptions.provider;
|
|
145
|
+
}
|
|
142
146
|
return /*#__PURE__*/React.createElement(MediaNode, {
|
|
143
147
|
api: pluginInjectionApi,
|
|
144
148
|
view: _this.view,
|
|
@@ -148,7 +152,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
148
152
|
originalDimensions: originalDimensions,
|
|
149
153
|
maxDimensions: maxDimensions,
|
|
150
154
|
url: url,
|
|
151
|
-
mediaProvider:
|
|
155
|
+
mediaProvider: mediaProviderToUse,
|
|
152
156
|
contextIdentifierProvider: contextIdentifierProvider,
|
|
153
157
|
mediaOptions: mediaOptions,
|
|
154
158
|
onExternalImageLoaded: _this.onExternalImageLoaded,
|
|
@@ -410,7 +410,13 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
|
|
|
410
410
|
return true;
|
|
411
411
|
});
|
|
412
412
|
_defineProperty(this, "selectedMediaContainerNode", function () {
|
|
413
|
-
var selection
|
|
413
|
+
var selection;
|
|
414
|
+
if (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
|
|
415
|
+
var _this$view;
|
|
416
|
+
selection = (_this$view = _this.view) === null || _this$view === void 0 || (_this$view = _this$view.state) === null || _this$view === void 0 ? void 0 : _this$view.selection;
|
|
417
|
+
} else {
|
|
418
|
+
selection = _this.view.state.selection;
|
|
419
|
+
}
|
|
414
420
|
if (selection instanceof NodeSelection && _this.isMediaSchemaNode(selection.node)) {
|
|
415
421
|
return selection.node;
|
|
416
422
|
}
|
|
@@ -422,9 +428,9 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
|
|
|
422
428
|
return;
|
|
423
429
|
}
|
|
424
430
|
_this.showDropzone = isActive;
|
|
425
|
-
var _this$
|
|
426
|
-
dispatch = _this$
|
|
427
|
-
state = _this$
|
|
431
|
+
var _this$view2 = _this.view,
|
|
432
|
+
dispatch = _this$view2.dispatch,
|
|
433
|
+
state = _this$view2.state;
|
|
428
434
|
var tr = state.tr,
|
|
429
435
|
selection = state.selection,
|
|
430
436
|
doc = state.doc;
|
|
@@ -573,7 +573,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
|
|
|
573
573
|
mediaPluginState: pluginState
|
|
574
574
|
})) !== null && _handleShowImageEdito !== void 0 ? _handleShowImageEdito : false;
|
|
575
575
|
},
|
|
576
|
-
|
|
576
|
+
// Making the button more accessible
|
|
577
|
+
supportsViewMode: false,
|
|
578
|
+
isRadioButton: true,
|
|
579
|
+
selected: false
|
|
577
580
|
});
|
|
578
581
|
}
|
|
579
582
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "9.3.
|
|
3
|
+
"version": "9.3.2",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -51,22 +51,22 @@
|
|
|
51
51
|
"@atlaskit/editor-prosemirror": "^7.2.0",
|
|
52
52
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
53
53
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
54
|
-
"@atlaskit/form": "^15.
|
|
54
|
+
"@atlaskit/form": "^15.3.0",
|
|
55
55
|
"@atlaskit/icon": "^29.4.0",
|
|
56
|
-
"@atlaskit/icon-lab": "^5.
|
|
57
|
-
"@atlaskit/media-card": "^79.
|
|
56
|
+
"@atlaskit/icon-lab": "^5.14.0",
|
|
57
|
+
"@atlaskit/media-card": "^79.13.0",
|
|
58
58
|
"@atlaskit/media-client": "^35.7.0",
|
|
59
59
|
"@atlaskit/media-client-react": "^4.1.0",
|
|
60
60
|
"@atlaskit/media-common": "^12.3.0",
|
|
61
61
|
"@atlaskit/media-filmstrip": "^51.1.0",
|
|
62
62
|
"@atlaskit/media-picker": "^70.1.0",
|
|
63
63
|
"@atlaskit/media-ui": "^28.7.0",
|
|
64
|
-
"@atlaskit/media-viewer": "^52.
|
|
64
|
+
"@atlaskit/media-viewer": "^52.6.0",
|
|
65
65
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
66
66
|
"@atlaskit/primitives": "^17.0.0",
|
|
67
67
|
"@atlaskit/textfield": "^8.2.0",
|
|
68
68
|
"@atlaskit/theme": "^21.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^16.11.0",
|
|
70
70
|
"@atlaskit/tokens": "^9.1.0",
|
|
71
71
|
"@atlaskit/tooltip": "^20.12.0",
|
|
72
72
|
"@babel/runtime": "^7.0.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"uuid": "^3.1.0"
|
|
79
79
|
},
|
|
80
80
|
"peerDependencies": {
|
|
81
|
-
"@atlaskit/editor-common": "^111.
|
|
81
|
+
"@atlaskit/editor-common": "^111.7.0",
|
|
82
82
|
"@atlaskit/media-core": "^37.0.0",
|
|
83
83
|
"react": "^18.2.0",
|
|
84
84
|
"react-dom": "^18.2.0",
|