@atlaskit/editor-plugin-media 9.0.0 → 9.1.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-plugin-media
 
+## 9.1.0
+
+### Minor Changes
+
+- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
+  Clean up and removal of the `platform-visual-refresh-icons` feature flag.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.0.1
+
+### Patch Changes
+
+- [`b429c01ce6af9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b429c01ce6af9) -
+  icon migration entry point update
+- [`1c2342ca6f2b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c2342ca6f2b0) -
+  tidy up fg platform_editor_ssr_media, clean up lazy node view for media, and fix re-mount issue in
+  media group
+- Updated dependencies
+
 ## 9.0.0
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -14,14 +14,14 @@ 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 _lazyMedia = require("./nodeviews/lazy-media");
 var _lazyMediaGroup = require("./nodeviews/lazy-media-group");
 var _lazyMediaInline = require("./nodeviews/lazy-media-inline");
-var _lazyMediaSingle = require("./nodeviews/lazy-media-single");
+var _mediaNodeView = require("./nodeviews/mediaNodeView");
+var _mediaSingle = require("./nodeviews/mediaSingle");
 var _media = require("./nodeviews/toDOM-fixes/media");
 var _mediaGroup = require("./nodeviews/toDOM-fixes/mediaGroup");
 var _mediaInline = require("./nodeviews/toDOM-fixes/mediaInline");
-var _mediaSingle = require("./nodeviews/toDOM-fixes/mediaSingle");
+var _mediaSingle2 = require("./nodeviews/toDOM-fixes/mediaSingle");
 var _altText = require("./pm-plugins/alt-text");
 var _keymap = _interopRequireDefault(require("./pm-plugins/alt-text/keymap"));
 var _commands = require("./pm-plugins/commands");
@@ -33,7 +33,7 @@ var _main = require("./pm-plugins/main");
 var _pixelResizing = require("./pm-plugins/pixel-resizing");
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _mediaCommon2 = require("./pm-plugins/utils/media-common");
-var _mediaSingle2 = require("./pm-plugins/utils/media-single");
+var _mediaSingle3 = require("./pm-plugins/utils/media-single");
 var _MediaPicker = require("./ui/MediaPicker");
 var _PortalWrapper = require("./ui/MediaViewer/PortalWrapper");
 var _toolbar = require("./ui/toolbar");
