@atlaskit/editor-plugin-media 17.2.2 → 17.2.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-media
 
+## 17.2.3
+
+### Patch Changes
+
+- [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
+  VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
+  voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
+  changes.
+- Updated dependencies
+
 ## 17.2.2
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -16,7 +16,7 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _lazyMediaGroup = require("./nodeviews/lazy-media-group");
 var _lazyMediaInline = require("./nodeviews/lazy-media-inline");
@@ -197,7 +197,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
         allowCaptions = _ref5.allowCaptions,
         allowMediaInlineImages = _ref5.allowMediaInlineImages,
         mediaFeatureFlags = _ref5.featureFlags;
-      var allowMediaInline = (0, _platformFeatureFlags.fg)('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaFeatureFlags);
+      var allowMediaInline = (0, _fg.fg)('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaFeatureFlags);
       var mediaSingleOption = {
         withCaption: allowCaptions,
         withExtendedWidthTypes: allowPixelResizing

package/dist/cjs/nodeviews/mediaGroupNext.js

@@ -18,7 +18,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
@@ -98,7 +98,7 @@ var prepareFilmstripItem = function prepareFilmstripItem(_ref) {
       onClick: function onClick() {
         setMediaGroupNodeSelection(getNodePos());
       }
-    }, mediaInlineOptions((0, _platformFeatureFlags.fg)('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', featureFlags)));
+    }, mediaInlineOptions((0, _fg.fg)('platform_editor_remove_media_inline_feature_flag') ? allowMediaInlineImages : (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', featureFlags)));
   };
 };
 

package/dist/cjs/nodeviews/mediaInline.js

@@ -22,8 +22,8 @@ var _mediaInline = require("@atlaskit/editor-common/media-inline");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-node-view");
 var _mediaCard = require("@atlaskit/media-card");
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
+var _LoadingView = require("@atlaskit/media-ui/LoadingView");
 var _isType = require("../pm-plugins/utils/is-type");
 var _MediaSSRReactContextsProvider = require("../ui/MediaSSRReactContextsProvider");
 var _MediaViewerContainer = require("../ui/MediaViewer/MediaViewerContainer");
@@ -185,7 +185,7 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
    * before the prerequisites meet
    */
   if (!viewMediaClientConfig || isNodeScopeUnsync) {
-    return (0, _react2.jsx)(_mediaUi.MediaInlineCardLoadingView, {
+    return (0, _react2.jsx)(_LoadingView.MediaInlineCardLoadingView, {
       message: "",
       isSelected: false
     });
@@ -196,7 +196,7 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
   });
   if (allowInlineImages && (0, _isType.isImage)(type)) {
     return (0, _react2.jsx)(_mediaInline.MediaInlineImageCard, {
-      mediaClient: (0, _mediaClientReact.getMediaClient)(viewMediaClientConfig),
+      mediaClient: (0, _getMediaClient.getMediaClient)(viewMediaClientConfig),
       identifier: identifier,
       isSelected: props.isSelected,
       alt: alt,

package/dist/cjs/nodeviews/mediaNodeUpdater.js

@@ -17,9 +17,9 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _mediaClient = require("@atlaskit/media-client");
-var _mediaClientReact = require("@atlaskit/media-client-react");
+var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _helpers = require("../pm-plugins/commands/helpers");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _batchMediaNodeAttrs = require("../pm-plugins/utils/batchMediaNodeAttrs");
@@ -122,7 +122,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
             return _context3.abrupt("return");
           case 2:
             mediaClientConfig = mediaProvider.viewMediaClientConfig;
-            mediaClient = (0, _mediaClientReact.getMediaClient)(mediaClientConfig);
+            mediaClient = (0, _getMediaClient.getMediaClient)(mediaClientConfig);
             id = attrs.id, collectionName = attrs.collection;
             _context3.prev = 3;
             _context3.next = 4;
@@ -274,7 +274,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               }
               return _context7.abrupt("return");
             case 3:
-              mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
+              mediaClient = (0, _getMediaClient.getMediaClient)(uploadMediaClientConfig);
               collection = mediaProvider.uploadParams && mediaProvider.uploadParams.collection;
               _context7.prev = 4;
               _context7.next = 5;
@@ -521,7 +521,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
             case 3:
               _context1.prev = 3;
               _t5 = _context1["catch"](1);
-              if (!(0, _platformFeatureFlags.fg)('platform_media_cross_client_copy')) {
+              if (!(0, _fg.fg)('platform_media_cross_client_copy')) {
                 _context1.next = 5;
                 break;
               }
@@ -586,7 +586,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               }
               return _context10.abrupt("return");
             case 5:
-              mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
+              mediaClient = (0, _getMediaClient.getMediaClient)(uploadMediaClientConfig);
               getAuthFromContext = uploadMediaClientConfig.getAuthFromContext;
               _context10.next = 6;
               return _this.handleCopyFileSwitcher({
@@ -597,7 +597,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
                   authProvider: function authProvider() {
                     return getAuthFromContext(contextId);
                   },
-                  clientId: (0, _platformFeatureFlags.fg)('platform_media_cross_client_copy_with_auth') ? clientId : undefined
+                  clientId: (0, _fg.fg)('platform_media_cross_client_copy_with_auth') ? clientId : undefined
                 },
                 destination: {
                   collection: currentCollectionName,
@@ -732,8 +732,8 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               }
               return _context13.abrupt("return");
             case 3:
-              mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
-              clientId = (0, _platformFeatureFlags.fg)('platform_media_cross_client_copy_with_auth') ? (0, _mediaCommon.getClientIdForFile)(id) : undefined;
+              mediaClient = (0, _getMediaClient.getMediaClient)(uploadMediaClientConfig);
+              clientId = (0, _fg.fg)('platform_media_cross_client_copy_with_auth') ? (0, _mediaCommon.getClientIdForFile)(id) : undefined;
               currentCollectionName = mediaProvider.uploadParams.collection;
               _context13.next = 4;
               return _this.getObjectId();
@@ -835,7 +835,7 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               });
             case 5:
               viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
-              mediaClient = (0, _mediaClientReact.getMediaClient)(viewMediaClientConfig);
+              mediaClient = (0, _getMediaClient.getMediaClient)(viewMediaClientConfig);
               _context14.next = 6;
               return mediaClient.file.getCurrentState(id, {
                 collectionName: collection

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

@@ -17,15 +17,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _MediaAnalyticsContext = require("@atlaskit/analytics-namespaced-context/MediaAnalyticsContext");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _mediaCard = require("@atlaskit/media-card");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _pluginKey = require("../../pm-plugins/plugin-key");
@@ -46,7 +46,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)(_this, "videoControlsWrapperRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)(_this, "unbindKeyDown", null);
     (0, _defineProperty2.default)(_this, "getDataConsumerMark", function () {
-      return (0, _platformFeatureFlags.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.node.marks.find(function (m) {
+      return (0, _fg.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.node.marks.find(function (m) {
         return m.type.name === 'dataConsumer';
       }) : undefined;
     });
@@ -115,7 +115,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)(_this, "getMediaSettings", (0, _memoizeOne.default)(function (viewAndUploadMediaClientConfig, isViewOnly) {
       return {
-        canUpdateVideoCaptions: (0, _platformFeatureFlags.fg)('platform_media_video_captions') ? (0, _platformFeatureFlags.fg)('platform_editor_video_caption_commit') ? !!viewAndUploadMediaClientConfig && !isViewOnly : !!viewAndUploadMediaClientConfig : false
+        canUpdateVideoCaptions: (0, _fg.fg)('platform_media_video_captions') ? (0, _fg.fg)('platform_editor_video_caption_commit') ? !!viewAndUploadMediaClientConfig && !isViewOnly : !!viewAndUploadMediaClientConfig : false
       };
     }));
     (0, _defineProperty2.default)(_this, "onPreviewRender", function (fileId) {
@@ -345,7 +345,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         alt = _node$attrs.alt;
 
       // Check if we have any media client config available (syncProvider, state, or upload config)
-      var hasNoMediaClientConfig = !viewMediaClientConfig && ((0, _platformFeatureFlags.fg)('platform_media_video_captions') ? !viewAndUploadMediaClientConfig : true);
+      var hasNoMediaClientConfig = !viewMediaClientConfig && ((0, _fg.fg)('platform_media_video_captions') ? !viewAndUploadMediaClientConfig : true);
       if (isLoading || type !== 'external' && hasNoMediaClientConfig) {
         return /*#__PURE__*/_react.default.createElement(_styles.MediaCardWrapper, {
           dimensions: originalDimensions,
@@ -369,7 +369,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         collectionName: collection
       };
-      var resolvedViewAndUploadMediaClientConfig = (0, _platformFeatureFlags.fg)('platform_media_video_captions') ? viewAndUploadMediaClientConfig : undefined;
+      var resolvedViewAndUploadMediaClientConfig = (0, _fg.fg)('platform_media_video_captions') ? viewAndUploadMediaClientConfig : undefined;
 
       // mediaClientConfig is not needed for "external" case. So we have to cheat here.
       // there is a possibility mediaClientConfig will be part of a identifier,
@@ -392,10 +392,10 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         onContextMenu: this.selectMediaSingle,
         borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         selected: selected
-      }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext
+      }, /*#__PURE__*/_react.default.createElement(_AnalyticsContext.default
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
-        data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
+        data: (0, _defineProperty2.default)({}, _MediaAnalyticsContext.MEDIA_CONTEXT, {
           border: !!borderMark,
           // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
           // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"

package/dist/cjs/nodeviews/styles.js

@@ -8,7 +8,7 @@ exports.MediaSingleNodeSelector = exports.MediaCardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -40,7 +40,7 @@ var MediaCardWrapper = exports.MediaCardWrapper = function MediaCardWrapper(_ref
   // [FEATURE FLAG: platform_editor_media_border_radius_fix]
   // Fixes border radius calculation to properly fit image with 8px radius
   // To clean up: keep only flag-on behavior (calculatedBorderWidth + 8)
-  var borderRadius = (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "".concat(calculatedBorderWidth + 8, "px") : "".concat(calculatedBorderWidth * 2, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
+  var borderRadius = (0, _fg.fg)('platform_editor_media_border_radius_fix') ? "".concat(calculatedBorderWidth + 8, "px") : "".concat(calculatedBorderWidth * 2, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
 
   return (0, _react2.jsx)("div", {
     "data-testid": "media-card-wrapper"

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

@@ -8,7 +8,7 @@ exports.mediaSpecWithFixedToDOM = exports.defaultImageCardDimensions = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _toDOMAttrs = require("./toDOMAttrs");
 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; }
@@ -73,7 +73,7 @@ var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSp
         // Safari is stripping the dom if a child does not exist for the media nodes on safari.
         // Creating an empty child allows safari to pick up the media node within the clipboard.
         // https://product-fabric.atlassian.net/browse/ED-25841
-        return (0, _platformFeatureFlags.fg)('platform_editor_safari_media_clipboard_fix') ? ['div', sharedAttrs, ['div', {}]] : ['div', sharedAttrs];
+        return (0, _fg.fg)('platform_editor_safari_media_clipboard_fix') ? ['div', sharedAttrs, ['div', {}]] : ['div', sharedAttrs];
       }
       return ['div', _objectSpread(_objectSpread({}, attrs), {}, {
         styles: (0, _lazyNodeView.convertToInlineCss)({

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

@@ -15,7 +15,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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; }
@@ -143,7 +143,7 @@ function createAIGeneratingDecorationPlugin() {
       },
       apply: function apply(tr, pluginState, _oldState, newState) {
         // Disabled when gate/experiment off — drop decorations.
-        if (!(0, _platformFeatureFlags.fg)('cc-maui-phase-2') || !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true)) {
+        if (!(0, _fg.fg)('cc-maui-phase-2') || !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true)) {
           if (pluginState.generatingMediaIds.size > 0) {
             return {
               generatingMediaIds: new Map(),

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

@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _media = require("@atlaskit/editor-common/media");
@@ -275,5 +275,5 @@ var AltTextEditComponent = exports.AltTextEditComponent = /*#__PURE__*/function
     }
   }]);
 }(_react.default.Component);
-var _default_1 = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(AltTextEditComponent));
+var _default_1 = (0, _withAnalyticsEvents.default)()((0, _reactIntl.injectIntl)(AltTextEditComponent));
 var _default = exports.default = _default_1;

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

@@ -29,7 +29,7 @@ var _view3 = require("@atlaskit/editor-prosemirror/view");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _mediaNodeUpdater = require("../nodeviews/mediaNodeUpdater");
 var _helpers = _interopRequireWildcard(require("../pm-plugins/commands/helpers"));
 var helpers = _helpers;
@@ -663,7 +663,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
     } else if (mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.provider) {
       this.setMediaProvider(mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.provider);
     }
-    if ((0, _platformFeatureFlags.fg)('platform_editor_remove_media_inline_feature_flag')) {
+    if ((0, _fg.fg)('platform_editor_remove_media_inline_feature_flag')) {
       var _this$mediaOptions2;
       if ((_this$mediaOptions2 = this.mediaOptions) !== null && _this$mediaOptions2 !== void 0 && _this$mediaOptions2.allowMediaInlineImages) {
         this.allowInlineImages = true;

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

@@ -10,7 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mediaPicker = require("@atlaskit/media-picker");
+var _preview = require("@atlaskit/media-picker/preview");
 var PickerFacade = exports.default = /*#__PURE__*/function () {
   function PickerFacade(pickerType, config, pickerConfig, analyticsName) {
     var _this = this;
@@ -24,7 +24,7 @@ var PickerFacade = exports.default = /*#__PURE__*/function () {
 
       //check if upload-error was called before upload-preview-update
       var isErroredFile = _this.erroredFiles.has(file.id);
-      var _ref = (0, _mediaPicker.isImagePreview)(preview) ? preview : {
+      var _ref = (0, _preview.isImagePreview)(preview) ? preview : {
           dimensions: undefined,
           scaleFactor: undefined
         },

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,17 +9,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/button"));
+var _button2 = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _media = require("@atlaskit/editor-common/media");
-var _form = _interopRequireWildcard(require("@atlaskit/form"));
+var _form = _interopRequireDefault(require("@atlaskit/form/form"));
+var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _primitives = require("@atlaskit/primitives");
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _constants = require("./constants");
 var _styles = require("./styles");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /* eslint-disable jsdoc/check-tag-names */
 /**
  * @jsxRuntime classic
@@ -160,7 +159,7 @@ var PixelEntryComponent = exports.PixelEntryComponent = function PixelEntryCompo
     };
   }, [minWidth, maxWidth, onChange, ratioWidth, ratioHeight]);
   if (showMigration) {
-    return (0, _react2.jsx)(_tooltip.default, {
+    return (0, _react2.jsx)(_Tooltip.default, {
       content: formatMessage(_media.pixelEntryMessages.migrationButtonTooltip)
     }, (0, _react2.jsx)(_button.default, {
       appearance: "warning",
@@ -193,19 +192,19 @@ var PixelEntryComponent = exports.PixelEntryComponent = function PixelEntryCompo
         // eslint-disable-next-line react/jsx-props-no-spreading
         (0, _react2.jsx)("form", formProps, (0, _react2.jsx)("div", {
           css: _styles.pixelSizingWrapper
-        }, (0, _react2.jsx)(_form.Field, {
+        }, (0, _react2.jsx)(_field.default, {
           key: "inputWidth",
           name: "inputWidth",
           defaultValue: computedWidth
         }, function (_ref3) {
           var fieldProps = _ref3.fieldProps;
-          return (0, _react2.jsx)(_tooltip.default, {
+          return (0, _react2.jsx)(_Tooltip.default, {
             hideTooltipOnMouseDown: true,
             content: formatMessage(_media.pixelEntryMessages.inputWidthTooltip, {
               maxWidth: maxWidth
             }),
             position: "top"
-          }, (0, _react2.jsx)(_textfield.default
+          }, (0, _react2.jsx)(_textField.default
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , (0, _extends2.default)({}, fieldProps, {
@@ -222,17 +221,17 @@ var PixelEntryComponent = exports.PixelEntryComponent = function PixelEntryCompo
         }), (0, _react2.jsx)(_primitives.Box, {
           as: "span",
           xcss: pixelSizingLabel
-        }, "\xD7"), (0, _react2.jsx)(_form.Field, {
+        }, "\xD7"), (0, _react2.jsx)(_field.default, {
           key: "inputHeight",
           name: "inputHeight",
           defaultValue: computedHeight
         }, function (_ref4) {
           var fieldProps = _ref4.fieldProps;
-          return (0, _react2.jsx)(_tooltip.default, {
+          return (0, _react2.jsx)(_Tooltip.default, {
             hideTooltipOnMouseDown: true,
             content: formatMessage(_media.pixelEntryMessages.inputHeightTooltip),
             position: "top"
-          }, (0, _react2.jsx)(_textfield.default
+          }, (0, _react2.jsx)(_textField.default
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , (0, _extends2.default)({}, fieldProps, {
@@ -324,14 +323,14 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
       color: "color.text.subtlest"
     }, formatMessage(_media.pixelEntryMessages.inputWidthLabel))), (0, _react2.jsx)("div", {
       css: fieldStyles
-    }, (0, _react2.jsx)(_tooltip.default, {
+    }, (0, _react2.jsx)(_Tooltip.default, {
       hideTooltipOnMouseDown: true,
       hideTooltipOnClick: true,
       position: "top",
       content: formatMessage(_media.pixelEntryMessages.inputWidthTooltip, {
         maxWidth: maxWidth
       })
-    }, (0, _react2.jsx)(_textfield.default, {
+    }, (0, _react2.jsx)(_textField.default, {
       name: "inputWidth",
       value: computedWidth,
       ref: widthInputRef,
@@ -349,12 +348,12 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
       color: "color.text.subtlest"
     }, formatMessage(_media.pixelEntryMessages.inputHeightTooltip))), (0, _react2.jsx)("div", {
       css: fieldStyles
-    }, (0, _react2.jsx)(_tooltip.default, {
+    }, (0, _react2.jsx)(_Tooltip.default, {
       hideTooltipOnMouseDown: true,
       hideTooltipOnClick: true,
       content: formatMessage(_media.pixelEntryMessages.inputHeightTooltip),
       position: "top"
-    }, (0, _react2.jsx)(_textfield.default, {
+    }, (0, _react2.jsx)(_textField.default, {
       name: "inputHeight",
       value: computedHeight,
       height: "var(--ds-space-250, 20px)",
@@ -365,7 +364,7 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
       onKeyDown: handleKeyDown
     }))), !isViewMode && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
       xcss: dividerStyles
-    }), (0, _react2.jsx)(_new.IconButton
+    }), (0, _react2.jsx)(_button2.default
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       icon: function icon() {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.checkMediaType = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _mediaClientReact = require("@atlaskit/media-client-react");
+var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
 var checkMediaType = exports.checkMediaType = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaNode, mediaClientConfig) {
     var fileState, _t;
@@ -28,7 +28,7 @@ var checkMediaType = exports.checkMediaType = /*#__PURE__*/function () {
         case 2:
           _context.prev = 2;
           _context.next = 3;
-          return (0, _mediaClientReact.getMediaClient)(mediaClientConfig).file.getCurrentState(mediaNode.attrs.id, {
+          return (0, _getMediaClient.getMediaClient)(mediaClientConfig).file.getCurrentState(mediaNode.attrs.id, {
             collectionName: mediaNode.attrs.collection
           });
         case 3:

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

@@ -8,7 +8,7 @@ var _mediaInline = require("@atlaskit/editor-common/media-inline");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _mediaFiles = require("../utils/media-files");
 var _mediaSingle = require("../utils/media-single");
 var _isType = require("./is-type");
@@ -17,14 +17,14 @@ var isInSupportedInlineImageParent = exports.isInSupportedInlineImageParent = fu
   return (0, _utils2.hasParentNodeOfType)([state.schema.nodes.listItem])(state.selection);
 };
 var getMediaNodeInsertionType = exports.getMediaNodeInsertionType = function getMediaNodeInsertionType(state, mediaOptions, fileMimeType) {
-  if ((0, _isType.isImage)(fileMimeType) && (0, _platformFeatureFlags.fg)('platform_editor_media_block_default')) {
+  if ((0, _isType.isImage)(fileMimeType) && (0, _fg.fg)('platform_editor_media_block_default')) {
     if ((0, _mediaSingle.isMediaSingle)(state.schema, fileMimeType)) {
       return 'block';
     }
     return 'group';
   }
   var canInsertInlineNode = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.featureFlags) && !(0, _utils.isInEmptyLine)(state) && (!(0, _mediaCommon2.isInsidePotentialEmptyParagraph)(state) || isInSupportedInlineImageParent(state)) && (0, _mediaFiles.canInsertMediaInline)(state);
-  if ((0, _platformFeatureFlags.fg)('platform_editor_remove_media_inline_feature_flag')) {
+  if ((0, _fg.fg)('platform_editor_remove_media_inline_feature_flag')) {
     if (mediaOptions !== null && mediaOptions !== void 0 && mediaOptions.allowMediaInlineImages) {
       if (canInsertInlineNode && !(0, _isType.isVideo)(fileMimeType)) {
         return 'inline';

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

@@ -16,7 +16,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _mediaCommon = require("../utils/media-common");
 var _analytics2 = require("./analytics");
 var _isType = require("./is-type");
@@ -93,7 +93,7 @@ function insertNodesWithOptionalParagraph(_ref3) {
     insertMediaVia = _ref3.insertMediaVia;
   return function (state, dispatch) {
     var tr = state.tr;
-    if ((0, _platformFeatureFlags.fg)('platform_editor_introduce_insert_media_command')) {
+    if ((0, _fg.fg)('platform_editor_introduce_insert_media_command')) {
       var _updatedTr = insertNodesWithOptionalParagraphCommand({
         nodes: nodes,
         analyticsAttributes: analyticsAttributes,
@@ -204,7 +204,7 @@ var insertMediaAsMediaSingle = exports.insertMediaAsMediaSingle = function inser
     return false;
   }
   var mediaSingleMaxWidth = getMediaSingleMaxWidthForInsertion(view, state.selection.$from.pos);
-  if ((0, _platformFeatureFlags.fg)('platform_editor_introduce_insert_media_command')) {
+  if ((0, _fg.fg)('platform_editor_introduce_insert_media_command')) {
     var updatedTr = createInsertMediaAsMediaSingleCommand(node.attrs, inputMethod, editorAnalyticsAPI, insertMediaVia, allowPixelResizing, undefined, undefined, mediaSingleMaxWidth)({
       tr: state.tr
     });

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

@@ -21,7 +21,7 @@ var _strokeWeightMedium = _interopRequireDefault(require("@atlaskit/icon/core/st
 var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _styles2 = require("./styles");
 /**
  * @jsxRuntime classic
@@ -284,7 +284,7 @@ var ImageBorder = function ImageBorder(_ref) {
       return (
         // Ignored via go/ees005
         // eslint-disable-next-line react/no-array-index-key
-        (0, _react2.jsx)(_tooltip.default, {
+        (0, _react2.jsx)(_Tooltip.default, {
           key: idx,
           content: name
         }, (0, _react2.jsx)("span", {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.BrowserWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _mediaPicker = require("@atlaskit/media-picker");
+var _browser = require("@atlaskit/media-picker/browser");
 var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 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; }
@@ -26,7 +26,7 @@ var BrowserWrapper = exports.BrowserWrapper = function BrowserWrapper(_ref) {
     var browserConfig = _objectSpread(_objectSpread({}, config), {}, {
       multiple: true
     });
-    return /*#__PURE__*/_react.default.createElement(_mediaPicker.Browser, {
+    return /*#__PURE__*/_react.default.createElement(_browser.BrowserLoader, {
       onBrowseFn: onBrowseFn,
       isOpen: isOpen,
       config: browserConfig,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ClipboardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _mediaPicker = require("@atlaskit/media-picker");
+var _clipboard = require("@atlaskit/media-picker/clipboard");
 var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 var ClipboardWrapper = exports.ClipboardWrapper = function ClipboardWrapper(_ref) {
   var api = _ref.api,
@@ -25,7 +25,7 @@ var ClipboardWrapper = exports.ClipboardWrapper = function ClipboardWrapper(_ref
       event.stopPropagation();
       return false;
     };
-    return /*#__PURE__*/_react.default.createElement(_mediaPicker.Clipboard, {
+    return /*#__PURE__*/_react.default.createElement(_clipboard.ClipboardLoader, {
       mediaClientConfig: mediaClientConfig,
       config: clipboardConfig,
       onError: pickerFacadeInstance.handleUploadError,

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

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
-var _mediaPicker = require("@atlaskit/media-picker");
+var _dropzone = require("@atlaskit/media-picker/dropzone");
 var _PickerFacadeProvider = _interopRequireDefault(require("./PickerFacadeProvider"));
 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; }
@@ -43,7 +43,7 @@ var DropzoneWrapperInternal = function DropzoneWrapperInternal(_ref) {
   var dropzoneConfig = _objectSpread(_objectSpread({}, config), {}, {
     container: container
   });
-  return isActive ? /*#__PURE__*/_react.default.createElement(_mediaPicker.Dropzone, {
+  return isActive ? /*#__PURE__*/_react.default.createElement(_dropzone.DropzoneLoader, {
     mediaClientConfig: mediaClientConfig,
     config: dropzoneConfig,
     onError: pickerFacadeInstance.handleUploadError,