@atlaskit/editor-plugin-media 12.8.3 → 12.9.1

package/dist/esm/pm-plugins/utils/check-media-type.js

@@ -3,45 +3,45 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getMediaClient } from '@atlaskit/media-client-react';
 export var checkMediaType = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaNode, mediaClientConfig) {
-    var fileState;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var fileState, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!(mediaNode.attrs.type === 'external')) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return", 'external');
-        case 2:
+        case 1:
           if (mediaNode.attrs.id) {
-            _context.next = 4;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return");
-        case 4:
-          _context.prev = 4;
-          _context.next = 7;
+        case 2:
+          _context.prev = 2;
+          _context.next = 3;
           return getMediaClient(mediaClientConfig).file.getCurrentState(mediaNode.attrs.id, {
             collectionName: mediaNode.attrs.collection
           });
-        case 7:
+        case 3:
           fileState = _context.sent;
           if (!(fileState && fileState.status !== 'error')) {
-            _context.next = 10;
+            _context.next = 4;
             break;
           }
           return _context.abrupt("return", fileState.mediaType);
-        case 10:
-          _context.next = 14;
+        case 4:
+          _context.next = 6;
           break;
-        case 12:
-          _context.prev = 12;
-          _context.t0 = _context["catch"](4);
-        case 14:
+        case 5:
+          _context.prev = 5;
+          _t = _context["catch"](2);
+        case 6:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[4, 12]]);
+    }, _callee, null, [[2, 5]]);
   }));
   return function checkMediaType(_x, _x2) {
     return _ref.apply(this, arguments);

package/dist/esm/ui/MediaPicker/PickerFacadeProvider.js

@@ -41,48 +41,48 @@ export default function PickerFacadeProvider(_ref) {
     options = _useSharedPluginState.options;
   var handleMediaProvider = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, provider) {
-      var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return provider;
-          case 2:
+          case 1:
             mediaProvider = _context.sent;
             if (!(!mediaProvider || !mediaProvider.uploadParams || !insertFile)) {
-              _context.next = 5;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return");
-          case 5:
-            _context.next = 7;
+          case 2:
+            _context.next = 3;
             return mediaProvider.uploadMediaClientConfig;
-          case 7:
-            _context.t0 = _context.sent;
-            if (_context.t0) {
-              _context.next = 12;
+          case 3:
+            _t = _context.sent;
+            if (_t) {
+              _context.next = 5;
               break;
             }
-            _context.next = 11;
+            _context.next = 4;
             return mediaProvider.viewMediaClientConfig;
-          case 11:
-            _context.t0 = _context.sent;
-          case 12:
-            resolvedMediaClientConfig = _context.t0;
+          case 4:
+            _t = _context.sent;
+          case 5:
+            resolvedMediaClientConfig = _t;
             if (resolvedMediaClientConfig) {
-              _context.next = 15;
+              _context.next = 6;
               break;
             }
             return _context.abrupt("return");
-          case 15:
+          case 6:
             pickerFacadeConfig = {
               mediaClientConfig: resolvedMediaClientConfig,
               errorReporter: (options === null || options === void 0 ? void 0 : options.errorReporter) || new ErrorReporter(),
               featureFlags: mediaOptions && mediaOptions.featureFlags
             };
-            _context.next = 18;
+            _context.next = 7;
             return new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
-          case 18:
+          case 7:
             pickerFacadeInstance = _context.sent;
             pickerFacadeInstance.onNewMedia(insertFile);
             pickerFacadeInstance.setUploadParams(mediaProvider.uploadParams);
@@ -96,7 +96,7 @@ export default function PickerFacadeProvider(_ref) {
                 mediaClientConfig: resolvedMediaClientConfig
               });
             });
-          case 23:
+          case 8:
           case "end":
             return _context.stop();
         }

package/dist/esm/ui/ResizableMediaSingle/index.js

@@ -22,6 +22,7 @@ import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, handleSides, imageA
 import { calculateSnapPoints } from '@atlaskit/editor-common/utils';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { checkMediaType } from '../../pm-plugins/utils/check-media-type';
 import { wrapperStyle } from './styled';
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -131,8 +132,10 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         table = _this$props$view$stat.table,
         expand = _this$props$view$stat.expand,
         nestedExpand = _this$props$view$stat.nestedExpand,