@@ -139,7 +139,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
       },
       insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod, insertMediaVia) {
         var _api$analytics2;
-        return (0, _mediaSingle2.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, insertMediaVia, options === null || options === void 0 ? void 0 : options.allowPixelResizing);
+        return (0, _mediaSingle3.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, insertMediaVia, options === null || options === void 0 ? void 0 : options.allowPixelResizing);
       },
       setProvider: function setProvider(provider) {
         var _api$core$actions$exe;
@@ -182,7 +182,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
         node: (0, _mediaGroup.mediaGroupSpecWithFixedToDOM)()
       }, {
         name: 'mediaSingle',
-        node: (0, _mediaSingle.mediaSingleSpecWithFixedToDOM)(mediaSingleOption)
+        node: (0, _mediaSingle2.mediaSingleSpecWithFixedToDOM)(mediaSingleOption)
       }, {
         name: 'media',
         node: (0, _media.mediaSpecWithFixedToDOM)()
@@ -219,8 +219,8 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
             providerFactory: providerFactory,
             nodeViews: {
               mediaGroup: (0, _lazyMediaGroup.lazyMediaGroupView)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaSingle: (0, _lazyMediaSingle.lazyMediaSingleView)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
-              media: (0, _lazyMedia.lazyMediaView)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
+              mediaSingle: (0, _mediaSingle.ReactMediaSingleNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
+              media: (0, _mediaNodeView.ReactMediaNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaInline: (0, _lazyMediaInline.lazyMediaInlineView)(portalProviderAPI, eventDispatcher, providerFactory, api)
             },
             errorReporter: errorReporter,

package/dist/cjs/nodeviews/lazy-media-group.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyMediaGroupView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _mediaGroup = require("./mediaGroup");
 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" != (0, _typeof2.default)(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); }
 var lazyMediaGroupView = exports.lazyMediaGroupView = function lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var api = arguments.length > 4 ? arguments[4] : undefined;
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
+  if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
     return (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return (0, _lazyNodeView.withLazyLoading)({

package/dist/cjs/nodeviews/lazy-media-inline.js

@@ -7,13 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyMediaInlineView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _mediaInline = require("./mediaInline");
 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" != (0, _typeof2.default)(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); }
 var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
-    return (0, _mediaInline.ReactMediaInlineNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent);
-  }
   return (0, _lazyNodeView.withLazyLoading)({
     nodeName: 'mediaInline',
     getNodeViewOptions: function getNodeViewOptions() {},

package/dist/cjs/nodeviews/mediaGroup.js

@@ -14,6 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useMediaProvider = require("../ui/hooks/useMediaProvider");
 var _mediaGroupNext = require("./mediaGroupNext");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -62,7 +63,7 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
               editorDisabled = _ref3.editorDisabled,
               editorViewMode = _ref3.editorViewMode;
             var mediaProvider = mediaProviderFromState ? Promise.resolve(mediaProviderFromState) : undefined;
-            if (!mediaProvider) {
+            if (!mediaProvider && !(0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
               return null;
             }
             return /*#__PURE__*/_react.default.createElement(_mediaGroupNext.MediaGroupNext, {

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

@@ -304,10 +304,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
           return {};
         }
       };
-      var ssr;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_ssr_media')) {
-        ssr = process.env.REACT_SSR ? 'server' : 'client';
-      }
+      var ssr = process.env.REACT_SSR ? 'server' : 'client';
       return /*#__PURE__*/_react.default.createElement(_styles.MediaCardWrapper, {
         dimensions: originalDimensions,
         onContextMenu: this.selectMediaSingle,

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

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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; }
@@ -31,9 +30,6 @@ var defaultImageCardDimensions = exports.defaultImageCardDimensions = {
 
 // @nodeSpecException:toDOM patch
 var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
-    return _adfSchema.media;
-  }
   return _objectSpread(_objectSpread({}, _adfSchema.media), {}, {
     toDOM: function toDOM(node) {
       var attrs = (0, _toDOMAttrs.getMediaAttrs)('media', node);

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.mediaGroupSpecWithFixedToDOM = exports.getDefaultCardDimensions = exports.defaultSquareCardDimensions = exports.defaultImageCardDimensions = exports.defaultHorizontalCardDimensions = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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; }
 /**
@@ -61,11 +60,8 @@ var getDefaultCardDimensions = exports.getDefaultCardDimensions = function getDe
 
 // @nodeSpecException:toDOM patch
 var mediaGroupSpecWithFixedToDOM = exports.mediaGroupSpecWithFixedToDOM = function mediaGroupSpecWithFixedToDOM() {
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
-    return _adfSchema.mediaGroup;
-  }
   return _objectSpread(_objectSpread({}, _adfSchema.mediaGroup), {}, {
-    toDOM: function toDOM(node) {
+    toDOM: function toDOM() {
       // Margin margin that consolidates the margin in the
       return ['div', {
         style: "\n\t\t\t\t\t\tmargin: 3px 5px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tgap: 8px;\n\t\t\t\t\t\t--ak-editor-media-card-background-color: #EBECF0;\n\t\t\t\t\t\t--ak-editor-media-card-width: ".concat(defaultImageCardDimensions.width, "px;\n\t\t\t\t\t\t--ak-editor-media-card-height: ").concat(defaultImageCardDimensions.height, "px;\n\t\t\t\t\t"),

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.mediaInlineSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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; }
@@ -17,9 +16,6 @@ var fallbackAspectRatio = 1.25;
 
 // @nodeSpecException:toDOM patch
 var mediaInlineSpecWithFixedToDOM = exports.mediaInlineSpecWithFixedToDOM = function mediaInlineSpecWithFixedToDOM() {
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
-    return _adfSchema.mediaInline;
-  }
   return _objectSpread(_objectSpread({}, _adfSchema.mediaInline), {}, {
     toDOM: function toDOM(node) {
       var dataAttrs = (0, _toDOMAttrs.getMediaAttrs)('mediaInline', node);

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

@@ -10,7 +10,6 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _colors = require("@atlaskit/theme/colors");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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; }
@@ -222,9 +221,6 @@ var getToDom = exports.getToDom = function getToDom(allowPixelResizing) {
 // @nodeSpecException:toDOM patch
 var mediaSingleSpecWithFixedToDOM = exports.mediaSingleSpecWithFixedToDOM = function mediaSingleSpecWithFixedToDOM(mediaSingleOption) {
   var mediaSingleNode = (0, _adfSchema.mediaSingleSpec)(mediaSingleOption);
-  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
-    return mediaSingleNode;
-  }
   var toDOM = getToDom(mediaSingleOption.withExtendedWidthTypes);
   return _objectSpread(_objectSpread({}, mediaSingleNode), {}, {
     toDOM: toDOM

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

@@ -19,7 +19,6 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-d
 var _strokeWeightLarge = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-large"));
 var _strokeWeightMedium = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-medium"));
 var _strokeWeightSmall = _interopRequireDefault(require("@atlaskit/icon/core/stroke-weight-small"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles2 = require("./styles");
@@ -122,9 +121,6 @@ var ImageBorder = function ImageBorder(_ref) {
     value: 3,
     icon: _strokeWeightLarge.default
   }];
-  var borderColorSelectStyles = function borderColorSelectStyles() {
-    return !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _styles2.contextualMenuColorIcon)(color && (0, _editorPalette.hexToEditorBorderPaletteColor)(color)) : _styles2.contextualMenuArrow;
-  };
   var items = [{
     content: (0, _react2.jsx)("div", null, (0, _react2.jsx)("button", {
       ref: dropDownColorOptionButton,
@@ -141,7 +137,7 @@ var ImageBorder = function ImageBorder(_ref) {
         });
       }
     }, (0, _react2.jsx)(_compiled.Text, null, formatMessage(_media.imageBorderMessages.borderColor)), (0, _react2.jsx)("div", {
-      css: borderColorSelectStyles
+      css: _styles2.contextualMenuArrow
     })), (0, _react2.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU,
@@ -266,15 +262,10 @@ var ImageBorder = function ImageBorder(_ref) {
           onMouseDown: function onMouseDown(e) {
             e.preventDefault();
           }
-        }, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
-        //eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        (0, _react2.jsx)("div", {
-          css: (0, _styles2.line)(value, value === size),
-          role: "presentation"
-        }) : (0, _react2.jsx)(ButtonIcon, {
+        }, (0, _react2.jsx)(ButtonIcon, {
           color: value === size ? "var(--ds-icon-inverse, #FFFFFF)" : 'currentColor',
           spacing: "spacious",
-          label: name
+          label: ""
         }))))
       );
     }))))),

package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -195,7 +195,7 @@ var ResizableMediaSingleNextFunctional = exports.ResizableMediaSingleNextFunctio
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isResizing = _useState6[0],
     setIsResizing = _useState6[1];
-  var _useState7 = (0, _react.useState)(!((0, _platformFeatureFlags.fg)('platform_editor_media_video_check_fix') || (0, _platformFeatureFlags.fg)('platform_editor_ssr_media'))),
+  var _useState7 = (0, _react.useState)(!(0, _platformFeatureFlags.fg)('platform_editor_media_video_check_fix')),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     isVideoFile = _useState8[0],
     setIsVideoFile = _useState8[1];

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

@@ -23,11 +23,11 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _imageCrop = _interopRequireDefault(require("@atlaskit/icon-lab/core/image-crop"));
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
+var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _imageFullscreen = _interopRequireDefault(require("@atlaskit/icon/core/image-fullscreen"));
 var _imageInline = _interopRequireDefault(require("@atlaskit/icon/core/image-inline"));
 var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
-var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
 var _mediaUi = require("@atlaskit/media-ui");

package/dist/cjs/ui/toolbar/linking-toolbar-appearance.js

@@ -13,8 +13,8 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
+var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
-var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
 var _currentMediaNode = require("../../pm-plugins//utils/current-media-node");
 var _pluginKey = require("../../pm-plugins/plugin-key");
 var _checkMediaType = require("../../pm-plugins/utils/check-media-type");

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

@@ -13,11 +13,11 @@ var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/message
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
+var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _imageFullscreen = _interopRequireDefault(require("@atlaskit/icon/core/image-fullscreen"));
 var _imageInline = _interopRequireDefault(require("@atlaskit/icon/core/image-inline"));
 var _maximize = _interopRequireDefault(require("@atlaskit/icon/core/maximize"));
-var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _linking = require("../../pm-plugins/commands/linking");

package/dist/es2019/mediaPlugin.js

@@ -6,10 +6,10 @@ import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-che
 import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { lazyMediaView } from './nodeviews/lazy-media';
 import { lazyMediaGroupView } from './nodeviews/lazy-media-group';
 import { lazyMediaInlineView } from './nodeviews/lazy-media-inline';
-import { lazyMediaSingleView } from './nodeviews/lazy-media-single';
+import { ReactMediaNode } from './nodeviews/mediaNodeView';
+import { ReactMediaSingleNode } from './nodeviews/mediaSingle';
 import { mediaSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/media';
 import { mediaGroupSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaGroup';
 import { mediaInlineSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaInline';
@@ -212,8 +212,8 @@ export const mediaPlugin = ({
             providerFactory,
             nodeViews: {
               mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaSingle: lazyMediaSingleView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
-              media: lazyMediaView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
+              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
+              media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api)
             },
             errorReporter,

package/dist/es2019/nodeviews/lazy-media-group.js

@@ -1,8 +1,8 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ReactMediaGroupNode } from './mediaGroup';
 export const lazyMediaGroupView = (portalProviderAPI, eventDispatcher, providerFactory, options = {}, api) => {
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
+  if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
     return ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api);
   }
   return withLazyLoading({

package/dist/es2019/nodeviews/lazy-media-inline.js

@@ -1,10 +1,5 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { ReactMediaInlineNode } from './mediaInline';
 export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) => {
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
-    return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent);
-  }
   return withLazyLoading({
     nodeName: 'mediaInline',
     getNodeViewOptions: () => {},

package/dist/es2019/nodeviews/mediaGroup.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useMediaProvider } from '../ui/hooks/useMediaProvider';
 import { MediaGroupNext } from './mediaGroupNext';
 const selector = states => {
@@ -46,7 +47,7 @@ class MediaGroupNodeView extends ReactNodeView {
           editorViewMode
         }) => {
           const mediaProvider = mediaProviderFromState ? Promise.resolve(mediaProviderFromState) : undefined;
-          if (!mediaProvider) {
+          if (!mediaProvider && !expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
             return null;
           }
           return /*#__PURE__*/React.createElement(MediaGroupNext, {

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

@@ -244,10 +244,7 @@ export class MediaNode extends Component {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       authProvider: () => ({})
     };
-    let ssr;
-    if (fg('platform_editor_ssr_media')) {
-      ssr = process.env.REACT_SSR ? 'server' : 'client';
-    }
+    const ssr = process.env.REACT_SSR ? 'server' : 'client';
     return /*#__PURE__*/React.createElement(MediaCardWrapper, {
       dimensions: originalDimensions,
       onContextMenu: this.selectMediaSingle,

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

@@ -1,7 +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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getMediaAttrs } from './toDOMAttrs';
 
 /**
@@ -22,9 +21,6 @@ export const defaultImageCardDimensions = {
 
 // @nodeSpecException:toDOM patch
 export const mediaSpecWithFixedToDOM = () => {
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
-    return media;
-  }
   return {
     ...media,
     toDOM: node => {

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

@@ -1,6 +1,4 @@
 import { mediaGroup } from '@atlaskit/adf-schema';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-
 /**
  * Duplicate consts from `media-card`.
  * `packages/media/media-card/src/utils/cardDimensions.ts`
@@ -51,12 +49,9 @@ export const getDefaultCardDimensions = (appearance = 'auto') => {
 
 // @nodeSpecException:toDOM patch
 export const mediaGroupSpecWithFixedToDOM = () => {
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
-    return mediaGroup;
-  }
   return {
     ...mediaGroup,
-    toDOM: node => {
+    toDOM: () => {
       // Margin margin that consolidates the margin in the
       return ['div', {
         style: `

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

@@ -1,5 +1,4 @@
 import { mediaInline } from '@atlaskit/adf-schema';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getMediaAttrs } from './toDOMAttrs';
 const skeletonStyling = `background: ${"var(--ds-background-neutral, #0515240F)"};`;
 // Matches media
@@ -7,9 +6,6 @@ const fallbackAspectRatio = 1.25;
 
 // @nodeSpecException:toDOM patch
 export const mediaInlineSpecWithFixedToDOM = () => {
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
-    return mediaInline;
-  }
   return {
     ...mediaInline,
     toDOM: node => {

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

@@ -2,7 +2,6 @@ import { mediaSingleSpec } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { N20, N50 } from '@atlaskit/theme/colors';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAttrsFromNodeMediaSingle } from './toDOMAttrs';
 const WRAPPED_LAYOUTS = ['wrap-left', 'wrap-right'];
 const ALIGNED_LAYOUTS = ['align-end', 'align-start'];
@@ -216,9 +215,6 @@ export const getToDom = allowPixelResizing => node => {
 // @nodeSpecException:toDOM patch
 export const mediaSingleSpecWithFixedToDOM = mediaSingleOption => {
   const mediaSingleNode = mediaSingleSpec(mediaSingleOption);
-  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
-    return mediaSingleNode;
-  }
   const toDOM = getToDom(mediaSingleOption.withExtendedWidthTypes);
   return {
     ...mediaSingleNode,

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

@@ -17,10 +17,9 @@ import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import StrokeWeightLargeIcon from '@atlaskit/icon/core/stroke-weight-large';
 import StrokeWeightMediumIcon from '@atlaskit/icon/core/stroke-weight-medium';
 import StrokeWeightSmallIcon from '@atlaskit/icon/core/stroke-weight-small';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
-import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualMenuColorIcon, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, line, menuItemDimensions, toolbarButtonWrapper } from './styles';
+import { buttonStyle, buttonWrapperStyle, contextualMenuArrow, contextualSubMenu, dropdownOptionButton, dropdownWrapper, itemSpacing, menuItemDimensions, toolbarButtonWrapper } from './styles';
 const ImageBorder = ({
   intl: {
     formatMessage
@@ -104,7 +103,6 @@ const ImageBorder = ({
     value: 3,
     icon: StrokeWeightLargeIcon
   }];
-  const borderColorSelectStyles = () => !fg('platform-visual-refresh-icons') ? contextualMenuColorIcon(color && hexToEditorBorderPaletteColor(color)) : contextualMenuArrow;
   const items = [{
     content: jsx("div", null, jsx("button", {
       ref: dropDownColorOptionButton,
@@ -117,7 +115,7 @@ const ImageBorder = ({
       "aria-expanded": isColorSubmenuOpen,
       onKeyDown: e => handleTriggerByKeyboard(e, () => setIsColorSubmenuOpen(!isColorSubmenuOpen))
     }, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
-      css: borderColorSelectStyles
+      css: contextualMenuArrow
     })), jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: DropdownMenuSharedCssClassName.SUBMENU,
@@ -239,15 +237,10 @@ const ImageBorder = ({
           onMouseDown: e => {
             e.preventDefault();
           }
-        }, !fg('platform-visual-refresh-icons') ?
-        //eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        jsx("div", {
-          css: line(value, value === size),
-          role: "presentation"
-        }) : jsx(ButtonIcon, {
+        }, jsx(ButtonIcon, {
           color: value === size ? "var(--ds-icon-inverse, #FFFFFF)" : 'currentColor',
           spacing: "spacious",
-          label: name
+          label: ""
         }))))
       );
     }))))),

package/dist/es2019/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -178,7 +178,7 @@ export const ResizableMediaSingleNextFunctional = props => {
   const lastSnappedGuidelineKeysRef = useRef([]);
   const [snaps, setSnaps] = useState({});
   const [isResizing, setIsResizing] = useState(false);
-  const [isVideoFile, setIsVideoFile] = useState(!(fg('platform_editor_media_video_check_fix') || fg('platform_editor_ssr_media')));
+  const [isVideoFile, setIsVideoFile] = useState(!fg('platform_editor_media_video_check_fix'));
   const [hasResized, setHasResized] = useState(false);
   const nodePosition = useMemo(() => {
     if (typeof getPos !== 'function') {

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

@@ -13,11 +13,11 @@ import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import ImageCropIcon from '@atlaskit/icon-lab/core/image-crop';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
+import DownloadIcon from '@atlaskit/icon/core/download';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
 import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
 import MaximizeIcon from '@atlaskit/icon/core/maximize';
-import DownloadIcon from '@atlaskit/icon/core/migration/download';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
 import { messages } from '@atlaskit/media-ui';

package/dist/es2019/ui/toolbar/linking-toolbar-appearance.js

@@ -10,8 +10,8 @@ import { isSafeUrl } from '@atlaskit/adf-schema';
 import { addLink, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
 import { FloatingToolbarSeparator as Separator, FloatingToolbarButton as ToolbarButton } from '@atlaskit/editor-common/ui';
+import LinkIcon from '@atlaskit/icon/core/link';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
-import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { currentMediaInlineNode, currentMediaNode } from '../../pm-plugins//utils/current-media-node';
 import { stateKey } from '../../pm-plugins/plugin-key';
 import { checkMediaType } from '../../pm-plugins/utils/check-media-type';

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

@@ -4,11 +4,11 @@ import commonMessages, { cardMessages, mediaAndEmbedToolbarMessages } from '@atl
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import DeleteIcon from '@atlaskit/icon/core/delete';
+import DownloadIcon from '@atlaskit/icon/core/download';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import ImageFullscreenIcon from '@atlaskit/icon/core/image-fullscreen';
 import ImageInlineIcon from '@atlaskit/icon/core/image-inline';
 import MaximizeIcon from '@atlaskit/icon/core/maximize';
-import DownloadIcon from '@atlaskit/icon/core/migration/download';
 import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import { messages } from '@atlaskit/media-ui';
 import { showLinkingToolbar } from '../../pm-plugins/commands/linking';

package/dist/esm/mediaPlugin.js

@@ -6,10 +6,10 @@ import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-che
 import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { lazyMediaView } from './nodeviews/lazy-media';
 import { lazyMediaGroupView } from './nodeviews/lazy-media-group';
 import { lazyMediaInlineView } from './nodeviews/lazy-media-inline';
-import { lazyMediaSingleView } from './nodeviews/lazy-media-single';
+import { ReactMediaNode } from './nodeviews/mediaNodeView';
+import { ReactMediaSingleNode } from './nodeviews/mediaSingle';
 import { mediaSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/media';
 import { mediaGroupSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaGroup';
 import { mediaInlineSpecWithFixedToDOM } from './nodeviews/toDOM-fixes/mediaInline';
@@ -210,8 +210,8 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
             providerFactory: providerFactory,
             nodeViews: {
               mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaSingle: lazyMediaSingleView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
-              media: lazyMediaView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
+              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
+              media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api)
             },
             errorReporter: errorReporter,