@atlaskit/editor-common 111.7.1 → 111.7.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 111.7.3
+
+### Patch Changes
+
+- [`38c83ce57623b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38c83ce57623b) -
+  [ux] [EDITOR-3853] Update copy for sync block placeholder and copy flag
+- [`11bd6ea9cb0ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/11bd6ea9cb0ba) -
+  [ux] Clean up platform_editor_refactor_view_more
+- Updated dependencies
+
+## 111.7.2
+
+### Patch Changes
+
+- [`819348f0857f5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/819348f0857f5) -
+  [ux] [EDITOR-3769] added shortcut to track changes button
+- Updated dependencies
+
 ## 111.7.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",

package/dist/cjs/element-browser/ElementBrowser.js

@@ -119,7 +119,6 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
         showCategories = _this$props.showCategories,
         mode = _this$props.mode,
         emptyStateHandler = _this$props.emptyStateHandler,
-        viewMoreItem = _this$props.viewMoreItem,
         onViewMore = _this$props.onViewMore,
         cache = _this$props.cache,
         autoFocusSearch = _this$props.autoFocusSearch;
@@ -141,7 +140,6 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
         mode: mode,
         searchTerm: searchTerm,
         emptyStateHandler: emptyStateHandler,
-        viewMoreItem: viewMoreItem,
         cache: cache,
         onViewMore: onViewMore,
         autoFocusSearch: autoFocusSearch

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _getEditorUgcToken = _interopRequireDefault(require("../../ugc-tokens/get-editor-ugc-token"));
@@ -21,7 +20,6 @@ var _ViewMore = require("../components/ViewMore");
 var _constants = require("../constants");
 var _useContainerWidth2 = _interopRequireDefault(require("../hooks/use-container-width"));
 var _useSelectAndFocusOnArrowNavigation = _interopRequireDefault(require("../hooks/use-select-and-focus-on-arrow-navigation"));
-var _ViewMore2 = require("../ViewMore");
 var _CategoryList = _interopRequireDefault(require("./CategoryList"));
 var _ElementList = _interopRequireDefault(require("./ElementList/ElementList"));
 var _ElementSearch = _interopRequireDefault(require("./ElementSearch"));
@@ -130,7 +128,6 @@ function StatelessElementBrowser(props) {
   var items = props.items,
     onSelectItem = props.onSelectItem,
     onInsertItem = props.onInsertItem,
-    viewMoreItem = props.viewMoreItem,
     onViewMore = props.onViewMore,
     selectedCategory = props.selectedCategory,
     onSelectCategory = props.onSelectCategory,
@@ -170,7 +167,7 @@ function StatelessElementBrowser(props) {
     var _items$index$isDisabl, _items$index;
     return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
   }, [items]);
-  var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount, (0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch),
+  var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch),
     selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
     focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
     setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -272,7 +269,6 @@ function StatelessElementBrowser(props) {
       setFocusOnSearch: setFocusOnSearch,
       onKeyPress: onItemsEnterTabKeyPress,
       onKeyDown: onKeyDown,
-      viewMoreItem: viewMoreItem,
       onViewMore: onViewMore,
       focusOnViewMore: focusOnViewMore,
       cache: cache
@@ -323,7 +319,6 @@ function MobileBrowser(_ref) {
     searchTerm = _ref.searchTerm,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     emptyStateHandler = _ref.emptyStateHandler,
-    viewMoreItem = _ref.viewMoreItem,
     onViewMore = _ref.onViewMore,
     cache = _ref.cache,
     _ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
@@ -375,12 +370,9 @@ function MobileBrowser(_ref) {
       selectedCategory: selectedCategory,
       searchTerm: searchTerm,
       cache: cache
-    })), onViewMore && (0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') && (0, _react2.jsx)(_ViewMore.ViewMore, {
+    })), onViewMore && (0, _react2.jsx)(_ViewMore.ViewMore, {
       onViewMore: onViewMore,
       focus: focusOnViewMore
-    }), viewMoreItem && !(0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') && (0, _react2.jsx)(_ViewMore2.ViewMore, {
-      item: viewMoreItem,
-      focus: focusOnViewMore
     }))
   );
 }

package/dist/cjs/keymaps/index.js

@@ -103,7 +103,7 @@ exports.makeKeyMapArrayWithCommon = makeKeyMapArrayWithCommon;
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
 exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redoAlt = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
-exports.toggleUnderline = exports.toggleTaskList = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCodeBlock = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = void 0;
+exports.toggleViewChanges = exports.toggleUnderline = exports.toggleTaskList = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCodeBlock = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -124,6 +124,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var addAltText = exports.addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+var toggleViewChanges = exports.toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 var navToEditorToolbar = exports.navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 var navToFloatingToolbar = exports.navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
 var askAIQuickInsert = exports.askAIQuickInsert = makeKeyMapWithCommon('Ask AI', "Mod-'");

package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js

@@ -82,7 +82,6 @@ var Dropdown = function Dropdown(_ref) {
       }, props, {
         iconBefore: (0, _react2.jsx)(_chevronDown.default, {
           label: configureLinkLabel,
-          LEGACY_size: "small",
           size: "small"
         }),
         onClick: function onClick(e) {
@@ -95,15 +94,13 @@ var Dropdown = function Dropdown(_ref) {
     onOpenChange: onOpenChange
   }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_linkExternal.default, {
-      label: goToLinkLabel,
-      LEGACY_size: "medium"
+      label: goToLinkLabel
     }),
     testId: "".concat(testId, "-dropdown-item-open-link"),
     onClick: onGoToLinkClick
   }, goToLinkLabel), (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_customize.default, {
-      label: configureLinkLabel,
-      LEGACY_size: "medium"
+      label: configureLinkLabel
     }),
     onClick: onConfigureClick,
     testId: "".concat(testId, "-dropdown-item-configure")

package/dist/cjs/link/ConfigureLinkOverlay/index.js

@@ -108,7 +108,6 @@ var OverlayButton = exports.OverlayButton = (0, _withAnalyticsContext.default)()
     onClick: handleConfigureClickWithAnalytics,
     iconBefore: (0, _react2.jsx)(_customize.default, {
       label: configureLinkLabel,
-      LEGACY_size: "small",
       testId: "".concat(testId, "-configure-icon")
     })
   })));

package/dist/cjs/media-inline/views/error-view.js

@@ -8,7 +8,6 @@ exports.InlineImageCardErrorView = void 0;
 var _react = require("@emotion/react");
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _constants = require("./constants");
 var _frame = require("./frame");
 var _iconWrapper = require("./icon-wrapper");
 /**
@@ -22,9 +21,7 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'media-inline-image-card-error-view' : _ref$testId,
     message = _ref.message,
-    icon = _ref.icon,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? _constants.ICON_SIZE_THRESOLD : _ref$height;
+    icon = _ref.icon;
   return (0, _react.jsx)(_frame.Frame, {
     testId: testId
   }, (0, _react.jsx)(_tooltip.default, {
@@ -34,7 +31,6 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
     hideTooltipOnClick: true
   }, (0, _react.jsx)(_iconWrapper.IconWrapper, null, icon || (0, _react.jsx)(_statusWarning.default, {
     label: "error",
-    LEGACY_size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small',
     color: "var(--ds-icon-danger, #C9372C)"
   }))));
 };

package/dist/cjs/media-single/ExternalImageBadge.js

@@ -60,7 +60,6 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
     content: message,
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
-    LEGACY_size: "small",
     label: message
   })));
 };

package/dist/cjs/messages/placeholder-text.js

@@ -46,9 +46,9 @@ var placeholderTextMessages = exports.placeholderTextMessages = (0, _reactIntlNe
     defaultMessage: ' to insert elements',
     description: 'Text after slash in long empty node placeholder'
   },
-  syncBlockPlaceholderText: {
-    id: 'fabric.editor.syncBlockPlaceholderText',
-    defaultMessage: 'Add content then copy this synced block to access it across spaces',
-    description: 'Placeholder text for sync block'
+  sourceSyncBlockPlaceholderText: {
+    id: 'fabric.editor.sourceSyncBlockPlaceholderText',
+    defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
+    description: 'Placeholder text for source sync block'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "111.7.0";
+var packageVersion = "111.7.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.7.0";
+var packageVersion = "111.7.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -63,7 +63,6 @@ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
   }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
   }, (0, _react.jsx)(_statusError.default, {
-    LEGACY_size: "small",
     label: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? intl.formatMessage(_messages.default.error) : "error",
     "aria-label": (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? undefined : "error"
   })), children);
@@ -78,10 +77,8 @@ var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
   }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
   }, (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? (0, _react.jsx)(_statusSuccess.default, {
-    LEGACY_size: "small",
     label: intl.formatMessage(_messages.default.success)
   }) : (0, _react.jsx)(_statusSuccess.default, {
-    LEGACY_size: "small",
     label: "success"
   })), children);
 };

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

@@ -71,8 +71,7 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
     }, (0, _react2.jsx)("span", {
       style: style
     }, (0, _react2.jsx)(_questionCircle.default, {
-      label: "?",
-      LEGACY_size: "small"
+      label: "?"
     }))))
   );
 };

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

@@ -66,8 +66,7 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   }, (0, _react2.jsx)("span", {
     style: style
   }, (0, _react2.jsx)(_questionCircle.default, {
-    label: "?",
-    LEGACY_size: "small"
+    label: "?"
   }))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(UnsupportedInlineNode);

package/dist/cjs/utils/imageLoader.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withImageLoaderOld = exports.withImageLoader = void 0;
+exports.withImageLoader = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 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); }
 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)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var withImageLoaderOld = exports.withImageLoaderOld = function withImageLoaderOld(Wrapped) {
+var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
   return /*#__PURE__*/function (_Component) {
     function WithImageLoader() {
       var _this;
@@ -49,130 +49,6 @@ var withImageLoaderOld = exports.withImageLoaderOld = function withImageLoaderOl
       return _this;
     }
     (0, _inherits2.default)(WithImageLoader, _Component);
-    return (0, _createClass2.default)(WithImageLoader, [{
-      key: "componentDidMount",
-      value:
-      /**
-       *
-       * @example
-       */
-      function componentDidMount() {
-        this.fetchImage(this.props);
-      }
-
-      /**
-       *
-       * @param nextProps
-       * @example
-       */
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/no-unsafe
-    }, {
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        if (nextProps.url !== this.props.url) {
-          this.setState({
-            imageStatus: 'loading'
-          });
-          this.fetchImage(nextProps);
-        }
-      }
-
-      /**
-       *
-       * @example
-       */
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        if (this.img) {
-          if (!process.env.REACT_SSR) {
-            // Ignored via go/ees005
-            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-            this.img.removeEventListener('load', this.onLoad);
-            // Ignored via go/ees005
-            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-            this.img.removeEventListener('error', this.onError);
-            this.img = null;
-          }
-        }
-      }
-
-      /**
-       *
-       * @param root0
-       * @param root0.url
-       * @example
-       */
-    }, {
-      key: "fetchImage",
-      value: function fetchImage(_ref) {
-        var url = _ref.url;
-        if (url) {
-          if (!this.img) {
-            this.img = new Image();
-            if (!process.env.REACT_SSR) {
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              this.img.addEventListener('load', this.onLoad);
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              this.img.addEventListener('error', this.onError);
-            }
-          }
-          this.img.src = url;
-        }
-      }
-    }, {
-      key: "render",
-      value:
-      /**
-       *
-       * @example
-       */
-      function render() {
-        var imageStatus = this.state.imageStatus;
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        return /*#__PURE__*/_react.default.createElement(Wrapped, (0, _extends2.default)({}, this.props, {
-          imageStatus: imageStatus
-        }));
-      }
-    }]);
-  }(_react.Component);
-};
-var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
-  return /*#__PURE__*/function (_Component2) {
-    function WithImageLoader() {
-      var _this2;
-      (0, _classCallCheck2.default)(this, WithImageLoader);
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      _this2 = _callSuper(this, WithImageLoader, [].concat(args));
-      (0, _defineProperty2.default)(_this2, "state", {
-        imageStatus: 'loading'
-      });
-      (0, _defineProperty2.default)(_this2, "onLoad", function () {
-        _this2.setState({
-          imageStatus: 'complete'
-        });
-        var onExternalImageLoaded = _this2.props.onExternalImageLoaded;
-        if (onExternalImageLoaded && _this2.img) {
-          onExternalImageLoaded({
-            width: _this2.img.naturalWidth,
-            height: _this2.img.naturalHeight
-          });
-        }
-      });
-      (0, _defineProperty2.default)(_this2, "onError", function () {
-        _this2.setState({
-          imageStatus: 'error'
-        });
-      });
-      return _this2;
-    }
-    (0, _inherits2.default)(WithImageLoader, _Component2);
     return (0, _createClass2.default)(WithImageLoader, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -205,8 +81,8 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
       }
     }, {
       key: "fetchImage",
-      value: function fetchImage(_ref2) {
-        var url = _ref2.url;
+      value: function fetchImage(_ref) {
+        var url = _ref.url;
         if (url) {
           if (!this.img) {
             this.img = new Image();
@@ -234,7 +110,4 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
       }
     }]);
   }(_react.Component);
-};
-var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
-  return withImageLoaderNew(Wrapped);
 };

package/dist/es2019/element-browser/ElementBrowser.js

@@ -88,7 +88,6 @@ export default class ElementBrowser extends PureComponent {
       showCategories,
       mode,
       emptyStateHandler,
-      viewMoreItem,
       onViewMore,
       cache,
       autoFocusSearch
@@ -112,7 +111,6 @@ export default class ElementBrowser extends PureComponent {
       mode: mode,
       searchTerm: searchTerm,
       emptyStateHandler: emptyStateHandler,
-      viewMoreItem: viewMoreItem,
       cache: cache,
       onViewMore: onViewMore,
       autoFocusSearch: autoFocusSearch

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -10,15 +10,13 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
-import { ViewMore as ViewMoreNext } from '../components/ViewMore';
+import { ViewMore } from '../components/ViewMore';
 import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
 import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
-import { ViewMore } from '../ViewMore';
 import CategoryList from './CategoryList';
 import ElementList from './ElementList/ElementList';
 import ElementSearch from './ElementSearch';
@@ -120,7 +118,6 @@ function StatelessElementBrowser(props) {
     items,
     onSelectItem,
     onInsertItem,
-    viewMoreItem,
     onViewMore,
     selectedCategory,
     onSelectCategory,
@@ -166,7 +163,7 @@ function StatelessElementBrowser(props) {
     focusOnViewMore,
     onKeyDown,
     setFocusOnSearch
-  } = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch);
+  } = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch);
   useEffect(() => {
     fireAnalyticsEvent(props.createAnalyticsEvent)({
       payload: {
@@ -258,7 +255,6 @@ function StatelessElementBrowser(props) {
       setFocusOnSearch: setFocusOnSearch,
       onKeyPress: onItemsEnterTabKeyPress,
       onKeyDown: onKeyDown,
-      viewMoreItem: viewMoreItem,
       onViewMore: onViewMore,
       focusOnViewMore: focusOnViewMore,
       cache: cache
@@ -309,7 +305,6 @@ function MobileBrowser({
   searchTerm,
   createAnalyticsEvent,
   emptyStateHandler,
-  viewMoreItem,
   onViewMore,
   cache,
   focusOnEmptyStateButton = false
@@ -361,12 +356,9 @@ function MobileBrowser({
       selectedCategory: selectedCategory,
       searchTerm: searchTerm,
       cache: cache
-    })), onViewMore && fg('platform_editor_refactor_view_more') && jsx(ViewMoreNext, {
+    })), onViewMore && jsx(ViewMore, {
       onViewMore: onViewMore,
       focus: focusOnViewMore
-    }), viewMoreItem && !fg('platform_editor_refactor_view_more') && jsx(ViewMore, {
-      item: viewMoreItem,
-      focus: focusOnViewMore
     }))
   );
 }

package/dist/es2019/keymaps/index.js

@@ -11,6 +11,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { browser as browserLegacy, getBrowserInfo } from '../utils/browser';
 export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+export const toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 export const navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 export const navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
 export const askAIQuickInsert = makeKeyMapWithCommon('Ask AI', "Mod-'");

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -74,7 +74,6 @@ const Dropdown = ({
     }, props, {
       iconBefore: jsx(ChevronDownIcon, {
         label: configureLinkLabel,
-        LEGACY_size: "small",
         size: "small"
       }),
       onClick: e => {
@@ -86,15 +85,13 @@ const Dropdown = ({
     onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(LinkExternalIcon, {
-      label: goToLinkLabel,
-      LEGACY_size: "medium"
+      label: goToLinkLabel
     }),
     testId: `${testId}-dropdown-item-open-link`,
     onClick: onGoToLinkClick
   }, goToLinkLabel), jsx(DropdownItem, {
     elemBefore: jsx(PreferencesIcon, {
-      label: configureLinkLabel,
-      LEGACY_size: "medium"
+      label: configureLinkLabel
     }),
     onClick: onConfigureClick,
     testId: `${testId}-dropdown-item-configure`

package/dist/es2019/link/ConfigureLinkOverlay/index.js

@@ -99,7 +99,6 @@ export const OverlayButton = withAnalyticsContext()(({
     onClick: handleConfigureClickWithAnalytics,
     iconBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
-      LEGACY_size: "small",
       testId: `${testId}-configure-icon`
     })
   })));

package/dist/es2019/media-inline/views/error-view.js

@@ -7,14 +7,12 @@
 import { jsx } from '@emotion/react';
 import WarningIcon from '@atlaskit/icon/core/status-warning';
 import Tooltip from '@atlaskit/tooltip';
-import { ICON_SIZE_THRESOLD } from './constants';
 import { Frame } from './frame';
 import { IconWrapper } from './icon-wrapper';
 export const InlineImageCardErrorView = ({
   testId = 'media-inline-image-card-error-view',
   message,
-  icon,
-  height = ICON_SIZE_THRESOLD
+  icon
 }) => {
   return jsx(Frame, {
     testId: testId
@@ -25,7 +23,6 @@ export const InlineImageCardErrorView = ({
     hideTooltipOnClick: true
   }, jsx(IconWrapper, null, icon || jsx(WarningIcon, {
     label: "error",
-    LEGACY_size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
     color: "var(--ds-icon-danger, #C9372C)"
   }))));
 };

package/dist/es2019/media-single/ExternalImageBadge.js

@@ -53,7 +53,6 @@ export const ExternalImageBadge = ({
     content: message,
     position: "top"
   }, /*#__PURE__*/React.createElement(InfoIcon, {
-    LEGACY_size: "small",
     label: message
   })));
 };

package/dist/es2019/messages/placeholder-text.js

@@ -40,9 +40,9 @@ export const placeholderTextMessages = defineMessages({
     defaultMessage: ' to insert elements',
     description: 'Text after slash in long empty node placeholder'
   },
-  syncBlockPlaceholderText: {
-    id: 'fabric.editor.syncBlockPlaceholderText',
-    defaultMessage: 'Add content then copy this synced block to access it across spaces',
-    description: 'Placeholder text for sync block'
+  sourceSyncBlockPlaceholderText: {
+    id: 'fabric.editor.sourceSyncBlockPlaceholderText',
+    defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
+    description: 'Placeholder text for source sync block'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "111.7.0";
+const packageVersion = "111.7.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "111.7.0";
+const packageVersion = "111.7.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({