@atlaskit/editor-plugin-media 10.1.11 → 10.1.12
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 +8 -0
- package/dist/cjs/nodeviews/mediaNodeView/index.js +21 -0
- package/dist/cjs/nodeviews/mediaSingleNext.js +20 -20
- package/dist/es2019/nodeviews/mediaNodeView/index.js +20 -0
- package/dist/es2019/nodeviews/mediaSingleNext.js +20 -20
- package/dist/esm/nodeviews/mediaNodeView/index.js +21 -0
- package/dist/esm/nodeviews/mediaSingleNext.js +20 -20
- package/dist/types/nodeviews/mediaNodeView/index.d.ts +2 -1
- package/dist/types-ts4.5/nodeviews/mediaNodeView/index.d.ts +2 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-media
|
|
2
2
|
|
|
3
|
+
## 10.1.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`1229e42f9f503`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1229e42f9f503) -
|
|
8
|
+
fix layout shift issue and initial size issue on legacy media
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 10.1.11
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -104,6 +104,15 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
104
104
|
if (!mediaSingleNodeParent) {
|
|
105
105
|
return flexibleDimensions;
|
|
106
106
|
}
|
|
107
|
+
if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
|
|
108
|
+
if (_this.hasPxWidthType(mediaSingleNodeParent)) {
|
|
109
|
+
return {
|
|
110
|
+
width: "".concat(mediaSingleNodeParent.attrs.width, "px"),
|
|
111
|
+
height: '100%'
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
return flexibleDimensions;
|
|
115
|
+
}
|
|
107
116
|
|
|
108
117
|
// Compute normal dimensions
|
|
109
118
|
var maxWidth = _this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
|
|
@@ -220,6 +229,18 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
220
229
|
return _editorSharedStyles.akEditorDefaultLayoutWidth;
|
|
221
230
|
}
|
|
222
231
|
}
|
|
232
|
+
}, {
|
|
233
|
+
key: "hasPxWidthType",
|
|
234
|
+
value: function hasPxWidthType(mediaSingleNode) {
|
|
235
|
+
var _mediaSingleNode$attr2 = mediaSingleNode.attrs,
|
|
236
|
+
widthAttr = _mediaSingleNode$attr2.width,
|
|
237
|
+
widthTypeAttr = _mediaSingleNode$attr2.widthType;
|
|
238
|
+
// for extended mediaSingle nodes with width and widthType attributes ( default behaviour )
|
|
239
|
+
if (widthAttr && widthTypeAttr === 'pixel') {
|
|
240
|
+
return true;
|
|
241
|
+
}
|
|
242
|
+
return false;
|
|
243
|
+
}
|
|
223
244
|
}, {
|
|
224
245
|
key: "createDomRef",
|
|
225
246
|
value: function createDomRef() {
|
|
@@ -509,8 +509,8 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
|
|
|
509
509
|
onClick: clickPlaceholder,
|
|
510
510
|
placeholderMessage: mediaOptions.allowImagePreview ? _media.captionMessages.placeholderWithDoubleClickPrompt : _media.captionMessages.placeholder
|
|
511
511
|
})));
|
|
512
|
-
if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
|
|
513
|
-
return mediaOptions.allowPixelResizing ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, {
|
|
512
|
+
if (!(0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) || widthType !== 'pixel' && (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
|
|
513
|
+
return (0, _react2.jsx)(_react.Fragment, null, canResize ? mediaOptions.allowPixelResizing ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, {
|
|
514
514
|
view: view,
|
|
515
515
|
getPos: getPos,
|
|
516
516
|
updateSize: updateSize,
|
|
@@ -530,8 +530,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
|
|
|
530
530
|
mediaSingleWidth: mediaSingleWidth,
|
|
531
531
|
editorAppearance: editorAppearance,
|
|
532
532
|
showLegacyNotification: widthType !== 'pixel',
|
|
533
|
-
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
534
|
-
disableHandles: !canResize
|
|
533
|
+
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
535
534
|
}, MediaChildren) : (0, _react2.jsx)(_ResizableMediaSingle.default, {
|
|
536
535
|
view: view,
|
|
537
536
|
getPos: getPos,
|
|
@@ -551,11 +550,21 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
|
|
|
551
550
|
mediaSingleWidth: mediaSingleWidth,
|
|
552
551
|
editorAppearance: editorAppearance,
|
|
553
552
|
lineLength: contentWidthForLegacyExperience || FALLBACK_MOST_COMMON_WIDTH,
|
|
553
|
+
pctWidth: mediaSingleWidthAttribute
|
|
554
|
+
}, MediaChildren) : (0, _react2.jsx)(_ui.MediaSingle, {
|
|
555
|
+
layout: layout,
|
|
556
|
+
width: width,
|
|
557
|
+
height: height,
|
|
558
|
+
containerWidth: containerWidth,
|
|
559
|
+
fullWidthMode: fullWidthMode,
|
|
560
|
+
hasFallbackContainer: false,
|
|
561
|
+
editorAppearance: editorAppearance,
|
|
554
562
|
pctWidth: mediaSingleWidthAttribute,
|
|
555
|
-
|
|
556
|
-
|
|
563
|
+
lineLength: lineLength || FALLBACK_MOST_COMMON_WIDTH,
|
|
564
|
+
size: legacySize
|
|
565
|
+
}, MediaChildren));
|
|
557
566
|
}
|
|
558
|
-
return
|
|
567
|
+
return mediaOptions.allowPixelResizing ? (0, _react2.jsx)(_ResizableMediaSingleNext.default, {
|
|
559
568
|
view: view,
|
|
560
569
|
getPos: getPos,
|
|
561
570
|
updateSize: updateSize,
|
|
@@ -575,7 +584,8 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
|
|
|
575
584
|
mediaSingleWidth: mediaSingleWidth,
|
|
576
585
|
editorAppearance: editorAppearance,
|
|
577
586
|
showLegacyNotification: widthType !== 'pixel',
|
|
578
|
-
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
587
|
+
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning,
|
|
588
|
+
disableHandles: !canResize
|
|
579
589
|
}, MediaChildren) : (0, _react2.jsx)(_ResizableMediaSingle.default, {
|
|
580
590
|
view: view,
|
|
581
591
|
getPos: getPos,
|
|
@@ -595,17 +605,7 @@ var MediaSingleNodeNext = exports.MediaSingleNodeNext = function MediaSingleNode
|
|
|
595
605
|
mediaSingleWidth: mediaSingleWidth,
|
|
596
606
|
editorAppearance: editorAppearance,
|
|
597
607
|
lineLength: contentWidthForLegacyExperience || FALLBACK_MOST_COMMON_WIDTH,
|
|
598
|
-
pctWidth: mediaSingleWidthAttribute
|
|
599
|
-
}, MediaChildren) : (0, _react2.jsx)(_ui.MediaSingle, {
|
|
600
|
-
layout: layout,
|
|
601
|
-
width: width,
|
|
602
|
-
height: height,
|
|
603
|
-
containerWidth: containerWidth,
|
|
604
|
-
fullWidthMode: fullWidthMode,
|
|
605
|
-
hasFallbackContainer: false,
|
|
606
|
-
editorAppearance: editorAppearance,
|
|
607
608
|
pctWidth: mediaSingleWidthAttribute,
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
}, MediaChildren));
|
|
609
|
+
disableHandles: !canResize
|
|
610
|
+
}, MediaChildren);
|
|
611
611
|
};
|
|
@@ -84,6 +84,15 @@ class MediaNodeView extends SelectionBasedNodeView {
|
|
|
84
84
|
if (!mediaSingleNodeParent) {
|
|
85
85
|
return flexibleDimensions;
|
|
86
86
|
}
|
|
87
|
+
if (expValEquals('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
|
|
88
|
+
if (this.hasPxWidthType(mediaSingleNodeParent)) {
|
|
89
|
+
return {
|
|
90
|
+
width: `${mediaSingleNodeParent.attrs.width}px`,
|
|
91
|
+
height: '100%'
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
return flexibleDimensions;
|
|
95
|
+
}
|
|
87
96
|
|
|
88
97
|
// Compute normal dimensions
|
|
89
98
|
const maxWidth = this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
|
|
@@ -207,6 +216,17 @@ class MediaNodeView extends SelectionBasedNodeView {
|
|
|
207
216
|
return akEditorDefaultLayoutWidth;
|
|
208
217
|
}
|
|
209
218
|
}
|
|
219
|
+
hasPxWidthType(mediaSingleNode) {
|
|
220
|
+
const {
|
|
221
|
+
width: widthAttr,
|
|
222
|
+
widthType: widthTypeAttr
|
|
223
|
+
} = mediaSingleNode.attrs;
|
|
224
|
+
// for extended mediaSingle nodes with width and widthType attributes ( default behaviour )
|
|
225
|
+
if (widthAttr && widthTypeAttr === 'pixel') {
|
|
226
|
+
return true;
|
|
227
|
+
}
|
|
228
|
+
return false;
|
|
229
|
+
}
|
|
210
230
|
createDomRef() {
|
|
211
231
|
const domRef = document.createElement('div');
|
|
212
232
|
if (this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
|
|
@@ -468,8 +468,8 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
|
|
|
468
468
|
onClick: clickPlaceholder,
|
|
469
469
|
placeholderMessage: mediaOptions.allowImagePreview ? captionMessages.placeholderWithDoubleClickPrompt : captionMessages.placeholder
|
|
470
470
|
})));
|
|
471
|
-
if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
|
|
472
|
-
return mediaOptions.allowPixelResizing ? jsx(ResizableMediaSingleNext, {
|
|
471
|
+
if (!expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) || widthType !== 'pixel' && expValEquals('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
|
|
472
|
+
return jsx(Fragment, null, canResize ? mediaOptions.allowPixelResizing ? jsx(ResizableMediaSingleNext, {
|
|
473
473
|
view: view,
|
|
474
474
|
getPos: getPos,
|
|
475
475
|
updateSize: updateSize,
|
|
@@ -489,8 +489,7 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
|
|
|
489
489
|
mediaSingleWidth: mediaSingleWidth,
|
|
490
490
|
editorAppearance: editorAppearance,
|
|
491
491
|
showLegacyNotification: widthType !== 'pixel',
|
|
492
|
-
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
493
|
-
disableHandles: !canResize
|
|
492
|
+
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
494
493
|
}, MediaChildren) : jsx(ResizableMediaSingle, {
|
|
495
494
|
view: view,
|
|
496
495
|
getPos: getPos,
|
|
@@ -510,11 +509,21 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
|
|
|
510
509
|
mediaSingleWidth: mediaSingleWidth,
|
|
511
510
|
editorAppearance: editorAppearance,
|
|
512
511
|
lineLength: contentWidthForLegacyExperience || FALLBACK_MOST_COMMON_WIDTH,
|
|
512
|
+
pctWidth: mediaSingleWidthAttribute
|
|
513
|
+
}, MediaChildren) : jsx(MediaSingle, {
|
|
514
|
+
layout: layout,
|
|
515
|
+
width: width,
|
|
516
|
+
height: height,
|
|
517
|
+
containerWidth: containerWidth,
|
|
518
|
+
fullWidthMode: fullWidthMode,
|
|
519
|
+
hasFallbackContainer: false,
|
|
520
|
+
editorAppearance: editorAppearance,
|
|
513
521
|
pctWidth: mediaSingleWidthAttribute,
|
|
514
|
-
|
|
515
|
-
|
|
522
|
+
lineLength: lineLength || FALLBACK_MOST_COMMON_WIDTH,
|
|
523
|
+
size: legacySize
|
|
524
|
+
}, MediaChildren));
|
|
516
525
|
}
|
|
517
|
-
return
|
|
526
|
+
return mediaOptions.allowPixelResizing ? jsx(ResizableMediaSingleNext, {
|
|
518
527
|
view: view,
|
|
519
528
|
getPos: getPos,
|
|
520
529
|
updateSize: updateSize,
|
|
@@ -534,7 +543,8 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
|
|
|
534
543
|
mediaSingleWidth: mediaSingleWidth,
|
|
535
544
|
editorAppearance: editorAppearance,
|
|
536
545
|
showLegacyNotification: widthType !== 'pixel',
|
|
537
|
-
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
546
|
+
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning,
|
|
547
|
+
disableHandles: !canResize
|
|
538
548
|
}, MediaChildren) : jsx(ResizableMediaSingle, {
|
|
539
549
|
view: view,
|
|
540
550
|
getPos: getPos,
|
|
@@ -554,17 +564,7 @@ export const MediaSingleNodeNext = mediaSingleNodeNextProps => {
|
|
|
554
564
|
mediaSingleWidth: mediaSingleWidth,
|
|
555
565
|
editorAppearance: editorAppearance,
|
|
556
566
|
lineLength: contentWidthForLegacyExperience || FALLBACK_MOST_COMMON_WIDTH,
|
|
557
|
-
pctWidth: mediaSingleWidthAttribute
|
|
558
|
-
}, MediaChildren) : jsx(MediaSingle, {
|
|
559
|
-
layout: layout,
|
|
560
|
-
width: width,
|
|
561
|
-
height: height,
|
|
562
|
-
containerWidth: containerWidth,
|
|
563
|
-
fullWidthMode: fullWidthMode,
|
|
564
|
-
hasFallbackContainer: false,
|
|
565
|
-
editorAppearance: editorAppearance,
|
|
566
567
|
pctWidth: mediaSingleWidthAttribute,
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
}, MediaChildren));
|
|
568
|
+
disableHandles: !canResize
|
|
569
|
+
}, MediaChildren);
|
|
570
570
|
};
|
|
@@ -98,6 +98,15 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
98
98
|
if (!mediaSingleNodeParent) {
|
|
99
99
|
return flexibleDimensions;
|
|
100
100
|
}
|
|
101
|
+
if (expValEquals('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
|
|
102
|
+
if (_this.hasPxWidthType(mediaSingleNodeParent)) {
|
|
103
|
+
return {
|
|
104
|
+
width: "".concat(mediaSingleNodeParent.attrs.width, "px"),
|
|
105
|
+
height: '100%'
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
return flexibleDimensions;
|
|
109
|
+
}
|
|
101
110
|
|
|
102
111
|
// Compute normal dimensions
|
|
103
112
|
var maxWidth = _this.getMaxWidthFromMediaSingleNode(mediaSingleNodeParent);
|
|
@@ -214,6 +223,18 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
|
|
|
214
223
|
return akEditorDefaultLayoutWidth;
|
|
215
224
|
}
|
|
216
225
|
}
|
|
226
|
+
}, {
|
|
227
|
+
key: "hasPxWidthType",
|
|
228
|
+
value: function hasPxWidthType(mediaSingleNode) {
|
|
229
|
+
var _mediaSingleNode$attr2 = mediaSingleNode.attrs,
|
|
230
|
+
widthAttr = _mediaSingleNode$attr2.width,
|
|
231
|
+
widthTypeAttr = _mediaSingleNode$attr2.widthType;
|
|
232
|
+
// for extended mediaSingle nodes with width and widthType attributes ( default behaviour )
|
|
233
|
+
if (widthAttr && widthTypeAttr === 'pixel') {
|
|
234
|
+
return true;
|
|
235
|
+
}
|
|
236
|
+
return false;
|
|
237
|
+
}
|
|
217
238
|
}, {
|
|
218
239
|
key: "createDomRef",
|
|
219
240
|
value: function createDomRef() {
|
|
@@ -503,8 +503,8 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
|
|
|
503
503
|
onClick: clickPlaceholder,
|
|
504
504
|
placeholderMessage: mediaOptions.allowImagePreview ? captionMessages.placeholderWithDoubleClickPrompt : captionMessages.placeholder
|
|
505
505
|
})));
|
|
506
|
-
if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
|
|
507
|
-
return mediaOptions.allowPixelResizing ? jsx(ResizableMediaSingleNext, {
|
|
506
|
+
if (!expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) || widthType !== 'pixel' && expValEquals('platform_editor_media_vc_fixes_patch1', 'isEnabled', true)) {
|
|
507
|
+
return jsx(Fragment, null, canResize ? mediaOptions.allowPixelResizing ? jsx(ResizableMediaSingleNext, {
|
|
508
508
|
view: view,
|
|
509
509
|
getPos: getPos,
|
|
510
510
|
updateSize: updateSize,
|
|
@@ -524,8 +524,7 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
|
|
|
524
524
|
mediaSingleWidth: mediaSingleWidth,
|
|
525
525
|
editorAppearance: editorAppearance,
|
|
526
526
|
showLegacyNotification: widthType !== 'pixel',
|
|
527
|
-
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
528
|
-
disableHandles: !canResize
|
|
527
|
+
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
529
528
|
}, MediaChildren) : jsx(ResizableMediaSingle, {
|
|
530
529
|
view: view,
|
|
531
530
|
getPos: getPos,
|
|
@@ -545,11 +544,21 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
|
|
|
545
544
|
mediaSingleWidth: mediaSingleWidth,
|
|
546
545
|
editorAppearance: editorAppearance,
|
|
547
546
|
lineLength: contentWidthForLegacyExperience || FALLBACK_MOST_COMMON_WIDTH,
|
|
547
|
+
pctWidth: mediaSingleWidthAttribute
|
|
548
|
+
}, MediaChildren) : jsx(MediaSingle, {
|
|
549
|
+
layout: layout,
|
|
550
|
+
width: width,
|
|
551
|
+
height: height,
|
|
552
|
+
containerWidth: containerWidth,
|
|
553
|
+
fullWidthMode: fullWidthMode,
|
|
554
|
+
hasFallbackContainer: false,
|
|
555
|
+
editorAppearance: editorAppearance,
|
|
548
556
|
pctWidth: mediaSingleWidthAttribute,
|
|
549
|
-
|
|
550
|
-
|
|
557
|
+
lineLength: lineLength || FALLBACK_MOST_COMMON_WIDTH,
|
|
558
|
+
size: legacySize
|
|
559
|
+
}, MediaChildren));
|
|
551
560
|
}
|
|
552
|
-
return
|
|
561
|
+
return mediaOptions.allowPixelResizing ? jsx(ResizableMediaSingleNext, {
|
|
553
562
|
view: view,
|
|
554
563
|
getPos: getPos,
|
|
555
564
|
updateSize: updateSize,
|
|
@@ -569,7 +578,8 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
|
|
|
569
578
|
mediaSingleWidth: mediaSingleWidth,
|
|
570
579
|
editorAppearance: editorAppearance,
|
|
571
580
|
showLegacyNotification: widthType !== 'pixel',
|
|
572
|
-
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning
|
|
581
|
+
forceHandlePositioning: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.forceHandlePositioning,
|
|
582
|
+
disableHandles: !canResize
|
|
573
583
|
}, MediaChildren) : jsx(ResizableMediaSingle, {
|
|
574
584
|
view: view,
|
|
575
585
|
getPos: getPos,
|
|
@@ -589,17 +599,7 @@ export var MediaSingleNodeNext = function MediaSingleNodeNext(mediaSingleNodeNex
|
|
|
589
599
|
mediaSingleWidth: mediaSingleWidth,
|
|
590
600
|
editorAppearance: editorAppearance,
|
|
591
601
|
lineLength: contentWidthForLegacyExperience || FALLBACK_MOST_COMMON_WIDTH,
|
|
592
|
-
pctWidth: mediaSingleWidthAttribute
|
|
593
|
-
}, MediaChildren) : jsx(MediaSingle, {
|
|
594
|
-
layout: layout,
|
|
595
|
-
width: width,
|
|
596
|
-
height: height,
|
|
597
|
-
containerWidth: containerWidth,
|
|
598
|
-
fullWidthMode: fullWidthMode,
|
|
599
|
-
hasFallbackContainer: false,
|
|
600
|
-
editorAppearance: editorAppearance,
|
|
601
602
|
pctWidth: mediaSingleWidthAttribute,
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
}, MediaChildren));
|
|
603
|
+
disableHandles: !canResize
|
|
604
|
+
}, MediaChildren);
|
|
605
605
|
};
|
|
@@ -21,6 +21,7 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
|
|
|
21
21
|
private resizeListenerBinding?;
|
|
22
22
|
getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
|
|
23
23
|
getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode): number;
|
|
24
|
+
hasPxWidthType(mediaSingleNode: PMNode): boolean;
|
|
24
25
|
hasResizedListener: () => void;
|
|
25
26
|
createDomRef(): HTMLElement;
|
|
26
27
|
viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
|
|
@@ -32,8 +33,8 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
|
|
|
32
33
|
width: number;
|
|
33
34
|
}) => void;
|
|
34
35
|
getMaxCardDimensions: () => {
|
|
35
|
-
width: string;
|
|
36
36
|
height: string;
|
|
37
|
+
width: string;
|
|
37
38
|
};
|
|
38
39
|
getMediaProviderToUse: (mediaOptions: MediaOptions, mediaProvider?: Promise<MediaProvider>) => Promise<MediaProvider> | undefined;
|
|
39
40
|
renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
|
|
@@ -21,6 +21,7 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
|
|
|
21
21
|
private resizeListenerBinding?;
|
|
22
22
|
getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
|
|
23
23
|
getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode): number;
|
|
24
|
+
hasPxWidthType(mediaSingleNode: PMNode): boolean;
|
|
24
25
|
hasResizedListener: () => void;
|
|
25
26
|
createDomRef(): HTMLElement;
|
|
26
27
|
viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
|
|
@@ -32,8 +33,8 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
|
|
|
32
33
|
width: number;
|
|
33
34
|
}) => void;
|
|
34
35
|
getMaxCardDimensions: () => {
|
|
35
|
-
width: string;
|
|
36
36
|
height: string;
|
|
37
|
+
width: string;
|
|
37
38
|
};
|
|
38
39
|
getMediaProviderToUse: (mediaOptions: MediaOptions, mediaProvider?: Promise<MediaProvider>) => Promise<MediaProvider> | undefined;
|
|
39
40
|
renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-media",
|
|
3
|
-
"version": "10.1.
|
|
3
|
+
"version": "10.1.12",
|
|
4
4
|
"description": "Media plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"@atlaskit/primitives": "^18.1.0",
|
|
67
67
|
"@atlaskit/textfield": "^8.2.0",
|
|
68
68
|
"@atlaskit/theme": "^22.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^53.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^53.1.0",
|
|
70
70
|
"@atlaskit/tokens": "^11.4.0",
|
|
71
71
|
"@atlaskit/tooltip": "^21.1.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": "^112.
|
|
81
|
+
"@atlaskit/editor-common": "^112.16.0",
|
|
82
82
|
"@atlaskit/media-core": "^37.0.0",
|
|
83
83
|
"react": "^18.2.0",
|
|
84
84
|
"react-dom": "^18.2.0",
|