-        panel = _this$props$view$stat.panel;
-      if (_this.$pos && !!findParentNodeOfTypeClosestToPos(_this.$pos, [layoutColumn, table, expand, nestedExpand, panel].filter(Boolean))) {
+        panel = _this$props$view$stat.panel,
+        panel_c1 = _this$props$view$stat.panel_c1;
+      var parentsToHideGridLines = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [layoutColumn, table, expand, nestedExpand, panel, panel_c1].filter(Boolean) : [layoutColumn, table, expand, nestedExpand, panel].filter(Boolean);
+      if (_this.$pos && !!findParentNodeOfTypeClosestToPos(_this.$pos, parentsToHideGridLines)) {
         return [];
       }
       if (snapWidth > akEditorWideLayoutWidth) {
@@ -202,17 +205,17 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
     value: function () {
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var viewMediaClientConfig;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               viewMediaClientConfig = this.props.viewMediaClientConfig;
               if (!viewMediaClientConfig) {
-                _context.next = 4;
+                _context.next = 1;
                 break;
               }
-              _context.next = 4;
+              _context.next = 1;
               return this.checkVideoFile(viewMediaClientConfig);
-            case 4:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -237,39 +240,39 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
     key: "checkVideoFile",
     value: function () {
       var _checkVideoFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(viewMediaClientConfig) {
-        var $pos, mediaNode, mediaType, isVideoFile;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        var $pos, mediaNode, mediaType, isVideoFile, _t;
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               $pos = this.$pos;
               if (!(!$pos || !viewMediaClientConfig)) {
-                _context2.next = 3;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 3:
+            case 1:
               mediaNode = this.props.view.state.doc.nodeAt($pos.pos + 1);
               if (!mediaNode) {
-                _context2.next = 10;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 7;
+              _context2.next = 2;
               return checkMediaType(mediaNode, viewMediaClientConfig);
-            case 7:
-              _context2.t0 = _context2.sent;
-              _context2.next = 11;
+            case 2:
+              _t = _context2.sent;
+              _context2.next = 4;
               break;
-            case 10:
-              _context2.t0 = undefined;
-            case 11:
-              mediaType = _context2.t0;
+            case 3:
+              _t = undefined;
+            case 4:
+              mediaType = _t;
               isVideoFile = mediaType !== 'external' && mediaType !== 'image';
               if (this.state.isVideoFile !== isVideoFile) {
                 this.setState({
                   isVideoFile: isVideoFile
                 });
               }
-            case 14:
+            case 5:
             case "end":
               return _context2.stop();
           }

package/dist/esm/ui/toolbar/utils.js

@@ -49,37 +49,37 @@ export var getIsDownloadDisabledByDataSecurityPolicy = function getIsDownloadDis
 };
 export var downloadMedia = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaPluginState, isViewMode) {
-    var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           selectedNodeAttrs = isViewMode ? getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) : getSelectedMediaContainerNodeAttrs(mediaPluginState);
           if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig && !isExternalMedia(selectedNodeAttrs))) {
-            _context.next = 10;
+            _context.next = 2;
             break;
           }
           id = selectedNodeAttrs.id, _selectedNodeAttrs$co = selectedNodeAttrs.collection, collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
           mediaClient = getMediaClient(mediaPluginState.mediaClientConfig);
-          _context.next = 7;
+          _context.next = 1;
           return mediaClient.file.getCurrentState(id, {
             collectionName: collection
           });
-        case 7:
+        case 1:
           fileState = _context.sent;
           fileName = fileState.status === 'error' ? undefined : fileState.name;
           mediaClient.file.downloadBinary(id, fileName, collection);
-        case 10:
+        case 2:
           return _context.abrupt("return", true);
-        case 13:
-          _context.prev = 13;
-          _context.t0 = _context["catch"](0);
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](0);
           return _context.abrupt("return", false);
-        case 16:
+        case 4:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 13]]);
+    }, _callee, null, [[0, 3]]);
   }));
   return function downloadMedia(_x, _x2) {
     return _ref.apply(this, arguments);

package/dist/types/mediaPluginType.d.ts

@@ -20,6 +20,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { AIGeneratingSource } from './pm-plugins/ai-generating-decoration';
 import type { MediaPluginState } from './pm-plugins/types';
 import type { InsertMediaAsMediaSingle } from './pm-plugins/utils/media-single';
 import type { MediaOptions } from './types';
@@ -91,7 +92,7 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
          * Decorations live in the view layer only and never affect the document model
          * or undo/redo history.
          */
-        setAIGenerating: (mediaId: string) => EditorCommand;
+        setAIGenerating: (mediaId: string, source?: AIGeneratingSource) => EditorCommand;
         showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
         trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
     };

