@atlaskit/editor-plugin-media 9.4.12 → 9.4.14

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/ui/toolbar/index.js +10 -6
  3. package/dist/es2019/ui/toolbar/index.js +13 -9
  4. package/dist/esm/ui/toolbar/index.js +10 -6
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 9.4.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d23c1256b236c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d23c1256b236c) -
8
+ Disabled image editing for gifs
9
+
10
+ ## 9.4.13
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 9.4.12
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/ui/toolbar/index.js CHANGED
@@ -565,12 +565,14 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
565
565
  }
566
566
  // Image Editing Support
567
567
  if (!!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.mediaEditing) && allowImageEditing && (0, _expValEquals.expValEquals)('platform_editor_add_image_editing', 'isEnabled', true)) {
568
- var _mediaNode$attrs, _mediaNode$attrs2;
568
+ var _mediaNode$attrs, _mediaNode$attrs2, _mediaNode$attrs3;
569
569
  var _selectedMediaSingleNode = (0, _utils2.getSelectedMediaSingle)(state);
570
570
  var mediaNode = _selectedMediaSingleNode === null || _selectedMediaSingleNode === void 0 ? void 0 : _selectedMediaSingleNode.node.content.firstChild;
571
571
  // Disable image editing for external media, as we cannot save changes to external images per CORS policy
572
572
  var isExternal = (mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.type) === 'external';
573
- if (!(0, _mediaSingle.isVideo)(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType) && !isExternal) {
573
+ // Disable image editing for gifs as CropperJS does not support gif editing
574
+ var isGif = (mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType) === 'image/gif';
575
+ if (!(0, _mediaSingle.isVideo)(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs3 = mediaNode.attrs) === null || _mediaNode$attrs3 === void 0 ? void 0 : _mediaNode$attrs3.__fileMimeType) && !isExternal && !isGif) {
574
576
  toolbarButtons.push({
575
577
  id: 'editor.media.edit',
576
578
  testId: 'image-edit-toolbar-button',
@@ -593,10 +595,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
593
595
  }
594
596
  // Preview Support
595
597
  if (allowImagePreview) {
596
- var _mediaNode$attrs3;
598
+ var _mediaNode$attrs4;
597
599
  var _selectedMediaSingleNode2 = (0, _utils2.getSelectedMediaSingle)(state);
598
600
  var _mediaNode = _selectedMediaSingleNode2 === null || _selectedMediaSingleNode2 === void 0 ? void 0 : _selectedMediaSingleNode2.node.content.firstChild;
599
- if (!(0, _mediaSingle.isVideo)(_mediaNode === null || _mediaNode === void 0 || (_mediaNode$attrs3 = _mediaNode.attrs) === null || _mediaNode$attrs3 === void 0 ? void 0 : _mediaNode$attrs3.__fileMimeType)) {
601
+ if (!(0, _mediaSingle.isVideo)(_mediaNode === null || _mediaNode === void 0 || (_mediaNode$attrs4 = _mediaNode.attrs) === null || _mediaNode$attrs4 === void 0 ? void 0 : _mediaNode$attrs4.__fileMimeType)) {
600
602
  var _pluginInjectionApi$c2;
601
603
  toolbarButtons.push({
602
604
  id: 'editor.media.viewer',
@@ -706,12 +708,14 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
706
708
  }
707
709
  }
708
710
  if (allowAdvancedToolBarOptions && allowImageEditing && (0, _expValEquals.expValEquals)('platform_editor_add_image_editing', 'isEnabled', true)) {
709
- var _mediaNode3$attrs, _mediaNode3$attrs2;
711
+ var _mediaNode3$attrs, _mediaNode3$attrs2, _mediaNode3$attrs3;
710
712
  var _selectedMediaSingleNode4 = (0, _utils2.getSelectedMediaSingle)(state);
711
713
  var _mediaNode3 = _selectedMediaSingleNode4 === null || _selectedMediaSingleNode4 === void 0 ? void 0 : _selectedMediaSingleNode4.node.content.firstChild;
712
714
  // Disable image editing for external media, as we cannot save changes to external images per CORS policy
713
715
  var _isExternal = (_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs = _mediaNode3.attrs) === null || _mediaNode3$attrs === void 0 ? void 0 : _mediaNode3$attrs.type) === 'external';
714
- if (!(0, _mediaSingle.isVideo)(_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs2 = _mediaNode3.attrs) === null || _mediaNode3$attrs2 === void 0 ? void 0 : _mediaNode3$attrs2.__fileMimeType) && !_isExternal) {
716
+ // Disable image editing for gifs as CropperJS does not support gif editing
717
+ var _isGif = (_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs2 = _mediaNode3.attrs) === null || _mediaNode3$attrs2 === void 0 ? void 0 : _mediaNode3$attrs2.__fileMimeType) === 'image/gif';
718
+ if (!(0, _mediaSingle.isVideo)(_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs3 = _mediaNode3.attrs) === null || _mediaNode3$attrs3 === void 0 ? void 0 : _mediaNode3$attrs3.__fileMimeType) && !_isExternal && !_isGif) {
715
719
  toolbarButtons.push({
716
720
  id: 'editor.media.edit',
717
721
  testId: 'image-edit-toolbar-button',
package/dist/es2019/ui/toolbar/index.js CHANGED
@@ -564,12 +564,14 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
564
564
  }
565
565
  // Image Editing Support
566
566
  if (!!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.mediaEditing) && allowImageEditing && expValEquals('platform_editor_add_image_editing', 'isEnabled', true)) {
567
- var _mediaNode$attrs, _mediaNode$attrs2;
567
+ var _mediaNode$attrs, _mediaNode$attrs2, _mediaNode$attrs3;
568
568
  const selectedMediaSingleNode = getSelectedMediaSingle(state);
569
569
  const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
570
570
  // Disable image editing for external media, as we cannot save changes to external images per CORS policy
571
571
  const isExternal = (mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.type) === 'external';
572
- if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType) && !isExternal) {
572
+ // Disable image editing for gifs as CropperJS does not support gif editing
573
+ const isGif = (mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType) === 'image/gif';
574
+ if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs3 = mediaNode.attrs) === null || _mediaNode$attrs3 === void 0 ? void 0 : _mediaNode$attrs3.__fileMimeType) && !isExternal && !isGif) {
573
575
  toolbarButtons.push({
574
576
  id: 'editor.media.edit',
575
577
  testId: 'image-edit-toolbar-button',
@@ -592,10 +594,10 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
592
594
  }
593
595
  // Preview Support
594
596
  if (allowImagePreview) {
595
- var _mediaNode$attrs3;
597
+ var _mediaNode$attrs4;
596
598
  const selectedMediaSingleNode = getSelectedMediaSingle(state);
597
599
  const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
598
- if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs3 = mediaNode.attrs) === null || _mediaNode$attrs3 === void 0 ? void 0 : _mediaNode$attrs3.__fileMimeType)) {
600
+ if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs4 = mediaNode.attrs) === null || _mediaNode$attrs4 === void 0 ? void 0 : _mediaNode$attrs4.__fileMimeType)) {
599
601
  var _pluginInjectionApi$c4, _pluginInjectionApi$c5, _pluginInjectionApi$c6;
600
602
  toolbarButtons.push({
601
603
  id: 'editor.media.viewer',
@@ -678,10 +680,10 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
678
680
  } else {
679
681
  // Preview Support
680
682
  if (allowAdvancedToolBarOptions && allowImagePreview) {
681
- var _mediaNode$attrs4;
683
+ var _mediaNode$attrs5;
682
684
  const selectedMediaSingleNode = getSelectedMediaSingle(state);
683
685
  const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
684
- if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs4 = mediaNode.attrs) === null || _mediaNode$attrs4 === void 0 ? void 0 : _mediaNode$attrs4.__fileMimeType)) {
686
+ if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs5 = mediaNode.attrs) === null || _mediaNode$attrs5 === void 0 ? void 0 : _mediaNode$attrs5.__fileMimeType)) {
685
687
  var _pluginInjectionApi$c7, _pluginInjectionApi$c8, _pluginInjectionApi$c9;
686
688
  toolbarButtons.push({
687
689
  id: 'editor.media.viewer',
@@ -705,12 +707,14 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
705
707
  }
706
708
  }
707
709
  if (allowAdvancedToolBarOptions && allowImageEditing && expValEquals('platform_editor_add_image_editing', 'isEnabled', true)) {
708
- var _mediaNode$attrs5, _mediaNode$attrs6;
710
+ var _mediaNode$attrs6, _mediaNode$attrs7, _mediaNode$attrs8;
709
711
  const selectedMediaSingleNode = getSelectedMediaSingle(state);
710
712
  const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
711
713
  // Disable image editing for external media, as we cannot save changes to external images per CORS policy
712
- const isExternal = (mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs5 = mediaNode.attrs) === null || _mediaNode$attrs5 === void 0 ? void 0 : _mediaNode$attrs5.type) === 'external';
713
- if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs6 = mediaNode.attrs) === null || _mediaNode$attrs6 === void 0 ? void 0 : _mediaNode$attrs6.__fileMimeType) && !isExternal) {
714
+ const isExternal = (mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs6 = mediaNode.attrs) === null || _mediaNode$attrs6 === void 0 ? void 0 : _mediaNode$attrs6.type) === 'external';
715
+ // Disable image editing for gifs as CropperJS does not support gif editing
716
+ const isGif = (mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs7 = mediaNode.attrs) === null || _mediaNode$attrs7 === void 0 ? void 0 : _mediaNode$attrs7.__fileMimeType) === 'image/gif';
717
+ if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs8 = mediaNode.attrs) === null || _mediaNode$attrs8 === void 0 ? void 0 : _mediaNode$attrs8.__fileMimeType) && !isExternal && !isGif) {
714
718
  toolbarButtons.push({
715
719
  id: 'editor.media.edit',
716
720
  testId: 'image-edit-toolbar-button',
package/dist/esm/ui/toolbar/index.js CHANGED
@@ -556,12 +556,14 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
556
556
  }
557
557
  // Image Editing Support
558
558
  if (!!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.mediaEditing) && allowImageEditing && expValEquals('platform_editor_add_image_editing', 'isEnabled', true)) {
559
- var _mediaNode$attrs, _mediaNode$attrs2;
559
+ var _mediaNode$attrs, _mediaNode$attrs2, _mediaNode$attrs3;
560
560
  var _selectedMediaSingleNode = getSelectedMediaSingle(state);
561
561
  var mediaNode = _selectedMediaSingleNode === null || _selectedMediaSingleNode === void 0 ? void 0 : _selectedMediaSingleNode.node.content.firstChild;
562
562
  // Disable image editing for external media, as we cannot save changes to external images per CORS policy
563
563
  var isExternal = (mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.type) === 'external';
564
- if (!isVideo(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType) && !isExternal) {
564
+ // Disable image editing for gifs as CropperJS does not support gif editing
565
+ var isGif = (mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs2 = mediaNode.attrs) === null || _mediaNode$attrs2 === void 0 ? void 0 : _mediaNode$attrs2.__fileMimeType) === 'image/gif';
566
+ if (!isVideo(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs3 = mediaNode.attrs) === null || _mediaNode$attrs3 === void 0 ? void 0 : _mediaNode$attrs3.__fileMimeType) && !isExternal && !isGif) {
565
567
  toolbarButtons.push({
566
568
  id: 'editor.media.edit',
567
569
  testId: 'image-edit-toolbar-button',
@@ -584,10 +586,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
584
586
  }
585
587
  // Preview Support
586
588
  if (allowImagePreview) {
587
- var _mediaNode$attrs3;
589
+ var _mediaNode$attrs4;
588
590
  var _selectedMediaSingleNode2 = getSelectedMediaSingle(state);
589
591
  var _mediaNode = _selectedMediaSingleNode2 === null || _selectedMediaSingleNode2 === void 0 ? void 0 : _selectedMediaSingleNode2.node.content.firstChild;
590
- if (!isVideo(_mediaNode === null || _mediaNode === void 0 || (_mediaNode$attrs3 = _mediaNode.attrs) === null || _mediaNode$attrs3 === void 0 ? void 0 : _mediaNode$attrs3.__fileMimeType)) {
592
+ if (!isVideo(_mediaNode === null || _mediaNode === void 0 || (_mediaNode$attrs4 = _mediaNode.attrs) === null || _mediaNode$attrs4 === void 0 ? void 0 : _mediaNode$attrs4.__fileMimeType)) {
591
593
  var _pluginInjectionApi$c2;
592
594
  toolbarButtons.push({
593
595
  id: 'editor.media.viewer',
@@ -697,12 +699,14 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
697
699
  }
698
700
  }
699
701
  if (allowAdvancedToolBarOptions && allowImageEditing && expValEquals('platform_editor_add_image_editing', 'isEnabled', true)) {
700
- var _mediaNode3$attrs, _mediaNode3$attrs2;
702
+ var _mediaNode3$attrs, _mediaNode3$attrs2, _mediaNode3$attrs3;
701
703
  var _selectedMediaSingleNode4 = getSelectedMediaSingle(state);
702
704
  var _mediaNode3 = _selectedMediaSingleNode4 === null || _selectedMediaSingleNode4 === void 0 ? void 0 : _selectedMediaSingleNode4.node.content.firstChild;
703
705
  // Disable image editing for external media, as we cannot save changes to external images per CORS policy
704
706
  var _isExternal = (_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs = _mediaNode3.attrs) === null || _mediaNode3$attrs === void 0 ? void 0 : _mediaNode3$attrs.type) === 'external';
705
- if (!isVideo(_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs2 = _mediaNode3.attrs) === null || _mediaNode3$attrs2 === void 0 ? void 0 : _mediaNode3$attrs2.__fileMimeType) && !_isExternal) {
707
+ // Disable image editing for gifs as CropperJS does not support gif editing
708
+ var _isGif = (_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs2 = _mediaNode3.attrs) === null || _mediaNode3$attrs2 === void 0 ? void 0 : _mediaNode3$attrs2.__fileMimeType) === 'image/gif';
709
+ if (!isVideo(_mediaNode3 === null || _mediaNode3 === void 0 || (_mediaNode3$attrs3 = _mediaNode3.attrs) === null || _mediaNode3$attrs3 === void 0 ? void 0 : _mediaNode3$attrs3.__fileMimeType) && !_isExternal && !_isGif) {
706
710
  toolbarButtons.push({
707
711
  id: 'editor.media.edit',
708
712
  testId: 'image-edit-toolbar-button',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "9.4.12",
3
+ "version": "9.4.14",
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.0.0",
67
67
  "@atlaskit/textfield": "^8.2.0",
68
68
  "@atlaskit/theme": "^21.0.0",
69
- "@atlaskit/tmp-editor-statsig": "^22.0.0",
69
+ "@atlaskit/tmp-editor-statsig": "^23.0.0",
70
70
  "@atlaskit/tokens": "^11.0.0",
71
71
  "@atlaskit/tooltip": "^20.14.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.11.0",
81
+ "@atlaskit/editor-common": "^111.12.0",
82
82
  "@atlaskit/media-core": "^37.0.0",
83
83
  "react": "^18.2.0",
84
84
  "react-dom": "^18.2.0",