@atlaskit/editor-plugin-media 17.2.1 → 17.2.3

package/dist/cjs/ui/toolbar/comments.js

@@ -12,7 +12,7 @@ var _media = require("@atlaskit/editor-common/media");
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("./utils");
 var commentButton = exports.commentButton = function commentButton(intl, state, api, onCommentButtonMount, createCommentExperience) {
@@ -32,10 +32,10 @@ var commentButton = exports.commentButton = function commentButton(intl, state,
       var _api$annotation$actio = api.annotation.actions,
         showCommentForBlockNode = _api$annotation$actio.showCommentForBlockNode,
         setInlineCommentDraftState = _api$annotation$actio.setInlineCommentDraftState;
-      var isOpeningMediaCommentFromToolbar = (0, _platformFeatureFlags.fg)('confluence_frontend_media_scroll_fix') ? true : false;
+      var isOpeningMediaCommentFromToolbar = (0, _fg.fg)('confluence_frontend_media_scroll_fix') ? true : false;
       if (!showCommentForBlockNode(selectMediaNode, _analytics.VIEW_METHOD.COMMENT_BUTTON, isOpeningMediaCommentFromToolbar)(state, dispatch)) {
         var _selectMediaNode$attr;
-        if ((0, _platformFeatureFlags.fg)('confluence_fe_create_inline_comment_exp_coverage_2')) {
+        if ((0, _fg.fg)('confluence_fe_create_inline_comment_exp_coverage_2')) {
           createCommentExperience === null || createCommentExperience === void 0 || createCommentExperience.start({
             attributes: {
               pageClass: 'editor',

package/dist/cjs/ui/toolbar/index.js

@@ -31,9 +31,9 @@ var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
 var _upload = _interopRequireDefault(require("@atlaskit/icon/core/upload"));
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages2 = require("@atlaskit/media-ui/messages");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _styles = require("../../nodeviews/styles");
 var _altText = require("../../pm-plugins/alt-text");
 var _linking = require("../../pm-plugins/commands/linking");
@@ -58,12 +58,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var mediaTypeMessages = {
-  image: _mediaUi.messages.file_image_is_selected,
-  video: _mediaUi.messages.file_video_is_selected,
-  audio: _mediaUi.messages.file_audio_is_selected,
-  doc: _mediaUi.messages.file_doc_is_selected,
-  archive: _mediaUi.messages.file_archive_is_selected,
-  unknown: _mediaUi.messages.file_unknown_is_selected
+  image: _messages2.messages.file_image_is_selected,
+  video: _messages2.messages.file_video_is_selected,
+  audio: _messages2.messages.file_audio_is_selected,
+  doc: _messages2.messages.file_doc_is_selected,
+  archive: _messages2.messages.file_archive_is_selected,
+  unknown: _messages2.messages.file_unknown_is_selected
 };
 var getMediaActionSubject = function getMediaActionSubject(nodeType) {
   switch (nodeType.name) {
@@ -142,7 +142,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     testId: 'file-preview-toolbar-button',
     type: 'button',
     icon: areAnyNewToolbarFlagsEnabled ? _growDiagonal.default : _maximize.default,
-    title: intl.formatMessage(_mediaUi.messages.expand),
+    title: intl.formatMessage(_messages2.messages.expand),
     onClick: function onClick() {
       var _handleShowMediaViewe;
       return (_handleShowMediaViewe = handleShowMediaViewer({
@@ -161,7 +161,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
       (0, _utils2.downloadMedia)(mediaPluginState);
       return true;
     },
-    title: intl.formatMessage(_mediaUi.messages.download),
+    title: intl.formatMessage(_messages2.messages.download),
     disabled: disableDownloadButton
   }, areAnyNewToolbarFlagsEnabled && {
     supportsViewMode: true
@@ -248,7 +248,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
       })
     }];
     var switcherDropdown = {
-      title: intl.formatMessage(_mediaUi.messages.fileDisplayOptions),
+      title: intl.formatMessage(_messages2.messages.fileDisplayOptions),
       id: 'media-group-inline-switcher-toolbar-item',
       testId: 'media-group-inline-switcher-dropdown',
       type: 'dropdown',
@@ -295,7 +295,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     hoverDecoration = _ref3.hoverDecoration;
   var areAnyNewToolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar));
   var disableDownloadButton = (0, _utils2.getIsDownloadDisabledByDataSecurityPolicy)(pluginState);
-  var mauiToolbarSeparatorsUpdateEnabled = (0, _platformFeatureFlags.fg)('cc-maui-toolbar-separators-update') && areAnyNewToolbarFlagsEnabled;
+  var mauiToolbarSeparatorsUpdateEnabled = (0, _fg.fg)('cc-maui-toolbar-separators-update') && areAnyNewToolbarFlagsEnabled;
   if ((0, _imageBorder.shouldShowImageBorder)(state)) {
     toolbarButtons.push({
       type: 'custom',
@@ -382,7 +382,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         }
       }
     };
-    if ((0, _platformFeatureFlags.fg)('platform_editor_remove_media_inline_feature_flag')) {
+    if ((0, _fg.fg)('platform_editor_remove_media_inline_feature_flag')) {
       if (allowMediaInlineImages && selectedNode) {
         addLayoutDropdownToToolbar();
       } else {
@@ -613,7 +613,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             testId: 'file-preview-toolbar-button',
             type: 'button',
             icon: _maximize.default,
-            title: intl.formatMessage(_mediaUi.messages.expand),
+            title: intl.formatMessage(_messages2.messages.expand),
             onClick: function onClick() {
               var _handleShowMediaViewe2;
               return (_handleShowMediaViewe2 = handleShowMediaViewer({
@@ -642,7 +642,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         return true;
       },
       disabled: disableDownloadButton,
-      title: intl.formatMessage(_mediaUi.messages.download),
+      title: intl.formatMessage(_messages2.messages.download),
       supportsViewMode: true
     }].concat((0, _toConsumableArray2.default)(mauiToolbarSeparatorsUpdateEnabled ? [] : [{
       type: 'separator',
@@ -701,7 +701,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
           testId: 'file-preview-toolbar-button',
           type: 'button',
           icon: _growDiagonal.default,
-          title: intl.formatMessage(_mediaUi.messages.expand),
+          title: intl.formatMessage(_messages2.messages.expand),
           onClick: function onClick() {
             var _handleShowMediaViewe3;
             return (_handleShowMediaViewe3 = handleShowMediaViewer({
@@ -781,7 +781,7 @@ var getMediaTypeMessage = function getMediaTypeMessage(selectedNodeTypeSingle) {
   var mediaType = Object.keys(mediaTypeMessages).find(function (key) {
     return selectedNodeTypeSingle === null || selectedNodeTypeSingle === void 0 ? void 0 : selectedNodeTypeSingle.includes(key);
   });
-  return mediaType ? mediaTypeMessages[mediaType] : _mediaUi.messages.file_unknown_is_selected;
+  return mediaType ? mediaTypeMessages[mediaType] : _messages2.messages.file_unknown_is_selected;
 };
 var overflowDropdwonBtnTriggerTestId = exports.overflowDropdwonBtnTriggerTestId = 'media-overflow-dropdown-trigger';
 var isMediaSelection = function isMediaSelection(selection, nodeType) {
@@ -810,7 +810,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
     allowAdvancedToolBarOptions = options.allowAdvancedToolBarOptions,
     allowPixelResizing = options.allowPixelResizing;
   var allowMediaInline = options.allowMediaInline;
-  allowMediaInline = (0, _platformFeatureFlags.fg)('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : allowMediaInline;
+  allowMediaInline = (0, _fg.fg)('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : allowMediaInline;
   var mediaPluginState = _pluginKey.stateKey.getState(state);
   var mediaLinkingState = (0, _linking2.getMediaLinkingState)(state);
   var _ref4 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d4 = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
@@ -900,7 +900,7 @@ var floatingToolbar = exports.floatingToolbar = function floatingToolbar(state,
   }
   if (!mediaPluginState.isResizing && (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar))) {
     var _pluginInjectionApi$a0, _pluginInjectionApi$a1, _pluginInjectionApi$a10;
-    if (!(0, _platformFeatureFlags.fg)('cc-maui-toolbar-separators-update')) {
+    if (!(0, _fg.fg)('cc-maui-toolbar-separators-update')) {
       (0, _utils2.updateToFullHeightSeparator)(items);
     }
     var showReplaceOption = !isViewOnly && mediaPluginState.allowsUploads && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_inline_media_replacement') && selectedNodeType === mediaSingle;

package/dist/cjs/ui/toolbar/layout-group.js

@@ -1,11 +1,12 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LayoutGroup = void 0;
 var _react = require("@emotion/react");
-var _button = require("@atlaskit/button");
+var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _primitives = require("@atlaskit/primitives");
 /**
@@ -26,7 +27,7 @@ var LayoutGroup = exports.LayoutGroup = function LayoutGroup(_ref) {
     areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
   return (0, _react.jsx)(_primitives.Box, {
     xcss: containerStyles
-  }, (0, _react.jsx)(_button.ButtonGroup, null, layoutButtons.map(function (item, idx) {
+  }, (0, _react.jsx)(_buttonGroup.default, null, layoutButtons.map(function (item, idx) {
     switch (item.type) {
       case 'separator':
         return (0, _react.jsx)(_ui.FloatingToolbarSeparator

package/dist/cjs/ui/toolbar/mediaInline.js

@@ -20,8 +20,8 @@ var _imageFullscreen = _interopRequireDefault(require("@atlaskit/icon/core/image
 var _imageInline = _interopRequireDefault(require("@atlaskit/icon/core/image-inline"));
 var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
-var _mediaUi = require("@atlaskit/media-ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _messages2 = require("@atlaskit/media-ui/messages");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _linking = require("../../pm-plugins/commands/linking");
 var _linking2 = require("../../pm-plugins/linking");
 var _currentMediaNode = require("../../pm-plugins/utils/current-media-node");
@@ -50,13 +50,13 @@ var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingTool
   }
   var items = [];
   var areAnyNewToolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar));
-  var mauiToolbarSeparatorsUpdateEnabled = (0, _platformFeatureFlags.fg)('cc-maui-toolbar-separators-update') && areAnyNewToolbarFlagsEnabled;
+  var mauiToolbarSeparatorsUpdateEnabled = (0, _fg.fg)('cc-maui-toolbar-separators-update') && areAnyNewToolbarFlagsEnabled;
   var preview = _objectSpread({
     id: 'editor.media.viewer',
     testId: 'file-preview-toolbar-button',
     type: 'button',
     icon: areAnyNewToolbarFlagsEnabled ? _growDiagonal.default : _maximize.default,
-    title: intl.formatMessage(_mediaUi.messages.expand),
+    title: intl.formatMessage(_messages2.messages.expand),
     onClick: function onClick() {
       var _handleShowMediaViewe;
       return (_handleShowMediaViewe = (0, _index.handleShowMediaViewer)({
@@ -77,7 +77,7 @@ var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingTool
       return true;
     },
     disabled: disableDownloadButton,
-    title: intl.formatMessage(_mediaUi.messages.download)
+    title: intl.formatMessage(_messages2.messages.download)
   }, areAnyNewToolbarFlagsEnabled && {
     supportsViewMode: true
   });
@@ -158,7 +158,7 @@ var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingTool
       })
     }];
     var switcherDropdown = {
-      title: intl.formatMessage(_mediaUi.messages.fileDisplayOptions),
+      title: intl.formatMessage(_messages2.messages.fileDisplayOptions),
       id: 'media-group-inline-switcher-toolbar-item',
       testId: 'media-group-inline-switcher-dropdown',
       type: 'dropdown',
@@ -196,7 +196,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
     allowAltTextOnImages = options.allowAltTextOnImages,
     allowLinking = options.allowLinking,
     allowImagePreview = options.allowImagePreview;
-  var mauiToolbarSeparatorsUpdateEnabled = (0, _platformFeatureFlags.fg)('cc-maui-toolbar-separators-update') && isEditorControlsEnabled;
+  var mauiToolbarSeparatorsUpdateEnabled = (0, _fg.fg)('cc-maui-toolbar-separators-update') && isEditorControlsEnabled;
   if ((0, _imageBorder.shouldShowImageBorder)(state)) {
     inlineImageItems.push({
       type: 'custom',
@@ -240,7 +240,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
       (0, _utils.downloadMedia)(mediaPluginState, options.isViewOnly);
       return true;
     },
-    title: intl.formatMessage(_mediaUi.messages.download),
+    title: intl.formatMessage(_messages2.messages.download),
     supportsViewMode: true
   };
 
@@ -340,7 +340,7 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
       testId: 'file-preview-toolbar-button',
       type: 'button',
       icon: isEditorControlsEnabled ? _growDiagonal.default : _maximize.default,
-      title: intl.formatMessage(_mediaUi.messages.expand),
+      title: intl.formatMessage(_messages2.messages.expand),
       onClick: function onClick() {
         var _handleShowMediaViewe2;
         return (_handleShowMediaViewe2 = (0, _index.handleShowMediaViewer)({

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

@@ -16,8 +16,8 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _imageInline = _interopRequireDefault(require("@atlaskit/icon/core/image-inline"));
 var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
+var _messages2 = require("@atlaskit/media-ui/messages");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _mediaSingle2 = require("../../pm-plugins/utils/media-single");
 var _commands = require("./commands");
@@ -68,7 +68,7 @@ var downloadMedia = exports.downloadMedia = /*#__PURE__*/function () {
             break;
           }
           id = selectedNodeAttrs.id, _selectedNodeAttrs$co = selectedNodeAttrs.collection, collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
-          mediaClient = (0, _mediaClientReact.getMediaClient)(mediaPluginState.mediaClientConfig);
+          mediaClient = (0, _getMediaClient.getMediaClient)(mediaPluginState.mediaClientConfig);
           _context.next = 1;
           return mediaClient.file.getCurrentState(id, {
             collectionName: collection
@@ -246,7 +246,7 @@ var getMediaSingleAndMediaInlineSwitcherDropdown = exports.getMediaSingleAndMedi
   return {
     id: dropdownConfig[nodeType].id,
     testId: 'media-inline-to-block-dropdown',
-    title: intl.formatMessage(_mediaUi.messages.sizeOptions),
+    title: intl.formatMessage(_messages2.messages.sizeOptions),
     type: 'dropdown',
     options: options,
     icon: dropdownConfig[nodeType].icon

package/dist/es2019/mediaPlugin.js

@@ -7,7 +7,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { lazyMediaGroupView } from './nodeviews/lazy-media-group';
 import { lazyMediaInlineView } from './nodeviews/lazy-media-inline';

package/dist/es2019/nodeviews/mediaGroupNext.js

@@ -6,7 +6,7 @@ import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlas
 import EditorCloseIcon from '@atlaskit/icon/core/cross';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { createMediaNodeUpdater } from './mediaNodeUpdater';

package/dist/es2019/nodeviews/mediaInline.js

@@ -11,8 +11,8 @@ import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { MediaInlineCard } from '@atlaskit/media-card';
-import { getMediaClient } from '@atlaskit/media-client-react';
-import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 import { isImage } from '../pm-plugins/utils/is-type';
 import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';

package/dist/es2019/nodeviews/mediaNodeUpdater.js

@@ -6,9 +6,9 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { getAttrsFromUrl, isImageRepresentationReady, isMediaBlobUrl } from '@atlaskit/media-client';
-import { getMediaClient } from '@atlaskit/media-client-react';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 import { getClientIdForFile } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { replaceExternalMedia, updateCurrentMediaNodeAttrs, updateMediaNodeAttrs } from '../pm-plugins/commands/helpers';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { batchMediaNodeAttrsUpdate } from '../pm-plugins/utils/batchMediaNodeAttrs';

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -2,15 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { bind } from 'bind-event-listener';
 import memoizeOne from 'memoize-one';
-import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context/MediaAnalyticsContext';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { setNodeSelection, setTextSelection, withImageLoader } from '@atlaskit/editor-common/utils';
 import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { Card, CardLoading } from '@atlaskit/media-card';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { stateKey as mediaStateKey } from '../../pm-plugins/plugin-key';

package/dist/es2019/nodeviews/styles.js

@@ -7,7 +7,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const MediaSingleNodeSelector = 'media-single-node';
 const absoluteDivStyles = css({
   position: 'absolute',

package/dist/es2019/nodeviews/toDOM-fixes/media.js

@@ -1,6 +1,6 @@
 import { media } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getMediaAttrs } from './toDOMAttrs';
 
 /**

package/dist/es2019/pm-plugins/ai-generating-decoration.js

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 /**

package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -9,7 +9,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { escape, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { altTextMessages as messages } from '@atlaskit/editor-common/media';

package/dist/es2019/pm-plugins/main.js

@@ -18,7 +18,7 @@ import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { isFileIdentifier } from '@atlaskit/media-client';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createMediaNodeUpdater } from '../nodeviews/mediaNodeUpdater';
 // Ignored via go/ees005
 // eslint-disable-next-line import/no-namespace

package/dist/es2019/pm-plugins/picker-facade.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { isImagePreview } from '@atlaskit/media-picker';
+import { isImagePreview } from '@atlaskit/media-picker/preview';
 export default class PickerFacade {
   constructor(pickerType, config, pickerConfig, analyticsName) {
     _defineProperty(this, "onDragListeners", []);

package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js

@@ -7,15 +7,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import { useCallback, useEffect, useMemo, useState, useRef, Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx, css } from '@emotion/react';
-import Button from '@atlaskit/button';
-import { IconButton } from '@atlaskit/button/new';
+import Button from '@atlaskit/button/button';
+import IconButton from '@atlaskit/button/icon/button';
 import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
-import Form, { Field } from '@atlaskit/form';
+import Form from '@atlaskit/form/form';
+import Field from '@atlaskit/form/field';
 import CrossIcon from '@atlaskit/icon/core/cross';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives, @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Inline, Box, Text, xcss } from '@atlaskit/primitives';
-import Textfield from '@atlaskit/textfield';
-import Tooltip from '@atlaskit/tooltip';
+import Textfield from '@atlaskit/textfield/text-field';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { PIXEL_RESIZING_TOOLBAR_WIDTH, PIXEL_VIEW_MODE_TOOLBAR_WIDTH, PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
 import { pixelEntryForm, pixelEntryHiddenSubmit, pixelSizingHeightInput, pixelSizingInput, pixelSizingWidthInput, pixelSizingWrapper } from './styles';
 const pixelSizingLabel = xcss({

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

@@ -1,4 +1,4 @@
-import { getMediaClient } from '@atlaskit/media-client-react';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 export const checkMediaType = async (mediaNode, mediaClientConfig) => {
   if (mediaNode.attrs.type === 'external') {
     return 'external';

package/dist/es2019/pm-plugins/utils/media-inline.js

@@ -2,7 +2,7 @@ import { mediaInlineImagesEnabled } from '@atlaskit/editor-common/media-inline';
 import { isInEmptyLine } from '@atlaskit/editor-common/utils';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { canInsertMediaInline } from '../utils/media-files';
 import { isMediaSingle } from '../utils/media-single';
 import { isImage, isVideo } from './is-type';

package/dist/es2019/pm-plugins/utils/media-single.js

@@ -8,7 +8,7 @@ import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { safeInsert as pmSafeInsert, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { findChangeFromLocation, getChangeMediaAnalytics } from './analytics';
 import { isImage } from './is-type';

package/dist/es2019/ui/ImageBorder/index.js

@@ -19,7 +19,7 @@ import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
 import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
 import { Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, menuItemDimensions, toolbarButtonWrapper } from './styles';
 // New padding for border options drop down
 const dropdownOptionButtonNew = css({

package/dist/es2019/ui/MediaPicker/BrowserWrapper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Browser } from '@atlaskit/media-picker';
+import { BrowserLoader as Browser } from '@atlaskit/media-picker/browser';
 import PickerFacadeProvider from './PickerFacadeProvider';
 export const BrowserWrapper = ({
   api,

package/dist/es2019/ui/MediaPicker/ClipboardWrapper.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Clipboard } from '@atlaskit/media-picker';
+import { ClipboardLoader as Clipboard } from '@atlaskit/media-picker/clipboard';
 import PickerFacadeProvider from './PickerFacadeProvider';
 export const ClipboardWrapper = ({
   api,

package/dist/es2019/ui/MediaPicker/DropzoneWrapper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { Dropzone } from '@atlaskit/media-picker';
+import { DropzoneLoader as Dropzone } from '@atlaskit/media-picker/dropzone';
 import PickerFacadeProvider from './PickerFacadeProvider';
 const selector = states => {
   var _states$mediaState, _states$mediaState2;

package/dist/es2019/ui/toolbar/comments.js

@@ -5,7 +5,7 @@ import { commentMessages as messages } from '@atlaskit/editor-common/media';
 import { annotationMessages } from '@atlaskit/editor-common/messages';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import CommentIcon from '@atlaskit/icon/core/comment';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getSelectedMediaSingle } from './utils';
 export const commentButton = (intl, state, api, onCommentButtonMount, createCommentExperience) => {

package/dist/es2019/ui/toolbar/index.js

@@ -21,9 +21,9 @@ import MaximizeIcon from '@atlaskit/icon/core/maximize';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import UploadIcon from '@atlaskit/icon/core/upload';
 import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { MediaSingleNodeSelector } from '../../nodeviews/styles';
 import { getPluginState as getMediaAltTextPluginState } from '../../pm-plugins/alt-text';
 import { showLinkingToolbar } from '../../pm-plugins/commands/linking';

package/dist/es2019/ui/toolbar/layout-group.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
-import { ButtonGroup } from '@atlaskit/button';
+import ButtonGroup from '@atlaskit/button/button-group';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator } from '@atlaskit/editor-common/ui';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';

package/dist/es2019/ui/toolbar/mediaInline.js

@@ -10,8 +10,8 @@ import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
 import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
 import MaximizeIcon from '@atlaskit/icon/core/maximize';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
-import { messages } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { messages } from '@atlaskit/media-ui/messages';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { showLinkingToolbar } from '../../pm-plugins/commands/linking';
 import { getMediaLinkingState } from '../../pm-plugins/linking';
 import { currentMediaOrInlineNodeBorderMark } from '../../pm-plugins/utils/current-media-node';

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

@@ -7,8 +7,8 @@ import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, r
 import { akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
 import MaximizeIcon from '@atlaskit/icon/core/maximize';
-import { getMediaClient } from '@atlaskit/media-client-react';
-import { messages } from '@atlaskit/media-ui';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
+import { messages } from '@atlaskit/media-ui/messages';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isVideo } from '../../pm-plugins/utils/media-single';
 import { changeMediaInlineToMediaSingle, changeMediaSingleToMediaInline } from './commands';

package/dist/esm/mediaPlugin.js

@@ -10,7 +10,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { lazyMediaGroupView } from './nodeviews/lazy-media-group';
 import { lazyMediaInlineView } from './nodeviews/lazy-media-inline';

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -12,7 +12,7 @@ import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlas
 import EditorCloseIcon from '@atlaskit/icon/core/cross';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { createMediaNodeUpdater } from './mediaNodeUpdater';

package/dist/esm/nodeviews/mediaInline.js

@@ -26,8 +26,8 @@ import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { MediaInlineCard } from '@atlaskit/media-card';
-import { getMediaClient } from '@atlaskit/media-client-react';
-import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 import { isImage } from '../pm-plugins/utils/is-type';
 import { MediaSSRReactContextsProvider } from '../ui/MediaSSRReactContextsProvider';
 import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';

package/dist/esm/nodeviews/mediaNodeUpdater.js

@@ -15,9 +15,9 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { getAttrsFromUrl, isImageRepresentationReady, isMediaBlobUrl as _isMediaBlobUrl } from '@atlaskit/media-client';
-import { getMediaClient } from '@atlaskit/media-client-react';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 import { getClientIdForFile } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { replaceExternalMedia, updateCurrentMediaNodeAttrs, updateMediaNodeAttrs } from '../pm-plugins/commands/helpers';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { batchMediaNodeAttrsUpdate } from '../pm-plugins/utils/batchMediaNodeAttrs';