package/dist/types/nodeviews/mediaNodeView/media.d.ts

@@ -49,6 +49,7 @@ export declare class MediaNode extends Component<MediaNodeProps, MediaNodeState>
     private selectMediaSingleFromCard;
     private selectMediaSingle;
     private getMediaSettings;
+    private onPreviewRender;
     private onError;
     /**
      * This function checks if the media node is nested under a certain nodes, and if so,

package/dist/types/pm-plugins/ai-generating-decoration.d.ts

@@ -11,8 +11,10 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
  * document content, serialization, or undo/redo stack.
  */
 export declare const aiGeneratingDecorationPluginKey: PluginKey;
+export type AIGeneratingSource = 'cwr' | 'maui';
 export type AIGeneratingAction = {
     mediaId: string;
+    source?: AIGeneratingSource;
     type: 'SET_GENERATING';
 } | {
     mediaId: string;
@@ -37,7 +39,7 @@ export declare function hasAIGeneratingDecoration(decorations: readonly Decorati
  * );
  * ```
  */
-export declare function setAIGeneratingMeta(tr: Transaction, mediaId: string): Transaction;
+export declare function setAIGeneratingMeta(tr: Transaction, mediaId: string, source?: AIGeneratingSource): Transaction;
 /**
  * Dispatch a transaction that clears the AI-generating decoration for a
  * specific media node.

package/dist/types/pm-plugins/commands.d.ts

@@ -1,6 +1,7 @@
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EditorAnalyticsAPI, InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
+import { type AIGeneratingSource } from '../pm-plugins/ai-generating-decoration';
 export declare const showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
 export declare const hideMediaViewer: EditorCommand;
 export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
@@ -11,7 +12,7 @@ export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
  * Decorations live in the view layer only and never affect the document model
  * or undo/redo history.
  */
-export declare const setAIGenerating: (mediaId: string) => EditorCommand;
+export declare const setAIGenerating: (mediaId: string, source?: AIGeneratingSource) => EditorCommand;
 /**
  * Clears the AI-generating decoration for a specific media node identified by
  * `mediaId`. Removes the AI border visual from that media's NodeView.

package/dist/types/pm-plugins/main.d.ts

@@ -26,6 +26,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     ignoreLinks: boolean;
     waitForMediaUpload: boolean;
     allUploadsFinished: boolean;
+    previewRenderedMediaIds: Set<string>;
     showDropzone: boolean;
     isFullscreen: boolean;
     element?: HTMLElement;

package/dist/types/pm-plugins/types.d.ts

@@ -52,6 +52,7 @@ export interface MediaPluginState {
     options: MediaPluginOptions;
     pickerPromises: Array<Promise<PickerFacade>>;
     pickers: PickerFacade[];
+    previewRenderedMediaIds: Set<string>;
     removeSelectedMediaContainer: () => boolean;
     replaceMediaFileId: string | null;
     replaceMediaTargetDisplayHeight: number | null;

package/dist/types-ts4.5/mediaPluginType.d.ts

@@ -20,6 +20,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { AIGeneratingSource } from './pm-plugins/ai-generating-decoration';
 import type { MediaPluginState } from './pm-plugins/types';
 import type { InsertMediaAsMediaSingle } from './pm-plugins/utils/media-single';
 import type { MediaOptions } from './types';
@@ -91,7 +92,7 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
          * Decorations live in the view layer only and never affect the document model
          * or undo/redo history.
          */
-        setAIGenerating: (mediaId: string) => EditorCommand;
+        setAIGenerating: (mediaId: string, source?: AIGeneratingSource) => EditorCommand;
         showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
         trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
     };

package/dist/types-ts4.5/nodeviews/mediaNodeView/media.d.ts

@@ -49,6 +49,7 @@ export declare class MediaNode extends Component<MediaNodeProps, MediaNodeState>
     private selectMediaSingleFromCard;
     private selectMediaSingle;
     private getMediaSettings;
+    private onPreviewRender;
     private onError;
     /**
      * This function checks if the media node is nested under a certain nodes, and if so,

package/dist/types-ts4.5/pm-plugins/ai-generating-decoration.d.ts

@@ -11,8 +11,10 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
  * document content, serialization, or undo/redo stack.
  */
 export declare const aiGeneratingDecorationPluginKey: PluginKey;
+export type AIGeneratingSource = 'cwr' | 'maui';
 export type AIGeneratingAction = {
     mediaId: string;
+    source?: AIGeneratingSource;
     type: 'SET_GENERATING';
 } | {
     mediaId: string;
@@ -37,7 +39,7 @@ export declare function hasAIGeneratingDecoration(decorations: readonly Decorati
  * );
  * ```
  */
-export declare function setAIGeneratingMeta(tr: Transaction, mediaId: string): Transaction;
+export declare function setAIGeneratingMeta(tr: Transaction, mediaId: string, source?: AIGeneratingSource): Transaction;
 /**
  * Dispatch a transaction that clears the AI-generating decoration for a
  * specific media node.

package/dist/types-ts4.5/pm-plugins/commands.d.ts

@@ -1,6 +1,7 @@
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EditorAnalyticsAPI, InputMethodInsertMedia, InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { EditorCommand } from '@atlaskit/editor-common/types';
+import { type AIGeneratingSource } from '../pm-plugins/ai-generating-decoration';
 export declare const showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
 export declare const hideMediaViewer: EditorCommand;
 export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
@@ -11,7 +12,7 @@ export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
  * Decorations live in the view layer only and never affect the document model
  * or undo/redo history.
  */
-export declare const setAIGenerating: (mediaId: string) => EditorCommand;
+export declare const setAIGenerating: (mediaId: string, source?: AIGeneratingSource) => EditorCommand;
 /**
  * Clears the AI-generating decoration for a specific media node identified by
  * `mediaId`. Removes the AI border visual from that media's NodeView.

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -26,6 +26,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     ignoreLinks: boolean;
     waitForMediaUpload: boolean;
     allUploadsFinished: boolean;
+    previewRenderedMediaIds: Set<string>;
     showDropzone: boolean;
     isFullscreen: boolean;
     element?: HTMLElement;

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -52,6 +52,7 @@ export interface MediaPluginState {
     options: MediaPluginOptions;
     pickerPromises: Array<Promise<PickerFacade>>;
     pickers: PickerFacade[];
+    previewRenderedMediaIds: Set<string>;
     removeSelectedMediaContainer: () => boolean;
     replaceMediaFileId: string | null;
     replaceMediaTargetDisplayHeight: number | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "12.8.3",
+	"version": "12.9.1",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.14.0",
+		"@atlaskit/adf-schema": "^52.15.0",
 		"@atlaskit/analytics-namespaced-context": "^7.3.0",
 		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.11.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/icon-lab": "^6.12.0",
-		"@atlaskit/media-card": "^80.5.0",
+		"@atlaskit/media-card": "^80.6.0",
 		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-client-react": "^5.1.0",
 		"@atlaskit/media-common": "^13.3.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^84.0.0",
+		"@atlaskit/tmp-editor-statsig": "^84.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -77,7 +77,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.47.0",
+		"@atlaskit/editor-common": "^114.49.0",
 		"@atlaskit/media-core": "^37.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -120,6 +120,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"aifc_page_create_with_rovo_include_infographics": {
+			"type": "boolean"
+		},
 		"platform_media_cross_client_copy": {
 			"type": "boolean"
 		},