@atlaskit/editor-common 111.7.1 → 111.7.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 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/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/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.1";
 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.1";
 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/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/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.1";
 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.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -52,7 +52,6 @@ export const ErrorMessage = ({
   }, jsx("span", {
     css: iconWrapperStyle
   }, jsx(ErrorIcon, {
-    LEGACY_size: "small",
     label: fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(commonMessages.error) : "error",
     "aria-label": fg('platform_editor_dec_a11y_fixes') ? undefined : "error"
   })), children);
@@ -68,10 +67,8 @@ export const ValidMessage = ({
   }, jsx("span", {
     css: iconWrapperStyle
   }, fg('platform_editor_dec_a11y_fixes') ? jsx(SuccessIcon, {
-    LEGACY_size: "small",
     label: intl.formatMessage(commonMessages.success)
   }) : jsx(SuccessIcon, {
-    LEGACY_size: "small",
     label: "success"
   })), children);
 };

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

@@ -61,8 +61,7 @@ const UnsupportedBlockNode = ({
     }, jsx("span", {
       style: style
     }, jsx(QuestionsIcon, {
-      label: "?",
-      LEGACY_size: "small"
+      label: "?"
     }))))
   );
 };

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

@@ -56,8 +56,7 @@ const UnsupportedInlineNode = ({
   }, jsx("span", {
     style: style
   }, jsx(QuestionsIcon, {
-    label: "?",
-    LEGACY_size: "small"
+    label: "?"
   }))));
 };
 export default injectIntl(UnsupportedInlineNode);

package/dist/es2019/utils/imageLoader.js

@@ -1,114 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
-export const withImageLoaderOld = Wrapped => class WithImageLoader extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
-      imageStatus: 'loading'
-    });
-    _defineProperty(this, "onLoad", () => {
-      this.setState({
-        imageStatus: 'complete'
-      });
-      const {
-        onExternalImageLoaded
-      } = this.props;
-      if (onExternalImageLoaded && this.img) {
-        onExternalImageLoaded({
-          width: this.img.naturalWidth,
-          height: this.img.naturalHeight
-        });
-      }
-    });
-    _defineProperty(this, "onError", () => {
-      this.setState({
-        imageStatus: 'error'
-      });
-    });
-  }
-  /**
-   *
-   * @example
-   */
-  componentDidMount() {
-    this.fetchImage(this.props);
-  }
-
-  /**
-   *
-   * @param nextProps
-   * @example
-   */
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/no-unsafe
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.url !== this.props.url) {
-      this.setState({
-        imageStatus: 'loading'
-      });
-      this.fetchImage(nextProps);
-    }
-  }
-
-  /**
-   *
-   * @example
-   */
-  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
-   */
-  fetchImage({
-    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;
-    }
-  }
-  /**
-   *
-   * @example
-   */
-  render() {
-    const {
-      imageStatus
-    } = this.state;
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    return /*#__PURE__*/React.createElement(Wrapped, _extends({}, this.props, {
-      imageStatus: imageStatus
-    }));
-  }
-};
-const withImageLoaderNew = Wrapped => class WithImageLoader extends Component {
+export const withImageLoader = Wrapped => class WithImageLoader extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
@@ -186,7 +79,4 @@ const withImageLoaderNew = Wrapped => class WithImageLoader extends Component {
       imageStatus: imageStatus
     }));
   }
-};
-export const withImageLoader = Wrapped => {
-  return withImageLoaderNew(Wrapped);
 };

package/dist/esm/keymaps/index.js

@@ -12,6 +12,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 var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+export var toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 export var navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
 export var askAIQuickInsert = makeKeyMapWithCommon('Ask AI', "Mod-'");

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

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

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

@@ -100,7 +100,6 @@ export var OverlayButton = withAnalyticsContext()(function (_ref) {
     onClick: handleConfigureClickWithAnalytics,
     iconBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
-      LEGACY_size: "small",
       testId: "".concat(testId, "-configure-icon")
     })
   })));

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

@@ -7,16 +7,13 @@
 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 var InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
   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 ? ICON_SIZE_THRESOLD : _ref$height;
+    icon = _ref.icon;
   return jsx(Frame, {
     testId: testId
   }, jsx(Tooltip, {
@@ -26,7 +23,6 @@ export var InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
     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/esm/media-single/ExternalImageBadge.js

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

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

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

@@ -55,7 +55,6 @@ export var ErrorMessage = function ErrorMessage(_ref2) {
   }, jsx("span", {
     css: iconWrapperStyle
   }, jsx(ErrorIcon, {
-    LEGACY_size: "small",
     label: fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(commonMessages.error) : "error",
     "aria-label": fg('platform_editor_dec_a11y_fixes') ? undefined : "error"
   })), children);
@@ -70,10 +69,8 @@ export var ValidMessage = function ValidMessage(_ref3) {
   }, jsx("span", {
     css: iconWrapperStyle
   }, fg('platform_editor_dec_a11y_fixes') ? jsx(SuccessIcon, {
-    LEGACY_size: "small",
     label: intl.formatMessage(commonMessages.success)
   }) : jsx(SuccessIcon, {
-    LEGACY_size: "small",
     label: "success"
   })), children);
 };

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

@@ -61,8 +61,7 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
     }, jsx("span", {
       style: style
     }, jsx(QuestionsIcon, {
-      label: "?",
-      LEGACY_size: "small"
+      label: "?"
     }))))
   );
 };

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

@@ -56,8 +56,7 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   }, jsx("span", {
     style: style
   }, jsx(QuestionsIcon, {
-    label: "?",
-    LEGACY_size: "small"
+    label: "?"
   }))));
 };
 export default injectIntl(UnsupportedInlineNode);

package/dist/esm/utils/imageLoader.js

@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
 import React, { Component } from 'react';
-export var withImageLoaderOld = function withImageLoaderOld(Wrapped) {
+export var withImageLoader = function withImageLoader(Wrapped) {
   return /*#__PURE__*/function (_Component) {
     function WithImageLoader() {
       var _this;
@@ -40,130 +40,6 @@ export var withImageLoaderOld = function withImageLoaderOld(Wrapped) {
       return _this;
     }
     _inherits(WithImageLoader, _Component);
-    return _createClass(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.createElement(Wrapped, _extends({}, this.props, {
-          imageStatus: imageStatus
-        }));
-      }
-    }]);
-  }(Component);
-};
-var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
-  return /*#__PURE__*/function (_Component2) {
-    function WithImageLoader() {
-      var _this2;
-      _classCallCheck(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));
-      _defineProperty(_this2, "state", {
-        imageStatus: 'loading'
-      });
-      _defineProperty(_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
-          });
-        }
-      });
-      _defineProperty(_this2, "onError", function () {
-        _this2.setState({
-          imageStatus: 'error'
-        });
-      });
-      return _this2;
-    }
-    _inherits(WithImageLoader, _Component2);
     return _createClass(WithImageLoader, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -196,8 +72,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();
@@ -225,7 +101,4 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
       }
     }]);
   }(Component);
-};
-export var withImageLoader = function withImageLoader(Wrapped) {
-  return withImageLoaderNew(Wrapped);
 };

package/dist/types/keymaps/index.d.ts

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/react';
 import type { Command } from '../types/command';
 import type { EditorCommand } from '../types/editor-command';
 export declare const addAltText: Keymap;
+export declare const toggleViewChanges: Keymap;
 export declare const navToEditorToolbar: Keymap;
 export declare const navToFloatingToolbar: Keymap;
 export declare const askAIQuickInsert: Keymap;

package/dist/types/media-inline/views/error-view.d.ts

@@ -4,12 +4,10 @@
  */
 import { jsx } from '@emotion/react';
 type Props = {
-    /** Container height */
-    height?: number;
     /** Error icon. Default to document icon. */
     icon?: React.ReactNode;
     message: string;
     testId?: string;
 };
-export declare const InlineImageCardErrorView: ({ testId, message, icon, height, }: Props) => jsx.JSX.Element;
+export declare const InlineImageCardErrorView: ({ testId, message, icon, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/utils/imageLoader.d.ts

@@ -12,5 +12,4 @@ export interface ImageLoaderState {
     imageStatus: ImageStatus;
 }
 export type ImageStatus = 'complete' | 'loading' | 'error';
-export declare const withImageLoaderOld: <P extends Object>(Wrapped: ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps>;
 export declare const withImageLoader: <P extends Object>(Wrapped: ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps>;

package/dist/types-ts4.5/keymaps/index.d.ts

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/react';
 import type { Command } from '../types/command';
 import type { EditorCommand } from '../types/editor-command';
 export declare const addAltText: Keymap;
+export declare const toggleViewChanges: Keymap;
 export declare const navToEditorToolbar: Keymap;
 export declare const navToFloatingToolbar: Keymap;
 export declare const askAIQuickInsert: Keymap;

package/dist/types-ts4.5/media-inline/views/error-view.d.ts

@@ -4,12 +4,10 @@
  */
 import { jsx } from '@emotion/react';
 type Props = {
-    /** Container height */
-    height?: number;
     /** Error icon. Default to document icon. */
     icon?: React.ReactNode;
     message: string;
     testId?: string;
 };
-export declare const InlineImageCardErrorView: ({ testId, message, icon, height, }: Props) => jsx.JSX.Element;
+export declare const InlineImageCardErrorView: ({ testId, message, icon, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/utils/imageLoader.d.ts

@@ -12,5 +12,4 @@ export interface ImageLoaderState {
     imageStatus: ImageStatus;
 }
 export type ImageStatus = 'complete' | 'loading' | 'error';
-export declare const withImageLoaderOld: <P extends Object>(Wrapped: ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps>;
 export declare const withImageLoader: <P extends Object>(Wrapped: ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.7.1",
+	"version": "111.7.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,18 +70,18 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/profilecard": "^24.27.0",
+		"@atlaskit/profilecard": "^24.28.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/smart-card": "^43.20.0",
-		"@atlaskit/smart-user-picker": "^8.8.0",
+		"@atlaskit/smart-user-picker": "^8.9.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.11.0",
+		"@atlaskit/tmp-editor-statsig": "^16.12.0",
 		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.12.0",
 		"@atlaskit/width-detector": "^5.0.0",